@yahoo/uds 3.31.0 → 3.32.0

package/dist/client/Menu.cjs

@@ -1,3 +1,3 @@
 "use client";
-"use strict";var e=require("../chunk-3GJTY3MP.cjs"),r=require("../chunk-NK26IH6V.cjs"),t=require("../chunk-WNCWU62A.cjs"),a=require("../chunk-Y5TAAZAI.cjs"),d=require("../chunk-Z5QYFA5P.cjs"),s=require("../chunk-NUEZVMWZ.cjs"),n=require("@ariakit/react/menu"),i=require("react"),c=require("use-sync-external-store/shim/index.js"),o=require("@yahoo/uds/fixtures"),u=require("motion/react"),l=require("react/jsx-runtime"),x=require("@ariakit/react");function m(e){return e&&e.__esModule?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var b=p(i),f=m(c);function h(e){return e}function _(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}var{useSyncExternalStore:v}=f.default;function g(e,r=h){const t=b.useCallback(r=>e?function(e,...r){if(e)return _(e,"subscribe")(...r)}(e,null,r):()=>{},[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return v(t,a,a)}var y=u.m.create(t.VStack),I=5,S=.97,C={top:{x:0,y:I},bottom:{x:0,y:-5},left:{x:I,y:0},right:{x:-5,y:0}},w=e=>i.useMemo(()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...C[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),j=i.forwardRef(function({gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:I,focusable:S,children:C,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),P=g(E,"open"),R=g(E,"mounted"),A=g(E,"currentPlacement"),O=g(E,"placement"),[q,z]=i.useState(A),[T,B]=i.useState(A);i.useEffect(()=>{O!==T&&B(O)},[O]),i.useEffect(()=>{A!==T&&B(A)},[A]),i.useEffect(()=>{R&&T!==q&&z(T)},[R,T,q]);const D=i.useMemo(()=>P&&R?"open":"closed",[P,R]),H=i.useMemo(()=>P?_:"none",[P,_]),W=w(T),$=(({borderRadius:e,spacing:r})=>{if(void 0===r||"0"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===r||"0.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===r||"1.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===r||"2.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===r||"3.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:p,spacing:r}),F=i.useMemo(()=>o.spacingMap[x],[x]);return l.jsx(u.AnimatePresence,{initial:!1,children:l.jsx(n.Menu,{gutter:F,sameWidth:I,focusable:S,store:E,ref:V,portalElement:j,portal:k,...M,render:l.jsx(y,{backgroundColor:m,gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:D,variants:W,dropShadow:H,className:d.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!N&&$,v),children:C})})})}),k=i.forwardRef(function({role:r="separator",contentPosition:t="start",gap:a="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...o},u){const x={root:d.getStyles({menuDividerVariantRoot:"default",className:c}),text:d.getStyles({menuDividerVariantText:"default"}),line:d.getStyles({menuDividerVariantLine:"default"})};return l.jsx(e.DividerInternal,{ref:u,role:r,variant:"inherit",contentPosition:t,gap:a,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})});k.displayName="MenuDivider";var N={};s.__export(N,{Content:()=>j,Divider:()=>k,Item:()=>P,ItemCheckbox:()=>R,Provider:()=>q,Trigger:()=>z,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef(function({spacing:e="0",spacingBottom:a,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:o,spacingVertical:x="3.5",columnGap:m="2",className:p,children:b,endIcon:f,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:y,rootProps:I,name:S,alignItems:C="center",justifyContent:w="space-between",layerClassNames:j,...k},N){const E=i.Children.count(b)>1,P=(({active:e,disabled:r,className:t})=>d.cx(M,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",t))({active:v,disabled:g,className:p}),R=d.getStyles({className:d.cx(`${M}-content truncate`,j?.text),textAlign:"start",...E&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),A=i.useMemo(()=>({root:d.getStyles({menuSizeRoot:"default",className:d.cx(j?.root,P)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:j?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:j?.endIcon})}),[j,P]);return l.jsx(d.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:o,spacingVertical:x,columnGap:m,className:A.root,alignItems:C,justifyContent:w,children:l.jsxs(y,{render:l.jsx(r.Pressable,{ref:N,...k}),name:S??"",disabled:g,...I,children:[l.jsxs(t.HStack,{gap:m,alignItems:"center",width:"full",children:[l.jsx(u.AnimatePresence,{initial:!1,children:h&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:l.jsx(d.IconSlot,{icon:h,className:A.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:R,children:b})]}),l.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&f&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:f,className:A.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),P=i.forwardRef(function({active:e,hideOnClick:r,...t},a){const s={root:d.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:d.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:d.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return l.jsx(E,{ref:a,as:n.MenuItem,active:e,layerClassNames:s,rootProps:{hideOnClick:r},...t})});P.displayName="MenuItem";var R=i.forwardRef(function({name:e,endIcon:t=r.e,checked:a,defaultChecked:s,hideOnClick:c,className:o,...u},m){const p=e,b=i.useRef(!1),f=n.useMenuContext(),h=x.useStoreState(f);i.useEffect(()=>{!b.current&&void 0!==s&&f&&(f.setValues(e=>({...e,[p]:s})),b.current=!0)},[f,s,p]);const _=i.useMemo(()=>{if(void 0!==a)return a;if(h?.items?.length){const e=h?.items.find(e=>e.element?.name===p);if(e?.element)return e.element.checked}const e=h?.values[p];return"boolean"==typeof e?e:s??!1},[h?.items,h?.values,p,a,s]),v=i.useCallback(e=>{void 0===a&&f?.setValues(r=>({...r,[p]:e.target.checked}))},[p,f,a]),g={root:d.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:_?"on":"off"}),text:d.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:_?"on":"off"}),startIcon:d.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:_?"on":"off"}),endIcon:d.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:_?"on":"off"})};return l.jsx(E,{ref:m,as:n.MenuItemCheckbox,hideEndIcon:!_,endIcon:t,active:_,className:d.cx("uds-menu-item-checkbox",o),layerClassNames:g,rootProps:{name:e,onChange:v,defaultChecked:s,checked:void 0!==a?a:void 0,hideOnClick:c},...u})});R.displayName="MenuItemCheckbox";var A=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},O=e=>{const[r,t]=i.useState(A);return i.useEffect(()=>{if(e?.explicit)return void t(e.explicit);const r=(e=>{const r=new MutationObserver(r=>{r.some(e=>"attributes"===e.type&&"dir"===e.attributeName)&&e()});return r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),r})(()=>{t(A())});return()=>r.disconnect()},[e?.explicit]),r},q=function({placement:e="bottom",rtl:r,...t}){const d=O({explicit:r}),s=((e,r)=>{const t=r?.rtl;if("start"===e)return t?"right":"left";if("end"===e)return t?"left":"right";if(e?.includes("-")){const[r,a]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==a&&"bottom"!==a))return`${"start"===r?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===a?t?"end":"start":t?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(a.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...t})})},z=i.forwardRef(function({asChild:e,children:r,className:t,...a},s){const c=i.useRef(null),o=e?{render:l.jsx(d.Box,{asChild:!0,ref:c,className:"uds-ring h-fit w-fit",children:r})}:{children:r},u=i.useCallback(()=>{const e=c.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[c]);return l.jsx(n.MenuButton,{onFocus:u,onFocusVisible:u,ref:s,className:d.cx("uds-menu-trigger",t),...o,...a})});exports.Menu=N;
+"use strict";var e=require("../chunk-LY4CD7HC.cjs"),r=require("../chunk-B2TWH6YF.cjs"),t=require("../chunk-XT7VV5LA.cjs"),a=require("../chunk-Y5TAAZAI.cjs"),d=require("../chunk-S5XWK3OK.cjs"),s=require("../chunk-NUEZVMWZ.cjs"),n=require("@ariakit/react/menu"),i=require("react"),c=require("use-sync-external-store/shim/index.js"),o=require("@yahoo/uds/fixtures"),u=require("motion/react"),l=require("react/jsx-runtime"),x=require("@ariakit/react");function m(e){return e&&e.__esModule?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var b=p(i),f=m(c);function h(e){return e}function _(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}var{useSyncExternalStore:v}=f.default;function g(e,r=h){const t=b.useCallback(r=>e?function(e,...r){if(e)return _(e,"subscribe")(...r)}(e,null,r):()=>{},[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return v(t,a,a)}var y=u.m.create(t.VStack),I=5,S=.97,C={top:{x:0,y:I},bottom:{x:0,y:-5},left:{x:I,y:0},right:{x:-5,y:0}},w=e=>i.useMemo(()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...C[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),j=i.forwardRef(function({gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:I,focusable:S,children:C,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),R=g(E,"open"),O=g(E,"mounted"),P=g(E,"currentPlacement"),A=g(E,"placement"),[T,q]=i.useState(P),[z,B]=i.useState(P);i.useEffect(()=>{A!==z&&B(A)},[A]),i.useEffect(()=>{P!==z&&B(P)},[P]),i.useEffect(()=>{O&&z!==T&&q(z)},[O,z,T]);const D=i.useMemo(()=>R&&O?"open":"closed",[R,O]),H=i.useMemo(()=>R?_:"none",[R,_]),W=w(z),L=(({borderRadius:e,spacing:r})=>{if(void 0===r||"0"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===r||"0.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===r||"1.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===r||"2.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===r||"3.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:p,spacing:r}),$=i.useMemo(()=>o.spacingMap[x],[x]);return l.jsx(u.AnimatePresence,{initial:!1,children:l.jsx(n.Menu,{gutter:$,sameWidth:I,focusable:S,store:E,ref:V,portalElement:j,portal:k,...M,render:l.jsx(y,{backgroundColor:m,gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:D,variants:W,dropShadow:H,className:d.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!N&&L,v),children:C})})})}),k=i.forwardRef(function({role:r="separator",contentPosition:t="start",gap:a="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...o},u){const x={root:d.getStyles({menuDividerVariantRoot:"default",className:c}),text:d.getStyles({menuDividerVariantText:"default"}),line:d.getStyles({menuDividerVariantLine:"default"})};return l.jsx(e.DividerInternal,{ref:u,role:r,variant:"inherit",contentPosition:t,gap:a,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})});k.displayName="MenuDivider";var N={};s.__export(N,{Content:()=>j,Divider:()=>k,Item:()=>R,ItemCheckbox:()=>O,Provider:()=>T,Trigger:()=>q,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef(function({spacing:e="0",spacingBottom:a,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:o,spacingVertical:x="3.5",columnGap:m="2",className:p,children:b,endIcon:f,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:y,rootProps:I,name:S,alignItems:C="center",justifyContent:w="space-between",layerClassNames:j,...k},N){const E=i.Children.count(b)>1,R=(({active:e,disabled:r,className:t})=>d.cx(M,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",t))({active:v,disabled:g,className:p}),O=d.getStyles({className:d.cx(`${M}-content truncate`,j?.text),textAlign:"start",...E&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),P=i.useMemo(()=>({root:d.getStyles({menuSizeRoot:"default",className:d.cx(j?.root,R)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:j?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:j?.endIcon})}),[j,R]);return l.jsx(d.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:o,spacingVertical:x,columnGap:m,className:P.root,alignItems:C,justifyContent:w,children:l.jsxs(y,{render:l.jsx(r.Pressable,{ref:N,...k}),name:S??"",disabled:g,...I,children:[l.jsxs(t.HStack,{gap:m,alignItems:"center",width:"full",children:[l.jsx(u.AnimatePresence,{initial:!1,children:h&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:l.jsx(d.IconSlot,{icon:h,className:P.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:O,children:b})]}),l.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&f&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:f,className:P.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),R=i.forwardRef(function({active:e,hideOnClick:r,...t},a){const s={root:d.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:d.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:d.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return l.jsx(E,{ref:a,as:n.MenuItem,active:e,layerClassNames:s,rootProps:{hideOnClick:r},...t})});R.displayName="MenuItem";var O=i.forwardRef(function({name:e,endIcon:t=r.e,checked:a,defaultChecked:s,hideOnClick:c,className:o,...u},m){const p=e,b=i.useRef(!1),f=n.useMenuContext(),h=x.useStoreState(f);i.useEffect(()=>{!b.current&&void 0!==s&&f&&(f.setValues(e=>({...e,[p]:s})),b.current=!0)},[f,s,p]);const _=i.useMemo(()=>{if(void 0!==a)return a;if(h?.items?.length){const e=h?.items.find(e=>e.element?.name===p);if(e?.element)return e.element.checked}const e=h?.values[p];return"boolean"==typeof e?e:s??!1},[h?.items,h?.values,p,a,s]),v=i.useCallback(e=>{void 0===a&&f?.setValues(r=>({...r,[p]:e.target.checked}))},[p,f,a]),g={root:d.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:_?"on":"off"}),text:d.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:_?"on":"off"}),startIcon:d.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:_?"on":"off"}),endIcon:d.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:_?"on":"off"})};return l.jsx(E,{ref:m,as:n.MenuItemCheckbox,hideEndIcon:!_,endIcon:t,active:_,className:d.cx("uds-menu-item-checkbox",o),layerClassNames:g,rootProps:{name:e,onChange:v,defaultChecked:s,checked:void 0!==a?a:void 0,hideOnClick:c},...u})});O.displayName="MenuItemCheckbox";var P=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},A=e=>{const[r,t]=i.useState(P);return i.useEffect(()=>{if(e?.explicit)return void t(e.explicit);const r=(e=>{const r=new MutationObserver(r=>{r.some(e=>"attributes"===e.type&&"dir"===e.attributeName)&&e()});return r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),r})(()=>{t(P())});return()=>r.disconnect()},[e?.explicit]),r},T=function({placement:e="bottom",rtl:r,...t}){const d=A({explicit:r}),s=((e,r)=>{const t=r?.rtl;if("start"===e)return t?"right":"left";if("end"===e)return t?"left":"right";if(e?.includes("-")){const[r,a]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==a&&"bottom"!==a))return`${"start"===r?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===a?t?"end":"start":t?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(a.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...t})})},q=i.forwardRef(function({asChild:e,children:r,className:t,...a},s){const c=i.useRef(null),o=e?{render:l.jsx(d.Box,{asChild:!0,ref:c,className:"uds-ring h-fit w-fit",children:r})}:{children:r},u=i.useCallback(()=>{const e=c.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[c]);return l.jsx(n.MenuButton,{onFocus:u,onFocusVisible:u,ref:s,className:d.cx("uds-menu-trigger",t),...o,...a})});exports.Menu=N;

package/dist/client/Menu.d.cts

@@ -1,9 +1,9 @@
 import * as react from 'react';
 import { AriaRole, HTMLAttributes, PropsWithChildren } from 'react';
 import { MenuProps, MenuItemProps as MenuItemProps$1, MenuItemCheckboxProps as MenuItemCheckboxProps$1, MenuProviderProps as MenuProviderProps$1, MenuButtonProps, useMenuContext, useMenuStore } from '@ariakit/react/menu';
-import { u as SpacingAlias, v as UniversalMenuItemProps } from '../types-CILmuEy4.cjs';
-import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-Df7cOZv3.cjs';
-import { P as PressableProps } from '../Pressable-B7zYkROB.cjs';
+import { u as SpacingAlias, v as UniversalMenuItemProps } from '../types-Dde3E25v.cjs';
+import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-CjObxroS.cjs';
+import { P as PressableProps } from '../Pressable-CwUgxpDe.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { useStoreState } from '@ariakit/react';
 import '@yahoo/uds-icons/types';

package/dist/client/Menu.d.ts

@@ -1,9 +1,9 @@
 import * as react from 'react';
 import { AriaRole, HTMLAttributes, PropsWithChildren } from 'react';
 import { MenuProps, MenuItemProps as MenuItemProps$1, MenuItemCheckboxProps as MenuItemCheckboxProps$1, MenuProviderProps as MenuProviderProps$1, MenuButtonProps, useMenuContext, useMenuStore } from '@ariakit/react/menu';
-import { u as SpacingAlias, v as UniversalMenuItemProps } from '../types-CILmuEy4.js';
-import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-CcKiHh5j.js';
-import { P as PressableProps } from '../Pressable-D_EBLD22.js';
+import { u as SpacingAlias, v as UniversalMenuItemProps } from '../types-Dde3E25v.js';
+import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-v-u55ROY.js';
+import { P as PressableProps } from '../Pressable-DfsJWAUg.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { useStoreState } from '@ariakit/react';
 import '@yahoo/uds-icons/types';

package/dist/client/Menu.js

@@ -1,3 +1,3 @@
 "use client";
-import{DividerInternal as r}from"../chunk-RITOU56N.js";import{Pressable as e,e as a}from"../chunk-3UTUODQY.js";import{VStack as d,HStack as t}from"../chunk-SA7NIS2O.js";import{SpringMotionConfig as s}from"../chunk-FEBCSS3H.js";import{cx as i,getStyles as n,Box as c,IconSlot as o}from"../chunk-VGW5FOVC.js";import{__export as u}from"../chunk-S5UKKXRV.js";import{useMenuContext as l,Menu as m,useMenuStore as x,MenuItem as p,MenuItemCheckbox as h,MenuProvider as b,MenuButton as f}from"@ariakit/react/menu";import*as _ from"react";import{forwardRef as v,useState as g,useEffect as I,useMemo as C,Children as w,useRef as y,useCallback as k}from"react";import N 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 O,jsxs as j}from"react/jsx-runtime";import{useStoreState as R}from"@ariakit/react";function T(r){return r}function z(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}var{useSyncExternalStore:M}=N;function P(r,e=T){const a=_.useCallback(e=>r?function(r,...e){if(r)return z(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);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-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 M(a,d,d)}var A=S.create(d),B=5,D=.97,H={top:{x:0,y:B},bottom:{x:0,y:-5},left:{x:B,y:0},right:{x:-5,y:0}},F=r=>C(()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...H[e],opacity:0,scale:D},open:{y:0,x:0,opacity:1,scale:1}}})(r),[r]),W=v(function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:x="thin",overflow:p,dropShadow:h="lg",className:b,sameWidth:f,focusable:_,children:v,portalElement:w,portal:y=!0,disableAutoBorderRadius:k,...N},S){const j=l(),R=P(j,"open"),T=P(j,"mounted"),z=P(j,"currentPlacement"),M=P(j,"placement"),[B,D]=g(z),[H,W]=g(z);I(()=>{M!==H&&W(M)},[M]),I(()=>{z!==H&&W(z)},[z]),I(()=>{T&&H!==B&&D(H)},[T,H,B]);const $=C(()=>R&&T?"open":"closed",[R,T]),G=C(()=>R?h:"none",[R,h]),U=F(H),L=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:o,spacing:e}),K=C(()=>V[n],[n]);return O(E,{initial:!1,children:O(m,{gutter:K,sameWidth:f,focusable:_,store:j,ref:S,portalElement:w,portal:y,...N,render:O(A,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:x,overflow:p,animate:$,variants:U,dropShadow:G,className:i("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!k&&L,b),children:v})})})}),$=v(function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:s=(t?"2":"0"),spacingHorizontal:i=(t?"4":"0"),className:c,...o},u){const l={root:n({menuDividerVariantRoot:"default",className:c}),text:n({menuDividerVariantText:"default"}),line:n({menuDividerVariantLine:"default"})};return O(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:i,className:l.root,layerClassNames:l,...o,children:t})});$.displayName="MenuDivider";var G={};u(G,{Content:()=>W,Divider:()=>$,Item:()=>Q,ItemCheckbox:()=>X,Provider:()=>J,Trigger:()=>Z,useMenuContext:()=>l,useMenuStore:()=>x,useStoreState:()=>R});var U="uds-menu-item",L={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},K=v(function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:h,endIcon:b,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:y,name:k,alignItems:N="center",justifyContent:V="space-between",layerClassNames:R,...T},z){const M=w.count(h)>1,P=(({active:r,disabled:e,className:a})=>i(U,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),A=n({className:i(`${U}-content truncate`,R?.text),textAlign:"start",...M&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),B=C(()=>({root:n({menuSizeRoot:"default",className:i(R?.root,P)}),startIcon:n({menuSizeStartIcon:"default",className:R?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:R?.endIcon})}),[R,P]);return O(c,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:B.root,alignItems:N,justifyContent:V,children:j(I,{render:O(e,{ref:z,...T}),name:k??"",disabled:g,...y,children:[j(t,{gap:x,alignItems:"center",width:"full",children:[O(E,{initial:!1,children:f&&O(S.span,{variants:L,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:O(o,{icon:f,className:B.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),O("span",{className:A,children:h})]}),O(E,{initial:!1,mode:"popLayout",children:!_&&b&&O(S.span,{variants:L,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:O(o,{icon:b,className:B.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),Q=v(function({active:r,hideOnClick:e,...a},d){const t={root:n({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:n({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:n({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return O(K,{ref:d,as:p,active:r,layerClassNames:t,rootProps:{hideOnClick:e},...a})});Q.displayName="MenuItem";var X=v(function({name:r,endIcon:e=a,checked:d,defaultChecked:t,hideOnClick:s,className:c,...o},u){const m=r,x=y(!1),p=l(),b=R(p);I(()=>{!x.current&&void 0!==t&&p&&(p.setValues(r=>({...r,[m]:t})),x.current=!0)},[p,t,m]);const f=C(()=>{if(void 0!==d)return d;if(b?.items?.length){const r=b?.items.find(r=>r.element?.name===m);if(r?.element)return r.element.checked}const r=b?.values[m];return"boolean"==typeof r?r:t??!1},[b?.items,b?.values,m,d,t]),_=k(r=>{void 0===d&&p?.setValues(e=>({...e,[m]:r.target.checked}))},[m,p,d]),v={root:n({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:f?"on":"off"}),text:n({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:f?"on":"off"}),startIcon:n({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:f?"on":"off"}),endIcon:n({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:f?"on":"off"})};return O(K,{ref:u,as:h,hideEndIcon:!f,endIcon:e,active:f,className:i("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:r,onChange:_,defaultChecked:t,checked:void 0!==d?d:void 0,hideOnClick:s},...o})});X.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 d=q({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return O(s,{children:O(b,{placement:t,rtl:d,...a})})},Z=v(function({asChild:r,children:e,className:a,...d},t){const s=y(null),n=r?{render:O(c,{asChild:!0,ref:s,className:"uds-ring h-fit w-fit",children:e})}:{children:e},o=k(()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()},[s]);return O(f,{onFocus:o,onFocusVisible:o,ref:t,className:i("uds-menu-trigger",a),...n,...d})});export{G as Menu};
+import{DividerInternal as r}from"../chunk-YRL363DC.js";import{Pressable as e,e as a}from"../chunk-MIYOAJO6.js";import{VStack as d,HStack as t}from"../chunk-HHB3JZDI.js";import{SpringMotionConfig as s}from"../chunk-FEBCSS3H.js";import{cx as i,getStyles as n,Box as c,IconSlot as o}from"../chunk-G424GRRD.js";import{__export as u}from"../chunk-S5UKKXRV.js";import{useMenuContext as l,Menu as m,useMenuStore as x,MenuItem as p,MenuItemCheckbox as h,MenuProvider as b,MenuButton as f}from"@ariakit/react/menu";import*as _ from"react";import{forwardRef as v,useState as g,useEffect as I,useMemo as C,Children as w,useRef as y,useCallback as k}from"react";import N 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 R,jsxs as j}from"react/jsx-runtime";import{useStoreState as O}from"@ariakit/react";function z(r){return r}function M(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}var{useSyncExternalStore:P}=N;function T(r,e=z){const a=_.useCallback(e=>r?function(r,...e){if(r)return M(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);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+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 P(a,d,d)}var A=S.create(d),D=5,H=.97,B={top:{x:0,y:D},bottom:{x:0,y:-5},left:{x:D,y:0},right:{x:-5,y:0}},G=r=>C(()=>((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]),$=v(function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:x="thin",overflow:p,dropShadow:h="lg",className:b,sameWidth:f,focusable:_,children:v,portalElement:w,portal:y=!0,disableAutoBorderRadius:k,...N},S){const j=l(),O=T(j,"open"),z=T(j,"mounted"),M=T(j,"currentPlacement"),P=T(j,"placement"),[D,H]=g(M),[B,$]=g(M);I(()=>{P!==B&&$(P)},[P]),I(()=>{M!==B&&$(M)},[M]),I(()=>{z&&B!==D&&H(B)},[z,B,D]);const F=C(()=>O&&z?"open":"closed",[O,z]),L=C(()=>O?h:"none",[O,h]),W=G(B),J=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:o,spacing:e}),K=C(()=>V[n],[n]);return R(E,{initial:!1,children:R(m,{gutter:K,sameWidth:f,focusable:_,store:j,ref:S,portalElement:w,portal:y,...N,render:R(A,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:x,overflow:p,animate:F,variants:W,dropShadow:L,className:i("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!k&&J,b),children:v})})})}),F=v(function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:s=(t?"2":"0"),spacingHorizontal:i=(t?"4":"0"),className:c,...o},u){const l={root:n({menuDividerVariantRoot:"default",className:c}),text:n({menuDividerVariantText:"default"}),line:n({menuDividerVariantLine:"default"})};return R(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:i,className:l.root,layerClassNames:l,...o,children:t})});F.displayName="MenuDivider";var L={};u(L,{Content:()=>$,Divider:()=>F,Item:()=>Y,ItemCheckbox:()=>U,Provider:()=>q,Trigger:()=>Q,useMenuContext:()=>l,useMenuStore:()=>x,useStoreState:()=>O});var W="uds-menu-item",J={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},K=v(function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:h,endIcon:b,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:y,name:k,alignItems:N="center",justifyContent:V="space-between",layerClassNames:O,...z},M){const P=w.count(h)>1,T=(({active:r,disabled:e,className:a})=>i(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}),A=n({className:i(`${W}-content truncate`,O?.text),textAlign:"start",...P&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),D=C(()=>({root:n({menuSizeRoot:"default",className:i(O?.root,T)}),startIcon:n({menuSizeStartIcon:"default",className:O?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:O?.endIcon})}),[O,T]);return R(c,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:D.root,alignItems:N,justifyContent:V,children:j(I,{render:R(e,{ref:M,...z}),name:k??"",disabled:g,...y,children:[j(t,{gap:x,alignItems:"center",width:"full",children:[R(E,{initial:!1,children:f&&R(S.span,{variants:J,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:R(o,{icon:f,className:D.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),R("span",{className:A,children:h})]}),R(E,{initial:!1,mode:"popLayout",children:!_&&b&&R(S.span,{variants:J,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:R(o,{icon:b,className:D.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),Y=v(function({active:r,hideOnClick:e,...a},d){const t={root:n({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:n({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:n({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return R(K,{ref:d,as:p,active:r,layerClassNames:t,rootProps:{hideOnClick:e},...a})});Y.displayName="MenuItem";var U=v(function({name:r,endIcon:e=a,checked:d,defaultChecked:t,hideOnClick:s,className:c,...o},u){const m=r,x=y(!1),p=l(),b=O(p);I(()=>{!x.current&&void 0!==t&&p&&(p.setValues(r=>({...r,[m]:t})),x.current=!0)},[p,t,m]);const f=C(()=>{if(void 0!==d)return d;if(b?.items?.length){const r=b?.items.find(r=>r.element?.name===m);if(r?.element)return r.element.checked}const r=b?.values[m];return"boolean"==typeof r?r:t??!1},[b?.items,b?.values,m,d,t]),_=k(r=>{void 0===d&&p?.setValues(e=>({...e,[m]:r.target.checked}))},[m,p,d]),v={root:n({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:f?"on":"off"}),text:n({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:f?"on":"off"}),startIcon:n({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:f?"on":"off"}),endIcon:n({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:f?"on":"off"})};return R(K,{ref:u,as:h,hideEndIcon:!f,endIcon:e,active:f,className:i("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:r,onChange:_,defaultChecked:t,checked:void 0!==d?d:void 0,hideOnClick:s},...o})});U.displayName="MenuItemCheckbox";var X=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},Z=r=>{const[e,a]=g(X);return I(()=>{if(r?.explicit)return void a(r.explicit);const e=(r=>{const e=new MutationObserver(e=>{e.some(r=>"attributes"===r.type&&"dir"===r.attributeName)&&r()});return e.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),e})(()=>{a(X())});return()=>e.disconnect()},[r?.explicit]),e},q=function({placement:r="bottom",rtl:e,...a}){const d=Z({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return R(s,{children:R(b,{placement:t,rtl:d,...a})})},Q=v(function({asChild:r,children:e,className:a,...d},t){const s=y(null),n=r?{render:R(c,{asChild:!0,ref:s,className:"uds-ring h-fit w-fit",children:e})}:{children:e},o=k(()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()},[s]);return R(f,{onFocus:o,onFocusVisible:o,ref:t,className:i("uds-menu-trigger",a),...n,...d})});export{L as Menu};

package/dist/client/index.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var e=require("../chunk-J26SGETG.cjs"),t=require("../chunk-NK26IH6V.cjs"),a=require("../chunk-WNCWU62A.cjs"),n=require("../chunk-XFG6EGPL.cjs"),i=require("../chunk-Y5TAAZAI.cjs"),o=require("../chunk-Z5QYFA5P.cjs"),s=require("../chunk-T3NVPMAQ.cjs"),r=require("../chunk-3AYBRPUC.cjs"),l=require("react"),c=require("react/jsx-runtime"),d=require("@yahoo/uds/fixtures"),u=require("motion/react"),p=require("lodash-es"),h=require("@yahoo/uds/client/Menu"),m={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("")},x=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof t?t(e):m[t](a)},f=(e="md")=>o.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),g=e=>e?{height:e,width:e}:{},b="primary",y="md",v={primary:t.e2,secondary:t.t},S=({size:e=y,variant:t=b,customSize:a,icon:n,className:i})=>{const s=l.useMemo(()=>g(a),[a]),r=l.useMemo(()=>o.cx(f(e),o.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),i),[i,e,t]),d=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"}),[]),u=l.useMemo(()=>({...s,boxSizing:"content-box"}),[s]),p=l.useMemo(()=>n??v[t??"primary"],[n,t]),h=l.useMemo(()=>o.getStyles({avatarSizeIcon:e}),[e]);return c.jsx(o.Box,{className:r,style:s,children:c.jsx(o.Box,{className:d,style:u,children:c.jsx(o.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */S.displayName="AvatarIcon";var C=({size:e=y,variant:t=b,name:a,initials:n,customSize:i,abbreviationStrategy:s,className:r})=>{const d=l.useMemo(()=>o.cx(f(e),o.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",r),[r,e,t]),u=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"}),[]),p=l.useMemo(()=>g(i),[i]),h=l.useMemo(()=>({...p,boxSizing:"content-box"}),[p]);return c.jsx(o.Box,{className:d,style:p,children:c.jsx(o.Text,{color:"inherit",variant:"inherit",className:u,style:h,"data-testid":"avatar-text",children:n||x(a,s)})})};C.displayName="AvatarText";var I=({size:t=y,variant:a=b,src:n,srcSet:i,customSize:s,alt:r,imageProps:d,abbreviationStrategy:u,fallback:p,className:h})=>{const[m,x]=l.useState("loading");l.useEffect(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},n&&(t.src=n),i&&(t.srcset=i)}else x("error");return()=>{e=!1}},[n,i]);const v=l.useMemo(()=>o.cx(f(t),o.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),h),[h,t,a]),I=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),N=l.useMemo(()=>g(s),[s]),j=l.useMemo(()=>({...N,boxSizing:"content-box"}),[N]);if("loaded"===m)return c.jsx(o.Box,{className:v,style:N,children:c.jsx(e.Image,{src:n,srcSet:i,alt:r,className:I,style:j,...d})});const k={size:t,customSize:s,variant:a};return p||r?c.jsx(C,{name:r,initials:p,abbreviationStrategy:u,...k}):c.jsx(S,{...k})};I.displayName="AvatarImage";var N=e=>c.jsx(I,{...e});N.displayName="Avatar";var j=l.forwardRef(function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:s,endIcon:r,backgroundColor:d,color:u,iconColor:p,borderColor:h,children:m,className:x,...f},g){const b=o.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:o.cx(["uds-badge","uds-badge-variant","uds-badge-size",x])}),y=o.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:o.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),v=l.useMemo(()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...d?{backgroundColor:d}:{},...h?{borderColor:h}:{},...u?{color:u}:{}}),[d,h,u,i,n]),S=l.useMemo(()=>({variant:"fill",style:{...p?{color:p}:{}}}),[p]);return c.jsxs(a.HStack,{ref:g,gap:"2",display:"inline-flex",alignItems:"center",className:b,style:v,...f,children:[s&&c.jsx(o.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),c.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),r&&c.jsx(o.IconSlot,{icon:r,iconProps:S,"data-testid":"end-icon",className:y})]})});j.displayName="Badge";var k={scale:.7,opacity:0},w={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},V={icon:w,hide:k,loading:k},M={loading:w,hide:k,icon:k},R=`var(${r.BUTTON_CSS_VAR_MAP.columnGap})`,z=`var(${r.BUTTON_CSS_VAR_MAP.iconSize})`,T={rest:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:R}},P={hide:{width:"0px",opacity:0,display:"none"},loading:{width:z,display:"flex",opacity:1},icon:{width:z,display:"flex",opacity:1}},A=l.forwardRef(function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:p,loading:h,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=l.useRef(null);l.useImperativeHandle(S,()=>C.current);const I=l.useMemo(()=>o.createSlot(),[]),N=l.useMemo(()=>u.m.create(I),[I]),j=r?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:r,loading:h}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:n}),{palette:R,variant:z}=l.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),A=l.useMemo(()=>({button:o.getStyles({width:y,buttonSize:a,buttonVariant:z,buttonPalette:R,className:o.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",b)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,z,R,b,h,m,k]),B=u.useReducedMotion()?"smooth":"subtle",E=l.useMemo(()=>c.jsx(u.m.span,{className:A.iconContainer,initial:!1,variants:P,animate:w,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&c.jsx(u.m.span,{variants:M,initial:"hide",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:A.loading})},"loading"),n&&!h&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:A.start,icon:n,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})]})}),[A.iconContainer,A.loading,A.start,w,h,p,n]),q=l.useMemo(()=>c.jsx(u.m.span,{className:A.iconContainer,initial:!1,variants:P,animate:j,children:c.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:A.end,icon:r,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})})}),[A.iconContainer,A.end,r,j,p]),L=l.useMemo(()=>m?{...T,rest:{},hover:{},pressed:{}}:T,[m]);return f&&l.isValidElement(x)?c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:c.jsx(N,{type:g,className:A.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:l.cloneElement(x,x.props,c.jsxs(c.Fragment,{children:[E,c.jsx("span",{className:A.content,children:x.props.children}),q]}))})}):c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:c.jsxs(u.m.button,{ref:C,type:g,className:A.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:[E,c.jsx("span",{className:A.content,children:x}),q]})})}),B={primary:"alert",secondary:"alert-secondary"},E=e=>"indeterminate"===e,q=e=>E(e)?t.o:t.e,L=u.m.create(o.Box),H={layoutVariant:"smooth",layoutSpeed:"3"},O={layoutVariant:"veryBouncy",layoutSpeed:"4"},F=l.forwardRef(function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:d="start",variant:p="primary",size:h="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=l.useId(),I=e??`uds-input-${C}`,N=l.useRef(null),j=void 0!==t,[k,w]=l.useState(j?t:a),[V,M]=l.useState(!1),[R,z]=l.useState(!1),T=l.useMemo(()=>g?B[p]:p,[g,p]),P=!x&&V,A=!x&&R,F=l.useMemo(()=>A?.9:P?1.1:1,[A,P]),$=l.useMemo(()=>k?A?"opacity-55":"opacity-100":"opacity-0",[k,A]),W=l.useMemo(()=>({scale:F}),[F]),_=l.useMemo(()=>R?O:H,[R]),D=l.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),G=l.useCallback(()=>{M(!0)},[]),U=l.useCallback(()=>{M(!1)},[]),X=l.useCallback(()=>{z(!0)},[]),Y=l.useCallback(()=>{z(!1)},[]),Q=e=>{N.current&&(N.current.indeterminate=E(e))},Z=m?"always":"user",J=u.useReducedMotion()||m?"duration-0":"duration-120";l.useEffect(()=>{j&&w(t)},[t,j]),l.useEffect(()=>{Q(k)},[k]);const K=E(k)?"indeterminate":k?"checked":"unchecked",ee={root:o.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,checkboxVariantValueRoot:K,display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:o.getStyles({checkboxSizeCheckbox:h,checkboxVariantCheckbox:T,checkboxVariantValueCheckbox:K,className:o.cx("border","rounded-[4px]","uds-ring","uds-ring-within",J,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:o.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:K,className:o.cx("pointer-events-none",$,J,"transition-opacity")}),htmlCheckbox:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===d?"text-start":"text-end",y?.label)},te=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Z,..._,children:c.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:X,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[c.jsxs(L,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:W,children:[c.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,Q(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!E(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),c.jsx(o.Icon,{name:q(k),size:"sm",className:ee.check})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});F.displayName="Checkbox";var $="primary",W=l.forwardRef(function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:s,as:r="div",reduceMotion:d,disabled:p=!1,className:h,layerClassNames:m,children:x,...f},g){const b=u.useReducedMotion()||d?"duration-0":"duration-120",y=l.useMemo(()=>({root:o.getStyles({chipSizeRoot:e,className:o.cx({"pointer-events-none":p,"cursor-default":p,"opacity-50":p},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",m?.root,h)}),icon:o.getStyles({chipSizeIcon:e,className:m?.icon})}),[h,b,p,m?.icon,m?.root,e]);return c.jsx(a.HStack,{asChild:!0,ref:g,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:y.root,...f,children:c.jsxs(r,{disabled:p,children:[i&&c.jsx(o.IconSlot,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),c.jsx(o.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:x}),s&&c.jsx(o.IconSlot,{icon:s,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});W.displayName="ChipBase";var _=l.forwardRef(function({variant:e=$,...t},a){const n=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(W,{as:"button",ref:a,variant:e,layerClassNames:n,...t})});_.displayName="ChipButton";var D=l.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:i=$,disabled:s,...r},d){const u=l.useMemo(()=>({root:o.getStyles({chipDismissibleVariantRoot:i}),icon:o.getStyles({chipDismissibleVariantIcon:i})}),[i]),p=l.useCallback(e=>{e.stopPropagation(),a?.()},[a]),h={icon:o.cx("uds-chip-dismissible-button","uds-hit-target")};return c.jsx(W,{ref:d,variant:i,disabled:s,tabIndex:-1,endIcon:a=>c.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:s,children:c.jsx(o.IconSlot,{icon:n??t.a,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:u,...r})});D.displayName="ChipDismissible";var G=l.forwardRef(function({variant:e=$,href:t,disabled:a,...n},i){const s=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(W,{as:"a",ref:i,variant:e,disabled:a,layerClassNames:s,...{...n,href:a?void 0:t}})});G.displayName="ChipLink";var U=l.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=$,...i},s){const r=l.useMemo(()=>({root:o.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:o.getStyles({chipToggleVariantIcon:n})}),[e,n]),d=l.useCallback(n=>{t?.(!e),a?.(n)},[e,a,t]);return c.jsx(W,{ref:s,as:"button",variant:n,onClick:d,"aria-pressed":e,layerClassNames:r,...i})});U.displayName="ChipToggle";var X=l.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},r){return n?c.jsx(D,{ref:r,onDismiss:n,...s}):i?c.jsx(U,{ref:r,onToggle:i,isToggled:o,...s}):t?c.jsx(G,{ref:r,href:t,...s,...a}):c.jsx(_,{ref:r,onClick:e,...s})});X.displayName="Chip";var Y=l.forwardRef(function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:p,name:h,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=l.useRef(null);l.useImperativeHandle(y,()=>v.current);const{palette:S,variant:C}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=l.useMemo(()=>({button:o.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:a,className:o.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",p&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[S,C,f,p,a,r]),N=u.useReducedMotion(),j=l.useMemo(()=>N?"smooth":"subtle",[N]),k=l.useMemo(()=>{const{rest:e,hover:t,pressed:a}=T;return p?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[p]);return c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:p?"always":"user",children:c.jsx(u.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&c.jsx(u.m.span,{variants:M,initial:"loading",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),h&&!r&&c.jsx(u.m.span,{variants:V,initial:"icon",animate:"icon",exit:"hide",children:g||c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:h,variant:n,color:"current",className:I.icon})},h.name)]})})})}),Q=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=l.useRef(null),[o,s]=l.useState("auto");return l.useEffect(()=>{if(n.current){const e=new ResizeObserver(e=>{s(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),c.jsx(i.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:c.jsx(u.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:c.jsx("div",{ref:n,children:e})})})},Z=l.memo(function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:i,size:s,isFilled:r,...l}){return t?c.jsx(o.Box,{spacingTop:i,spacingStart:n,...l,children:c.jsx(e.InputHelpTextMemo,{startIcon:a,size:s,isFilled:r,children:p.isFunction(t)?t():t})}):null}),J=l.memo(function({icon:e,className:t,iconProps:a}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),K=l.memo(function({icon:e,className:t,iconProps:a}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),ee=l.forwardRef(function({id:e,label:t,type:n="text",size:i="md",startIcon:s,endIcon:r,helpText:d,helperTextIcon:h,hasError:m,width:x="full",defaultValue:f,required:g,readOnly:b,disabled:y,reduceMotion:v,onChange:S,slotProps:C,className:I,...N},j){const k=l.useId(),w=e??`uds-input-${k}`,V=`uds-input-${w}-help-text`,{className:M,...R}=C?.input??{},z=l.useRef(null);l.useImperativeHandle(j,()=>z.current);const[T,P]=l.useState(f??""),A=l.useCallback(e=>{P(e.target.value),S?.(e)},[S]),B=u.useReducedMotion()?"smooth":"bouncy",E=v?"always":"user",q=!b&&!y,L={root:o.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:T?"filled":"empty",className:o.cx([I,y?"opacity-50":""])}),inputWrapper:o.cx(o.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:T?"filled":"empty"}),"min-w-[200px]"),input:o.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:T?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:T?"filled":"empty",className:o.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",q?"cursor-text":"cursor-not-allowed",M)}),label:o.cx(o.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:T?"filled":"empty"})),labelRequired:o.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:T?"filled":"empty"}),startIcon:o.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:T?"filled":"empty"}),endIcon:o.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:T?"filled":"empty"})};return c.jsxs(a.VStack,{width:x,className:L.root,children:[t&&c.jsxs(o.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:L.label,children:[c.jsx("label",{htmlFor:w,children:p.isFunction(t)?t():t}),g&&c.jsx("span",{className:L.labelRequired,children:"*"})]}),c.jsxs(o.Box,{position:"relative",alignItems:"center",className:L.inputWrapper,children:[c.jsx(J,{icon:s,className:L.startIcon,iconProps:C?.startIcon}),c.jsx("input",{ref:z,id:w,type:n,value:T,required:g,readOnly:b,disabled:y,"aria-describedby":V,"aria-invalid":m,onChange:A,className:L.input,...N,...R}),r&&c.jsx(a.HStack,{alignItems:"center",gap:"1",children:c.jsx(K,{icon:r,className:L.endIcon,iconProps:C?.endIcon})})]}),c.jsx(Q,{reduceMotion:E,layoutVariant:B,children:c.jsx(Z,{id:V,helpText:d,spacingTop:"2",size:i,isFilled:!!T,helperTextIcon:h})})]})});ee.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(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},ae=l.createContext(new Map),ne=e=>{const t=l.useId();return e??`uds-radio-group-${t}`},ie={primary:"alert",secondary:"alert-secondary"},oe=u.m.create(o.Box),se={layoutVariant:"smooth",layoutSpeed:"3"},re={layoutVariant:"veryBouncy",layoutSpeed:"4"},le=l.forwardRef(function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:d="md",reduceMotion:p,value:h="",checked:m,defaultChecked:x,disabled:f,hasError:g,onChange:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=l.useId(),k=e??`uds-radio-${j}`,w=l.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=l.useContext(ae),o=i instanceof te,s=void 0!==a||o,r=ne(e),c=l.useMemo(()=>o?i:te.findOrCreate(i,r),[i,o,r]),[d,u]=l.useState(c.value),p=c.name??r,h=l.useCallback(e=>{c.setValue(e),s||u(e)},[s,c]);return l.useEffect(()=>c.onChange(u),[c]),l.useEffect(()=>{!0===a&&h(t)},[a,t,h]),l.useEffect(()=>{if(o)return;const e=te.findOrCreate(i,p);return e.activeCount+=1,i.set(p,e),()=>{const e=i.get(p);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(p))}},[i,o,p]),{name:p,isControlled:s,checked:s&&!o?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:t,value:h,checked:m,defaultChecked:x}),[T,P]=l.useState(!1),[A,B]=l.useState(!1),E=l.useMemo(()=>g?ie[r]:r,[g,r]),q=l.useMemo(()=>!f&&T,[f,T]),L=l.useMemo(()=>!f&&!R&&A,[R,f,A]),H=l.useMemo(()=>L?.9:q?1.1:1,[q,L]),O=l.useMemo(()=>R?L?"opacity-55":"opacity-100":"opacity-0",[R,L]),F=l.useMemo(()=>!f&&(L&&!R||q&&R),[R,f,q,L]),$=l.useMemo(()=>({scale:H}),[H]),W=l.useMemo(()=>A?re:se,[A]),_=l.useCallback(e=>{z(e.target.value),b?.(e)},[b,z]),D=l.useCallback(e=>{y?.(e)},[y]),G=l.useCallback(e=>{v?.(e)},[v]),U=l.useCallback(()=>{P(!0)},[]),X=l.useCallback(()=>{P(!1)},[]),Y=l.useCallback(()=>{B(!0)},[]),Q=l.useCallback(()=>{B(!1)},[]),Z=p?"always":"user",J=u.useReducedMotion()||p?"duration-0":"duration-120",K={root:o.getStyles({radioSizeRoot:d,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:o.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:o.getStyles({radioSizeRadio:d,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:o.cx(["border","uds-ring","uds-ring-within",J,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:o.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:o.cx(["pointer-events-none","w-[8px]","h-[8px]",O,J,"transition-opacity"])}),htmlRadio:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===s?"text-start":"text-end",C?.label)},ee=a?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Z,...W,children:c.jsxs(ee,{className:K.root,"data-testid":"container",onHoverStart:U,onHoverEnd:X,onTapStart:Y,onTap:Q,onTapCancel:Q,tabIndex:-1,children:[c.jsxs(oe,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:K.radio,animate:$,insetShadow:F?"lg-invert":"none",children:[c.jsx("input",{type:"radio",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:_,...M?{checked:R}:{defaultChecked:x},className:K.htmlRadio}),c.jsx(o.Box,{borderRadius:"full",className:K.radioCircle})]}),a&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:K.label})]})})});le.displayName="Radio";var ce=o.createSlot(),de=class extends te{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},ue=l.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},s){const r=void 0!==a,d=ne(t),u=l.useMemo(()=>{const e=new de(d,r);return e.value=r?a:n,e},[n,r,d,a]);l.useEffect(()=>{u.onChangeCb=i},[i,u]),l.useEffect(()=>{r&&u.setValue(a,!0)},[r,u,a]),l.useEffect(()=>u.onChange(e=>i?.(e)),[i,u]);const p=e?ce:"div";return c.jsx(ae.Provider,{value:u,children:c.jsx(p,{role:"radiogroup",ref:s,...o})})});ue.displayName="RadioGroupProvider";var pe={md:{isOnX:20},sm:{isOnX:12}},he=u.m.create(o.Box),me={layoutVariant:"bouncy",layoutSpeed:"4"},xe=l.forwardRef(function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:d="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=l.useId(),j=e??`uds-input-${N}`,k=l.useRef(null),w=void 0!==t,[V,M]=l.useState(w?t:a),[R,z]=l.useState(!1),T=l.useMemo(()=>!f&&R,[f,R]),{isOnX:P}=pe[p],A=l.useMemo(()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}}),[T,V,P]),B=l.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),E=l.useCallback(e=>{b?.(e)},[b]),q=l.useCallback(e=>{y?.(e)},[y]),L=l.useCallback(()=>{z(!0)},[]),H=l.useCallback(()=>{z(!1)},[]),O=x?"always":"user",F=u.useReducedMotion()||x?"duration-0":"duration-120";l.useEffect(()=>{w&&M(t)},[t,w]);const $={root:o.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:o.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:o.cx("uds-ring","uds-ring-within",F,"transition-[background-color,box-shadow]",S?.switch)}),handle:o.getStyles({switchSizeHandle:p,className:o.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:o.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:o.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",F,"transition-[background-color,box-shadow,opacity]")}),handleIcon:o.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:o.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"transition-opacity")}),htmlCheckbox:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===d?"text-start":"text-end",S?.label)},W=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:O,...me,children:c.jsxs(W,{className:$.root,"data-testid":"container",onHoverStart:L,onHoverEnd:H,tabIndex:-1,children:[c.jsxs(he,{className:$.switch,children:[c.jsx("input",{type:"checkbox",...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:E,onBlur:q,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:B,className:$.htmlCheckbox,style:{}}),c.jsxs(he,{className:$.handle,...A,children:[c.jsx(o.Box,{className:$.handleCircle}),h&&c.jsx(o.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:o.cx($.handleIcon,V?"opacity-100":"opacity-0")}),m&&c.jsx(o.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o.cx($.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:r,className:$.label})]})})});xe.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return i.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return h.Menu}}),exports.Avatar=N,exports.AvatarIcon=S,exports.AvatarImage=I,exports.AvatarText=C,exports.Badge=j,exports.Button=A,exports.Checkbox=F,exports.Chip=X,exports.ChipButton=_,exports.ChipDismissible=D,exports.ChipLink=G,exports.ChipToggle=U,exports.IconButton=Y,exports.Input=ee,exports.Radio=le,exports.RadioGroupProvider=ue,exports.Switch=xe;
+"use strict";var e=require("../chunk-2KFM5W3U.cjs"),t=require("../chunk-B2TWH6YF.cjs"),a=require("../chunk-XT7VV5LA.cjs"),n=require("../chunk-QNNUPDNC.cjs"),i=require("../chunk-Y5TAAZAI.cjs"),o=require("../chunk-S5XWK3OK.cjs"),s=require("../chunk-T3NVPMAQ.cjs"),r=require("../chunk-3AYBRPUC.cjs"),l=require("react"),c=require("react/jsx-runtime"),d=require("@yahoo/uds/fixtures"),u=require("motion/react"),p=require("lodash-es"),h=require("@yahoo/uds/client/Menu"),m={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("")},x=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof t?t(e):m[t](a)},f=(e="md")=>o.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),g=e=>e?{height:e,width:e}:{},b="primary",y="md",v={primary:t.e2,secondary:t.t},S=({size:e=y,variant:t=b,customSize:a,icon:n,className:i})=>{const s=l.useMemo(()=>g(a),[a]),r=l.useMemo(()=>o.cx(f(e),o.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),i),[i,e,t]),d=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"}),[]),u=l.useMemo(()=>({...s,boxSizing:"content-box"}),[s]),p=l.useMemo(()=>n??v[t??"primary"],[n,t]),h=l.useMemo(()=>o.getStyles({avatarSizeIcon:e}),[e]);return c.jsx(o.Box,{className:r,style:s,children:c.jsx(o.Box,{className:d,style:u,children:c.jsx(o.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */S.displayName="AvatarIcon";var C=({size:e=y,variant:t=b,name:a,initials:n,customSize:i,abbreviationStrategy:s,className:r})=>{const d=l.useMemo(()=>o.cx(f(e),o.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",r),[r,e,t]),u=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"}),[]),p=l.useMemo(()=>g(i),[i]),h=l.useMemo(()=>({...p,boxSizing:"content-box"}),[p]);return c.jsx(o.Box,{className:d,style:p,children:c.jsx(o.Text,{color:"inherit",variant:"inherit",className:u,style:h,"data-testid":"avatar-text",children:n||x(a,s)})})};C.displayName="AvatarText";var I=({size:t=y,variant:a=b,src:n,srcSet:i,customSize:s,alt:r,imageProps:d,abbreviationStrategy:u,fallback:p,className:h})=>{const[m,x]=l.useState("loading");l.useEffect(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},n&&(t.src=n),i&&(t.srcset=i)}else x("error");return()=>{e=!1}},[n,i]);const v=l.useMemo(()=>o.cx(f(t),o.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),h),[h,t,a]),I=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),N=l.useMemo(()=>g(s),[s]),j=l.useMemo(()=>({...N,boxSizing:"content-box"}),[N]);if("loaded"===m)return c.jsx(o.Box,{className:v,style:N,children:c.jsx(e.Image,{src:n,srcSet:i,alt:r,className:I,style:j,...d})});const k={size:t,customSize:s,variant:a};return p||r?c.jsx(C,{name:r,initials:p,abbreviationStrategy:u,...k}):c.jsx(S,{...k})};I.displayName="AvatarImage";var N=e=>c.jsx(I,{...e});N.displayName="Avatar";var j=l.forwardRef(function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:s,endIcon:r,backgroundColor:d,color:u,iconColor:p,borderColor:h,children:m,className:x,...f},g){const b=o.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:o.cx(["uds-badge","uds-badge-variant","uds-badge-size",x])}),y=o.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:o.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),v=l.useMemo(()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...d?{backgroundColor:d}:{},...h?{borderColor:h}:{},...u?{color:u}:{}}),[d,h,u,i,n]),S=l.useMemo(()=>({variant:"fill",style:{...p?{color:p}:{}}}),[p]);return c.jsxs(a.HStack,{ref:g,gap:"2",display:"inline-flex",alignItems:"center",className:b,style:v,...f,children:[s&&c.jsx(o.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),c.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),r&&c.jsx(o.IconSlot,{icon:r,iconProps:S,"data-testid":"end-icon",className:y})]})});j.displayName="Badge";var k={scale:.7,opacity:0},w={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},V={icon:w,hide:k,loading:k},M={loading:w,hide:k,icon:k},R=`var(${r.BUTTON_CSS_VAR_MAP.columnGap})`,z=`var(${r.BUTTON_CSS_VAR_MAP.iconSize})`,T={rest:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:R}},P={hide:{width:"0px",opacity:0,display:"none"},loading:{width:z,display:"flex",opacity:1},icon:{width:z,display:"flex",opacity:1}},A=l.forwardRef(function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:p,loading:h,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=l.useRef(null);l.useImperativeHandle(S,()=>C.current);const I=l.useMemo(()=>o.createSlot(),[]),N=l.useMemo(()=>u.m.create(I),[I]),j=r?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:r,loading:h}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:n}),{palette:R,variant:z}=l.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),A=l.useMemo(()=>({button:o.getStyles({width:y,buttonSize:a,buttonVariant:z,buttonPalette:R,className:o.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",b)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,z,R,b,h,m,k]),B=u.useReducedMotion()?"smooth":"subtle",q=l.useMemo(()=>c.jsx(u.m.span,{className:A.iconContainer,initial:!1,variants:P,animate:w,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&c.jsx(u.m.span,{variants:M,initial:"hide",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:A.loading})},"loading"),n&&!h&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:A.start,icon:n,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})]})}),[A.iconContainer,A.loading,A.start,w,h,p,n]),E=l.useMemo(()=>c.jsx(u.m.span,{className:A.iconContainer,initial:!1,variants:P,animate:j,children:c.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:A.end,icon:r,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})})}),[A.iconContainer,A.end,r,j,p]),L=l.useMemo(()=>m?{...T,rest:{},hover:{},pressed:{}}:T,[m]);return f&&l.isValidElement(x)?c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:c.jsx(N,{type:g,className:A.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:l.cloneElement(x,x.props,c.jsxs(c.Fragment,{children:[q,c.jsx("span",{className:A.content,children:x.props.children}),E]}))})}):c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:c.jsxs(u.m.button,{ref:C,type:g,className:A.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:[q,c.jsx("span",{className:A.content,children:x}),E]})})}),B={primary:"alert",secondary:"alert-secondary"},q=e=>"indeterminate"===e,E=e=>q(e)?t.o:t.e,L=u.m.create(o.Box),H={layoutVariant:"smooth",layoutSpeed:"3"},O={layoutVariant:"veryBouncy",layoutSpeed:"4"},F=l.forwardRef(function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:d="start",variant:p="primary",size:h="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=l.useId(),I=e??`uds-input-${C}`,N=l.useRef(null),j=void 0!==t,[k,w]=l.useState(j?t:a),[V,M]=l.useState(!1),[R,z]=l.useState(!1),T=l.useMemo(()=>g?B[p]:p,[g,p]),P=!x&&V,A=!x&&R,F=l.useMemo(()=>A?.9:P?1.1:1,[A,P]),$=l.useMemo(()=>k?A?"opacity-55":"opacity-100":"opacity-0",[k,A]),W=l.useMemo(()=>({scale:F}),[F]),_=l.useMemo(()=>R?O:H,[R]),D=l.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),U=l.useCallback(()=>{M(!0)},[]),G=l.useCallback(()=>{M(!1)},[]),X=l.useCallback(()=>{z(!0)},[]),K=l.useCallback(()=>{z(!1)},[]),Y=e=>{N.current&&(N.current.indeterminate=q(e))},Q=m?"always":"user",Z=u.useReducedMotion()||m?"duration-0":"duration-120";l.useEffect(()=>{j&&w(t)},[t,j]),l.useEffect(()=>{Y(k)},[k]);const J=q(k)?"indeterminate":k?"checked":"unchecked",ee={root:o.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,checkboxVariantValueRoot:J,display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:o.getStyles({checkboxSizeCheckbox:h,checkboxVariantCheckbox:T,checkboxVariantValueCheckbox:J,className:o.cx("border","rounded-[4px]","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:o.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:J,className:o.cx("pointer-events-none",$,Z,"transition-opacity")}),htmlCheckbox:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===d?"text-start":"text-end",y?.label)},te=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Q,..._,children:c.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:U,onHoverEnd:G,onTapStart:X,onTap:K,onTapCancel:K,tabIndex:-1,children:[c.jsxs(L,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:W,children:[c.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?!q(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),c.jsx(o.Icon,{name:E(k),size:"sm",className:ee.check})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});F.displayName="Checkbox";var $="primary",W=l.forwardRef(function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:s,as:r="div",reduceMotion:d,disabled:p=!1,className:h,layerClassNames:m,children:x,...f},g){const b=u.useReducedMotion()||d?"duration-0":"duration-120",y=l.useMemo(()=>({root:o.getStyles({chipSizeRoot:e,className:o.cx({"pointer-events-none":p,"cursor-default":p,"opacity-50":p},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",m?.root,h)}),icon:o.getStyles({chipSizeIcon:e,className:m?.icon})}),[h,b,p,m?.icon,m?.root,e]);return c.jsx(a.HStack,{asChild:!0,ref:g,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:y.root,...f,children:c.jsxs(r,{disabled:p,children:[i&&c.jsx(o.IconSlot,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),c.jsx(o.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:x}),s&&c.jsx(o.IconSlot,{icon:s,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});W.displayName="ChipBase";var _=l.forwardRef(function({variant:e=$,...t},a){const n=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(W,{as:"button",ref:a,variant:e,layerClassNames:n,...t})});_.displayName="ChipButton";var D=l.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:i=$,disabled:s,...r},d){const u=l.useMemo(()=>({root:o.getStyles({chipDismissibleVariantRoot:i}),icon:o.getStyles({chipDismissibleVariantIcon:i})}),[i]),p=l.useCallback(e=>{e.stopPropagation(),a?.()},[a]),h={icon:o.cx("uds-chip-dismissible-button","uds-hit-target")};return c.jsx(W,{ref:d,variant:i,disabled:s,tabIndex:-1,endIcon:a=>c.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:s,children:c.jsx(o.IconSlot,{icon:n??t.a,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:u,...r})});D.displayName="ChipDismissible";var U=l.forwardRef(function({variant:e=$,href:t,disabled:a,...n},i){const s=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(W,{as:"a",ref:i,variant:e,disabled:a,layerClassNames:s,...{...n,href:a?void 0:t}})});U.displayName="ChipLink";var G=l.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=$,...i},s){const r=l.useMemo(()=>({root:o.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:o.getStyles({chipToggleVariantIcon:n})}),[e,n]),d=l.useCallback(n=>{t?.(!e),a?.(n)},[e,a,t]);return c.jsx(W,{ref:s,as:"button",variant:n,onClick:d,"aria-pressed":e,layerClassNames:r,...i})});G.displayName="ChipToggle";var X=l.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},r){return n?c.jsx(D,{ref:r,onDismiss:n,...s}):i?c.jsx(G,{ref:r,onToggle:i,isToggled:o,...s}):t?c.jsx(U,{ref:r,href:t,...s,...a}):c.jsx(_,{ref:r,onClick:e,...s})});X.displayName="Chip";var K=l.forwardRef(function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:p,name:h,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=l.useRef(null);l.useImperativeHandle(y,()=>v.current);const{palette:S,variant:C}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=l.useMemo(()=>({button:o.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:a,className:o.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",p&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[S,C,f,p,a,r]),N=u.useReducedMotion(),j=l.useMemo(()=>N?"smooth":"subtle",[N]),k=l.useMemo(()=>{const{rest:e,hover:t,pressed:a}=T;return p?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[p]);return c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:p?"always":"user",children:c.jsx(u.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&c.jsx(u.m.span,{variants:M,initial:"loading",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),h&&!r&&c.jsx(u.m.span,{variants:V,initial:"icon",animate:"icon",exit:"hide",children:g||c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:h,variant:n,color:"current",className:I.icon})},h.name)]})})})}),Y=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=l.useRef(null),[o,s]=l.useState("auto");return l.useEffect(()=>{if(n.current){const e=new ResizeObserver(e=>{s(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),c.jsx(i.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:c.jsx(u.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:c.jsx("div",{ref:n,children:e})})})},Q=l.memo(function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:i,size:s,isFilled:r,...l}){return t?c.jsx(o.Box,{spacingTop:i,spacingStart:n,...l,children:c.jsx(e.InputHelpTextMemo,{startIcon:a,size:s,isFilled:r,children:p.isFunction(t)?t():t})}):null}),Z=l.memo(function({icon:e,className:t,iconProps:a}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),J=l.memo(function({icon:e,className:t,iconProps:a}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),ee=l.forwardRef(function({id:e,label:t,type:n="text",size:i="md",startIcon:s,endIcon:r,helpText:d,helperTextIcon:h,hasError:m,width:x="full",defaultValue:f,required:g,readOnly:b,disabled:y,reduceMotion:v,onChange:S,slotProps:C,className:I,...N},j){const k=l.useId(),w=e??`uds-input-${k}`,V=`uds-input-${w}-help-text`,{className:M,...R}=C?.input??{},z=l.useRef(null);l.useImperativeHandle(j,()=>z.current);const[T,P]=l.useState(f??""),A=l.useCallback(e=>{P(e.target.value),S?.(e)},[S]),B=u.useReducedMotion()?"smooth":"bouncy",q=v?"always":"user",E=!b&&!y,L={root:o.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:T?"filled":"empty",className:o.cx([I,y?"opacity-50":""])}),inputWrapper:o.cx(o.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:T?"filled":"empty"}),"min-w-[200px]"),input:o.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:T?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:T?"filled":"empty",className:o.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",E?"cursor-text":"cursor-not-allowed",M)}),label:o.cx(o.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:T?"filled":"empty"})),labelRequired:o.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:T?"filled":"empty"}),startIcon:o.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:T?"filled":"empty"}),endIcon:o.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:T?"filled":"empty"})};return c.jsxs(a.VStack,{width:x,className:L.root,children:[t&&c.jsxs(o.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:L.label,children:[c.jsx("label",{htmlFor:w,children:p.isFunction(t)?t():t}),g&&c.jsx("span",{className:L.labelRequired,children:"*"})]}),c.jsxs(o.Box,{position:"relative",alignItems:"center",className:L.inputWrapper,children:[c.jsx(Z,{icon:s,className:L.startIcon,iconProps:C?.startIcon}),c.jsx("input",{ref:z,id:w,type:n,value:T,required:g,readOnly:b,disabled:y,"aria-describedby":V,"aria-invalid":m,onChange:A,className:L.input,...N,...R}),r&&c.jsx(a.HStack,{alignItems:"center",gap:"1",children:c.jsx(J,{icon:r,className:L.endIcon,iconProps:C?.endIcon})})]}),c.jsx(Y,{reduceMotion:q,layoutVariant:B,children:c.jsx(Q,{id:V,helpText:d,spacingTop:"2",size:i,isFilled:!!T,helperTextIcon:h})})]})});ee.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(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},ae=l.createContext(new Map),ne=e=>{const t=l.useId();return e??`uds-radio-group-${t}`},ie={primary:"alert",secondary:"alert-secondary"},oe=u.m.create(o.Box),se={layoutVariant:"smooth",layoutSpeed:"3"},re={layoutVariant:"veryBouncy",layoutSpeed:"4"},le=l.forwardRef(function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:d="md",reduceMotion:p,value:h="",checked:m,defaultChecked:x,disabled:f,hasError:g,onChange:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=l.useId(),k=e??`uds-radio-${j}`,w=l.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=l.useContext(ae),o=i instanceof te,s=void 0!==a||o,r=ne(e),c=l.useMemo(()=>o?i:te.findOrCreate(i,r),[i,o,r]),[d,u]=l.useState(c.value),p=c.name??r,h=l.useCallback(e=>{c.setValue(e),s||u(e)},[s,c]);return l.useEffect(()=>c.onChange(u),[c]),l.useEffect(()=>{!0===a&&h(t)},[a,t,h]),l.useEffect(()=>{if(o)return;const e=te.findOrCreate(i,p);return e.activeCount+=1,i.set(p,e),()=>{const e=i.get(p);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(p))}},[i,o,p]),{name:p,isControlled:s,checked:s&&!o?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:t,value:h,checked:m,defaultChecked:x}),[T,P]=l.useState(!1),[A,B]=l.useState(!1),q=l.useMemo(()=>g?ie[r]:r,[g,r]),E=l.useMemo(()=>!f&&T,[f,T]),L=l.useMemo(()=>!f&&!R&&A,[R,f,A]),H=l.useMemo(()=>L?.9:E?1.1:1,[E,L]),O=l.useMemo(()=>R?L?"opacity-55":"opacity-100":"opacity-0",[R,L]),F=l.useMemo(()=>!f&&(L&&!R||E&&R),[R,f,E,L]),$=l.useMemo(()=>({scale:H}),[H]),W=l.useMemo(()=>A?re:se,[A]),_=l.useCallback(e=>{z(e.target.value),b?.(e)},[b,z]),D=l.useCallback(e=>{y?.(e)},[y]),U=l.useCallback(e=>{v?.(e)},[v]),G=l.useCallback(()=>{P(!0)},[]),X=l.useCallback(()=>{P(!1)},[]),K=l.useCallback(()=>{B(!0)},[]),Y=l.useCallback(()=>{B(!1)},[]),Q=p?"always":"user",Z=u.useReducedMotion()||p?"duration-0":"duration-120",J={root:o.getStyles({radioSizeRoot:d,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:q,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:o.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:o.getStyles({radioSizeRadio:d,radioVariantRadio:q,radioVariantValueRadio:R?"checked":"unchecked",className:o.cx(["border","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:o.getStyles({radioVariantRadioCircle:q,radioVariantValueRadioCircle:R?"checked":"unchecked",className:o.cx(["pointer-events-none","w-[8px]","h-[8px]",O,Z,"transition-opacity"])}),htmlRadio:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===s?"text-start":"text-end",C?.label)},ee=a?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Q,...W,children:c.jsxs(ee,{className:J.root,"data-testid":"container",onHoverStart:G,onHoverEnd:X,onTapStart:K,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[c.jsxs(oe,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:J.radio,animate:$,insetShadow:F?"lg-invert":"none",children:[c.jsx("input",{type:"radio",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:U,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:_,...M?{checked:R}:{defaultChecked:x},className:J.htmlRadio}),c.jsx(o.Box,{borderRadius:"full",className:J.radioCircle})]}),a&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:J.label})]})})});le.displayName="Radio";var ce=o.createSlot(),de=class extends te{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},ue=l.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},s){const r=void 0!==a,d=ne(t),u=l.useMemo(()=>{const e=new de(d,r);return e.value=r?a:n,e},[n,r,d,a]);l.useEffect(()=>{u.onChangeCb=i},[i,u]),l.useEffect(()=>{r&&u.setValue(a,!0)},[r,u,a]),l.useEffect(()=>u.onChange(e=>i?.(e)),[i,u]);const p=e?ce:"div";return c.jsx(ae.Provider,{value:u,children:c.jsx(p,{role:"radiogroup",ref:s,...o})})});ue.displayName="RadioGroupProvider";var pe={md:{isOnX:20},sm:{isOnX:12}},he=u.m.create(o.Box),me={layoutVariant:"bouncy",layoutSpeed:"4"},xe=l.forwardRef(function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:d="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=l.useId(),j=e??`uds-input-${N}`,k=l.useRef(null),w=void 0!==t,[V,M]=l.useState(w?t:a),[R,z]=l.useState(!1),T=l.useMemo(()=>!f&&R,[f,R]),{isOnX:P}=pe[p],A=l.useMemo(()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}}),[T,V,P]),B=l.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),q=l.useCallback(e=>{b?.(e)},[b]),E=l.useCallback(e=>{y?.(e)},[y]),L=l.useCallback(()=>{z(!0)},[]),H=l.useCallback(()=>{z(!1)},[]),O=x?"always":"user",F=u.useReducedMotion()||x?"duration-0":"duration-120";l.useEffect(()=>{w&&M(t)},[t,w]);const $={root:o.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:o.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:o.cx("uds-ring","uds-ring-within",F,"transition-[background-color,box-shadow]",S?.switch)}),handle:o.getStyles({switchSizeHandle:p,className:o.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:o.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:o.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",F,"transition-[background-color,box-shadow,opacity]")}),handleIcon:o.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:o.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"transition-opacity")}),htmlCheckbox:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===d?"text-start":"text-end",S?.label)},W=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:O,...me,children:c.jsxs(W,{className:$.root,"data-testid":"container",onHoverStart:L,onHoverEnd:H,tabIndex:-1,children:[c.jsxs(he,{className:$.switch,children:[c.jsx("input",{type:"checkbox",...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:q,onBlur:E,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:B,className:$.htmlCheckbox,style:{}}),c.jsxs(he,{className:$.handle,...A,children:[c.jsx(o.Box,{className:$.handleCircle}),h&&c.jsx(o.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:o.cx($.handleIcon,V?"opacity-100":"opacity-0")}),m&&c.jsx(o.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o.cx($.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:r,className:$.label})]})})});xe.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return i.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return h.Menu}}),exports.Avatar=N,exports.AvatarIcon=S,exports.AvatarImage=I,exports.AvatarText=C,exports.Badge=j,exports.Button=A,exports.Checkbox=F,exports.Chip=X,exports.ChipButton=_,exports.ChipDismissible=D,exports.ChipLink=U,exports.ChipToggle=G,exports.IconButton=K,exports.Input=ee,exports.Radio=le,exports.RadioGroupProvider=ue,exports.Switch=xe;

package/dist/client/index.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cV as UniversalAvatarProps, cT as UniversalAvatarIconProps, cU as UniversalAvatarImageProps, cW as UniversalAvatarTextProps, cX as UniversalBadgeProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, d2 as UniversalChipProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d3 as UniversalChipToggleProps, d4 as UniversalIconButtonProps, d8 as UniversalRadioProps, d7 as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-CILmuEy4.cjs';
+import { cV as UniversalAvatarProps, cT as UniversalAvatarIconProps, cU as UniversalAvatarImageProps, cW as UniversalAvatarTextProps, cX as UniversalBadgeProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, d2 as UniversalChipProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d3 as UniversalChipToggleProps, d4 as UniversalIconButtonProps, d8 as UniversalRadioProps, d7 as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-Dde3E25v.cjs';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-export { a as Input, I as InputProps } from '../Input-PQPqt40J.cjs';
-export { a as Pressable, P as PressableProps } from '../Pressable-B7zYkROB.cjs';
+export { a as Input, I as InputProps } from '../Input-ObapKyaD.cjs';
+export { a as Pressable, P as PressableProps } from '../Pressable-CwUgxpDe.cjs';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';

package/dist/client/index.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cV as UniversalAvatarProps, cT as UniversalAvatarIconProps, cU as UniversalAvatarImageProps, cW as UniversalAvatarTextProps, cX as UniversalBadgeProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, d2 as UniversalChipProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d3 as UniversalChipToggleProps, d4 as UniversalIconButtonProps, d8 as UniversalRadioProps, d7 as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-CILmuEy4.js';
+import { cV as UniversalAvatarProps, cT as UniversalAvatarIconProps, cU as UniversalAvatarImageProps, cW as UniversalAvatarTextProps, cX as UniversalBadgeProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, d2 as UniversalChipProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d3 as UniversalChipToggleProps, d4 as UniversalIconButtonProps, d8 as UniversalRadioProps, d7 as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-Dde3E25v.js';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-export { a as Input, I as InputProps } from '../Input-CShQy1AN.js';
-export { a as Pressable, P as PressableProps } from '../Pressable-D_EBLD22.js';
+export { a as Input, I as InputProps } from '../Input-Cgnjk-GV.js';
+export { a as Pressable, P as PressableProps } from '../Pressable-DfsJWAUg.js';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';

package/dist/client/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{InputHelpTextMemo as e,Image as a}from"../chunk-PJUO4VUT.js";import{o2 as t,Pressable as n,a as i,o,e as r,t as s,e2 as l}from"../chunk-3UTUODQY.js";export{Pressable}from"../chunk-3UTUODQY.js";import{HStack as c,VStack as d}from"../chunk-SA7NIS2O.js";import{FormLabel as u}from"../chunk-CRVISLFX.js";import{SpringMotionConfig as h}from"../chunk-FEBCSS3H.js";export{SpringMotionConfig}from"../chunk-FEBCSS3H.js";import{getStyles as p,cx as m,IconSlot as f,createSlot as v,Icon as b,Box as y,Text as g}from"../chunk-VGW5FOVC.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-2N6GU6KA.js";import{BUTTON_CSS_VAR_MAP as N}from"../chunk-24RMELG3.js";import{forwardRef as C,useMemo as V,useRef as I,useImperativeHandle as w,isValidElement as k,cloneElement as S,useId as z,useState as R,useCallback as T,useEffect as P,memo as L,createContext as j,useContext as A}from"react";import{jsxs as H,jsx as M,Fragment as O}from"react/jsx-runtime";import{buttonIconSvgSize as $}from"@yahoo/uds/fixtures";import{m as E,useReducedMotion as B,AnimatePresence as W}from"motion/react";import{isFunction as F}from"lodash-es";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var q={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("")},D=(e,a="firstAndLast")=>{if(!e)return"";const t=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof a?a(e):q[a](t)},G=(e="md")=>p({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),U=e=>e?{height:e,width:e}:{},X="primary",Q="md",Y={primary:l,secondary:s},J=({size:e=Q,variant:a=X,customSize:t,icon:n,className:i})=>{const o=V(()=>U(t),[t]),r=V(()=>m(G(e),p({avatarIconVariantRoot:a,overflow:"hidden"}),i),[i,e,a]),s=V(()=>p({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??Y[a??"primary"],[n,a]),d=V(()=>p({avatarSizeIcon:e}),[e]);return M(y,{className:r,style:o,children:M(y,{className:s,style:l,children:M(b,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};J.displayName="AvatarIcon";var K=({size:e=Q,variant:a=X,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=V(()=>m(G(e),p({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r),[r,e,a]),l=V(()=>p({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"}),[]),c=V(()=>U(i),[i]),d=V(()=>({...c,boxSizing:"content-box"}),[c]);return M(y,{className:s,style:c,children:M(g,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||D(t,o)})})};K.displayName="AvatarText";var Z=({size:e=Q,variant:t=X,src:n,srcSet:i,customSize:o,alt:r,imageProps:s,abbreviationStrategy:l,fallback:c,className:d})=>{const[u,h]=R("loading");P(()=>{let e=!0;if(n||i){const a=new Image;a.onload=()=>{e&&h("loaded")},a.onerror=()=>{e&&h("error")},n&&(a.src=n),i&&(a.srcset=i)}else h("error");return()=>{e=!1}},[n,i]);const f=V(()=>m(G(e),p({avatarImageVariantRoot:t,overflow:"hidden"}),d),[d,e,t]),v=V(()=>p({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),b=V(()=>U(o),[o]),g=V(()=>({...b,boxSizing:"content-box"}),[b]);if("loaded"===u)return M(y,{className:f,style:b,children:M(a,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:t};return c||r?M(K,{name:r,initials:c,abbreviationStrategy:l,...x}):M(J,{...x})};Z.displayName="AvatarImage";var _=e=>M(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:d,children:u,className:h,...v},b){const y=p({badgeSizeRoot:a,badgeVariantRoot:e,className:m(["uds-badge","uds-badge-variant","uds-badge-size",h])}),g=p({badgeVariantIcon:e,badgeSizeIcon:a,className:m(["uds-badge-iconSize","uds-badge-iconColor"])}),x=V(()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}}),[r,d,s,n,t]),N=V(()=>({variant:"fill",style:{...l?{color:l}:{}}}),[l]);return H(c,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&M(f,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),M("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&M(f,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})});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:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:l,asChild:c,type:d="button",className:u,width:y,...g},N){const C=I(null);w(N,()=>C.current);const z=V(()=>v(),[]),R=V(()=>E.create(z),[z]),T=i?"icon":"hide",P=(({startIcon:e,endIcon:a,loading:t})=>e||a||t?"withIcon":"withoutIcon")({startIcon:n,endIcon:i,loading:r}),L=(({loading:e,startIcon:a})=>e?"loading":a?"icon":"hide")({loading:r,startIcon:n}),{palette:j,variant:A}=V(()=>x({flatVariant:e}),[e]),F=V(()=>({button:p({width:y,buttonSize:a,buttonVariant:A,buttonPalette:j,className:m("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===P&&"uds-button-with-gap",u)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,A,j,u,r,s,P]),q=B()?"smooth":"subtle",D=V(()=>M(E.span,{className:F.iconContainer,initial:!1,variants:le,animate:L,children:H(W,{initial:!1,mode:"popLayout",children:[r&&M(E.span,{variants:ie,initial:"hide",animate:"loading",exit:"hide",children:M(b,{size:$,name:t,variant:o,color:"current",className:F.loading})},"loading"),n&&!r&&M(E.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:M(f,{className:F.start,icon:n,iconProps:{size:$,variant:o,color:"current"}})})]})}),[F.iconContainer,F.loading,F.start,L,r,o,n]),G=V(()=>M(E.span,{className:F.iconContainer,initial:!1,variants:le,animate:T,children:M(W,{initial:!1,mode:"popLayout",children:i&&M(E.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:M(f,{className:F.end,icon:i,iconProps:{size:$,variant:o,color:"current"}})})})}),[F.iconContainer,F.end,i,T,o]),U=V(()=>s?{...se,rest:{},hover:{},pressed:{}}:se,[s]);return c&&k(l)?M(h,{layoutSpeed:"3",layoutVariant:q,children:M(R,{type:d,className:F.button,initial:["hide",P],animate:P,variants:U,whileHover:"hover",whileTap:"pressed",...g,children:S(l,l.props,H(O,{children:[D,M("span",{className:F.content,children:l.props.children}),G]}))})}):M(h,{layoutSpeed:"3",layoutVariant:q,children:H(E.button,{ref:C,type:d,className:F.button,initial:["hide",P],animate:P,variants:U,whileHover:"hover",whileTap:"pressed",...g,children:[D,M("span",{className:F.content,children:l}),G]})})}),de={primary:"alert",secondary:"alert-secondary"},ue=e=>"indeterminate"===e,he=e=>ue(e)?o:r,pe=E.create(y),me={layoutVariant:"smooth",layoutSpeed:"3"},fe={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=C(function({id:e,checked:a,defaultChecked:t,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,disabled:c,required:d,hasError:f,className:v,layerClassNames:y,...g},x){const N=z(),C=e??`uds-input-${N}`,w=I(null),k=void 0!==a,[S,L]=R(k?a:t),[j,A]=R(!1),[O,$]=R(!1),W=V(()=>f?de[r]:r,[f,r]),F=!c&&j,q=!c&&O,D=V(()=>q?.9:F?1.1:1,[q,F]),G=V(()=>S?q?"opacity-55":"opacity-100":"opacity-0",[S,q]),U=V(()=>({scale:D}),[D]),X=V(()=>O?fe:me,[O]),Q=T(e=>{n?.(e),k||L(e.target.checked)},[k,n]),Y=T(()=>{A(!0)},[]),J=T(()=>{A(!1)},[]),K=T(()=>{$(!0)},[]),Z=T(()=>{$(!1)},[]),_=e=>{w.current&&(w.current.indeterminate=ue(e))},ee=l?"always":"user",ae=B()||l?"duration-0":"duration-120";P(()=>{k&&L(a)},[a,k]),P(()=>{_(S)},[S]);const te=ue(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:W,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m({"cursor-pointer":!c,"cursor-default":c,"opacity-50":c},v,y?.root)}),checkbox:p({checkboxSizeCheckbox:s,checkboxVariantCheckbox:W,checkboxVariantValueCheckbox:te,className:m("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:p({checkboxVariantCheckboxIcon:W,checkboxVariantValueCheckboxIcon:te,className:m("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===o?"text-start":"text-end",y?.label)},ie=i?E.label:E.div;return M(h,{reducedMotion:ee,...X,children:H(ie,{className:ne.root,"data-testid":"container",onHoverStart:Y,onHoverEnd:J,onTapStart:K,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[H(pe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:U,children:[M("input",{type:"checkbox",...g,ref:e=>{w.current=e,_(S),"function"==typeof x?x(e):null!==x&&(x.current=e)},id:C,disabled:c,required:d,"aria-invalid":f,checked:k?!ue(S)&&S:void 0,defaultChecked:k?void 0:t,onChange:Q,className:ne.htmlCheckbox}),M(b,{name:he(S),size:"sm",className:ne.check})]}),i&&M(u,{as:"div",variant:"inherit",color:"inherit",required:d,label:i,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:d,children:u,...h},v){const b=B()||r?"duration-0":"duration-120",y=V(()=>({root:p({chipSizeRoot:e,className:m({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",d?.root,l)}),icon:p({chipSizeIcon:e,className:d?.icon})}),[l,b,s,d?.icon,d?.root,e]);return M(c,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:y.root,...h,children:H(o,{disabled:s,children:[n&&M(f,{icon:n,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),M(g,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:u}),i&&M(f,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});ye.displayName="ChipBase";var ge=C(function({variant:e=be,...a},t){const n=V(()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})}),[e]);return M(ye,{as:"button",ref:t,variant:e,layerClassNames:n,...a})});ge.displayName="ChipButton";var xe=C(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:o=be,disabled:r,...s},l){const c=V(()=>({root:p({chipDismissibleVariantRoot:o}),icon:p({chipDismissibleVariantIcon:o})}),[o]),d=T(e=>{e.stopPropagation(),a?.()},[a]),u={icon:m("uds-chip-dismissible-button","uds-hit-target")};return M(ye,{ref:l,variant:o,disabled:r,tabIndex:-1,endIcon:a=>M(n,{"aria-label":e,className:u.icon,onClick:d,disabled:r,children:M(f,{icon:t??i,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})});xe.displayName="ChipDismissible";var Ne=C(function({variant:e=be,href:a,disabled:t,...n},i){const o=V(()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})}),[e]);return M(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:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:p({chipToggleVariantIcon:n})}),[e,n]),s=T(n=>{a?.(!e),t?.(n)},[e,t,a]);return M(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?M(xe,{ref:s,onDismiss:n,...r}):i?M(Ce,{ref:s,onToggle:i,isToggled:o,...r}):a?M(Ne,{ref:s,href:a,...r,...t}):M(ge,{ref:s,onClick:e,...r})});Ve.displayName="Chip";var Ie=C(function({variant:e,size:a,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:l,className:c,children:d,...u},f){const v=I(null);w(f,()=>v.current);const{palette:y,variant:g}=x({flatVariant:e}),N=V(()=>({button:p({buttonVariant:g,buttonPalette:y,iconButtonSize:a,className:m("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",c)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[y,g,c,o,a,i]),C=B(),k=V(()=>C?"smooth":"subtle",[C]),S=V(()=>{const{rest:e,hover:a,pressed:t}=se;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}},[o]);return M(h,{layoutSpeed:"3",layoutVariant:k,reducedMotion:o?"always":"user",children:M(E.button,{ref:v,type:s,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:l,...u,children:H(W,{initial:!1,mode:"popLayout",children:[i&&M(E.span,{variants:ie,initial:"loading",animate:"loading",exit:"hide",children:M(b,{size:$,name:t,variant:n,color:"current",className:N.loading})},"loading"),r&&!i&&M(E.span,{variants:ne,initial:"icon",animate:"icon",exit:"hide",children:d||M(b,{size:$,name:r,variant:n,color:"current",className:N.icon})},r.name)]})})})}),we=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=I(null),[i,o]=R("auto");return P(()=>{if(n.current){const e=new ResizeObserver(e=>{o(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),M(h,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:M(E.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:M("div",{ref:n,children:e})})})},ke=L(function({helpText:a,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return a?M(y,{spacingTop:i,spacingStart:n,...s,children:M(e,{startIcon:t,size:o,isFilled:r,children:F(a)?a():a})}):null}),Se=L(function({icon:e,className:a,iconProps:t}){return e?M(f,{icon:e,iconProps:{variant:"outline",...t},className:a}):null}),ze=L(function({icon:e,className:a,iconProps:t}){return e?M(f,{icon:e,iconProps:{variant:"outline",...t},className:a}):null}),Re=C(function({id:e,label:a,type:t="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:l,width:u="full",defaultValue:h,required:f,readOnly:v,disabled:b,reduceMotion:g,onChange:x,slotProps:N,className:C,...V},k){const S=z(),P=e??`uds-input-${S}`,L=`uds-input-${P}-help-text`,{className:j,...A}=N?.input??{},O=I(null);w(k,()=>O.current);const[$,E]=R(h??""),W=T(e=>{E(e.target.value),x?.(e)},[x]),q=B()?"smooth":"bouncy",D=g?"always":"user",G=!v&&!b,U={root:p({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:$?"filled":"empty",className:m([C,b?"opacity-50":""])}),inputWrapper:m(p({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:$?"filled":"empty"}),"min-w-[200px]"),input:p({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:$?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:$?"filled":"empty",className:m("grow","uds-hit-target","bg-clip-text","focus:outline-none",G?"cursor-text":"cursor-not-allowed",j)}),label:m(p({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:$?"filled":"empty"})),labelRequired:p({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:$?"filled":"empty"}),startIcon:p({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:$?"filled":"empty"}),endIcon:p({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:$?"filled":"empty"})};return H(d,{width:u,className:U.root,children:[a&&H(y,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:U.label,children:[M("label",{htmlFor:P,children:F(a)?a():a}),f&&M("span",{className:U.labelRequired,children:"*"})]}),H(y,{position:"relative",alignItems:"center",className:U.inputWrapper,children:[M(Se,{icon:i,className:U.startIcon,iconProps:N?.startIcon}),M("input",{ref:O,id:P,type:t,value:$,required:f,readOnly:v,disabled:b,"aria-describedby":L,"aria-invalid":l,onChange:W,className:U.input,...V,...A}),o&&M(c,{alignItems:"center",gap:"1",children:M(ze,{icon:o,className:U.endIcon,iconProps:N?.endIcon})})]}),M(we,{reduceMotion:D,layoutVariant:q,children:M(ke,{id:L,helpText:r,spacingTop:"2",size:n,isFilled:!!$,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=j(new Map),Le=e=>{const a=z();return e??`uds-radio-group-${a}`},je={primary:"alert",secondary:"alert-secondary"},Ae=E.create(y),He={layoutVariant:"smooth",layoutSpeed:"3"},Me={layoutVariant:"veryBouncy",layoutSpeed:"4"},Oe=C(function({id:e,name:a,label:t,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:l,defaultChecked:c,disabled:d,hasError:f,onChange:v,onFocus:b,onBlur:g,className:x,layerClassNames:N,...C},w){const k=z(),S=e??`uds-radio-${k}`,L=I(null),{name:j,isControlled:O,checked:$,setGroupValue:W}=(({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=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:a,value:s,checked:l,defaultChecked:c}),[F,q]=R(!1),[D,G]=R(!1),U=V(()=>f?je[i]:i,[f,i]),X=V(()=>!d&&F,[d,F]),Q=V(()=>!d&&!$&&D,[$,d,D]),Y=V(()=>Q?.9:X?1.1:1,[X,Q]),J=V(()=>$?Q?"opacity-55":"opacity-100":"opacity-0",[$,Q]),K=V(()=>!d&&(Q&&!$||X&&$),[$,d,X,Q]),Z=V(()=>({scale:Y}),[Y]),_=V(()=>D?Me:He,[D]),ee=T(e=>{W(e.target.value),v?.(e)},[v,W]),ae=T(e=>{b?.(e)},[b]),te=T(e=>{g?.(e)},[g]),ne=T(()=>{q(!0)},[]),ie=T(()=>{q(!1)},[]),oe=T(()=>{G(!0)},[]),re=T(()=>{G(!1)},[]),se=r?"always":"user",le=B()||r?"duration-0":"duration-120",ce={root:p({radioSizeRoot:o,radioVariantValueRoot:$?"checked":"unchecked",radioVariantRoot:U,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:m([{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},x,N?.root])}),radio:p({radioSizeRadio:o,radioVariantRadio:U,radioVariantValueRadio:$?"checked":"unchecked",className:m(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:p({radioVariantRadioCircle:U,radioVariantValueRadioCircle:$?"checked":"unchecked",className:m(["pointer-events-none","w-[8px]","h-[8px]",J,le,"transition-opacity"])}),htmlRadio:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===n?"text-start":"text-end",N?.label)},de=t?E.label:E.div;return M(h,{reducedMotion:se,..._,children:H(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[H(Ae,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:Z,insetShadow:K?"lg-invert":"none",children:[M("input",{type:"radio",...C,ref:e=>{L.current=e,"function"==typeof w?w(e):null!==w&&(w.current=e)},onFocus:ae,onBlur:te,id:S,name:j,value:s,disabled:d,"aria-invalid":f,onChange:ee,...O?{checked:$}:{defaultChecked:c},className:ce.htmlRadio}),M(y,{borderRadius:"full",className:ce.radioCircle})]}),t&&M(u,{as:"div",variant:"inherit",color:"inherit",label:t,className:ce.label})]})})});Oe.displayName="Radio";var $e=v(),Ee=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 Ee(l,s);return e.value=s?t:n,e},[n,s,l,t]);P(()=>{c.onChangeCb=i},[i,c]),P(()=>{s&&c.setValue(t,!0)},[s,c,t]),P(()=>c.onChange(e=>i?.(e)),[i,c]);const d=e?$e:"div";return M(Pe.Provider,{value:c,children:M(d,{role:"radiogroup",ref:r,...o})})});Be.displayName="RadioGroupProvider";var We={md:{isOnX:20},sm:{isOnX:12}},Fe=E.create(y),qe={layoutVariant:"bouncy",layoutSpeed:"4"},De=C(function({id:e,isOn:a,defaultIsOn:t,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:l,reduceMotion:c,disabled:d,required:v,onFocus:b,onBlur:g,className:x,layerClassNames:N,...C},w){const k=z(),S=e??`uds-input-${k}`,L=I(null),j=void 0!==a,[A,O]=R(j?a:t),[$,W]=R(!1),F=V(()=>!d&&$,[d,$]),{isOnX:q}=We[r],D=V(()=>({initial:{scale:1,x:A?q:0},animate:{scale:F?1.05:1,x:A?q:0}}),[F,A,q]),G=T(e=>{n?.(e),j||O(e.target.checked)},[j,n]),U=T(e=>{b?.(e)},[b]),X=T(e=>{g?.(e)},[g]),Q=T(()=>{W(!0)},[]),Y=T(()=>{W(!1)},[]),J=c?"always":"user",K=B()||c?"duration-0":"duration-120";P(()=>{j&&O(a)},[a,j]);const Z={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:A?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m("group",{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},N?.root,x)}),switch:p({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:A?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:m("uds-ring","uds-ring-within",K,"transition-[background-color,box-shadow]",N?.switch)}),handle:p({switchSizeHandle:r,className:m("relative","pointer-events-none","rounded-full","overflow-hidden",N?.handle)}),handleCircle:p({switchVariantActiveHandle:A?"on":"off",switchVariantHandle:"default",className:m("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",K,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:A?"on":"off",className:m("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",K,"transition-opacity")}),htmlCheckbox:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===o?"text-start":"text-end",N?.label)},_=i?E.label:E.div;return M(h,{reducedMotion:J,...qe,children:H(_,{className:Z.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:Y,tabIndex:-1,children:[H(Fe,{className:Z.switch,children:[M("input",{type:"checkbox",...C,ref:e=>{L.current=e,"function"==typeof w?w(e):null!==w&&(w.current=e)},onFocus:U,onBlur:X,id:S,disabled:d,required:v,checked:j?A:void 0,defaultChecked:j?void 0:t,onChange:G,className:Z.htmlCheckbox,style:{}}),H(Fe,{className:Z.handle,...D,children:[M(y,{className:Z.handleCircle}),s&&M(f,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:m(Z.handleIcon,A?"opacity-100":"opacity-0")}),l&&M(f,{icon:l,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:m(Z.handleIcon,A?"opacity-0":"opacity-100")})]})]}),i&&M(u,{as:"div",variant:"inherit",color:"inherit",required:v,label:i,className:Z.label})]})})});De.displayName="Switch";export{_ as Avatar,J as AvatarIcon,Z as AvatarImage,K 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,Ie as IconButton,Re as Input,Oe as Radio,Be as RadioGroupProvider,De as Switch};
+import{InputHelpTextMemo as e,Image as a}from"../chunk-YPFSOK5E.js";import{o2 as t,Pressable as n,a as i,o,e as r,t as s,e2 as l}from"../chunk-MIYOAJO6.js";export{Pressable}from"../chunk-MIYOAJO6.js";import{HStack as c,VStack as d}from"../chunk-HHB3JZDI.js";import{FormLabel as u}from"../chunk-XUETKXD3.js";import{SpringMotionConfig as h}from"../chunk-FEBCSS3H.js";export{SpringMotionConfig}from"../chunk-FEBCSS3H.js";import{getStyles as p,cx as m,IconSlot as f,createSlot as v,Icon as b,Box as y,Text as g}from"../chunk-G424GRRD.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-2N6GU6KA.js";import{BUTTON_CSS_VAR_MAP as N}from"../chunk-24RMELG3.js";import{forwardRef as C,useMemo as I,useRef as w,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 j,useContext as A}from"react";import{jsxs as H,jsx as M,Fragment as E}from"react/jsx-runtime";import{buttonIconSvgSize as O}from"@yahoo/uds/fixtures";import{m as $,useReducedMotion as B,AnimatePresence as W}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 D={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},F=(e,a="firstAndLast")=>{if(!e)return"";const t=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof a?a(e):D[a](t)},G=(e="md")=>p({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),X=e=>e?{height:e,width:e}:{},J="primary",K="md",U={primary:l,secondary:s},Y=({size:e=K,variant:a=J,customSize:t,icon:n,className:i})=>{const o=I(()=>X(t),[t]),r=I(()=>m(G(e),p({avatarIconVariantRoot:a,overflow:"hidden"}),i),[i,e,a]),s=I(()=>p({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"}),[]),l=I(()=>({...o,boxSizing:"content-box"}),[o]),c=I(()=>n??U[a??"primary"],[n,a]),d=I(()=>p({avatarSizeIcon:e}),[e]);return M(y,{className:r,style:o,children:M(y,{className:s,style:l,children:M(b,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};Y.displayName="AvatarIcon";var Z=({size:e=K,variant:a=J,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=I(()=>m(G(e),p({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r),[r,e,a]),l=I(()=>p({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"}),[]),c=I(()=>X(i),[i]),d=I(()=>({...c,boxSizing:"content-box"}),[c]);return M(y,{className:s,style:c,children:M(g,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||F(t,o)})})};Z.displayName="AvatarText";var Q=({size:e=K,variant:t=J,src:n,srcSet:i,customSize:o,alt:r,imageProps:s,abbreviationStrategy:l,fallback:c,className:d})=>{const[u,h]=R("loading");P(()=>{let e=!0;if(n||i){const a=new Image;a.onload=()=>{e&&h("loaded")},a.onerror=()=>{e&&h("error")},n&&(a.src=n),i&&(a.srcset=i)}else h("error");return()=>{e=!1}},[n,i]);const f=I(()=>m(G(e),p({avatarImageVariantRoot:t,overflow:"hidden"}),d),[d,e,t]),v=I(()=>p({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),b=I(()=>X(o),[o]),g=I(()=>({...b,boxSizing:"content-box"}),[b]);if("loaded"===u)return M(y,{className:f,style:b,children:M(a,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:t};return c||r?M(Z,{name:r,initials:c,abbreviationStrategy:l,...x}):M(Y,{...x})};Q.displayName="AvatarImage";var _=e=>M(Q,{...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:d,children:u,className:h,...v},b){const y=p({badgeSizeRoot:a,badgeVariantRoot:e,className:m(["uds-badge","uds-badge-variant","uds-badge-size",h])}),g=p({badgeVariantIcon:e,badgeSizeIcon:a,className:m(["uds-badge-iconSize","uds-badge-iconColor"])}),x=I(()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}}),[r,d,s,n,t]),N=I(()=>({variant:"fill",style:{...l?{color:l}:{}}}),[l]);return H(c,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&M(f,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),M("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&M(f,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})});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:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:l,asChild:c,type:d="button",className:u,width:y,...g},N){const C=w(null);V(N,()=>C.current);const z=I(()=>v(),[]),R=I(()=>$.create(z),[z]),T=i?"icon":"hide",P=(({startIcon:e,endIcon:a,loading:t})=>e||a||t?"withIcon":"withoutIcon")({startIcon:n,endIcon:i,loading:r}),L=(({loading:e,startIcon:a})=>e?"loading":a?"icon":"hide")({loading:r,startIcon:n}),{palette:j,variant:A}=I(()=>x({flatVariant:e}),[e]),q=I(()=>({button:p({width:y,buttonSize:a,buttonVariant:A,buttonPalette:j,className:m("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===P&&"uds-button-with-gap",u)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,A,j,u,r,s,P]),D=B()?"smooth":"subtle",F=I(()=>M($.span,{className:q.iconContainer,initial:!1,variants:le,animate:L,children:H(W,{initial:!1,mode:"popLayout",children:[r&&M($.span,{variants:ie,initial:"hide",animate:"loading",exit:"hide",children:M(b,{size:O,name:t,variant:o,color:"current",className:q.loading})},"loading"),n&&!r&&M($.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:M(f,{className:q.start,icon:n,iconProps:{size:O,variant:o,color:"current"}})})]})}),[q.iconContainer,q.loading,q.start,L,r,o,n]),G=I(()=>M($.span,{className:q.iconContainer,initial:!1,variants:le,animate:T,children:M(W,{initial:!1,mode:"popLayout",children:i&&M($.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:M(f,{className:q.end,icon:i,iconProps:{size:O,variant:o,color:"current"}})})})}),[q.iconContainer,q.end,i,T,o]),X=I(()=>s?{...se,rest:{},hover:{},pressed:{}}:se,[s]);return c&&k(l)?M(h,{layoutSpeed:"3",layoutVariant:D,children:M(R,{type:d,className:q.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:S(l,l.props,H(E,{children:[F,M("span",{className:q.content,children:l.props.children}),G]}))})}):M(h,{layoutSpeed:"3",layoutVariant:D,children:H($.button,{ref:C,type:d,className:q.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:[F,M("span",{className:q.content,children:l}),G]})})}),de={primary:"alert",secondary:"alert-secondary"},ue=e=>"indeterminate"===e,he=e=>ue(e)?o:r,pe=$.create(y),me={layoutVariant:"smooth",layoutSpeed:"3"},fe={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=C(function({id:e,checked:a,defaultChecked:t,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,disabled:c,required:d,hasError:f,className:v,layerClassNames:y,...g},x){const N=z(),C=e??`uds-input-${N}`,V=w(null),k=void 0!==a,[S,L]=R(k?a:t),[j,A]=R(!1),[E,O]=R(!1),W=I(()=>f?de[r]:r,[f,r]),q=!c&&j,D=!c&&E,F=I(()=>D?.9:q?1.1:1,[D,q]),G=I(()=>S?D?"opacity-55":"opacity-100":"opacity-0",[S,D]),X=I(()=>({scale:F}),[F]),J=I(()=>E?fe:me,[E]),K=T(e=>{n?.(e),k||L(e.target.checked)},[k,n]),U=T(()=>{A(!0)},[]),Y=T(()=>{A(!1)},[]),Z=T(()=>{O(!0)},[]),Q=T(()=>{O(!1)},[]),_=e=>{V.current&&(V.current.indeterminate=ue(e))},ee=l?"always":"user",ae=B()||l?"duration-0":"duration-120";P(()=>{k&&L(a)},[a,k]),P(()=>{_(S)},[S]);const te=ue(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:W,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m({"cursor-pointer":!c,"cursor-default":c,"opacity-50":c},v,y?.root)}),checkbox:p({checkboxSizeCheckbox:s,checkboxVariantCheckbox:W,checkboxVariantValueCheckbox:te,className:m("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:p({checkboxVariantCheckboxIcon:W,checkboxVariantValueCheckboxIcon:te,className:m("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===o?"text-start":"text-end",y?.label)},ie=i?$.label:$.div;return M(h,{reducedMotion:ee,...J,children:H(ie,{className:ne.root,"data-testid":"container",onHoverStart:U,onHoverEnd:Y,onTapStart:Z,onTap:Q,onTapCancel:Q,tabIndex:-1,children:[H(pe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:X,children:[M("input",{type:"checkbox",...g,ref:e=>{V.current=e,_(S),"function"==typeof x?x(e):null!==x&&(x.current=e)},id:C,disabled:c,required:d,"aria-invalid":f,checked:k?!ue(S)&&S:void 0,defaultChecked:k?void 0:t,onChange:K,className:ne.htmlCheckbox}),M(b,{name:he(S),size:"sm",className:ne.check})]}),i&&M(u,{as:"div",variant:"inherit",color:"inherit",required:d,label:i,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:d,children:u,...h},v){const b=B()||r?"duration-0":"duration-120",y=I(()=>({root:p({chipSizeRoot:e,className:m({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",d?.root,l)}),icon:p({chipSizeIcon:e,className:d?.icon})}),[l,b,s,d?.icon,d?.root,e]);return M(c,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:y.root,...h,children:H(o,{disabled:s,children:[n&&M(f,{icon:n,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),M(g,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:u}),i&&M(f,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});ye.displayName="ChipBase";var ge=C(function({variant:e=be,...a},t){const n=I(()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})}),[e]);return M(ye,{as:"button",ref:t,variant:e,layerClassNames:n,...a})});ge.displayName="ChipButton";var xe=C(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:o=be,disabled:r,...s},l){const c=I(()=>({root:p({chipDismissibleVariantRoot:o}),icon:p({chipDismissibleVariantIcon:o})}),[o]),d=T(e=>{e.stopPropagation(),a?.()},[a]),u={icon:m("uds-chip-dismissible-button","uds-hit-target")};return M(ye,{ref:l,variant:o,disabled:r,tabIndex:-1,endIcon:a=>M(n,{"aria-label":e,className:u.icon,onClick:d,disabled:r,children:M(f,{icon:t??i,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})});xe.displayName="ChipDismissible";var Ne=C(function({variant:e=be,href:a,disabled:t,...n},i){const o=I(()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})}),[e]);return M(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=I(()=>({root:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:p({chipToggleVariantIcon:n})}),[e,n]),s=T(n=>{a?.(!e),t?.(n)},[e,t,a]);return M(ye,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})});Ce.displayName="ChipToggle";var Ie=C(function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?M(xe,{ref:s,onDismiss:n,...r}):i?M(Ce,{ref:s,onToggle:i,isToggled:o,...r}):a?M(Ne,{ref:s,href:a,...r,...t}):M(ge,{ref:s,onClick:e,...r})});Ie.displayName="Chip";var we=C(function({variant:e,size:a,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:l,className:c,children:d,...u},f){const v=w(null);V(f,()=>v.current);const{palette:y,variant:g}=x({flatVariant:e}),N=I(()=>({button:p({buttonVariant:g,buttonPalette:y,iconButtonSize:a,className:m("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",c)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[y,g,c,o,a,i]),C=B(),k=I(()=>C?"smooth":"subtle",[C]),S=I(()=>{const{rest:e,hover:a,pressed:t}=se;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}},[o]);return M(h,{layoutSpeed:"3",layoutVariant:k,reducedMotion:o?"always":"user",children:M($.button,{ref:v,type:s,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:l,...u,children:H(W,{initial:!1,mode:"popLayout",children:[i&&M($.span,{variants:ie,initial:"loading",animate:"loading",exit:"hide",children:M(b,{size:O,name:t,variant:n,color:"current",className:N.loading})},"loading"),r&&!i&&M($.span,{variants:ne,initial:"icon",animate:"icon",exit:"hide",children:d||M(b,{size:O,name:r,variant:n,color:"current",className:N.icon})},r.name)]})})})}),Ve=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=w(null),[i,o]=R("auto");return P(()=>{if(n.current){const e=new ResizeObserver(e=>{o(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),M(h,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:M($.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:M("div",{ref:n,children:e})})})},ke=L(function({helpText:a,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return a?M(y,{spacingTop:i,spacingStart:n,...s,children:M(e,{startIcon:t,size:o,isFilled:r,children:q(a)?a():a})}):null}),Se=L(function({icon:e,className:a,iconProps:t}){return e?M(f,{icon:e,iconProps:{variant:"outline",...t},className:a}):null}),ze=L(function({icon:e,className:a,iconProps:t}){return e?M(f,{icon:e,iconProps:{variant:"outline",...t},className:a}):null}),Re=C(function({id:e,label:a,type:t="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:l,width:u="full",defaultValue:h,required:f,readOnly:v,disabled:b,reduceMotion:g,onChange:x,slotProps:N,className:C,...I},k){const S=z(),P=e??`uds-input-${S}`,L=`uds-input-${P}-help-text`,{className:j,...A}=N?.input??{},E=w(null);V(k,()=>E.current);const[O,$]=R(h??""),W=T(e=>{$(e.target.value),x?.(e)},[x]),D=B()?"smooth":"bouncy",F=g?"always":"user",G=!v&&!b,X={root:p({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:O?"filled":"empty",className:m([C,b?"opacity-50":""])}),inputWrapper:m(p({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:O?"filled":"empty"}),"min-w-[200px]"),input:p({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:O?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:O?"filled":"empty",className:m("grow","uds-hit-target","bg-clip-text","focus:outline-none",G?"cursor-text":"cursor-not-allowed",j)}),label:m(p({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:O?"filled":"empty"})),labelRequired:p({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:O?"filled":"empty"}),startIcon:p({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:O?"filled":"empty"}),endIcon:p({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:O?"filled":"empty"})};return H(d,{width:u,className:X.root,children:[a&&H(y,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:X.label,children:[M("label",{htmlFor:P,children:q(a)?a():a}),f&&M("span",{className:X.labelRequired,children:"*"})]}),H(y,{position:"relative",alignItems:"center",className:X.inputWrapper,children:[M(Se,{icon:i,className:X.startIcon,iconProps:N?.startIcon}),M("input",{ref:E,id:P,type:t,value:O,required:f,readOnly:v,disabled:b,"aria-describedby":L,"aria-invalid":l,onChange:W,className:X.input,...I,...A}),o&&M(c,{alignItems:"center",gap:"1",children:M(ze,{icon:o,className:X.endIcon,iconProps:N?.endIcon})})]}),M(Ve,{reduceMotion:F,layoutVariant:D,children:M(ke,{id:L,helpText:r,spacingTop:"2",size:n,isFilled:!!O,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=j(new Map),Le=e=>{const a=z();return e??`uds-radio-group-${a}`},je={primary:"alert",secondary:"alert-secondary"},Ae=$.create(y),He={layoutVariant:"smooth",layoutSpeed:"3"},Me={layoutVariant:"veryBouncy",layoutSpeed:"4"},Ee=C(function({id:e,name:a,label:t,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:l,defaultChecked:c,disabled:d,hasError:f,onChange:v,onFocus:b,onBlur:g,className:x,layerClassNames:N,...C},V){const k=z(),S=e??`uds-radio-${k}`,L=w(null),{name:j,isControlled:E,checked:O,setGroupValue:W}=(({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=I(()=>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:a,value:s,checked:l,defaultChecked:c}),[q,D]=R(!1),[F,G]=R(!1),X=I(()=>f?je[i]:i,[f,i]),J=I(()=>!d&&q,[d,q]),K=I(()=>!d&&!O&&F,[O,d,F]),U=I(()=>K?.9:J?1.1:1,[J,K]),Y=I(()=>O?K?"opacity-55":"opacity-100":"opacity-0",[O,K]),Z=I(()=>!d&&(K&&!O||J&&O),[O,d,J,K]),Q=I(()=>({scale:U}),[U]),_=I(()=>F?Me:He,[F]),ee=T(e=>{W(e.target.value),v?.(e)},[v,W]),ae=T(e=>{b?.(e)},[b]),te=T(e=>{g?.(e)},[g]),ne=T(()=>{D(!0)},[]),ie=T(()=>{D(!1)},[]),oe=T(()=>{G(!0)},[]),re=T(()=>{G(!1)},[]),se=r?"always":"user",le=B()||r?"duration-0":"duration-120",ce={root:p({radioSizeRoot:o,radioVariantValueRoot:O?"checked":"unchecked",radioVariantRoot:X,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:m([{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},x,N?.root])}),radio:p({radioSizeRadio:o,radioVariantRadio:X,radioVariantValueRadio:O?"checked":"unchecked",className:m(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:p({radioVariantRadioCircle:X,radioVariantValueRadioCircle:O?"checked":"unchecked",className:m(["pointer-events-none","w-[8px]","h-[8px]",Y,le,"transition-opacity"])}),htmlRadio:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===n?"text-start":"text-end",N?.label)},de=t?$.label:$.div;return M(h,{reducedMotion:se,..._,children:H(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[H(Ae,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:Q,insetShadow:Z?"lg-invert":"none",children:[M("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:j,value:s,disabled:d,"aria-invalid":f,onChange:ee,...E?{checked:O}:{defaultChecked:c},className:ce.htmlRadio}),M(y,{borderRadius:"full",className:ce.radioCircle})]}),t&&M(u,{as:"div",variant:"inherit",color:"inherit",label:t,className:ce.label})]})})});Ee.displayName="Radio";var Oe=v(),$e=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=I(()=>{const e=new $e(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?Oe:"div";return M(Pe.Provider,{value:c,children:M(d,{role:"radiogroup",ref:r,...o})})});Be.displayName="RadioGroupProvider";var We={md:{isOnX:20},sm:{isOnX:12}},qe=$.create(y),De={layoutVariant:"bouncy",layoutSpeed:"4"},Fe=C(function({id:e,isOn:a,defaultIsOn:t,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:l,reduceMotion:c,disabled:d,required:v,onFocus:b,onBlur:g,className:x,layerClassNames:N,...C},V){const k=z(),S=e??`uds-input-${k}`,L=w(null),j=void 0!==a,[A,E]=R(j?a:t),[O,W]=R(!1),q=I(()=>!d&&O,[d,O]),{isOnX:D}=We[r],F=I(()=>({initial:{scale:1,x:A?D:0},animate:{scale:q?1.05:1,x:A?D:0}}),[q,A,D]),G=T(e=>{n?.(e),j||E(e.target.checked)},[j,n]),X=T(e=>{b?.(e)},[b]),J=T(e=>{g?.(e)},[g]),K=T(()=>{W(!0)},[]),U=T(()=>{W(!1)},[]),Y=c?"always":"user",Z=B()||c?"duration-0":"duration-120";P(()=>{j&&E(a)},[a,j]);const Q={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:A?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m("group",{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},N?.root,x)}),switch:p({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:A?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:m("uds-ring","uds-ring-within",Z,"transition-[background-color,box-shadow]",N?.switch)}),handle:p({switchSizeHandle:r,className:m("relative","pointer-events-none","rounded-full","overflow-hidden",N?.handle)}),handleCircle:p({switchVariantActiveHandle:A?"on":"off",switchVariantHandle:"default",className:m("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",Z,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:A?"on":"off",className:m("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",Z,"transition-opacity")}),htmlCheckbox:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===o?"text-start":"text-end",N?.label)},_=i?$.label:$.div;return M(h,{reducedMotion:Y,...De,children:H(_,{className:Q.root,"data-testid":"container",onHoverStart:K,onHoverEnd:U,tabIndex:-1,children:[H(qe,{className:Q.switch,children:[M("input",{type:"checkbox",...C,ref:e=>{L.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:X,onBlur:J,id:S,disabled:d,required:v,checked:j?A:void 0,defaultChecked:j?void 0:t,onChange:G,className:Q.htmlCheckbox,style:{}}),H(qe,{className:Q.handle,...F,children:[M(y,{className:Q.handleCircle}),s&&M(f,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:m(Q.handleIcon,A?"opacity-100":"opacity-0")}),l&&M(f,{icon:l,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:m(Q.handleIcon,A?"opacity-0":"opacity-100")})]})]}),i&&M(u,{as:"div",variant:"inherit",color:"inherit",required:v,label:i,className:Q.label})]})})});Fe.displayName="Switch";export{_ as Avatar,Y as AvatarIcon,Q as AvatarImage,Z as AvatarText,ee as Badge,ce as Button,ve as Checkbox,Ie as Chip,ge as ChipButton,xe as ChipDismissible,Ne as ChipLink,Ce as ChipToggle,we as IconButton,Re as Input,Ee as Radio,Be as RadioGroupProvider,Fe as Switch};

package/dist/defaultTokensConfig.d.cts

@@ -1,5 +1,5 @@
-import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, c as IconButtonConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, e as BreakpointsConfig } from './types-CILmuEy4.cjs';
-export { f as defaultUniversalTokensConfigAuto } from './types-CILmuEy4.cjs';
+import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, c as IconButtonConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, e as BreakpointsConfig } from './types-Dde3E25v.cjs';
+export { f as defaultUniversalTokensConfigAuto } from './types-Dde3E25v.cjs';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';

package/dist/defaultTokensConfig.d.ts

@@ -1,5 +1,5 @@
-import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, c as IconButtonConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, e as BreakpointsConfig } from './types-CILmuEy4.js';
-export { f as defaultUniversalTokensConfigAuto } from './types-CILmuEy4.js';
+import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, c as IconButtonConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, e as BreakpointsConfig } from './types-Dde3E25v.js';
+export { f as defaultUniversalTokensConfigAuto } from './types-Dde3E25v.js';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';