@yahoo/uds 3.59.0 → 3.61.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/cli/FlattenButtonVariant.mock.tsx +17 -0
  2. package/dist/{Box-C5a5zIIo.d.ts → Box-57CO48b8.d.ts} +1 -1
  3. package/dist/{Box-BSYsXHzh.d.cts → Box-BXzOEy6x.d.cts} +1 -1
  4. package/dist/{Box-BWU5UmHC.d.cts → Box-CvcBMBXN.d.cts} +1 -1
  5. package/dist/{Box-C9fHZ3nr.d.ts → Box-D0HE-AjA.d.ts} +1 -1
  6. package/dist/{Pressable-Q1KS3YU1.d.ts → Pressable-BLWVZEln.d.ts} +1 -1
  7. package/dist/{Pressable-jfrkzoAe.d.ts → Pressable-C4yJX0RZ.d.ts} +1 -1
  8. package/dist/{Pressable-5JJUWRN1.d.cts → Pressable-CUFe9wvm.d.cts} +1 -1
  9. package/dist/{Pressable-DjYpKTPO.d.cts → Pressable-DxZb2fnD.d.cts} +1 -1
  10. package/dist/{Text-CJRvqui_.d.cts → Text-BSMhN-G2.d.cts} +1 -1
  11. package/dist/{Text-BQhCLqTc.d.ts → Text-BTk0X3uq.d.ts} +1 -1
  12. package/dist/{Text-1qIcMDEP.d.cts → Text-BjbkZ-2A.d.cts} +15 -11
  13. package/dist/{Text-1qIcMDEP.d.ts → Text-BjbkZ-2A.d.ts} +15 -11
  14. package/dist/{Text-Dw9vuP5i.d.cts → Text-Cit3FWD8.d.cts} +1 -1
  15. package/dist/{Text-ksXYBDQ6.d.ts → Text-DGq0Cz-E.d.ts} +1 -1
  16. package/dist/{VStack-CkK4XZ1Y.d.ts → VStack-CAGbFcZU.d.ts} +2 -2
  17. package/dist/{VStack-DdYKhUxh.d.ts → VStack-CJZsAnS3.d.ts} +2 -2
  18. package/dist/{VStack-Ch6JJPQE.d.cts → VStack-DbgzKoH2.d.cts} +2 -2
  19. package/dist/{VStack-OvZNhyoq.d.cts → VStack-TYqG4Ln7.d.cts} +2 -2
  20. package/dist/chunk-2N25B3VJ.js +2 -0
  21. package/dist/{chunk-KMRYZOR7.js → chunk-2WPM3ZG4.js} +1 -1
  22. package/dist/chunk-3AQ5EJDX.cjs +2 -0
  23. package/dist/chunk-4JWOS7R4.cjs +1 -0
  24. package/dist/chunk-4UBSZT2O.js +2 -0
  25. package/dist/{chunk-4UB6EIVI.cjs → chunk-76P4SNBZ.cjs} +1 -1
  26. package/dist/chunk-7PQ7BZJU.js +2 -0
  27. package/dist/chunk-ANBAJ5VM.js +1 -0
  28. package/dist/{chunk-L3JHNF65.js → chunk-ANTWGR57.js} +3 -3
  29. package/dist/{chunk-66IO4LQQ.cjs → chunk-AQM3J7QN.cjs} +1 -1
  30. package/dist/{chunk-FP76653E.cjs → chunk-AREXX3FQ.cjs} +1 -1
  31. package/dist/{chunk-R72INVUM.cjs → chunk-AZ53GEMA.cjs} +1 -1
  32. package/dist/{chunk-W4J7ZS6U.cjs → chunk-CKRMBFE3.cjs} +1 -1
  33. package/dist/{chunk-R4JM3BY7.js → chunk-CWNVM6MA.js} +2 -2
  34. package/dist/{chunk-HMRYK2NP.js → chunk-E6Y7IJFH.js} +1 -1
  35. package/dist/{chunk-NNZ2U4VM.js → chunk-EN3AWJUK.js} +1 -1
  36. package/dist/{chunk-4BOF3VWD.cjs → chunk-FTAMKJ7E.cjs} +1 -1
  37. package/dist/chunk-GPYK5KNS.cjs +1 -0
  38. package/dist/{chunk-5R7POUAI.cjs → chunk-GQMK6FYZ.cjs} +1 -1
  39. package/dist/chunk-GTBACPVZ.cjs +2 -0
  40. package/dist/{chunk-KQTBZT7T.js → chunk-HMODPNCL.js} +1 -1
  41. package/dist/{chunk-UQJ7WV2P.cjs → chunk-HPQZKJ4U.cjs} +1 -1
  42. package/dist/chunk-HVUHLT7A.js +2 -0
  43. package/dist/chunk-I45HQK6H.cjs +1 -0
  44. package/dist/{chunk-THCRN4KF.cjs → chunk-IPQ7C7VG.cjs} +1 -1
  45. package/dist/chunk-J3BQW2FL.js +2 -0
  46. package/dist/chunk-JTT3MEL4.js +2 -0
  47. package/dist/{chunk-4CPVEVKO.cjs → chunk-KA44DST5.cjs} +1 -1
  48. package/dist/{chunk-TN3TGUL4.cjs → chunk-KQ5AMHEV.cjs} +1 -1
  49. package/dist/{chunk-DXLUH24B.cjs → chunk-N3W5A6AB.cjs} +1 -1
  50. package/dist/chunk-NHEPBE4E.js +2 -0
  51. package/dist/chunk-P2RTCITU.js +2 -0
  52. package/dist/{chunk-H7DBPPWM.js → chunk-PC5KZY4N.js} +1 -1
  53. package/dist/chunk-QIXKYNKY.cjs +2 -0
  54. package/dist/{chunk-YB2KIANK.js → chunk-R5QRV75W.js} +2 -2
  55. package/dist/chunk-RBY2NY2J.cjs +2 -0
  56. package/dist/chunk-RJMTDWNW.js +2 -0
  57. package/dist/chunk-RLK3BA4S.cjs +1 -0
  58. package/dist/{chunk-QQ4MS32D.js → chunk-TAYBYY6A.js} +1 -1
  59. package/dist/{chunk-4OO7CUA6.js → chunk-TLTC3CSM.js} +1 -1
  60. package/dist/chunk-U7C4F57A.cjs +1 -0
  61. package/dist/{chunk-VTOQOUNP.js → chunk-UBFACVVV.js} +1 -1
  62. package/dist/chunk-VLLVGEOR.js +2 -0
  63. package/dist/{chunk-YYYUPBMK.cjs → chunk-X353EJXO.cjs} +1 -1
  64. package/dist/{chunk-DJK7XG62.cjs → chunk-XFNGTK2I.cjs} +1 -1
  65. package/dist/{chunk-MXEZ3L4I.js → chunk-XO4R77US.js} +1 -1
  66. package/dist/client/Menu.cjs +1 -1
  67. package/dist/client/Menu.d.cts +4 -4
  68. package/dist/client/Menu.d.ts +4 -4
  69. package/dist/client/Menu.js +2 -2
  70. package/dist/client/index.cjs +1 -1
  71. package/dist/client/index.d.cts +4 -4
  72. package/dist/client/index.d.ts +4 -4
  73. package/dist/client/index.js +1 -1
  74. package/dist/defaultTokensConfig.cjs +1 -1
  75. package/dist/defaultTokensConfig.d.cts +3149 -3148
  76. package/dist/defaultTokensConfig.d.ts +3149 -3148
  77. package/dist/defaultTokensConfig.js +1 -1
  78. package/dist/experimental/client/SwitchV2.cjs +2 -1
  79. package/dist/experimental/client/SwitchV2.d.cts +1 -1
  80. package/dist/experimental/client/SwitchV2.d.ts +1 -1
  81. package/dist/experimental/client/SwitchV2.js +1 -1
  82. package/dist/experimental/client/index.cjs +2 -2
  83. package/dist/experimental/client/index.d.cts +1 -1
  84. package/dist/experimental/client/index.d.ts +1 -1
  85. package/dist/experimental/client/index.js +2 -2
  86. package/dist/experimental/index.cjs +2 -2
  87. package/dist/experimental/index.d.cts +1 -1
  88. package/dist/experimental/index.d.ts +1 -1
  89. package/dist/experimental/index.js +1 -1
  90. package/dist/fixtures.cjs +35 -5
  91. package/dist/fixtures.d.cts +7 -4
  92. package/dist/fixtures.d.ts +7 -4
  93. package/dist/fixtures.js +31 -4
  94. package/dist/{index-Bcr3i5Fo.d.cts → index-Aeqs7Unh.d.ts} +3 -3
  95. package/dist/{index-DfNmJjc_.d.ts → index-BD9b-X3s.d.cts} +3 -3
  96. package/dist/{index-JgnxLMoN.d.ts → index-BR1WT58F.d.cts} +3 -3
  97. package/dist/{index-BPXfpHkp.d.cts → index-DwHt8CXe.d.ts} +3 -3
  98. package/dist/index.cjs +1 -1
  99. package/dist/index.d.cts +21 -21
  100. package/dist/index.d.ts +21 -21
  101. package/dist/index.js +1 -1
  102. package/dist/metafile-cjs.json +1 -1
  103. package/dist/metafile-esm.json +1 -1
  104. package/dist/tailwind/plugin.cjs +1 -1
  105. package/dist/tailwind/plugin.d.cts +1 -1
  106. package/dist/tailwind/plugin.d.ts +1 -1
  107. package/dist/tailwind/plugin.js +1 -1
  108. package/dist/tailwind/purger.cjs +1 -1
  109. package/dist/tailwind/purger.js +2 -2
  110. package/dist/tailwind/tsMorph.cjs +1 -1
  111. package/dist/tailwind/tsMorph.js +2 -2
  112. package/dist/tailwind/utils.cjs +1 -1
  113. package/dist/tailwind/utils.d.cts +838 -4
  114. package/dist/tailwind/utils.d.ts +838 -4
  115. package/dist/tailwind/utils.js +1 -1
  116. package/dist/tokens/automation/configs.cjs +1 -1
  117. package/dist/tokens/automation/configs.d.cts +2 -2
  118. package/dist/tokens/automation/configs.d.ts +2 -2
  119. package/dist/tokens/automation/configs.js +1 -1
  120. package/dist/tokens/automation/properties.cjs +1 -1
  121. package/dist/tokens/automation/properties.d.cts +2 -2
  122. package/dist/tokens/automation/properties.d.ts +2 -2
  123. package/dist/tokens/automation/properties.js +1 -1
  124. package/dist/tokens/index.cjs +1 -1
  125. package/dist/tokens/index.d.cts +88 -4
  126. package/dist/tokens/index.d.ts +88 -4
  127. package/dist/tokens/index.js +1 -1
  128. package/dist/tokens/parseTokens.cjs +1 -1
  129. package/dist/tokens/parseTokens.d.cts +3 -2
  130. package/dist/tokens/parseTokens.d.ts +3 -2
  131. package/dist/tokens/parseTokens.js +1 -1
  132. package/dist/{types-DYstZLNq.d.cts → types-BB_vmfZS.d.cts} +1968 -1926
  133. package/dist/{types-DYstZLNq.d.ts → types-BB_vmfZS.d.ts} +1968 -1926
  134. package/dist/{types-gGaZxCMr.d.cts → types-CbJ9vfW5.d.cts} +1968 -1926
  135. package/dist/{types-gGaZxCMr.d.ts → types-CbJ9vfW5.d.ts} +1968 -1926
  136. package/package.json +1 -1
  137. package/dist/chunk-4I3UGCX7.js +0 -2
  138. package/dist/chunk-4VD23ARR.cjs +0 -2
  139. package/dist/chunk-CCW6IDIM.js +0 -2
  140. package/dist/chunk-CKTDV4QK.cjs +0 -1
  141. package/dist/chunk-DE7HKKF7.cjs +0 -1
  142. package/dist/chunk-DXNJK3DK.js +0 -1
  143. package/dist/chunk-EWJ3J526.js +0 -2
  144. package/dist/chunk-GA64SR3T.js +0 -2
  145. package/dist/chunk-J7PUOUXC.cjs +0 -1
  146. package/dist/chunk-K5YXKPQS.js +0 -2
  147. package/dist/chunk-KLQ3KKQY.cjs +0 -1
  148. package/dist/chunk-LBBFEPKC.cjs +0 -2
  149. package/dist/chunk-N4PLNTDV.cjs +0 -2
  150. package/dist/chunk-OSJVSN23.js +0 -2
  151. package/dist/chunk-QLETZKZI.cjs +0 -2
  152. package/dist/chunk-QNM2JS62.js +0 -2
  153. package/dist/chunk-RI3JVWBJ.js +0 -2
  154. package/dist/chunk-V5UIHMW2.js +0 -2
  155. package/dist/chunk-V7E46T44.cjs +0 -1
  156. package/dist/chunk-WXDJBIBP.js +0 -2
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var e=require("../chunk-W4J7ZS6U.cjs"),t=require("../chunk-TN3TGUL4.cjs"),a=require("../chunk-UQJ7WV2P.cjs"),n=require("../chunk-FP76653E.cjs"),o=require("../chunk-5R7POUAI.cjs"),i=require("../chunk-QLETZKZI.cjs"),s=require("../chunk-4UB6EIVI.cjs"),r=require("../chunk-DE7HKKF7.cjs"),c=require("../chunk-V7E46T44.cjs"),l=require("../chunk-QLXJH36U.cjs"),u=require("react"),d=require("react/jsx-runtime"),p=require("@yahoo/uds/fixtures"),m=require("motion/react"),h=require("@yahoo/uds/client/Menu"),x=l.__toESM(r.require_isFunction(),1),f={first:e=>e[0]??"",last:e=>e[e.length-1]??"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},b=(e,t="firstAndLast")=>{if(!e)return"";if((0,x.default)(t))return t(e);const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return f[t](a)},g=(e="md",t)=>{const{className:a,...n}=t??{};return i.getStyles({avatarSizeRoot:e,...n,className:i.cx("shrink-0","text-center","inline-flex","justify-center","items-center","overflow-visible","truncate",a)})},y=e=>{const t=e?{height:e,width:e}:{};return{root:t,contents:{...t,boxSizing:"content-box"}}},v="primary",S="md",I={primary:t.e2,secondary:t.t},N=({size:e=S,variant:t=v,customSize:a,icon:n,slotProps:o,className:s,...r})=>{const c=u.useMemo(()=>({root:g(e,{avatarIconVariantRoot:t,overflow:"hidden",className:i.cx("overflow-hidden",s)}),iconContainer:i.cx("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center"),icon:i.getStyles({avatarSizeIcon:e})}),[s,e,t]),l=u.useMemo(()=>y(a),[a]),p=n??I[t??"primary"];return d.jsx(i.Box,{className:c.root,style:l.root,...r,children:d.jsx(i.Box,{className:c.iconContainer,style:l.contents,children:d.jsx(i.IconSlot,{icon:p,iconProps:{variant:"fill",color:"current",...o?.icon},className:c.icon})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */N.displayName="AvatarIcon";var C=({size:e=S,variant:t=v,name:a,initials:n,customSize:o,abbreviationStrategy:s,className:r,slotProps:c,...l})=>{const p=u.useMemo(()=>({root:g(e,{avatarTextVariantRoot:t,className:i.cx("overflow-hidden","truncate",r)}),text:i.cx("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center","truncate")}),[r,e,t]),m=u.useMemo(()=>y(o),[o]);return d.jsx(i.Box,{className:p.root,style:m.root,...l,children:d.jsx(i.Text,{color:"inherit",variant:"inherit",className:p.text,style:m.contents,...c?.text,children:n||b(a,s)})})};C.displayName="AvatarText";var j=({size:t=S,variant:a=v,src:n,srcSet:o,customSize:s,alt:r,abbreviationStrategy:c,fallback:l,className:p,imageProps:m,slotProps:h,...x})=>{const[f,b]=u.useState("loading");u.useEffect(()=>{let e=!0;if(n||o){const t=new Image;t.onload=()=>{e&&b("loaded")},t.onerror=()=>{e&&b("error")},n&&(t.src=n),o&&(t.srcset=o)}else b("error");return()=>{e=!1}},[n,o]);const I=u.useMemo(()=>({root:g(t,{avatarImageVariantRoot:a,className:i.cx("overflow-hidden",p)}),contents:i.cx("w-full","h-full","shrink-0","text-center","inline-flex","justify-center","items-center","object-cover")}),[p,t,a]),j=u.useMemo(()=>y(s),[s]);if("loaded"===f)return d.jsx(i.Box,{className:I.root,style:j.root,children:d.jsx(e.Image,{src:n,srcSet:o,alt:r,className:I.contents,style:j.contents,...m,...h?.image})});const k={...x,size:t,customSize:s,variant:a};return l||r?d.jsx(C,{name:r,initials:l,abbreviationStrategy:c,slotProps:{text:h?.text},...k}):d.jsx(N,{...k,slotProps:{icon:h?.icon}})};j.displayName="AvatarImage";var k=e=>d.jsx(j,{...e});k.displayName="Avatar";var w=u.forwardRef(function({variant:e="primary",size:t="md",minWidth:n,maxWidth:o=200,startIcon:s,endIcon:r,backgroundColor:c,color:l,iconColor:p,borderColor:m,children:h,className:x,...f},b){const g=i.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:i.cx(["uds-badge","uds-badge-variant","uds-badge-size",x])}),y=i.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:i.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),v=u.useMemo(()=>({...n?{minWidth:`${n}px`}:{},..."full"===o?{}:{maxWidth:`${o}px`},...c?{backgroundColor:c}:{},...m?{borderColor:m}:{},...l?{color:l}:{}}),[c,m,l,o,n]),S=u.useMemo(()=>({variant:"fill",style:{...p?{color:p}:{}}}),[p]);return d.jsxs(a.HStack,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:g,style:v,...f,children:[s&&d.jsx(i.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),d.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:h}),r&&d.jsx(i.IconSlot,{icon:r,iconProps:S,"data-testid":"end-icon",className:y})]})});w.displayName="Badge";var V={scale:.7,opacity:0},R={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},M={icon:R,hide:V,loading:V},P={loading:R,hide:V,icon:V},z=`var(${c.BUTTON_CSS_VAR_MAP.columnGap})`,T=`var(${c.BUTTON_CSS_VAR_MAP.iconSize})`,B={rest:{scale:`var(${c.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${c.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${c.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:z}},E={hide:{width:"0px",opacity:0,display:"none"},loading:{width:T,display:"flex",opacity:1},icon:{width:T,display:"flex",opacity:1}},H=u.forwardRef(function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:c,loading:l,disableEffects:h,children:x,asChild:f,type:b="button",className:g,width:y,...v},S){const I=u.useRef(null);u.useImperativeHandle(S,()=>I.current);const N=u.useMemo(()=>i.createSlot(),[]),C=u.useMemo(()=>m.m.create(N),[N]),j=r?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:r,loading:l}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:l,startIcon:n}),{palette:V,variant:R}=u.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),z=u.useMemo(()=>({button:i.getStyles({width:y,buttonSize:a,buttonVariant:R,buttonPalette:V,className:i.cx("uds-button","uds-ring","uds-hit-target",l&&"uds-button-loading",h&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",g)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,R,V,g,l,h,k]),T=m.useReducedMotion()?"smooth":"subtle",H=u.useMemo(()=>d.jsx(m.m.span,{className:z.iconContainer,initial:!1,variants:E,animate:w,children:d.jsxs(m.AnimatePresence,{initial:!1,mode:"popLayout",children:[l&&d.jsx(m.m.span,{variants:P,initial:"hide",animate:"loading",exit:"hide",children:d.jsx(i.Icon,{size:p.buttonIconSvgSize,name:t.o2,variant:c,color:"current",className:z.loading})},"loading"),n&&!l&&d.jsx(m.m.span,{variants:M,initial:"hide",animate:"icon",exit:"hide",children:d.jsx(i.IconSlot,{className:z.start,icon:n,iconProps:{size:p.buttonIconSvgSize,variant:c,color:"current"}})})]})}),[z.iconContainer,z.loading,z.start,w,l,c,n]),A=u.useMemo(()=>d.jsx(m.m.span,{className:z.iconContainer,initial:!1,variants:E,animate:j,children:d.jsx(m.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&d.jsx(m.m.span,{variants:M,initial:"hide",animate:"icon",exit:"hide",children:d.jsx(i.IconSlot,{className:z.end,icon:r,iconProps:{size:p.buttonIconSvgSize,variant:c,color:"current"}})})})}),[z.iconContainer,z.end,r,j,c]),O=u.useMemo(()=>h?{...B,rest:{},hover:{},pressed:{}}:B,[h]);return f&&u.isValidElement(x)?d.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:T,children:d.jsx(C,{type:b,className:z.button,initial:["hide",k],animate:k,variants:O,whileHover:"hover",whileTap:"pressed",...v,children:u.cloneElement(x,x.props,d.jsxs(d.Fragment,{children:[H,d.jsx("span",{className:z.content,children:x.props.children}),A]}))})}):d.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:T,children:d.jsxs(m.m.button,{ref:I,type:b,className:z.button,initial:["hide",k],animate:k,variants:O,whileHover:"hover",whileTap:"pressed",...v,children:[H,d.jsx("span",{className:z.content,children:x}),A]})})});H.displayName="Button";var A={primary:"alert",secondary:"alert-secondary"},O=e=>"indeterminate"===e,q=e=>O(e)?t.o:t.e,L=m.m.create(i.Box),_={layoutVariant:"smooth",layoutSpeed:"3"},F={layoutVariant:"veryBouncy",layoutSpeed:"4"},$=u.forwardRef(function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:c="start",variant:l="primary",size:p="md",reduceMotion:h,disabled:x,required:f,hasError:b,className:g,layerClassNames:y,...v},S){const I=u.useId(),N=e??`uds-input-${I}`,C=u.useRef(null),j=void 0!==t,[k,w]=u.useState(j?t:a),[V,R]=u.useState(!1),[M,P]=u.useState(!1),z=u.useMemo(()=>b?A[l]:l,[b,l]),T=!x&&V,B=!x&&M,E=u.useMemo(()=>B?.9:T?1.1:1,[B,T]),H=u.useMemo(()=>k?B?"opacity-55":"opacity-100":"opacity-0",[k,B]),$=u.useMemo(()=>({scale:E}),[E]),W=u.useMemo(()=>M?F:_,[M]),D=u.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),U=u.useCallback(()=>{R(!0)},[]),G=u.useCallback(()=>{R(!1)},[]),X=u.useCallback(()=>{P(!0)},[]),J=u.useCallback(()=>{P(!1)},[]),K=e=>{C.current&&(C.current.indeterminate=O(e))},Q=h?"always":"user",Z=m.useReducedMotion()||h?"duration-0":"duration-120";u.useEffect(()=>{j&&w(t)},[t,j]),u.useEffect(()=>{K(k)},[k]);const Y=O(k)?"indeterminate":k?"checked":"unchecked",ee={root:i.getStyles({checkboxSizeRoot:p,checkboxVariantRoot:z,checkboxVariantValueRoot:Y,display:"flex",flexDirection:"start"===c?"row":"row-reverse",alignItems:"center",className:i.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},g,y?.root)}),checkbox:i.getStyles({checkboxSizeCheckbox:p,checkboxVariantCheckbox:z,checkboxVariantValueCheckbox:Y,className:i.cx("border","rounded-[4px]","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:i.getStyles({checkboxVariantCheckboxIcon:z,checkboxVariantValueCheckboxIcon:Y,className:i.cx("pointer-events-none",H,Z,"transition-opacity")}),htmlCheckbox:i.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:i.cx("start"===c?"text-start":"text-end",y?.label)},te=r?m.m.label:m.m.div;return d.jsx(o.SpringMotionConfig,{reducedMotion:Q,...W,children:d.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:U,onHoverEnd:G,onTapStart:X,onTap:J,onTapCancel:J,tabIndex:-1,children:[d.jsxs(L,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:$,children:[d.jsx("input",{type:"checkbox",tabIndex:0,...v,ref:e=>{C.current=e,K(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:N,disabled:x,required:f,"aria-invalid":b,checked:j?!O(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),d.jsx(i.Icon,{name:q(k),size:"sm",className:ee.check})]}),r&&d.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});$.displayName="Checkbox";var W=(e,t,a="overwriteOriginal")=>{const n=Array.from(new Set([...Object.keys(e??{}),...Object.keys(t??{})]));return Object.fromEntries(n.map(n=>{const o=e?.[n],s=t?.[n];return o&&!s?[n,o]:s&&!o?[n,s]:"className"===n?[n,i.cx(o,s)]:"keepOriginal"===a?[n,o]:[n,s]}))},D=(e,t,a="overwriteOriginal")=>{if(!e)return t;const n=Array.from(new Set([...Object.keys(e),...Object.keys(t)]));return Object.fromEntries(n.map(n=>{const o=e[n],i=t[n];return[n,W(o,i,a)]}))},U="primary",G=u.forwardRef(function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:o,endIcon:s,as:r="div",reduceMotion:c,disabled:l=!1,className:p,slotProps:h,children:x,...f},b){const g=m.useReducedMotion()||c?"duration-0":"duration-120",{className:y,...v}=h?.text??{},{className:S,...I}=h?.startIcon??{},{className:N,...C}=h?.endIcon??{},j=u.useMemo(()=>({root:i.getStyles({chipSizeRoot:e,className:i.cx({"pointer-events-none":l,"cursor-default":l,"opacity-50":l},"inline-flex","items-center","focus-visible:-outline-offset-2","uds-ring",g,"transition-[background-color,outline-color,box-shadow]",p)}),text:i.cx("truncate","whitespace-nowrap","text-center","flex-1",y),icon:i.getStyles({chipSizeIcon:e})}),[p,g,l,e,y]),k=u.useMemo(()=>({root:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}}}),[n,t]);return d.jsx(a.HStack,{asChild:!0,ref:b,className:j.root,style:k.root,...f,children:d.jsxs(r,{disabled:l,children:[o&&d.jsx(i.IconSlot,{icon:o,iconProps:{variant:"fill",className:i.cx(j.icon,S),...I}}),d.jsx(i.Text,{as:"span",color:"current",variant:"inherit",className:j.text,...v,children:x}),s&&d.jsx(i.IconSlot,{icon:s,iconProps:{variant:"fill",className:i.cx(j.icon,N),...C}})]})})});G.displayName="ChipBase";var X=u.forwardRef(function({variant:e=U,slotProps:t,className:a,...n},o){const s=u.useMemo(()=>({root:i.getStyles({chipLinkVariantRoot:e,className:a}),icon:i.getStyles({chipLinkVariantIcon:e})}),[a,e]),r=D(t,{startIcon:{className:s.icon},endIcon:{className:s.icon}});return d.jsx(G,{as:"button",ref:o,tabIndex:0,className:s.root,slotProps:r,...n})});X.displayName="ChipButton";var J=u.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:o=U,disabled:s,slotProps:r,className:c,...l},p){const m=u.useMemo(()=>({root:i.getStyles({chipDismissibleVariantRoot:o,className:c}),icon:i.getStyles({chipDismissibleVariantIcon:o}),iconPressable:i.cx("uds-chip-dismissible-button","uds-hit-target")}),[c,o]),h=u.useCallback(e=>{e.stopPropagation(),a?.()},[a]),x=D(r,{startIcon:{className:m.icon},endIcon:{className:m.icon}});return d.jsx(G,{ref:p,disabled:s,tabIndex:-1,endIcon:a=>d.jsx(t.Pressable,{"aria-label":e,className:m.iconPressable,onClick:h,disabled:s,children:d.jsx(i.IconSlot,{icon:n??t.a,iconProps:a})}),className:m.root,slotProps:x,...l})});J.displayName="ChipDismissible";var K=u.forwardRef(function({variant:e=U,href:t,disabled:a,slotProps:n,className:o,...s},r){const c=u.useMemo(()=>({root:i.getStyles({chipLinkVariantRoot:e,className:o}),icon:i.getStyles({chipLinkVariantIcon:e})}),[o,e]),l=D(n,{startIcon:{className:c.icon},endIcon:{className:c.icon}});return d.jsx(G,{as:"a",ref:r,disabled:a,className:c.root,slotProps:l,tabIndex:0,...{...s,href:a?void 0:t}})});K.displayName="ChipLink";var Q=u.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=U,slotProps:o,className:s,role:r="checkbox",...c},l){const p=u.useMemo(()=>({root:i.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off",className:s}),icon:i.getStyles({chipToggleVariantIcon:n})}),[s,e,n]),m=u.useCallback(n=>{t?.(!e),a?.(n)},[e,a,t]),h=D(o,{startIcon:{className:p.icon},endIcon:{className:p.icon}}),x="checkbox"===r||"switch"===r;return d.jsx(G,{ref:l,as:"button",role:r,"aria-checked":x?e:void 0,onClick:m,className:p.root,slotProps:h,tabIndex:0,...c})});Q.displayName="ChipToggle";var Z=u.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:o,isToggled:i,slotProps:s,...r},c){const{anchor:l,...u}=s??{};return n?d.jsx(J,{ref:c,onDismiss:n,slotProps:u,...r}):o?d.jsx(Q,{ref:c,onToggle:o,isToggled:i,slotProps:u,...r}):t?d.jsx(K,{ref:c,href:t,slotProps:u,...r,...a,...l}):d.jsx(X,{ref:c,onClick:e,slotProps:u,...r})});Z.displayName="Chip";var Y=u.forwardRef(function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:c,name:l,type:h="button",htmlName:x,className:f,children:b,...g},y){const v=u.useRef(null);u.useImperativeHandle(y,()=>v.current);const{palette:S,variant:I}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),N=u.useMemo(()=>({button:i.getStyles({buttonVariant:I,buttonPalette:S,iconButtonSize:a,className:i.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",c&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[S,I,f,c,a,r]),C=m.useReducedMotion(),j=u.useMemo(()=>C?"smooth":"subtle",[C]),k=u.useMemo(()=>{const{rest:e,hover:t,pressed:a}=B;return c?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[c]);return d.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:c?"always":"user",children:d.jsx(m.m.button,{ref:v,type:h,className:N.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...g,children:d.jsxs(m.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&d.jsx(m.m.span,{variants:P,initial:"loading",animate:"loading",exit:"hide",children:d.jsx(i.Icon,{size:p.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:N.loading})},"loading"),l&&!r&&d.jsx(m.m.span,{variants:M,initial:"icon",animate:"icon",exit:"hide",children:b||d.jsx(i.Icon,{size:p.buttonIconSvgSize,name:l,variant:n,color:"current",className:N.icon})},l.name)]})})})});Y.displayName="IconButton";var ee=l.__toESM(r.require_isFunction(),1),te=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=u.useRef(null),[i,s]=u.useState("auto");return u.useEffect(()=>{if(n.current){const e=new ResizeObserver(e=>{s(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),d.jsx(o.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:d.jsx(m.m.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:d.jsx("div",{ref:n,children:e})})})};function ae({startIcon:e,endIcon:t,iconProps:n,children:o,size:s,isFilled:r,...c}){const l={helperText:i.cx(i.getStyles({inputSizeHelperText:s,inputVariantHelperText:"default",inputVariantValueHelperText:r?"filled":"empty"})),helperIcon:i.getStyles({inputSizeHelperIcon:s,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:r?"filled":"empty"})},u={variant:"outline",...n};return d.jsxs(a.HStack,{gap:"1",alignItems:"center",...c,children:[e&&d.jsx(i.IconSlot,{icon:e,...u,iconProps:n,className:l.helperIcon}),d.jsx("span",{className:l.helperText,children:o}),t&&d.jsx(i.IconSlot,{icon:t,...u,iconProps:n,className:l.helperIcon})]})}te.displayName="AnimateHeightChange",ae.displayName="InputHelpTextInternal";var ne=u.memo(ae),oe=u.memo(function({helpText:e,helperTextIcon:t,spacingStart:a,spacingTop:n,size:o,isFilled:s,...r}){return e?d.jsx(i.Box,{spacingTop:n,spacingStart:a,...r,children:d.jsx(ne,{startIcon:t,size:o,isFilled:s,children:(0,ee.default)(e)?e():e})}):null}),ie=u.memo(function({icon:e,className:t,iconProps:a}){return e?d.jsx(i.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),se=u.memo(function({icon:e,className:t,iconProps:a}){return e?d.jsx(i.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),re=u.forwardRef(function({id:e,label:t,type:n="text",size:o="md",startIcon:s,endIcon:r,helpText:c,helperTextIcon:l,hasError:p,width:h="full",defaultValue:x,required:f,readOnly:b,disabled:g,reduceMotion:y,onChange:v,slotProps:S,className:I,...N},C){const j=u.useId(),k=e??`uds-input-${j}`,w=`uds-input-${k}-help-text`,{className:V,...R}=S?.input??{},{className:M,...P}=S?.inputWrapper??{},z=u.useRef(null);u.useImperativeHandle(C,()=>z.current);const[T,B]=u.useState(x??""),E=u.useCallback(e=>{B(e.target.value),v?.(e)},[v]),H=m.useReducedMotion()?"smooth":"bouncy",A=y?"always":"user",O=!b&&!g,q={root:i.getStyles({inputSizeRoot:o,inputVariantRoot:"default",inputVariantValueRoot:T?"filled":"empty",className:i.cx([I,g?"opacity-50":""])}),inputWrapper:i.cx(i.getStyles({inputSizeInputWrapper:o,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:T?"filled":"empty"}),"min-w-[200px]",M),input:i.getStyles({inputSizeInput:o,inputVariantInput:"default",inputVariantValueInput:T?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:T?"filled":"empty",className:i.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",O?"cursor-text":"cursor-not-allowed",V)}),label:i.cx(i.getStyles({inputSizeLabel:o,inputVariantLabel:"default",inputVariantValueLabel:T?"filled":"empty"})),labelRequired:i.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:T?"filled":"empty"}),startIcon:i.getStyles({inputSizeStartIcon:o,inputVariantStartIcon:"default",inputVariantValueStartIcon:T?"filled":"empty"}),endIcon:i.getStyles({inputSizeEndIcon:o,inputVariantEndIcon:"default",inputVariantValueEndIcon:T?"filled":"empty"})};return d.jsxs(a.VStack,{width:h,className:q.root,children:[t&&d.jsxs(i.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:q.label,children:[d.jsx("label",{htmlFor:k,children:(0,ee.default)(t)?t():t}),f&&d.jsx("span",{className:q.labelRequired,children:"*"})]}),d.jsxs(i.Box,{position:"relative",alignItems:"center",...P,className:q.inputWrapper,children:[d.jsx(ie,{icon:s,className:q.startIcon,iconProps:S?.startIcon}),d.jsx("input",{ref:z,id:k,type:n,value:T,required:f,readOnly:b,disabled:g,"aria-describedby":w,"aria-invalid":p,onChange:E,className:q.input,...N,...R}),r&&d.jsx(a.HStack,{alignItems:"center",gap:"1",children:d.jsx(se,{icon:r,className:q.endIcon,iconProps:S?.endIcon})})]}),d.jsx(te,{reduceMotion:A,layoutVariant:H,children:d.jsx(oe,{id:w,helpText:c,spacingTop:"2",size:o,isFilled:!!T,helperTextIcon:l})})]})});re.displayName="Input";var ce=({size:e="md",isFilled:t,...a})=>{const n={root:i.getStyles({inputSizeRoot:e,inputVariantRoot:"default",inputVariantValueRoot:t?"filled":"empty"})};return d.jsx(i.Box,{asChild:!0,spacingTop:"2",className:n.root,children:d.jsx(ne,{size:e,isFilled:t,...a})})};ce.displayName="InputHelpText";var le=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},ue=u.createContext(new Map),de=e=>{const t=u.useId();return e??`uds-radio-group-${t}`},pe={primary:"alert",secondary:"alert-secondary"},me=m.m.create(i.Box),he={layoutVariant:"smooth",layoutSpeed:"3"},xe={layoutVariant:"veryBouncy",layoutSpeed:"4"},fe=u.forwardRef(function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:c="md",reduceMotion:l,value:p="",checked:h,defaultChecked:x,disabled:f,hasError:b,onChange:g,onFocus:y,onBlur:v,className:S,layerClassNames:I,...N},C){const j=u.useId(),k=e??`uds-radio-${j}`,w=u.useRef(null),{name:V,isControlled:R,checked:M,setGroupValue:P}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const o=u.useContext(ue),i=o instanceof le,s=void 0!==a||i,r=de(e),c=u.useMemo(()=>i?o:le.findOrCreate(o,r),[o,i,r]),[l,d]=u.useState(c.value),p=c.name??r,m=u.useCallback(e=>{c.setValue(e),s||d(e)},[s,c]);return u.useEffect(()=>c.onChange(d),[c]),u.useEffect(()=>{!0===a&&m(t)},[a,t,m]),u.useEffect(()=>{if(i)return;const e=le.findOrCreate(o,p);return e.activeCount+=1,o.set(p,e),()=>{const e=o.get(p);e&&(e.activeCount-=1,0===e.activeCount&&o.delete(p))}},[o,i,p]),{name:p,isControlled:s,checked:s&&!i?a:void 0!==l?t===l:n??!1,setGroupValue:m}})({name:t,value:p,checked:h,defaultChecked:x}),[z,T]=u.useState(!1),[B,E]=u.useState(!1),H=u.useMemo(()=>b?pe[r]:r,[b,r]),A=u.useMemo(()=>!f&&z,[f,z]),O=u.useMemo(()=>!f&&!M&&B,[M,f,B]),q=u.useMemo(()=>O?.9:A?1.1:1,[A,O]),L=u.useMemo(()=>M?O?"opacity-55":"opacity-100":"opacity-0",[M,O]),_=u.useMemo(()=>!f&&(O&&!M||A&&M),[M,f,A,O]),F=u.useMemo(()=>({scale:q}),[q]),$=u.useMemo(()=>B?xe:he,[B]),W=u.useCallback(e=>{P(e.target.value),g?.(e)},[g,P]),D=u.useCallback(e=>{y?.(e)},[y]),U=u.useCallback(e=>{v?.(e)},[v]),G=u.useCallback(()=>{T(!0)},[]),X=u.useCallback(()=>{T(!1)},[]),J=u.useCallback(()=>{E(!0)},[]),K=u.useCallback(()=>{E(!1)},[]),Q=l?"always":"user",Z=m.useReducedMotion()||l?"duration-0":"duration-120",Y={root:i.getStyles({radioSizeRoot:c,radioVariantValueRoot:M?"checked":"unchecked",radioVariantRoot:H,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:i.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,I?.root])}),radio:i.getStyles({radioSizeRadio:c,radioVariantRadio:H,radioVariantValueRadio:M?"checked":"unchecked",className:i.cx(["border","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color]","transition-shadow",I?.radio])}),radioCircle:i.getStyles({radioVariantRadioCircle:H,radioVariantValueRadioCircle:M?"checked":"unchecked",className:i.cx(["pointer-events-none","w-[8px]","h-[8px]",L,Z,"transition-opacity"])}),htmlRadio:i.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:i.cx("start"===s?"text-start":"text-end",I?.label)},ee=a?m.m.label:m.m.div;return d.jsx(o.SpringMotionConfig,{reducedMotion:Q,...$,children:d.jsxs(ee,{className:Y.root,"data-testid":"container",onHoverStart:G,onHoverEnd:X,onTapStart:J,onTap:K,onTapCancel:K,tabIndex:-1,children:[d.jsxs(me,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Y.radio,animate:F,insetShadow:_?"lg-invert":"none",children:[d.jsx("input",{type:"radio",tabIndex:0,...N,ref:e=>{w.current=e,"function"==typeof C?C(e):null!==C&&(C.current=e)},onFocus:D,onBlur:U,id:k,name:V,value:p,disabled:f,"aria-invalid":b,onChange:W,...R?{checked:M}:{defaultChecked:x},className:Y.htmlRadio}),d.jsx(i.Box,{borderRadius:"full",className:Y.radioCircle})]}),a&&d.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:Y.label})]})})});fe.displayName="Radio";var be=i.createSlot(),ge=class extends le{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},ye=u.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:o,...i},s){const r=void 0!==a,c=de(t),l=u.useMemo(()=>{const e=new ge(c,r);return e.value=r?a:n,e},[n,r,c,a]);u.useEffect(()=>{l.onChangeCb=o},[o,l]),u.useEffect(()=>{r&&l.setValue(a,!0)},[r,l,a]),u.useEffect(()=>l.onChange(e=>o?.(e)),[o,l]);const p=e?be:"div";return d.jsx(ue.Provider,{value:l,children:d.jsx(p,{role:"radiogroup",ref:s,...i})})});ye.displayName="RadioGroupProvider";var ve={md:{isOnX:20},sm:{isOnX:12}},Se=m.m.create(i.Box),Ie={layoutVariant:"bouncy",layoutSpeed:"4"},Ne=u.forwardRef(function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:c="start",size:l="md",onIcon:p,offIcon:h,reduceMotion:x,disabled:f,required:b,onFocus:g,onBlur:y,className:v,layerClassNames:S,...I},N){const C=u.useId(),j=e??`uds-input-${C}`,k=u.useRef(null),w=void 0!==t,[V,R]=u.useState(w?t:a),[M,P]=u.useState(!1),z=u.useMemo(()=>!f&&M,[f,M]),{isOnX:T}=ve[l],B=u.useMemo(()=>({initial:{scale:1,x:V?T:0},animate:{scale:z?1.05:1,x:V?T:0}}),[z,V,T]),E=u.useCallback(e=>{s?.(e),w||R(e.target.checked)},[w,s]),H=u.useCallback(e=>{g?.(e)},[g]),A=u.useCallback(e=>{y?.(e)},[y]),O=u.useCallback(()=>{P(!0)},[]),q=u.useCallback(()=>{P(!1)},[]),L=x?"always":"user",_=m.useReducedMotion()||x?"duration-0":"duration-120";u.useEffect(()=>{w&&R(t)},[t,w]);const F={root:i.getStyles({switchSizeRoot:l,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===c?"row":"row-reverse",alignItems:"center",className:i.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:i.getStyles({switchVariantSwitch:"default",switchSizeSwitch:l,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:i.cx("uds-ring","uds-ring-within",_,"transition-[background-color,box-shadow]",S?.switch)}),handle:i.getStyles({switchSizeHandle:l,className:i.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:i.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:i.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",_,"transition-[background-color,box-shadow,opacity]")}),handleIcon:i.getStyles({switchSizeHandleIcon:l,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:i.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",_,"transition-opacity")}),htmlCheckbox:i.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:i.cx("start"===c?"text-start":"text-end",S?.label)},$=r?m.m.label:m.m.div;return d.jsx(o.SpringMotionConfig,{reducedMotion:L,...Ie,children:d.jsxs($,{className:F.root,"data-testid":"container",onHoverStart:O,onHoverEnd:q,tabIndex:-1,children:[d.jsxs(Se,{className:F.switch,children:[d.jsx("input",{type:"checkbox",tabIndex:0,...I,ref:e=>{k.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:H,onBlur:A,id:j,disabled:f,required:b,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:E,className:F.htmlCheckbox,style:{}}),d.jsxs(Se,{className:F.handle,...B,children:[d.jsx(i.Box,{className:F.handleCircle}),p&&d.jsx(i.IconSlot,{icon:p,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:i.cx(F.handleIcon,V?"opacity-100":"opacity-0")}),h&&d.jsx(i.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:i.cx(F.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&d.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:r,className:F.label})]})})});Ne.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return o.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return h.Menu}}),exports.Avatar=k,exports.AvatarIcon=N,exports.AvatarImage=j,exports.AvatarText=C,exports.Badge=w,exports.Button=H,exports.Checkbox=$,exports.Chip=Z,exports.ChipButton=X,exports.ChipDismissible=J,exports.ChipLink=K,exports.ChipToggle=Q,exports.IconButton=Y,exports.Input=re,exports.InputHelpText=ce,exports.Radio=fe,exports.RadioGroupProvider=ye,exports.Switch=Ne;
2
+ "use strict";var e=require("../chunk-CKRMBFE3.cjs"),t=require("../chunk-AZ53GEMA.cjs"),a=require("../chunk-AQM3J7QN.cjs"),n=require("../chunk-AREXX3FQ.cjs"),o=require("../chunk-GQMK6FYZ.cjs"),i=require("../chunk-3AQ5EJDX.cjs"),s=require("../chunk-FTAMKJ7E.cjs"),r=require("../chunk-RLK3BA4S.cjs"),c=require("../chunk-GPYK5KNS.cjs"),l=require("../chunk-QLXJH36U.cjs"),u=require("react"),d=require("react/jsx-runtime"),p=require("@yahoo/uds/fixtures"),m=require("motion/react"),h=require("@yahoo/uds/client/Menu"),x=l.__toESM(r.require_isFunction(),1),f={first:e=>e[0]??"",last:e=>e[e.length-1]??"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},b=(e,t="firstAndLast")=>{if(!e)return"";if((0,x.default)(t))return t(e);const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return f[t](a)},g=(e="md",t)=>{const{className:a,...n}=t??{};return i.getStyles({avatarSizeRoot:e,...n,className:i.cx("shrink-0","text-center","inline-flex","justify-center","items-center","overflow-visible","truncate",a)})},y=e=>{const t=e?{height:e,width:e}:{};return{root:t,contents:{...t,boxSizing:"content-box"}}},v="primary",S="md",N={primary:t.e2,secondary:t.t},I=({size:e=S,variant:t=v,customSize:a,icon:n,slotProps:o,className:s,...r})=>{const c=u.useMemo(()=>({root:g(e,{avatarIconVariantRoot:t,overflow:"hidden",className:i.cx("overflow-hidden",s)}),iconContainer:i.cx("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center"),icon:i.getStyles({avatarSizeIcon:e})}),[s,e,t]),l=u.useMemo(()=>y(a),[a]),p=n??N[t??"primary"];return d.jsx(i.Box,{className:c.root,style:l.root,...r,children:d.jsx(i.Box,{className:c.iconContainer,style:l.contents,children:d.jsx(i.IconSlot,{icon:p,iconProps:{variant:"fill",color:"current",...o?.icon},className:c.icon})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */I.displayName="AvatarIcon";var C=({size:e=S,variant:t=v,name:a,initials:n,customSize:o,abbreviationStrategy:s,className:r,slotProps:c,...l})=>{const p=u.useMemo(()=>({root:g(e,{avatarTextVariantRoot:t,className:i.cx("overflow-hidden","truncate",r)}),text:i.cx("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center","truncate")}),[r,e,t]),m=u.useMemo(()=>y(o),[o]);return d.jsx(i.Box,{className:p.root,style:m.root,...l,children:d.jsx(i.Text,{color:"inherit",variant:"inherit",className:p.text,style:m.contents,...c?.text,children:n||b(a,s)})})};C.displayName="AvatarText";var j=({size:t=S,variant:a=v,src:n,srcSet:o,customSize:s,alt:r,abbreviationStrategy:c,fallback:l,className:p,imageProps:m,slotProps:h,...x})=>{const[f,b]=u.useState("loading");u.useEffect(()=>{let e=!0;if(n||o){const t=new Image;t.onload=()=>{e&&b("loaded")},t.onerror=()=>{e&&b("error")},n&&(t.src=n),o&&(t.srcset=o)}else b("error");return()=>{e=!1}},[n,o]);const N=u.useMemo(()=>({root:g(t,{avatarImageVariantRoot:a,className:i.cx("overflow-hidden",p)}),contents:i.cx("w-full","h-full","shrink-0","text-center","inline-flex","justify-center","items-center","object-cover")}),[p,t,a]),j=u.useMemo(()=>y(s),[s]);if("loaded"===f)return d.jsx(i.Box,{className:N.root,style:j.root,children:d.jsx(e.Image,{src:n,srcSet:o,alt:r,className:N.contents,style:j.contents,...m,...h?.image})});const k={...x,size:t,customSize:s,variant:a};return l||r?d.jsx(C,{name:r,initials:l,abbreviationStrategy:c,slotProps:{text:h?.text},...k}):d.jsx(I,{...k,slotProps:{icon:h?.icon}})};j.displayName="AvatarImage";var k=e=>d.jsx(j,{...e});k.displayName="Avatar";var w=u.forwardRef(function({variant:e="primary",size:t="md",minWidth:n,maxWidth:o=200,startIcon:s,endIcon:r,backgroundColor:c,color:l,iconColor:p,borderColor:m,children:h,className:x,...f},b){const g=i.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:i.cx(["uds-badge","uds-badge-variant","uds-badge-size",x])}),y=i.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:i.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),v=u.useMemo(()=>({...n?{minWidth:`${n}px`}:{},..."full"===o?{}:{maxWidth:`${o}px`},...c?{backgroundColor:c}:{},...m?{borderColor:m}:{},...l?{color:l}:{}}),[c,m,l,o,n]),S=u.useMemo(()=>({variant:"fill",style:{...p?{color:p}:{}}}),[p]);return d.jsxs(a.HStack,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:g,style:v,...f,children:[s&&d.jsx(i.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),d.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:h}),r&&d.jsx(i.IconSlot,{icon:r,iconProps:S,"data-testid":"end-icon",className:y})]})});w.displayName="Badge";var V={scale:.7,opacity:0},M={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},R={icon:M,hide:V,loading:V},P={loading:M,hide:V,icon:V},z=`var(${c.BUTTON_CSS_VAR_MAP.columnGap})`,T=`var(${c.BUTTON_CSS_VAR_MAP.iconSize})`,B={rest:{scale:`var(${c.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${c.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${c.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:z}},A={hide:{width:"0px",opacity:0,display:"none"},loading:{width:T,display:"flex",opacity:1},icon:{width:T,display:"flex",opacity:1}},E=u.forwardRef(function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:c,loading:l,disableEffects:h,children:x,asChild:f,type:b="button",className:g,width:y,...v},S){const N=u.useRef(null);u.useImperativeHandle(S,()=>N.current);const I=u.useMemo(()=>i.createSlot(),[]),C=u.useMemo(()=>m.m.create(I),[I]),j=r?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:r,loading:l}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:l,startIcon:n}),{palette:V,variant:M}=u.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),z=u.useMemo(()=>({button:i.getStyles({width:y,buttonSize:a,buttonVariant:M,buttonPalette:V,className:i.cx("uds-button","uds-ring","uds-hit-target",l&&"uds-button-loading",h&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",g)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,M,V,g,l,h,k]),T=m.useReducedMotion()?"smooth":"subtle",E=u.useMemo(()=>d.jsx(m.m.span,{className:z.iconContainer,initial:!1,variants:A,animate:w,children:d.jsxs(m.AnimatePresence,{initial:!1,mode:"popLayout",children:[l&&d.jsx(m.m.span,{variants:P,initial:"hide",animate:"loading",exit:"hide",children:d.jsx(i.Icon,{size:p.buttonIconSvgSize,name:t.o2,variant:c,color:"current",className:z.loading})},"loading"),n&&!l&&d.jsx(m.m.span,{variants:R,initial:"hide",animate:"icon",exit:"hide",children:d.jsx(i.IconSlot,{className:z.start,icon:n,iconProps:{size:p.buttonIconSvgSize,variant:c,color:"current"}})})]})}),[z.iconContainer,z.loading,z.start,w,l,c,n]),H=u.useMemo(()=>d.jsx(m.m.span,{className:z.iconContainer,initial:!1,variants:A,animate:j,children:d.jsx(m.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&d.jsx(m.m.span,{variants:R,initial:"hide",animate:"icon",exit:"hide",children:d.jsx(i.IconSlot,{className:z.end,icon:r,iconProps:{size:p.buttonIconSvgSize,variant:c,color:"current"}})})})}),[z.iconContainer,z.end,r,j,c]),q=u.useMemo(()=>h?{...B,rest:{},hover:{},pressed:{}}:B,[h]);return f&&u.isValidElement(x)?d.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:T,children:d.jsx(C,{type:b,className:z.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:u.cloneElement(x,x.props,d.jsxs(d.Fragment,{children:[E,d.jsx("span",{className:z.content,children:x.props.children}),H]}))})}):d.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:T,children:d.jsxs(m.m.button,{ref:N,type:b,className:z.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:[E,d.jsx("span",{className:z.content,children:x}),H]})})});E.displayName="Button";var H={primary:"alert",secondary:"alert-secondary"},q=e=>"indeterminate"===e,O=e=>q(e)?t.o:t.e,L=m.m.create(i.Box),F={layoutVariant:"smooth",layoutSpeed:"3"},_={layoutVariant:"veryBouncy",layoutSpeed:"4"},$=u.forwardRef(function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:c="start",variant:l="primary",size:p="md",reduceMotion:h,disabled:x,required:f,hasError:b,className:g,layerClassNames:y,...v},S){const N=u.useId(),I=e??`uds-input-${N}`,C=u.useRef(null),j=void 0!==t,[k,w]=u.useState(j?t:a),[V,M]=u.useState(!1),[R,P]=u.useState(!1),z=u.useMemo(()=>b?H[l]:l,[b,l]),T=!x&&V,B=!x&&R,A=u.useMemo(()=>B?.9:T?1.1:1,[B,T]),E=u.useMemo(()=>k?B?"opacity-55":"opacity-100":"opacity-0",[k,B]),$=u.useMemo(()=>({scale:A}),[A]),W=u.useMemo(()=>R?_:F,[R]),D=u.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),G=u.useCallback(()=>{M(!0)},[]),U=u.useCallback(()=>{M(!1)},[]),X=u.useCallback(()=>{P(!0)},[]),K=u.useCallback(()=>{P(!1)},[]),Q=e=>{C.current&&(C.current.indeterminate=q(e))},J=h?"always":"user",Y=m.useReducedMotion()||h?"duration-0":"duration-120";u.useEffect(()=>{j&&w(t)},[t,j]),u.useEffect(()=>{Q(k)},[k]);const Z=q(k)?"indeterminate":k?"checked":"unchecked",ee={root:i.getStyles({checkboxSizeRoot:p,checkboxVariantRoot:z,checkboxVariantValueRoot:Z,display:"flex",flexDirection:"start"===c?"row":"row-reverse",alignItems:"center",className:i.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},g,y?.root)}),checkbox:i.getStyles({checkboxSizeCheckbox:p,checkboxVariantCheckbox:z,checkboxVariantValueCheckbox:Z,className:i.cx("border","rounded-[4px]","uds-ring","uds-ring-within",Y,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:i.getStyles({checkboxVariantCheckboxIcon:z,checkboxVariantValueCheckboxIcon:Z,className:i.cx("pointer-events-none",E,Y,"transition-opacity")}),htmlCheckbox:i.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:i.cx("start"===c?"text-start":"text-end",y?.label)},te=r?m.m.label:m.m.div;return d.jsx(o.SpringMotionConfig,{reducedMotion:J,...W,children:d.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:X,onTap:K,onTapCancel:K,tabIndex:-1,children:[d.jsxs(L,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:$,children:[d.jsx("input",{type:"checkbox",tabIndex:0,...v,ref:e=>{C.current=e,Q(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":b,checked:j?!q(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),d.jsx(i.Icon,{name:O(k),size:"sm",className:ee.check})]}),r&&d.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});$.displayName="Checkbox";var W=(e,t,a="overwriteOriginal")=>{const n=Array.from(new Set([...Object.keys(e??{}),...Object.keys(t??{})]));return Object.fromEntries(n.map(n=>{const o=e?.[n],s=t?.[n];return o&&!s?[n,o]:s&&!o?[n,s]:"className"===n?[n,i.cx(o,s)]:"keepOriginal"===a?[n,o]:[n,s]}))},D=(e,t,a="overwriteOriginal")=>{if(!e)return t;const n=Array.from(new Set([...Object.keys(e),...Object.keys(t)]));return Object.fromEntries(n.map(n=>{const o=e[n],i=t[n];return[n,W(o,i,a)]}))},G="primary",U=u.forwardRef(function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:o,endIcon:s,as:r="div",reduceMotion:c,disabled:l=!1,className:p,slotProps:h,children:x,...f},b){const g=m.useReducedMotion()||c?"duration-0":"duration-120",{className:y,...v}=h?.text??{},{className:S,...N}=h?.startIcon??{},{className:I,...C}=h?.endIcon??{},j=u.useMemo(()=>({root:i.getStyles({chipSizeRoot:e,className:i.cx({"pointer-events-none":l,"cursor-default":l,"opacity-50":l},"inline-flex","items-center","focus-visible:-outline-offset-2","uds-ring",g,"transition-[background-color,outline-color,box-shadow]",p)}),text:i.cx("truncate","whitespace-nowrap","text-center","flex-1",y),icon:i.getStyles({chipSizeIcon:e})}),[p,g,l,e,y]),k=u.useMemo(()=>({root:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}}}),[n,t]);return d.jsx(a.HStack,{asChild:!0,ref:b,className:j.root,style:k.root,...f,children:d.jsxs(r,{disabled:l,children:[o&&d.jsx(i.IconSlot,{icon:o,iconProps:{variant:"fill",className:i.cx(j.icon,S),...N}}),d.jsx(i.Text,{as:"span",color:"current",variant:"inherit",className:j.text,...v,children:x}),s&&d.jsx(i.IconSlot,{icon:s,iconProps:{variant:"fill",className:i.cx(j.icon,I),...C}})]})})});U.displayName="ChipBase";var X=u.forwardRef(function({variant:e=G,slotProps:t,className:a,...n},o){const s=u.useMemo(()=>({root:i.getStyles({chipLinkVariantRoot:e,className:a}),icon:i.getStyles({chipLinkVariantIcon:e})}),[a,e]),r=D(t,{startIcon:{className:s.icon},endIcon:{className:s.icon}});return d.jsx(U,{as:"button",ref:o,tabIndex:0,className:s.root,slotProps:r,...n})});X.displayName="ChipButton";var K=u.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:o=G,disabled:s,slotProps:r,className:c,...l},p){const m=u.useMemo(()=>({root:i.getStyles({chipDismissibleVariantRoot:o,className:c}),icon:i.getStyles({chipDismissibleVariantIcon:o}),iconPressable:i.cx("uds-chip-dismissible-button","uds-hit-target")}),[c,o]),h=u.useCallback(e=>{e.stopPropagation(),a?.()},[a]),x=D(r,{startIcon:{className:m.icon},endIcon:{className:m.icon}});return d.jsx(U,{ref:p,disabled:s,tabIndex:-1,endIcon:a=>d.jsx(t.Pressable,{"aria-label":e,className:m.iconPressable,onClick:h,disabled:s,children:d.jsx(i.IconSlot,{icon:n??t.a,iconProps:a})}),className:m.root,slotProps:x,...l})});K.displayName="ChipDismissible";var Q=u.forwardRef(function({variant:e=G,href:t,disabled:a,slotProps:n,className:o,...s},r){const c=u.useMemo(()=>({root:i.getStyles({chipLinkVariantRoot:e,className:o}),icon:i.getStyles({chipLinkVariantIcon:e})}),[o,e]),l=D(n,{startIcon:{className:c.icon},endIcon:{className:c.icon}});return d.jsx(U,{as:"a",ref:r,disabled:a,className:c.root,slotProps:l,tabIndex:0,...{...s,href:a?void 0:t}})});Q.displayName="ChipLink";var J=u.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=G,slotProps:o,className:s,role:r="checkbox",...c},l){const p=u.useMemo(()=>({root:i.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off",className:s}),icon:i.getStyles({chipToggleVariantIcon:n})}),[s,e,n]),m=u.useCallback(n=>{t?.(!e),a?.(n)},[e,a,t]),h=D(o,{startIcon:{className:p.icon},endIcon:{className:p.icon}}),x="checkbox"===r||"switch"===r;return d.jsx(U,{ref:l,as:"button",role:r,"aria-checked":x?e:void 0,onClick:m,className:p.root,slotProps:h,tabIndex:0,...c})});J.displayName="ChipToggle";var Y=u.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:o,isToggled:i,slotProps:s,...r},c){const{anchor:l,...u}=s??{};return n?d.jsx(K,{ref:c,onDismiss:n,slotProps:u,...r}):o?d.jsx(J,{ref:c,onToggle:o,isToggled:i,slotProps:u,...r}):t?d.jsx(Q,{ref:c,href:t,slotProps:u,...r,...a,...l}):d.jsx(X,{ref:c,onClick:e,slotProps:u,...r})});Y.displayName="Chip";var Z=u.forwardRef(function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:c,name:l,type:h="button",htmlName:x,className:f,children:b,...g},y){const v=u.useRef(null);u.useImperativeHandle(y,()=>v.current);const{palette:S,variant:N}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=u.useMemo(()=>({button:i.getStyles({buttonVariant:N,buttonPalette:S,iconButtonSize:a,className:i.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",c&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[S,N,f,c,a,r]),C=m.useReducedMotion(),j=u.useMemo(()=>C?"smooth":"subtle",[C]),k=u.useMemo(()=>{const{rest:e,hover:t,pressed:a}=B;return c?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[c]);return d.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:c?"always":"user",children:d.jsx(m.m.button,{ref:v,type:h,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...g,children:d.jsxs(m.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&d.jsx(m.m.span,{variants:P,initial:"loading",animate:"loading",exit:"hide",children:d.jsx(i.Icon,{size:p.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),l&&!r&&d.jsx(m.m.span,{variants:R,initial:"icon",animate:"icon",exit:"hide",children:b||d.jsx(i.Icon,{size:p.buttonIconSvgSize,name:l,variant:n,color:"current",className:I.icon})},l.name)]})})})});Z.displayName="IconButton";var ee=l.__toESM(r.require_isFunction(),1),te=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=u.useRef(null),[i,s]=u.useState("auto");return u.useEffect(()=>{if(n.current){const e=new ResizeObserver(e=>{s(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),d.jsx(o.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:d.jsx(m.m.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:d.jsx("div",{ref:n,children:e})})})};function ae({startIcon:e,endIcon:t,iconProps:n,children:o,size:s,isFilled:r,...c}){const l={helperText:i.cx(i.getStyles({inputSizeHelperText:s,inputVariantHelperText:"default",inputVariantValueHelperText:r?"filled":"empty"})),helperIcon:i.getStyles({inputSizeHelperIcon:s,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:r?"filled":"empty"})},u={variant:"outline",...n};return d.jsxs(a.HStack,{gap:"1",alignItems:"center",...c,children:[e&&d.jsx(i.IconSlot,{icon:e,...u,iconProps:n,className:l.helperIcon}),d.jsx("span",{className:l.helperText,children:o}),t&&d.jsx(i.IconSlot,{icon:t,...u,iconProps:n,className:l.helperIcon})]})}te.displayName="AnimateHeightChange",ae.displayName="InputHelpTextInternal";var ne=u.memo(ae),oe=u.memo(function({helpText:e,helperTextIcon:t,spacingStart:a,spacingTop:n,size:o,isFilled:s,...r}){return e?d.jsx(i.Box,{spacingTop:n,spacingStart:a,...r,children:d.jsx(ne,{startIcon:t,size:o,isFilled:s,children:(0,ee.default)(e)?e():e})}):null}),ie=u.memo(function({icon:e,className:t,iconProps:a}){return e?d.jsx(i.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),se=u.memo(function({icon:e,className:t,iconProps:a}){return e?d.jsx(i.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),re=u.forwardRef(function({id:e,label:t,type:n="text",size:o="md",startIcon:s,endIcon:r,helpText:c,helperTextIcon:l,hasError:p,width:h="full",defaultValue:x,required:f,readOnly:b,disabled:g,reduceMotion:y,onChange:v,slotProps:S,className:N,...I},C){const j=u.useId(),k=e??`uds-input-${j}`,w=`uds-input-${k}-help-text`,{className:V,...M}=S?.input??{},{className:R,...P}=S?.inputWrapper??{},z=u.useRef(null);u.useImperativeHandle(C,()=>z.current);const[T,B]=u.useState(x??""),A=u.useCallback(e=>{B(e.target.value),v?.(e)},[v]),E=m.useReducedMotion()?"smooth":"bouncy",H=y?"always":"user",q=!b&&!g,O={root:i.getStyles({inputSizeRoot:o,inputVariantRoot:"default",inputVariantValueRoot:T?"filled":"empty",className:i.cx([N,g?"opacity-50":""])}),inputWrapper:i.cx(i.getStyles({inputSizeInputWrapper:o,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:T?"filled":"empty"}),"min-w-[200px]",R),input:i.getStyles({inputSizeInput:o,inputVariantInput:"default",inputVariantValueInput:T?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:T?"filled":"empty",className:i.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",q?"cursor-text":"cursor-not-allowed",V)}),label:i.cx(i.getStyles({inputSizeLabel:o,inputVariantLabel:"default",inputVariantValueLabel:T?"filled":"empty"})),labelRequired:i.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:T?"filled":"empty"}),startIcon:i.getStyles({inputSizeStartIcon:o,inputVariantStartIcon:"default",inputVariantValueStartIcon:T?"filled":"empty"}),endIcon:i.getStyles({inputSizeEndIcon:o,inputVariantEndIcon:"default",inputVariantValueEndIcon:T?"filled":"empty"})};return d.jsxs(a.VStack,{width:h,className:O.root,children:[t&&d.jsxs(i.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:O.label,children:[d.jsx("label",{htmlFor:k,children:(0,ee.default)(t)?t():t}),f&&d.jsx("span",{className:O.labelRequired,children:"*"})]}),d.jsxs(i.Box,{position:"relative",alignItems:"center",...P,className:O.inputWrapper,children:[d.jsx(ie,{icon:s,className:O.startIcon,iconProps:S?.startIcon}),d.jsx("input",{ref:z,id:k,type:n,value:T,required:f,readOnly:b,disabled:g,"aria-describedby":w,"aria-invalid":p,onChange:A,className:O.input,...I,...M}),r&&d.jsx(a.HStack,{alignItems:"center",gap:"1",children:d.jsx(se,{icon:r,className:O.endIcon,iconProps:S?.endIcon})})]}),d.jsx(te,{reduceMotion:H,layoutVariant:E,children:d.jsx(oe,{id:w,helpText:c,spacingTop:"2",size:o,isFilled:!!T,helperTextIcon:l})})]})});re.displayName="Input";var ce=({size:e="md",isFilled:t,...a})=>{const n={root:i.getStyles({inputSizeRoot:e,inputVariantRoot:"default",inputVariantValueRoot:t?"filled":"empty"})};return d.jsx(i.Box,{asChild:!0,spacingTop:"2",className:n.root,children:d.jsx(ne,{size:e,isFilled:t,...a})})};ce.displayName="InputHelpText";var le=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},ue=u.createContext(new Map),de=e=>{const t=u.useId();return e??`uds-radio-group-${t}`},pe={primary:"alert",secondary:"alert-secondary"},me=m.m.create(i.Box),he={layoutVariant:"smooth",layoutSpeed:"3"},xe={layoutVariant:"veryBouncy",layoutSpeed:"4"},fe=u.forwardRef(function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:c="md",reduceMotion:l,value:p="",checked:h,defaultChecked:x,disabled:f,hasError:b,onChange:g,onFocus:y,onBlur:v,className:S,layerClassNames:N,...I},C){const j=u.useId(),k=e??`uds-radio-${j}`,w=u.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:P}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const o=u.useContext(ue),i=o instanceof le,s=void 0!==a||i,r=de(e),c=u.useMemo(()=>i?o:le.findOrCreate(o,r),[o,i,r]),[l,d]=u.useState(c.value),p=c.name??r,m=u.useCallback(e=>{c.setValue(e),s||d(e)},[s,c]);return u.useEffect(()=>c.onChange(d),[c]),u.useEffect(()=>{!0===a&&m(t)},[a,t,m]),u.useEffect(()=>{if(i)return;const e=le.findOrCreate(o,p);return e.activeCount+=1,o.set(p,e),()=>{const e=o.get(p);e&&(e.activeCount-=1,0===e.activeCount&&o.delete(p))}},[o,i,p]),{name:p,isControlled:s,checked:s&&!i?a:void 0!==l?t===l:n??!1,setGroupValue:m}})({name:t,value:p,checked:h,defaultChecked:x}),[z,T]=u.useState(!1),[B,A]=u.useState(!1),E=u.useMemo(()=>b?pe[r]:r,[b,r]),H=u.useMemo(()=>!f&&z,[f,z]),q=u.useMemo(()=>!f&&!R&&B,[R,f,B]),O=u.useMemo(()=>q?.9:H?1.1:1,[H,q]),L=u.useMemo(()=>R?q?"opacity-55":"opacity-100":"opacity-0",[R,q]),F=u.useMemo(()=>!f&&(q&&!R||H&&R),[R,f,H,q]),_=u.useMemo(()=>({scale:O}),[O]),$=u.useMemo(()=>B?xe:he,[B]),W=u.useCallback(e=>{P(e.target.value),g?.(e)},[g,P]),D=u.useCallback(e=>{y?.(e)},[y]),G=u.useCallback(e=>{v?.(e)},[v]),U=u.useCallback(()=>{T(!0)},[]),X=u.useCallback(()=>{T(!1)},[]),K=u.useCallback(()=>{A(!0)},[]),Q=u.useCallback(()=>{A(!1)},[]),J=l?"always":"user",Y=m.useReducedMotion()||l?"duration-0":"duration-120",Z={root:i.getStyles({radioSizeRoot:c,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:i.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,N?.root])}),radio:i.getStyles({radioSizeRadio:c,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:i.cx(["border","uds-ring","uds-ring-within",Y,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:i.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:i.cx(["pointer-events-none","w-[8px]","h-[8px]",L,Y,"transition-opacity"])}),htmlRadio:i.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:i.cx("start"===s?"text-start":"text-end",N?.label)},ee=a?m.m.label:m.m.div;return d.jsx(o.SpringMotionConfig,{reducedMotion:J,...$,children:d.jsxs(ee,{className:Z.root,"data-testid":"container",onHoverStart:U,onHoverEnd:X,onTapStart:K,onTap:Q,onTapCancel:Q,tabIndex:-1,children:[d.jsxs(me,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Z.radio,animate:_,insetShadow:F?"lg-invert":"none",children:[d.jsx("input",{type:"radio",tabIndex:0,...I,ref:e=>{w.current=e,"function"==typeof C?C(e):null!==C&&(C.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:p,disabled:f,"aria-invalid":b,onChange:W,...M?{checked:R}:{defaultChecked:x},className:Z.htmlRadio}),d.jsx(i.Box,{borderRadius:"full",className:Z.radioCircle})]}),a&&d.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:Z.label})]})})});fe.displayName="Radio";var be=i.createSlot(),ge=class extends le{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},ye=u.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:o,...i},s){const r=void 0!==a,c=de(t),l=u.useMemo(()=>{const e=new ge(c,r);return e.value=r?a:n,e},[n,r,c,a]);u.useEffect(()=>{l.onChangeCb=o},[o,l]),u.useEffect(()=>{r&&l.setValue(a,!0)},[r,l,a]),u.useEffect(()=>l.onChange(e=>o?.(e)),[o,l]);const p=e?be:"div";return d.jsx(ue.Provider,{value:l,children:d.jsx(p,{role:"radiogroup",ref:s,...i})})});ye.displayName="RadioGroupProvider";var ve={md:{isOnX:20},sm:{isOnX:12}},Se=m.m.create(i.Box),Ne={layoutVariant:"bouncy",layoutSpeed:"4"},Ie=u.forwardRef(function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:c="start",size:l="md",onIcon:p,offIcon:h,reduceMotion:x,disabled:f,required:b,onFocus:g,onBlur:y,className:v,layerClassNames:S,...N},I){const C=u.useId(),j=e??`uds-input-${C}`,k=u.useRef(null),w=void 0!==t,[V,M]=u.useState(w?t:a),[R,P]=u.useState(!1),z=u.useMemo(()=>!f&&R,[f,R]),{isOnX:T}=ve[l],B=u.useMemo(()=>({initial:{scale:1,x:V?T:0},animate:{scale:z?1.05:1,x:V?T:0}}),[z,V,T]),A=u.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),E=u.useCallback(e=>{g?.(e)},[g]),H=u.useCallback(e=>{y?.(e)},[y]),q=u.useCallback(()=>{P(!0)},[]),O=u.useCallback(()=>{P(!1)},[]),L=x?"always":"user",F=m.useReducedMotion()||x?"duration-0":"duration-120";u.useEffect(()=>{w&&M(t)},[t,w]);const _={root:i.getStyles({switchSizeRoot:l,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===c?"row":"row-reverse",alignItems:"center",className:i.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:i.getStyles({switchVariantSwitch:"default",switchSizeSwitch:l,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:i.cx("uds-ring","uds-ring-within",F,"transition-[background-color,box-shadow]",S?.switch)}),handle:i.getStyles({switchSizeHandle:l,className:i.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:i.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:i.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",F,"transition-[background-color,box-shadow,opacity]")}),handleIcon:i.getStyles({switchSizeHandleIcon:l,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:i.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"transition-opacity")}),htmlCheckbox:i.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:i.cx("start"===c?"text-start":"text-end",S?.label)},$=r?m.m.label:m.m.div;return d.jsx(o.SpringMotionConfig,{reducedMotion:L,...Ne,children:d.jsxs($,{className:_.root,"data-testid":"container",onHoverStart:q,onHoverEnd:O,tabIndex:-1,children:[d.jsxs(Se,{className:_.switch,children:[d.jsx("input",{type:"checkbox",tabIndex:0,...N,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:E,onBlur:H,id:j,disabled:f,required:b,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:A,className:_.htmlCheckbox,style:{}}),d.jsxs(Se,{className:_.handle,...B,children:[d.jsx(i.Box,{className:_.handleCircle}),p&&d.jsx(i.IconSlot,{icon:p,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:i.cx(_.handleIcon,V?"opacity-100":"opacity-0")}),h&&d.jsx(i.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:i.cx(_.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&d.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:r,className:_.label})]})})});Ie.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return o.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return h.Menu}}),exports.Avatar=k,exports.AvatarIcon=I,exports.AvatarImage=j,exports.AvatarText=C,exports.Badge=w,exports.Button=E,exports.Checkbox=$,exports.Chip=Y,exports.ChipButton=X,exports.ChipDismissible=K,exports.ChipLink=Q,exports.ChipToggle=J,exports.IconButton=Z,exports.Input=re,exports.InputHelpText=ce,exports.Radio=fe,exports.RadioGroupProvider=ye,exports.Switch=Ie;
@@ -1,11 +1,11 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { cZ as UniversalAvatarIconProps, x as IconPropsWithSVGProps, d0 as UniversalAvatarTextProps, c_ as UniversalAvatarImageProps, y as ImagePropsWithImgProps, d1 as UniversalBadgeProps, d2 as UniversalButtonProps, d3 as UniversalCheckboxProps, d4 as UniversalChipBaseProps, d8 as UniversalChipProps, d5 as UniversalChipButtonProps, d6 as UniversalChipDismissibleProps, d7 as UniversalChipLinkProps, d9 as UniversalChipToggleProps, da as UniversalIconButtonProps, de as UniversalInputProps, dc as UniversalIconSlot, dg as UniversalRadioProps, df as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-gGaZxCMr.cjs';
3
- import { a as TextProps } from '../Text-CJRvqui_.cjs';
2
+ import { d7 as UniversalAvatarIconProps, z as IconPropsWithSVGProps, da as UniversalAvatarTextProps, d8 as UniversalAvatarImageProps, A as ImagePropsWithImgProps, db as UniversalBadgeProps, dc as UniversalButtonProps, dd as UniversalCheckboxProps, de as UniversalChipBaseProps, di as UniversalChipProps, df as UniversalChipButtonProps, dg as UniversalChipDismissibleProps, dh as UniversalChipLinkProps, dj as UniversalChipToggleProps, dk as UniversalIconButtonProps, dp as UniversalInputProps, dm as UniversalIconSlot, dr as UniversalRadioProps, dq as UniversalRadioGroupProps, c6 as MotionVariant, c7 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-BB_vmfZS.cjs';
3
+ import { a as TextProps } from '../Text-Cit3FWD8.cjs';
4
4
  import * as react from 'react';
5
5
  import react__default, { ForwardRefExoticComponent, InputHTMLAttributes, PropsWithChildren } from 'react';
6
6
  import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
7
- import { B as BoxProps } from '../Box-BWU5UmHC.cjs';
8
- export { a as Pressable, P as PressableProps } from '../Pressable-5JJUWRN1.cjs';
7
+ import { B as BoxProps } from '../Box-BXzOEy6x.cjs';
8
+ export { a as Pressable, P as PressableProps } from '../Pressable-CUFe9wvm.cjs';
9
9
  export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
10
10
  import '@yahoo/uds-icons/types';
11
11
  import 'type-fest';
@@ -1,11 +1,11 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { cZ as UniversalAvatarIconProps, x as IconPropsWithSVGProps, d0 as UniversalAvatarTextProps, c_ as UniversalAvatarImageProps, y as ImagePropsWithImgProps, d1 as UniversalBadgeProps, d2 as UniversalButtonProps, d3 as UniversalCheckboxProps, d4 as UniversalChipBaseProps, d8 as UniversalChipProps, d5 as UniversalChipButtonProps, d6 as UniversalChipDismissibleProps, d7 as UniversalChipLinkProps, d9 as UniversalChipToggleProps, da as UniversalIconButtonProps, de as UniversalInputProps, dc as UniversalIconSlot, dg as UniversalRadioProps, df as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-gGaZxCMr.js';
3
- import { a as TextProps } from '../Text-ksXYBDQ6.js';
2
+ import { d7 as UniversalAvatarIconProps, z as IconPropsWithSVGProps, da as UniversalAvatarTextProps, d8 as UniversalAvatarImageProps, A as ImagePropsWithImgProps, db as UniversalBadgeProps, dc as UniversalButtonProps, dd as UniversalCheckboxProps, de as UniversalChipBaseProps, di as UniversalChipProps, df as UniversalChipButtonProps, dg as UniversalChipDismissibleProps, dh as UniversalChipLinkProps, dj as UniversalChipToggleProps, dk as UniversalIconButtonProps, dp as UniversalInputProps, dm as UniversalIconSlot, dr as UniversalRadioProps, dq as UniversalRadioGroupProps, c6 as MotionVariant, c7 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-BB_vmfZS.js';
3
+ import { a as TextProps } from '../Text-BTk0X3uq.js';
4
4
  import * as react from 'react';
5
5
  import react__default, { ForwardRefExoticComponent, InputHTMLAttributes, PropsWithChildren } from 'react';
6
6
  import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
7
- import { B as BoxProps } from '../Box-C9fHZ3nr.js';
8
- export { a as Pressable, P as PressableProps } from '../Pressable-jfrkzoAe.js';
7
+ import { B as BoxProps } from '../Box-D0HE-AjA.js';
8
+ export { a as Pressable, P as PressableProps } from '../Pressable-C4yJX0RZ.js';
9
9
  export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
10
10
  import '@yahoo/uds-icons/types';
11
11
  import 'type-fest';
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- import{Image as e}from"../chunk-4OO7CUA6.js";import{o2 as t,Pressable as a,a as n,o as i,e as o,t as r,e2 as s}from"../chunk-KQTBZT7T.js";export{Pressable}from"../chunk-KQTBZT7T.js";import{HStack as c,VStack as l}from"../chunk-KMRYZOR7.js";import{FormLabel as d}from"../chunk-YB2KIANK.js";import{SpringMotionConfig as u}from"../chunk-HMRYK2NP.js";export{SpringMotionConfig}from"../chunk-HMRYK2NP.js";import{getStyles as p,cx as h,IconSlot as m,createSlot as f,Icon as b,Box as v,Text as y}from"../chunk-L3JHNF65.js";import{parseDeprecatedButtonPaletteVariant as g}from"../chunk-OSJVSN23.js";import{require_isFunction as N}from"../chunk-V5UIHMW2.js";import{BUTTON_CSS_VAR_MAP as x}from"../chunk-QNM2JS62.js";import{__toESM as I}from"../chunk-GF4A6TFM.js";import{forwardRef as V,useMemo as w,useRef as k,useImperativeHandle as C,isValidElement as S,cloneElement as z,useId as P,useState as R,useCallback as T,useEffect as j,memo as H,createContext as O,useContext as M}from"react";import{jsxs as L,jsx as A,Fragment as B}from"react/jsx-runtime";import{buttonIconSvgSize as $}from"@yahoo/uds/fixtures";import{m as E,useReducedMotion as W,AnimatePresence as F}from"motion/react";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var q=I(N(),1),D={first:e=>e[0]??"",last:e=>e[e.length-1]??"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},G=(e,t="firstAndLast")=>{if(!e)return"";if((0,q.default)(t))return t(e);const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return D[t](a)},K=(e="md",t)=>{const{className:a,...n}=t??{};return p({avatarSizeRoot:e,...n,className:h("shrink-0","text-center","inline-flex","justify-center","items-center","overflow-visible","truncate",a)})},Y=e=>{const t=e?{height:e,width:e}:{};return{root:t,contents:{...t,boxSizing:"content-box"}}},J="primary",Q="md",U={primary:s,secondary:r},X=({size:e=Q,variant:t=J,customSize:a,icon:n,slotProps:i,className:o,...r})=>{const s=w(()=>({root:K(e,{avatarIconVariantRoot:t,overflow:"hidden",className:h("overflow-hidden",o)}),iconContainer:h("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center"),icon:p({avatarSizeIcon:e})}),[o,e,t]),c=w(()=>Y(a),[a]),l=n??U[t??"primary"];return A(v,{className:s.root,style:c.root,...r,children:A(v,{className:s.iconContainer,style:c.contents,children:A(m,{icon:l,iconProps:{variant:"fill",color:"current",...i?.icon},className:s.icon})})})};X.displayName="AvatarIcon";var Z=({size:e=Q,variant:t=J,name:a,initials:n,customSize:i,abbreviationStrategy:o,className:r,slotProps:s,...c})=>{const l=w(()=>({root:K(e,{avatarTextVariantRoot:t,className:h("overflow-hidden","truncate",r)}),text:h("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center","truncate")}),[r,e,t]),d=w(()=>Y(i),[i]);return A(v,{className:l.root,style:d.root,...c,children:A(y,{color:"inherit",variant:"inherit",className:l.text,style:d.contents,...s?.text,children:n||G(a,o)})})};Z.displayName="AvatarText";var _=({size:t=Q,variant:a=J,src:n,srcSet:i,customSize:o,alt:r,abbreviationStrategy:s,fallback:c,className:l,imageProps:d,slotProps:u,...p})=>{const[m,f]=R("loading");j(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&f("loaded")},t.onerror=()=>{e&&f("error")},n&&(t.src=n),i&&(t.srcset=i)}else f("error");return()=>{e=!1}},[n,i]);const b=w(()=>({root:K(t,{avatarImageVariantRoot:a,className:h("overflow-hidden",l)}),contents:h("w-full","h-full","shrink-0","text-center","inline-flex","justify-center","items-center","object-cover")}),[l,t,a]),y=w(()=>Y(o),[o]);if("loaded"===m)return A(v,{className:b.root,style:y.root,children:A(e,{src:n,srcSet:i,alt:r,className:b.contents,style:y.contents,...d,...u?.image})});const g={...p,size:t,customSize:o,variant:a};return c||r?A(Z,{name:r,initials:c,abbreviationStrategy:s,slotProps:{text:u?.text},...g}):A(X,{...g,slotProps:{icon:u?.icon}})};_.displayName="AvatarImage";var ee=e=>A(_,{...e});ee.displayName="Avatar";var te=V(function({variant:e="primary",size:t="md",minWidth:a,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:d,children:u,className:f,...b},v){const y=p({badgeSizeRoot:t,badgeVariantRoot:e,className:h(["uds-badge","uds-badge-variant","uds-badge-size",f])}),g=p({badgeVariantIcon:e,badgeSizeIcon:t,className:h(["uds-badge-iconSize","uds-badge-iconColor"])}),N=w(()=>({...a?{minWidth:`${a}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}}),[r,d,s,n,a]),x=w(()=>({variant:"fill",style:{...l?{color:l}:{}}}),[l]);return L(c,{ref:v,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:N,...b,children:[i&&A(m,{icon:i,iconProps:x,"data-testid":"start-icon",className:g}),A("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&A(m,{icon:o,iconProps:x,"data-testid":"end-icon",className:g})]})});te.displayName="Badge";var ae={scale:.7,opacity:0},ne={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ie={icon:ne,hide:ae,loading:ae},oe={loading:ne,hide:ae,icon:ae},re=`var(${x.columnGap})`,se=`var(${x.iconSize})`,ce={rest:{scale:`var(${x.effects.scale.rest})`},hover:{scale:`var(${x.effects.scale.hover})`},pressed:{scale:`var(${x.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:re}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:se,display:"flex",opacity:1},icon:{width:se,display:"flex",opacity:1}},de=V(function({variant:e,size:a,startIcon:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:c,asChild:l,type:d="button",className:v,width:y,...N},x){const I=k(null);C(x,()=>I.current);const V=w(()=>f(),[]),P=w(()=>E.create(V),[V]),R=i?"icon":"hide",T=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:i,loading:r}),j=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:r,startIcon:n}),{palette:H,variant:O}=w(()=>g({flatVariant:e}),[e]),M=w(()=>({button:p({width:y,buttonSize:a,buttonVariant:O,buttonPalette:H,className:h("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===T&&"uds-button-with-gap",v)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,O,H,v,r,s,T]),q=W()?"smooth":"subtle",D=w(()=>A(E.span,{className:M.iconContainer,initial:!1,variants:le,animate:j,children:L(F,{initial:!1,mode:"popLayout",children:[r&&A(E.span,{variants:oe,initial:"hide",animate:"loading",exit:"hide",children:A(b,{size:$,name:t,variant:o,color:"current",className:M.loading})},"loading"),n&&!r&&A(E.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:A(m,{className:M.start,icon:n,iconProps:{size:$,variant:o,color:"current"}})})]})}),[M.iconContainer,M.loading,M.start,j,r,o,n]),G=w(()=>A(E.span,{className:M.iconContainer,initial:!1,variants:le,animate:R,children:A(F,{initial:!1,mode:"popLayout",children:i&&A(E.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:A(m,{className:M.end,icon:i,iconProps:{size:$,variant:o,color:"current"}})})})}),[M.iconContainer,M.end,i,R,o]),K=w(()=>s?{...ce,rest:{},hover:{},pressed:{}}:ce,[s]);return l&&S(c)?A(u,{layoutSpeed:"3",layoutVariant:q,children:A(P,{type:d,className:M.button,initial:["hide",T],animate:T,variants:K,whileHover:"hover",whileTap:"pressed",...N,children:z(c,c.props,L(B,{children:[D,A("span",{className:M.content,children:c.props.children}),G]}))})}):A(u,{layoutSpeed:"3",layoutVariant:q,children:L(E.button,{ref:I,type:d,className:M.button,initial:["hide",T],animate:T,variants:K,whileHover:"hover",whileTap:"pressed",...N,children:[D,A("span",{className:M.content,children:c}),G]})})});de.displayName="Button";var ue={primary:"alert",secondary:"alert-secondary"},pe=e=>"indeterminate"===e,he=e=>pe(e)?i:o,me=E.create(v),fe={layoutVariant:"smooth",layoutSpeed:"3"},be={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=V(function({id:e,checked:t,defaultChecked:a,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:c,disabled:l,required:m,hasError:f,className:v,layerClassNames:y,...g},N){const x=P(),I=e??`uds-input-${x}`,V=k(null),C=void 0!==t,[S,z]=R(C?t:a),[H,O]=R(!1),[M,B]=R(!1),$=w(()=>f?ue[r]:r,[f,r]),F=!l&&H,q=!l&&M,D=w(()=>q?.9:F?1.1:1,[q,F]),G=w(()=>S?q?"opacity-55":"opacity-100":"opacity-0",[S,q]),K=w(()=>({scale:D}),[D]),Y=w(()=>M?be:fe,[M]),J=T(e=>{n?.(e),C||z(e.target.checked)},[C,n]),Q=T(()=>{O(!0)},[]),U=T(()=>{O(!1)},[]),X=T(()=>{B(!0)},[]),Z=T(()=>{B(!1)},[]),_=e=>{V.current&&(V.current.indeterminate=pe(e))},ee=c?"always":"user",te=W()||c?"duration-0":"duration-120";j(()=>{C&&z(t)},[t,C]),j(()=>{_(S)},[S]);const ae=pe(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:$,checkboxVariantValueRoot:ae,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h({"cursor-pointer":!l,"cursor-default":l,"opacity-50":l},v,y?.root)}),checkbox:p({checkboxSizeCheckbox:s,checkboxVariantCheckbox:$,checkboxVariantValueCheckbox:ae,className:h("border","rounded-[4px]","uds-ring","uds-ring-within",te,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:p({checkboxVariantCheckboxIcon:$,checkboxVariantValueCheckboxIcon:ae,className:h("pointer-events-none",G,te,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===o?"text-start":"text-end",y?.label)},ie=i?E.label:E.div;return A(u,{reducedMotion:ee,...Y,children:L(ie,{className:ne.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:U,onTapStart:X,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[L(me,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:K,children:[A("input",{type:"checkbox",tabIndex:0,...g,ref:e=>{V.current=e,_(S),"function"==typeof N?N(e):null!==N&&(N.current=e)},id:I,disabled:l,required:m,"aria-invalid":f,checked:C?!pe(S)&&S:void 0,defaultChecked:C?void 0:a,onChange:J,className:ne.htmlCheckbox}),A(b,{name:he(S),size:"sm",className:ne.check})]}),i&&A(d,{as:"div",variant:"inherit",color:"inherit",required:m,label:i,className:ne.label})]})})});ve.displayName="Checkbox";var ye=(e,t,a="overwriteOriginal")=>{const n=Array.from(new Set([...Object.keys(e??{}),...Object.keys(t??{})]));return Object.fromEntries(n.map(n=>{const i=e?.[n],o=t?.[n];return i&&!o?[n,i]:o&&!i?[n,o]:"className"===n?[n,h(i,o)]:"keepOriginal"===a?[n,i]:[n,o]}))},ge=(e,t,a="overwriteOriginal")=>{if(!e)return t;const n=Array.from(new Set([...Object.keys(e),...Object.keys(t)]));return Object.fromEntries(n.map(n=>{const i=e[n],o=t[n];return[n,ye(i,o,a)]}))},Ne="primary",xe=V(function({size:e="md",minWidth:t,maxWidth:a=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,slotProps:d,children:u,...f},b){const v=W()||r?"duration-0":"duration-120",{className:g,...N}=d?.text??{},{className:x,...I}=d?.startIcon??{},{className:V,...k}=d?.endIcon??{},C=w(()=>({root:p({chipSizeRoot:e,className:h({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"inline-flex","items-center","focus-visible:-outline-offset-2","uds-ring",v,"transition-[background-color,outline-color,box-shadow]",l)}),text:h("truncate","whitespace-nowrap","text-center","flex-1",g),icon:p({chipSizeIcon:e})}),[l,v,s,e,g]),S=w(()=>({root:{maxWidth:`${a}px`,...t?{minWidth:`${t}px`}:{}}}),[a,t]);return A(c,{asChild:!0,ref:b,className:C.root,style:S.root,...f,children:L(o,{disabled:s,children:[n&&A(m,{icon:n,iconProps:{variant:"fill",className:h(C.icon,x),...I}}),A(y,{as:"span",color:"current",variant:"inherit",className:C.text,...N,children:u}),i&&A(m,{icon:i,iconProps:{variant:"fill",className:h(C.icon,V),...k}})]})})});xe.displayName="ChipBase";var Ie=V(function({variant:e=Ne,slotProps:t,className:a,...n},i){const o=w(()=>({root:p({chipLinkVariantRoot:e,className:a}),icon:p({chipLinkVariantIcon:e})}),[a,e]),r=ge(t,{startIcon:{className:o.icon},endIcon:{className:o.icon}});return A(xe,{as:"button",ref:i,tabIndex:0,className:o.root,slotProps:r,...n})});Ie.displayName="ChipButton";var Ve=V(function({dismissButtonAriaLabel:e,onDismiss:t,dismissIcon:i,variant:o=Ne,disabled:r,slotProps:s,className:c,...l},d){const u=w(()=>({root:p({chipDismissibleVariantRoot:o,className:c}),icon:p({chipDismissibleVariantIcon:o}),iconPressable:h("uds-chip-dismissible-button","uds-hit-target")}),[c,o]),f=T(e=>{e.stopPropagation(),t?.()},[t]),b=ge(s,{startIcon:{className:u.icon},endIcon:{className:u.icon}});return A(xe,{ref:d,disabled:r,tabIndex:-1,endIcon:t=>A(a,{"aria-label":e,className:u.iconPressable,onClick:f,disabled:r,children:A(m,{icon:i??n,iconProps:t})}),className:u.root,slotProps:b,...l})});Ve.displayName="ChipDismissible";var we=V(function({variant:e=Ne,href:t,disabled:a,slotProps:n,className:i,...o},r){const s=w(()=>({root:p({chipLinkVariantRoot:e,className:i}),icon:p({chipLinkVariantIcon:e})}),[i,e]),c=ge(n,{startIcon:{className:s.icon},endIcon:{className:s.icon}});return A(xe,{as:"a",ref:r,disabled:a,className:s.root,slotProps:c,tabIndex:0,...{...o,href:a?void 0:t}})});we.displayName="ChipLink";var ke=V(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=Ne,slotProps:i,className:o,role:r="checkbox",...s},c){const l=w(()=>({root:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off",className:o}),icon:p({chipToggleVariantIcon:n})}),[o,e,n]),d=T(n=>{t?.(!e),a?.(n)},[e,a,t]),u=ge(i,{startIcon:{className:l.icon},endIcon:{className:l.icon}});return A(xe,{ref:c,as:"button",role:r,"aria-checked":"checkbox"===r||"switch"===r?e:void 0,onClick:d,className:l.root,slotProps:u,tabIndex:0,...s})});ke.displayName="ChipToggle";var Ce=V(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,slotProps:r,...s},c){const{anchor:l,...d}=r??{};return n?A(Ve,{ref:c,onDismiss:n,slotProps:d,...s}):i?A(ke,{ref:c,onToggle:i,isToggled:o,slotProps:d,...s}):t?A(we,{ref:c,href:t,slotProps:d,...s,...a,...l}):A(Ie,{ref:c,onClick:e,slotProps:d,...s})});Ce.displayName="Chip";var Se=V(function({variant:e,size:a,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:c,className:l,children:d,...m},f){const v=k(null);C(f,()=>v.current);const{palette:y,variant:N}=g({flatVariant:e}),x=w(()=>({button:p({buttonVariant:N,buttonPalette:y,iconButtonSize:a,className:h("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",l)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[y,N,l,o,a,i]),I=W(),V=w(()=>I?"smooth":"subtle",[I]),S=w(()=>{const{rest:e,hover:t,pressed:a}=ce;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[o]);return A(u,{layoutSpeed:"3",layoutVariant:V,reducedMotion:o?"always":"user",children:A(E.button,{ref:v,type:s,className:x.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:c,...m,children:L(F,{initial:!1,mode:"popLayout",children:[i&&A(E.span,{variants:oe,initial:"loading",animate:"loading",exit:"hide",children:A(b,{size:$,name:t,variant:n,color:"current",className:x.loading})},"loading"),r&&!i&&A(E.span,{variants:ie,initial:"icon",animate:"icon",exit:"hide",children:d||A(b,{size:$,name:r,variant:n,color:"current",className:x.icon})},r.name)]})})})});Se.displayName="IconButton";var ze=I(N(),1),Pe=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=k(null),[i,o]=R("auto");return j(()=>{if(n.current){const e=new ResizeObserver(e=>{o(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),A(u,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:A(E.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:A("div",{ref:n,children:e})})})};function Re({startIcon:e,endIcon:t,iconProps:a,children:n,size:i,isFilled:o,...r}){const s={helperText:h(p({inputSizeHelperText:i,inputVariantHelperText:"default",inputVariantValueHelperText:o?"filled":"empty"})),helperIcon:p({inputSizeHelperIcon:i,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:o?"filled":"empty"})},l={variant:"outline",...a};return L(c,{gap:"1",alignItems:"center",...r,children:[e&&A(m,{icon:e,...l,iconProps:a,className:s.helperIcon}),A("span",{className:s.helperText,children:n}),t&&A(m,{icon:t,...l,iconProps:a,className:s.helperIcon})]})}Pe.displayName="AnimateHeightChange",Re.displayName="InputHelpTextInternal";var Te=H(Re),je=H(function({helpText:e,helperTextIcon:t,spacingStart:a,spacingTop:n,size:i,isFilled:o,...r}){return e?A(v,{spacingTop:n,spacingStart:a,...r,children:A(Te,{startIcon:t,size:i,isFilled:o,children:(0,ze.default)(e)?e():e})}):null}),He=H(function({icon:e,className:t,iconProps:a}){return e?A(m,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),Oe=H(function({icon:e,className:t,iconProps:a}){return e?A(m,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),Me=V(function({id:e,label:t,type:a="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:d,width:u="full",defaultValue:m,required:f,readOnly:b,disabled:y,reduceMotion:g,onChange:N,slotProps:x,className:I,...V},w){const S=P(),z=e??`uds-input-${S}`,j=`uds-input-${z}-help-text`,{className:H,...O}=x?.input??{},{className:M,...B}=x?.inputWrapper??{},$=k(null);C(w,()=>$.current);const[E,F]=R(m??""),q=T(e=>{F(e.target.value),N?.(e)},[N]),D=W()?"smooth":"bouncy",G=g?"always":"user",K=!b&&!y,Y={root:p({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:E?"filled":"empty",className:h([I,y?"opacity-50":""])}),inputWrapper:h(p({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:E?"filled":"empty"}),"min-w-[200px]",M),input:p({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:E?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:E?"filled":"empty",className:h("grow","uds-hit-target","bg-clip-text","focus:outline-none",K?"cursor-text":"cursor-not-allowed",H)}),label:h(p({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:E?"filled":"empty"})),labelRequired:p({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:E?"filled":"empty"}),startIcon:p({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:E?"filled":"empty"}),endIcon:p({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:E?"filled":"empty"})};return L(l,{width:u,className:Y.root,children:[t&&L(v,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:Y.label,children:[A("label",{htmlFor:z,children:(0,ze.default)(t)?t():t}),f&&A("span",{className:Y.labelRequired,children:"*"})]}),L(v,{position:"relative",alignItems:"center",...B,className:Y.inputWrapper,children:[A(He,{icon:i,className:Y.startIcon,iconProps:x?.startIcon}),A("input",{ref:$,id:z,type:a,value:E,required:f,readOnly:b,disabled:y,"aria-describedby":j,"aria-invalid":d,onChange:q,className:Y.input,...V,...O}),o&&A(c,{alignItems:"center",gap:"1",children:A(Oe,{icon:o,className:Y.endIcon,iconProps:x?.endIcon})})]}),A(Pe,{reduceMotion:G,layoutVariant:D,children:A(je,{id:j,helpText:r,spacingTop:"2",size:n,isFilled:!!E,helperTextIcon:s})})]})});Me.displayName="Input";var Le=({size:e="md",isFilled:t,...a})=>{const n={root:p({inputSizeRoot:e,inputVariantRoot:"default",inputVariantValueRoot:t?"filled":"empty"})};return A(v,{asChild:!0,spacingTop:"2",className:n.root,children:A(Te,{size:e,isFilled:t,...a})})};Le.displayName="InputHelpText";var Ae=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},Be=O(new Map),$e=e=>{const t=P();return e??`uds-radio-group-${t}`},Ee={primary:"alert",secondary:"alert-secondary"},We=E.create(v),Fe={layoutVariant:"smooth",layoutSpeed:"3"},qe={layoutVariant:"veryBouncy",layoutSpeed:"4"},De=V(function({id:e,name:t,label:a,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:c,defaultChecked:l,disabled:m,hasError:f,onChange:b,onFocus:y,onBlur:g,className:N,layerClassNames:x,...I},V){const C=P(),S=e??`uds-radio-${C}`,z=k(null),{name:H,isControlled:O,checked:B,setGroupValue:$}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=M(Be),o=i instanceof Ae,r=void 0!==a||o,s=$e(e),c=w(()=>o?i:Ae.findOrCreate(i,s),[i,o,s]),[l,d]=R(c.value),u=c.name??s,p=T(e=>{c.setValue(e),r||d(e)},[r,c]);return j(()=>c.onChange(d),[c]),j(()=>{!0===a&&p(t)},[a,t,p]),j(()=>{if(o)return;const e=Ae.findOrCreate(i,u);return e.activeCount+=1,i.set(u,e),()=>{const e=i.get(u);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(u))}},[i,o,u]),{name:u,isControlled:r,checked:r&&!o?a:void 0!==l?t===l:n??!1,setGroupValue:p}})({name:t,value:s,checked:c,defaultChecked:l}),[F,q]=R(!1),[D,G]=R(!1),K=w(()=>f?Ee[i]:i,[f,i]),Y=w(()=>!m&&F,[m,F]),J=w(()=>!m&&!B&&D,[B,m,D]),Q=w(()=>J?.9:Y?1.1:1,[Y,J]),U=w(()=>B?J?"opacity-55":"opacity-100":"opacity-0",[B,J]),X=w(()=>!m&&(J&&!B||Y&&B),[B,m,Y,J]),Z=w(()=>({scale:Q}),[Q]),_=w(()=>D?qe:Fe,[D]),ee=T(e=>{$(e.target.value),b?.(e)},[b,$]),te=T(e=>{y?.(e)},[y]),ae=T(e=>{g?.(e)},[g]),ne=T(()=>{q(!0)},[]),ie=T(()=>{q(!1)},[]),oe=T(()=>{G(!0)},[]),re=T(()=>{G(!1)},[]),se=r?"always":"user",ce=W()||r?"duration-0":"duration-120",le={root:p({radioSizeRoot:o,radioVariantValueRoot:B?"checked":"unchecked",radioVariantRoot:K,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:h([{"cursor-pointer":!m,"cursor-default":m,"opacity-50":m},N,x?.root])}),radio:p({radioSizeRadio:o,radioVariantRadio:K,radioVariantValueRadio:B?"checked":"unchecked",className:h(["border","uds-ring","uds-ring-within",ce,"transition-[background-color,border-color]","transition-shadow",x?.radio])}),radioCircle:p({radioVariantRadioCircle:K,radioVariantValueRadioCircle:B?"checked":"unchecked",className:h(["pointer-events-none","w-[8px]","h-[8px]",U,ce,"transition-opacity"])}),htmlRadio:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===n?"text-start":"text-end",x?.label)},de=a?E.label:E.div;return A(u,{reducedMotion:se,..._,children:L(de,{className:le.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[L(We,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:le.radio,animate:Z,insetShadow:X?"lg-invert":"none",children:[A("input",{type:"radio",tabIndex:0,...I,ref:e=>{z.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:te,onBlur:ae,id:S,name:H,value:s,disabled:m,"aria-invalid":f,onChange:ee,...O?{checked:B}:{defaultChecked:l},className:le.htmlRadio}),A(v,{borderRadius:"full",className:le.radioCircle})]}),a&&A(d,{as:"div",variant:"inherit",color:"inherit",label:a,className:le.label})]})})});De.displayName="Radio";var Ge=f(),Ke=class extends Ae{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},Ye=V(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},r){const s=void 0!==a,c=$e(t),l=w(()=>{const e=new Ke(c,s);return e.value=s?a:n,e},[n,s,c,a]);j(()=>{l.onChangeCb=i},[i,l]),j(()=>{s&&l.setValue(a,!0)},[s,l,a]),j(()=>l.onChange(e=>i?.(e)),[i,l]);const d=e?Ge:"div";return A(Be.Provider,{value:l,children:A(d,{role:"radiogroup",ref:r,...o})})});Ye.displayName="RadioGroupProvider";var Je={md:{isOnX:20},sm:{isOnX:12}},Qe=E.create(v),Ue={layoutVariant:"bouncy",layoutSpeed:"4"},Xe=V(function({id:e,isOn:t,defaultIsOn:a,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:c,reduceMotion:l,disabled:f,required:b,onFocus:y,onBlur:g,className:N,layerClassNames:x,...I},V){const C=P(),S=e??`uds-input-${C}`,z=k(null),H=void 0!==t,[O,M]=R(H?t:a),[B,$]=R(!1),F=w(()=>!f&&B,[f,B]),{isOnX:q}=Je[r],D=w(()=>({initial:{scale:1,x:O?q:0},animate:{scale:F?1.05:1,x:O?q:0}}),[F,O,q]),G=T(e=>{n?.(e),H||M(e.target.checked)},[H,n]),K=T(e=>{y?.(e)},[y]),Y=T(e=>{g?.(e)},[g]),J=T(()=>{$(!0)},[]),Q=T(()=>{$(!1)},[]),U=l?"always":"user",X=W()||l?"duration-0":"duration-120";j(()=>{H&&M(t)},[t,H]);const Z={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:O?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},x?.root,N)}),switch:p({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:O?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:h("uds-ring","uds-ring-within",X,"transition-[background-color,box-shadow]",x?.switch)}),handle:p({switchSizeHandle:r,className:h("relative","pointer-events-none","rounded-full","overflow-hidden",x?.handle)}),handleCircle:p({switchVariantActiveHandle:O?"on":"off",switchVariantHandle:"default",className:h("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",X,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:O?"on":"off",className:h("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",X,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===o?"text-start":"text-end",x?.label)},_=i?E.label:E.div;return A(u,{reducedMotion:U,...Ue,children:L(_,{className:Z.root,"data-testid":"container",onHoverStart:J,onHoverEnd:Q,tabIndex:-1,children:[L(Qe,{className:Z.switch,children:[A("input",{type:"checkbox",tabIndex:0,...I,ref:e=>{z.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:K,onBlur:Y,id:S,disabled:f,required:b,checked:H?O:void 0,defaultChecked:H?void 0:a,onChange:G,className:Z.htmlCheckbox,style:{}}),L(Qe,{className:Z.handle,...D,children:[A(v,{className:Z.handleCircle}),s&&A(m,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:h(Z.handleIcon,O?"opacity-100":"opacity-0")}),c&&A(m,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:h(Z.handleIcon,O?"opacity-0":"opacity-100")})]})]}),i&&A(d,{as:"div",variant:"inherit",color:"inherit",required:b,label:i,className:Z.label})]})})});Xe.displayName="Switch";export{ee as Avatar,X as AvatarIcon,_ as AvatarImage,Z as AvatarText,te as Badge,de as Button,ve as Checkbox,Ce as Chip,Ie as ChipButton,Ve as ChipDismissible,we as ChipLink,ke as ChipToggle,Se as IconButton,Me as Input,Le as InputHelpText,De as Radio,Ye as RadioGroupProvider,Xe as Switch};
2
+ import{Image as e}from"../chunk-TLTC3CSM.js";import{o2 as t,Pressable as a,a as n,o as i,e as o,t as r,e2 as s}from"../chunk-HMODPNCL.js";export{Pressable}from"../chunk-HMODPNCL.js";import{HStack as c,VStack as l}from"../chunk-XO4R77US.js";import{FormLabel as d}from"../chunk-R5QRV75W.js";import{SpringMotionConfig as u}from"../chunk-E6Y7IJFH.js";export{SpringMotionConfig}from"../chunk-E6Y7IJFH.js";import{getStyles as p,cx as h,IconSlot as m,createSlot as f,Icon as b,Box as v,Text as y}from"../chunk-CWNVM6MA.js";import{parseDeprecatedButtonPaletteVariant as g}from"../chunk-NHEPBE4E.js";import{require_isFunction as N}from"../chunk-P2RTCITU.js";import{BUTTON_CSS_VAR_MAP as x}from"../chunk-J3BQW2FL.js";import{__toESM as I}from"../chunk-GF4A6TFM.js";import{forwardRef as V,useMemo as w,useRef as C,useImperativeHandle as k,isValidElement as S,cloneElement as z,useId as P,useState as R,useCallback as T,useEffect as j,memo as H,createContext as L,useContext as O}from"react";import{jsxs as M,jsx as E,Fragment as A}from"react/jsx-runtime";import{buttonIconSvgSize as W}from"@yahoo/uds/fixtures";import{m as $,useReducedMotion as B,AnimatePresence as F}from"motion/react";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var q=I(N(),1),D={first:e=>e[0]??"",last:e=>e[e.length-1]??"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},G=(e,t="firstAndLast")=>{if(!e)return"";if((0,q.default)(t))return t(e);const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return D[t](a)},X=(e="md",t)=>{const{className:a,...n}=t??{};return p({avatarSizeRoot:e,...n,className:h("shrink-0","text-center","inline-flex","justify-center","items-center","overflow-visible","truncate",a)})},J=e=>{const t=e?{height:e,width:e}:{};return{root:t,contents:{...t,boxSizing:"content-box"}}},U="primary",Q="md",Y={primary:s,secondary:r},K=({size:e=Q,variant:t=U,customSize:a,icon:n,slotProps:i,className:o,...r})=>{const s=w(()=>({root:X(e,{avatarIconVariantRoot:t,overflow:"hidden",className:h("overflow-hidden",o)}),iconContainer:h("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center"),icon:p({avatarSizeIcon:e})}),[o,e,t]),c=w(()=>J(a),[a]),l=n??Y[t??"primary"];return E(v,{className:s.root,style:c.root,...r,children:E(v,{className:s.iconContainer,style:c.contents,children:E(m,{icon:l,iconProps:{variant:"fill",color:"current",...i?.icon},className:s.icon})})})};K.displayName="AvatarIcon";var Z=({size:e=Q,variant:t=U,name:a,initials:n,customSize:i,abbreviationStrategy:o,className:r,slotProps:s,...c})=>{const l=w(()=>({root:X(e,{avatarTextVariantRoot:t,className:h("overflow-hidden","truncate",r)}),text:h("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center","truncate")}),[r,e,t]),d=w(()=>J(i),[i]);return E(v,{className:l.root,style:d.root,...c,children:E(y,{color:"inherit",variant:"inherit",className:l.text,style:d.contents,...s?.text,children:n||G(a,o)})})};Z.displayName="AvatarText";var _=({size:t=Q,variant:a=U,src:n,srcSet:i,customSize:o,alt:r,abbreviationStrategy:s,fallback:c,className:l,imageProps:d,slotProps:u,...p})=>{const[m,f]=R("loading");j(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&f("loaded")},t.onerror=()=>{e&&f("error")},n&&(t.src=n),i&&(t.srcset=i)}else f("error");return()=>{e=!1}},[n,i]);const b=w(()=>({root:X(t,{avatarImageVariantRoot:a,className:h("overflow-hidden",l)}),contents:h("w-full","h-full","shrink-0","text-center","inline-flex","justify-center","items-center","object-cover")}),[l,t,a]),y=w(()=>J(o),[o]);if("loaded"===m)return E(v,{className:b.root,style:y.root,children:E(e,{src:n,srcSet:i,alt:r,className:b.contents,style:y.contents,...d,...u?.image})});const g={...p,size:t,customSize:o,variant:a};return c||r?E(Z,{name:r,initials:c,abbreviationStrategy:s,slotProps:{text:u?.text},...g}):E(K,{...g,slotProps:{icon:u?.icon}})};_.displayName="AvatarImage";var ee=e=>E(_,{...e});ee.displayName="Avatar";var te=V(function({variant:e="primary",size:t="md",minWidth:a,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:d,children:u,className:f,...b},v){const y=p({badgeSizeRoot:t,badgeVariantRoot:e,className:h(["uds-badge","uds-badge-variant","uds-badge-size",f])}),g=p({badgeVariantIcon:e,badgeSizeIcon:t,className:h(["uds-badge-iconSize","uds-badge-iconColor"])}),N=w(()=>({...a?{minWidth:`${a}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}}),[r,d,s,n,a]),x=w(()=>({variant:"fill",style:{...l?{color:l}:{}}}),[l]);return M(c,{ref:v,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:N,...b,children:[i&&E(m,{icon:i,iconProps:x,"data-testid":"start-icon",className:g}),E("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&E(m,{icon:o,iconProps:x,"data-testid":"end-icon",className:g})]})});te.displayName="Badge";var ae={scale:.7,opacity:0},ne={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ie={icon:ne,hide:ae,loading:ae},oe={loading:ne,hide:ae,icon:ae},re=`var(${x.columnGap})`,se=`var(${x.iconSize})`,ce={rest:{scale:`var(${x.effects.scale.rest})`},hover:{scale:`var(${x.effects.scale.hover})`},pressed:{scale:`var(${x.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:re}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:se,display:"flex",opacity:1},icon:{width:se,display:"flex",opacity:1}},de=V(function({variant:e,size:a,startIcon:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:c,asChild:l,type:d="button",className:v,width:y,...N},x){const I=C(null);k(x,()=>I.current);const V=w(()=>f(),[]),P=w(()=>$.create(V),[V]),R=i?"icon":"hide",T=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:i,loading:r}),j=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:r,startIcon:n}),{palette:H,variant:L}=w(()=>g({flatVariant:e}),[e]),O=w(()=>({button:p({width:y,buttonSize:a,buttonVariant:L,buttonPalette:H,className:h("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===T&&"uds-button-with-gap",v)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,L,H,v,r,s,T]),q=B()?"smooth":"subtle",D=w(()=>E($.span,{className:O.iconContainer,initial:!1,variants:le,animate:j,children:M(F,{initial:!1,mode:"popLayout",children:[r&&E($.span,{variants:oe,initial:"hide",animate:"loading",exit:"hide",children:E(b,{size:W,name:t,variant:o,color:"current",className:O.loading})},"loading"),n&&!r&&E($.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:E(m,{className:O.start,icon:n,iconProps:{size:W,variant:o,color:"current"}})})]})}),[O.iconContainer,O.loading,O.start,j,r,o,n]),G=w(()=>E($.span,{className:O.iconContainer,initial:!1,variants:le,animate:R,children:E(F,{initial:!1,mode:"popLayout",children:i&&E($.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:E(m,{className:O.end,icon:i,iconProps:{size:W,variant:o,color:"current"}})})})}),[O.iconContainer,O.end,i,R,o]),X=w(()=>s?{...ce,rest:{},hover:{},pressed:{}}:ce,[s]);return l&&S(c)?E(u,{layoutSpeed:"3",layoutVariant:q,children:E(P,{type:d,className:O.button,initial:["hide",T],animate:T,variants:X,whileHover:"hover",whileTap:"pressed",...N,children:z(c,c.props,M(A,{children:[D,E("span",{className:O.content,children:c.props.children}),G]}))})}):E(u,{layoutSpeed:"3",layoutVariant:q,children:M($.button,{ref:I,type:d,className:O.button,initial:["hide",T],animate:T,variants:X,whileHover:"hover",whileTap:"pressed",...N,children:[D,E("span",{className:O.content,children:c}),G]})})});de.displayName="Button";var ue={primary:"alert",secondary:"alert-secondary"},pe=e=>"indeterminate"===e,he=e=>pe(e)?i:o,me=$.create(v),fe={layoutVariant:"smooth",layoutSpeed:"3"},be={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=V(function({id:e,checked:t,defaultChecked:a,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:c,disabled:l,required:m,hasError:f,className:v,layerClassNames:y,...g},N){const x=P(),I=e??`uds-input-${x}`,V=C(null),k=void 0!==t,[S,z]=R(k?t:a),[H,L]=R(!1),[O,A]=R(!1),W=w(()=>f?ue[r]:r,[f,r]),F=!l&&H,q=!l&&O,D=w(()=>q?.9:F?1.1:1,[q,F]),G=w(()=>S?q?"opacity-55":"opacity-100":"opacity-0",[S,q]),X=w(()=>({scale:D}),[D]),J=w(()=>O?be:fe,[O]),U=T(e=>{n?.(e),k||z(e.target.checked)},[k,n]),Q=T(()=>{L(!0)},[]),Y=T(()=>{L(!1)},[]),K=T(()=>{A(!0)},[]),Z=T(()=>{A(!1)},[]),_=e=>{V.current&&(V.current.indeterminate=pe(e))},ee=c?"always":"user",te=B()||c?"duration-0":"duration-120";j(()=>{k&&z(t)},[t,k]),j(()=>{_(S)},[S]);const ae=pe(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:W,checkboxVariantValueRoot:ae,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h({"cursor-pointer":!l,"cursor-default":l,"opacity-50":l},v,y?.root)}),checkbox:p({checkboxSizeCheckbox:s,checkboxVariantCheckbox:W,checkboxVariantValueCheckbox:ae,className:h("border","rounded-[4px]","uds-ring","uds-ring-within",te,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:p({checkboxVariantCheckboxIcon:W,checkboxVariantValueCheckboxIcon:ae,className:h("pointer-events-none",G,te,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===o?"text-start":"text-end",y?.label)},ie=i?$.label:$.div;return E(u,{reducedMotion:ee,...J,children:M(ie,{className:ne.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:Y,onTapStart:K,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[M(me,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:X,children:[E("input",{type:"checkbox",tabIndex:0,...g,ref:e=>{V.current=e,_(S),"function"==typeof N?N(e):null!==N&&(N.current=e)},id:I,disabled:l,required:m,"aria-invalid":f,checked:k?!pe(S)&&S:void 0,defaultChecked:k?void 0:a,onChange:U,className:ne.htmlCheckbox}),E(b,{name:he(S),size:"sm",className:ne.check})]}),i&&E(d,{as:"div",variant:"inherit",color:"inherit",required:m,label:i,className:ne.label})]})})});ve.displayName="Checkbox";var ye=(e,t,a="overwriteOriginal")=>{const n=Array.from(new Set([...Object.keys(e??{}),...Object.keys(t??{})]));return Object.fromEntries(n.map(n=>{const i=e?.[n],o=t?.[n];return i&&!o?[n,i]:o&&!i?[n,o]:"className"===n?[n,h(i,o)]:"keepOriginal"===a?[n,i]:[n,o]}))},ge=(e,t,a="overwriteOriginal")=>{if(!e)return t;const n=Array.from(new Set([...Object.keys(e),...Object.keys(t)]));return Object.fromEntries(n.map(n=>{const i=e[n],o=t[n];return[n,ye(i,o,a)]}))},Ne="primary",xe=V(function({size:e="md",minWidth:t,maxWidth:a=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,slotProps:d,children:u,...f},b){const v=B()||r?"duration-0":"duration-120",{className:g,...N}=d?.text??{},{className:x,...I}=d?.startIcon??{},{className:V,...C}=d?.endIcon??{},k=w(()=>({root:p({chipSizeRoot:e,className:h({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"inline-flex","items-center","focus-visible:-outline-offset-2","uds-ring",v,"transition-[background-color,outline-color,box-shadow]",l)}),text:h("truncate","whitespace-nowrap","text-center","flex-1",g),icon:p({chipSizeIcon:e})}),[l,v,s,e,g]),S=w(()=>({root:{maxWidth:`${a}px`,...t?{minWidth:`${t}px`}:{}}}),[a,t]);return E(c,{asChild:!0,ref:b,className:k.root,style:S.root,...f,children:M(o,{disabled:s,children:[n&&E(m,{icon:n,iconProps:{variant:"fill",className:h(k.icon,x),...I}}),E(y,{as:"span",color:"current",variant:"inherit",className:k.text,...N,children:u}),i&&E(m,{icon:i,iconProps:{variant:"fill",className:h(k.icon,V),...C}})]})})});xe.displayName="ChipBase";var Ie=V(function({variant:e=Ne,slotProps:t,className:a,...n},i){const o=w(()=>({root:p({chipLinkVariantRoot:e,className:a}),icon:p({chipLinkVariantIcon:e})}),[a,e]),r=ge(t,{startIcon:{className:o.icon},endIcon:{className:o.icon}});return E(xe,{as:"button",ref:i,tabIndex:0,className:o.root,slotProps:r,...n})});Ie.displayName="ChipButton";var Ve=V(function({dismissButtonAriaLabel:e,onDismiss:t,dismissIcon:i,variant:o=Ne,disabled:r,slotProps:s,className:c,...l},d){const u=w(()=>({root:p({chipDismissibleVariantRoot:o,className:c}),icon:p({chipDismissibleVariantIcon:o}),iconPressable:h("uds-chip-dismissible-button","uds-hit-target")}),[c,o]),f=T(e=>{e.stopPropagation(),t?.()},[t]),b=ge(s,{startIcon:{className:u.icon},endIcon:{className:u.icon}});return E(xe,{ref:d,disabled:r,tabIndex:-1,endIcon:t=>E(a,{"aria-label":e,className:u.iconPressable,onClick:f,disabled:r,children:E(m,{icon:i??n,iconProps:t})}),className:u.root,slotProps:b,...l})});Ve.displayName="ChipDismissible";var we=V(function({variant:e=Ne,href:t,disabled:a,slotProps:n,className:i,...o},r){const s=w(()=>({root:p({chipLinkVariantRoot:e,className:i}),icon:p({chipLinkVariantIcon:e})}),[i,e]),c=ge(n,{startIcon:{className:s.icon},endIcon:{className:s.icon}});return E(xe,{as:"a",ref:r,disabled:a,className:s.root,slotProps:c,tabIndex:0,...{...o,href:a?void 0:t}})});we.displayName="ChipLink";var Ce=V(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=Ne,slotProps:i,className:o,role:r="checkbox",...s},c){const l=w(()=>({root:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off",className:o}),icon:p({chipToggleVariantIcon:n})}),[o,e,n]),d=T(n=>{t?.(!e),a?.(n)},[e,a,t]),u=ge(i,{startIcon:{className:l.icon},endIcon:{className:l.icon}});return E(xe,{ref:c,as:"button",role:r,"aria-checked":"checkbox"===r||"switch"===r?e:void 0,onClick:d,className:l.root,slotProps:u,tabIndex:0,...s})});Ce.displayName="ChipToggle";var ke=V(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,slotProps:r,...s},c){const{anchor:l,...d}=r??{};return n?E(Ve,{ref:c,onDismiss:n,slotProps:d,...s}):i?E(Ce,{ref:c,onToggle:i,isToggled:o,slotProps:d,...s}):t?E(we,{ref:c,href:t,slotProps:d,...s,...a,...l}):E(Ie,{ref:c,onClick:e,slotProps:d,...s})});ke.displayName="Chip";var Se=V(function({variant:e,size:a,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:c,className:l,children:d,...m},f){const v=C(null);k(f,()=>v.current);const{palette:y,variant:N}=g({flatVariant:e}),x=w(()=>({button:p({buttonVariant:N,buttonPalette:y,iconButtonSize:a,className:h("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",l)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[y,N,l,o,a,i]),I=B(),V=w(()=>I?"smooth":"subtle",[I]),S=w(()=>{const{rest:e,hover:t,pressed:a}=ce;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[o]);return E(u,{layoutSpeed:"3",layoutVariant:V,reducedMotion:o?"always":"user",children:E($.button,{ref:v,type:s,className:x.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:c,...m,children:M(F,{initial:!1,mode:"popLayout",children:[i&&E($.span,{variants:oe,initial:"loading",animate:"loading",exit:"hide",children:E(b,{size:W,name:t,variant:n,color:"current",className:x.loading})},"loading"),r&&!i&&E($.span,{variants:ie,initial:"icon",animate:"icon",exit:"hide",children:d||E(b,{size:W,name:r,variant:n,color:"current",className:x.icon})},r.name)]})})})});Se.displayName="IconButton";var ze=I(N(),1),Pe=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=C(null),[i,o]=R("auto");return j(()=>{if(n.current){const e=new ResizeObserver(e=>{o(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),E(u,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:E($.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:E("div",{ref:n,children:e})})})};function Re({startIcon:e,endIcon:t,iconProps:a,children:n,size:i,isFilled:o,...r}){const s={helperText:h(p({inputSizeHelperText:i,inputVariantHelperText:"default",inputVariantValueHelperText:o?"filled":"empty"})),helperIcon:p({inputSizeHelperIcon:i,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:o?"filled":"empty"})},l={variant:"outline",...a};return M(c,{gap:"1",alignItems:"center",...r,children:[e&&E(m,{icon:e,...l,iconProps:a,className:s.helperIcon}),E("span",{className:s.helperText,children:n}),t&&E(m,{icon:t,...l,iconProps:a,className:s.helperIcon})]})}Pe.displayName="AnimateHeightChange",Re.displayName="InputHelpTextInternal";var Te=H(Re),je=H(function({helpText:e,helperTextIcon:t,spacingStart:a,spacingTop:n,size:i,isFilled:o,...r}){return e?E(v,{spacingTop:n,spacingStart:a,...r,children:E(Te,{startIcon:t,size:i,isFilled:o,children:(0,ze.default)(e)?e():e})}):null}),He=H(function({icon:e,className:t,iconProps:a}){return e?E(m,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),Le=H(function({icon:e,className:t,iconProps:a}){return e?E(m,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),Oe=V(function({id:e,label:t,type:a="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:d,width:u="full",defaultValue:m,required:f,readOnly:b,disabled:y,reduceMotion:g,onChange:N,slotProps:x,className:I,...V},w){const S=P(),z=e??`uds-input-${S}`,j=`uds-input-${z}-help-text`,{className:H,...L}=x?.input??{},{className:O,...A}=x?.inputWrapper??{},W=C(null);k(w,()=>W.current);const[$,F]=R(m??""),q=T(e=>{F(e.target.value),N?.(e)},[N]),D=B()?"smooth":"bouncy",G=g?"always":"user",X=!b&&!y,J={root:p({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:$?"filled":"empty",className:h([I,y?"opacity-50":""])}),inputWrapper:h(p({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:$?"filled":"empty"}),"min-w-[200px]",O),input:p({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:$?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:$?"filled":"empty",className:h("grow","uds-hit-target","bg-clip-text","focus:outline-none",X?"cursor-text":"cursor-not-allowed",H)}),label:h(p({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:$?"filled":"empty"})),labelRequired:p({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:$?"filled":"empty"}),startIcon:p({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:$?"filled":"empty"}),endIcon:p({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:$?"filled":"empty"})};return M(l,{width:u,className:J.root,children:[t&&M(v,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:J.label,children:[E("label",{htmlFor:z,children:(0,ze.default)(t)?t():t}),f&&E("span",{className:J.labelRequired,children:"*"})]}),M(v,{position:"relative",alignItems:"center",...A,className:J.inputWrapper,children:[E(He,{icon:i,className:J.startIcon,iconProps:x?.startIcon}),E("input",{ref:W,id:z,type:a,value:$,required:f,readOnly:b,disabled:y,"aria-describedby":j,"aria-invalid":d,onChange:q,className:J.input,...V,...L}),o&&E(c,{alignItems:"center",gap:"1",children:E(Le,{icon:o,className:J.endIcon,iconProps:x?.endIcon})})]}),E(Pe,{reduceMotion:G,layoutVariant:D,children:E(je,{id:j,helpText:r,spacingTop:"2",size:n,isFilled:!!$,helperTextIcon:s})})]})});Oe.displayName="Input";var Me=({size:e="md",isFilled:t,...a})=>{const n={root:p({inputSizeRoot:e,inputVariantRoot:"default",inputVariantValueRoot:t?"filled":"empty"})};return E(v,{asChild:!0,spacingTop:"2",className:n.root,children:E(Te,{size:e,isFilled:t,...a})})};Me.displayName="InputHelpText";var Ee=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},Ae=L(new Map),We=e=>{const t=P();return e??`uds-radio-group-${t}`},$e={primary:"alert",secondary:"alert-secondary"},Be=$.create(v),Fe={layoutVariant:"smooth",layoutSpeed:"3"},qe={layoutVariant:"veryBouncy",layoutSpeed:"4"},De=V(function({id:e,name:t,label:a,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:c,defaultChecked:l,disabled:m,hasError:f,onChange:b,onFocus:y,onBlur:g,className:N,layerClassNames:x,...I},V){const k=P(),S=e??`uds-radio-${k}`,z=C(null),{name:H,isControlled:L,checked:A,setGroupValue:W}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=O(Ae),o=i instanceof Ee,r=void 0!==a||o,s=We(e),c=w(()=>o?i:Ee.findOrCreate(i,s),[i,o,s]),[l,d]=R(c.value),u=c.name??s,p=T(e=>{c.setValue(e),r||d(e)},[r,c]);return j(()=>c.onChange(d),[c]),j(()=>{!0===a&&p(t)},[a,t,p]),j(()=>{if(o)return;const e=Ee.findOrCreate(i,u);return e.activeCount+=1,i.set(u,e),()=>{const e=i.get(u);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(u))}},[i,o,u]),{name:u,isControlled:r,checked:r&&!o?a:void 0!==l?t===l:n??!1,setGroupValue:p}})({name:t,value:s,checked:c,defaultChecked:l}),[F,q]=R(!1),[D,G]=R(!1),X=w(()=>f?$e[i]:i,[f,i]),J=w(()=>!m&&F,[m,F]),U=w(()=>!m&&!A&&D,[A,m,D]),Q=w(()=>U?.9:J?1.1:1,[J,U]),Y=w(()=>A?U?"opacity-55":"opacity-100":"opacity-0",[A,U]),K=w(()=>!m&&(U&&!A||J&&A),[A,m,J,U]),Z=w(()=>({scale:Q}),[Q]),_=w(()=>D?qe:Fe,[D]),ee=T(e=>{W(e.target.value),b?.(e)},[b,W]),te=T(e=>{y?.(e)},[y]),ae=T(e=>{g?.(e)},[g]),ne=T(()=>{q(!0)},[]),ie=T(()=>{q(!1)},[]),oe=T(()=>{G(!0)},[]),re=T(()=>{G(!1)},[]),se=r?"always":"user",ce=B()||r?"duration-0":"duration-120",le={root:p({radioSizeRoot:o,radioVariantValueRoot:A?"checked":"unchecked",radioVariantRoot:X,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:h([{"cursor-pointer":!m,"cursor-default":m,"opacity-50":m},N,x?.root])}),radio:p({radioSizeRadio:o,radioVariantRadio:X,radioVariantValueRadio:A?"checked":"unchecked",className:h(["border","uds-ring","uds-ring-within",ce,"transition-[background-color,border-color]","transition-shadow",x?.radio])}),radioCircle:p({radioVariantRadioCircle:X,radioVariantValueRadioCircle:A?"checked":"unchecked",className:h(["pointer-events-none","w-[8px]","h-[8px]",Y,ce,"transition-opacity"])}),htmlRadio:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===n?"text-start":"text-end",x?.label)},de=a?$.label:$.div;return E(u,{reducedMotion:se,..._,children:M(de,{className:le.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[M(Be,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:le.radio,animate:Z,insetShadow:K?"lg-invert":"none",children:[E("input",{type:"radio",tabIndex:0,...I,ref:e=>{z.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:te,onBlur:ae,id:S,name:H,value:s,disabled:m,"aria-invalid":f,onChange:ee,...L?{checked:A}:{defaultChecked:l},className:le.htmlRadio}),E(v,{borderRadius:"full",className:le.radioCircle})]}),a&&E(d,{as:"div",variant:"inherit",color:"inherit",label:a,className:le.label})]})})});De.displayName="Radio";var Ge=f(),Xe=class extends Ee{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},Je=V(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},r){const s=void 0!==a,c=We(t),l=w(()=>{const e=new Xe(c,s);return e.value=s?a:n,e},[n,s,c,a]);j(()=>{l.onChangeCb=i},[i,l]),j(()=>{s&&l.setValue(a,!0)},[s,l,a]),j(()=>l.onChange(e=>i?.(e)),[i,l]);const d=e?Ge:"div";return E(Ae.Provider,{value:l,children:E(d,{role:"radiogroup",ref:r,...o})})});Je.displayName="RadioGroupProvider";var Ue={md:{isOnX:20},sm:{isOnX:12}},Qe=$.create(v),Ye={layoutVariant:"bouncy",layoutSpeed:"4"},Ke=V(function({id:e,isOn:t,defaultIsOn:a,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:c,reduceMotion:l,disabled:f,required:b,onFocus:y,onBlur:g,className:N,layerClassNames:x,...I},V){const k=P(),S=e??`uds-input-${k}`,z=C(null),H=void 0!==t,[L,O]=R(H?t:a),[A,W]=R(!1),F=w(()=>!f&&A,[f,A]),{isOnX:q}=Ue[r],D=w(()=>({initial:{scale:1,x:L?q:0},animate:{scale:F?1.05:1,x:L?q:0}}),[F,L,q]),G=T(e=>{n?.(e),H||O(e.target.checked)},[H,n]),X=T(e=>{y?.(e)},[y]),J=T(e=>{g?.(e)},[g]),U=T(()=>{W(!0)},[]),Q=T(()=>{W(!1)},[]),Y=l?"always":"user",K=B()||l?"duration-0":"duration-120";j(()=>{H&&O(t)},[t,H]);const Z={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:L?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},x?.root,N)}),switch:p({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:L?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:h("uds-ring","uds-ring-within",K,"transition-[background-color,box-shadow]",x?.switch)}),handle:p({switchSizeHandle:r,className:h("relative","pointer-events-none","rounded-full","overflow-hidden",x?.handle)}),handleCircle:p({switchVariantActiveHandle:L?"on":"off",switchVariantHandle:"default",className:h("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",K,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:L?"on":"off",className:h("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",K,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===o?"text-start":"text-end",x?.label)},_=i?$.label:$.div;return E(u,{reducedMotion:Y,...Ye,children:M(_,{className:Z.root,"data-testid":"container",onHoverStart:U,onHoverEnd:Q,tabIndex:-1,children:[M(Qe,{className:Z.switch,children:[E("input",{type:"checkbox",tabIndex:0,...I,ref:e=>{z.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:X,onBlur:J,id:S,disabled:f,required:b,checked:H?L:void 0,defaultChecked:H?void 0:a,onChange:G,className:Z.htmlCheckbox,style:{}}),M(Qe,{className:Z.handle,...D,children:[E(v,{className:Z.handleCircle}),s&&E(m,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:h(Z.handleIcon,L?"opacity-100":"opacity-0")}),c&&E(m,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:h(Z.handleIcon,L?"opacity-0":"opacity-100")})]})]}),i&&E(d,{as:"div",variant:"inherit",color:"inherit",required:b,label:i,className:Z.label})]})})});Ke.displayName="Switch";export{ee as Avatar,K as AvatarIcon,_ as AvatarImage,Z as AvatarText,te as Badge,de as Button,ve as Checkbox,ke as Chip,Ie as ChipButton,Ve as ChipDismissible,we as ChipLink,Ce as ChipToggle,Se as IconButton,Oe as Input,Me as InputHelpText,De as Radio,Je as RadioGroupProvider,Ke as Switch};