@yahoo/uds 3.13.1 → 3.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/chunk-DVGFVNDI.js +2 -0
  2. package/dist/{chunk-PP2Z6HI3.cjs → chunk-EGWHQYCX.cjs} +1 -1
  3. package/dist/{chunk-MQI5GFGF.js → chunk-FDIYBNDK.js} +3 -3
  4. package/dist/{chunk-5BYL7WNH.cjs → chunk-ZSLO4JSU.cjs} +1 -1
  5. package/dist/client/Menu.cjs +1 -1
  6. package/dist/client/Menu.js +2 -2
  7. package/dist/client/index.cjs +1 -1
  8. package/dist/client/index.js +1 -1
  9. package/dist/index.cjs +1 -1
  10. package/dist/index.js +1 -1
  11. package/dist/metafile-cjs.json +1 -1
  12. package/dist/metafile-esm.json +1 -1
  13. package/dist/tailwind/plugin.cjs +1 -1
  14. package/dist/tailwind/plugin.js +2 -2
  15. package/dist/tailwind/utils.cjs +1 -1
  16. package/dist/tailwind/utils.d.cts +1 -1
  17. package/dist/tailwind/utils.d.ts +1 -1
  18. package/dist/tailwind/utils.js +1 -1
  19. package/dist/tokens/automation/configs.cjs +1 -1
  20. package/dist/tokens/automation/configs.js +1 -1
  21. package/dist/tokens/automation/properties.cjs +1 -1
  22. package/dist/tokens/automation/properties.js +1 -1
  23. package/dist/tokens/index.cjs +1 -1
  24. package/dist/tokens/index.js +1 -1
  25. package/package.json +1 -1
  26. package/dist/chunk-5QLKLUZU.js +0 -2
package/dist/client/Menu.cjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var r=require("../chunk-OVXGAHLE.cjs"),e=require("../chunk-PP2Z6HI3.cjs"),t=require("../chunk-BCFYKKRU.cjs"),a=require("../chunk-NUEZVMWZ.cjs"),d=require("@ariakit/react/menu"),s=require("react"),n=require("use-sync-external-store/shim/index.js"),c=require("@yahoo/uds/fixtures"),i=require("motion/react"),o=require("react/jsx-runtime"),u=require("@ariakit/react");function l(r){return r&&r.__esModule?r:{default:r}}function x(r){if(r&&r.__esModule)return r;var e=Object.create(null);return r&&Object.keys(r).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:function(){return r[t]}})}})),e.default=r,Object.freeze(e)}var m=x(s),p=l(n),b={};function f(r){return r}function h(r,e){const t=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(t,"Invalid store"),t[e]}a.__export(b,{Content:()=>C,Divider:()=>j,Item:()=>V,ItemCheckbox:()=>E,Provider:()=>O,Trigger:()=>z,useMenuContext:()=>d.useMenuContext,useMenuStore:()=>d.useMenuStore,useStoreState:()=>u.useStoreState});var{useSyncExternalStore:_}=p.default;function v(r,e=f){const t=m.useCallback((e=>r?function(r,...e){if(r)return h(r,"subscribe")(...e)}(r,null,e):()=>{}),[r]),a=()=>{const t="string"==typeof e?e:null,a="function"==typeof e?e:null,d=null==r?void 0:r.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 _(t,a,a)}var g=i.m.create(t.VStack),y=5,I=.97,S={top:{x:0,y:y},bottom:{x:0,y:-5},left:{x:y,y:0},right:{x:-5,y:0}},w=r=>s.useMemo((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...S[e],opacity:0,scale:I},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),C=s.forwardRef((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:n,spacingStart:u,spacingTop:l,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:y,sameWidth:I,focusable:S,children:C,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=d.useMenuContext(),R=v(E,"open"),P=v(E,"mounted"),O=v(E,"currentPlacement"),z=v(E,"placement"),[A,q]=s.useState(O),[T,B]=s.useState(O);s.useEffect((()=>{z!==T&&B(z)}),[z]),s.useEffect((()=>{O!==T&&B(O)}),[O]),s.useEffect((()=>{P&&T!==A&&q(T)}),[P,T,A]);const H=s.useMemo((()=>R&&P?"open":"closed"),[R,P]),D=s.useMemo((()=>R?_:"none"),[R,_]),W=w(T),$=(({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:p,spacing:e}),F=s.useMemo((()=>c.spacingMap[x]),[x]);return o.jsx(i.AnimatePresence,{initial:!1,children:o.jsx(d.Menu,{gutter:F,sameWidth:I,focusable:S,store:E,ref:V,portalElement:j,portal:k,...M,render:o.jsx(g,{backgroundColor:m,gap:r,spacing:e,spacingBottom:a,spacingEnd:n,spacingStart:u,spacingTop:l,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:H,variants:W,dropShadow:D,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&&$,y),children:C})})})})),j=s.forwardRef((function({role:e="separator",contentPosition:a="start",gap:d="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:c=(s?"4":"0"),className:i,...u},l){const x={root:t.getStyles({menuDividerVariantRoot:"default",className:i}),text:t.getStyles({menuDividerVariantText:"default"})};return o.jsx(r.DividerInternal,{ref:l,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:n,spacingHorizontal:c,className:x.root,layerClassNames:x,...u,children:s})}));j.displayName="MenuDivider";var k="uds-menu-item",N={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},M=s.forwardRef((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:n="4",spacingStart:c,spacingTop:u,spacingVertical:l="3.5",columnGap:x="2",className:m,children:p,endIcon:b,startIcon:f,hideEndIcon:h,active:_,disabled:v,as:g,rootProps:y,name:I,alignItems:S="center",justifyContent:w="space-between",layerClassNames:C,...j},M){const V=s.Children.count(p)>1,E=(({active:r,disabled:e,className:a})=>t.cx(k,"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:_,disabled:v,className:m}),R=t.getStyles({className:t.cx(`${k}-content truncate`,C?.text),textAlign:"start",...V&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),P=s.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 o.jsx(t.Box,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:n,spacingStart:c,spacingTop:u,spacingVertical:l,columnGap:x,className:P.root,alignItems:S,justifyContent:w,children:o.jsxs(g,{render:o.jsx(e.Pressable,{ref:M,...j}),name:I??"",disabled:v,...y,children:[o.jsxs(t.HStack,{gap:x,alignItems:"center",width:"full",children:[o.jsx(i.AnimatePresence,{initial:!1,children:f&&o.jsx(i.m.span,{variants:N,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:o.jsx(t.IconSlot,{icon:f,className:P.startIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})}),o.jsx("span",{className:R,children:p})]}),o.jsx(i.AnimatePresence,{initial:!1,mode:"popLayout",children:!h&&b&&o.jsx(i.m.span,{variants:N,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:o.jsx(t.IconSlot,{icon:b,className:P.endIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})})]})})})),V=s.forwardRef((function({active:r,...e},a){const s={root:t.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:t.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:t.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return o.jsx(M,{ref:a,as:d.MenuItem,active:r,layerClassNames:s,...e})}));V.displayName="MenuItem";var E=s.forwardRef((function({name:r,endIcon:a=e.e,checked:n,defaultChecked:c,className:i,...l},x){const m=r,p=s.useRef(!1),b=d.useMenuContext(),f=u.useStoreState(b);s.useEffect((()=>{!p.current&&void 0!==c&&b&&(b.setValues((r=>({...r,[m]:c}))),p.current=!0)}),[b,c,m]);const h=s.useMemo((()=>{if(void 0!==n)return n;if(f?.items?.length){const r=f?.items.find((r=>r.element?.name===m));if(r?.element)return r.element.checked}const r=f?.values[m];return"boolean"==typeof r?r:c??!1}),[f?.items,f?.values,m,n,c]),_=s.useCallback((r=>{void 0===n&&b?.setValues((e=>({...e,[m]:r.target.checked})))}),[m,b,n]),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 o.jsx(M,{ref:x,as:d.MenuItemCheckbox,hideEndIcon:!h,endIcon:a,active:h,className:t.cx("uds-menu-item-checkbox",i),layerClassNames:v,rootProps:{name:r,onChange:_,defaultChecked:c,checked:void 0!==n?n:void 0},...l})}));E.displayName="MenuItemCheckbox";var R=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},P=r=>{const[e,t]=s.useState(R);return s.useEffect((()=>{if(r?.explicit)return void t(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})((()=>{t(R())}));return()=>e.disconnect()}),[r?.explicit]),e},O=function({placement:r="bottom",rtl:t,...a}){const s=P({explicit:t}),n=((r,e)=>{const t=e?.rtl;if("start"===r)return t?"right":"left";if("end"===r)return t?"left":"right";if(r?.includes("-")){const[e,a]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==a&&"bottom"!==a))return`${"start"===e?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===a?t?"end":"start":t?"start":"end"}`}return r})(r,{rtl:s});return o.jsx(e.SpringMotionConfig,{children:o.jsx(d.MenuProvider,{placement:n,rtl:s,...a})})},z=s.forwardRef((function({asChild:r,className:e,...a},n){const c=s.useRef(null),i=r?o.jsx(t.Box,{ref:c,className:"uds-ring h-fit w-fit"}):void 0,u=s.useCallback((()=>{const r=c.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[c]);return o.jsx(d.MenuButton,{onFocus:u,onFocusVisible:u,ref:n,render:i,className:t.cx("uds-menu-trigger",e),...a})}));exports.Menu=b;
2
+ "use strict";var r=require("../chunk-OVXGAHLE.cjs"),e=require("../chunk-EGWHQYCX.cjs"),t=require("../chunk-BCFYKKRU.cjs"),a=require("../chunk-NUEZVMWZ.cjs"),d=require("@ariakit/react/menu"),s=require("react"),n=require("use-sync-external-store/shim/index.js"),c=require("@yahoo/uds/fixtures"),i=require("motion/react"),o=require("react/jsx-runtime"),u=require("@ariakit/react");function l(r){return r&&r.__esModule?r:{default:r}}function x(r){if(r&&r.__esModule)return r;var e=Object.create(null);return r&&Object.keys(r).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:function(){return r[t]}})}})),e.default=r,Object.freeze(e)}var m=x(s),p=l(n),b={};function f(r){return r}function h(r,e){const t=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(t,"Invalid store"),t[e]}a.__export(b,{Content:()=>C,Divider:()=>j,Item:()=>V,ItemCheckbox:()=>E,Provider:()=>O,Trigger:()=>z,useMenuContext:()=>d.useMenuContext,useMenuStore:()=>d.useMenuStore,useStoreState:()=>u.useStoreState});var{useSyncExternalStore:_}=p.default;function v(r,e=f){const t=m.useCallback((e=>r?function(r,...e){if(r)return h(r,"subscribe")(...e)}(r,null,e):()=>{}),[r]),a=()=>{const t="string"==typeof e?e:null,a="function"==typeof e?e:null,d=null==r?void 0:r.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 _(t,a,a)}var g=i.m.create(t.VStack),y=5,I=.97,S={top:{x:0,y:y},bottom:{x:0,y:-5},left:{x:y,y:0},right:{x:-5,y:0}},w=r=>s.useMemo((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...S[e],opacity:0,scale:I},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),C=s.forwardRef((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:n,spacingStart:u,spacingTop:l,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:y,sameWidth:I,focusable:S,children:C,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=d.useMenuContext(),R=v(E,"open"),P=v(E,"mounted"),O=v(E,"currentPlacement"),z=v(E,"placement"),[A,q]=s.useState(O),[T,B]=s.useState(O);s.useEffect((()=>{z!==T&&B(z)}),[z]),s.useEffect((()=>{O!==T&&B(O)}),[O]),s.useEffect((()=>{P&&T!==A&&q(T)}),[P,T,A]);const H=s.useMemo((()=>R&&P?"open":"closed"),[R,P]),D=s.useMemo((()=>R?_:"none"),[R,_]),W=w(T),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:p,spacing:e}),$=s.useMemo((()=>c.spacingMap[x]),[x]);return o.jsx(i.AnimatePresence,{initial:!1,children:o.jsx(d.Menu,{gutter:$,sameWidth:I,focusable:S,store:E,ref:V,portalElement:j,portal:k,...M,render:o.jsx(g,{backgroundColor:m,gap:r,spacing:e,spacingBottom:a,spacingEnd:n,spacingStart:u,spacingTop:l,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:H,variants:W,dropShadow:D,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&&G,y),children:C})})})})),j=s.forwardRef((function({role:e="separator",contentPosition:a="start",gap:d="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:c=(s?"4":"0"),className:i,...u},l){const x={root:t.getStyles({menuDividerVariantRoot:"default",className:i}),text:t.getStyles({menuDividerVariantText:"default"})};return o.jsx(r.DividerInternal,{ref:l,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:n,spacingHorizontal:c,className:x.root,layerClassNames:x,...u,children:s})}));j.displayName="MenuDivider";var k="uds-menu-item",N={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},M=s.forwardRef((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:n="4",spacingStart:c,spacingTop:u,spacingVertical:l="3.5",columnGap:x="2",className:m,children:p,endIcon:b,startIcon:f,hideEndIcon:h,active:_,disabled:v,as:g,rootProps:y,name:I,alignItems:S="center",justifyContent:w="space-between",layerClassNames:C,...j},M){const V=s.Children.count(p)>1,E=(({active:r,disabled:e,className:a})=>t.cx(k,"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:_,disabled:v,className:m}),R=t.getStyles({className:t.cx(`${k}-content truncate`,C?.text),textAlign:"start",...V&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),P=s.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 o.jsx(t.Box,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:n,spacingStart:c,spacingTop:u,spacingVertical:l,columnGap:x,className:P.root,alignItems:S,justifyContent:w,children:o.jsxs(g,{render:o.jsx(e.Pressable,{ref:M,...j}),name:I??"",disabled:v,...y,children:[o.jsxs(t.HStack,{gap:x,alignItems:"center",width:"full",children:[o.jsx(i.AnimatePresence,{initial:!1,children:f&&o.jsx(i.m.span,{variants:N,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:o.jsx(t.IconSlot,{icon:f,className:P.startIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})}),o.jsx("span",{className:R,children:p})]}),o.jsx(i.AnimatePresence,{initial:!1,mode:"popLayout",children:!h&&b&&o.jsx(i.m.span,{variants:N,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:o.jsx(t.IconSlot,{icon:b,className:P.endIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})})]})})})),V=s.forwardRef((function({active:r,...e},a){const s={root:t.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:t.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:t.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return o.jsx(M,{ref:a,as:d.MenuItem,active:r,layerClassNames:s,...e})}));V.displayName="MenuItem";var E=s.forwardRef((function({name:r,endIcon:a=e.e,checked:n,defaultChecked:c,className:i,...l},x){const m=r,p=s.useRef(!1),b=d.useMenuContext(),f=u.useStoreState(b);s.useEffect((()=>{!p.current&&void 0!==c&&b&&(b.setValues((r=>({...r,[m]:c}))),p.current=!0)}),[b,c,m]);const h=s.useMemo((()=>{if(void 0!==n)return n;if(f?.items?.length){const r=f?.items.find((r=>r.element?.name===m));if(r?.element)return r.element.checked}const r=f?.values[m];return"boolean"==typeof r?r:c??!1}),[f?.items,f?.values,m,n,c]),_=s.useCallback((r=>{void 0===n&&b?.setValues((e=>({...e,[m]:r.target.checked})))}),[m,b,n]),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 o.jsx(M,{ref:x,as:d.MenuItemCheckbox,hideEndIcon:!h,endIcon:a,active:h,className:t.cx("uds-menu-item-checkbox",i),layerClassNames:v,rootProps:{name:r,onChange:_,defaultChecked:c,checked:void 0!==n?n:void 0},...l})}));E.displayName="MenuItemCheckbox";var R=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},P=r=>{const[e,t]=s.useState(R);return s.useEffect((()=>{if(r?.explicit)return void t(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})((()=>{t(R())}));return()=>e.disconnect()}),[r?.explicit]),e},O=function({placement:r="bottom",rtl:t,...a}){const s=P({explicit:t}),n=((r,e)=>{const t=e?.rtl;if("start"===r)return t?"right":"left";if("end"===r)return t?"left":"right";if(r?.includes("-")){const[e,a]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==a&&"bottom"!==a))return`${"start"===e?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===a?t?"end":"start":t?"start":"end"}`}return r})(r,{rtl:s});return o.jsx(e.SpringMotionConfig,{children:o.jsx(d.MenuProvider,{placement:n,rtl:s,...a})})},z=s.forwardRef((function({asChild:r,className:e,...a},n){const c=s.useRef(null),i=r?o.jsx(t.Box,{ref:c,className:"uds-ring h-fit w-fit"}):void 0,u=s.useCallback((()=>{const r=c.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[c]);return o.jsx(d.MenuButton,{onFocus:u,onFocusVisible:u,ref:n,render:i,className:t.cx("uds-menu-trigger",e),...a})}));exports.Menu=b;
package/dist/client/Menu.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import{DividerInternal as r}from"../chunk-XYUF3GPH.js";import{Pressable as e,e as a,SpringMotionConfig as d}from"../chunk-MQI5GFGF.js";import{VStack as t,cx as s,getStyles as i,Box as n,HStack as c,IconSlot as o}from"../chunk-S2FXUKQX.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 V}from"@yahoo/uds/fixtures";import{m as S,AnimatePresence as E}from"motion/react";import{jsx as j,jsxs as z}from"react/jsx-runtime";import{useStoreState as M}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
3
- var R={};function P(r){return r}function T(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}u(R,{Content:()=>D,Divider:()=>W,Item:()=>L,ItemCheckbox:()=>Q,Provider:()=>J,Trigger:()=>Z,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>M});var{useSyncExternalStore:A}=k;function F(r,e=P){const a=_.useCallback((e=>r?function(r,...e){if(r)return T(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 O=S.create(t),G=5,H=.97,B={top:{x:0,y:G},bottom:{x:0,y:-5},left:{x:G,y:0},right:{x:-5,y:0}},$=r=>w((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...B[e],opacity:0,scale:H},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),D=v((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,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},S){const z=m(),M=F(z,"open"),R=F(z,"mounted"),P=F(z,"currentPlacement"),T=F(z,"placement"),[A,G]=g(P),[H,B]=g(P);I((()=>{T!==H&&B(T)}),[T]),I((()=>{P!==H&&B(P)}),[P]),I((()=>{R&&H!==A&&G(H)}),[R,H,A]);const D=w((()=>M&&R?"open":"closed"),[M,R]),W=w((()=>M?b:"none"),[M,b]),X=$(H),K=(({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}),U=w((()=>V[n]),[n]);return j(E,{initial:!1,children:j(x,{gutter:U,sameWidth:f,focusable:_,store:z,ref:S,portalElement:y,portal:C,...k,render:j(O,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:i,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:D,variants:X,dropShadow:W,className:s("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&&K,h),children:v})})})})),W=v((function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:s=(t?"2":"0"),spacingHorizontal:n=(t?"4":"0"),className:c,...o},u){const l={root:i({menuDividerVariantRoot:"default",className:c}),text:i({menuDividerVariantText:"default"})};return j(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:n,className:l.root,layerClassNames:l,...o,children:t})}));W.displayName="MenuDivider";var X="uds-menu-item",K={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},U=v((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:t="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:V="space-between",layerClassNames:M,...R},P){const T=y.count(b)>1,A=(({active:r,disabled:e,className:a})=>s(X,"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}),F=i({className:s(`${X}-content truncate`,M?.text),textAlign:"start",...T&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),O=w((()=>({root:i({menuSizeRoot:"default",className:s(M?.root,A)}),startIcon:i({menuSizeStartIcon:"default",className:M?.startIcon}),endIcon:i({menuSizeEndIcon:"default",className:M?.endIcon})})),[M,A]);return j(n,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:t,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:O.root,alignItems:k,justifyContent:V,children:z(I,{render:j(e,{ref:P,...R}),name:N??"",disabled:g,...C,children:[z(c,{gap:x,alignItems:"center",width:"full",children:[j(E,{initial:!1,children:f&&j(S.span,{variants:K,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:j(o,{icon:f,className:O.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),j("span",{className:F,children:b})]}),j(E,{initial:!1,mode:"popLayout",children:!_&&h&&j(S.span,{variants:K,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:j(o,{icon:h,className:O.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),L=v((function({active:r,...e},a){const d={root:i({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:i({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:i({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return j(U,{ref:a,as:p,active:r,layerClassNames:d,...e})}));L.displayName="MenuItem";var Q=v((function({name:r,endIcon:e=a,checked:d,defaultChecked:t,className:n,...c},o){const u=r,l=C(!1),x=m(),p=M(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=N((r=>{void 0===d&&x?.setValues((e=>({...e,[u]:r.target.checked})))}),[u,x,d]),_={root:i({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:i({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:i({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:i({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return j(U,{ref:o,as:b,hideEndIcon:!h,endIcon:e,active:h,className:s("uds-menu-item-checkbox",n),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:t,checked:void 0!==d?d:void 0},...c})}));Q.displayName="MenuItemCheckbox";var Y=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},q=r=>{const[e,a]=g(Y);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(Y())}));return()=>e.disconnect()}),[r?.explicit]),e},J=function({placement:r="bottom",rtl:e,...a}){const t=q({explicit:e}),s=((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:t});return j(d,{children:j(h,{placement:s,rtl:t,...a})})},Z=v((function({asChild:r,className:e,...a},d){const t=C(null),i=r?j(n,{ref:t,className:"uds-ring h-fit w-fit"}):void 0,c=N((()=>{const r=t.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[t]);return j(f,{onFocus:c,onFocusVisible:c,ref:d,render:i,className:s("uds-menu-trigger",e),...a})}));export{R as Menu};
2
+ import{DividerInternal as r}from"../chunk-XYUF3GPH.js";import{Pressable as e,e as a,SpringMotionConfig as d}from"../chunk-FDIYBNDK.js";import{VStack as t,cx as s,getStyles as i,Box as n,HStack as c,IconSlot as o}from"../chunk-S2FXUKQX.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 V}from"@yahoo/uds/fixtures";import{m as S,AnimatePresence as E}from"motion/react";import{jsx as j,jsxs as z}from"react/jsx-runtime";import{useStoreState as R}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
3
+ var M={};function P(r){return r}function T(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}u(M,{Content:()=>G,Divider:()=>K,Item:()=>L,ItemCheckbox:()=>Y,Provider:()=>J,Trigger:()=>Z,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>R});var{useSyncExternalStore:A}=k;function O(r,e=P){const a=_.useCallback((e=>r?function(r,...e){if(r)return T(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 B=S.create(t),D=5,F=.97,H={top:{x:0,y:D},bottom:{x:0,y:-5},left:{x:D,y:0},right:{x:-5,y:0}},$=r=>w((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...H[e],opacity:0,scale:F},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),G=v((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,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},S){const z=m(),R=O(z,"open"),M=O(z,"mounted"),P=O(z,"currentPlacement"),T=O(z,"placement"),[A,D]=g(P),[F,H]=g(P);I((()=>{T!==F&&H(T)}),[T]),I((()=>{P!==F&&H(P)}),[P]),I((()=>{M&&F!==A&&D(F)}),[M,F,A]);const G=w((()=>R&&M?"open":"closed"),[R,M]),K=w((()=>R?b:"none"),[R,b]),W=$(F),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}),U=w((()=>V[n]),[n]);return j(E,{initial:!1,children:j(x,{gutter:U,sameWidth:f,focusable:_,store:z,ref:S,portalElement:y,portal:C,...k,render:j(B,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:i,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:G,variants:W,dropShadow:K,className:s("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})})})})),K=v((function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:s=(t?"2":"0"),spacingHorizontal:n=(t?"4":"0"),className:c,...o},u){const l={root:i({menuDividerVariantRoot:"default",className:c}),text:i({menuDividerVariantText:"default"})};return j(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:n,className:l.root,layerClassNames:l,...o,children:t})}));K.displayName="MenuDivider";var W="uds-menu-item",X={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},U=v((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:t="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:V="space-between",layerClassNames:R,...M},P){const T=y.count(b)>1,A=(({active:r,disabled:e,className:a})=>s(W,"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=i({className:s(`${W}-content truncate`,R?.text),textAlign:"start",...T&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),B=w((()=>({root:i({menuSizeRoot:"default",className:s(R?.root,A)}),startIcon:i({menuSizeStartIcon:"default",className:R?.startIcon}),endIcon:i({menuSizeEndIcon:"default",className:R?.endIcon})})),[R,A]);return j(n,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:t,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:B.root,alignItems:k,justifyContent:V,children:z(I,{render:j(e,{ref:P,...M}),name:N??"",disabled:g,...C,children:[z(c,{gap:x,alignItems:"center",width:"full",children:[j(E,{initial:!1,children:f&&j(S.span,{variants:X,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:O,children:b})]}),j(E,{initial:!1,mode:"popLayout",children:!_&&h&&j(S.span,{variants:X,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"}})})})]})})})),L=v((function({active:r,...e},a){const d={root:i({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:i({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:i({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return j(U,{ref:a,as:p,active:r,layerClassNames:d,...e})}));L.displayName="MenuItem";var Y=v((function({name:r,endIcon:e=a,checked:d,defaultChecked:t,className:n,...c},o){const u=r,l=C(!1),x=m(),p=R(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=N((r=>{void 0===d&&x?.setValues((e=>({...e,[u]:r.target.checked})))}),[u,x,d]),_={root:i({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:i({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:i({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:i({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return j(U,{ref:o,as:b,hideEndIcon:!h,endIcon:e,active:h,className:s("uds-menu-item-checkbox",n),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:t,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},q=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},J=function({placement:r="bottom",rtl:e,...a}){const t=q({explicit:e}),s=((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:t});return j(d,{children:j(h,{placement:s,rtl:t,...a})})},Z=v((function({asChild:r,className:e,...a},d){const t=C(null),i=r?j(n,{ref:t,className:"uds-ring h-fit w-fit"}):void 0,c=N((()=>{const r=t.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[t]);return j(f,{onFocus:c,onFocusVisible:c,ref:d,render:i,className:s("uds-menu-trigger",e),...a})}));export{M as Menu};
package/dist/client/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var e=require("../chunk-YV2EYDJK.cjs"),t=require("../chunk-PP2Z6HI3.cjs"),a=require("../chunk-BCFYKKRU.cjs"),n=require("../chunk-5BYL7WNH.cjs"),i=require("../chunk-4NZKRK55.cjs"),o=require("react"),s=require("react/jsx-runtime"),r=require("@yahoo/uds/fixtures"),l=require("motion/react"),c=require("lodash-es"),d=require("@yahoo/uds/client/Menu"),u={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("")},p=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof t?t(e):u[t](a)},h=(e="md")=>a.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),m=e=>e?{height:e,width:e}:{},x="primary",f="md",g={primary:t.e2,secondary:t.t},b=({size:e=f,variant:t=x,customSize:n,icon:i,className:r})=>{const l=o.useMemo((()=>m(n)),[n]),c=o.useMemo((()=>a.cx(h(e),a.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),r)),[r,e,t]),d=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),u=o.useMemo((()=>({...l,boxSizing:"content-box"})),[l]),p=o.useMemo((()=>i??g[t??"primary"]),[i,t]),b=o.useMemo((()=>a.getStyles({avatarSizeIcon:e})),[e]);return s.jsx(a.Box,{className:c,style:l,children:s.jsx(a.Box,{className:d,style:u,children:s.jsx(a.Icon,{name:p,variant:"fill",color:"current",className:b,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */b.displayName="AvatarIcon";var y=({size:e=f,variant:t=x,name:n,initials:i,customSize:r,abbreviationStrategy:l,className:c})=>{const d=o.useMemo((()=>a.cx(h(e),a.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",c)),[c,e,t]),u=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),g=o.useMemo((()=>m(r)),[r]),b=o.useMemo((()=>({...g,boxSizing:"content-box"})),[g]);return s.jsx(a.Box,{className:d,style:g,children:s.jsx(a.Text,{color:"inherit",variant:"inherit",className:u,style:b,"data-testid":"avatar-text",children:i||p(n,l)})})};y.displayName="AvatarText";var v=({size:t=f,variant:n=x,src:i,srcSet:r,customSize:l,alt:c,imageProps:d,abbreviationStrategy:u,fallback:p,className:g})=>{const[v,S]=o.useState("loading");o.useEffect((()=>{let e=!0;if(i||r){const t=new Image;t.onload=()=>{e&&S("loaded")},t.onerror=()=>{e&&S("error")},i&&(t.src=i),r&&(t.srcset=r)}else S("error");return()=>{e=!1}}),[i,r]);const C=o.useMemo((()=>a.cx(h(t),a.getStyles({avatarImageVariantRoot:n,overflow:"hidden"}),g)),[g,t,n]),I=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),N=o.useMemo((()=>m(l)),[l]),j=o.useMemo((()=>({...N,boxSizing:"content-box"})),[N]);if("loaded"===v)return s.jsx(a.Box,{className:C,style:N,children:s.jsx(e.Image,{src:i,srcSet:r,alt:c,className:I,style:j,...d})});const k={size:t,customSize:l,variant:n};return p||c?s.jsx(y,{name:c,initials:p,abbreviationStrategy:u,...k}):s.jsx(b,{...k})};v.displayName="AvatarImage";var S=e=>s.jsx(v,{...e});S.displayName="Avatar";var C=o.forwardRef((function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:r,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=o.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=o.useMemo((()=>({variant:"fill",style:{...u?{color:u}:{}}})),[u]);return s.jsxs(a.HStack,{ref:f,gap:"2",display:"inline-flex",alignItems:"center",className:g,style:y,...x,children:[r&&s.jsx(a.IconSlot,{icon:r,iconProps:v,"data-testid":"start-icon",className:b}),s.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:h}),l&&s.jsx(a.IconSlot,{icon:l,iconProps:v,"data-testid":"end-icon",className:b})]})}));C.displayName="Badge";var I={scale:.7,opacity:0},N={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},j={icon:N,hide:I,loading:I},k={loading:N,hide:I,icon:I},w=`var(${i.BUTTON_CSS_VAR_MAP.columnGap})`,V=`var(${i.BUTTON_CSS_VAR_MAP.iconSize})`,M={rest:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:w}},R={hide:{width:"0px",opacity:0,display:"none"},loading:{width:V,display:"flex",opacity:1},icon:{width:V,display:"flex",opacity:1}},z=o.forwardRef((function({variant:e,size:i,startIcon:c,endIcon:d,iconVariant:u,loading:p,disableEffects:h,children:m,asChild:x,type:f="button",className:g,width:b,...y},v){const S=o.useRef(null);o.useImperativeHandle(v,(()=>S.current));const C=o.useMemo((()=>a.createSlot()),[]),I=o.useMemo((()=>l.m.create(C)),[C]),N=d?"icon":"hide",w=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:c,endIcon:d,loading:p}),V=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:p,startIcon:c}),{palette:z,variant:T}=o.useMemo((()=>n.parseDeprecatedButtonPaletteVariant({flatVariant:e})),[e]),P=o.useMemo((()=>({button:a.getStyles({width:b,buttonSize:i,buttonVariant:T,buttonPalette:z,className:a.cx("uds-button","uds-ring","uds-hit-target",p&&"uds-button-loading",h&&"uds-button-without-effects","withIcon"===w&&"uds-button-with-gap",g)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"})),[b,i,T,z,g,p,h,w]),B=l.useReducedMotion()?"smooth":"subtle",A=o.useMemo((()=>s.jsx(l.m.span,{className:P.iconContainer,initial:!1,variants:R,animate:V,children:s.jsxs(l.AnimatePresence,{initial:!1,mode:"popLayout",children:[p&&s.jsx(l.m.span,{variants:k,initial:"hide",animate:"loading",exit:"hide",children:s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:t.o2,variant:u,color:"current",className:P.loading})},"loading"),c&&!p&&s.jsx(l.m.span,{variants:j,initial:"hide",animate:"icon",exit:"hide",children:s.jsx(a.IconSlot,{className:P.start,icon:c,iconProps:{size:r.buttonIconSvgSize,variant:u,color:"current"}})})]})})),[P.iconContainer,P.loading,P.start,V,p,u,c]),E=o.useMemo((()=>s.jsx(l.m.span,{className:P.iconContainer,initial:!1,variants:R,animate:N,children:s.jsx(l.AnimatePresence,{initial:!1,mode:"popLayout",children:d&&s.jsx(l.m.span,{variants:j,initial:"hide",animate:"icon",exit:"hide",children:s.jsx(a.IconSlot,{className:P.end,icon:d,iconProps:{size:r.buttonIconSvgSize,variant:u,color:"current"}})})})})),[P.iconContainer,P.end,d,N,u]),L=o.useMemo((()=>h?{...M,rest:{},hover:{},pressed:{}}:M),[h]);return x&&o.isValidElement(m)?s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:s.jsx(I,{type:f,className:P.button,initial:["hide",w],animate:w,variants:L,whileHover:"hover",whileTap:"pressed",...y,children:o.cloneElement(m,m.props,s.jsxs(s.Fragment,{children:[A,s.jsx("span",{className:P.content,children:m.props.children}),E]}))})}):s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:s.jsxs(l.m.button,{ref:S,type:f,className:P.button,initial:["hide",w],animate:w,variants:L,whileHover:"hover",whileTap:"pressed",...y,children:[A,s.jsx("span",{className:P.content,children:m}),E]})})})),T={primary:"alert",secondary:"alert-secondary"},P=e=>"indeterminate"===e,B=e=>P(e)?t.o:t.e,A=l.m.create(a.Box),E={layoutVariant:"smooth",layoutSpeed:"3"},L={layoutVariant:"veryBouncy",layoutSpeed:"4"},H=o.forwardRef((function({id:n,checked:i,defaultChecked:r,onChange:c,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=o.useId(),I=n??`uds-input-${C}`,N=o.useRef(null),j=void 0!==i,[k,w]=o.useState(j?i:r),[V,M]=o.useState(!1),[R,z]=o.useState(!1),H=o.useMemo((()=>g?T[p]:p),[g,p]),q=!x&&V,O=!x&&R,$=o.useMemo((()=>O?.9:q?1.1:1),[O,q]),F=o.useMemo((()=>k?O?"opacity-55":"opacity-100":"opacity-0"),[k,O]),_=o.useMemo((()=>({scale:$})),[$]),W=o.useMemo((()=>R?L:E),[R]),D=o.useCallback((e=>{c?.(e),j||w(e.target.checked)}),[j,c]),G=o.useCallback((()=>{M(!0)}),[]),U=o.useCallback((()=>{M(!1)}),[]),K=o.useCallback((()=>{z(!0)}),[]),Y=o.useCallback((()=>{z(!1)}),[]),X=e=>{N.current&&(N.current.indeterminate=P(e))},Z=m?"always":"user",J=l.useReducedMotion()||m?"duration-0":"duration-120";o.useEffect((()=>{j&&w(i)}),[i,j]),o.useEffect((()=>{X(k)}),[k]);const Q=P(k)?"indeterminate":k?"checked":"unchecked",ee={root:a.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:H,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:H,checkboxVariantValueCheckbox:Q,className:a.cx("border","rounded-[4px]","uds-ring","uds-ring-within",J,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:a.getStyles({checkboxVariantCheckboxIcon:H,checkboxVariantValueCheckboxIcon:Q,className:a.cx("pointer-events-none",F,J,"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?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:Z,...W,children:s.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:K,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[s.jsxs(A,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:_,children:[s.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,X(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!P(k)&&k:void 0,defaultChecked:j?void 0:r,onChange:D,className:ee.htmlCheckbox}),s.jsx(a.Icon,{name:B(k),size:"sm",className:ee.check})]}),d&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:d,className:ee.label})]})})}));H.displayName="Checkbox";var q="primary",O=o.forwardRef((function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:r,as:c="div",reduceMotion:d,disabled:u=!1,className:p,layerClassNames:h,children:m,...x},f){const g=l.useReducedMotion()||d?"duration-0":"duration-120",b=o.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 s.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:s.jsxs(c,{disabled:u,children:[i&&s.jsx(a.IconSlot,{icon:i,iconProps:{variant:"fill",className:b.icon},"data-testid":"start-icon"}),s.jsx(a.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:m}),r&&s.jsx(a.IconSlot,{icon:r,iconProps:{variant:"fill",className:b.icon},"data-testid":"end-icon"})]})})}));O.displayName="ChipBase";var $=o.forwardRef((function({variant:e=q,...t},n){const i=o.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return s.jsx(O,{as:"button",ref:n,variant:e,layerClassNames:i,...t})}));$.displayName="ChipButton";var F=o.forwardRef((function({dismissButtonAriaLabel:e,onDismiss:n,dismissIcon:i,variant:r=q,disabled:l,...c},d){const u=o.useMemo((()=>({root:a.getStyles({chipDismissibleVariantRoot:r}),icon:a.getStyles({chipDismissibleVariantIcon:r})})),[r]),p=o.useCallback((e=>{e.stopPropagation(),n?.()}),[n]),h={icon:a.cx("uds-chip-dismissible-button","uds-hit-target")};return s.jsx(O,{ref:d,variant:r,disabled:l,tabIndex:-1,endIcon:n=>s.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:l,children:s.jsx(a.IconSlot,{icon:i??t.a,iconProps:n,"data-testid":"dismiss-icon"})}),layerClassNames:u,...c})}));F.displayName="ChipDismissible";var _=o.forwardRef((function({variant:e=q,href:t,disabled:n,...i},r){const l=o.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return s.jsx(O,{as:"a",ref:r,variant:e,disabled:n,layerClassNames:l,...{...i,href:n?void 0:t}})}));_.displayName="ChipLink";var W=o.forwardRef((function({isToggled:e=!1,onToggle:t,onClick:n,variant:i=q,...r},l){const c=o.useMemo((()=>({root:a.getStyles({chipToggleVariantRoot:i,chipToggleVariantActiveRoot:e?"on":"off"}),icon:a.getStyles({chipToggleVariantIcon:i})})),[e,i]),d=o.useCallback((a=>{t?.(!e),n?.(a)}),[e,n,t]);return s.jsx(O,{ref:l,as:"button",variant:i,onClick:d,"aria-pressed":e,layerClassNames:c,...r})}));W.displayName="ChipToggle";var D=o.forwardRef((function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...r},l){return n?s.jsx(F,{ref:l,onDismiss:n,...r}):i?s.jsx(W,{ref:l,onToggle:i,isToggled:o,...r}):t?s.jsx(_,{ref:l,href:t,...r,...a}):s.jsx($,{ref:l,onClick:e,...r})}));D.displayName="Chip";var G=o.forwardRef((function({variant:e,size:i,iconVariant:c,loading:d,disableEffects:u,name:p,type:h="button",htmlName:m,className:x,children:f,...g},b){const y=o.useRef(null);o.useImperativeHandle(b,(()=>y.current));const{palette:v,variant:S}=n.parseDeprecatedButtonPaletteVariant({flatVariant:e}),C=o.useMemo((()=>({button:a.getStyles({buttonVariant:S,buttonPalette:v,iconButtonSize:i,className:a.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",d&&"uds-button-loading",u&&"uds-button-without-effects",x)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[v,S,x,u,i,d]),I=l.useReducedMotion(),N=o.useMemo((()=>I?"smooth":"subtle"),[I]),w=o.useMemo((()=>{const{rest:e,hover:t,pressed:a}=M;return u?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}}),[u]);return s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:N,reducedMotion:u?"always":"user",children:s.jsx(l.m.button,{ref:y,type:h,className:C.button,initial:"icon",variants:w,whileHover:"hover",whileTap:"pressed",name:m,...g,children:s.jsxs(l.AnimatePresence,{initial:!1,mode:"popLayout",children:[d&&s.jsx(l.m.span,{variants:k,initial:"loading",animate:"loading",exit:"hide",children:s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:t.o2,variant:c,color:"current",className:C.loading})},"loading"),p&&!d&&s.jsx(l.m.span,{variants:j,initial:"icon",animate:"icon",exit:"hide",children:f||s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:p,variant:c,color:"current",className:C.icon})},p.name)]})})})})),U=({children:e,reduceMotion:a,layoutVariant:n})=>{const i=o.useRef(null),[r,c]=o.useState("auto");return o.useEffect((()=>{if(i.current){const e=new ResizeObserver((e=>{c(e[0].contentRect.height)}));return e.observe(i.current),()=>{e.disconnect()}}}),[]),s.jsx(t.SpringMotionConfig,{reducedMotion:a,layoutSpeed:"4",layoutVariant:n,children:s.jsx(l.m.div,{className:"overflow-hidden",style:{height:r,opacity:0},animate:{height:r,opacity:1},children:s.jsx("div",{ref:i,children:e})})})},K=o.memo((function({helpText:t,helperTextIcon:n,spacingStart:i,spacingTop:o,size:r,isFilled:l,...d}){return t?s.jsx(a.Box,{spacingTop:o,spacingStart:i,...d,children:s.jsx(e.InputHelpTextMemo,{startIcon:n,size:r,isFilled:l,children:c.isFunction(t)?t():t})}):null})),Y=o.memo((function({icon:e,className:t}){return e?s.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null})),X=o.memo((function({icon:e,className:t}){if(!e)return null;return s.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})})),Z=o.forwardRef((function({id:e,label:t,type:n="text",size:i="md",startIcon:r,endIcon:d,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=o.useId(),j=e??`uds-input-${N}`,k=`uds-input-${j}-help-text`,w=o.useRef(null);o.useImperativeHandle(I,(()=>w.current));const[V,M]=o.useState(x??""),R=o.useCallback((e=>{M(e.target.value),v?.(e)}),[v]),z=l.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 s.jsxs(a.VStack,{width:m,className:B.root,children:[t&&s.jsxs(a.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[s.jsx("label",{htmlFor:j,children:c.isFunction(t)?t():t}),f&&s.jsx("span",{className:B.labelRequired,children:"*"})]}),s.jsxs(a.Box,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[s.jsx(Y,{icon:r,className:B.startIcon}),s.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}),d&&s.jsx(a.HStack,{alignItems:"center",gap:"1",children:s.jsx(X,{icon:d,className:B.endIcon})})]}),s.jsx(U,{reduceMotion:T,layoutVariant:z,children:s.jsx(K,{id:k,helpText:u,spacingTop:"2",size:i,isFilled:!!V,helperTextIcon:p})})]})}));Z.displayName="Input";var J=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}},Q=o.createContext(new Map),ee=e=>{const t=o.useId();return e??`uds-radio-group-${t}`},te={primary:"alert",secondary:"alert-secondary"},ae=l.m.create(a.Box),ne={layoutVariant:"smooth",layoutSpeed:"3"},ie={layoutVariant:"veryBouncy",layoutSpeed:"4"},oe=o.forwardRef((function({id:n,name:i,label:r,labelPosition:c="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=o.useId(),k=n??`uds-radio-${j}`,w=o.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=o.useContext(Q),s=i instanceof J,r=void 0!==a||s,l=ee(e),c=o.useMemo((()=>s?i:J.findOrCreate(i,l)),[i,s,l]),[d,u]=o.useState(c.value),p=c.name??l,h=o.useCallback((e=>{c.setValue(e),r||u(e)}),[r,c]);return o.useEffect((()=>c.onChange(u)),[c]),o.useEffect((()=>{!0===a&&h(t)}),[a,t,h]),o.useEffect((()=>{if(s)return;const e=J.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,s,p]),{name:p,isControlled:r,checked:r&&!s?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:i,value:h,checked:m,defaultChecked:x}),[T,P]=o.useState(!1),[B,A]=o.useState(!1),E=o.useMemo((()=>g?te[d]:d),[g,d]),L=o.useMemo((()=>!f&&T),[f,T]),H=o.useMemo((()=>!f&&!R&&B),[R,f,B]),q=o.useMemo((()=>H?.9:L?1.1:1),[L,H]),O=o.useMemo((()=>R?H?"opacity-55":"opacity-100":"opacity-0"),[R,H]),$=o.useMemo((()=>!f&&(H&&!R||L&&R)),[R,f,L,H]),F=o.useMemo((()=>({scale:q})),[q]),_=o.useMemo((()=>B?ie:ne),[B]),W=o.useCallback((e=>{z(e.target.value),b?.(e)}),[b,z]),D=o.useCallback((e=>{y?.(e)}),[y]),G=o.useCallback((e=>{v?.(e)}),[v]),U=o.useCallback((()=>{P(!0)}),[]),K=o.useCallback((()=>{P(!1)}),[]),Y=o.useCallback((()=>{A(!0)}),[]),X=o.useCallback((()=>{A(!1)}),[]),Z=p?"always":"user",oe=l.useReducedMotion()||p?"duration-0":"duration-120",se={root:a.getStyles({radioSizeRoot:u,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===c?"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",oe,"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]",O,oe,"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"===c?"text-start":"text-end",C?.label)},re=r?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:Z,..._,children:s.jsxs(re,{className:se.root,"data-testid":"container",onHoverStart:U,onHoverEnd:K,onTapStart:Y,onTap:X,onTapCancel:X,tabIndex:-1,children:[s.jsxs(ae,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:se.radio,animate:F,insetShadow:$?"lg-invert":"none",children:[s.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:se.htmlRadio}),s.jsx(a.Box,{borderRadius:"full",className:se.radioCircle})]}),r&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:r,className:se.label})]})})}));oe.displayName="Radio";var se=a.createSlot(),re=class extends J{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},le=o.forwardRef((function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...r},l){const c=void 0!==a,d=ee(t),u=o.useMemo((()=>{const e=new re(d,c);return e.value=c?a:n,e}),[n,c,d,a]);o.useEffect((()=>{u.onChangeCb=i}),[i,u]),o.useEffect((()=>{c&&u.setValue(a,!0)}),[c,u,a]),o.useEffect((()=>u.onChange((e=>i?.(e)))),[i,u]);const p=e?se:"div";return s.jsx(Q.Provider,{value:u,children:s.jsx(p,{role:"radiogroup",ref:l,...r})})}));le.displayName="RadioGroupProvider";var ce={md:{isOnX:20},sm:{isOnX:12}},de=l.m.create(a.Box),ue={layoutVariant:"bouncy",layoutSpeed:"4"},pe=o.forwardRef((function({id:n,isOn:i,defaultIsOn:r,onChange:c,label:d,labelPosition:u="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=o.useId(),j=n??`uds-input-${N}`,k=o.useRef(null),w=void 0!==i,[V,M]=o.useState(w?i:r),[R,z]=o.useState(!1),T=o.useMemo((()=>!f&&R),[f,R]),{isOnX:P}=ce[p],B=o.useMemo((()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}})),[T,V,P]),A=o.useCallback((e=>{c?.(e),w||M(e.target.checked)}),[w,c]),E=o.useCallback((e=>{b?.(e)}),[b]),L=o.useCallback((e=>{y?.(e)}),[y]),H=o.useCallback((()=>{z(!0)}),[]),q=o.useCallback((()=>{z(!1)}),[]),O=x?"always":"user",$=l.useReducedMotion()||x?"duration-0":"duration-120";o.useEffect((()=>{w&&M(i)}),[i,w]);const F={root:a.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===u?"row":"row-reverse",alignItems:"center",className:a.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:a.cx("uds-ring","uds-ring-within",$,"transition-[background-color,box-shadow]",S?.switch)}),handle:a.getStyles({switchSizeHandle:p,className:a.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:a.getStyles({switchVariantActiveHandle:V?"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:V?"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",S?.label)},_=d?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:O,...ue,children:s.jsxs(_,{className:F.root,"data-testid":"container",onHoverStart:H,onHoverEnd:q,tabIndex:-1,children:[s.jsxs(de,{className:F.switch,children:[s.jsx("input",{type:"checkbox",...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:E,onBlur:L,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:r,onChange:A,className:F.htmlCheckbox,style:{}}),s.jsxs(de,{className:F.handle,...B,children:[s.jsx(a.Box,{className:F.handleCircle}),h&&s.jsx(a.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(F.handleIcon,V?"opacity-100":"opacity-0")}),m&&s.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(F.handleIcon,V?"opacity-0":"opacity-100")})]})]}),d&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:d,className:F.label})]})})}));pe.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return t.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return d.Menu}}),exports.Avatar=S,exports.AvatarIcon=b,exports.AvatarImage=v,exports.AvatarText=y,exports.Badge=C,exports.Button=z,exports.Checkbox=H,exports.Chip=D,exports.ChipButton=$,exports.ChipDismissible=F,exports.ChipLink=_,exports.ChipToggle=W,exports.IconButton=G,exports.Input=Z,exports.Radio=oe,exports.RadioGroupProvider=le,exports.Switch=pe;
2
+ "use strict";var e=require("../chunk-YV2EYDJK.cjs"),t=require("../chunk-EGWHQYCX.cjs"),a=require("../chunk-BCFYKKRU.cjs"),n=require("../chunk-ZSLO4JSU.cjs"),i=require("../chunk-4NZKRK55.cjs"),o=require("react"),s=require("react/jsx-runtime"),r=require("@yahoo/uds/fixtures"),l=require("motion/react"),c=require("lodash-es"),d=require("@yahoo/uds/client/Menu"),u={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("")},p=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof t?t(e):u[t](a)},h=(e="md")=>a.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),m=e=>e?{height:e,width:e}:{},x="primary",f="md",g={primary:t.e2,secondary:t.t},b=({size:e=f,variant:t=x,customSize:n,icon:i,className:r})=>{const l=o.useMemo((()=>m(n)),[n]),c=o.useMemo((()=>a.cx(h(e),a.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),r)),[r,e,t]),d=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),u=o.useMemo((()=>({...l,boxSizing:"content-box"})),[l]),p=o.useMemo((()=>i??g[t??"primary"]),[i,t]),b=o.useMemo((()=>a.getStyles({avatarSizeIcon:e})),[e]);return s.jsx(a.Box,{className:c,style:l,children:s.jsx(a.Box,{className:d,style:u,children:s.jsx(a.Icon,{name:p,variant:"fill",color:"current",className:b,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */b.displayName="AvatarIcon";var y=({size:e=f,variant:t=x,name:n,initials:i,customSize:r,abbreviationStrategy:l,className:c})=>{const d=o.useMemo((()=>a.cx(h(e),a.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",c)),[c,e,t]),u=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),g=o.useMemo((()=>m(r)),[r]),b=o.useMemo((()=>({...g,boxSizing:"content-box"})),[g]);return s.jsx(a.Box,{className:d,style:g,children:s.jsx(a.Text,{color:"inherit",variant:"inherit",className:u,style:b,"data-testid":"avatar-text",children:i||p(n,l)})})};y.displayName="AvatarText";var v=({size:t=f,variant:n=x,src:i,srcSet:r,customSize:l,alt:c,imageProps:d,abbreviationStrategy:u,fallback:p,className:g})=>{const[v,S]=o.useState("loading");o.useEffect((()=>{let e=!0;if(i||r){const t=new Image;t.onload=()=>{e&&S("loaded")},t.onerror=()=>{e&&S("error")},i&&(t.src=i),r&&(t.srcset=r)}else S("error");return()=>{e=!1}}),[i,r]);const C=o.useMemo((()=>a.cx(h(t),a.getStyles({avatarImageVariantRoot:n,overflow:"hidden"}),g)),[g,t,n]),I=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),N=o.useMemo((()=>m(l)),[l]),j=o.useMemo((()=>({...N,boxSizing:"content-box"})),[N]);if("loaded"===v)return s.jsx(a.Box,{className:C,style:N,children:s.jsx(e.Image,{src:i,srcSet:r,alt:c,className:I,style:j,...d})});const k={size:t,customSize:l,variant:n};return p||c?s.jsx(y,{name:c,initials:p,abbreviationStrategy:u,...k}):s.jsx(b,{...k})};v.displayName="AvatarImage";var S=e=>s.jsx(v,{...e});S.displayName="Avatar";var C=o.forwardRef((function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:r,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=o.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=o.useMemo((()=>({variant:"fill",style:{...u?{color:u}:{}}})),[u]);return s.jsxs(a.HStack,{ref:f,gap:"2",display:"inline-flex",alignItems:"center",className:g,style:y,...x,children:[r&&s.jsx(a.IconSlot,{icon:r,iconProps:v,"data-testid":"start-icon",className:b}),s.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:h}),l&&s.jsx(a.IconSlot,{icon:l,iconProps:v,"data-testid":"end-icon",className:b})]})}));C.displayName="Badge";var I={scale:.7,opacity:0},N={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},j={icon:N,hide:I,loading:I},k={loading:N,hide:I,icon:I},w=`var(${i.BUTTON_CSS_VAR_MAP.columnGap})`,V=`var(${i.BUTTON_CSS_VAR_MAP.iconSize})`,M={rest:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:w}},R={hide:{width:"0px",opacity:0,display:"none"},loading:{width:V,display:"flex",opacity:1},icon:{width:V,display:"flex",opacity:1}},z=o.forwardRef((function({variant:e,size:i,startIcon:c,endIcon:d,iconVariant:u,loading:p,disableEffects:h,children:m,asChild:x,type:f="button",className:g,width:b,...y},v){const S=o.useRef(null);o.useImperativeHandle(v,(()=>S.current));const C=o.useMemo((()=>a.createSlot()),[]),I=o.useMemo((()=>l.m.create(C)),[C]),N=d?"icon":"hide",w=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:c,endIcon:d,loading:p}),V=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:p,startIcon:c}),{palette:z,variant:T}=o.useMemo((()=>n.parseDeprecatedButtonPaletteVariant({flatVariant:e})),[e]),P=o.useMemo((()=>({button:a.getStyles({width:b,buttonSize:i,buttonVariant:T,buttonPalette:z,className:a.cx("uds-button","uds-ring","uds-hit-target",p&&"uds-button-loading",h&&"uds-button-without-effects","withIcon"===w&&"uds-button-with-gap",g)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"})),[b,i,T,z,g,p,h,w]),B=l.useReducedMotion()?"smooth":"subtle",A=o.useMemo((()=>s.jsx(l.m.span,{className:P.iconContainer,initial:!1,variants:R,animate:V,children:s.jsxs(l.AnimatePresence,{initial:!1,mode:"popLayout",children:[p&&s.jsx(l.m.span,{variants:k,initial:"hide",animate:"loading",exit:"hide",children:s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:t.o2,variant:u,color:"current",className:P.loading})},"loading"),c&&!p&&s.jsx(l.m.span,{variants:j,initial:"hide",animate:"icon",exit:"hide",children:s.jsx(a.IconSlot,{className:P.start,icon:c,iconProps:{size:r.buttonIconSvgSize,variant:u,color:"current"}})})]})})),[P.iconContainer,P.loading,P.start,V,p,u,c]),E=o.useMemo((()=>s.jsx(l.m.span,{className:P.iconContainer,initial:!1,variants:R,animate:N,children:s.jsx(l.AnimatePresence,{initial:!1,mode:"popLayout",children:d&&s.jsx(l.m.span,{variants:j,initial:"hide",animate:"icon",exit:"hide",children:s.jsx(a.IconSlot,{className:P.end,icon:d,iconProps:{size:r.buttonIconSvgSize,variant:u,color:"current"}})})})})),[P.iconContainer,P.end,d,N,u]),L=o.useMemo((()=>h?{...M,rest:{},hover:{},pressed:{}}:M),[h]);return x&&o.isValidElement(m)?s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:s.jsx(I,{type:f,className:P.button,initial:["hide",w],animate:w,variants:L,whileHover:"hover",whileTap:"pressed",...y,children:o.cloneElement(m,m.props,s.jsxs(s.Fragment,{children:[A,s.jsx("span",{className:P.content,children:m.props.children}),E]}))})}):s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:s.jsxs(l.m.button,{ref:S,type:f,className:P.button,initial:["hide",w],animate:w,variants:L,whileHover:"hover",whileTap:"pressed",...y,children:[A,s.jsx("span",{className:P.content,children:m}),E]})})})),T={primary:"alert",secondary:"alert-secondary"},P=e=>"indeterminate"===e,B=e=>P(e)?t.o:t.e,A=l.m.create(a.Box),E={layoutVariant:"smooth",layoutSpeed:"3"},L={layoutVariant:"veryBouncy",layoutSpeed:"4"},q=o.forwardRef((function({id:n,checked:i,defaultChecked:r,onChange:c,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=o.useId(),I=n??`uds-input-${C}`,N=o.useRef(null),j=void 0!==i,[k,w]=o.useState(j?i:r),[V,M]=o.useState(!1),[R,z]=o.useState(!1),q=o.useMemo((()=>g?T[p]:p),[g,p]),H=!x&&V,O=!x&&R,$=o.useMemo((()=>O?.9:H?1.1:1),[O,H]),F=o.useMemo((()=>k?O?"opacity-55":"opacity-100":"opacity-0"),[k,O]),_=o.useMemo((()=>({scale:$})),[$]),W=o.useMemo((()=>R?L:E),[R]),D=o.useCallback((e=>{c?.(e),j||w(e.target.checked)}),[j,c]),G=o.useCallback((()=>{M(!0)}),[]),U=o.useCallback((()=>{M(!1)}),[]),K=o.useCallback((()=>{z(!0)}),[]),X=o.useCallback((()=>{z(!1)}),[]),Y=e=>{N.current&&(N.current.indeterminate=P(e))},J=m?"always":"user",Z=l.useReducedMotion()||m?"duration-0":"duration-120";o.useEffect((()=>{j&&w(i)}),[i,j]),o.useEffect((()=>{Y(k)}),[k]);const Q=P(k)?"indeterminate":k?"checked":"unchecked",ee={root:a.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:q,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:q,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:q,checkboxVariantValueCheckboxIcon:Q,className:a.cx("pointer-events-none",F,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?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:J,...W,children:s.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:K,onTap:X,onTapCancel:X,tabIndex:-1,children:[s.jsxs(A,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:_,children:[s.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,Y(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!P(k)&&k:void 0,defaultChecked:j?void 0:r,onChange:D,className:ee.htmlCheckbox}),s.jsx(a.Icon,{name:B(k),size:"sm",className:ee.check})]}),d&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:d,className:ee.label})]})})}));q.displayName="Checkbox";var H="primary",O=o.forwardRef((function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:r,as:c="div",reduceMotion:d,disabled:u=!1,className:p,layerClassNames:h,children:m,...x},f){const g=l.useReducedMotion()||d?"duration-0":"duration-120",b=o.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 s.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:s.jsxs(c,{disabled:u,children:[i&&s.jsx(a.IconSlot,{icon:i,iconProps:{variant:"fill",className:b.icon},"data-testid":"start-icon"}),s.jsx(a.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:m}),r&&s.jsx(a.IconSlot,{icon:r,iconProps:{variant:"fill",className:b.icon},"data-testid":"end-icon"})]})})}));O.displayName="ChipBase";var $=o.forwardRef((function({variant:e=H,...t},n){const i=o.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return s.jsx(O,{as:"button",ref:n,variant:e,layerClassNames:i,...t})}));$.displayName="ChipButton";var F=o.forwardRef((function({dismissButtonAriaLabel:e,onDismiss:n,dismissIcon:i,variant:r=H,disabled:l,...c},d){const u=o.useMemo((()=>({root:a.getStyles({chipDismissibleVariantRoot:r}),icon:a.getStyles({chipDismissibleVariantIcon:r})})),[r]),p=o.useCallback((e=>{e.stopPropagation(),n?.()}),[n]),h={icon:a.cx("uds-chip-dismissible-button","uds-hit-target")};return s.jsx(O,{ref:d,variant:r,disabled:l,tabIndex:-1,endIcon:n=>s.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:l,children:s.jsx(a.IconSlot,{icon:i??t.a,iconProps:n,"data-testid":"dismiss-icon"})}),layerClassNames:u,...c})}));F.displayName="ChipDismissible";var _=o.forwardRef((function({variant:e=H,href:t,disabled:n,...i},r){const l=o.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return s.jsx(O,{as:"a",ref:r,variant:e,disabled:n,layerClassNames:l,...{...i,href:n?void 0:t}})}));_.displayName="ChipLink";var W=o.forwardRef((function({isToggled:e=!1,onToggle:t,onClick:n,variant:i=H,...r},l){const c=o.useMemo((()=>({root:a.getStyles({chipToggleVariantRoot:i,chipToggleVariantActiveRoot:e?"on":"off"}),icon:a.getStyles({chipToggleVariantIcon:i})})),[e,i]),d=o.useCallback((a=>{t?.(!e),n?.(a)}),[e,n,t]);return s.jsx(O,{ref:l,as:"button",variant:i,onClick:d,"aria-pressed":e,layerClassNames:c,...r})}));W.displayName="ChipToggle";var D=o.forwardRef((function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...r},l){return n?s.jsx(F,{ref:l,onDismiss:n,...r}):i?s.jsx(W,{ref:l,onToggle:i,isToggled:o,...r}):t?s.jsx(_,{ref:l,href:t,...r,...a}):s.jsx($,{ref:l,onClick:e,...r})}));D.displayName="Chip";var G=o.forwardRef((function({variant:e,size:i,iconVariant:c,loading:d,disableEffects:u,name:p,type:h="button",htmlName:m,className:x,children:f,...g},b){const y=o.useRef(null);o.useImperativeHandle(b,(()=>y.current));const{palette:v,variant:S}=n.parseDeprecatedButtonPaletteVariant({flatVariant:e}),C=o.useMemo((()=>({button:a.getStyles({buttonVariant:S,buttonPalette:v,iconButtonSize:i,className:a.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",d&&"uds-button-loading",u&&"uds-button-without-effects",x)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[v,S,x,u,i,d]),I=l.useReducedMotion(),N=o.useMemo((()=>I?"smooth":"subtle"),[I]),w=o.useMemo((()=>{const{rest:e,hover:t,pressed:a}=M;return u?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}}),[u]);return s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:N,reducedMotion:u?"always":"user",children:s.jsx(l.m.button,{ref:y,type:h,className:C.button,initial:"icon",variants:w,whileHover:"hover",whileTap:"pressed",name:m,...g,children:s.jsxs(l.AnimatePresence,{initial:!1,mode:"popLayout",children:[d&&s.jsx(l.m.span,{variants:k,initial:"loading",animate:"loading",exit:"hide",children:s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:t.o2,variant:c,color:"current",className:C.loading})},"loading"),p&&!d&&s.jsx(l.m.span,{variants:j,initial:"icon",animate:"icon",exit:"hide",children:f||s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:p,variant:c,color:"current",className:C.icon})},p.name)]})})})})),U=({children:e,reduceMotion:a,layoutVariant:n})=>{const i=o.useRef(null),[r,c]=o.useState("auto");return o.useEffect((()=>{if(i.current){const e=new ResizeObserver((e=>{c(e[0].contentRect.height)}));return e.observe(i.current),()=>{e.disconnect()}}}),[]),s.jsx(t.SpringMotionConfig,{reducedMotion:a,layoutSpeed:"4",layoutVariant:n,children:s.jsx(l.m.div,{className:"overflow-hidden",style:{height:r,opacity:0},animate:{height:r,opacity:1},children:s.jsx("div",{ref:i,children:e})})})},K=o.memo((function({helpText:t,helperTextIcon:n,spacingStart:i,spacingTop:o,size:r,isFilled:l,...d}){return t?s.jsx(a.Box,{spacingTop:o,spacingStart:i,...d,children:s.jsx(e.InputHelpTextMemo,{startIcon:n,size:r,isFilled:l,children:c.isFunction(t)?t():t})}):null})),X=o.memo((function({icon:e,className:t}){return e?s.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null})),Y=o.memo((function({icon:e,className:t}){if(!e)return null;return s.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})})),J=o.forwardRef((function({id:e,label:t,type:n="text",size:i="md",startIcon:r,endIcon:d,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=o.useId(),j=e??`uds-input-${N}`,k=`uds-input-${j}-help-text`,w=o.useRef(null);o.useImperativeHandle(I,(()=>w.current));const[V,M]=o.useState(x??""),R=o.useCallback((e=>{M(e.target.value),v?.(e)}),[v]),z=l.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 s.jsxs(a.VStack,{width:m,className:B.root,children:[t&&s.jsxs(a.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[s.jsx("label",{htmlFor:j,children:c.isFunction(t)?t():t}),f&&s.jsx("span",{className:B.labelRequired,children:"*"})]}),s.jsxs(a.Box,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[s.jsx(X,{icon:r,className:B.startIcon}),s.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}),d&&s.jsx(a.HStack,{alignItems:"center",gap:"1",children:s.jsx(Y,{icon:d,className:B.endIcon})})]}),s.jsx(U,{reduceMotion:T,layoutVariant:z,children:s.jsx(K,{id:k,helpText:u,spacingTop:"2",size:i,isFilled:!!V,helperTextIcon:p})})]})}));J.displayName="Input";var Z=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}},Q=o.createContext(new Map),ee=e=>{const t=o.useId();return e??`uds-radio-group-${t}`},te={primary:"alert",secondary:"alert-secondary"},ae=l.m.create(a.Box),ne={layoutVariant:"smooth",layoutSpeed:"3"},ie={layoutVariant:"veryBouncy",layoutSpeed:"4"},oe=o.forwardRef((function({id:n,name:i,label:r,labelPosition:c="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=o.useId(),k=n??`uds-radio-${j}`,w=o.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=o.useContext(Q),s=i instanceof Z,r=void 0!==a||s,l=ee(e),c=o.useMemo((()=>s?i:Z.findOrCreate(i,l)),[i,s,l]),[d,u]=o.useState(c.value),p=c.name??l,h=o.useCallback((e=>{c.setValue(e),r||u(e)}),[r,c]);return o.useEffect((()=>c.onChange(u)),[c]),o.useEffect((()=>{!0===a&&h(t)}),[a,t,h]),o.useEffect((()=>{if(s)return;const e=Z.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,s,p]),{name:p,isControlled:r,checked:r&&!s?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:i,value:h,checked:m,defaultChecked:x}),[T,P]=o.useState(!1),[B,A]=o.useState(!1),E=o.useMemo((()=>g?te[d]:d),[g,d]),L=o.useMemo((()=>!f&&T),[f,T]),q=o.useMemo((()=>!f&&!R&&B),[R,f,B]),H=o.useMemo((()=>q?.9:L?1.1:1),[L,q]),O=o.useMemo((()=>R?q?"opacity-55":"opacity-100":"opacity-0"),[R,q]),$=o.useMemo((()=>!f&&(q&&!R||L&&R)),[R,f,L,q]),F=o.useMemo((()=>({scale:H})),[H]),_=o.useMemo((()=>B?ie:ne),[B]),W=o.useCallback((e=>{z(e.target.value),b?.(e)}),[b,z]),D=o.useCallback((e=>{y?.(e)}),[y]),G=o.useCallback((e=>{v?.(e)}),[v]),U=o.useCallback((()=>{P(!0)}),[]),K=o.useCallback((()=>{P(!1)}),[]),X=o.useCallback((()=>{A(!0)}),[]),Y=o.useCallback((()=>{A(!1)}),[]),J=p?"always":"user",oe=l.useReducedMotion()||p?"duration-0":"duration-120",se={root:a.getStyles({radioSizeRoot:u,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===c?"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",oe,"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]",O,oe,"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"===c?"text-start":"text-end",C?.label)},re=r?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:J,..._,children:s.jsxs(re,{className:se.root,"data-testid":"container",onHoverStart:U,onHoverEnd:K,onTapStart:X,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[s.jsxs(ae,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:se.radio,animate:F,insetShadow:$?"lg-invert":"none",children:[s.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:se.htmlRadio}),s.jsx(a.Box,{borderRadius:"full",className:se.radioCircle})]}),r&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:r,className:se.label})]})})}));oe.displayName="Radio";var se=a.createSlot(),re=class extends Z{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},le=o.forwardRef((function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...r},l){const c=void 0!==a,d=ee(t),u=o.useMemo((()=>{const e=new re(d,c);return e.value=c?a:n,e}),[n,c,d,a]);o.useEffect((()=>{u.onChangeCb=i}),[i,u]),o.useEffect((()=>{c&&u.setValue(a,!0)}),[c,u,a]),o.useEffect((()=>u.onChange((e=>i?.(e)))),[i,u]);const p=e?se:"div";return s.jsx(Q.Provider,{value:u,children:s.jsx(p,{role:"radiogroup",ref:l,...r})})}));le.displayName="RadioGroupProvider";var ce={md:{isOnX:20},sm:{isOnX:12}},de=l.m.create(a.Box),ue={layoutVariant:"bouncy",layoutSpeed:"4"},pe=o.forwardRef((function({id:n,isOn:i,defaultIsOn:r,onChange:c,label:d,labelPosition:u="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=o.useId(),j=n??`uds-input-${N}`,k=o.useRef(null),w=void 0!==i,[V,M]=o.useState(w?i:r),[R,z]=o.useState(!1),T=o.useMemo((()=>!f&&R),[f,R]),{isOnX:P}=ce[p],B=o.useMemo((()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}})),[T,V,P]),A=o.useCallback((e=>{c?.(e),w||M(e.target.checked)}),[w,c]),E=o.useCallback((e=>{b?.(e)}),[b]),L=o.useCallback((e=>{y?.(e)}),[y]),q=o.useCallback((()=>{z(!0)}),[]),H=o.useCallback((()=>{z(!1)}),[]),O=x?"always":"user",$=l.useReducedMotion()||x?"duration-0":"duration-120";o.useEffect((()=>{w&&M(i)}),[i,w]);const F={root:a.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===u?"row":"row-reverse",alignItems:"center",className:a.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:a.cx("uds-ring","uds-ring-within",$,"transition-[background-color,box-shadow]",S?.switch)}),handle:a.getStyles({switchSizeHandle:p,className:a.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:a.getStyles({switchVariantActiveHandle:V?"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:V?"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",S?.label)},_=d?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:O,...ue,children:s.jsxs(_,{className:F.root,"data-testid":"container",onHoverStart:q,onHoverEnd:H,tabIndex:-1,children:[s.jsxs(de,{className:F.switch,children:[s.jsx("input",{type:"checkbox",...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:E,onBlur:L,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:r,onChange:A,className:F.htmlCheckbox,style:{}}),s.jsxs(de,{className:F.handle,...B,children:[s.jsx(a.Box,{className:F.handleCircle}),h&&s.jsx(a.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(F.handleIcon,V?"opacity-100":"opacity-0")}),m&&s.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(F.handleIcon,V?"opacity-0":"opacity-100")})]})]}),d&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:d,className:F.label})]})})}));pe.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return t.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return d.Menu}}),exports.Avatar=S,exports.AvatarIcon=b,exports.AvatarImage=v,exports.AvatarText=y,exports.Badge=C,exports.Button=z,exports.Checkbox=q,exports.Chip=D,exports.ChipButton=$,exports.ChipDismissible=F,exports.ChipLink=_,exports.ChipToggle=W,exports.IconButton=G,exports.Input=J,exports.Radio=oe,exports.RadioGroupProvider=le,exports.Switch=pe;
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-WMOJ5WXH.js";import{o2 as n,SpringMotionConfig as i,Pressable as o,a as r,o as s,e as l,t as c,e2 as d}from"../chunk-MQI5GFGF.js";export{Pressable,SpringMotionConfig}from"../chunk-MQI5GFGF.js";import{getStyles as u,cx as h,HStack as p,IconSlot as m,createSlot as f,Icon as v,Box as b,Text as y,VStack as g}from"../chunk-S2FXUKQX.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-5QLKLUZU.js";import{BUTTON_CSS_VAR_MAP as N}from"../chunk-N4FHPR6Q.js";import{forwardRef as C,useMemo as w,useRef as I,useImperativeHandle as V,isValidElement as k,cloneElement as S,useId as z,useState as R,useCallback as T,useEffect as P,memo as L,createContext as M,useContext as A}from"react";import{jsxs as H,jsx as $,Fragment as j}from"react/jsx-runtime";import{buttonIconSvgSize as F}from"@yahoo/uds/fixtures";import{m as W,useReducedMotion as E,AnimatePresence as O}from"motion/react";import{isFunction as q}from"lodash-es";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var B={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):B[a](t)},D=(e="md")=>u({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),X=e=>e?{height:e,width:e}:{},Q="primary",U="md",K={primary:d,secondary:c},J=({size:e=U,variant:a=Q,customSize:t,icon:n,className:i})=>{const o=w((()=>X(t)),[t]),r=w((()=>h(D(e),u({avatarIconVariantRoot:a,overflow:"hidden"}),i)),[i,e,a]),s=w((()=>u({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((()=>u({avatarSizeIcon:e})),[e]);return $(b,{className:r,style:o,children:$(b,{className:s,style:l,children:$(v,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};J.displayName="AvatarIcon";var Z=({size:e=U,variant:a=Q,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=w((()=>h(D(e),u({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r)),[r,e,a]),l=w((()=>u({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 $(b,{className:s,style:c,children:$(y,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||G(t,o)})})};Z.displayName="AvatarText";var Y=({size:e=U,variant:a=Q,src:n,srcSet:i,customSize:o,alt:r,imageProps:s,abbreviationStrategy:l,fallback:c,className:d})=>{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((()=>h(D(e),u({avatarImageVariantRoot:a,overflow:"hidden"}),d)),[d,e,a]),v=w((()=>u({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),y=w((()=>X(o)),[o]),g=w((()=>({...y,boxSizing:"content-box"})),[y]);if("loaded"===p)return $(b,{className:f,style:y,children:$(t,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:a};return c||r?$(Z,{name:r,initials:c,abbreviationStrategy:l,...x}):$(J,{...x})};Y.displayName="AvatarImage";var _=e=>$(Y,{...e});_.displayName="Avatar";var ee=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:d,className:f,...v},b){const y=u({badgeSizeRoot:a,badgeVariantRoot:e,className:h(["uds-badge","uds-badge-variant","uds-badge-size",f])}),g=u({badgeVariantIcon:e,badgeSizeIcon:a,className:h(["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 H(p,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&$(m,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),$("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:d}),o&&$(m,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})}));ee.displayName="Badge";var ae={scale:.7,opacity:0},te={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ne={icon:te,hide:ae,loading:ae},ie={loading:te,hide:ae,icon:ae},oe=`var(${N.columnGap})`,re=`var(${N.iconSize})`,se={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:oe}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:re,display:"flex",opacity:1},icon:{width:re,display:"flex",opacity:1}},ce=C((function({variant:e,size:a,startIcon:t,endIcon:o,iconVariant:r,loading:s,disableEffects:l,children:c,asChild:d,type:p="button",className:b,width:y,...g},N){const C=I(null);V(N,(()=>C.current));const z=w((()=>f()),[]),R=w((()=>W.create(z)),[z]),T=o?"icon":"hide",P=(({startIcon:e,endIcon:a,loading:t})=>e||a||t?"withIcon":"withoutIcon")({startIcon:t,endIcon:o,loading:s}),L=(({loading:e,startIcon:a})=>e?"loading":a?"icon":"hide")({loading:s,startIcon:t}),{palette:M,variant:A}=w((()=>x({flatVariant:e})),[e]),q=w((()=>({button:u({width:y,buttonSize:a,buttonVariant:A,buttonPalette:M,className:h("uds-button","uds-ring","uds-hit-target",s&&"uds-button-loading",l&&"uds-button-without-effects","withIcon"===P&&"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,A,M,b,s,l,P]),B=E()?"smooth":"subtle",G=w((()=>$(W.span,{className:q.iconContainer,initial:!1,variants:le,animate:L,children:H(O,{initial:!1,mode:"popLayout",children:[s&&$(W.span,{variants:ie,initial:"hide",animate:"loading",exit:"hide",children:$(v,{size:F,name:n,variant:r,color:"current",className:q.loading})},"loading"),t&&!s&&$(W.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:$(m,{className:q.start,icon:t,iconProps:{size:F,variant:r,color:"current"}})})]})})),[q.iconContainer,q.loading,q.start,L,s,r,t]),D=w((()=>$(W.span,{className:q.iconContainer,initial:!1,variants:le,animate:T,children:$(O,{initial:!1,mode:"popLayout",children:o&&$(W.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:$(m,{className:q.end,icon:o,iconProps:{size:F,variant:r,color:"current"}})})})})),[q.iconContainer,q.end,o,T,r]),X=w((()=>l?{...se,rest:{},hover:{},pressed:{}}:se),[l]);return d&&k(c)?$(i,{layoutSpeed:"3",layoutVariant:B,children:$(R,{type:p,className:q.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:S(c,c.props,H(j,{children:[G,$("span",{className:q.content,children:c.props.children}),D]}))})}):$(i,{layoutSpeed:"3",layoutVariant:B,children:H(W.button,{ref:C,type:p,className:q.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:[G,$("span",{className:q.content,children:c}),D]})})})),de={primary:"alert",secondary:"alert-secondary"},ue=e=>"indeterminate"===e,he=e=>ue(e)?s:l,pe=W.create(b),me={layoutVariant:"smooth",layoutSpeed:"3"},fe={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=C((function({id:a,checked:t,defaultChecked:n,onChange:o,label:r,labelPosition:s="start",variant:l="primary",size:c="md",reduceMotion:d,disabled:p,required:m,hasError:f,className:b,layerClassNames:y,...g},x){const N=z(),C=a??`uds-input-${N}`,V=I(null),k=void 0!==t,[S,L]=R(k?t:n),[M,A]=R(!1),[j,F]=R(!1),O=w((()=>f?de[l]:l),[f,l]),q=!p&&M,B=!p&&j,G=w((()=>B?.9:q?1.1:1),[B,q]),D=w((()=>S?B?"opacity-55":"opacity-100":"opacity-0"),[S,B]),X=w((()=>({scale:G})),[G]),Q=w((()=>j?fe:me),[j]),U=T((e=>{o?.(e),k||L(e.target.checked)}),[k,o]),K=T((()=>{A(!0)}),[]),J=T((()=>{A(!1)}),[]),Z=T((()=>{F(!0)}),[]),Y=T((()=>{F(!1)}),[]),_=e=>{V.current&&(V.current.indeterminate=ue(e))},ee=d?"always":"user",ae=E()||d?"duration-0":"duration-120";P((()=>{k&&L(t)}),[t,k]),P((()=>{_(S)}),[S]);const te=ue(S)?"indeterminate":S?"checked":"unchecked",ne={root:u({checkboxSizeRoot:c,checkboxVariantRoot:O,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:h({"cursor-pointer":!p,"cursor-default":p,"opacity-50":p},b,y?.root)}),checkbox:u({checkboxSizeCheckbox:c,checkboxVariantCheckbox:O,checkboxVariantValueCheckbox:te,className:h("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:u({checkboxVariantCheckboxIcon:O,checkboxVariantValueCheckboxIcon:te,className:h("pointer-events-none",D,ae,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===s?"text-start":"text-end",y?.label)},ie=r?W.label:W.div;return $(i,{reducedMotion:ee,...Q,children:H(ie,{className:ne.root,"data-testid":"container",onHoverStart:K,onHoverEnd:J,onTapStart:Z,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[H(pe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:X,children:[$("input",{type:"checkbox",...g,ref:e=>{V.current=e,_(S),"function"==typeof x?x(e):null!==x&&(x.current=e)},id:C,disabled:p,required:m,"aria-invalid":f,checked:k?!ue(S)&&S:void 0,defaultChecked:k?void 0:n,onChange:U,className:ne.htmlCheckbox}),$(v,{name:he(S),size:"sm",className:ne.check})]}),r&&$(e,{as:"div",variant:"inherit",color:"inherit",required:m,label:r,className:ne.label})]})})}));ve.displayName="Checkbox";var be="primary",ye=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:d,...f},v){const b=E()||r?"duration-0":"duration-120",g=w((()=>({root:u({chipSizeRoot:e,className:h({"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]",c?.root,l)}),icon:u({chipSizeIcon:e,className:c?.icon})})),[l,b,s,c?.icon,c?.root,e]);return $(p,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:g.root,...f,children:H(o,{disabled:s,children:[n&&$(m,{icon:n,iconProps:{variant:"fill",className:g.icon},"data-testid":"start-icon"}),$(y,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:d}),i&&$(m,{icon:i,iconProps:{variant:"fill",className:g.icon},"data-testid":"end-icon"})]})})}));ye.displayName="ChipBase";var ge=C((function({variant:e=be,...a},t){const n=w((()=>({root:u({chipLinkVariantRoot:e}),icon:u({chipLinkVariantIcon:e})})),[e]);return $(ye,{as:"button",ref:t,variant:e,layerClassNames:n,...a})}));ge.displayName="ChipButton";var xe=C((function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:n=be,disabled:i,...s},l){const c=w((()=>({root:u({chipDismissibleVariantRoot:n}),icon:u({chipDismissibleVariantIcon:n})})),[n]),d=T((e=>{e.stopPropagation(),a?.()}),[a]),p={icon:h("uds-chip-dismissible-button","uds-hit-target")};return $(ye,{ref:l,variant:n,disabled:i,tabIndex:-1,endIcon:a=>$(o,{"aria-label":e,className:p.icon,onClick:d,disabled:i,children:$(m,{icon:t??r,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})}));xe.displayName="ChipDismissible";var Ne=C((function({variant:e=be,href:a,disabled:t,...n},i){const o=w((()=>({root:u({chipLinkVariantRoot:e}),icon:u({chipLinkVariantIcon:e})})),[e]);return $(ye,{as:"a",ref:i,variant:e,disabled:t,layerClassNames:o,...{...n,href:t?void 0:a}})}));Ne.displayName="ChipLink";var Ce=C((function({isToggled:e=!1,onToggle:a,onClick:t,variant:n=be,...i},o){const r=w((()=>({root:u({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:u({chipToggleVariantIcon:n})})),[e,n]),s=T((n=>{a?.(!e),t?.(n)}),[e,t,a]);return $(ye,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})}));Ce.displayName="ChipToggle";var we=C((function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?$(xe,{ref:s,onDismiss:n,...r}):i?$(Ce,{ref:s,onToggle:i,isToggled:o,...r}):a?$(Ne,{ref:s,href:a,...r,...t}):$(ge,{ref:s,onClick:e,...r})}));we.displayName="Chip";var Ie=C((function({variant:e,size:a,iconVariant:t,loading:o,disableEffects:r,name:s,type:l="button",htmlName:c,className:d,children:p,...m},f){const b=I(null);V(f,(()=>b.current));const{palette:y,variant:g}=x({flatVariant:e}),N=w((()=>({button:u({buttonVariant:g,buttonPalette:y,iconButtonSize:a,className:h("uds-icon-button","uds-button","uds-ring","uds-hit-target",o&&"uds-button-loading",r&&"uds-button-without-effects",d)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[y,g,d,r,a,o]),C=E(),k=w((()=>C?"smooth":"subtle"),[C]),S=w((()=>{const{rest:e,hover:a,pressed:t}=se;return r?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}}),[r]);return $(i,{layoutSpeed:"3",layoutVariant:k,reducedMotion:r?"always":"user",children:$(W.button,{ref:b,type:l,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:c,...m,children:H(O,{initial:!1,mode:"popLayout",children:[o&&$(W.span,{variants:ie,initial:"loading",animate:"loading",exit:"hide",children:$(v,{size:F,name:n,variant:t,color:"current",className:N.loading})},"loading"),s&&!o&&$(W.span,{variants:ne,initial:"icon",animate:"icon",exit:"hide",children:p||$(v,{size:F,name:s,variant:t,color:"current",className:N.icon})},s.name)]})})})})),Ve=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=I(null),[o,r]=R("auto");return P((()=>{if(n.current){const e=new ResizeObserver((e=>{r(e[0].contentRect.height)}));return e.observe(n.current),()=>{e.disconnect()}}}),[]),$(i,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:$(W.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:$("div",{ref:n,children:e})})})},ke=L((function({helpText:e,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return e?$(b,{spacingTop:i,spacingStart:n,...s,children:$(a,{startIcon:t,size:o,isFilled:r,children:q(e)?e():e})}):null})),Se=L((function({icon:e,className:a}){return e?$(m,{icon:e,iconProps:{variant:"outline"},className:a}):null})),ze=L((function({icon:e,className:a}){if(!e)return null;return $(m,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:a})})),Re=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:d,required:m,readOnly:f,disabled:v,reduceMotion:y,onChange:x,className:N,...C},w){const k=z(),S=e??`uds-input-${k}`,P=`uds-input-${S}-help-text`,L=I(null);V(w,(()=>L.current));const[M,A]=R(d??""),j=T((e=>{A(e.target.value),x?.(e)}),[x]),F=E()?"smooth":"bouncy",W=y?"always":"user",O=!f&&!v,B={root:u({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:M?"filled":"empty",className:h([N,v?"opacity-50":""])}),inputWrapper:h(u({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:M?"filled":"empty"}),"min-w-[200px]"),input:u({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:M?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:M?"filled":"empty",className:h("grow","uds-hit-target","bg-clip-text","focus:outline-none",O?"cursor-text":"cursor-not-allowed")}),label:h(u({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:M?"filled":"empty"})),labelRequired:u({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:M?"filled":"empty"}),startIcon:u({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:M?"filled":"empty"}),endIcon:u({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:M?"filled":"empty"})};return H(g,{width:c,className:B.root,children:[a&&H(b,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[$("label",{htmlFor:S,children:q(a)?a():a}),m&&$("span",{className:B.labelRequired,children:"*"})]}),H(b,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[$(Se,{icon:i,className:B.startIcon}),$("input",{ref:L,id:S,type:t,value:M,required:m,readOnly:f,disabled:v,"aria-describedby":P,"aria-invalid":l,onChange:j,className:B.input,...C}),o&&$(p,{alignItems:"center",gap:"1",children:$(ze,{icon:o,className:B.endIcon})})]}),$(Ve,{reduceMotion:W,layoutVariant:F,children:$(ke,{id:P,helpText:r,spacingTop:"2",size:n,isFilled:!!M,helperTextIcon:s})})]})}));Re.displayName="Input";var Te=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}},Pe=M(new Map),Le=e=>{const a=z();return e??`uds-radio-group-${a}`},Me={primary:"alert",secondary:"alert-secondary"},Ae=W.create(b),He={layoutVariant:"smooth",layoutSpeed:"3"},$e={layoutVariant:"veryBouncy",layoutSpeed:"4"},je=C((function({id:a,name:t,label:n,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,value:c="",checked:d,defaultChecked:p,disabled:m,hasError:f,onChange:v,onFocus:y,onBlur:g,className:x,layerClassNames:N,...C},V){const k=z(),S=a??`uds-radio-${k}`,L=I(null),{name:M,isControlled:j,checked:F,setGroupValue:O}=(({name:e,value:a,checked:t,defaultChecked:n})=>{const i=A(Pe),o=i instanceof Te,r=void 0!==t||o,s=Le(e),l=w((()=>o?i:Te.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=Te.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:c,checked:d,defaultChecked:p}),[q,B]=R(!1),[G,D]=R(!1),X=w((()=>f?Me[r]:r),[f,r]),Q=w((()=>!m&&q),[m,q]),U=w((()=>!m&&!F&&G),[F,m,G]),K=w((()=>U?.9:Q?1.1:1),[Q,U]),J=w((()=>F?U?"opacity-55":"opacity-100":"opacity-0"),[F,U]),Z=w((()=>!m&&(U&&!F||Q&&F)),[F,m,Q,U]),Y=w((()=>({scale:K})),[K]),_=w((()=>G?$e:He),[G]),ee=T((e=>{O(e.target.value),v?.(e)}),[v,O]),ae=T((e=>{y?.(e)}),[y]),te=T((e=>{g?.(e)}),[g]),ne=T((()=>{B(!0)}),[]),ie=T((()=>{B(!1)}),[]),oe=T((()=>{D(!0)}),[]),re=T((()=>{D(!1)}),[]),se=l?"always":"user",le=E()||l?"duration-0":"duration-120",ce={root:u({radioSizeRoot:s,radioVariantValueRoot:F?"checked":"unchecked",radioVariantRoot:X,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h([{"cursor-pointer":!m,"cursor-default":m,"opacity-50":m},x,N?.root])}),radio:u({radioSizeRadio:s,radioVariantRadio:X,radioVariantValueRadio:F?"checked":"unchecked",className:h(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:u({radioVariantRadioCircle:X,radioVariantValueRadioCircle:F?"checked":"unchecked",className:h(["pointer-events-none","w-[8px]","h-[8px]",J,le,"transition-opacity"])}),htmlRadio:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===o?"text-start":"text-end",N?.label)},de=n?W.label:W.div;return $(i,{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(Ae,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:Y,insetShadow:Z?"lg-invert":"none",children:[$("input",{type:"radio",...C,ref:e=>{L.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:ae,onBlur:te,id:S,name:M,value:c,disabled:m,"aria-invalid":f,onChange:ee,...j?{checked:F}:{defaultChecked:p},className:ce.htmlRadio}),$(b,{borderRadius:"full",className:ce.radioCircle})]}),n&&$(e,{as:"div",variant:"inherit",color:"inherit",label:n,className:ce.label})]})})}));je.displayName="Radio";var Fe=f(),We=class extends Te{onChangeCb;isControlled;constructor(e,a){super(e),this.isControlled=a}setValue(e,a=!1){this.isControlled&&!a?this.onChangeCb?.(e):super.setValue(e)}},Ee=C((function({asChild:e,name:a,value:t,defaultValue:n,onChange:i,...o},r){const s=void 0!==t,l=Le(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?Fe:"div";return $(Pe.Provider,{value:c,children:$(d,{role:"radiogroup",ref:r,...o})})}));Ee.displayName="RadioGroupProvider";var Oe={md:{isOnX:20},sm:{isOnX:12}},qe=W.create(b),Be={layoutVariant:"bouncy",layoutSpeed:"4"},Ge=C((function({id:a,isOn:t,defaultIsOn:n,onChange:o,label:r,labelPosition:s="start",size:l="md",onIcon:c,offIcon:d,reduceMotion:p,disabled:f,required:v,onFocus:y,onBlur:g,className:x,layerClassNames:N,...C},V){const k=z(),S=a??`uds-input-${k}`,L=I(null),M=void 0!==t,[A,j]=R(M?t:n),[F,O]=R(!1),q=w((()=>!f&&F),[f,F]),{isOnX:B}=Oe[l],G=w((()=>({initial:{scale:1,x:A?B:0},animate:{scale:q?1.05:1,x:A?B:0}})),[q,A,B]),D=T((e=>{o?.(e),M||j(e.target.checked)}),[M,o]),X=T((e=>{y?.(e)}),[y]),Q=T((e=>{g?.(e)}),[g]),U=T((()=>{O(!0)}),[]),K=T((()=>{O(!1)}),[]),J=p?"always":"user",Z=E()||p?"duration-0":"duration-120";P((()=>{M&&j(t)}),[t,M]);const Y={root:u({switchSizeRoot:l,switchVariantRoot:"default",switchVariantActiveRoot:A?"on":"off",display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:h("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},N?.root,x)}),switch:u({switchVariantSwitch:"default",switchSizeSwitch:l,switchVariantActiveSwitch:A?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:h("uds-ring","uds-ring-within",Z,"transition-[background-color,box-shadow]",N?.switch)}),handle:u({switchSizeHandle:l,className:h("relative","pointer-events-none","rounded-full","overflow-hidden",N?.handle)}),handleCircle:u({switchVariantActiveHandle:A?"on":"off",switchVariantHandle:"default",className:h("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",Z,"transition-[background-color,box-shadow,opacity]")}),handleIcon:u({switchSizeHandleIcon:l,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:A?"on":"off",className:h("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",Z,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===s?"text-start":"text-end",N?.label)},_=r?W.label:W.div;return $(i,{reducedMotion:J,...Be,children:H(_,{className:Y.root,"data-testid":"container",onHoverStart:U,onHoverEnd:K,tabIndex:-1,children:[H(qe,{className:Y.switch,children:[$("input",{type:"checkbox",...C,ref:e=>{L.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:X,onBlur:Q,id:S,disabled:f,required:v,checked:M?A:void 0,defaultChecked:M?void 0:n,onChange:D,className:Y.htmlCheckbox,style:{}}),H(qe,{className:Y.handle,...G,children:[$(b,{className:Y.handleCircle}),c&&$(m,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:h(Y.handleIcon,A?"opacity-100":"opacity-0")}),d&&$(m,{icon:d,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:h(Y.handleIcon,A?"opacity-0":"opacity-100")})]})]}),r&&$(e,{as:"div",variant:"inherit",color:"inherit",required:v,label:r,className:Y.label})]})})}));Ge.displayName="Switch";export{_ as Avatar,J as AvatarIcon,Y as AvatarImage,Z as AvatarText,ee as Badge,ce as Button,ve as Checkbox,we as Chip,ge as ChipButton,xe as ChipDismissible,Ne as ChipLink,Ce as ChipToggle,Ie as IconButton,Re as Input,je as Radio,Ee as RadioGroupProvider,Ge as Switch};
2
+ import{FormLabel as e,InputHelpTextMemo as a,Image as t}from"../chunk-WMOJ5WXH.js";import{o2 as n,SpringMotionConfig as i,Pressable as o,a as r,o as s,e as l,t as c,e2 as d}from"../chunk-FDIYBNDK.js";export{Pressable,SpringMotionConfig}from"../chunk-FDIYBNDK.js";import{getStyles as u,cx as h,HStack as p,IconSlot as m,createSlot as f,Icon as v,Box as b,Text as y,VStack as g}from"../chunk-S2FXUKQX.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-DVGFVNDI.js";import{BUTTON_CSS_VAR_MAP as N}from"../chunk-N4FHPR6Q.js";import{forwardRef as C,useMemo as V,useRef as w,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 A,useContext as H}from"react";import{jsxs as M,jsx as $,Fragment as j}from"react/jsx-runtime";import{buttonIconSvgSize as D}from"@yahoo/uds/fixtures";import{m as W,useReducedMotion as B,AnimatePresence as F}from"motion/react";import{isFunction as E}from"lodash-es";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var O={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("")},q=(e,a="firstAndLast")=>{if(!e)return"";const t=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof a?a(e):O[a](t)},G=(e="md")=>u({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),X=e=>e?{height:e,width:e}:{},K="primary",Q="md",U={primary:d,secondary:c},Y=({size:e=Q,variant:a=K,customSize:t,icon:n,className:i})=>{const o=V((()=>X(t)),[t]),r=V((()=>h(G(e),u({avatarIconVariantRoot:a,overflow:"hidden"}),i)),[i,e,a]),s=V((()=>u({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),l=V((()=>({...o,boxSizing:"content-box"})),[o]),c=V((()=>n??U[a??"primary"]),[n,a]),d=V((()=>u({avatarSizeIcon:e})),[e]);return $(b,{className:r,style:o,children:$(b,{className:s,style:l,children:$(v,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};Y.displayName="AvatarIcon";var J=({size:e=Q,variant:a=K,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=V((()=>h(G(e),u({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r)),[r,e,a]),l=V((()=>u({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),c=V((()=>X(i)),[i]),d=V((()=>({...c,boxSizing:"content-box"})),[c]);return $(b,{className:s,style:c,children:$(y,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||q(t,o)})})};J.displayName="AvatarText";var Z=({size:e=Q,variant:a=K,src:n,srcSet:i,customSize:o,alt:r,imageProps:s,abbreviationStrategy:l,fallback:c,className:d})=>{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=V((()=>h(G(e),u({avatarImageVariantRoot:a,overflow:"hidden"}),d)),[d,e,a]),v=V((()=>u({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),y=V((()=>X(o)),[o]),g=V((()=>({...y,boxSizing:"content-box"})),[y]);if("loaded"===p)return $(b,{className:f,style:y,children:$(t,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:a};return c||r?$(J,{name:r,initials:c,abbreviationStrategy:l,...x}):$(Y,{...x})};Z.displayName="AvatarImage";var _=e=>$(Z,{...e});_.displayName="Avatar";var ee=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:d,className:f,...v},b){const y=u({badgeSizeRoot:a,badgeVariantRoot:e,className:h(["uds-badge","uds-badge-variant","uds-badge-size",f])}),g=u({badgeVariantIcon:e,badgeSizeIcon:a,className:h(["uds-badge-iconSize","uds-badge-iconColor"])}),x=V((()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...c?{borderColor:c}:{},...s?{color:s}:{}})),[r,c,s,n,t]),N=V((()=>({variant:"fill",style:{...l?{color:l}:{}}})),[l]);return M(p,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&$(m,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),$("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:d}),o&&$(m,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})}));ee.displayName="Badge";var ae={scale:.7,opacity:0},te={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ne={icon:te,hide:ae,loading:ae},ie={loading:te,hide:ae,icon:ae},oe=`var(${N.columnGap})`,re=`var(${N.iconSize})`,se={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:oe}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:re,display:"flex",opacity:1},icon:{width:re,display:"flex",opacity:1}},ce=C((function({variant:e,size:a,startIcon:t,endIcon:o,iconVariant:r,loading:s,disableEffects:l,children:c,asChild:d,type:p="button",className:b,width:y,...g},N){const C=w(null);I(N,(()=>C.current));const z=V((()=>f()),[]),R=V((()=>W.create(z)),[z]),T=o?"icon":"hide",P=(({startIcon:e,endIcon:a,loading:t})=>e||a||t?"withIcon":"withoutIcon")({startIcon:t,endIcon:o,loading:s}),L=(({loading:e,startIcon:a})=>e?"loading":a?"icon":"hide")({loading:s,startIcon:t}),{palette:A,variant:H}=V((()=>x({flatVariant:e})),[e]),E=V((()=>({button:u({width:y,buttonSize:a,buttonVariant:H,buttonPalette:A,className:h("uds-button","uds-ring","uds-hit-target",s&&"uds-button-loading",l&&"uds-button-without-effects","withIcon"===P&&"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,H,A,b,s,l,P]),O=B()?"smooth":"subtle",q=V((()=>$(W.span,{className:E.iconContainer,initial:!1,variants:le,animate:L,children:M(F,{initial:!1,mode:"popLayout",children:[s&&$(W.span,{variants:ie,initial:"hide",animate:"loading",exit:"hide",children:$(v,{size:D,name:n,variant:r,color:"current",className:E.loading})},"loading"),t&&!s&&$(W.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:$(m,{className:E.start,icon:t,iconProps:{size:D,variant:r,color:"current"}})})]})})),[E.iconContainer,E.loading,E.start,L,s,r,t]),G=V((()=>$(W.span,{className:E.iconContainer,initial:!1,variants:le,animate:T,children:$(F,{initial:!1,mode:"popLayout",children:o&&$(W.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:$(m,{className:E.end,icon:o,iconProps:{size:D,variant:r,color:"current"}})})})})),[E.iconContainer,E.end,o,T,r]),X=V((()=>l?{...se,rest:{},hover:{},pressed:{}}:se),[l]);return d&&k(c)?$(i,{layoutSpeed:"3",layoutVariant:O,children:$(R,{type:p,className:E.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:S(c,c.props,M(j,{children:[q,$("span",{className:E.content,children:c.props.children}),G]}))})}):$(i,{layoutSpeed:"3",layoutVariant:O,children:M(W.button,{ref:C,type:p,className:E.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:[q,$("span",{className:E.content,children:c}),G]})})})),de={primary:"alert",secondary:"alert-secondary"},ue=e=>"indeterminate"===e,he=e=>ue(e)?s:l,pe=W.create(b),me={layoutVariant:"smooth",layoutSpeed:"3"},fe={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=C((function({id:a,checked:t,defaultChecked:n,onChange:o,label:r,labelPosition:s="start",variant:l="primary",size:c="md",reduceMotion:d,disabled:p,required:m,hasError:f,className:b,layerClassNames:y,...g},x){const N=z(),C=a??`uds-input-${N}`,I=w(null),k=void 0!==t,[S,L]=R(k?t:n),[A,H]=R(!1),[j,D]=R(!1),F=V((()=>f?de[l]:l),[f,l]),E=!p&&A,O=!p&&j,q=V((()=>O?.9:E?1.1:1),[O,E]),G=V((()=>S?O?"opacity-55":"opacity-100":"opacity-0"),[S,O]),X=V((()=>({scale:q})),[q]),K=V((()=>j?fe:me),[j]),Q=T((e=>{o?.(e),k||L(e.target.checked)}),[k,o]),U=T((()=>{H(!0)}),[]),Y=T((()=>{H(!1)}),[]),J=T((()=>{D(!0)}),[]),Z=T((()=>{D(!1)}),[]),_=e=>{I.current&&(I.current.indeterminate=ue(e))},ee=d?"always":"user",ae=B()||d?"duration-0":"duration-120";P((()=>{k&&L(t)}),[t,k]),P((()=>{_(S)}),[S]);const te=ue(S)?"indeterminate":S?"checked":"unchecked",ne={root:u({checkboxSizeRoot:c,checkboxVariantRoot:F,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:h({"cursor-pointer":!p,"cursor-default":p,"opacity-50":p},b,y?.root)}),checkbox:u({checkboxSizeCheckbox:c,checkboxVariantCheckbox:F,checkboxVariantValueCheckbox:te,className:h("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:u({checkboxVariantCheckboxIcon:F,checkboxVariantValueCheckboxIcon:te,className:h("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===s?"text-start":"text-end",y?.label)},ie=r?W.label:W.div;return $(i,{reducedMotion:ee,...K,children:M(ie,{className:ne.root,"data-testid":"container",onHoverStart:U,onHoverEnd:Y,onTapStart:J,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[M(pe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:X,children:[$("input",{type:"checkbox",...g,ref:e=>{I.current=e,_(S),"function"==typeof x?x(e):null!==x&&(x.current=e)},id:C,disabled:p,required:m,"aria-invalid":f,checked:k?!ue(S)&&S:void 0,defaultChecked:k?void 0:n,onChange:Q,className:ne.htmlCheckbox}),$(v,{name:he(S),size:"sm",className:ne.check})]}),r&&$(e,{as:"div",variant:"inherit",color:"inherit",required:m,label:r,className:ne.label})]})})}));ve.displayName="Checkbox";var be="primary",ye=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:d,...f},v){const b=B()||r?"duration-0":"duration-120",g=V((()=>({root:u({chipSizeRoot:e,className:h({"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]",c?.root,l)}),icon:u({chipSizeIcon:e,className:c?.icon})})),[l,b,s,c?.icon,c?.root,e]);return $(p,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:g.root,...f,children:M(o,{disabled:s,children:[n&&$(m,{icon:n,iconProps:{variant:"fill",className:g.icon},"data-testid":"start-icon"}),$(y,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:d}),i&&$(m,{icon:i,iconProps:{variant:"fill",className:g.icon},"data-testid":"end-icon"})]})})}));ye.displayName="ChipBase";var ge=C((function({variant:e=be,...a},t){const n=V((()=>({root:u({chipLinkVariantRoot:e}),icon:u({chipLinkVariantIcon:e})})),[e]);return $(ye,{as:"button",ref:t,variant:e,layerClassNames:n,...a})}));ge.displayName="ChipButton";var xe=C((function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:n=be,disabled:i,...s},l){const c=V((()=>({root:u({chipDismissibleVariantRoot:n}),icon:u({chipDismissibleVariantIcon:n})})),[n]),d=T((e=>{e.stopPropagation(),a?.()}),[a]),p={icon:h("uds-chip-dismissible-button","uds-hit-target")};return $(ye,{ref:l,variant:n,disabled:i,tabIndex:-1,endIcon:a=>$(o,{"aria-label":e,className:p.icon,onClick:d,disabled:i,children:$(m,{icon:t??r,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})}));xe.displayName="ChipDismissible";var Ne=C((function({variant:e=be,href:a,disabled:t,...n},i){const o=V((()=>({root:u({chipLinkVariantRoot:e}),icon:u({chipLinkVariantIcon:e})})),[e]);return $(ye,{as:"a",ref:i,variant:e,disabled:t,layerClassNames:o,...{...n,href:t?void 0:a}})}));Ne.displayName="ChipLink";var Ce=C((function({isToggled:e=!1,onToggle:a,onClick:t,variant:n=be,...i},o){const r=V((()=>({root:u({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:u({chipToggleVariantIcon:n})})),[e,n]),s=T((n=>{a?.(!e),t?.(n)}),[e,t,a]);return $(ye,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})}));Ce.displayName="ChipToggle";var Ve=C((function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?$(xe,{ref:s,onDismiss:n,...r}):i?$(Ce,{ref:s,onToggle:i,isToggled:o,...r}):a?$(Ne,{ref:s,href:a,...r,...t}):$(ge,{ref:s,onClick:e,...r})}));Ve.displayName="Chip";var we=C((function({variant:e,size:a,iconVariant:t,loading:o,disableEffects:r,name:s,type:l="button",htmlName:c,className:d,children:p,...m},f){const b=w(null);I(f,(()=>b.current));const{palette:y,variant:g}=x({flatVariant:e}),N=V((()=>({button:u({buttonVariant:g,buttonPalette:y,iconButtonSize:a,className:h("uds-icon-button","uds-button","uds-ring","uds-hit-target",o&&"uds-button-loading",r&&"uds-button-without-effects",d)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[y,g,d,r,a,o]),C=B(),k=V((()=>C?"smooth":"subtle"),[C]),S=V((()=>{const{rest:e,hover:a,pressed:t}=se;return r?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}}),[r]);return $(i,{layoutSpeed:"3",layoutVariant:k,reducedMotion:r?"always":"user",children:$(W.button,{ref:b,type:l,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:c,...m,children:M(F,{initial:!1,mode:"popLayout",children:[o&&$(W.span,{variants:ie,initial:"loading",animate:"loading",exit:"hide",children:$(v,{size:D,name:n,variant:t,color:"current",className:N.loading})},"loading"),s&&!o&&$(W.span,{variants:ne,initial:"icon",animate:"icon",exit:"hide",children:p||$(v,{size:D,name:s,variant:t,color:"current",className:N.icon})},s.name)]})})})})),Ie=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=w(null),[o,r]=R("auto");return P((()=>{if(n.current){const e=new ResizeObserver((e=>{r(e[0].contentRect.height)}));return e.observe(n.current),()=>{e.disconnect()}}}),[]),$(i,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:$(W.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:$("div",{ref:n,children:e})})})},ke=L((function({helpText:e,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return e?$(b,{spacingTop:i,spacingStart:n,...s,children:$(a,{startIcon:t,size:o,isFilled:r,children:E(e)?e():e})}):null})),Se=L((function({icon:e,className:a}){return e?$(m,{icon:e,iconProps:{variant:"outline"},className:a}):null})),ze=L((function({icon:e,className:a}){if(!e)return null;return $(m,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:a})})),Re=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:d,required:m,readOnly:f,disabled:v,reduceMotion:y,onChange:x,className:N,...C},V){const k=z(),S=e??`uds-input-${k}`,P=`uds-input-${S}-help-text`,L=w(null);I(V,(()=>L.current));const[A,H]=R(d??""),j=T((e=>{H(e.target.value),x?.(e)}),[x]),D=B()?"smooth":"bouncy",W=y?"always":"user",F=!f&&!v,O={root:u({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:A?"filled":"empty",className:h([N,v?"opacity-50":""])}),inputWrapper:h(u({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:A?"filled":"empty"}),"min-w-[200px]"),input:u({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:A?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:A?"filled":"empty",className:h("grow","uds-hit-target","bg-clip-text","focus:outline-none",F?"cursor-text":"cursor-not-allowed")}),label:h(u({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:A?"filled":"empty"})),labelRequired:u({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:A?"filled":"empty"}),startIcon:u({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:A?"filled":"empty"}),endIcon:u({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:A?"filled":"empty"})};return M(g,{width:c,className:O.root,children:[a&&M(b,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:O.label,children:[$("label",{htmlFor:S,children:E(a)?a():a}),m&&$("span",{className:O.labelRequired,children:"*"})]}),M(b,{position:"relative",alignItems:"center",className:O.inputWrapper,children:[$(Se,{icon:i,className:O.startIcon}),$("input",{ref:L,id:S,type:t,value:A,required:m,readOnly:f,disabled:v,"aria-describedby":P,"aria-invalid":l,onChange:j,className:O.input,...C}),o&&$(p,{alignItems:"center",gap:"1",children:$(ze,{icon:o,className:O.endIcon})})]}),$(Ie,{reduceMotion:W,layoutVariant:D,children:$(ke,{id:P,helpText:r,spacingTop:"2",size:n,isFilled:!!A,helperTextIcon:s})})]})}));Re.displayName="Input";var Te=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}},Pe=A(new Map),Le=e=>{const a=z();return e??`uds-radio-group-${a}`},Ae={primary:"alert",secondary:"alert-secondary"},He=W.create(b),Me={layoutVariant:"smooth",layoutSpeed:"3"},$e={layoutVariant:"veryBouncy",layoutSpeed:"4"},je=C((function({id:a,name:t,label:n,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,value:c="",checked:d,defaultChecked:p,disabled:m,hasError:f,onChange:v,onFocus:y,onBlur:g,className:x,layerClassNames:N,...C},I){const k=z(),S=a??`uds-radio-${k}`,L=w(null),{name:A,isControlled:j,checked:D,setGroupValue:F}=(({name:e,value:a,checked:t,defaultChecked:n})=>{const i=H(Pe),o=i instanceof Te,r=void 0!==t||o,s=Le(e),l=V((()=>o?i:Te.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=Te.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:c,checked:d,defaultChecked:p}),[E,O]=R(!1),[q,G]=R(!1),X=V((()=>f?Ae[r]:r),[f,r]),K=V((()=>!m&&E),[m,E]),Q=V((()=>!m&&!D&&q),[D,m,q]),U=V((()=>Q?.9:K?1.1:1),[K,Q]),Y=V((()=>D?Q?"opacity-55":"opacity-100":"opacity-0"),[D,Q]),J=V((()=>!m&&(Q&&!D||K&&D)),[D,m,K,Q]),Z=V((()=>({scale:U})),[U]),_=V((()=>q?$e:Me),[q]),ee=T((e=>{F(e.target.value),v?.(e)}),[v,F]),ae=T((e=>{y?.(e)}),[y]),te=T((e=>{g?.(e)}),[g]),ne=T((()=>{O(!0)}),[]),ie=T((()=>{O(!1)}),[]),oe=T((()=>{G(!0)}),[]),re=T((()=>{G(!1)}),[]),se=l?"always":"user",le=B()||l?"duration-0":"duration-120",ce={root:u({radioSizeRoot:s,radioVariantValueRoot:D?"checked":"unchecked",radioVariantRoot:X,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h([{"cursor-pointer":!m,"cursor-default":m,"opacity-50":m},x,N?.root])}),radio:u({radioSizeRadio:s,radioVariantRadio:X,radioVariantValueRadio:D?"checked":"unchecked",className:h(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:u({radioVariantRadioCircle:X,radioVariantValueRadioCircle:D?"checked":"unchecked",className:h(["pointer-events-none","w-[8px]","h-[8px]",Y,le,"transition-opacity"])}),htmlRadio:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===o?"text-start":"text-end",N?.label)},de=n?W.label:W.div;return $(i,{reducedMotion:se,..._,children:M(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[M(He,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:Z,insetShadow:J?"lg-invert":"none",children:[$("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:A,value:c,disabled:m,"aria-invalid":f,onChange:ee,...j?{checked:D}:{defaultChecked:p},className:ce.htmlRadio}),$(b,{borderRadius:"full",className:ce.radioCircle})]}),n&&$(e,{as:"div",variant:"inherit",color:"inherit",label:n,className:ce.label})]})})}));je.displayName="Radio";var De=f(),We=class extends Te{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=Le(a),c=V((()=>{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?De:"div";return $(Pe.Provider,{value:c,children:$(d,{role:"radiogroup",ref:r,...o})})}));Be.displayName="RadioGroupProvider";var Fe={md:{isOnX:20},sm:{isOnX:12}},Ee=W.create(b),Oe={layoutVariant:"bouncy",layoutSpeed:"4"},qe=C((function({id:a,isOn:t,defaultIsOn:n,onChange:o,label:r,labelPosition:s="start",size:l="md",onIcon:c,offIcon:d,reduceMotion:p,disabled:f,required:v,onFocus:y,onBlur:g,className:x,layerClassNames:N,...C},I){const k=z(),S=a??`uds-input-${k}`,L=w(null),A=void 0!==t,[H,j]=R(A?t:n),[D,F]=R(!1),E=V((()=>!f&&D),[f,D]),{isOnX:O}=Fe[l],q=V((()=>({initial:{scale:1,x:H?O:0},animate:{scale:E?1.05:1,x:H?O:0}})),[E,H,O]),G=T((e=>{o?.(e),A||j(e.target.checked)}),[A,o]),X=T((e=>{y?.(e)}),[y]),K=T((e=>{g?.(e)}),[g]),Q=T((()=>{F(!0)}),[]),U=T((()=>{F(!1)}),[]),Y=p?"always":"user",J=B()||p?"duration-0":"duration-120";P((()=>{A&&j(t)}),[t,A]);const Z={root:u({switchSizeRoot:l,switchVariantRoot:"default",switchVariantActiveRoot:H?"on":"off",display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:h("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},N?.root,x)}),switch:u({switchVariantSwitch:"default",switchSizeSwitch:l,switchVariantActiveSwitch:H?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:h("uds-ring","uds-ring-within",J,"transition-[background-color,box-shadow]",N?.switch)}),handle:u({switchSizeHandle:l,className:h("relative","pointer-events-none","rounded-full","overflow-hidden",N?.handle)}),handleCircle:u({switchVariantActiveHandle:H?"on":"off",switchVariantHandle:"default",className:h("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",J,"transition-[background-color,box-shadow,opacity]")}),handleIcon:u({switchSizeHandleIcon:l,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:H?"on":"off",className:h("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",J,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===s?"text-start":"text-end",N?.label)},_=r?W.label:W.div;return $(i,{reducedMotion:Y,...Oe,children:M(_,{className:Z.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:U,tabIndex:-1,children:[M(Ee,{className:Z.switch,children:[$("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:f,required:v,checked:A?H:void 0,defaultChecked:A?void 0:n,onChange:G,className:Z.htmlCheckbox,style:{}}),M(Ee,{className:Z.handle,...q,children:[$(b,{className:Z.handleCircle}),c&&$(m,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:h(Z.handleIcon,H?"opacity-100":"opacity-0")}),d&&$(m,{icon:d,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:h(Z.handleIcon,H?"opacity-0":"opacity-100")})]})]}),r&&$(e,{as:"div",variant:"inherit",color:"inherit",required:v,label:r,className:Z.label})]})})}));qe.displayName="Switch";export{_ as Avatar,Y as AvatarIcon,Z as AvatarImage,J as AvatarText,ee as Badge,ce as Button,ve as Checkbox,Ve as Chip,ge as ChipButton,xe as ChipDismissible,Ne as ChipLink,Ce as ChipToggle,we as IconButton,Re as Input,je as Radio,Be as RadioGroupProvider,qe as Switch};
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("./chunk-YV2EYDJK.cjs"),t=require("./chunk-OVXGAHLE.cjs"),r=require("./chunk-BCFYKKRU.cjs"),n=require("./chunk-5BYL7WNH.cjs"),o=require("./chunk-J7PUOUXC.cjs"),i=require("./chunk-BYASTYEI.cjs"),u=require("./chunk-4NZKRK55.cjs"),a=require("react"),c=require("react/jsx-runtime"),f=require("@yahoo/uds/client"),p=a.forwardRef((function(e,r){return c.jsx(t.DividerInternal,{ref:r,...e})}));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */p.displayName="Divider";var s=a.forwardRef((function({variant:e="primary",textVariant:t,startIcon:n,endIcon:o,alwaysUnderline:i=!1,children:u,className:f,...p},s){const b=!t,O=a.useMemo((()=>{const n=!b&&r.getStyles({linkTextStyleRoot:t,fontSize:t,fontFamily:t,fontWeight:t,lineHeight:t,textTransform:t});return r.getStyles({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:r.cx(n,"uds-ring",i&&"underline",f)})}),[i,b,t,e,f]),g=r.getStyles({linkVariantIconStart:e,linkTextStyleIcon:t,className:r.cx(b&&"w-[0.7em] h-[0.7em]")}),l=r.getStyles({linkVariantIconEnd:e,linkTextStyleIcon:t,className:r.cx(b&&"w-[0.7em] h-[0.7em]")}),P={variant:"outline",color:"current"};return c.jsxs("a",{ref:s,className:O,...p,children:[n&&c.jsx(r.IconSlot,{className:g,icon:n,iconProps:P,"data-testid":"start-icon"}),u,o&&c.jsx(r.IconSlot,{className:l,icon:o,iconProps:P,"data-testid":"end-icon"})]})}));s.displayName="Link",Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return e.FormLabel}}),Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return e.Image}}),Object.defineProperty(exports,"InputHelpText",{enumerable:!0,get:function(){return e.InputHelpTextMemo}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return r.Box}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return r.HStack}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return r.Icon}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return r.Text}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return r.VStack}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return r.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return r.cx}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return r.getStyles}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return n.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return n.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return n.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return n.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return n.button}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return n.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return n.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return n.configurableProperties}}),Object.defineProperty(exports,"createComponentStateConfig",{enumerable:!0,get:function(){return n.createComponentStateConfig}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return n.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return n.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return n.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return n.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return n.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return n.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return n.createVariantConfigWithProperties}}),Object.defineProperty(exports,"defaultTokensConfig",{enumerable:!0,get:function(){return n.defaultTokensConfig}}),Object.defineProperty(exports,"defaultUniversalTokensConfigAuto",{enumerable:!0,get:function(){return n.defaultUniversalTokensConfigAuto}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return n.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return n.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return n.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return n.generateClassName}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return n.generateDeclaration}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return n.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return n.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return n.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return n.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return n.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return n.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return n.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return n.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return n.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return n.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return n.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return n.getConfigVariants}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return n.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return n.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return n.parseButtonVariantFlat}}),Object.defineProperty(exports,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return n.parseDeprecatedButtonPaletteVariant}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return n.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return n.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return n.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return n.toMinimalDbConfigObject}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return o.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return o.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return i.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return u.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return u.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return u.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return u.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return u.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return u.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return u.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return u.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return u.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return u.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return u.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return u.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return u.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return u.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return u.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return u.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return u.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return u.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return f.Avatar}}),Object.defineProperty(exports,"AvatarIcon",{enumerable:!0,get:function(){return f.AvatarIcon}}),Object.defineProperty(exports,"AvatarImage",{enumerable:!0,get:function(){return f.AvatarImage}}),Object.defineProperty(exports,"AvatarText",{enumerable:!0,get:function(){return f.AvatarText}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return f.Badge}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return f.Button}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return f.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return f.Chip}}),Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:function(){return f.ChipButton}}),Object.defineProperty(exports,"ChipDismissible",{enumerable:!0,get:function(){return f.ChipDismissible}}),Object.defineProperty(exports,"ChipLink",{enumerable:!0,get:function(){return f.ChipLink}}),Object.defineProperty(exports,"ChipToggle",{enumerable:!0,get:function(){return f.ChipToggle}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return f.IconButton}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return f.Input}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return f.Menu}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return f.Pressable}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return f.Radio}}),Object.defineProperty(exports,"RadioGroupProvider",{enumerable:!0,get:function(){return f.RadioGroupProvider}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return f.SpringMotionConfig}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return f.Switch}}),exports.Divider=p,exports.Link=s;
1
+ "use strict";var e=require("./chunk-YV2EYDJK.cjs"),t=require("./chunk-OVXGAHLE.cjs"),r=require("./chunk-BCFYKKRU.cjs"),n=require("./chunk-ZSLO4JSU.cjs"),o=require("./chunk-J7PUOUXC.cjs"),i=require("./chunk-BYASTYEI.cjs"),u=require("./chunk-4NZKRK55.cjs"),a=require("react"),c=require("react/jsx-runtime"),f=require("@yahoo/uds/client"),p=a.forwardRef((function(e,r){return c.jsx(t.DividerInternal,{ref:r,...e})}));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */p.displayName="Divider";var s=a.forwardRef((function({variant:e="primary",textVariant:t,startIcon:n,endIcon:o,alwaysUnderline:i=!1,children:u,className:f,...p},s){const b=!t,O=a.useMemo((()=>{const n=!b&&r.getStyles({linkTextStyleRoot:t,fontSize:t,fontFamily:t,fontWeight:t,lineHeight:t,textTransform:t});return r.getStyles({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:r.cx(n,"uds-ring",i&&"underline",f)})}),[i,b,t,e,f]),g=r.getStyles({linkVariantIconStart:e,linkTextStyleIcon:t,className:r.cx(b&&"w-[0.7em] h-[0.7em]")}),l=r.getStyles({linkVariantIconEnd:e,linkTextStyleIcon:t,className:r.cx(b&&"w-[0.7em] h-[0.7em]")}),P={variant:"outline",color:"current"};return c.jsxs("a",{ref:s,className:O,...p,children:[n&&c.jsx(r.IconSlot,{className:g,icon:n,iconProps:P,"data-testid":"start-icon"}),u,o&&c.jsx(r.IconSlot,{className:l,icon:o,iconProps:P,"data-testid":"end-icon"})]})}));s.displayName="Link",Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return e.FormLabel}}),Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return e.Image}}),Object.defineProperty(exports,"InputHelpText",{enumerable:!0,get:function(){return e.InputHelpTextMemo}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return r.Box}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return r.HStack}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return r.Icon}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return r.Text}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return r.VStack}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return r.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return r.cx}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return r.getStyles}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return n.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return n.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return n.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return n.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return n.button}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return n.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return n.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return n.configurableProperties}}),Object.defineProperty(exports,"createComponentStateConfig",{enumerable:!0,get:function(){return n.createComponentStateConfig}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return n.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return n.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return n.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return n.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return n.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return n.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return n.createVariantConfigWithProperties}}),Object.defineProperty(exports,"defaultTokensConfig",{enumerable:!0,get:function(){return n.defaultTokensConfig}}),Object.defineProperty(exports,"defaultUniversalTokensConfigAuto",{enumerable:!0,get:function(){return n.defaultUniversalTokensConfigAuto}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return n.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return n.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return n.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return n.generateClassName}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return n.generateDeclaration}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return n.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return n.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return n.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return n.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return n.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return n.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return n.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return n.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return n.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return n.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return n.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return n.getConfigVariants}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return n.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return n.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return n.parseButtonVariantFlat}}),Object.defineProperty(exports,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return n.parseDeprecatedButtonPaletteVariant}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return n.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return n.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return n.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return n.toMinimalDbConfigObject}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return o.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return o.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return i.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return u.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return u.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return u.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return u.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return u.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return u.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return u.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return u.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return u.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return u.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return u.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return u.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return u.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return u.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return u.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return u.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return u.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return u.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return f.Avatar}}),Object.defineProperty(exports,"AvatarIcon",{enumerable:!0,get:function(){return f.AvatarIcon}}),Object.defineProperty(exports,"AvatarImage",{enumerable:!0,get:function(){return f.AvatarImage}}),Object.defineProperty(exports,"AvatarText",{enumerable:!0,get:function(){return f.AvatarText}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return f.Badge}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return f.Button}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return f.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return f.Chip}}),Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:function(){return f.ChipButton}}),Object.defineProperty(exports,"ChipDismissible",{enumerable:!0,get:function(){return f.ChipDismissible}}),Object.defineProperty(exports,"ChipLink",{enumerable:!0,get:function(){return f.ChipLink}}),Object.defineProperty(exports,"ChipToggle",{enumerable:!0,get:function(){return f.ChipToggle}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return f.IconButton}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return f.Input}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return f.Menu}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return f.Pressable}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return f.Radio}}),Object.defineProperty(exports,"RadioGroupProvider",{enumerable:!0,get:function(){return f.RadioGroupProvider}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return f.SpringMotionConfig}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return f.Switch}}),exports.Divider=p,exports.Link=s;
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- export{FormLabel,Image,InputHelpTextMemo as InputHelpText}from"./chunk-WMOJ5WXH.js";import{DividerInternal as e}from"./chunk-XYUF3GPH.js";import{getStyles as t,cx as a,IconSlot as n}from"./chunk-S2FXUKQX.js";export{Box,HStack,Icon,Text,VStack,cva,cx,getStyles}from"./chunk-S2FXUKQX.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,defaultTokensConfig,defaultUniversalTokensConfigAuto,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"./chunk-5QLKLUZU.js";export{entries,mapValues}from"./chunk-EWJ3J526.js";export{variants}from"./chunk-AWSJDBQH.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-N4FHPR6Q.js";import{forwardRef as o,useMemo as r}from"react";import{jsx as i,jsxs as _}from"react/jsx-runtime";export{Avatar,AvatarIcon,AvatarImage,AvatarText,Badge,Button,Checkbox,Chip,ChipButton,ChipDismissible,ChipLink,ChipToggle,IconButton,Input,Menu,Pressable,Radio,RadioGroupProvider,SpringMotionConfig,Switch}from"@yahoo/uds/client";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var E=o((function(t,a){return i(e,{ref:a,...t})}));E.displayName="Divider";var s=o((function({variant:e="primary",textVariant:o,startIcon:E,endIcon:s,alwaysUnderline:S=!1,children:A,className:C,...c},l){const L=!o,O=r((()=>{const n=!L&&t({linkTextStyleRoot:o,fontSize:o,fontFamily:o,fontWeight:o,lineHeight:o,textTransform:o});return t({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:a(n,"uds-ring",S&&"underline",C)})}),[S,L,o,e,C]),f=t({linkVariantIconStart:e,linkTextStyleIcon:o,className:a(L&&"w-[0.7em] h-[0.7em]")}),g=t({linkVariantIconEnd:e,linkTextStyleIcon:o,className:a(L&&"w-[0.7em] h-[0.7em]")}),m={variant:"outline",color:"current"};return _("a",{ref:l,className:O,...c,children:[E&&i(n,{className:f,icon:E,iconProps:m,"data-testid":"start-icon"}),A,s&&i(n,{className:g,icon:s,iconProps:m,"data-testid":"end-icon"})]})}));s.displayName="Link";export{E as Divider,s as Link};
1
+ export{FormLabel,Image,InputHelpTextMemo as InputHelpText}from"./chunk-WMOJ5WXH.js";import{DividerInternal as e}from"./chunk-XYUF3GPH.js";import{getStyles as t,cx as a,IconSlot as n}from"./chunk-S2FXUKQX.js";export{Box,HStack,Icon,Text,VStack,cva,cx,getStyles}from"./chunk-S2FXUKQX.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,defaultTokensConfig,defaultUniversalTokensConfigAuto,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"./chunk-DVGFVNDI.js";export{entries,mapValues}from"./chunk-EWJ3J526.js";export{variants}from"./chunk-AWSJDBQH.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-N4FHPR6Q.js";import{forwardRef as o,useMemo as r}from"react";import{jsx as i,jsxs as _}from"react/jsx-runtime";export{Avatar,AvatarIcon,AvatarImage,AvatarText,Badge,Button,Checkbox,Chip,ChipButton,ChipDismissible,ChipLink,ChipToggle,IconButton,Input,Menu,Pressable,Radio,RadioGroupProvider,SpringMotionConfig,Switch}from"@yahoo/uds/client";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var E=o((function(t,a){return i(e,{ref:a,...t})}));E.displayName="Divider";var s=o((function({variant:e="primary",textVariant:o,startIcon:E,endIcon:s,alwaysUnderline:S=!1,children:A,className:C,...c},l){const L=!o,O=r((()=>{const n=!L&&t({linkTextStyleRoot:o,fontSize:o,fontFamily:o,fontWeight:o,lineHeight:o,textTransform:o});return t({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:a(n,"uds-ring",S&&"underline",C)})}),[S,L,o,e,C]),f=t({linkVariantIconStart:e,linkTextStyleIcon:o,className:a(L&&"w-[0.7em] h-[0.7em]")}),g=t({linkVariantIconEnd:e,linkTextStyleIcon:o,className:a(L&&"w-[0.7em] h-[0.7em]")}),m={variant:"outline",color:"current"};return _("a",{ref:l,className:O,...c,children:[E&&i(n,{className:f,icon:E,iconProps:m,"data-testid":"start-icon"}),A,s&&i(n,{className:g,icon:s,iconProps:m,"data-testid":"end-icon"})]})}));s.displayName="Link";export{E as Divider,s as Link};