https://www.selloutcrowds.com/_next/static/chunks/6601.e742319c4ab69059.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6601],{16601:(e,s,t)=>{t.r(s),t.d(s,{default:()=>S});var n=t(54568),l=t(99680),r=t(7620),o=t(58229),i=t(72457),a=t(51234),c=t(46923),d=t(75586),m=t(75377),f=t(42655);function u(e){let s,t,r,a,c,d=(0,l.c)(12),{title:m,hint:f,children:u}=e;return d[0]!==m?(s=(0,n.jsx)(i.E,{className:"text-lg font-semibold text-foreground",children:m}),d[0]=m,d[1]=s):s=d[1],d[2]!==f?(t=f?(0,n.jsx)(i.E,{className:"text-xs text-muted-foreground",children:f}):null,d[2]=f,d[3]=t):t=d[3],d[4]!==s||d[5]!==t?(r=(0,n.jsxs)(o.Ss,{className:"gap-1",children:[s,t]}),d[4]=s,d[5]=t,d[6]=r):r=d[6],d[7]!==u?(a=(0,n.jsx)(o.Ss,{className:"flex-row flex-wrap gap-3 items-center",children:u}),d[7]=u,d[8]=a):a=d[8],d[9]!==r||d[10]!==a?(c=(0,n.jsxs)(o.Ss,{className:"mb-8 gap-3",children:[r,a]}),d[9]=r,d[10]=a,d[11]=c):c=d[11],c}function x(e){let s,t=(0,l.c)(2),{children:r}=e;return t[0]!==r?(s=(0,n.jsx)(o.Ss,{className:"w-full gap-2",children:r}),t[0]=r,t[1]=s):s=t[1],s}let h=[{id:"default",label:"default",platform:"",pointer:""},{id:"web-mouse",label:"web \xb7 mouse",platform:"web",pointer:"mouse"},{id:"web-touch",label:"web \xb7 touch",platform:"web",pointer:"touch"},{id:"ios",label:"ios \xb7 touch",platform:"ios",pointer:"touch"},{id:"android",label:"android \xb7 touch",platform:"android",pointer:"touch"}],b=[{key:"height",label:"h"},{key:"paddingX",label:"pad"},{key:"font",label:"font"},{key:"icon",label:"icon"},{key:"hitSlop",label:"slop"},{key:"labelGap",label:"gap"}];function g(e){let s,t=(0,l.c)(2),{label:r}=e;return t[0]!==r?(s=(0,n.jsx)(i.E,{className:"font-mono text-xs text-muted-foreground",children:r}),t[0]=r,t[1]=s):s=t[1],s}function p(e){let s,t,r=(0,l.c)(6),{children:a,head:c,mono:d,dim:m}=e,f=void 0!==c&&c?"text-xs font-semibold text-foreground":void 0===d||d?"font-mono text-xs":"text-xs",u=void 0!==m&&m?"text-muted-foreground":"text-foreground";r[0]!==f||r[1]!==u?(s=[f,u],r[0]=f,r[1]=u,r[2]=s):s=r[2];let x=s.join(" ");return r[3]!==a||r[4]!==x?(t=(0,n.jsx)(o.Ss,{className:"px-2 py-1 min-w-12 border-b border-border/40",children:(0,n.jsx)(i.E,{className:x,children:a})}),r[3]=a,r[4]=x,r[5]=t):t=r[5],t}function j(){let e,s=(0,l.c)(1);if(s[0]===Symbol.for("react.memo_cache_sentinel")){let t=(0,f.q)("theme","neo_button"),l=t?.controlSizes||{},r=t?.borderShapes||{};e=(0,n.jsxs)(o.Ss,{className:"mb-8 gap-3",children:[(0,n.jsxs)(o.Ss,{className:"gap-1",children:[(0,n.jsx)(i.E,{className:"text-lg font-semibold text-foreground",children:"Sizes resolver chart"}),(0,n.jsx)(i.E,{className:"text-xs text-muted-foreground",children:"`neo_button.controlSizes` flattened by `resolveScoped()` for every platform/pointer combination. Cells with the same value across all rows mean the size is unscoped at that field. Mismatched cells highlight where the resolver picked up a per-platform / per-pointer override."})]}),["mini","small","regular","large","xlarge"].map(e=>{let s=l[e];if(!s)return null;let t=h.map(t=>{let n={platform:t.platform||void 0,pointer:t.pointer||void 0,breakpoint:"",theme:"light",controlSize:e},l=(0,c.Zd)(s,n)||{},o=r?.roundedRectangle?.rounded;return{scope:t,resolved:l,rounded:"string"==typeof o?o:(0,c.Zd)(o,n)||o?.default}}),a=t[0].resolved,d=t[0].rounded;return(0,n.jsxs)(o.Ss,{className:"rounded-xl border border-border/60 overflow-hidden",children:[(0,n.jsxs)(o.fI,{className:"flex-row items-center justify-between px-3 py-2 bg-muted/40",children:[(0,n.jsxs)(i.E,{className:"text-sm font-semibold text-foreground",children:["controlSize: ",(0,n.jsx)(i.E,{className:"font-mono",children:e})]}),(0,n.jsx)(g,{label:`borderShape.roundedRectangle → ${d}`})]}),(0,n.jsxs)(o.fI,{className:"flex-row",children:[(0,n.jsx)(p,{head:!0,children:(0,n.jsx)(i.E,{children:"scope"})}),b.map(y),(0,n.jsx)(p,{head:!0,children:(0,n.jsx)(i.E,{children:"rounded"})})]}),t.map(e=>{let s,{scope:t,resolved:l,rounded:r}=e;return(0,n.jsxs)(o.fI,{className:"flex-row",children:[(0,n.jsx)(p,{mono:!0,dim:"default"===t.id,children:t.label}),b.map(e=>{let s,r,o=l[e.key],i=null==o?"—":"object"==typeof o?JSON.stringify(o):String(o);return(0,n.jsx)(p,{mono:!0,dim:(s={scope:t,resolved:l},r=e.key,"default"===s.scope.id||JSON.stringify(s.resolved[r])===JSON.stringify(a[r])),children:i},e.key)}),(0,n.jsx)(p,{mono:!0,dim:"default"===(s={scope:t,rounded:r}

1).scope.id||s.rounded===d,children:r||"—"})]},t.id)})]},e)})]}),s[0]=e}else e=s[0];return e}function y(e){return(0,n.jsx)(p,{head:!0,children:e.label},e.key)}function P(){let e,s,t,r,a,d,m,f,u,x,h,b,g,p,j=(0,l.c)(33);j[0]===Symbol.for("react.memo_cache_sentinel")?(e={},j[0]=e):e=j[0];let y=(0,c.yH)(e),P=(0,c.x5)(),S=y.env;j[1]===Symbol.for("react.memo_cache_sentinel")?(s=(0,n.jsx)(i.E,{className:"text-sm font-semibold text-foreground",children:"Resolver env (this device)"}),j[1]=s):s=j[1],j[2]!==S.platform?(t=(0,n.jsx)(i.E,{className:"font-mono text-foreground",children:S.platform}),j[2]=S.platform,j[3]=t):t=j[3],j[4]!==P?(r=(0,n.jsx)(i.E,{className:"font-mono text-foreground",children:P}),j[4]=P,j[5]=r):r=j[5];let X=S.breakpoint||"(below sm)";return j[6]!==X?(a=(0,n.jsx)(i.E,{className:"font-mono text-foreground",children:X}),j[6]=X,j[7]=a):a=j[7],j[8]!==S.theme?(d=(0,n.jsx)(i.E,{className:"font-mono text-foreground",children:S.theme}),j[8]=S.theme,j[9]=d):d=j[9],j[10]!==t||j[11]!==r||j[12]!==a||j[13]!==d?(m=(0,n.jsxs)(i.E,{className:"text-xs text-muted-foreground",children:["platform: ",t," \xb7 ","pointer: ",r," \xb7 ","breakpoint: ",a," \xb7 ","theme: ",d]}),j[10]=t,j[11]=r,j[12]=a,j[13]=d,j[14]=m):m=j[14],j[15]!==y.height?(f=(0,n.jsxs)(i.E,{className:"font-mono text-foreground",children:[y.height,"px"]}),j[15]=y.height,j[16]=f):f=j[16],j[17]!==y.paddingX?(u=(0,n.jsxs)(i.E,{className:"font-mono text-foreground",children:[y.paddingX,"px"]}),j[17]=y.paddingX,j[18]=u):u=j[18],j[19]!==y.iconSize?(x=(0,n.jsxs)(i.E,{className:"font-mono text-foreground",children:[y.iconSize,"px"]}),j[19]=y.iconSize,j[20]=x):x=j[20],j[21]!==x||j[22]!==f||j[23]!==u?(h=(0,n.jsxs)(i.E,{className:"text-xs text-muted-foreground",children:["default `regular` height resolved to:"," ",f," \xb7 ","paddingX: ",u," \xb7 ","icon: ",x]}),j[21]=x,j[22]=f,j[23]=u,j[24]=h):h=j[24],j[25]!==y.nativeMapping?(b=JSON.stringify(y.nativeMapping),j[25]=y.nativeMapping,j[26]=b):b=j[26],j[27]!==b?(g=(0,n.jsxs)(i.E,{className:"text-xs text-muted-foreground",children:["native mapping: ",(0,n.jsx)(i.E,{className:"font-mono text-foreground",children:b})]}),j[27]=b,j[28]=g):g=j[28],j[29]!==h||j[30]!==g||j[31]!==m?(p=(0,n.jsxs)(o.Ss,{className:"mb-8 p-4 rounded-xl bg-muted/40 gap-1",children:[s,m,h,g]}),j[29]=h,j[30]=g,j[31]=m,j[32]=p):p=j[32],p}function S(e){let s,t,f,h,b,g,p,y,S,eT,eU,eD,eG,eF,eH,eJ,eq,eK,eZ,eV,eW,eY,e$,eQ,e0,e5,e1,e2,e3,e4,e6,e7,e8,e9,se,ss,st,sn,sl,sr,so,si,sa,sc,sd=(0,l.c)(58),{data:sm,children:sf}=e,[su,sx]=r.useState(!1),[sh,sb]=r.useState(!1),[sg,sp]=r.useState(!1),[sj,sy]=r.useState(!1),sP=r.useRef(null);sd[0]!==sm?(s=sm||{uri:"playground"},sd[0]=sm,sd[1]=s):s=sd[1],sd[2]===Symbol.for("react.memo_cache_sentinel")?(t=(0,n.jsxs)(o.Ss,{className:"p-6 gap-2 max-w-5xl mx-auto w-full",children:[(0,n.jsx)(i.E,{className:"text-2xl font-semibold text-foreground",children:"Playground"}),(0,n.jsx)(i.E,{className:"text-sm text-muted-foreground",children:"Open at /pg. Form kitchen sink is at /pg/form."})]}),sd[2]=t):t=sd[2],sd[3]===Symbol.for("react.memo_cache_sentinel")?(f=(0,n.jsx)(P,{}),h=(0,n.jsx)(j,{}),sd[3]=f,sd[4]=h):(f=sd[3],h=sd[4]),sd[5]===Symbol.for("react.memo_cache_sentinel")?(b=(0,n.jsxs)(u,{title:"Primary Actions",hint:"Common footer and form actions. Hold the mouse down on desktop to inspect the default press scale.",children:[(0,n.jsx)(d.X5,{style:"borderedProminent",label:"Publish",image:"Send",onPress:eB}),(0,n.jsx)(d.X5,{style:"bordered",label:"Save draft",image:"Save",onPress:eO}),(0,n.jsx)(d.X5,{style:"borderless",label:"Preview",image:"Eye",onPress:eA}),(0,n.jsx)(d.X5,{style:"plain",label:"Cancel",role:"cancel",onPress:eM})]}),sd[5]=b):b=sd[5],sd[6]===Symbol.for("react.memo_cache_sentinel")?(g=(0,n.jsxs)(u,{title:"Style Recipes",hint:"Every SwiftUI-style recipe as a complete button instance, with press handlers so transition behavior is visible.",children:[(0,n.jsx)(d.X5,{style:"plain",label:"Plain",image:"PenLine",onPress:eL}),(0,n.jsx)(d.X5,{style:"bordered",label:"Bordered",image:"Settings",onPress:eI}),(0,n.jsx)(d.X5,{style:"borderedProminent",label:"Prominent",image:"Check",onPress:eR}),(0,n.jsx)(d.X5,{style:"borderless",label:"Borderless",image:"Sparkles",onPress:ez}),(0,n.jsx)(d.X5,{style:"link",label:"Open details",image:"ExternalLink",imagePlacement:"trailing",onPress:eC}),(0,n.jsx)(d.X5,{style:"glass",label:"Glass",image:"Layers",onPress:eE}),(0,n.jsx)(d.X5,{style:"glassProminent",label:"Glass CTA",image:"Rocket",onPress:ek})]}),sd[6]=g):g=sd[6],sd[7]===Symbol.for("react.memo_cache_sentinel")?(p=(0,n.jsxs)(u,{title:"Control Sizes",hint:"Use small controls for toolbars, regular for most actions, and large/xlarge for high-emphasis rows or onboarding.",children:[(0,n.jsx)(d.X5,{style:"bordered",controlSize:"mini",label:"Mini",image:"Plus",onPress:e_}),(0,n.jsx)(d.X5,{style:"bordered",controlSize:"small",label:"Small",image:"Plus",onPress:eN}),(0,n.jsx)(d.X5,{style:"borderedProminent",controlSize:"regular",label:"Regular",image:"Plus",onPress:ev}),(0,n.jsx)(d.X5,{style:"borderedProminent",controlSize:"large",label:"Large action",image:"Plus",onPress:ew}),(0,n.jsx)(d.X5,{style:"glassProminent",controlSize:"xlarge",label:"Get started",image:"ArrowRight",imagePlacement:"trailing",onPress:eX})]}),sd[7]=p):p=sd[7],sd[8]===Symbol.for("react.memo_cache_sentinel")?(y=(0,n.jsxs)(u,{title:"Shapes",hint:"Border shape is independent from style, so shape examples use realistic icon or action copy.",children:[(0,n.jsx)(d.X5,{style:"borderedProminent",borderShape:"capsule",label:"Follow",image:"UserPlus",onPress:eS}),(0,n.jsx)(d.X5,{style:"bordered",borderShape:"roundedRectangle",label:"Duplicate",image:"Copy",onPress:eP}),(0,n.jsx)(d.X5,{style:"bordered",borderShape:"rectangle",label:"Grid cell",image:"Square",onPress:ey}),(0,n.jsx)(d.X5,{style:"borderedProminent",borderShape:"circle",image:"Plus",accessibilityLabel:"Create",onPress:ej})]}),sd[8]=y):y=sd[8],sd[9]===Symbol.for("react.memo_cache_sentinel")?(S=(0,n.jsxs)(u,{title:"Roles",hint:"Swift

1UI Button(role:). `confirm` defaults to prominent; `destructive` tints safe secondary actions red unless you choose a prominent style.",children:[(0,n.jsx)(d.X5,{role:"default",label:"Default",image:"Circle",onPress:ep}),(0,n.jsx)(d.X5,{role:"cancel",label:"Cancel",onPress:eg}),(0,n.jsx)(d.X5,{role:"confirm",label:"Confirm",image:"Check",onPress:eb}),(0,n.jsx)(d.X5,{role:"close",accessibilityLabel:"Close panel",onPress:eh}),(0,n.jsx)(d.X5,{role:"destructive",style:"bordered",label:"Delete",image:"Trash",onPress:ex}),(0,n.jsx)(d.X5,{role:"destructive",style:"borderedProminent",label:"Delete forever",image:"Trash2",onPress:eu})]}),sd[9]=S):S=sd[9],sd[10]===Symbol.for("react.memo_cache_sentinel")?(eT=(0,n.jsxs)(u,{title:"Icon Placement",hint:"SwiftUI Label(title:image:) defaults to leading image placement; trailing is useful for forward navigation.",children:[(0,n.jsx)(d.X5,{style:"bordered",label:"Save changes",image:"Save",onPress:ef}),(0,n.jsx)(d.X5,{style:"bordered",label:"Continue",image:"ArrowRight",imagePlacement:"trailing",onPress:em}),(0,n.jsx)(d.X5,{style:"bordered",image:"Search",accessibilityLabel:"Search",onPress:ed}),(0,n.jsx)(d.X5,{style:"borderedProminent",label:"Upload file",image:"Upload",onPress:ec})]}),sd[10]=eT):eT=sd[10],sd[11]===Symbol.for("react.memo_cache_sentinel")?(eU=(0,n.jsx)(o.Ss,{className:"w-9 h-9 rounded-full bg-primary items-center justify-center",children:(0,n.jsx)(i.E,{className:"text-primary-foreground font-semibold",children:"YK"})}),sd[11]=eU):eU=sd[11],sd[12]===Symbol.for("react.memo_cache_sentinel")?(eD=(0,n.jsx)(d.X5,{style:"bordered",width:"fill",align:"start",controlSize:"large",onPress:ea,children:(0,n.jsxs)(o.fI,{className:"flex-row items-center gap-3 flex-1",children:[eU,(0,n.jsxs)(o.Ss,{className:"flex-1",children:[(0,n.jsx)(i.E,{className:"text-foreground font-medium",children:"Alex Johnson"}),(0,n.jsx)(i.E,{className:"text-muted-foreground text-xs",children:"View profile and account settings"})]}),(0,n.jsx)(m.In,{icon:"ChevronRight",size:20,className:"text-muted-foreground"})]})}),sd[12]=eD):eD=sd[12],sd[13]===Symbol.for("react.memo_cache_sentinel")?(eG=(0,n.jsx)(m.In,{icon:"FileText",size:22,className:"text-foreground"}),sd[13]=eG):eG=sd[13],sd[14]===Symbol.for("react.memo_cache_sentinel")?(eF=(0,n.jsx)(u,{title:"List Rows",hint:"Children replace label/image rendering, which is the right path for rows with avatar, metadata, badges, and chevrons.",children:(0,n.jsxs)(x,{children:[eD,(0,n.jsx)(d.X5,{style:"bordered",width:"fill",align:"start",controlSize:"large",onPress:ei,children:(0,n.jsxs)(o.fI,{className:"flex-row items-center gap-3 flex-1",children:[eG,(0,n.jsxs)(o.Ss,{className:"flex-1",children:[(0,n.jsx)(i.E,{className:"text-foreground font-medium",children:"Product brief.md"}),(0,n.jsx)(i.E,{className:"text-muted-foreground text-xs",children:"Edited 5 minutes ago \xb7 Markdown"})]}),(0,n.jsx)(i.E,{className:"text-xs text-muted-foreground",children:"12 KB"}),(0,n.jsx)(m.In,{icon:"ChevronRight",size:20,className:"text-muted-foreground"})]})})]})}),sd[14]=eF):eF=sd[14],sd[15]===Symbol.for("react.memo_cache_sentinel")?(eH=()=>sx(eo),sd[15]=eH):eH=sd[15],sd[16]!==su?(eJ=(0,n.jsx)(d.X5,{style:"borderless",controlSize:"small",image:"Bold",selected:su,accessibilityLabel:"Bold",onPress:eH}),sd[16]=su,sd[17]=eJ):eJ=sd[17],sd[18]===Symbol.for("react.memo_cache_sentinel")?(eq=()=>sb(er),sd[18]=eq):eq=sd[18],sd[19]!==sh?(eK=(0,n.jsx)(d.X5,{style:"borderless",controlSize:"small",image:"Italic",selected:sh,accessibilityLabel:"Italic",onPress:eq}),sd[19]=sh,sd[20]=eK):eK=sd[20];let sS=sg?"ChevronUp":"ChevronDown";return sd[21]===Symbol.for("react.memo_cache_sentinel")?(eZ=()=>sp(el),sd[21]=eZ):eZ=sd[21],sd[22]!==sg||sd[23]!==sS?(eV=(0,n.jsx)(d.X5,{style:"bordered",label:"Options",image:sS,imagePlacement:"trailing",selected:sg,onPress:eZ}),sd[22]=sg,sd[23]=sS,sd[24]=eV):eV=sd[24],sd[25]!==eJ||sd[26]!==eK||sd[27]!==eV?(eW=(0,n.jsxs)(u,{title:"Toggle (selected)",hint:"`selected` gives the sticky pressedToggle state + aria-pressed (Bold-in-editor, opened menu).",children:[eJ,eK,eV]}),sd[25]=eJ,sd[26]=eK,sd[27]=eV,sd[28]=eW):eW=sd[28],sd[29]===Symbol.for("react.memo_cache_sentinel")?(eY=()=>{sy(!0),setTimeout(()=>sy(!1),1500)},sd[29]=eY):eY=sd[29],sd[30]!==sj?(e$=(0,n.jsx)(u,{title:"Loading",hint:"Replaces the image with a spinner; rest of the label stays put.",children:(0,n.jsx)(d.X5,{style:"borderedProminent",label:"Save",loadingLabel:"Saving…",image:"Save",loading:sj,onPress:eY})}),sd[30]=sj,sd[31]=e$):e$=sd[31],sd[32]===Symbol.for("react.memo_cache_sentinel")?(eQ=(0,n.jsxs)(u,{title:"Tint",hint:"Swift

1UI .tint() analog. Inline style on the surface for borderedProminent (replaces bg); recolours text/image elsewhere.",children:[(0,n.jsx)(d.X5,{style:"bordered",tint:"#ff6347",label:"Favorite",image:"Heart",onPress:en}),(0,n.jsx)(d.X5,{style:"borderedProminent",tint:"#ff6347",label:"Boost post",image:"Megaphone",onPress:et}),(0,n.jsx)(d.X5,{style:"glassProminent",tint:"#0a84ff",label:"iOS primary",image:"Heart",onPress:es}),(0,n.jsx)(d.X5,{style:"glassProminent",tint:"#34c759",label:"Approve",image:"Check",onPress:ee}),(0,n.jsx)(d.X5,{style:"borderless",tint:"#ff6347",label:"Report",image:"Flag",onPress:Q}),(0,n.jsx)(d.X5,{style:"link",tint:"#ff6347",label:"Learn more",image:"ExternalLink",imagePlacement:"trailing",onPress:$}),(0,n.jsx)(d.X5,{role:"destructive",style:"bordered",label:"Delete",image:"Trash",onPress:Y})]}),sd[32]=eQ):eQ=sd[32],sd[33]===Symbol.for("react.memo_cache_sentinel")?(e0=(0,n.jsx)(d.X5,{style:"bordered",width:"fill",align:"start",label:"Left aligned",image:"AlignLeft",onPress:W}),e5=(0,n.jsx)(d.X5,{style:"bordered",width:"fill",align:"center",label:"Centered action",image:"CircleDot",onPress:V}),e1=(0,n.jsx)(d.X5,{style:"bordered",width:"fill",align:"end",label:"Right aligned",image:"ChevronRight",imagePlacement:"trailing",onPress:Z}),sd[33]=e0,sd[34]=e5,sd[35]=e1):(e0=sd[33],e5=sd[34],e1=sd[35]),sd[36]===Symbol.for("react.memo_cache_sentinel")?(e2=(0,n.jsx)(u,{title:"width / align",hint:"`width=fill` adds w-full; align maps to justify-{start|center|end|between}.",children:(0,n.jsxs)(x,{children:[e0,e5,e1,(0,n.jsx)(d.X5,{style:"bordered",width:"fill",align:"between",onPress:K,children:(0,n.jsxs)(o.fI,{className:"flex-row items-center justify-between flex-1",children:[(0,n.jsxs)(o.fI,{className:"flex-row items-center gap-2",children:[(0,n.jsx)(m.In,{icon:"UserRound",size:20,className:"text-foreground"}),(0,n.jsx)(i.E,{className:"text-foreground font-medium",children:"Account"})]}),(0,n.jsx)(m.In,{icon:"ChevronRight",size:20,className:"text-muted-foreground"})]})})]})}),sd[36]=e2):e2=sd[36],sd[37]===Symbol.for("react.memo_cache_sentinel")?(e3=(0,n.jsx)(u,{title:"NeoButtonStyleProvider cascade",hint:"Mirrors SwiftUI's .buttonStyle() applied at a parent. All descendants without an explicit `style` prop inherit the provider's style.",children:(0,n.jsxs)(c.P8,{style:"glass",children:[(0,n.jsx)(d.X5,{label:"Inherits glass",image:"Sparkles",onPress:q}),(0,n.jsx)(d.X5,{label:"Override to bordered",image:"Settings",style:"bordered",onPress:J}),(0,n.jsx)(d.X5,{label:"Also glass",image:"Star",onPress:H})]})}),sd[37]=e3):e3=sd[37],sd[38]===Symbol.for("react.memo_cache_sentinel")?(e4=(0,n.jsx)(u,{title:"NeoControlSizeProvider cascade",hint:"Mirrors SwiftUI's .controlSize() applied at a parent.",children:(0,n.jsxs)(c.GT,{size:"large",children:[(0,n.jsx)(d.X5,{style:"borderedProminent",label:"Large primary",image:"Check",onPress:F}),(0,n.jsx)(d.X5,{style:"bordered",label:"Large secondary",image:"MessageCircle",onPress:G}),(0,n.jsx)(d.X5,{style:"bordered",controlSize:"mini",label:"Mini override",image:"Plus",onPress:D})]})}),sd[38]=e4):e4=sd[38],sd[39]===Symbol.for("react.memo_cache_sentinel")?(e6=(0,n.jsx)(d.X5,{style:"bordered",label:"Default scale",image:"MousePointerClick",onPress:U}),e7=(0,n.jsx)(d.X5,{style:"borderedProminent",label:"Prominent scale",image:"MousePointerClick",onPress:T}),e8=(0,n.jsx)(d.X5,{style:"glass",label:"Glass scale",image:"Layers",onPress:B}),e9=(0,n.jsx)(d.X5,{style:"plain",label:"No transition",onPress:O}),se=(0,n.jsx)(d.X5,{style:"link",label:"Link, no transition",onPress:A}),sd[39]=e6,sd[40]=e7,sd[41]=e8,sd[42]=e9,sd[43]=se):(e6=sd[39],e7=sd[40],e8=sd[41],e9=sd[42],se=sd[43]),sd[44]===Symbol.for("react.memo_cache_sentinel")?(ss=(0,n.jsx)(d.X5,{style:"bordered",label:"Override: opacity",transition:{press:{type:"opacity",from:1,to:.6,duration:80}},onPress:M}),sd[44]=ss):ss=sd[44],sd[45]===Symbol.for("react.memo_cache_sentinel")?(st=(0,n.jsxs)(u,{title:"Per-style transitions",hint:"Each example is pressable. Hold down on desktop to compare the default scale spring, opacity override, and disabled transition.",children:[e6,e7,e8,e9,se,ss,(0,n.jsx)(d.X5,{style:"bordered",label:"Override: none",transition:{press:!1},onPress:L})]}),sd[45]=st):st=sd[45],sd[46]===Symbol.for("react.memo_cache_sentinel")?(sn=(0,n.jsxs)(u,{title:"Disabled States",hint:"Disabled buttons still show their role, style, tint, and label treatment without accepting press events.",children:[(0,n.jsx)(d.X5,{style:"plain",label:"Plain",disabled:!0,onPress:I}),(0,n.jsx)(d.X5,{style:"bordered",label:"Save draft",image:"Save",disabled:!0,onPress:R}),(0,n.jsx)(d.X5,{style:"borderedProminent",label:"Publish",image:"Send",disabled:!0,onPress:z}),(0,n.jsx)(d.X5,{style:"borderless",label:"Preview",image:"Eye",disabled:!0,onPress:C}),(0,n.jsx)(d.X5,{style:"link",label:"Open details",disabled:!0,onPress:E}),(0,n.jsx)(d.X5,{style:"glass",label:"Glass",image:"Layers",disabled:!0,onPress:k}),(0,n.jsx)(d.X5,{style:"glassProminent",label:"Glass CTA",image:"Rocket",disabled:!0,onPress:_})]}),sd[46]=sn):sn=sd[46],sd[47]===Symbol.for("react.memo_cache_sentinel")?(sl=(0,n.jsxs)(u,{title:"Focus ring",hint:"Tab to focus. Default is on for web, off for native. Override per

1-instance with focusRing='auto' | 'never'.",children:[(0,n.jsx)(d.X5,{style:"borderedProminent",label:"Auto ring",onPress:N}),(0,n.jsx)(d.X5,{style:"borderedProminent",label:"No ring",focusRing:"never",onPress:v})]}),sd[47]=sl):sl=sd[47],sd[48]===Symbol.for("react.memo_cache_sentinel")?(sr=(0,n.jsx)(d.X5,{style:"bordered",label:"Custom text colour",onPress:w,classNames:{text:"text-pink-600 italic"}}),sd[48]=sr):sr=sd[48],sd[49]===Symbol.for("react.memo_cache_sentinel")?(so=(0,n.jsxs)(u,{title:"classNames overrides",hint:"Per-slot escape hatch (root / container / text / image / surface / ring).",children:[sr,(0,n.jsx)(d.X5,{style:"bordered",label:"Wide",image:"Star",onPress:X,classNames:{container:"px-8",image:"text-yellow-500"}})]}),sd[49]=so):so=sd[49],sd[50]===Symbol.for("react.memo_cache_sentinel")?(si=(0,n.jsx)(u,{title:"Forwarded ref",hint:"NeoButtonRef forwards the ref to the underlying Pressable.",children:(0,n.jsx)(d.u3,{ref:sP,style:"borderedProminent",label:"Click then focus me",onPress:()=>sP.current?.focus?.()})}),sd[50]=si):si=sd[50],sd[51]!==sf||sd[52]!==eW||sd[53]!==e$?(sa=(0,n.jsxs)(o.BM,{className:"flex-1 bg-background",children:[t,(0,n.jsxs)(o.Ss,{className:"px-6 pb-12 max-w-5xl mx-auto w-full",children:[f,h,b,g,p,y,S,eT,eF,eW,e$,eQ,e2,e3,e4,st,sn,sl,so,si,sf]})]}),sd[51]=sf,sd[52]=eW,sd[53]=e$,sd[54]=sa):sa=sd[54],sd[55]!==s||sd[56]!==sa?(sc=(0,n.jsx)(a.A,{data:s,children:sa}),sd[55]=s,sd[56]=sa,sd[57]=sc):sc=sd[57],sc}function X(){}function w(){}function v(){}function N(){}function _(){}function k(){}function E(){}function C(){}function z(){}function R(){}function I(){}function L(){}function M(){}function A(){}function O(){}function B(){}function T(){}function U(){}function D(){}function G(){}function F(){}function H(){}function J(){}function q(){}function K(){}function Z(){}function V(){}function W(){}function Y(){}function $(){}function Q(){}function ee(){}function es(){}function et(){}function en(){}function el(e){return!e}function er(e){return!e}function eo(e){return!e}function ei(){}function ea(){}function ec(){}function ed(){}function em(){}function ef(){}function eu(){}function ex(){}function eh(){}function eb(){}function eg(){}function ep(){}function ej(){}function ey(){}function eP(){}function eS(){}function eX(){}function ew(){}function ev(){}function eN(){}function e_(){}function ek(){}function eE(){}function eC(){}function ez(){}function eR(){}function eI(){}function eL(){}function eM(){}function eA(){}function eO(){}function eB(){}}}]);