@yahoo/uds 3.17.0-beta.3 → 3.17.0-beta.5

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 (56) hide show
  1. package/dist/chunk-4OQKZKM5.js +1 -0
  2. package/dist/chunk-A3B3VYP6.cjs +1 -0
  3. package/dist/{chunk-HSI5A4OJ.cjs → chunk-AIZ2OTKW.cjs} +1 -1
  4. package/dist/chunk-CJQWF4E7.cjs +1 -0
  5. package/dist/chunk-GDB25UGP.js +2 -0
  6. package/dist/chunk-GP7XCURZ.js +1 -0
  7. package/dist/{chunk-ESES7CXP.js → chunk-HN3QQ5PU.js} +1 -1
  8. package/dist/chunk-HT3GLDSF.js +2 -0
  9. package/dist/chunk-HUFHYJ5T.cjs +1 -0
  10. package/dist/chunk-LUIZSLSJ.cjs +1 -0
  11. package/dist/{chunk-I5TC35WI.cjs → chunk-MDZCXF7W.cjs} +1 -1
  12. package/dist/{chunk-OGMNTWFW.js → chunk-NAELW5O7.js} +2 -2
  13. package/dist/chunk-OJB3FVN6.js +3 -0
  14. package/dist/chunk-ON6FCSMM.js +1 -0
  15. package/dist/chunk-PN3UA6WB.cjs +1 -0
  16. package/dist/chunk-SQCEFYU5.cjs +3 -0
  17. package/dist/chunk-T7G5JTDY.js +2 -0
  18. package/dist/chunk-WGG66FKO.cjs +1 -0
  19. package/dist/chunk-XMZZKQMQ.js +1 -0
  20. package/dist/chunk-YMQMU4E2.cjs +1 -0
  21. package/dist/client/Menu.cjs +1 -1
  22. package/dist/client/Menu.js +2 -2
  23. package/dist/client/index.cjs +1 -1
  24. package/dist/client/index.js +1 -1
  25. package/dist/experimental/client/SwitchV2.cjs +1 -1
  26. package/dist/experimental/client/SwitchV2.js +2 -1
  27. package/dist/experimental/client/index.cjs +2 -2
  28. package/dist/experimental/client/index.js +2 -2
  29. package/dist/index.cjs +1 -1
  30. package/dist/index.js +1 -1
  31. package/dist/metafile-cjs.json +1 -1
  32. package/dist/metafile-esm.json +1 -1
  33. package/dist/tailwind/plugin.cjs +1 -1
  34. package/dist/tailwind/plugin.js +2 -2
  35. package/dist/tailwind/purger.cjs +1 -1
  36. package/dist/tailwind/purger.js +1 -1
  37. package/dist/tailwind/utils.cjs +1 -1
  38. package/dist/tailwind/utils.d.cts +4 -4
  39. package/dist/tailwind/utils.d.ts +4 -4
  40. package/dist/tailwind/utils.js +1 -1
  41. package/dist/tokens/automation/configs.cjs +1 -1
  42. package/dist/tokens/automation/configs.js +1 -1
  43. package/dist/tokens/automation/properties.cjs +1 -1
  44. package/dist/tokens/automation/properties.js +1 -1
  45. package/dist/tokens/index.cjs +1 -1
  46. package/dist/tokens/index.js +1 -1
  47. package/package.json +1 -1
  48. package/cli/FlattenButtonVariant.mock.tsx +0 -17
  49. package/dist/chunk-37LEXEW4.js +0 -3
  50. package/dist/chunk-6BNYCBB5.cjs +0 -1
  51. package/dist/chunk-6CS7RKHN.js +0 -2
  52. package/dist/chunk-EIQXT4KY.cjs +0 -1
  53. package/dist/chunk-M5SXYW4O.js +0 -1
  54. package/dist/chunk-RDF2NPZV.cjs +0 -1
  55. package/dist/chunk-TJZ4HVAG.cjs +0 -3
  56. package/dist/chunk-W4KK6R6C.js +0 -1
package/dist/chunk-XMZZKQMQ.js ADDED
@@ -0,0 +1 @@
1
+ import{Text as r,cx as a}from"./chunk-OJB3FVN6.js";import{isFunction as e}from"lodash-es";import{jsxs as i,jsx as t}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var l=({htmlFor:l,required:o,label:s,children:n,color:c="muted",variant:h="label3",hasError:m=!1,showRequiredAsterisk:d=!1,as:u="label",className:p,...v})=>{const b=s?e(s)?s():s:n;return b?i(r,{variant:h,color:c,as:u,htmlFor:l,className:a("cursor-[inherit]",p),...v,children:[b,o&&d&&t(r,{as:"sup",color:m?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null};export{l as FormLabel};
package/dist/chunk-YMQMU4E2.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";var r=require("./chunk-4NZKRK55.cjs");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.getMotionVar=function({variant:t,speed:e,control:n}){return`${[`--${r.MOTION_PREFIX}`,t,e,n].join("-")}`};
package/dist/client/Menu.cjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var e=require("../chunk-RDF2NPZV.cjs"),r=require("../chunk-HSI5A4OJ.cjs"),t=require("../chunk-TJZ4HVAG.cjs"),a=require("../chunk-I5TC35WI.cjs"),d=require("../chunk-NUEZVMWZ.cjs"),s=require("@ariakit/react/menu"),n=require("react"),i=require("use-sync-external-store/shim/index.js"),c=require("@yahoo/uds/fixtures"),o=require("motion/react"),u=require("react/jsx-runtime"),l=require("@ariakit/react");function x(e){return e&&e.__esModule?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var p=m(n),b=x(i),f={};function h(e){return e}function _(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}d.__export(f,{Content:()=>j,Divider:()=>k,Item:()=>E,ItemCheckbox:()=>R,Provider:()=>O,Trigger:()=>z,useMenuContext:()=>s.useMenuContext,useMenuStore:()=>s.useMenuStore,useStoreState:()=>l.useStoreState});var{useSyncExternalStore:v}=b.default;function g(e,r=h){const t=p.useCallback((r=>e?function(e,...r){if(e)return _(e,"subscribe")(...r)}(e,null,r):()=>{}),[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return v(t,a,a)}var I=o.m.create(t.VStack),y=5,S=.97,w={top:{x:0,y:y},bottom:{x:0,y:-5},left:{x:y,y:0},right:{x:-5,y:0}},C=e=>n.useMemo((()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...w[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e)),[e]),j=n.forwardRef((function({gap:e,spacing:r,spacingBottom:a,spacingEnd:d,spacingStart:i,spacingTop:l,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:y,focusable:S,children:w,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=s.useMenuContext(),R=g(E,"open"),P=g(E,"mounted"),A=g(E,"currentPlacement"),O=g(E,"placement"),[z,T]=n.useState(A),[q,B]=n.useState(A);n.useEffect((()=>{O!==q&&B(O)}),[O]),n.useEffect((()=>{A!==q&&B(A)}),[A]),n.useEffect((()=>{P&&q!==z&&T(q)}),[P,q,z]);const D=n.useMemo((()=>R&&P?"open":"closed"),[R,P]),H=n.useMemo((()=>R?_:"none"),[R,_]),W=C(q),$=(({borderRadius:e,spacing:r})=>{if(void 0===r||"0"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===r||"0.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===r||"1.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===r||"2.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===r||"3.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:p,spacing:r}),F=n.useMemo((()=>c.spacingMap[x]),[x]);return u.jsx(o.AnimatePresence,{initial:!1,children:u.jsx(s.Menu,{gutter:F,sameWidth:y,focusable:S,store:E,ref:V,portalElement:j,portal:k,...M,render:u.jsx(I,{backgroundColor:m,gap:e,spacing:r,spacingBottom:a,spacingEnd:d,spacingStart:i,spacingTop:l,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:D,variants:W,dropShadow:H,className:t.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!N&&$,v),children:w})})})})),k=n.forwardRef((function({role:r="separator",contentPosition:a="start",gap:d="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...o},l){const x={root:t.getStyles({menuDividerVariantRoot:"default",className:c}),text:t.getStyles({menuDividerVariantText:"default"}),line:t.getStyles({menuDividerVariantLine:"default"})};return u.jsx(e.DividerInternal,{ref:l,role:r,variant:"inherit",contentPosition:a,gap:d,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})}));k.displayName="MenuDivider";var N="uds-menu-item",M={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},V=n.forwardRef((function({spacing:e="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:i,spacingTop:c,spacingVertical:l="3.5",columnGap:x="2",className:m,children:p,endIcon:b,startIcon:f,hideEndIcon:h,active:_,disabled:v,as:g,rootProps:I,name:y,alignItems:S="center",justifyContent:w="space-between",layerClassNames:C,...j},k){const V=n.Children.count(p)>1,E=(({active:e,disabled:r,className:a})=>t.cx(N,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:_,disabled:v,className:m}),R=t.getStyles({className:t.cx(`${N}-content truncate`,C?.text),textAlign:"start",...V&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),P=n.useMemo((()=>({root:t.getStyles({menuSizeRoot:"default",className:t.cx(C?.root,E)}),startIcon:t.getStyles({menuSizeStartIcon:"default",className:C?.startIcon}),endIcon:t.getStyles({menuSizeEndIcon:"default",className:C?.endIcon})})),[C,E]);return u.jsx(t.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:i,spacingTop:c,spacingVertical:l,columnGap:x,className:P.root,alignItems:S,justifyContent:w,children:u.jsxs(g,{render:u.jsx(r.Pressable,{ref:k,...j}),name:y??"",disabled:v,...I,children:[u.jsxs(t.HStack,{gap:x,alignItems:"center",width:"full",children:[u.jsx(o.AnimatePresence,{initial:!1,children:f&&u.jsx(o.m.span,{variants:M,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:u.jsx(t.IconSlot,{icon:f,className:P.startIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})}),u.jsx("span",{className:R,children:p})]}),u.jsx(o.AnimatePresence,{initial:!1,mode:"popLayout",children:!h&&b&&u.jsx(o.m.span,{variants:M,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:u.jsx(t.IconSlot,{icon:b,className:P.endIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})})]})})})),E=n.forwardRef((function({active:e,...r},a){const d={root:t.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:t.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:t.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return u.jsx(V,{ref:a,as:s.MenuItem,active:e,layerClassNames:d,...r})}));E.displayName="MenuItem";var R=n.forwardRef((function({name:e,endIcon:a=r.e,checked:d,defaultChecked:i,className:c,...o},x){const m=e,p=n.useRef(!1),b=s.useMenuContext(),f=l.useStoreState(b);n.useEffect((()=>{!p.current&&void 0!==i&&b&&(b.setValues((e=>({...e,[m]:i}))),p.current=!0)}),[b,i,m]);const h=n.useMemo((()=>{if(void 0!==d)return d;if(f?.items?.length){const e=f?.items.find((e=>e.element?.name===m));if(e?.element)return e.element.checked}const e=f?.values[m];return"boolean"==typeof e?e:i??!1}),[f?.items,f?.values,m,d,i]),_=n.useCallback((e=>{void 0===d&&b?.setValues((r=>({...r,[m]:e.target.checked})))}),[m,b,d]),v={root:t.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:t.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:t.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:t.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return u.jsx(V,{ref:x,as:s.MenuItemCheckbox,hideEndIcon:!h,endIcon:a,active:h,className:t.cx("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:e,onChange:_,defaultChecked:i,checked:void 0!==d?d:void 0},...o})}));R.displayName="MenuItemCheckbox";var P=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},A=e=>{const[r,t]=n.useState(P);return n.useEffect((()=>{if(e?.explicit)return void t(e.explicit);const r=(e=>{const r=new MutationObserver((r=>{r.some((e=>"attributes"===e.type&&"dir"===e.attributeName))&&e()}));return r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),r})((()=>{t(P())}));return()=>r.disconnect()}),[e?.explicit]),r},O=function({placement:e="bottom",rtl:r,...t}){const d=A({explicit:r}),n=((e,r)=>{const t=r?.rtl;if("start"===e)return t?"right":"left";if("end"===e)return t?"left":"right";if(e?.includes("-")){const[r,a]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==a&&"bottom"!==a))return`${"start"===r?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===a?t?"end":"start":t?"start":"end"}`}return e})(e,{rtl:d});return u.jsx(a.SpringMotionConfig,{children:u.jsx(s.MenuProvider,{placement:n,rtl:d,...t})})},z=n.forwardRef((function({asChild:e,className:r,...a},d){const i=n.useRef(null),c=e?u.jsx(t.Box,{ref:i,className:"uds-ring h-fit w-fit"}):void 0,o=n.useCallback((()=>{const e=i.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()}),[i]);return u.jsx(s.MenuButton,{onFocus:o,onFocusVisible:o,ref:d,render:c,className:t.cx("uds-menu-trigger",r),...a})}));exports.Menu=f;
2
+ "use strict";var e=require("../chunk-PN3UA6WB.cjs"),r=require("../chunk-AIZ2OTKW.cjs"),t=require("../chunk-HUFHYJ5T.cjs"),a=require("../chunk-MDZCXF7W.cjs"),d=require("../chunk-SQCEFYU5.cjs"),s=require("../chunk-NUEZVMWZ.cjs"),n=require("@ariakit/react/menu"),i=require("react"),c=require("use-sync-external-store/shim/index.js"),u=require("@yahoo/uds/fixtures"),o=require("motion/react"),l=require("react/jsx-runtime"),x=require("@ariakit/react");function m(e){return e&&e.__esModule?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var b=p(i),f=m(c),h={};function _(e){return e}function v(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}s.__export(h,{Content:()=>k,Divider:()=>N,Item:()=>R,ItemCheckbox:()=>P,Provider:()=>q,Trigger:()=>z,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var{useSyncExternalStore:g}=f.default;function y(e,r=_){const t=b.useCallback((r=>e?function(e,...r){if(e)return v(e,"subscribe")(...r)}(e,null,r):()=>{}),[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return g(t,a,a)}var I=o.m.create(t.VStack),S=5,w=.97,C={top:{x:0,y:S},bottom:{x:0,y:-5},left:{x:S,y:0},right:{x:-5,y:0}},j=e=>i.useMemo((()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...C[r],opacity:0,scale:w},open:{y:0,x:0,opacity:1,scale:1}}})(e)),[e]),k=i.forwardRef((function({gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:g,focusable:S,children:w,portalElement:C,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),R=y(E,"open"),P=y(E,"mounted"),A=y(E,"currentPlacement"),O=y(E,"placement"),[q,z]=i.useState(A),[T,B]=i.useState(A);i.useEffect((()=>{O!==T&&B(O)}),[O]),i.useEffect((()=>{A!==T&&B(A)}),[A]),i.useEffect((()=>{P&&T!==q&&z(T)}),[P,T,q]);const D=i.useMemo((()=>R&&P?"open":"closed"),[R,P]),H=i.useMemo((()=>R?_:"none"),[R,_]),W=j(T),F=(({borderRadius:e,spacing:r})=>{if(void 0===r||"0"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===r||"0.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===r||"1.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===r||"2.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===r||"3.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:p,spacing:r}),$=i.useMemo((()=>u.spacingMap[x]),[x]);return l.jsx(o.AnimatePresence,{initial:!1,children:l.jsx(n.Menu,{gutter:$,sameWidth:g,focusable:S,store:E,ref:V,portalElement:C,portal:k,...M,render:l.jsx(I,{backgroundColor:m,gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:D,variants:W,dropShadow:H,className:d.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!N&&F,v),children:w})})})})),N=i.forwardRef((function({role:r="separator",contentPosition:t="start",gap:a="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...u},o){const x={root:d.getStyles({menuDividerVariantRoot:"default",className:c}),text:d.getStyles({menuDividerVariantText:"default"}),line:d.getStyles({menuDividerVariantLine:"default"})};return l.jsx(e.DividerInternal,{ref:o,role:r,variant:"inherit",contentPosition:t,gap:a,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...u,children:s})}));N.displayName="MenuDivider";var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef((function({spacing:e="0",spacingBottom:a,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:u,spacingVertical:x="3.5",columnGap:m="2",className:p,children:b,endIcon:f,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:y,rootProps:I,name:S,alignItems:w="center",justifyContent:C="space-between",layerClassNames:j,...k},N){const E=i.Children.count(b)>1,R=(({active:e,disabled:r,className:t})=>d.cx(M,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",t))({active:v,disabled:g,className:p}),P=d.getStyles({className:d.cx(`${M}-content truncate`,j?.text),textAlign:"start",...E&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),A=i.useMemo((()=>({root:d.getStyles({menuSizeRoot:"default",className:d.cx(j?.root,R)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:j?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:j?.endIcon})})),[j,R]);return l.jsx(d.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:u,spacingVertical:x,columnGap:m,className:A.root,alignItems:w,justifyContent:C,children:l.jsxs(y,{render:l.jsx(r.Pressable,{ref:N,...k}),name:S??"",disabled:g,...I,children:[l.jsxs(t.HStack,{gap:m,alignItems:"center",width:"full",children:[l.jsx(o.AnimatePresence,{initial:!1,children:h&&l.jsx(o.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:l.jsx(d.IconSlot,{icon:h,className:A.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:P,children:b})]}),l.jsx(o.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&f&&l.jsx(o.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:f,className:A.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),R=i.forwardRef((function({active:e,...r},t){const a={root:d.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:d.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:d.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return l.jsx(E,{ref:t,as:n.MenuItem,active:e,layerClassNames:a,...r})}));R.displayName="MenuItem";var P=i.forwardRef((function({name:e,endIcon:t=r.e,checked:a,defaultChecked:s,className:c,...u},o){const m=e,p=i.useRef(!1),b=n.useMenuContext(),f=x.useStoreState(b);i.useEffect((()=>{!p.current&&void 0!==s&&b&&(b.setValues((e=>({...e,[m]:s}))),p.current=!0)}),[b,s,m]);const h=i.useMemo((()=>{if(void 0!==a)return a;if(f?.items?.length){const e=f?.items.find((e=>e.element?.name===m));if(e?.element)return e.element.checked}const e=f?.values[m];return"boolean"==typeof e?e:s??!1}),[f?.items,f?.values,m,a,s]),_=i.useCallback((e=>{void 0===a&&b?.setValues((r=>({...r,[m]:e.target.checked})))}),[m,b,a]),v={root:d.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:d.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:d.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:d.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return l.jsx(E,{ref:o,as:n.MenuItemCheckbox,hideEndIcon:!h,endIcon:t,active:h,className:d.cx("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:e,onChange:_,defaultChecked:s,checked:void 0!==a?a:void 0},...u})}));P.displayName="MenuItemCheckbox";var A=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},O=e=>{const[r,t]=i.useState(A);return i.useEffect((()=>{if(e?.explicit)return void t(e.explicit);const r=(e=>{const r=new MutationObserver((r=>{r.some((e=>"attributes"===e.type&&"dir"===e.attributeName))&&e()}));return r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),r})((()=>{t(A())}));return()=>r.disconnect()}),[e?.explicit]),r},q=function({placement:e="bottom",rtl:r,...t}){const d=O({explicit:r}),s=((e,r)=>{const t=r?.rtl;if("start"===e)return t?"right":"left";if("end"===e)return t?"left":"right";if(e?.includes("-")){const[r,a]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==a&&"bottom"!==a))return`${"start"===r?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===a?t?"end":"start":t?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(a.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...t})})},z=i.forwardRef((function({asChild:e,className:r,...t},a){const s=i.useRef(null),c=e?l.jsx(d.Box,{ref:s,className:"uds-ring h-fit w-fit"}):void 0,u=i.useCallback((()=>{const e=s.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()}),[s]);return l.jsx(n.MenuButton,{onFocus:u,onFocusVisible:u,ref:a,render:c,className:d.cx("uds-menu-trigger",r),...t})}));exports.Menu=h;
package/dist/client/Menu.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import{DividerInternal as r}from"../chunk-M5SXYW4O.js";import{Pressable as e,e as a}from"../chunk-ESES7CXP.js";import{VStack as d,cx as t,getStyles as s,Box as i,HStack as n,IconSlot as c}from"../chunk-37LEXEW4.js";import{SpringMotionConfig as o}from"../chunk-OGMNTWFW.js";import{__export as u}from"../chunk-S5UKKXRV.js";import{useMenuStore as l,useMenuContext as m,Menu as x,MenuItem as p,MenuItemCheckbox as b,MenuProvider as h,MenuButton as f}from"@ariakit/react/menu";import*as _ from"react";import{forwardRef as v,useState as g,useEffect as I,useMemo as w,Children as y,useRef as C,useCallback as N}from"react";import k from"use-sync-external-store/shim/index.js";import{spacingMap as S}from"@yahoo/uds/fixtures";import{m as V,AnimatePresence as E}from"motion/react";import{jsx as j,jsxs as M}from"react/jsx-runtime";import{useStoreState as z}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
3
- var R={};function T(r){return r}function P(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}u(R,{Content:()=>F,Divider:()=>G,Item:()=>U,ItemCheckbox:()=>Y,Provider:()=>Q,Trigger:()=>Z,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>z});var{useSyncExternalStore:A}=k;function O(r,e=T){const a=_.useCallback((e=>r?function(r,...e){if(r)return P(r,"subscribe")(...e)}(r,null,e):()=>{}),[r]),d=()=>{const a="string"==typeof e?e:null,d="function"==typeof e?e:null,t=null==r?void 0:r.getState();if(d)return d(t);var s,i;if(t&&(a&&(s=t,i=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,i):Object.prototype.hasOwnProperty.call(s,i))))return t[a]};return A(a,d,d)}var W=V.create(d),B=5,D=.97,H={top:{x:0,y:B},bottom:{x:0,y:-5},left:{x:B,y:0},right:{x:-5,y:0}},$=r=>w((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...H[e],opacity:0,scale:D},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),F=v((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:s,spacingTop:i,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:l="thin",overflow:p,dropShadow:b="lg",className:h,sameWidth:f,focusable:_,children:v,portalElement:y,portal:C=!0,disableAutoBorderRadius:N,...k},V){const M=m(),z=O(M,"open"),R=O(M,"mounted"),T=O(M,"currentPlacement"),P=O(M,"placement"),[A,B]=g(T),[D,H]=g(T);I((()=>{P!==D&&H(P)}),[P]),I((()=>{T!==D&&H(T)}),[T]),I((()=>{R&&D!==A&&B(D)}),[R,D,A]);const F=w((()=>z&&R?"open":"closed"),[z,R]),G=w((()=>z?b:"none"),[z,b]),L=$(D),X=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:o,spacing:e}),K=w((()=>S[n]),[n]);return j(E,{initial:!1,children:j(x,{gutter:K,sameWidth:f,focusable:_,store:M,ref:V,portalElement:y,portal:C,...k,render:j(W,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:s,spacingTop:i,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:F,variants:L,dropShadow:G,className:t("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!N&&X,h),children:v})})})})),G=v((function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:i=(t?"2":"0"),spacingHorizontal:n=(t?"4":"0"),className:c,...o},u){const l={root:s({menuDividerVariantRoot:"default",className:c}),text:s({menuDividerVariantText:"default"}),line:s({menuDividerVariantLine:"default"})};return j(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:i,spacingHorizontal:n,className:l.root,layerClassNames:l,...o,children:t})}));G.displayName="MenuDivider";var L="uds-menu-item",X={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},K=v((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:o="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:b,endIcon:h,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:C,name:N,alignItems:k="center",justifyContent:S="space-between",layerClassNames:z,...R},T){const P=y.count(b)>1,A=(({active:r,disabled:e,className:a})=>t(L,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),O=s({className:t(`${L}-content truncate`,z?.text),textAlign:"start",...P&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),W=w((()=>({root:s({menuSizeRoot:"default",className:t(z?.root,A)}),startIcon:s({menuSizeStartIcon:"default",className:z?.startIcon}),endIcon:s({menuSizeEndIcon:"default",className:z?.endIcon})})),[z,A]);return j(i,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:o,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:W.root,alignItems:k,justifyContent:S,children:M(I,{render:j(e,{ref:T,...R}),name:N??"",disabled:g,...C,children:[M(n,{gap:x,alignItems:"center",width:"full",children:[j(E,{initial:!1,children:f&&j(V.span,{variants:X,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:j(c,{icon:f,className:W.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),j("span",{className:O,children:b})]}),j(E,{initial:!1,mode:"popLayout",children:!_&&h&&j(V.span,{variants:X,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:j(c,{icon:h,className:W.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),U=v((function({active:r,...e},a){const d={root:s({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:s({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:s({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return j(K,{ref:a,as:p,active:r,layerClassNames:d,...e})}));U.displayName="MenuItem";var Y=v((function({name:r,endIcon:e=a,checked:d,defaultChecked:i,className:n,...c},o){const u=r,l=C(!1),x=m(),p=z(x);I((()=>{!l.current&&void 0!==i&&x&&(x.setValues((r=>({...r,[u]:i}))),l.current=!0)}),[x,i,u]);const h=w((()=>{if(void 0!==d)return d;if(p?.items?.length){const r=p?.items.find((r=>r.element?.name===u));if(r?.element)return r.element.checked}const r=p?.values[u];return"boolean"==typeof r?r:i??!1}),[p?.items,p?.values,u,d,i]),f=N((r=>{void 0===d&&x?.setValues((e=>({...e,[u]:r.target.checked})))}),[u,x,d]),_={root:s({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:s({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:s({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:s({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return j(K,{ref:o,as:b,hideEndIcon:!h,endIcon:e,active:h,className:t("uds-menu-item-checkbox",n),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:i,checked:void 0!==d?d:void 0},...c})}));Y.displayName="MenuItemCheckbox";var q=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},J=r=>{const[e,a]=g(q);return I((()=>{if(r?.explicit)return void a(r.explicit);const e=(r=>{const e=new MutationObserver((e=>{e.some((r=>"attributes"===r.type&&"dir"===r.attributeName))&&r()}));return e.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),e})((()=>{a(q())}));return()=>e.disconnect()}),[r?.explicit]),e},Q=function({placement:r="bottom",rtl:e,...a}){const d=J({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return j(o,{children:j(h,{placement:t,rtl:d,...a})})},Z=v((function({asChild:r,className:e,...a},d){const s=C(null),n=r?j(i,{ref:s,className:"uds-ring h-fit w-fit"}):void 0,c=N((()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[s]);return j(f,{onFocus:c,onFocusVisible:c,ref:d,render:n,className:t("uds-menu-trigger",e),...a})}));export{R as Menu};
2
+ import{DividerInternal as r}from"../chunk-ON6FCSMM.js";import{Pressable as e,e as a}from"../chunk-HN3QQ5PU.js";import{VStack as d,HStack as t}from"../chunk-4OQKZKM5.js";import{SpringMotionConfig as s}from"../chunk-NAELW5O7.js";import{cx as i,getStyles as n,Box as c,IconSlot as o}from"../chunk-OJB3FVN6.js";import{__export as u}from"../chunk-S5UKKXRV.js";import{useMenuStore as l,useMenuContext as m,Menu as x,MenuItem as p,MenuItemCheckbox as b,MenuProvider as h,MenuButton as f}from"@ariakit/react/menu";import*as _ from"react";import{forwardRef as v,useState as g,useEffect as I,useMemo as w,Children as y,useRef as N,useCallback as C}from"react";import k from"use-sync-external-store/shim/index.js";import{spacingMap as V}from"@yahoo/uds/fixtures";import{m as S,AnimatePresence as E}from"motion/react";import{jsx as j,jsxs as M}from"react/jsx-runtime";import{useStoreState as z}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
3
+ var R={};function O(r){return r}function P(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}u(R,{Content:()=>$,Divider:()=>K,Item:()=>U,ItemCheckbox:()=>J,Provider:()=>q,Trigger:()=>Y,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>z});var{useSyncExternalStore:T}=k;function A(r,e=O){const a=_.useCallback((e=>r?function(r,...e){if(r)return P(r,"subscribe")(...e)}(r,null,e):()=>{}),[r]),d=()=>{const a="string"==typeof e?e:null,d="function"==typeof e?e:null,t=null==r?void 0:r.getState();if(d)return d(t);var s,i;if(t&&(a&&(s=t,i=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,i):Object.prototype.hasOwnProperty.call(s,i))))return t[a]};return T(a,d,d)}var B=S.create(d),H=5,D=.97,F={top:{x:0,y:H},bottom:{x:0,y:-5},left:{x:H,y:0},right:{x:-5,y:0}},W=r=>w((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...F[e],opacity:0,scale:D},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),$=v((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:l="thin",overflow:p,dropShadow:b="lg",className:h,sameWidth:f,focusable:_,children:v,portalElement:y,portal:N=!0,disableAutoBorderRadius:C,...k},S){const M=m(),z=A(M,"open"),R=A(M,"mounted"),O=A(M,"currentPlacement"),P=A(M,"placement"),[T,H]=g(O),[D,F]=g(O);I((()=>{P!==D&&F(P)}),[P]),I((()=>{O!==D&&F(O)}),[O]),I((()=>{R&&D!==T&&H(D)}),[R,D,T]);const $=w((()=>z&&R?"open":"closed"),[z,R]),K=w((()=>z?b:"none"),[z,b]),L=W(D),G=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:o,spacing:e}),Q=w((()=>V[n]),[n]);return j(E,{initial:!1,children:j(x,{gutter:Q,sameWidth:f,focusable:_,store:M,ref:S,portalElement:y,portal:N,...k,render:j(B,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:$,variants:L,dropShadow:K,className:i("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!C&&G,h),children:v})})})})),K=v((function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:s=(t?"2":"0"),spacingHorizontal:i=(t?"4":"0"),className:c,...o},u){const l={root:n({menuDividerVariantRoot:"default",className:c}),text:n({menuDividerVariantText:"default"}),line:n({menuDividerVariantLine:"default"})};return j(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:i,className:l.root,layerClassNames:l,...o,children:t})}));K.displayName="MenuDivider";var L="uds-menu-item",G={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},Q=v((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:b,endIcon:h,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:N,name:C,alignItems:k="center",justifyContent:V="space-between",layerClassNames:z,...R},O){const P=y.count(b)>1,T=(({active:r,disabled:e,className:a})=>i(L,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),A=n({className:i(`${L}-content truncate`,z?.text),textAlign:"start",...P&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),B=w((()=>({root:n({menuSizeRoot:"default",className:i(z?.root,T)}),startIcon:n({menuSizeStartIcon:"default",className:z?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:z?.endIcon})})),[z,T]);return j(c,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:B.root,alignItems:k,justifyContent:V,children:M(I,{render:j(e,{ref:O,...R}),name:C??"",disabled:g,...N,children:[M(t,{gap:x,alignItems:"center",width:"full",children:[j(E,{initial:!1,children:f&&j(S.span,{variants:G,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:j(o,{icon:f,className:B.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),j("span",{className:A,children:b})]}),j(E,{initial:!1,mode:"popLayout",children:!_&&h&&j(S.span,{variants:G,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:j(o,{icon:h,className:B.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),U=v((function({active:r,...e},a){const d={root:n({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:n({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:n({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return j(Q,{ref:a,as:p,active:r,layerClassNames:d,...e})}));U.displayName="MenuItem";var J=v((function({name:r,endIcon:e=a,checked:d,defaultChecked:t,className:s,...c},o){const u=r,l=N(!1),x=m(),p=z(x);I((()=>{!l.current&&void 0!==t&&x&&(x.setValues((r=>({...r,[u]:t}))),l.current=!0)}),[x,t,u]);const h=w((()=>{if(void 0!==d)return d;if(p?.items?.length){const r=p?.items.find((r=>r.element?.name===u));if(r?.element)return r.element.checked}const r=p?.values[u];return"boolean"==typeof r?r:t??!1}),[p?.items,p?.values,u,d,t]),f=C((r=>{void 0===d&&x?.setValues((e=>({...e,[u]:r.target.checked})))}),[u,x,d]),_={root:n({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:n({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:n({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:n({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return j(Q,{ref:o,as:b,hideEndIcon:!h,endIcon:e,active:h,className:i("uds-menu-item-checkbox",s),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:t,checked:void 0!==d?d:void 0},...c})}));J.displayName="MenuItemCheckbox";var X=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},Z=r=>{const[e,a]=g(X);return I((()=>{if(r?.explicit)return void a(r.explicit);const e=(r=>{const e=new MutationObserver((e=>{e.some((r=>"attributes"===r.type&&"dir"===r.attributeName))&&r()}));return e.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),e})((()=>{a(X())}));return()=>e.disconnect()}),[r?.explicit]),e},q=function({placement:r="bottom",rtl:e,...a}){const d=Z({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return j(s,{children:j(h,{placement:t,rtl:d,...a})})},Y=v((function({asChild:r,className:e,...a},d){const t=N(null),s=r?j(c,{ref:t,className:"uds-ring h-fit w-fit"}):void 0,n=C((()=>{const r=t.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[t]);return j(f,{onFocus:n,onFocusVisible:n,ref:d,render:s,className:i("uds-menu-trigger",e),...a})}));export{R as Menu};
package/dist/client/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var e=require("../chunk-6BNYCBB5.cjs"),t=require("../chunk-HSI5A4OJ.cjs"),a=require("../chunk-TJZ4HVAG.cjs"),n=require("../chunk-I5TC35WI.cjs"),i=require("../chunk-EIQXT4KY.cjs"),o=require("../chunk-4NZKRK55.cjs"),s=require("react"),r=require("react/jsx-runtime"),l=require("@yahoo/uds/fixtures"),c=require("motion/react"),d=require("lodash-es"),u=require("motion/react-m"),p=require("@yahoo/uds/client/Menu");function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var m=h(u),x={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("")},f=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof t?t(e):x[t](a)},g=(e="md")=>a.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),b=e=>e?{height:e,width:e}:{},y="primary",v="md",S={primary:t.e2,secondary:t.t},C=({size:e=v,variant:t=y,customSize:n,icon:i,className:o})=>{const l=s.useMemo((()=>b(n)),[n]),c=s.useMemo((()=>a.cx(g(e),a.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),o)),[o,e,t]),d=s.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),u=s.useMemo((()=>({...l,boxSizing:"content-box"})),[l]),p=s.useMemo((()=>i??S[t??"primary"]),[i,t]),h=s.useMemo((()=>a.getStyles({avatarSizeIcon:e})),[e]);return r.jsx(a.Box,{className:c,style:l,children:r.jsx(a.Box,{className:d,style:u,children:r.jsx(a.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */C.displayName="AvatarIcon";var I=({size:e=v,variant:t=y,name:n,initials:i,customSize:o,abbreviationStrategy:l,className:c})=>{const d=s.useMemo((()=>a.cx(g(e),a.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",c)),[c,e,t]),u=s.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),p=s.useMemo((()=>b(o)),[o]),h=s.useMemo((()=>({...p,boxSizing:"content-box"})),[p]);return r.jsx(a.Box,{className:d,style:p,children:r.jsx(a.Text,{color:"inherit",variant:"inherit",className:u,style:h,"data-testid":"avatar-text",children:i||f(n,l)})})};I.displayName="AvatarText";var N=({size:t=v,variant:n=y,src:i,srcSet:o,customSize:l,alt:c,imageProps:d,abbreviationStrategy:u,fallback:p,className:h})=>{const[m,x]=s.useState("loading");s.useEffect((()=>{let e=!0;if(i||o){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},i&&(t.src=i),o&&(t.srcset=o)}else x("error");return()=>{e=!1}}),[i,o]);const f=s.useMemo((()=>a.cx(g(t),a.getStyles({avatarImageVariantRoot:n,overflow:"hidden"}),h)),[h,t,n]),S=s.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),N=s.useMemo((()=>b(l)),[l]),j=s.useMemo((()=>({...N,boxSizing:"content-box"})),[N]);if("loaded"===m)return r.jsx(a.Box,{className:f,style:N,children:r.jsx(e.Image,{src:i,srcSet:o,alt:c,className:S,style:j,...d})});const k={size:t,customSize:l,variant:n};return p||c?r.jsx(I,{name:c,initials:p,abbreviationStrategy:u,...k}):r.jsx(C,{...k})};N.displayName="AvatarImage";var j=e=>r.jsx(N,{...e});j.displayName="Avatar";var k=s.forwardRef((function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:o,endIcon:l,backgroundColor:c,color:d,iconColor:u,borderColor:p,children:h,className:m,...x},f){const g=a.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:a.cx(["uds-badge","uds-badge-variant","uds-badge-size",m])}),b=a.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:a.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),y=s.useMemo((()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...c?{backgroundColor:c}:{},...p?{borderColor:p}:{},...d?{color:d}:{}})),[c,p,d,i,n]),v=s.useMemo((()=>({variant:"fill",style:{...u?{color:u}:{}}})),[u]);return r.jsxs(a.HStack,{ref:f,gap:"2",display:"inline-flex",alignItems:"center",className:g,style:y,...x,children:[o&&r.jsx(a.IconSlot,{icon:o,iconProps:v,"data-testid":"start-icon",className:b}),r.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:h}),l&&r.jsx(a.IconSlot,{icon:l,iconProps:v,"data-testid":"end-icon",className:b})]})}));k.displayName="Badge";var w={scale:.7,opacity:0},V={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},M={icon:V,hide:w,loading:w},R={loading:V,hide:w,icon:w},z=`var(${o.BUTTON_CSS_VAR_MAP.columnGap})`,T=`var(${o.BUTTON_CSS_VAR_MAP.iconSize})`,P={rest:{scale:`var(${o.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${o.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${o.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:z}},B={hide:{width:"0px",opacity:0,display:"none"},loading:{width:T,display:"flex",opacity:1},icon:{width:T,display:"flex",opacity:1}},A=s.forwardRef((function({variant:e,size:o,startIcon:d,endIcon:u,iconVariant:p,loading:h,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=s.useRef(null);s.useImperativeHandle(S,(()=>C.current));const I=s.useMemo((()=>a.createSlot()),[]),N=s.useMemo((()=>c.m.create(I)),[I]),j=u?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:d,endIcon:u,loading:h}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:d}),{palette:V,variant:z}=s.useMemo((()=>i.parseDeprecatedButtonPaletteVariant({flatVariant:e})),[e]),T=s.useMemo((()=>({button:a.getStyles({width:y,buttonSize:o,buttonVariant:z,buttonPalette:V,className:a.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",b)}),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,o,z,V,b,h,m,k]),A=c.useReducedMotion()?"smooth":"subtle",E=s.useMemo((()=>r.jsx(c.m.span,{className:T.iconContainer,initial:!1,variants:B,animate:w,children:r.jsxs(c.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&r.jsx(c.m.span,{variants:R,initial:"hide",animate:"loading",exit:"hide",children:r.jsx(a.Icon,{size:l.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:T.loading})},"loading"),d&&!h&&r.jsx(c.m.span,{variants:M,initial:"hide",animate:"icon",exit:"hide",children:r.jsx(a.IconSlot,{className:T.start,icon:d,iconProps:{size:l.buttonIconSvgSize,variant:p,color:"current"}})})]})})),[T.iconContainer,T.loading,T.start,w,h,p,d]),O=s.useMemo((()=>r.jsx(c.m.span,{className:T.iconContainer,initial:!1,variants:B,animate:j,children:r.jsx(c.AnimatePresence,{initial:!1,mode:"popLayout",children:u&&r.jsx(c.m.span,{variants:M,initial:"hide",animate:"icon",exit:"hide",children:r.jsx(a.IconSlot,{className:T.end,icon:u,iconProps:{size:l.buttonIconSvgSize,variant:p,color:"current"}})})})})),[T.iconContainer,T.end,u,j,p]),q=s.useMemo((()=>m?{...P,rest:{},hover:{},pressed:{}}:P),[m]);return f&&s.isValidElement(x)?r.jsx(n.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:A,children:r.jsx(N,{type:g,className:T.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:s.cloneElement(x,x.props,r.jsxs(r.Fragment,{children:[E,r.jsx("span",{className:T.content,children:x.props.children}),O]}))})}):r.jsx(n.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:A,children:r.jsxs(c.m.button,{ref:C,type:g,className:T.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:[E,r.jsx("span",{className:T.content,children:x}),O]})})})),E={primary:"alert",secondary:"alert-secondary"},O=e=>"indeterminate"===e,q=e=>O(e)?t.o:t.e,H=c.m.create(a.Box),L={layoutVariant:"smooth",layoutSpeed:"3"},$={layoutVariant:"veryBouncy",layoutSpeed:"4"},_=s.forwardRef((function({id:t,checked:i,defaultChecked:o,onChange:l,label:d,labelPosition:u="start",variant:p="primary",size:h="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=s.useId(),I=t??`uds-input-${C}`,N=s.useRef(null),j=void 0!==i,[k,w]=s.useState(j?i:o),[V,M]=s.useState(!1),[R,z]=s.useState(!1),T=s.useMemo((()=>g?E[p]:p),[g,p]),P=!x&&V,B=!x&&R,A=s.useMemo((()=>B?.9:P?1.1:1),[B,P]),_=s.useMemo((()=>k?B?"opacity-55":"opacity-100":"opacity-0"),[k,B]),F=s.useMemo((()=>({scale:A})),[A]),W=s.useMemo((()=>R?$:L),[R]),D=s.useCallback((e=>{l?.(e),j||w(e.target.checked)}),[j,l]),G=s.useCallback((()=>{M(!0)}),[]),U=s.useCallback((()=>{M(!1)}),[]),X=s.useCallback((()=>{z(!0)}),[]),K=s.useCallback((()=>{z(!1)}),[]),J=e=>{N.current&&(N.current.indeterminate=O(e))},Y=m?"always":"user",Z=c.useReducedMotion()||m?"duration-0":"duration-120";s.useEffect((()=>{j&&w(i)}),[i,j]),s.useEffect((()=>{J(k)}),[k]);const Q=O(k)?"indeterminate":k?"checked":"unchecked",ee={root:a.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,checkboxVariantValueRoot:Q,display:"flex",flexDirection:"start"===u?"row":"row-reverse",alignItems:"center",className:a.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:a.getStyles({checkboxSizeCheckbox:h,checkboxVariantCheckbox:T,checkboxVariantValueCheckbox:Q,className:a.cx("border","rounded-[4px]","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:a.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:Q,className:a.cx("pointer-events-none",_,Z,"transition-opacity")}),htmlCheckbox:a.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:a.cx("start"===u?"text-start":"text-end",y?.label)},te=d?c.m.label:c.m.div;return r.jsx(n.SpringMotionConfig,{reducedMotion:Y,...W,children:r.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:X,onTap:K,onTapCancel:K,tabIndex:-1,children:[r.jsxs(H,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:F,children:[r.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,J(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!O(k)&&k:void 0,defaultChecked:j?void 0:o,onChange:D,className:ee.htmlCheckbox}),r.jsx(a.Icon,{name:q(k),size:"sm",className:ee.check})]}),d&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:d,className:ee.label})]})})}));_.displayName="Checkbox";var F="primary",W=s.forwardRef((function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,as:l="div",reduceMotion:d,disabled:u=!1,className:p,layerClassNames:h,children:m,...x},f){const g=c.useReducedMotion()||d?"duration-0":"duration-120",b=s.useMemo((()=>({root:a.getStyles({chipSizeRoot:e,className:a.cx({"pointer-events-none":u,"cursor-default":u,"opacity-50":u},"focus-visible:-outline-offset-2","uds-ring",g,"transition-[background-color,outline-color,box-shadow]",h?.root,p)}),icon:a.getStyles({chipSizeIcon:e,className:h?.icon})})),[p,g,u,h?.icon,h?.root,e]);return r.jsx(a.HStack,{asChild:!0,ref:f,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:b.root,...x,children:r.jsxs(l,{disabled:u,children:[i&&r.jsx(a.IconSlot,{icon:i,iconProps:{variant:"fill",className:b.icon},"data-testid":"start-icon"}),r.jsx(a.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:m}),o&&r.jsx(a.IconSlot,{icon:o,iconProps:{variant:"fill",className:b.icon},"data-testid":"end-icon"})]})})}));W.displayName="ChipBase";var D=s.forwardRef((function({variant:e=F,...t},n){const i=s.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return r.jsx(W,{as:"button",ref:n,variant:e,layerClassNames:i,...t})}));D.displayName="ChipButton";var G=s.forwardRef((function({dismissButtonAriaLabel:e,onDismiss:n,dismissIcon:i,variant:o=F,disabled:l,...c},d){const u=s.useMemo((()=>({root:a.getStyles({chipDismissibleVariantRoot:o}),icon:a.getStyles({chipDismissibleVariantIcon:o})})),[o]),p=s.useCallback((e=>{e.stopPropagation(),n?.()}),[n]),h={icon:a.cx("uds-chip-dismissible-button","uds-hit-target")};return r.jsx(W,{ref:d,variant:o,disabled:l,tabIndex:-1,endIcon:n=>r.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:l,children:r.jsx(a.IconSlot,{icon:i??t.a,iconProps:n,"data-testid":"dismiss-icon"})}),layerClassNames:u,...c})}));G.displayName="ChipDismissible";var U=s.forwardRef((function({variant:e=F,href:t,disabled:n,...i},o){const l=s.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return r.jsx(W,{as:"a",ref:o,variant:e,disabled:n,layerClassNames:l,...{...i,href:n?void 0:t}})}));U.displayName="ChipLink";var X=s.forwardRef((function({isToggled:e=!1,onToggle:t,onClick:n,variant:i=F,...o},l){const c=s.useMemo((()=>({root:a.getStyles({chipToggleVariantRoot:i,chipToggleVariantActiveRoot:e?"on":"off"}),icon:a.getStyles({chipToggleVariantIcon:i})})),[e,i]),d=s.useCallback((a=>{t?.(!e),n?.(a)}),[e,n,t]);return r.jsx(W,{ref:l,as:"button",variant:i,onClick:d,"aria-pressed":e,layerClassNames:c,...o})}));X.displayName="ChipToggle";var K=s.forwardRef((function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},l){return n?r.jsx(G,{ref:l,onDismiss:n,...s}):i?r.jsx(X,{ref:l,onToggle:i,isToggled:o,...s}):t?r.jsx(U,{ref:l,href:t,...s,...a}):r.jsx(D,{ref:l,onClick:e,...s})}));K.displayName="Chip";var J=s.forwardRef((function({variant:e,size:o,iconVariant:d,loading:u,disableEffects:p,name:h,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=s.useRef(null);s.useImperativeHandle(y,(()=>v.current));const{palette:S,variant:C}=i.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=s.useMemo((()=>({button:a.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:o,className:a.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",u&&"uds-button-loading",p&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[S,C,f,p,o,u]),N=c.useReducedMotion(),j=s.useMemo((()=>N?"smooth":"subtle"),[N]),k=s.useMemo((()=>{const{rest:e,hover:t,pressed:a}=P;return p?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}}),[p]);return r.jsx(n.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:p?"always":"user",children:r.jsx(c.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:r.jsxs(c.AnimatePresence,{initial:!1,mode:"popLayout",children:[u&&r.jsx(c.m.span,{variants:R,initial:"loading",animate:"loading",exit:"hide",children:r.jsx(a.Icon,{size:l.buttonIconSvgSize,name:t.o2,variant:d,color:"current",className:I.loading})},"loading"),h&&!u&&r.jsx(c.m.span,{variants:M,initial:"icon",animate:"icon",exit:"hide",children:g||r.jsx(a.Icon,{size:l.buttonIconSvgSize,name:h,variant:d,color:"current",className:I.icon})},h.name)]})})})})),Y=({children:e,reduceMotion:t,layoutVariant:a})=>{const i=s.useRef(null),[o,l]=s.useState("auto");return s.useEffect((()=>{if(i.current){const e=new ResizeObserver((e=>{l(e[0].contentRect.height)}));return e.observe(i.current),()=>{e.disconnect()}}}),[]),r.jsx(n.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:r.jsx(c.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:r.jsx("div",{ref:i,children:e})})})},Z=s.memo((function({helpText:t,helperTextIcon:n,spacingStart:i,spacingTop:o,size:s,isFilled:l,...c}){return t?r.jsx(a.Box,{spacingTop:o,spacingStart:i,...c,children:r.jsx(e.InputHelpTextMemo,{startIcon:n,size:s,isFilled:l,children:d.isFunction(t)?t():t})}):null})),Q=s.memo((function({icon:e,className:t}){return e?r.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null})),ee=s.memo((function({icon:e,className:t}){if(!e)return null;return r.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})})),te=s.forwardRef((function({id:e,label:t,type:n="text",size:i="md",startIcon:o,endIcon:l,helpText:u,helperTextIcon:p,hasError:h,width:m="full",defaultValue:x,required:f,readOnly:g,disabled:b,reduceMotion:y,onChange:v,className:S,...C},I){const N=s.useId(),j=e??`uds-input-${N}`,k=`uds-input-${j}-help-text`,w=s.useRef(null);s.useImperativeHandle(I,(()=>w.current));const[V,M]=s.useState(x??""),R=s.useCallback((e=>{M(e.target.value),v?.(e)}),[v]),z=c.useReducedMotion()?"smooth":"bouncy",T=y?"always":"user",P=!g&&!b,B={root:a.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:V?"filled":"empty",className:a.cx([S,b?"opacity-50":""])}),inputWrapper:a.cx(a.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:V?"filled":"empty"}),"min-w-[200px]"),input:a.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:V?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:V?"filled":"empty",className:a.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",P?"cursor-text":"cursor-not-allowed")}),label:a.cx(a.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:V?"filled":"empty"})),labelRequired:a.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:V?"filled":"empty"}),startIcon:a.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:V?"filled":"empty"}),endIcon:a.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:V?"filled":"empty"})};return r.jsxs(a.VStack,{width:m,className:B.root,children:[t&&r.jsxs(a.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[r.jsx("label",{htmlFor:j,children:d.isFunction(t)?t():t}),f&&r.jsx("span",{className:B.labelRequired,children:"*"})]}),r.jsxs(a.Box,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[r.jsx(Q,{icon:o,className:B.startIcon}),r.jsx("input",{ref:w,id:j,type:n,value:V,required:f,readOnly:g,disabled:b,"aria-describedby":k,"aria-invalid":h,onChange:R,className:B.input,...C}),l&&r.jsx(a.HStack,{alignItems:"center",gap:"1",children:r.jsx(ee,{icon:l,className:B.endIcon})})]}),r.jsx(Y,{reduceMotion:T,layoutVariant:z,children:r.jsx(Z,{id:k,helpText:u,spacingTop:"2",size:i,isFilled:!!V,helperTextIcon:p})})]})}));te.displayName="Input";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}},ne=s.createContext(new Map),ie=e=>{const t=s.useId();return e??`uds-radio-group-${t}`},oe={primary:"alert",secondary:"alert-secondary"},se=c.m.create(a.Box),re={layoutVariant:"smooth",layoutSpeed:"3"},le={layoutVariant:"veryBouncy",layoutSpeed:"4"},ce=s.forwardRef((function({id:t,name:i,label:o,labelPosition:l="start",variant:d="primary",size:u="md",reduceMotion:p,value:h="",checked:m,defaultChecked:x,disabled:f,hasError:g,onChange:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=s.useId(),k=t??`uds-radio-${j}`,w=s.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=s.useContext(ne),o=i instanceof ae,r=void 0!==a||o,l=ie(e),c=s.useMemo((()=>o?i:ae.findOrCreate(i,l)),[i,o,l]),[d,u]=s.useState(c.value),p=c.name??l,h=s.useCallback((e=>{c.setValue(e),r||u(e)}),[r,c]);return s.useEffect((()=>c.onChange(u)),[c]),s.useEffect((()=>{!0===a&&h(t)}),[a,t,h]),s.useEffect((()=>{if(o)return;const e=ae.findOrCreate(i,p);return e.activeCount+=1,i.set(p,e),()=>{const e=i.get(p);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(p))}}),[i,o,p]),{name:p,isControlled:r,checked:r&&!o?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:i,value:h,checked:m,defaultChecked:x}),[T,P]=s.useState(!1),[B,A]=s.useState(!1),E=s.useMemo((()=>g?oe[d]:d),[g,d]),O=s.useMemo((()=>!f&&T),[f,T]),q=s.useMemo((()=>!f&&!R&&B),[R,f,B]),H=s.useMemo((()=>q?.9:O?1.1:1),[O,q]),L=s.useMemo((()=>R?q?"opacity-55":"opacity-100":"opacity-0"),[R,q]),$=s.useMemo((()=>!f&&(q&&!R||O&&R)),[R,f,O,q]),_=s.useMemo((()=>({scale:H})),[H]),F=s.useMemo((()=>B?le:re),[B]),W=s.useCallback((e=>{z(e.target.value),b?.(e)}),[b,z]),D=s.useCallback((e=>{y?.(e)}),[y]),G=s.useCallback((e=>{v?.(e)}),[v]),U=s.useCallback((()=>{P(!0)}),[]),X=s.useCallback((()=>{P(!1)}),[]),K=s.useCallback((()=>{A(!0)}),[]),J=s.useCallback((()=>{A(!1)}),[]),Y=p?"always":"user",Z=c.useReducedMotion()||p?"duration-0":"duration-120",Q={root:a.getStyles({radioSizeRoot:u,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===l?"row":"row-reverse",alignItems:"center",className:a.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:a.getStyles({radioSizeRadio:u,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:a.cx(["border","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:a.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:a.cx(["pointer-events-none","w-[8px]","h-[8px]",L,Z,"transition-opacity"])}),htmlRadio:a.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:a.cx("start"===l?"text-start":"text-end",C?.label)},ee=o?c.m.label:c.m.div;return r.jsx(n.SpringMotionConfig,{reducedMotion:Y,...F,children:r.jsxs(ee,{className:Q.root,"data-testid":"container",onHoverStart:U,onHoverEnd:X,onTapStart:K,onTap:J,onTapCancel:J,tabIndex:-1,children:[r.jsxs(se,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Q.radio,animate:_,insetShadow:$?"lg-invert":"none",children:[r.jsx("input",{type:"radio",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:W,...M?{checked:R}:{defaultChecked:x},className:Q.htmlRadio}),r.jsx(a.Box,{borderRadius:"full",className:Q.radioCircle})]}),o&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:o,className:Q.label})]})})}));ce.displayName="Radio";var de=a.createSlot(),ue=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)}},pe=s.forwardRef((function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},l){const c=void 0!==a,d=ie(t),u=s.useMemo((()=>{const e=new ue(d,c);return e.value=c?a:n,e}),[n,c,d,a]);s.useEffect((()=>{u.onChangeCb=i}),[i,u]),s.useEffect((()=>{c&&u.setValue(a,!0)}),[c,u,a]),s.useEffect((()=>u.onChange((e=>i?.(e)))),[i,u]);const p=e?de:"div";return r.jsx(ne.Provider,{value:u,children:r.jsx(p,{role:"radiogroup",ref:l,...o})})}));pe.displayName="RadioGroupProvider";var he={md:{isOnX:20},sm:{isOnX:12}},me=m.create(a.Box),xe={layoutVariant:"bouncy",layoutSpeed:"4"},fe=s.forwardRef((function({id:t,isOn:i,defaultIsOn:o,onChange:l,label:d,labelPosition:u="start",size:p="md",onIcon:h,offIcon:x,reduceMotion:f,disabled:g,required:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=s.useId(),k=t??`uds-input-${j}`,w=s.useRef(null),V=void 0!==i,[M,R]=s.useState(V?i:o),[z,T]=s.useState(!1),P=s.useMemo((()=>!g&&z),[g,z]),{isOnX:B}=he[p],A=s.useMemo((()=>({initial:{scale:1,x:M?B:0},animate:{scale:P?1.05:1,x:M?B:0}})),[P,M,B]),E=s.useCallback((e=>{l?.(e),V||R(e.target.checked)}),[V,l]),O=s.useCallback((e=>{y?.(e)}),[y]),q=s.useCallback((e=>{v?.(e)}),[v]),H=s.useCallback((()=>{T(!0)}),[]),L=s.useCallback((()=>{T(!1)}),[]),$=f?"always":"user",_=c.useReducedMotion()||f?"duration-0":"duration-120";s.useEffect((()=>{V&&R(i)}),[i,V]);const F={root:a.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:M?"on":"off",display:"flex",flexDirection:"start"===u?"row":"row-reverse",alignItems:"center",className:a.cx("group",{"cursor-pointer":!g,"cursor-default":g,"opacity-50":g},C?.root,S)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:M?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:a.cx("uds-ring","uds-ring-within",_,"transition-[background-color,box-shadow]",C?.switch)}),handle:a.getStyles({switchSizeHandle:p,className:a.cx("relative","pointer-events-none","rounded-full","overflow-hidden",C?.handle)}),handleCircle:a.getStyles({switchVariantActiveHandle:M?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",_,"transition-[background-color,box-shadow,opacity]")}),handleIcon:a.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:M?"on":"off",className:a.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",_,"transition-opacity")}),htmlCheckbox:a.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:a.cx("start"===u?"text-start":"text-end",C?.label)},W=d?m.label:m.div;return r.jsx(n.SpringMotionConfig,{reducedMotion:$,...xe,children:r.jsxs(W,{className:F.root,"data-testid":"container",onHoverStart:H,onHoverEnd:L,tabIndex:-1,children:[r.jsxs(me,{className:F.switch,children:[r.jsx("input",{type:"checkbox",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:O,onBlur:q,id:k,disabled:g,required:b,checked:V?M:void 0,defaultChecked:V?void 0:o,onChange:E,className:F.htmlCheckbox,style:{}}),r.jsxs(me,{className:F.handle,...A,children:[r.jsx(a.Box,{className:F.handleCircle}),h&&r.jsx(a.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(F.handleIcon,M?"opacity-100":"opacity-0")}),x&&r.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(F.handleIcon,M?"opacity-0":"opacity-100")})]})]}),d&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:d,className:F.label})]})})}));fe.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return n.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return p.Menu}}),exports.Avatar=j,exports.AvatarIcon=C,exports.AvatarImage=N,exports.AvatarText=I,exports.Badge=k,exports.Button=A,exports.Checkbox=_,exports.Chip=K,exports.ChipButton=D,exports.ChipDismissible=G,exports.ChipLink=U,exports.ChipToggle=X,exports.IconButton=J,exports.Input=te,exports.Radio=ce,exports.RadioGroupProvider=pe,exports.Switch=fe;
2
+ "use strict";var e=require("../chunk-A3B3VYP6.cjs"),t=require("../chunk-AIZ2OTKW.cjs"),a=require("../chunk-HUFHYJ5T.cjs"),n=require("../chunk-LUIZSLSJ.cjs"),i=require("../chunk-MDZCXF7W.cjs"),o=require("../chunk-SQCEFYU5.cjs"),s=require("../chunk-WGG66FKO.cjs"),r=require("../chunk-4NZKRK55.cjs"),l=require("react"),c=require("react/jsx-runtime"),d=require("@yahoo/uds/fixtures"),u=require("motion/react"),p=require("lodash-es"),h=require("motion/react-m"),m=require("@yahoo/uds/client/Menu");function x(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var f=x(h),g={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"";const a=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof t?t(e):g[t](a)},y=(e="md")=>o.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),v=e=>e?{height:e,width:e}:{},S="primary",C="md",I={primary:t.e2,secondary:t.t},N=({size:e=C,variant:t=S,customSize:a,icon:n,className:i})=>{const s=l.useMemo((()=>v(a)),[a]),r=l.useMemo((()=>o.cx(y(e),o.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),i)),[i,e,t]),d=l.useMemo((()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),u=l.useMemo((()=>({...s,boxSizing:"content-box"})),[s]),p=l.useMemo((()=>n??I[t??"primary"]),[n,t]),h=l.useMemo((()=>o.getStyles({avatarSizeIcon:e})),[e]);return c.jsx(o.Box,{className:r,style:s,children:c.jsx(o.Box,{className:d,style:u,children:c.jsx(o.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */N.displayName="AvatarIcon";var j=({size:e=C,variant:t=S,name:a,initials:n,customSize:i,abbreviationStrategy:s,className:r})=>{const d=l.useMemo((()=>o.cx(y(e),o.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",r)),[r,e,t]),u=l.useMemo((()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),p=l.useMemo((()=>v(i)),[i]),h=l.useMemo((()=>({...p,boxSizing:"content-box"})),[p]);return c.jsx(o.Box,{className:d,style:p,children:c.jsx(o.Text,{color:"inherit",variant:"inherit",className:u,style:h,"data-testid":"avatar-text",children:n||b(a,s)})})};j.displayName="AvatarText";var k=({size:t=C,variant:a=S,src:n,srcSet:i,customSize:s,alt:r,imageProps:d,abbreviationStrategy:u,fallback:p,className:h})=>{const[m,x]=l.useState("loading");l.useEffect((()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},n&&(t.src=n),i&&(t.srcset=i)}else x("error");return()=>{e=!1}}),[n,i]);const f=l.useMemo((()=>o.cx(y(t),o.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),h)),[h,t,a]),g=l.useMemo((()=>o.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),b=l.useMemo((()=>v(s)),[s]),I=l.useMemo((()=>({...b,boxSizing:"content-box"})),[b]);if("loaded"===m)return c.jsx(o.Box,{className:f,style:b,children:c.jsx(e.Image,{src:n,srcSet:i,alt:r,className:g,style:I,...d})});const k={size:t,customSize:s,variant:a};return p||r?c.jsx(j,{name:r,initials:p,abbreviationStrategy:u,...k}):c.jsx(N,{...k})};k.displayName="AvatarImage";var w=e=>c.jsx(k,{...e});w.displayName="Avatar";var V=l.forwardRef((function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:s,endIcon:r,backgroundColor:d,color:u,iconColor:p,borderColor:h,children:m,className:x,...f},g){const b=o.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:o.cx(["uds-badge","uds-badge-variant","uds-badge-size",x])}),y=o.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:o.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),v=l.useMemo((()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...d?{backgroundColor:d}:{},...h?{borderColor:h}:{},...u?{color:u}:{}})),[d,h,u,i,n]),S=l.useMemo((()=>({variant:"fill",style:{...p?{color:p}:{}}})),[p]);return c.jsxs(a.HStack,{ref:g,gap:"2",display:"inline-flex",alignItems:"center",className:b,style:v,...f,children:[s&&c.jsx(o.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),c.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),r&&c.jsx(o.IconSlot,{icon:r,iconProps:S,"data-testid":"end-icon",className:y})]})}));V.displayName="Badge";var M={scale:.7,opacity:0},R={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},z={icon:R,hide:M,loading:M},T={loading:R,hide:M,icon:M},P=`var(${r.BUTTON_CSS_VAR_MAP.columnGap})`,A=`var(${r.BUTTON_CSS_VAR_MAP.iconSize})`,B={rest:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:P}},E={hide:{width:"0px",opacity:0,display:"none"},loading:{width:A,display:"flex",opacity:1},icon:{width:A,display:"flex",opacity:1}},O=l.forwardRef((function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:p,loading:h,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=l.useRef(null);l.useImperativeHandle(S,(()=>C.current));const I=l.useMemo((()=>o.createSlot()),[]),N=l.useMemo((()=>u.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:h}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:n}),{palette:V,variant:M}=l.useMemo((()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e})),[e]),R=l.useMemo((()=>({button:o.getStyles({width:y,buttonSize:a,buttonVariant:M,buttonPalette:V,className:o.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",b)}),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,b,h,m,k]),P=u.useReducedMotion()?"smooth":"subtle",A=l.useMemo((()=>c.jsx(u.m.span,{className:R.iconContainer,initial:!1,variants:E,animate:w,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&c.jsx(u.m.span,{variants:T,initial:"hide",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:R.loading})},"loading"),n&&!h&&c.jsx(u.m.span,{variants:z,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:R.start,icon:n,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})]})})),[R.iconContainer,R.loading,R.start,w,h,p,n]),O=l.useMemo((()=>c.jsx(u.m.span,{className:R.iconContainer,initial:!1,variants:E,animate:j,children:c.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&c.jsx(u.m.span,{variants:z,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:R.end,icon:r,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})})})),[R.iconContainer,R.end,r,j,p]),q=l.useMemo((()=>m?{...B,rest:{},hover:{},pressed:{}}:B),[m]);return f&&l.isValidElement(x)?c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:P,children:c.jsx(N,{type:g,className:R.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:l.cloneElement(x,x.props,c.jsxs(c.Fragment,{children:[A,c.jsx("span",{className:R.content,children:x.props.children}),O]}))})}):c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:P,children:c.jsxs(u.m.button,{ref:C,type:g,className:R.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:[A,c.jsx("span",{className:R.content,children:x}),O]})})})),q={primary:"alert",secondary:"alert-secondary"},L=e=>"indeterminate"===e,H=e=>L(e)?t.o:t.e,F=u.m.create(o.Box),$={layoutVariant:"smooth",layoutSpeed:"3"},_={layoutVariant:"veryBouncy",layoutSpeed:"4"},W=l.forwardRef((function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:d="start",variant:p="primary",size:h="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=l.useId(),I=e??`uds-input-${C}`,N=l.useRef(null),j=void 0!==t,[k,w]=l.useState(j?t:a),[V,M]=l.useState(!1),[R,z]=l.useState(!1),T=l.useMemo((()=>g?q[p]:p),[g,p]),P=!x&&V,A=!x&&R,B=l.useMemo((()=>A?.9:P?1.1:1),[A,P]),E=l.useMemo((()=>k?A?"opacity-55":"opacity-100":"opacity-0"),[k,A]),O=l.useMemo((()=>({scale:B})),[B]),W=l.useMemo((()=>R?_:$),[R]),D=l.useCallback((e=>{s?.(e),j||w(e.target.checked)}),[j,s]),G=l.useCallback((()=>{M(!0)}),[]),U=l.useCallback((()=>{M(!1)}),[]),K=l.useCallback((()=>{z(!0)}),[]),X=l.useCallback((()=>{z(!1)}),[]),Z=e=>{N.current&&(N.current.indeterminate=L(e))},Y=m?"always":"user",J=u.useReducedMotion()||m?"duration-0":"duration-120";l.useEffect((()=>{j&&w(t)}),[t,j]),l.useEffect((()=>{Z(k)}),[k]);const Q=L(k)?"indeterminate":k?"checked":"unchecked",ee={root:o.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,checkboxVariantValueRoot:Q,display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:o.getStyles({checkboxSizeCheckbox:h,checkboxVariantCheckbox:T,checkboxVariantValueCheckbox:Q,className:o.cx("border","rounded-[4px]","uds-ring","uds-ring-within",J,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:o.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:Q,className:o.cx("pointer-events-none",E,J,"transition-opacity")}),htmlCheckbox:o.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:o.cx("start"===d?"text-start":"text-end",y?.label)},te=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Y,...W,children:c.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:K,onTap:X,onTapCancel:X,tabIndex:-1,children:[c.jsxs(F,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:O,children:[c.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,Z(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!L(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),c.jsx(o.Icon,{name:H(k),size:"sm",className:ee.check})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})}));W.displayName="Checkbox";var D="primary",G=l.forwardRef((function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:s,as:r="div",reduceMotion:d,disabled:p=!1,className:h,layerClassNames:m,children:x,...f},g){const b=u.useReducedMotion()||d?"duration-0":"duration-120",y=l.useMemo((()=>({root:o.getStyles({chipSizeRoot:e,className:o.cx({"pointer-events-none":p,"cursor-default":p,"opacity-50":p},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",m?.root,h)}),icon:o.getStyles({chipSizeIcon:e,className:m?.icon})})),[h,b,p,m?.icon,m?.root,e]);return c.jsx(a.HStack,{asChild:!0,ref:g,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:y.root,...f,children:c.jsxs(r,{disabled:p,children:[i&&c.jsx(o.IconSlot,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),c.jsx(o.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:x}),s&&c.jsx(o.IconSlot,{icon:s,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})}));G.displayName="ChipBase";var U=l.forwardRef((function({variant:e=D,...t},a){const n=l.useMemo((()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})})),[e]);return c.jsx(G,{as:"button",ref:a,variant:e,layerClassNames:n,...t})}));U.displayName="ChipButton";var K=l.forwardRef((function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:i=D,disabled:s,...r},d){const u=l.useMemo((()=>({root:o.getStyles({chipDismissibleVariantRoot:i}),icon:o.getStyles({chipDismissibleVariantIcon:i})})),[i]),p=l.useCallback((e=>{e.stopPropagation(),a?.()}),[a]),h={icon:o.cx("uds-chip-dismissible-button","uds-hit-target")};return c.jsx(G,{ref:d,variant:i,disabled:s,tabIndex:-1,endIcon:a=>c.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:s,children:c.jsx(o.IconSlot,{icon:n??t.a,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:u,...r})}));K.displayName="ChipDismissible";var X=l.forwardRef((function({variant:e=D,href:t,disabled:a,...n},i){const s=l.useMemo((()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})})),[e]);return c.jsx(G,{as:"a",ref:i,variant:e,disabled:a,layerClassNames:s,...{...n,href:a?void 0:t}})}));X.displayName="ChipLink";var Z=l.forwardRef((function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=D,...i},s){const r=l.useMemo((()=>({root:o.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:o.getStyles({chipToggleVariantIcon:n})})),[e,n]),d=l.useCallback((n=>{t?.(!e),a?.(n)}),[e,a,t]);return c.jsx(G,{ref:s,as:"button",variant:n,onClick:d,"aria-pressed":e,layerClassNames:r,...i})}));Z.displayName="ChipToggle";var Y=l.forwardRef((function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},r){return n?c.jsx(K,{ref:r,onDismiss:n,...s}):i?c.jsx(Z,{ref:r,onToggle:i,isToggled:o,...s}):t?c.jsx(X,{ref:r,href:t,...s,...a}):c.jsx(U,{ref:r,onClick:e,...s})}));Y.displayName="Chip";var J=l.forwardRef((function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:p,name:h,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=l.useRef(null);l.useImperativeHandle(y,(()=>v.current));const{palette:S,variant:C}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=l.useMemo((()=>({button:o.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:a,className:o.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",p&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[S,C,f,p,a,r]),N=u.useReducedMotion(),j=l.useMemo((()=>N?"smooth":"subtle"),[N]),k=l.useMemo((()=>{const{rest:e,hover:t,pressed:a}=B;return p?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}}),[p]);return c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:p?"always":"user",children:c.jsx(u.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&c.jsx(u.m.span,{variants:T,initial:"loading",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),h&&!r&&c.jsx(u.m.span,{variants:z,initial:"icon",animate:"icon",exit:"hide",children:g||c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:h,variant:n,color:"current",className:I.icon})},h.name)]})})})})),Q=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=l.useRef(null),[o,s]=l.useState("auto");return l.useEffect((()=>{if(n.current){const e=new ResizeObserver((e=>{s(e[0].contentRect.height)}));return e.observe(n.current),()=>{e.disconnect()}}}),[]),c.jsx(i.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:c.jsx(u.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:c.jsx("div",{ref:n,children:e})})})},ee=l.memo((function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:i,size:s,isFilled:r,...l}){return t?c.jsx(o.Box,{spacingTop:i,spacingStart:n,...l,children:c.jsx(e.InputHelpTextMemo,{startIcon:a,size:s,isFilled:r,children:p.isFunction(t)?t():t})}):null})),te=l.memo((function({icon:e,className:t}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null})),ae=l.memo((function({icon:e,className:t}){if(!e)return null;return c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})})),ne=l.forwardRef((function({id:e,label:t,type:n="text",size:i="md",startIcon:s,endIcon:r,helpText:d,helperTextIcon:h,hasError:m,width:x="full",defaultValue:f,required:g,readOnly:b,disabled:y,reduceMotion:v,onChange:S,className:C,...I},N){const j=l.useId(),k=e??`uds-input-${j}`,w=`uds-input-${k}-help-text`,V=l.useRef(null);l.useImperativeHandle(N,(()=>V.current));const[M,R]=l.useState(f??""),z=l.useCallback((e=>{R(e.target.value),S?.(e)}),[S]),T=u.useReducedMotion()?"smooth":"bouncy",P=v?"always":"user",A=!b&&!y,B={root:o.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:M?"filled":"empty",className:o.cx([C,y?"opacity-50":""])}),inputWrapper:o.cx(o.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:M?"filled":"empty"}),"min-w-[200px]"),input:o.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:M?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:M?"filled":"empty",className:o.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",A?"cursor-text":"cursor-not-allowed")}),label:o.cx(o.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:M?"filled":"empty"})),labelRequired:o.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:M?"filled":"empty"}),startIcon:o.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:M?"filled":"empty"}),endIcon:o.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:M?"filled":"empty"})};return c.jsxs(a.VStack,{width:x,className:B.root,children:[t&&c.jsxs(o.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[c.jsx("label",{htmlFor:k,children:p.isFunction(t)?t():t}),g&&c.jsx("span",{className:B.labelRequired,children:"*"})]}),c.jsxs(o.Box,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[c.jsx(te,{icon:s,className:B.startIcon}),c.jsx("input",{ref:V,id:k,type:n,value:M,required:g,readOnly:b,disabled:y,"aria-describedby":w,"aria-invalid":m,onChange:z,className:B.input,...I}),r&&c.jsx(a.HStack,{alignItems:"center",gap:"1",children:c.jsx(ae,{icon:r,className:B.endIcon})})]}),c.jsx(Q,{reduceMotion:P,layoutVariant:T,children:c.jsx(ee,{id:w,helpText:d,spacingTop:"2",size:i,isFilled:!!M,helperTextIcon:h})})]})}));ne.displayName="Input";var ie=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}},oe=l.createContext(new Map),se=e=>{const t=l.useId();return e??`uds-radio-group-${t}`},re={primary:"alert",secondary:"alert-secondary"},le=u.m.create(o.Box),ce={layoutVariant:"smooth",layoutSpeed:"3"},de={layoutVariant:"veryBouncy",layoutSpeed:"4"},ue=l.forwardRef((function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:d="md",reduceMotion:p,value:h="",checked:m,defaultChecked:x,disabled:f,hasError:g,onChange:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=l.useId(),k=e??`uds-radio-${j}`,w=l.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=l.useContext(oe),o=i instanceof ie,s=void 0!==a||o,r=se(e),c=l.useMemo((()=>o?i:ie.findOrCreate(i,r)),[i,o,r]),[d,u]=l.useState(c.value),p=c.name??r,h=l.useCallback((e=>{c.setValue(e),s||u(e)}),[s,c]);return l.useEffect((()=>c.onChange(u)),[c]),l.useEffect((()=>{!0===a&&h(t)}),[a,t,h]),l.useEffect((()=>{if(o)return;const e=ie.findOrCreate(i,p);return e.activeCount+=1,i.set(p,e),()=>{const e=i.get(p);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(p))}}),[i,o,p]),{name:p,isControlled:s,checked:s&&!o?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:t,value:h,checked:m,defaultChecked:x}),[T,P]=l.useState(!1),[A,B]=l.useState(!1),E=l.useMemo((()=>g?re[r]:r),[g,r]),O=l.useMemo((()=>!f&&T),[f,T]),q=l.useMemo((()=>!f&&!R&&A),[R,f,A]),L=l.useMemo((()=>q?.9:O?1.1:1),[O,q]),H=l.useMemo((()=>R?q?"opacity-55":"opacity-100":"opacity-0"),[R,q]),F=l.useMemo((()=>!f&&(q&&!R||O&&R)),[R,f,O,q]),$=l.useMemo((()=>({scale:L})),[L]),_=l.useMemo((()=>A?de:ce),[A]),W=l.useCallback((e=>{z(e.target.value),b?.(e)}),[b,z]),D=l.useCallback((e=>{y?.(e)}),[y]),G=l.useCallback((e=>{v?.(e)}),[v]),U=l.useCallback((()=>{P(!0)}),[]),K=l.useCallback((()=>{P(!1)}),[]),X=l.useCallback((()=>{B(!0)}),[]),Z=l.useCallback((()=>{B(!1)}),[]),Y=p?"always":"user",J=u.useReducedMotion()||p?"duration-0":"duration-120",Q={root:o.getStyles({radioSizeRoot:d,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:o.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:o.getStyles({radioSizeRadio:d,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:o.cx(["border","uds-ring","uds-ring-within",J,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:o.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:o.cx(["pointer-events-none","w-[8px]","h-[8px]",H,J,"transition-opacity"])}),htmlRadio:o.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:o.cx("start"===s?"text-start":"text-end",C?.label)},ee=a?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Y,..._,children:c.jsxs(ee,{className:Q.root,"data-testid":"container",onHoverStart:U,onHoverEnd:K,onTapStart:X,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[c.jsxs(le,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Q.radio,animate:$,insetShadow:F?"lg-invert":"none",children:[c.jsx("input",{type:"radio",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:W,...M?{checked:R}:{defaultChecked:x},className:Q.htmlRadio}),c.jsx(o.Box,{borderRadius:"full",className:Q.radioCircle})]}),a&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:Q.label})]})})}));ue.displayName="Radio";var pe=o.createSlot(),he=class extends ie{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},me=l.forwardRef((function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},s){const r=void 0!==a,d=se(t),u=l.useMemo((()=>{const e=new he(d,r);return e.value=r?a:n,e}),[n,r,d,a]);l.useEffect((()=>{u.onChangeCb=i}),[i,u]),l.useEffect((()=>{r&&u.setValue(a,!0)}),[r,u,a]),l.useEffect((()=>u.onChange((e=>i?.(e)))),[i,u]);const p=e?pe:"div";return c.jsx(oe.Provider,{value:u,children:c.jsx(p,{role:"radiogroup",ref:s,...o})})}));me.displayName="RadioGroupProvider";var xe={md:{isOnX:20},sm:{isOnX:12}},fe=f.create(o.Box),ge={layoutVariant:"bouncy",layoutSpeed:"4"},be=l.forwardRef((function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:d="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:g,required:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=l.useId(),k=e??`uds-input-${j}`,w=l.useRef(null),V=void 0!==t,[M,R]=l.useState(V?t:a),[z,T]=l.useState(!1),P=l.useMemo((()=>!g&&z),[g,z]),{isOnX:A}=xe[p],B=l.useMemo((()=>({initial:{scale:1,x:M?A:0},animate:{scale:P?1.05:1,x:M?A:0}})),[P,M,A]),E=l.useCallback((e=>{s?.(e),V||R(e.target.checked)}),[V,s]),O=l.useCallback((e=>{y?.(e)}),[y]),q=l.useCallback((e=>{v?.(e)}),[v]),L=l.useCallback((()=>{T(!0)}),[]),H=l.useCallback((()=>{T(!1)}),[]),F=x?"always":"user",$=u.useReducedMotion()||x?"duration-0":"duration-120";l.useEffect((()=>{V&&R(t)}),[t,V]);const _={root:o.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:M?"on":"off",display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx("group",{"cursor-pointer":!g,"cursor-default":g,"opacity-50":g},C?.root,S)}),switch:o.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:M?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:o.cx("uds-ring","uds-ring-within",$,"transition-[background-color,box-shadow]",C?.switch)}),handle:o.getStyles({switchSizeHandle:p,className:o.cx("relative","pointer-events-none","rounded-full","overflow-hidden",C?.handle)}),handleCircle:o.getStyles({switchVariantActiveHandle:M?"on":"off",switchVariantHandle:"default",className:o.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",$,"transition-[background-color,box-shadow,opacity]")}),handleIcon:o.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:M?"on":"off",className:o.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",$,"transition-opacity")}),htmlCheckbox:o.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:o.cx("start"===d?"text-start":"text-end",C?.label)},W=r?f.label:f.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:F,...ge,children:c.jsxs(W,{className:_.root,"data-testid":"container",onHoverStart:L,onHoverEnd:H,tabIndex:-1,children:[c.jsxs(fe,{className:_.switch,children:[c.jsx("input",{type:"checkbox",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:O,onBlur:q,id:k,disabled:g,required:b,checked:V?M:void 0,defaultChecked:V?void 0:a,onChange:E,className:_.htmlCheckbox,style:{}}),c.jsxs(fe,{className:_.handle,...B,children:[c.jsx(o.Box,{className:_.handleCircle}),h&&c.jsx(o.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:o.cx(_.handleIcon,M?"opacity-100":"opacity-0")}),m&&c.jsx(o.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o.cx(_.handleIcon,M?"opacity-0":"opacity-100")})]})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:r,className:_.label})]})})}));be.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return i.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return m.Menu}}),exports.Avatar=w,exports.AvatarIcon=N,exports.AvatarImage=k,exports.AvatarText=j,exports.Badge=V,exports.Button=O,exports.Checkbox=W,exports.Chip=Y,exports.ChipButton=U,exports.ChipDismissible=K,exports.ChipLink=X,exports.ChipToggle=Z,exports.IconButton=J,exports.Input=ne,exports.Radio=ue,exports.RadioGroupProvider=me,exports.Switch=be;
package/dist/client/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- import{FormLabel as e,InputHelpTextMemo as a,Image as t}from"../chunk-W4KK6R6C.js";import{o2 as n,Pressable as i,a as o,o as r,e as s,t as l,e2 as c}from"../chunk-ESES7CXP.js";export{Pressable}from"../chunk-ESES7CXP.js";import{getStyles as d,cx as u,HStack as h,IconSlot as p,createSlot as m,Icon as f,Box as v,Text as b,VStack as y}from"../chunk-37LEXEW4.js";import{SpringMotionConfig as g}from"../chunk-OGMNTWFW.js";export{SpringMotionConfig}from"../chunk-OGMNTWFW.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-6CS7RKHN.js";import{BUTTON_CSS_VAR_MAP as N}from"../chunk-N4FHPR6Q.js";import{forwardRef as C,useMemo as w,useRef as V,useImperativeHandle as I,isValidElement as k,cloneElement as S,useId as z,useState as R,useCallback as T,useEffect as P,memo as L,createContext as E,useContext as W}from"react";import{jsxs as j,jsx as M,Fragment as A}from"react/jsx-runtime";import{buttonIconSvgSize as H}from"@yahoo/uds/fixtures";import{m as $,useReducedMotion as O,AnimatePresence as q}from"motion/react";import{isFunction as B}from"lodash-es";import*as F from"motion/react-m";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var 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,a="firstAndLast")=>{if(!e)return"";const t=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof a?a(e):D[a](t)},X=(e="md")=>d({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),K=e=>e?{height:e,width:e}:{},Q="primary",U="md",J={primary:c,secondary:l},Y=({size:e=U,variant:a=Q,customSize:t,icon:n,className:i})=>{const o=w((()=>K(t)),[t]),r=w((()=>u(X(e),d({avatarIconVariantRoot:a,overflow:"hidden"}),i)),[i,e,a]),s=w((()=>d({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),l=w((()=>({...o,boxSizing:"content-box"})),[o]),c=w((()=>n??J[a??"primary"]),[n,a]),h=w((()=>d({avatarSizeIcon:e})),[e]);return M(v,{className:r,style:o,children:M(v,{className:s,style:l,children:M(f,{name:c,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};Y.displayName="AvatarIcon";var Z=({size:e=U,variant:a=Q,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=w((()=>u(X(e),d({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r)),[r,e,a]),l=w((()=>d({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),c=w((()=>K(i)),[i]),h=w((()=>({...c,boxSizing:"content-box"})),[c]);return M(v,{className:s,style:c,children:M(b,{color:"inherit",variant:"inherit",className:l,style:h,"data-testid":"avatar-text",children:n||G(t,o)})})};Z.displayName="AvatarText";var _=({size:e=U,variant:a=Q,src:n,srcSet:i,customSize:o,alt:r,imageProps:s,abbreviationStrategy:l,fallback:c,className:h})=>{const[p,m]=R("loading");P((()=>{let e=!0;if(n||i){const a=new Image;a.onload=()=>{e&&m("loaded")},a.onerror=()=>{e&&m("error")},n&&(a.src=n),i&&(a.srcset=i)}else m("error");return()=>{e=!1}}),[n,i]);const f=w((()=>u(X(e),d({avatarImageVariantRoot:a,overflow:"hidden"}),h)),[h,e,a]),b=w((()=>d({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),y=w((()=>K(o)),[o]),g=w((()=>({...y,boxSizing:"content-box"})),[y]);if("loaded"===p)return M(v,{className:f,style:y,children:M(t,{src:n,srcSet:i,alt:r,className:b,style:g,...s})});const x={size:e,customSize:o,variant:a};return c||r?M(Z,{name:r,initials:c,abbreviationStrategy:l,...x}):M(Y,{...x})};_.displayName="AvatarImage";var ee=e=>M(_,{...e});ee.displayName="Avatar";var ae=C((function({variant:e="primary",size:a="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:c,children:m,className:f,...v},b){const y=d({badgeSizeRoot:a,badgeVariantRoot:e,className:u(["uds-badge","uds-badge-variant","uds-badge-size",f])}),g=d({badgeVariantIcon:e,badgeSizeIcon:a,className:u(["uds-badge-iconSize","uds-badge-iconColor"])}),x=w((()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...c?{borderColor:c}:{},...s?{color:s}:{}})),[r,c,s,n,t]),N=w((()=>({variant:"fill",style:{...l?{color:l}:{}}})),[l]);return j(h,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&M(p,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),M("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),o&&M(p,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})}));ae.displayName="Badge";var te={scale:.7,opacity:0},ne={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ie={icon:ne,hide:te,loading:te},oe={loading:ne,hide:te,icon:te},re=`var(${N.columnGap})`,se=`var(${N.iconSize})`,le={rest:{scale:`var(${N.effects.scale.rest})`},hover:{scale:`var(${N.effects.scale.hover})`},pressed:{scale:`var(${N.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:re}},ce={hide:{width:"0px",opacity:0,display:"none"},loading:{width:se,display:"flex",opacity:1},icon:{width:se,display:"flex",opacity:1}},de=C((function({variant:e,size:a,startIcon:t,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:l,asChild:c,type:h="button",className:v,width:b,...y},N){const C=V(null);I(N,(()=>C.current));const z=w((()=>m()),[]),R=w((()=>$.create(z)),[z]),T=i?"icon":"hide",P=(({startIcon:e,endIcon:a,loading:t})=>e||a||t?"withIcon":"withoutIcon")({startIcon:t,endIcon:i,loading:r}),L=(({loading:e,startIcon:a})=>e?"loading":a?"icon":"hide")({loading:r,startIcon:t}),{palette:E,variant:W}=w((()=>x({flatVariant:e})),[e]),B=w((()=>({button:d({width:b,buttonSize:a,buttonVariant:W,buttonPalette:E,className:u("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===P&&"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"})),[b,a,W,E,v,r,s,P]),F=O()?"smooth":"subtle",D=w((()=>M($.span,{className:B.iconContainer,initial:!1,variants:ce,animate:L,children:j(q,{initial:!1,mode:"popLayout",children:[r&&M($.span,{variants:oe,initial:"hide",animate:"loading",exit:"hide",children:M(f,{size:H,name:n,variant:o,color:"current",className:B.loading})},"loading"),t&&!r&&M($.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:M(p,{className:B.start,icon:t,iconProps:{size:H,variant:o,color:"current"}})})]})})),[B.iconContainer,B.loading,B.start,L,r,o,t]),G=w((()=>M($.span,{className:B.iconContainer,initial:!1,variants:ce,animate:T,children:M(q,{initial:!1,mode:"popLayout",children:i&&M($.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:M(p,{className:B.end,icon:i,iconProps:{size:H,variant:o,color:"current"}})})})})),[B.iconContainer,B.end,i,T,o]),X=w((()=>s?{...le,rest:{},hover:{},pressed:{}}:le),[s]);return c&&k(l)?M(g,{layoutSpeed:"3",layoutVariant:F,children:M(R,{type:h,className:B.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...y,children:S(l,l.props,j(A,{children:[D,M("span",{className:B.content,children:l.props.children}),G]}))})}):M(g,{layoutSpeed:"3",layoutVariant:F,children:j($.button,{ref:C,type:h,className:B.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...y,children:[D,M("span",{className:B.content,children:l}),G]})})})),ue={primary:"alert",secondary:"alert-secondary"},he=e=>"indeterminate"===e,pe=e=>he(e)?r:s,me=$.create(v),fe={layoutVariant:"smooth",layoutSpeed:"3"},ve={layoutVariant:"veryBouncy",layoutSpeed:"4"},be=C((function({id:a,checked:t,defaultChecked:n,onChange:i,label:o,labelPosition:r="start",variant:s="primary",size:l="md",reduceMotion:c,disabled:h,required:p,hasError:m,className:v,layerClassNames:b,...y},x){const N=z(),C=a??`uds-input-${N}`,I=V(null),k=void 0!==t,[S,L]=R(k?t:n),[E,W]=R(!1),[A,H]=R(!1),q=w((()=>m?ue[s]:s),[m,s]),B=!h&&E,F=!h&&A,D=w((()=>F?.9:B?1.1:1),[F,B]),G=w((()=>S?F?"opacity-55":"opacity-100":"opacity-0"),[S,F]),X=w((()=>({scale:D})),[D]),K=w((()=>A?ve:fe),[A]),Q=T((e=>{i?.(e),k||L(e.target.checked)}),[k,i]),U=T((()=>{W(!0)}),[]),J=T((()=>{W(!1)}),[]),Y=T((()=>{H(!0)}),[]),Z=T((()=>{H(!1)}),[]),_=e=>{I.current&&(I.current.indeterminate=he(e))},ee=c?"always":"user",ae=O()||c?"duration-0":"duration-120";P((()=>{k&&L(t)}),[t,k]),P((()=>{_(S)}),[S]);const te=he(S)?"indeterminate":S?"checked":"unchecked",ne={root:d({checkboxSizeRoot:l,checkboxVariantRoot:q,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===r?"row":"row-reverse",alignItems:"center",className:u({"cursor-pointer":!h,"cursor-default":h,"opacity-50":h},v,b?.root)}),checkbox:d({checkboxSizeCheckbox:l,checkboxVariantCheckbox:q,checkboxVariantValueCheckbox:te,className:u("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",b?.checkbox)}),check:d({checkboxVariantCheckboxIcon:q,checkboxVariantValueCheckboxIcon:te,className:u("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:u("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:u("start"===r?"text-start":"text-end",b?.label)},ie=o?$.label:$.div;return M(g,{reducedMotion:ee,...K,children:j(ie,{className:ne.root,"data-testid":"container",onHoverStart:U,onHoverEnd:J,onTapStart:Y,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[j(me,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:X,children:[M("input",{type:"checkbox",...y,ref:e=>{I.current=e,_(S),"function"==typeof x?x(e):null!==x&&(x.current=e)},id:C,disabled:h,required:p,"aria-invalid":m,checked:k?!he(S)&&S:void 0,defaultChecked:k?void 0:n,onChange:Q,className:ne.htmlCheckbox}),M(f,{name:pe(S),size:"sm",className:ne.check})]}),o&&M(e,{as:"div",variant:"inherit",color:"inherit",required:p,label:o,className:ne.label})]})})}));be.displayName="Checkbox";var ye="primary",ge=C((function({size:e="md",minWidth:a,maxWidth:t=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,layerClassNames:c,children:m,...f},v){const y=O()||r?"duration-0":"duration-120",g=w((()=>({root:d({chipSizeRoot:e,className:u({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"focus-visible:-outline-offset-2","uds-ring",y,"transition-[background-color,outline-color,box-shadow]",c?.root,l)}),icon:d({chipSizeIcon:e,className:c?.icon})})),[l,y,s,c?.icon,c?.root,e]);return M(h,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:g.root,...f,children:j(o,{disabled:s,children:[n&&M(p,{icon:n,iconProps:{variant:"fill",className:g.icon},"data-testid":"start-icon"}),M(b,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:m}),i&&M(p,{icon:i,iconProps:{variant:"fill",className:g.icon},"data-testid":"end-icon"})]})})}));ge.displayName="ChipBase";var xe=C((function({variant:e=ye,...a},t){const n=w((()=>({root:d({chipLinkVariantRoot:e}),icon:d({chipLinkVariantIcon:e})})),[e]);return M(ge,{as:"button",ref:t,variant:e,layerClassNames:n,...a})}));xe.displayName="ChipButton";var Ne=C((function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:n=ye,disabled:r,...s},l){const c=w((()=>({root:d({chipDismissibleVariantRoot:n}),icon:d({chipDismissibleVariantIcon:n})})),[n]),h=T((e=>{e.stopPropagation(),a?.()}),[a]),m={icon:u("uds-chip-dismissible-button","uds-hit-target")};return M(ge,{ref:l,variant:n,disabled:r,tabIndex:-1,endIcon:a=>M(i,{"aria-label":e,className:m.icon,onClick:h,disabled:r,children:M(p,{icon:t??o,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})}));Ne.displayName="ChipDismissible";var Ce=C((function({variant:e=ye,href:a,disabled:t,...n},i){const o=w((()=>({root:d({chipLinkVariantRoot:e}),icon:d({chipLinkVariantIcon:e})})),[e]);return M(ge,{as:"a",ref:i,variant:e,disabled:t,layerClassNames:o,...{...n,href:t?void 0:a}})}));Ce.displayName="ChipLink";var we=C((function({isToggled:e=!1,onToggle:a,onClick:t,variant:n=ye,...i},o){const r=w((()=>({root:d({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:d({chipToggleVariantIcon:n})})),[e,n]),s=T((n=>{a?.(!e),t?.(n)}),[e,t,a]);return M(ge,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})}));we.displayName="ChipToggle";var Ve=C((function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?M(Ne,{ref:s,onDismiss:n,...r}):i?M(we,{ref:s,onToggle:i,isToggled:o,...r}):a?M(Ce,{ref:s,href:a,...r,...t}):M(xe,{ref:s,onClick:e,...r})}));Ve.displayName="Chip";var Ie=C((function({variant:e,size:a,iconVariant:t,loading:i,disableEffects:o,name:r,type:s="button",htmlName:l,className:c,children:h,...p},m){const v=V(null);I(m,(()=>v.current));const{palette:b,variant:y}=x({flatVariant:e}),N=w((()=>({button:d({buttonVariant:y,buttonPalette:b,iconButtonSize:a,className:u("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",c)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[b,y,c,o,a,i]),C=O(),k=w((()=>C?"smooth":"subtle"),[C]),S=w((()=>{const{rest:e,hover:a,pressed:t}=le;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}}),[o]);return M(g,{layoutSpeed:"3",layoutVariant:k,reducedMotion:o?"always":"user",children:M($.button,{ref:v,type:s,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:l,...p,children:j(q,{initial:!1,mode:"popLayout",children:[i&&M($.span,{variants:oe,initial:"loading",animate:"loading",exit:"hide",children:M(f,{size:H,name:n,variant:t,color:"current",className:N.loading})},"loading"),r&&!i&&M($.span,{variants:ie,initial:"icon",animate:"icon",exit:"hide",children:h||M(f,{size:H,name:r,variant:t,color:"current",className:N.icon})},r.name)]})})})})),ke=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=V(null),[i,o]=R("auto");return P((()=>{if(n.current){const e=new ResizeObserver((e=>{o(e[0].contentRect.height)}));return e.observe(n.current),()=>{e.disconnect()}}}),[]),M(g,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:M($.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:M("div",{ref:n,children:e})})})},Se=L((function({helpText:e,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return e?M(v,{spacingTop:i,spacingStart:n,...s,children:M(a,{startIcon:t,size:o,isFilled:r,children:B(e)?e():e})}):null})),ze=L((function({icon:e,className:a}){return e?M(p,{icon:e,iconProps:{variant:"outline"},className:a}):null})),Re=L((function({icon:e,className:a}){if(!e)return null;return M(p,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:a})})),Te=C((function({id:e,label:a,type:t="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:l,width:c="full",defaultValue:p,required:m,readOnly:f,disabled:b,reduceMotion:g,onChange:x,className:N,...C},w){const k=z(),S=e??`uds-input-${k}`,P=`uds-input-${S}-help-text`,L=V(null);I(w,(()=>L.current));const[E,W]=R(p??""),A=T((e=>{W(e.target.value),x?.(e)}),[x]),H=O()?"smooth":"bouncy",$=g?"always":"user",q=!f&&!b,F={root:d({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:E?"filled":"empty",className:u([N,b?"opacity-50":""])}),inputWrapper:u(d({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:E?"filled":"empty"}),"min-w-[200px]"),input:d({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:E?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:E?"filled":"empty",className:u("grow","uds-hit-target","bg-clip-text","focus:outline-none",q?"cursor-text":"cursor-not-allowed")}),label:u(d({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:E?"filled":"empty"})),labelRequired:d({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:E?"filled":"empty"}),startIcon:d({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:E?"filled":"empty"}),endIcon:d({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:E?"filled":"empty"})};return j(y,{width:c,className:F.root,children:[a&&j(v,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:F.label,children:[M("label",{htmlFor:S,children:B(a)?a():a}),m&&M("span",{className:F.labelRequired,children:"*"})]}),j(v,{position:"relative",alignItems:"center",className:F.inputWrapper,children:[M(ze,{icon:i,className:F.startIcon}),M("input",{ref:L,id:S,type:t,value:E,required:m,readOnly:f,disabled:b,"aria-describedby":P,"aria-invalid":l,onChange:A,className:F.input,...C}),o&&M(h,{alignItems:"center",gap:"1",children:M(Re,{icon:o,className:F.endIcon})})]}),M(ke,{reduceMotion:$,layoutVariant:H,children:M(Se,{id:P,helpText:r,spacingTop:"2",size:n,isFilled:!!E,helperTextIcon:s})})]})}));Te.displayName="Input";var Pe=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((a=>a(e)))}static findOrCreate(a,t){let n=a.get(t);return n||(n=new e(t),a.set(t,n)),n}},Le=E(new Map),Ee=e=>{const a=z();return e??`uds-radio-group-${a}`},We={primary:"alert",secondary:"alert-secondary"},je=$.create(v),Me={layoutVariant:"smooth",layoutSpeed:"3"},Ae={layoutVariant:"veryBouncy",layoutSpeed:"4"},He=C((function({id:a,name:t,label:n,labelPosition:i="start",variant:o="primary",size:r="md",reduceMotion:s,value:l="",checked:c,defaultChecked:h,disabled:p,hasError:m,onChange:f,onFocus:b,onBlur:y,className:x,layerClassNames:N,...C},I){const k=z(),S=a??`uds-radio-${k}`,L=V(null),{name:E,isControlled:A,checked:H,setGroupValue:q}=(({name:e,value:a,checked:t,defaultChecked:n})=>{const i=W(Le),o=i instanceof Pe,r=void 0!==t||o,s=Ee(e),l=w((()=>o?i:Pe.findOrCreate(i,s)),[i,o,s]),[c,d]=R(l.value),u=l.name??s,h=T((e=>{l.setValue(e),r||d(e)}),[r,l]);return P((()=>l.onChange(d)),[l]),P((()=>{!0===t&&h(a)}),[t,a,h]),P((()=>{if(o)return;const e=Pe.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?t:void 0!==c?a===c:n??!1,setGroupValue:h}})({name:t,value:l,checked:c,defaultChecked:h}),[B,F]=R(!1),[D,G]=R(!1),X=w((()=>m?We[o]:o),[m,o]),K=w((()=>!p&&B),[p,B]),Q=w((()=>!p&&!H&&D),[H,p,D]),U=w((()=>Q?.9:K?1.1:1),[K,Q]),J=w((()=>H?Q?"opacity-55":"opacity-100":"opacity-0"),[H,Q]),Y=w((()=>!p&&(Q&&!H||K&&H)),[H,p,K,Q]),Z=w((()=>({scale:U})),[U]),_=w((()=>D?Ae:Me),[D]),ee=T((e=>{q(e.target.value),f?.(e)}),[f,q]),ae=T((e=>{b?.(e)}),[b]),te=T((e=>{y?.(e)}),[y]),ne=T((()=>{F(!0)}),[]),ie=T((()=>{F(!1)}),[]),oe=T((()=>{G(!0)}),[]),re=T((()=>{G(!1)}),[]),se=s?"always":"user",le=O()||s?"duration-0":"duration-120",ce={root:d({radioSizeRoot:r,radioVariantValueRoot:H?"checked":"unchecked",radioVariantRoot:X,display:"flex",flexDirection:"start"===i?"row":"row-reverse",alignItems:"center",className:u([{"cursor-pointer":!p,"cursor-default":p,"opacity-50":p},x,N?.root])}),radio:d({radioSizeRadio:r,radioVariantRadio:X,radioVariantValueRadio:H?"checked":"unchecked",className:u(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:d({radioVariantRadioCircle:X,radioVariantValueRadioCircle:H?"checked":"unchecked",className:u(["pointer-events-none","w-[8px]","h-[8px]",J,le,"transition-opacity"])}),htmlRadio:u("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:u("start"===i?"text-start":"text-end",N?.label)},de=n?$.label:$.div;return M(g,{reducedMotion:se,..._,children:j(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[j(je,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:Z,insetShadow:Y?"lg-invert":"none",children:[M("input",{type:"radio",...C,ref:e=>{L.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:ae,onBlur:te,id:S,name:E,value:l,disabled:p,"aria-invalid":m,onChange:ee,...A?{checked:H}:{defaultChecked:h},className:ce.htmlRadio}),M(v,{borderRadius:"full",className:ce.radioCircle})]}),n&&M(e,{as:"div",variant:"inherit",color:"inherit",label:n,className:ce.label})]})})}));He.displayName="Radio";var $e=m(),Oe=class extends Pe{onChangeCb;isControlled;constructor(e,a){super(e),this.isControlled=a}setValue(e,a=!1){this.isControlled&&!a?this.onChangeCb?.(e):super.setValue(e)}},qe=C((function({asChild:e,name:a,value:t,defaultValue:n,onChange:i,...o},r){const s=void 0!==t,l=Ee(a),c=w((()=>{const e=new Oe(l,s);return e.value=s?t:n,e}),[n,s,l,t]);P((()=>{c.onChangeCb=i}),[i,c]),P((()=>{s&&c.setValue(t,!0)}),[s,c,t]),P((()=>c.onChange((e=>i?.(e)))),[i,c]);const d=e?$e:"div";return M(Le.Provider,{value:c,children:M(d,{role:"radiogroup",ref:r,...o})})}));qe.displayName="RadioGroupProvider";var Be={md:{isOnX:20},sm:{isOnX:12}},Fe=F.create(v),De={layoutVariant:"bouncy",layoutSpeed:"4"},Ge=C((function({id:a,isOn:t,defaultIsOn:n,onChange:i,label:o,labelPosition:r="start",size:s="md",onIcon:l,offIcon:c,reduceMotion:h,disabled:m,required:f,onFocus:b,onBlur:y,className:x,layerClassNames:N,...C},I){const k=z(),S=a??`uds-input-${k}`,L=V(null),E=void 0!==t,[W,A]=R(E?t:n),[H,$]=R(!1),q=w((()=>!m&&H),[m,H]),{isOnX:B}=Be[s],D=w((()=>({initial:{scale:1,x:W?B:0},animate:{scale:q?1.05:1,x:W?B:0}})),[q,W,B]),G=T((e=>{i?.(e),E||A(e.target.checked)}),[E,i]),X=T((e=>{b?.(e)}),[b]),K=T((e=>{y?.(e)}),[y]),Q=T((()=>{$(!0)}),[]),U=T((()=>{$(!1)}),[]),J=h?"always":"user",Y=O()||h?"duration-0":"duration-120";P((()=>{E&&A(t)}),[t,E]);const Z={root:d({switchSizeRoot:s,switchVariantRoot:"default",switchVariantActiveRoot:W?"on":"off",display:"flex",flexDirection:"start"===r?"row":"row-reverse",alignItems:"center",className:u("group",{"cursor-pointer":!m,"cursor-default":m,"opacity-50":m},N?.root,x)}),switch:d({switchVariantSwitch:"default",switchSizeSwitch:s,switchVariantActiveSwitch:W?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:u("uds-ring","uds-ring-within",Y,"transition-[background-color,box-shadow]",N?.switch)}),handle:d({switchSizeHandle:s,className:u("relative","pointer-events-none","rounded-full","overflow-hidden",N?.handle)}),handleCircle:d({switchVariantActiveHandle:W?"on":"off",switchVariantHandle:"default",className:u("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",Y,"transition-[background-color,box-shadow,opacity]")}),handleIcon:d({switchSizeHandleIcon:s,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:W?"on":"off",className:u("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",Y,"transition-opacity")}),htmlCheckbox:u("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:u("start"===r?"text-start":"text-end",N?.label)},_=o?F.label:F.div;return M(g,{reducedMotion:J,...De,children:j(_,{className:Z.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:U,tabIndex:-1,children:[j(Fe,{className:Z.switch,children:[M("input",{type:"checkbox",...C,ref:e=>{L.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:X,onBlur:K,id:S,disabled:m,required:f,checked:E?W:void 0,defaultChecked:E?void 0:n,onChange:G,className:Z.htmlCheckbox,style:{}}),j(Fe,{className:Z.handle,...D,children:[M(v,{className:Z.handleCircle}),l&&M(p,{icon:l,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:u(Z.handleIcon,W?"opacity-100":"opacity-0")}),c&&M(p,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:u(Z.handleIcon,W?"opacity-0":"opacity-100")})]})]}),o&&M(e,{as:"div",variant:"inherit",color:"inherit",required:f,label:o,className:Z.label})]})})}));Ge.displayName="Switch";export{ee as Avatar,Y as AvatarIcon,_ as AvatarImage,Z as AvatarText,ae as Badge,de as Button,be as Checkbox,Ve as Chip,xe as ChipButton,Ne as ChipDismissible,Ce as ChipLink,we as ChipToggle,Ie as IconButton,Te as Input,He as Radio,qe as RadioGroupProvider,Ge as Switch};
2
+ import{InputHelpTextMemo as e,Image as a}from"../chunk-GP7XCURZ.js";import{o2 as t,Pressable as n,a as i,o,e as r,t as s,e2 as l}from"../chunk-HN3QQ5PU.js";export{Pressable}from"../chunk-HN3QQ5PU.js";import{HStack as c,VStack as d}from"../chunk-4OQKZKM5.js";import{FormLabel as u}from"../chunk-XMZZKQMQ.js";import{SpringMotionConfig as h}from"../chunk-NAELW5O7.js";export{SpringMotionConfig}from"../chunk-NAELW5O7.js";import{getStyles as p,cx as m,IconSlot as f,createSlot as v,Icon as b,Box as y,Text as g}from"../chunk-OJB3FVN6.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-HT3GLDSF.js";import{BUTTON_CSS_VAR_MAP as N}from"../chunk-N4FHPR6Q.js";import{forwardRef as C,useMemo as w,useRef as V,useImperativeHandle as I,isValidElement as k,cloneElement as S,useId as z,useState as R,useCallback as T,useEffect as P,memo as L,createContext as j,useContext as A}from"react";import{jsxs as H,jsx as M,Fragment as $}from"react/jsx-runtime";import{buttonIconSvgSize as O}from"@yahoo/uds/fixtures";import{m as E,useReducedMotion as W,AnimatePresence as B}from"motion/react";import{isFunction as q}from"lodash-es";import*as F from"motion/react-m";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var 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,a="firstAndLast")=>{if(!e)return"";const t=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof a?a(e):D[a](t)},Q=(e="md")=>p({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),X=e=>e?{height:e,width:e}:{},U="primary",Z="md",K={primary:l,secondary:s},J=({size:e=Z,variant:a=U,customSize:t,icon:n,className:i})=>{const o=w((()=>X(t)),[t]),r=w((()=>m(Q(e),p({avatarIconVariantRoot:a,overflow:"hidden"}),i)),[i,e,a]),s=w((()=>p({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),l=w((()=>({...o,boxSizing:"content-box"})),[o]),c=w((()=>n??K[a??"primary"]),[n,a]),d=w((()=>p({avatarSizeIcon:e})),[e]);return M(y,{className:r,style:o,children:M(y,{className:s,style:l,children:M(b,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};J.displayName="AvatarIcon";var Y=({size:e=Z,variant:a=U,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=w((()=>m(Q(e),p({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r)),[r,e,a]),l=w((()=>p({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),c=w((()=>X(i)),[i]),d=w((()=>({...c,boxSizing:"content-box"})),[c]);return M(y,{className:s,style:c,children:M(g,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||G(t,o)})})};Y.displayName="AvatarText";var _=({size:e=Z,variant:t=U,src:n,srcSet:i,customSize:o,alt:r,imageProps:s,abbreviationStrategy:l,fallback:c,className:d})=>{const[u,h]=R("loading");P((()=>{let e=!0;if(n||i){const a=new Image;a.onload=()=>{e&&h("loaded")},a.onerror=()=>{e&&h("error")},n&&(a.src=n),i&&(a.srcset=i)}else h("error");return()=>{e=!1}}),[n,i]);const f=w((()=>m(Q(e),p({avatarImageVariantRoot:t,overflow:"hidden"}),d)),[d,e,t]),v=w((()=>p({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),b=w((()=>X(o)),[o]),g=w((()=>({...b,boxSizing:"content-box"})),[b]);if("loaded"===u)return M(y,{className:f,style:b,children:M(a,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:t};return c||r?M(Y,{name:r,initials:c,abbreviationStrategy:l,...x}):M(J,{...x})};_.displayName="AvatarImage";var ee=e=>M(_,{...e});ee.displayName="Avatar";var ae=C((function({variant:e="primary",size:a="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:d,children:u,className:h,...v},b){const y=p({badgeSizeRoot:a,badgeVariantRoot:e,className:m(["uds-badge","uds-badge-variant","uds-badge-size",h])}),g=p({badgeVariantIcon:e,badgeSizeIcon:a,className:m(["uds-badge-iconSize","uds-badge-iconColor"])}),x=w((()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}})),[r,d,s,n,t]),N=w((()=>({variant:"fill",style:{...l?{color:l}:{}}})),[l]);return H(c,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&M(f,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),M("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&M(f,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})}));ae.displayName="Badge";var te={scale:.7,opacity:0},ne={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ie={icon:ne,hide:te,loading:te},oe={loading:ne,hide:te,icon:te},re=`var(${N.columnGap})`,se=`var(${N.iconSize})`,le={rest:{scale:`var(${N.effects.scale.rest})`},hover:{scale:`var(${N.effects.scale.hover})`},pressed:{scale:`var(${N.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:re}},ce={hide:{width:"0px",opacity:0,display:"none"},loading:{width:se,display:"flex",opacity:1},icon:{width:se,display:"flex",opacity:1}},de=C((function({variant:e,size:a,startIcon:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:l,asChild:c,type:d="button",className:u,width:y,...g},N){const C=V(null);I(N,(()=>C.current));const z=w((()=>v()),[]),R=w((()=>E.create(z)),[z]),T=i?"icon":"hide",P=(({startIcon:e,endIcon:a,loading:t})=>e||a||t?"withIcon":"withoutIcon")({startIcon:n,endIcon:i,loading:r}),L=(({loading:e,startIcon:a})=>e?"loading":a?"icon":"hide")({loading:r,startIcon:n}),{palette:j,variant:A}=w((()=>x({flatVariant:e})),[e]),q=w((()=>({button:p({width:y,buttonSize:a,buttonVariant:A,buttonPalette:j,className:m("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===P&&"uds-button-with-gap",u)}),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,A,j,u,r,s,P]),F=W()?"smooth":"subtle",D=w((()=>M(E.span,{className:q.iconContainer,initial:!1,variants:ce,animate:L,children:H(B,{initial:!1,mode:"popLayout",children:[r&&M(E.span,{variants:oe,initial:"hide",animate:"loading",exit:"hide",children:M(b,{size:O,name:t,variant:o,color:"current",className:q.loading})},"loading"),n&&!r&&M(E.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:M(f,{className:q.start,icon:n,iconProps:{size:O,variant:o,color:"current"}})})]})})),[q.iconContainer,q.loading,q.start,L,r,o,n]),G=w((()=>M(E.span,{className:q.iconContainer,initial:!1,variants:ce,animate:T,children:M(B,{initial:!1,mode:"popLayout",children:i&&M(E.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:M(f,{className:q.end,icon:i,iconProps:{size:O,variant:o,color:"current"}})})})})),[q.iconContainer,q.end,i,T,o]),Q=w((()=>s?{...le,rest:{},hover:{},pressed:{}}:le),[s]);return c&&k(l)?M(h,{layoutSpeed:"3",layoutVariant:F,children:M(R,{type:d,className:q.button,initial:["hide",P],animate:P,variants:Q,whileHover:"hover",whileTap:"pressed",...g,children:S(l,l.props,H($,{children:[D,M("span",{className:q.content,children:l.props.children}),G]}))})}):M(h,{layoutSpeed:"3",layoutVariant:F,children:H(E.button,{ref:C,type:d,className:q.button,initial:["hide",P],animate:P,variants:Q,whileHover:"hover",whileTap:"pressed",...g,children:[D,M("span",{className:q.content,children:l}),G]})})})),ue={primary:"alert",secondary:"alert-secondary"},he=e=>"indeterminate"===e,pe=e=>he(e)?o:r,me=E.create(y),fe={layoutVariant:"smooth",layoutSpeed:"3"},ve={layoutVariant:"veryBouncy",layoutSpeed:"4"},be=C((function({id:e,checked:a,defaultChecked:t,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,disabled:c,required:d,hasError:f,className:v,layerClassNames:y,...g},x){const N=z(),C=e??`uds-input-${N}`,I=V(null),k=void 0!==a,[S,L]=R(k?a:t),[j,A]=R(!1),[$,O]=R(!1),B=w((()=>f?ue[r]:r),[f,r]),q=!c&&j,F=!c&&$,D=w((()=>F?.9:q?1.1:1),[F,q]),G=w((()=>S?F?"opacity-55":"opacity-100":"opacity-0"),[S,F]),Q=w((()=>({scale:D})),[D]),X=w((()=>$?ve:fe),[$]),U=T((e=>{n?.(e),k||L(e.target.checked)}),[k,n]),Z=T((()=>{A(!0)}),[]),K=T((()=>{A(!1)}),[]),J=T((()=>{O(!0)}),[]),Y=T((()=>{O(!1)}),[]),_=e=>{I.current&&(I.current.indeterminate=he(e))},ee=l?"always":"user",ae=W()||l?"duration-0":"duration-120";P((()=>{k&&L(a)}),[a,k]),P((()=>{_(S)}),[S]);const te=he(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:B,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m({"cursor-pointer":!c,"cursor-default":c,"opacity-50":c},v,y?.root)}),checkbox:p({checkboxSizeCheckbox:s,checkboxVariantCheckbox:B,checkboxVariantValueCheckbox:te,className:m("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:p({checkboxVariantCheckboxIcon:B,checkboxVariantValueCheckboxIcon:te,className:m("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:m("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:m("start"===o?"text-start":"text-end",y?.label)},ie=i?E.label:E.div;return M(h,{reducedMotion:ee,...X,children:H(ie,{className:ne.root,"data-testid":"container",onHoverStart:Z,onHoverEnd:K,onTapStart:J,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[H(me,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:Q,children:[M("input",{type:"checkbox",...g,ref:e=>{I.current=e,_(S),"function"==typeof x?x(e):null!==x&&(x.current=e)},id:C,disabled:c,required:d,"aria-invalid":f,checked:k?!he(S)&&S:void 0,defaultChecked:k?void 0:t,onChange:U,className:ne.htmlCheckbox}),M(b,{name:pe(S),size:"sm",className:ne.check})]}),i&&M(u,{as:"div",variant:"inherit",color:"inherit",required:d,label:i,className:ne.label})]})})}));be.displayName="Checkbox";var ye="primary",ge=C((function({size:e="md",minWidth:a,maxWidth:t=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,layerClassNames:d,children:u,...h},v){const b=W()||r?"duration-0":"duration-120",y=w((()=>({root:p({chipSizeRoot:e,className:m({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",d?.root,l)}),icon:p({chipSizeIcon:e,className:d?.icon})})),[l,b,s,d?.icon,d?.root,e]);return M(c,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:y.root,...h,children:H(o,{disabled:s,children:[n&&M(f,{icon:n,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),M(g,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:u}),i&&M(f,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})}));ge.displayName="ChipBase";var xe=C((function({variant:e=ye,...a},t){const n=w((()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})})),[e]);return M(ge,{as:"button",ref:t,variant:e,layerClassNames:n,...a})}));xe.displayName="ChipButton";var Ne=C((function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:o=ye,disabled:r,...s},l){const c=w((()=>({root:p({chipDismissibleVariantRoot:o}),icon:p({chipDismissibleVariantIcon:o})})),[o]),d=T((e=>{e.stopPropagation(),a?.()}),[a]),u={icon:m("uds-chip-dismissible-button","uds-hit-target")};return M(ge,{ref:l,variant:o,disabled:r,tabIndex:-1,endIcon:a=>M(n,{"aria-label":e,className:u.icon,onClick:d,disabled:r,children:M(f,{icon:t??i,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})}));Ne.displayName="ChipDismissible";var Ce=C((function({variant:e=ye,href:a,disabled:t,...n},i){const o=w((()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})})),[e]);return M(ge,{as:"a",ref:i,variant:e,disabled:t,layerClassNames:o,...{...n,href:t?void 0:a}})}));Ce.displayName="ChipLink";var we=C((function({isToggled:e=!1,onToggle:a,onClick:t,variant:n=ye,...i},o){const r=w((()=>({root:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:p({chipToggleVariantIcon:n})})),[e,n]),s=T((n=>{a?.(!e),t?.(n)}),[e,t,a]);return M(ge,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})}));we.displayName="ChipToggle";var Ve=C((function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?M(Ne,{ref:s,onDismiss:n,...r}):i?M(we,{ref:s,onToggle:i,isToggled:o,...r}):a?M(Ce,{ref:s,href:a,...r,...t}):M(xe,{ref:s,onClick:e,...r})}));Ve.displayName="Chip";var Ie=C((function({variant:e,size:a,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:l,className:c,children:d,...u},f){const v=V(null);I(f,(()=>v.current));const{palette:y,variant:g}=x({flatVariant:e}),N=w((()=>({button:p({buttonVariant:g,buttonPalette:y,iconButtonSize:a,className:m("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",c)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[y,g,c,o,a,i]),C=W(),k=w((()=>C?"smooth":"subtle"),[C]),S=w((()=>{const{rest:e,hover:a,pressed:t}=le;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}}),[o]);return M(h,{layoutSpeed:"3",layoutVariant:k,reducedMotion:o?"always":"user",children:M(E.button,{ref:v,type:s,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:l,...u,children:H(B,{initial:!1,mode:"popLayout",children:[i&&M(E.span,{variants:oe,initial:"loading",animate:"loading",exit:"hide",children:M(b,{size:O,name:t,variant:n,color:"current",className:N.loading})},"loading"),r&&!i&&M(E.span,{variants:ie,initial:"icon",animate:"icon",exit:"hide",children:d||M(b,{size:O,name:r,variant:n,color:"current",className:N.icon})},r.name)]})})})})),ke=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=V(null),[i,o]=R("auto");return P((()=>{if(n.current){const e=new ResizeObserver((e=>{o(e[0].contentRect.height)}));return e.observe(n.current),()=>{e.disconnect()}}}),[]),M(h,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:M(E.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:M("div",{ref:n,children:e})})})},Se=L((function({helpText:a,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return a?M(y,{spacingTop:i,spacingStart:n,...s,children:M(e,{startIcon:t,size:o,isFilled:r,children:q(a)?a():a})}):null})),ze=L((function({icon:e,className:a}){return e?M(f,{icon:e,iconProps:{variant:"outline"},className:a}):null})),Re=L((function({icon:e,className:a}){if(!e)return null;return M(f,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:a})})),Te=C((function({id:e,label:a,type:t="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:l,width:u="full",defaultValue:h,required:f,readOnly:v,disabled:b,reduceMotion:g,onChange:x,className:N,...C},w){const k=z(),S=e??`uds-input-${k}`,P=`uds-input-${S}-help-text`,L=V(null);I(w,(()=>L.current));const[j,A]=R(h??""),$=T((e=>{A(e.target.value),x?.(e)}),[x]),O=W()?"smooth":"bouncy",E=g?"always":"user",B=!v&&!b,F={root:p({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:j?"filled":"empty",className:m([N,b?"opacity-50":""])}),inputWrapper:m(p({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:j?"filled":"empty"}),"min-w-[200px]"),input:p({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:j?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:j?"filled":"empty",className:m("grow","uds-hit-target","bg-clip-text","focus:outline-none",B?"cursor-text":"cursor-not-allowed")}),label:m(p({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:j?"filled":"empty"})),labelRequired:p({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:j?"filled":"empty"}),startIcon:p({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:j?"filled":"empty"}),endIcon:p({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:j?"filled":"empty"})};return H(d,{width:u,className:F.root,children:[a&&H(y,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:F.label,children:[M("label",{htmlFor:S,children:q(a)?a():a}),f&&M("span",{className:F.labelRequired,children:"*"})]}),H(y,{position:"relative",alignItems:"center",className:F.inputWrapper,children:[M(ze,{icon:i,className:F.startIcon}),M("input",{ref:L,id:S,type:t,value:j,required:f,readOnly:v,disabled:b,"aria-describedby":P,"aria-invalid":l,onChange:$,className:F.input,...C}),o&&M(c,{alignItems:"center",gap:"1",children:M(Re,{icon:o,className:F.endIcon})})]}),M(ke,{reduceMotion:E,layoutVariant:O,children:M(Se,{id:P,helpText:r,spacingTop:"2",size:n,isFilled:!!j,helperTextIcon:s})})]})}));Te.displayName="Input";var Pe=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((a=>a(e)))}static findOrCreate(a,t){let n=a.get(t);return n||(n=new e(t),a.set(t,n)),n}},Le=j(new Map),je=e=>{const a=z();return e??`uds-radio-group-${a}`},Ae={primary:"alert",secondary:"alert-secondary"},He=E.create(y),Me={layoutVariant:"smooth",layoutSpeed:"3"},$e={layoutVariant:"veryBouncy",layoutSpeed:"4"},Oe=C((function({id:e,name:a,label:t,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:l,defaultChecked:c,disabled:d,hasError:f,onChange:v,onFocus:b,onBlur:g,className:x,layerClassNames:N,...C},I){const k=z(),S=e??`uds-radio-${k}`,L=V(null),{name:j,isControlled:$,checked:O,setGroupValue:B}=(({name:e,value:a,checked:t,defaultChecked:n})=>{const i=A(Le),o=i instanceof Pe,r=void 0!==t||o,s=je(e),l=w((()=>o?i:Pe.findOrCreate(i,s)),[i,o,s]),[c,d]=R(l.value),u=l.name??s,h=T((e=>{l.setValue(e),r||d(e)}),[r,l]);return P((()=>l.onChange(d)),[l]),P((()=>{!0===t&&h(a)}),[t,a,h]),P((()=>{if(o)return;const e=Pe.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?t:void 0!==c?a===c:n??!1,setGroupValue:h}})({name:a,value:s,checked:l,defaultChecked:c}),[q,F]=R(!1),[D,G]=R(!1),Q=w((()=>f?Ae[i]:i),[f,i]),X=w((()=>!d&&q),[d,q]),U=w((()=>!d&&!O&&D),[O,d,D]),Z=w((()=>U?.9:X?1.1:1),[X,U]),K=w((()=>O?U?"opacity-55":"opacity-100":"opacity-0"),[O,U]),J=w((()=>!d&&(U&&!O||X&&O)),[O,d,X,U]),Y=w((()=>({scale:Z})),[Z]),_=w((()=>D?$e:Me),[D]),ee=T((e=>{B(e.target.value),v?.(e)}),[v,B]),ae=T((e=>{b?.(e)}),[b]),te=T((e=>{g?.(e)}),[g]),ne=T((()=>{F(!0)}),[]),ie=T((()=>{F(!1)}),[]),oe=T((()=>{G(!0)}),[]),re=T((()=>{G(!1)}),[]),se=r?"always":"user",le=W()||r?"duration-0":"duration-120",ce={root:p({radioSizeRoot:o,radioVariantValueRoot:O?"checked":"unchecked",radioVariantRoot:Q,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:m([{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},x,N?.root])}),radio:p({radioSizeRadio:o,radioVariantRadio:Q,radioVariantValueRadio:O?"checked":"unchecked",className:m(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:p({radioVariantRadioCircle:Q,radioVariantValueRadioCircle:O?"checked":"unchecked",className:m(["pointer-events-none","w-[8px]","h-[8px]",K,le,"transition-opacity"])}),htmlRadio:m("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:m("start"===n?"text-start":"text-end",N?.label)},de=t?E.label:E.div;return M(h,{reducedMotion:se,..._,children:H(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[H(He,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:Y,insetShadow:J?"lg-invert":"none",children:[M("input",{type:"radio",...C,ref:e=>{L.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:ae,onBlur:te,id:S,name:j,value:s,disabled:d,"aria-invalid":f,onChange:ee,...$?{checked:O}:{defaultChecked:c},className:ce.htmlRadio}),M(y,{borderRadius:"full",className:ce.radioCircle})]}),t&&M(u,{as:"div",variant:"inherit",color:"inherit",label:t,className:ce.label})]})})}));Oe.displayName="Radio";var Ee=v(),We=class extends Pe{onChangeCb;isControlled;constructor(e,a){super(e),this.isControlled=a}setValue(e,a=!1){this.isControlled&&!a?this.onChangeCb?.(e):super.setValue(e)}},Be=C((function({asChild:e,name:a,value:t,defaultValue:n,onChange:i,...o},r){const s=void 0!==t,l=je(a),c=w((()=>{const e=new We(l,s);return e.value=s?t:n,e}),[n,s,l,t]);P((()=>{c.onChangeCb=i}),[i,c]),P((()=>{s&&c.setValue(t,!0)}),[s,c,t]),P((()=>c.onChange((e=>i?.(e)))),[i,c]);const d=e?Ee:"div";return M(Le.Provider,{value:c,children:M(d,{role:"radiogroup",ref:r,...o})})}));Be.displayName="RadioGroupProvider";var qe={md:{isOnX:20},sm:{isOnX:12}},Fe=F.create(y),De={layoutVariant:"bouncy",layoutSpeed:"4"},Ge=C((function({id:e,isOn:a,defaultIsOn:t,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:l,reduceMotion:c,disabled:d,required:v,onFocus:b,onBlur:g,className:x,layerClassNames:N,...C},I){const k=z(),S=e??`uds-input-${k}`,L=V(null),j=void 0!==a,[A,$]=R(j?a:t),[O,E]=R(!1),B=w((()=>!d&&O),[d,O]),{isOnX:q}=qe[r],D=w((()=>({initial:{scale:1,x:A?q:0},animate:{scale:B?1.05:1,x:A?q:0}})),[B,A,q]),G=T((e=>{n?.(e),j||$(e.target.checked)}),[j,n]),Q=T((e=>{b?.(e)}),[b]),X=T((e=>{g?.(e)}),[g]),U=T((()=>{E(!0)}),[]),Z=T((()=>{E(!1)}),[]),K=c?"always":"user",J=W()||c?"duration-0":"duration-120";P((()=>{j&&$(a)}),[a,j]);const Y={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:A?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m("group",{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},N?.root,x)}),switch:p({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:A?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:m("uds-ring","uds-ring-within",J,"transition-[background-color,box-shadow]",N?.switch)}),handle:p({switchSizeHandle:r,className:m("relative","pointer-events-none","rounded-full","overflow-hidden",N?.handle)}),handleCircle:p({switchVariantActiveHandle:A?"on":"off",switchVariantHandle:"default",className:m("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",J,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:A?"on":"off",className:m("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",J,"transition-opacity")}),htmlCheckbox:m("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:m("start"===o?"text-start":"text-end",N?.label)},_=i?F.label:F.div;return M(h,{reducedMotion:K,...De,children:H(_,{className:Y.root,"data-testid":"container",onHoverStart:U,onHoverEnd:Z,tabIndex:-1,children:[H(Fe,{className:Y.switch,children:[M("input",{type:"checkbox",...C,ref:e=>{L.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:Q,onBlur:X,id:S,disabled:d,required:v,checked:j?A:void 0,defaultChecked:j?void 0:t,onChange:G,className:Y.htmlCheckbox,style:{}}),H(Fe,{className:Y.handle,...D,children:[M(y,{className:Y.handleCircle}),s&&M(f,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:m(Y.handleIcon,A?"opacity-100":"opacity-0")}),l&&M(f,{icon:l,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:m(Y.handleIcon,A?"opacity-0":"opacity-100")})]})]}),i&&M(u,{as:"div",variant:"inherit",color:"inherit",required:v,label:i,className:Y.label})]})})}));Ge.displayName="Switch";export{ee as Avatar,J as AvatarIcon,_ as AvatarImage,Y as AvatarText,ae as Badge,de as Button,be as Checkbox,Ve as Chip,xe as ChipButton,Ne as ChipDismissible,Ce as ChipLink,we as ChipToggle,Ie as IconButton,Te as Input,Oe as Radio,Be as RadioGroupProvider,Ge as Switch};
package/dist/experimental/client/SwitchV2.cjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var e=require("../../chunk-I5TC35WI.cjs"),t=require("clsx"),r=require("motion/react-m"),a=require("react"),o=require("react/jsx-runtime");function n(e){return e&&e.__esModule?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(t),s=()=>import("../../domMax-ZTC57OAI.cjs").then((({domMax:e})=>e)),u=l(r).div,c=a.forwardRef((function({id:t,isOn:r,defaultIsOn:n,onChange:l,label:c,labelPosition:d="start",size:f="md",onIcon:h,offIcon:p,reduceMotion:b,disabled:m,required:x,onFocus:y,onBlur:v,className:C,layerClassNames:g,...j},w){const k=a.useId(),N=t??`uds-input-${k}`,O=a.useRef(null),I=void 0!==r,[M,q]=a.useState(I?r:n),P=a.useCallback((e=>{l?.(e),I||q(e.target.checked)}),[I,l]),S=a.useCallback((e=>{y?.(e)}),[y]),_=a.useCallback((e=>{v?.(e)}),[v]),A=b?"always":"user",F=b?"duration-0":"duration-120 motion-reduce:duration-0";a.useEffect((()=>{I&&q(r)}),[r,I]);const V={root:i.default("group","flex","items-center","start"===d?"flex-row":"flex-row-reverse",...m?["cursor-default","opacity-50"]:["cursor-pointer"],g?.root,C),switch:i.default("uds-ring","uds-ring-within","relative","rounded-full","items-center",F,"transition-[background-color,box-shadow]",g?.switch),handleContainer:i.default("pointer-events-none","relative","w-full","h-full"),handle:i.default("absolute","top-0","bottom-0",M?"right-0":"left-0",g?.handle),handleContents:i.default("relative","w-full","h-full","rounded-full","overflow-hidden",!m&&"group-hover:scale-105","opacity-95",!m&&"group-hover:opacity-100",F,"transition-[transform,opacity]"),handleCircle:i.default("absolute","top-0","left-0","right-0","bottom-0"),handleIcon:i.default("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"transition-opacity"),htmlCheckbox:i.default("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.default("start"===d?"text-start":"text-end",g?.label)},z=c?"label":"div";return o.jsx(e.SpringMotionConfig,{reducedMotion:A,loadFeatures:s,layoutVariant:"bouncy",layoutSpeed:"4",children:o.jsx(z,{className:V.root,"data-testid":"switch-root",tabIndex:-1,children:o.jsxs("div",{className:V.switch,children:[o.jsx("input",{type:"checkbox",...j,ref:e=>{O.current=e,"function"==typeof w?w(e):null!==w&&(w.current=e)},onFocus:S,onBlur:_,id:N,disabled:m,required:x,checked:I?M:void 0,defaultChecked:I?void 0:n,onChange:P,className:V.htmlCheckbox,style:{}}),o.jsx("div",{className:V.handleContainer,children:o.jsx(u,{className:V.handle,layout:"position",layoutDependency:M,children:o.jsx("div",{className:V.handleContents,children:o.jsx("div",{className:V.handleCircle})})})})]})})})}));c.displayName="SwitchV2",Object.defineProperty(exports,"AvoidMotionLibraryProvider",{enumerable:!0,get:function(){return e.AvoidMotionLibraryProvider}}),exports.SwitchV2=c;
2
+ "use strict";var e=require("../../chunk-LUIZSLSJ.cjs"),t=require("../../chunk-MDZCXF7W.cjs"),a=require("../../chunk-SQCEFYU5.cjs"),o=require("motion/react-m"),r=require("react"),n=require("react/jsx-runtime");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var c=()=>import("../../domMax-ZTC57OAI.cjs").then((({domMax:e})=>e)),s=i(o).create(a.Box),l=r.forwardRef((function({id:o,isOn:i,defaultIsOn:l,onChange:d,label:u,labelPosition:h="start",size:f="md",onIcon:x,offIcon:m,reduceMotion:p,disabled:b,required:y,onFocus:w,onBlur:v,className:g,layerClassNames:j,...S},C){const N=r.useId(),I=o??`uds-input-${N}`,k=r.useRef(null),V=void 0!==i,[O,q]=r.useState(V?i:l),M=r.useCallback((e=>{d?.(e),V||q(e.target.checked)}),[V,d]),z=r.useCallback((e=>{w?.(e)}),[w]),P=r.useCallback((e=>{v?.(e)}),[v]),A=p?"always":"user",B=p?"duration-0":"duration-120 motion-reduce:duration-0";r.useEffect((()=>{V&&q(i)}),[i,V]);const F={root:a.getStyles({switchSizeRoot:f,switchVariantRoot:"default",switchVariantActiveRoot:O?"on":"off",className:a.cx("group","flex","items-center","start"===h?"flex-row":"flex-row-reverse",...b?["cursor-default","opacity-50"]:["cursor-pointer"],j?.root,g)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:f,switchVariantActiveSwitch:O?"on":"off",className:a.cx("uds-ring","uds-ring-within","relative","rounded-full","items-center",B,"transition-[background-color,box-shadow]",j?.switch)}),handleContainer:a.cx("pointer-events-none","relative","w-full","h-full"),handle:a.getStyles({switchSizeHandle:f,className:a.cx("absolute","top-0","bottom-0",O?"right-0":"left-0",j?.handle)}),handleContents:a.cx("relative","w-full","h-full","rounded-full","overflow-hidden",!b&&"group-hover:scale-105","opacity-95",!b&&"group-hover:opacity-100",B,"transition-[transform,opacity]"),handleCircle:a.getStyles({switchVariantActiveHandle:O?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:a.getStyles({switchSizeHandleIcon:f,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:O?"on":"off",className:a.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",B,"transition-opacity")}),htmlCheckbox:a.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:a.cx("start"===h?"text-start":"text-end",j?.label)},H=u?"label":"div";return n.jsx(t.SpringMotionConfig,{reducedMotion:A,loadFeatures:c,layoutVariant:"bouncy",layoutSpeed:"4",children:n.jsxs(H,{className:F.root,"data-testid":"switch-root",tabIndex:-1,children:[n.jsxs(a.Box,{className:F.switch,children:[n.jsx("input",{type:"checkbox",...S,ref:e=>{k.current=e,"function"==typeof C?C(e):null!==C&&(C.current=e)},onFocus:z,onBlur:P,id:I,disabled:b,required:y,checked:V?O:void 0,defaultChecked:V?void 0:l,onChange:M,className:F.htmlCheckbox,style:{}}),n.jsx(a.Box,{className:F.handleContainer,children:n.jsx(s,{className:F.handle,layout:"position",layoutDependency:O,children:n.jsxs(a.Box,{className:F.handleContents,children:[n.jsx(a.Box,{className:F.handleCircle}),x&&n.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(F.handleIcon,O?"opacity-100":"opacity-0")}),m&&n.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(F.handleIcon,O?"opacity-0":"opacity-100")})]})})})]}),u&&n.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:y,label:u,className:F.label})]})})}));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */l.displayName="SwitchV2",Object.defineProperty(exports,"AvoidMotionLibraryProvider",{enumerable:!0,get:function(){return t.AvoidMotionLibraryProvider}}),exports.SwitchV2=l;
package/dist/experimental/client/SwitchV2.js CHANGED
@@ -1 +1,2 @@
1
- import{SpringMotionConfig as e}from"../../chunk-OGMNTWFW.js";export{AvoidMotionLibraryProvider}from"../../chunk-OGMNTWFW.js";import t from"clsx";import*as o from"motion/react-m";import{forwardRef as r,useId as a,useRef as n,useState as l,useCallback as i,useEffect as s}from"react";import{jsx as c,jsxs as d}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var u=()=>import("../../domMax-OBCHPQP3.js").then((({domMax:e})=>e)),h=o.div,m=r((function({id:o,isOn:r,defaultIsOn:m,onChange:p,label:f,labelPosition:y="start",size:b="md",onIcon:v,offIcon:x,reduceMotion:w,disabled:C,required:N,onFocus:g,onBlur:k,className:M,layerClassNames:F,...I},O){const j=a(),P=o??`uds-input-${j}`,W=n(null),B=void 0!==r,[q,G]=l(B?r:m),S=i((e=>{p?.(e),B||G(e.target.checked)}),[B,p]),T=i((e=>{g?.(e)}),[g]),V=i((e=>{k?.(e)}),[k]),z=w?"always":"user",A=w?"duration-0":"duration-120 motion-reduce:duration-0";s((()=>{B&&G(r)}),[r,B]);const D={root:t("group","flex","items-center","start"===y?"flex-row":"flex-row-reverse",...C?["cursor-default","opacity-50"]:["cursor-pointer"],F?.root,M),switch:t("uds-ring","uds-ring-within","relative","rounded-full","items-center",A,"transition-[background-color,box-shadow]",F?.switch),handleContainer:t("pointer-events-none","relative","w-full","h-full"),handle:t("absolute","top-0","bottom-0",q?"right-0":"left-0",F?.handle),handleContents:t("relative","w-full","h-full","rounded-full","overflow-hidden",!C&&"group-hover:scale-105","opacity-95",!C&&"group-hover:opacity-100",A,"transition-[transform,opacity]"),handleCircle:t("absolute","top-0","left-0","right-0","bottom-0"),handleIcon:t("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",A,"transition-opacity"),htmlCheckbox:t("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:t("start"===y?"text-start":"text-end",F?.label)};return c(e,{reducedMotion:z,loadFeatures:u,layoutVariant:"bouncy",layoutSpeed:"4",children:c(f?"label":"div",{className:D.root,"data-testid":"switch-root",tabIndex:-1,children:d("div",{className:D.switch,children:[c("input",{type:"checkbox",...I,ref:e=>{W.current=e,"function"==typeof O?O(e):null!==O&&(O.current=e)},onFocus:T,onBlur:V,id:P,disabled:C,required:N,checked:B?q:void 0,defaultChecked:B?void 0:m,onChange:S,className:D.htmlCheckbox,style:{}}),c("div",{className:D.handleContainer,children:c(h,{className:D.handle,layout:"position",layoutDependency:q,children:c("div",{className:D.handleContents,children:c("div",{className:D.handleCircle})})})})]})})})}));m.displayName="SwitchV2";export{m as SwitchV2};
1
+ "use client";
2
+ import{FormLabel as t}from"../../chunk-XMZZKQMQ.js";import{SpringMotionConfig as e}from"../../chunk-NAELW5O7.js";export{AvoidMotionLibraryProvider}from"../../chunk-NAELW5O7.js";import{Box as a,cx as o,getStyles as i,IconSlot as n}from"../../chunk-OJB3FVN6.js";import*as r from"motion/react-m";import{forwardRef as l,useId as c,useRef as s,useState as d,useCallback as h,useEffect as u}from"react";import{jsx as m,jsxs as f}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var p=()=>import("../../domMax-OBCHPQP3.js").then((({domMax:t})=>t)),w=r.create(a),y=l((function({id:r,isOn:l,defaultIsOn:y,onChange:b,label:v,labelPosition:N="start",size:x="md",onIcon:C,offIcon:g,reduceMotion:k,disabled:V,required:I,onFocus:S,onBlur:z,className:A,layerClassNames:H,...M},j){const O=c(),P=r??`uds-input-${O}`,B=s(null),F=void 0!==l,[q,L]=d(F?l:y),Q=h((t=>{b?.(t),F||L(t.target.checked)}),[F,b]),R=h((t=>{S?.(t)}),[S]),E=h((t=>{z?.(t)}),[z]),W=k?"always":"user",Z=k?"duration-0":"duration-120 motion-reduce:duration-0";u((()=>{F&&L(l)}),[l,F]);const D={root:i({switchSizeRoot:x,switchVariantRoot:"default",switchVariantActiveRoot:q?"on":"off",className:o("group","flex","items-center","start"===N?"flex-row":"flex-row-reverse",...V?["cursor-default","opacity-50"]:["cursor-pointer"],H?.root,A)}),switch:i({switchVariantSwitch:"default",switchSizeSwitch:x,switchVariantActiveSwitch:q?"on":"off",className:o("uds-ring","uds-ring-within","relative","rounded-full","items-center",Z,"transition-[background-color,box-shadow]",H?.switch)}),handleContainer:o("pointer-events-none","relative","w-full","h-full"),handle:i({switchSizeHandle:x,className:o("absolute","top-0","bottom-0",q?"right-0":"left-0",H?.handle)}),handleContents:o("relative","w-full","h-full","rounded-full","overflow-hidden",!V&&"group-hover:scale-105","opacity-95",!V&&"group-hover:opacity-100",Z,"transition-[transform,opacity]"),handleCircle:i({switchVariantActiveHandle:q?"on":"off",switchVariantHandle:"default",className:o("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:i({switchSizeHandleIcon:x,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:q?"on":"off",className:o("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",Z,"transition-opacity")}),htmlCheckbox:o("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:o("start"===N?"text-start":"text-end",H?.label)};return m(e,{reducedMotion:W,loadFeatures:p,layoutVariant:"bouncy",layoutSpeed:"4",children:f(v?"label":"div",{className:D.root,"data-testid":"switch-root",tabIndex:-1,children:[f(a,{className:D.switch,children:[m("input",{type:"checkbox",...M,ref:t=>{B.current=t,"function"==typeof j?j(t):null!==j&&(j.current=t)},onFocus:R,onBlur:E,id:P,disabled:V,required:I,checked:F?q:void 0,defaultChecked:F?void 0:y,onChange:Q,className:D.htmlCheckbox,style:{}}),m(a,{className:D.handleContainer,children:m(w,{className:D.handle,layout:"position",layoutDependency:q,children:f(a,{className:D.handleContents,children:[m(a,{className:D.handleCircle}),C&&m(n,{icon:C,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:o(D.handleIcon,q?"opacity-100":"opacity-0")}),g&&m(n,{icon:g,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o(D.handleIcon,q?"opacity-0":"opacity-100")})]})})})]}),v&&m(t,{as:"div",variant:"inherit",color:"inherit",required:I,label:v,className:D.label})]})})}));y.displayName="SwitchV2";export{y as SwitchV2};