@yahoo/uds 3.62.1 → 3.64.0

package/dist/client/Menu.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var e=require("../chunk-74JOPQAN.cjs"),r=require("../chunk-36WHBOYO.cjs"),a=require("../chunk-A5EJNYIP.cjs"),t=require("../chunk-FYZJS6PY.cjs"),d=require("../chunk-5SAGUHGK.cjs"),s=require("../chunk-QLXJH36U.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(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}}),r.default=e,Object.freeze(r)}var f=p(i),b=m(c),h={};function _(e){return e}function v(e,r){const a=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(a,"Invalid store"),a[r]}s.__export(h,{Content:()=>j,Divider:()=>N,Item:()=>P,ItemCheckbox:()=>O,Provider:()=>q,Trigger:()=>z,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var{useSyncExternalStore:g}=b.default;function y(e,r=_){const a=f.useCallback(r=>e?function(e,...r){if(e)return v(e,"subscribe")(...r)}(e,null,r):()=>{},[e]),t=()=>{const a="string"==typeof r?r:null,t="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(t)return t(d);var s,n;if(d&&(a&&(s=d,n=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[a]};return g(a,t,t)}var I=u.m.create(a.VStack),S=5,C=.97,w={top:{x:0,y:S},bottom:{x:0,y:-5},left:{x:S,y:0},right:{x:-5,y:0}},k=e=>i.useMemo(()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...w[r],opacity:0,scale:C},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),j=i.forwardRef(function({gap:e,spacing:r,spacingBottom:a,spacingEnd:t,spacingStart:s,spacingTop:c,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:f,borderWidth:b="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:g,focusable:S,children:C,portalElement:w,portal:j=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),P=y(E,"open"),O=y(E,"mounted"),R=y(E,"currentPlacement"),A=y(E,"placement"),[q,z]=i.useState(R),[T,B]=i.useState(R);i.useEffect(()=>{A!==T&&B(A)},[A]),i.useEffect(()=>{R!==T&&B(R)},[R]),i.useEffect(()=>{O&&T!==q&&z(T)},[O,T,q]);const H=i.useMemo(()=>P&&O?"open":"closed",[P,O]),D=i.useMemo(()=>P?_:"none",[P,_]),G=k(T),W=(({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:g,focusable:S,store:E,ref:V,portalElement:w,portal:j,...M,render:l.jsx(I,{backgroundColor:m,gap:e,spacing:r,spacingBottom:a,spacingEnd:t,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:f,borderWidth:b,overflow:h,animate:H,variants:G,dropShadow:D,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&&W,v),children:C})})})});j.displayName="MenuContent";var N=i.forwardRef(function({role:r="separator",contentPosition:a="start",gap:t="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:a,gap:t,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})});N.displayName="MenuDivider";var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef(function({spacing:e="0",spacingBottom:t,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:o,spacingVertical:x="3.5",columnGap:m="2",className:p,children:f,endIcon:b,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:y,name:I,alignItems:S="center",justifyContent:C="space-between",layerClassNames:w,slots:k,rootProps:j,...N},E){const P=i.Children.count(f)>1,O=(({active:e,disabled:r,className:a})=>d.cx(M,"flex","focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),R=d.getStyles({className:d.cx(`${M}-content truncate`,w?.text),textAlign:"start",...P&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),A=i.useMemo(()=>({root:d.getStyles({menuSizeRoot:"default",flexDirection:"row",spacing:e,spacingBottom:t,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:o,spacingVertical:x,columnGap:m,alignItems:S,justifyContent:C,className:d.cx(O,w?.root)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:w?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:w?.endIcon})}),[S,m,C,w?.endIcon,w?.root,w?.startIcon,O,e,t,s,n,c,o,x]),q=k?.root??(e=>l.jsx(r.Pressable,{...e,...N,onClick:r=>{e.onClick?.(r),N.onClick?.(r)}}));return l.jsxs(y,{ref:E,name:I??"",...j,render:q,disabled:g,className:A.root,children:[l.jsxs(a.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:f})]}),l.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&b&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:b,className:A.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})});E.displayName="MenuItemBase";var P=i.forwardRef(function({active:e,hideOnClick:r,...a},t){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:t,as:n.MenuItem,active:e,layerClassNames:s,rootProps:{hideOnClick:r},...a})});P.displayName="MenuItem";var O=i.forwardRef(function({name:e,endIcon:a=r.e,checked:t,defaultChecked:s,hideOnClick:c,className:o,...u},m){const p=e,f=i.useRef(!1),b=n.useMenuContext(),h=x.useStoreState(b);i.useEffect(()=>{!f.current&&void 0!==s&&b&&(b.setValues(e=>({...e,[p]:s})),f.current=!0)},[b,s,p]);const _=i.useMemo(()=>{if(void 0!==t)return t;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,t,s]),v=i.useCallback(e=>{void 0===t&&b?.setValues(r=>({...r,[p]:e.target.checked}))},[p,b,t]),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:a,active:_,className:d.cx("uds-menu-item-checkbox",o),layerClassNames:g,name:e,rootProps:{onChange:v,defaultChecked:s,checked:void 0!==t?t:void 0,hideOnClick:c},...u})});O.displayName="MenuItemCheckbox";var R=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},A=e=>{const[r,a]=i.useState(R);return i.useEffect(()=>{if(e?.explicit)return void a(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})(()=>{a(R())});return()=>r.disconnect()},[e?.explicit]),r},q=function({placement:e="bottom",rtl:r,...a}){const d=A({explicit:r}),s=((e,r)=>{const a=r?.rtl;if("start"===e)return a?"right":"left";if("end"===e)return a?"left":"right";if(e?.includes("-")){const[r,t]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==t&&"bottom"!==t))return`${"start"===r?a?"right":"left":a?"left":"right"}-${"bottom"===t?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===t?a?"end":"start":a?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(t.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...a})})};q.displayName="MenuProvider";var z=i.forwardRef(function({asChild:e,children:r,className:a,...t},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",a),...o,...t})});z.displayName="MenuTrigger",exports.Menu=h;
+"use strict";var e=require("../chunk-KQYW7REL.cjs"),r=require("../chunk-CGHQHGYY.cjs"),a=require("../chunk-EUBXXJNQ.cjs"),t=require("../chunk-O7H45A6H.cjs"),d=require("../chunk-BMP5TZVZ.cjs"),s=require("../chunk-QLXJH36U.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(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}}),r.default=e,Object.freeze(r)}var f=p(i),b=m(c),h={};function _(e){return e}function v(e,r){const a=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(a,"Invalid store"),a[r]}s.__export(h,{Content:()=>j,Divider:()=>N,Item:()=>R,ItemCheckbox:()=>P,Provider:()=>z,Trigger:()=>A,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var{useSyncExternalStore:g}=b.default;function y(e,r=_){const a=f.useCallback(r=>e?function(e,...r){if(e)return v(e,"subscribe")(...r)}(e,null,r):()=>{},[e]),t=()=>{const a="string"==typeof r?r:null,t="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(t)return t(d);var s,n;if(d&&(a&&(s=d,n=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[a]};return g(a,t,t)}var I=u.m.create(a.VStack),C=5,S=.97,w={top:{x:0,y:C},bottom:{x:0,y:-5},left:{x:C,y:0},right:{x:-5,y:0}},k=e=>i.useMemo(()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...w[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),j=i.forwardRef(function({gap:e,spacing:r,spacingBottom:a,spacingEnd:t,spacingStart:s,spacingTop:c,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:f,borderWidth:b="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:g,focusable:C,children:S,portalElement:w,portal:j=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),R=y(E,"open"),P=y(E,"mounted"),O=y(E,"currentPlacement"),q=y(E,"placement"),[z,A]=i.useState(O),[T,H]=i.useState(O);i.useEffect(()=>{q!==T&&H(q)},[q]),i.useEffect(()=>{O!==T&&H(O)},[O]),i.useEffect(()=>{P&&T!==z&&A(T)},[P,T,z]);const B=i.useMemo(()=>R&&P?"open":"closed",[R,P]),D=i.useMemo(()=>R?_:"none",[R,_]),G=k(T),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}),W=i.useMemo(()=>o.spacingMap[x],[x]);return l.jsx(u.AnimatePresence,{initial:!1,children:l.jsx(n.Menu,{gutter:W,sameWidth:g,focusable:C,store:E,ref:V,portalElement:w,portal:j,...M,render:l.jsx(I,{backgroundColor:m,gap:e,spacing:r,spacingBottom:a,spacingEnd:t,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:f,borderWidth:b,overflow:h,animate:B,variants:G,dropShadow:D,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:S})})})});j.displayName="MenuContent";var N=i.forwardRef(function({role:r="separator",contentPosition:a="start",gap:t="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:a,gap:t,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})});N.displayName="MenuDivider";var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef(function({spacing:e="0",spacingBottom:t,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:o,spacingVertical:x="3.5",columnGap:m="2",className:p,children:f,endIcon:b,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:y,name:I,alignItems:C="center",justifyContent:S="space-between",layerClassNames:w,slots:k,rootProps:j,...N},E){const R=i.Children.count(f)>1,P=(({active:e,disabled:r,className:a})=>d.cx(M,"flex","focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),O=d.getStyles({className:d.cx(`${M}-content truncate`,w?.text),textAlign:"start",...R&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),q=i.useMemo(()=>({root:d.getStyles({menuSizeRoot:"default",flexDirection:"row",spacing:e,spacingBottom:t,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:o,spacingVertical:x,columnGap:m,alignItems:C,justifyContent:S,className:d.cx(P,w?.root)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:w?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:w?.endIcon})}),[C,m,S,w?.endIcon,w?.root,w?.startIcon,P,e,t,s,n,c,o,x]),z=k?.root??(e=>l.jsx(r.Pressable,{...e,...N,onClick:r=>{e.onClick?.(r),N.onClick?.(r)}}));return l.jsxs(y,{ref:E,name:I??"",...j,render:z,disabled:g,className:q.root,children:[l.jsxs(a.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:q.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:O,children:f})]}),l.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&b&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:b,className:q.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})});E.displayName="MenuItemBase";var R=i.forwardRef(function({active:e,hideOnClick:r,...a},t){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:t,as:n.MenuItem,active:e,layerClassNames:s,rootProps:{hideOnClick:r},...a})});R.displayName="MenuItem";var P=i.forwardRef(function({name:e,endIcon:a=r.e,checked:t,defaultChecked:s,hideOnClick:c,className:o,...u},m){const p=e,f=i.useRef(!1),b=n.useMenuContext(),h=x.useStoreState(b);i.useEffect(()=>{!f.current&&void 0!==s&&b&&(b.setValues(e=>({...e,[p]:s})),f.current=!0)},[b,s,p]);const _=i.useMemo(()=>{if(void 0!==t)return t;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,t,s]),v=i.useCallback(e=>{void 0===t&&b?.setValues(r=>({...r,[p]:e.target.checked}))},[p,b,t]),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:a,active:_,className:d.cx("uds-menu-item-checkbox",o),layerClassNames:g,name:e,rootProps:{onChange:v,defaultChecked:s,checked:void 0!==t?t:void 0,hideOnClick:c},...u})});P.displayName="MenuItemCheckbox";var O=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},q=e=>{const[r,a]=i.useState(O);return i.useEffect(()=>{if(e?.explicit)return void a(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})(()=>{a(O())});return()=>r.disconnect()},[e?.explicit]),r},z=function({placement:e="bottom",rtl:r,...a}){const d=q({explicit:r}),s=((e,r)=>{const a=r?.rtl;if("start"===e)return a?"right":"left";if("end"===e)return a?"left":"right";if(e?.includes("-")){const[r,t]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==t&&"bottom"!==t))return`${"start"===r?a?"right":"left":a?"left":"right"}-${"bottom"===t?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===t?a?"end":"start":a?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(t.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...a})})};z.displayName="MenuProvider";var A=i.forwardRef(function({asChild:e,children:r,className:a,...t},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",a),...o,...t})});A.displayName="MenuTrigger",exports.Menu=h;

package/dist/client/Menu.d.cts

@@ -1,11 +1,11 @@
 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 { w as SpacingAlias, x as UniversalMenuItemProps } from '../types-BzoCuKCE.cjs';
-import { V as VStackProps, D as DividerProps } from '../VStack-BzpyA6pg.cjs';
-import { P as PressableProps } from '../Pressable-h8PFMRAD.cjs';
+import { r as SpacingAlias, s as UniversalMenuItemProps } from '../universalTokensConfigAuto-DMkgiw7i.cjs';
+import { V as VStackProps, D as DividerProps } from '../VStack-DSQShH8m.cjs';
+import { P as PressableProps } from '../Pressable-B2MfBeRr.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BoxProps } from '../Box-BtGFIN-Y.cjs';
+import { B as BoxProps } from '../Box-BYHIqBW7.cjs';
 import { useStoreState } from '@ariakit/react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

package/dist/client/Menu.d.ts

@@ -1,11 +1,11 @@
 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 { w as SpacingAlias, x as UniversalMenuItemProps } from '../types-BzoCuKCE.js';
-import { V as VStackProps, D as DividerProps } from '../VStack-DqqmcZ-1.js';
-import { P as PressableProps } from '../Pressable-DDfuPMmu.js';
+import { r as SpacingAlias, s as UniversalMenuItemProps } from '../universalTokensConfigAuto-DMkgiw7i.js';
+import { V as VStackProps, D as DividerProps } from '../VStack-CYpp5Wa0.js';
+import { P as PressableProps } from '../Pressable-DJ1rXy1y.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BoxProps } from '../Box-BPqozJKV.js';
+import { B as BoxProps } from '../Box-CPuhAyke.js';
 import { useStoreState } from '@ariakit/react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

package/dist/client/Menu.js

@@ -1,3 +1,3 @@
 "use client";
-import{DividerInternal as r}from"../chunk-BODZPWTT.js";import{e,Pressable as a}from"../chunk-XLCSJWEJ.js";import{VStack as d,HStack as t}from"../chunk-YAR3WPVO.js";import{SpringMotionConfig as s}from"../chunk-UENRZFGM.js";import{cx as i,getStyles as n,IconSlot as c,Box as o}from"../chunk-PVBZ5YHQ.js";import{__export as u}from"../chunk-GF4A6TFM.js";import{useMenuStore as l,useMenuContext as m,Menu 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 y,Children as C,useRef as w,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 M,jsxs as P}from"react/jsx-runtime";import{useStoreState as T}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-var j={};function O(r){return r}function R(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}u(j,{Content:()=>G,Divider:()=>$,Item:()=>Y,ItemCheckbox:()=>Q,Provider:()=>q,Trigger:()=>K,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>T});var{useSyncExternalStore:z}=N;function A(r,e=O){const a=_.useCallback(e=>r?function(r,...e){if(r)return R(r,"subscribe")(...e)}(r,null,e):()=>{},[r]),d=()=>{const a="string"==typeof e?e:null,d="function"==typeof e?e:null,t=null==r?void 0:r.getState();if(d)return d(t);var s,i;if(t&&(a&&(s=t,i=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,i):Object.prototype.hasOwnProperty.call(s,i))))return t[a]};return z(a,d,d)}var B=S.create(d),D=5,W=.97,F={top:{x:0,y:D},bottom:{x:0,y:-5},left:{x:D,y:0},right:{x:-5,y:0}},H=r=>y(()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...F[e],opacity:0,scale:W},open:{y:0,x:0,opacity:1,scale:1}}})(r),[r]),G=v(function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:l="thin",overflow:p,dropShadow:h="lg",className:b,sameWidth:f,focusable:_,children:v,portalElement:C,portal:w=!0,disableAutoBorderRadius:k,...N},S){const P=m(),T=A(P,"open"),j=A(P,"mounted"),O=A(P,"currentPlacement"),R=A(P,"placement"),[z,D]=g(O),[W,F]=g(O);I(()=>{R!==W&&F(R)},[R]),I(()=>{O!==W&&F(O)},[O]),I(()=>{j&&W!==z&&D(W)},[j,W,z]);const G=y(()=>T&&j?"open":"closed",[T,j]),$=y(()=>T?h:"none",[T,h]),L=H(W),Z=(({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}),J=y(()=>V[n],[n]);return M(E,{initial:!1,children:M(x,{gutter:J,sameWidth:f,focusable:_,store:P,ref:S,portalElement:C,portal:w,...N,render:M(B,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:G,variants:L,dropShadow:$,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&&Z,b),children:v})})})});G.displayName="MenuContent";var $=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 M(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 L="uds-menu-item",Z={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},J=v(function({spacing:r="0",spacingBottom:e,spacingEnd:d,spacingHorizontal:s="4",spacingStart:o,spacingTop:u,spacingVertical:l="3.5",columnGap:m="2",className:x,children:p,endIcon:h,startIcon:b,hideEndIcon:f,active:_,disabled:v,as:g,name:I,alignItems:w="center",justifyContent:k="space-between",layerClassNames:N,slots:V,rootProps:T,...j},O){const R=C.count(p)>1,z=(({active:r,disabled:e,className:a})=>i(L,"flex","focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:_,disabled:v,className:x}),A=n({className:i(`${L}-content truncate`,N?.text),textAlign:"start",...R&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),B=y(()=>({root:n({menuSizeRoot:"default",flexDirection:"row",spacing:r,spacingBottom:e,spacingEnd:d,spacingHorizontal:s,spacingStart:o,spacingTop:u,spacingVertical:l,columnGap:m,alignItems:w,justifyContent:k,className:i(z,N?.root)}),startIcon:n({menuSizeStartIcon:"default",className:N?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:N?.endIcon})}),[w,m,k,N?.endIcon,N?.root,N?.startIcon,z,r,e,d,s,o,u,l]);return P(g,{ref:O,name:I??"",...T,render:V?.root??(r=>M(a,{...r,...j,onClick:e=>{r.onClick?.(e),j.onClick?.(e)}})),disabled:v,className:B.root,children:[P(t,{gap:m,alignItems:"center",width:"full",children:[M(E,{initial:!1,children:b&&M(S.span,{variants:Z,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:M(c,{icon:b,className:B.startIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})}),M("span",{className:A,children:p})]}),M(E,{initial:!1,mode:"popLayout",children:!f&&h&&M(S.span,{variants:Z,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:M(c,{icon:h,className:B.endIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})})]})});J.displayName="MenuItemBase";var 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 M(J,{ref:d,as:p,active:r,layerClassNames:t,rootProps:{hideOnClick:e},...a})});Y.displayName="MenuItem";var Q=v(function({name:r,endIcon:a=e,checked:d,defaultChecked:t,hideOnClick:s,className:c,...o},u){const l=r,x=w(!1),p=m(),b=T(p);I(()=>{!x.current&&void 0!==t&&p&&(p.setValues(r=>({...r,[l]:t})),x.current=!0)},[p,t,l]);const f=y(()=>{if(void 0!==d)return d;if(b?.items?.length){const r=b?.items.find(r=>r.element?.name===l);if(r?.element)return r.element.checked}const r=b?.values[l];return"boolean"==typeof r?r:t??!1},[b?.items,b?.values,l,d,t]),_=k(r=>{void 0===d&&p?.setValues(e=>({...e,[l]:r.target.checked}))},[l,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 M(J,{ref:u,as:h,hideEndIcon:!f,endIcon:a,active:f,className:i("uds-menu-item-checkbox",c),layerClassNames:v,name:r,rootProps:{onChange:_,defaultChecked:t,checked:void 0!==d?d:void 0,hideOnClick:s},...o})});Q.displayName="MenuItemCheckbox";var U=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},X=r=>{const[e,a]=g(U);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(U())});return()=>e.disconnect()},[r?.explicit]),e},q=function({placement:r="bottom",rtl:e,...a}){const d=X({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 M(s,{children:M(b,{placement:t,rtl:d,...a})})};q.displayName="MenuProvider";var K=v(function({asChild:r,children:e,className:a,...d},t){const s=w(null),n=r?{render:M(o,{asChild:!0,ref:s,className:"uds-ring h-fit w-fit",children:e})}:{children:e},c=k(()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()},[s]);return M(f,{onFocus:c,onFocusVisible:c,ref:t,className:i("uds-menu-trigger",a),...n,...d})});K.displayName="MenuTrigger";export{j as Menu};
+import{DividerInternal as r}from"../chunk-XOHE32Q2.js";import{e,Pressable as a}from"../chunk-WEIHOHSB.js";import{VStack as d,HStack as t}from"../chunk-WTCFWBEP.js";import{SpringMotionConfig as s}from"../chunk-7ODTLDW2.js";import{cx as i,getStyles as n,IconSlot as c,Box as o}from"../chunk-FEHICJMH.js";import{__export as u}from"../chunk-GF4A6TFM.js";import{useMenuStore as l,useMenuContext as m,Menu 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 y,useRef as w,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 M,jsxs as T}from"react/jsx-runtime";import{useStoreState as j}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+var O={};function P(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]}u(O,{Content:()=>$,Divider:()=>G,Item:()=>X,ItemCheckbox:()=>q,Provider:()=>Y,Trigger:()=>Z,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>j});var{useSyncExternalStore:R}=N;function A(r,e=P){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);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 R(a,d,d)}var H=S.create(d),B=5,D=.97,W={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:{...W[e],opacity:0,scale:D},open:{y:0,x:0,opacity:1,scale:1}}})(r),[r]),$=v(function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:l="thin",overflow:p,dropShadow:h="lg",className:b,sameWidth:f,focusable:_,children:v,portalElement:y,portal:w=!0,disableAutoBorderRadius:k,...N},S){const T=m(),j=A(T,"open"),O=A(T,"mounted"),P=A(T,"currentPlacement"),z=A(T,"placement"),[R,B]=g(P),[D,W]=g(P);I(()=>{z!==D&&W(z)},[z]),I(()=>{P!==D&&W(P)},[P]),I(()=>{O&&D!==R&&B(D)},[O,D,R]);const $=C(()=>j&&O?"open":"closed",[j,O]),G=C(()=>j?h:"none",[j,h]),L=F(D),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}),Q=C(()=>V[n],[n]);return M(E,{initial:!1,children:M(x,{gutter:Q,sameWidth:f,focusable:_,store:T,ref:S,portalElement:y,portal:w,...N,render:M(H,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:$,variants:L,dropShadow: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&&J,b),children:v})})})});$.displayName="MenuContent";var G=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 M(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:i,className:l.root,layerClassNames:l,...o,children:t})});G.displayName="MenuDivider";var L="uds-menu-item",J={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},Q=v(function({spacing:r="0",spacingBottom:e,spacingEnd:d,spacingHorizontal:s="4",spacingStart:o,spacingTop:u,spacingVertical:l="3.5",columnGap:m="2",className:x,children:p,endIcon:h,startIcon:b,hideEndIcon:f,active:_,disabled:v,as:g,name:I,alignItems:w="center",justifyContent:k="space-between",layerClassNames:N,slots:V,rootProps:j,...O},P){const z=y.count(p)>1,R=(({active:r,disabled:e,className:a})=>i(L,"flex","focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:_,disabled:v,className:x}),A=n({className:i(`${L}-content truncate`,N?.text),textAlign:"start",...z&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),H=C(()=>({root:n({menuSizeRoot:"default",flexDirection:"row",spacing:r,spacingBottom:e,spacingEnd:d,spacingHorizontal:s,spacingStart:o,spacingTop:u,spacingVertical:l,columnGap:m,alignItems:w,justifyContent:k,className:i(R,N?.root)}),startIcon:n({menuSizeStartIcon:"default",className:N?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:N?.endIcon})}),[w,m,k,N?.endIcon,N?.root,N?.startIcon,R,r,e,d,s,o,u,l]);return T(g,{ref:P,name:I??"",...j,render:V?.root??(r=>M(a,{...r,...O,onClick:e=>{r.onClick?.(e),O.onClick?.(e)}})),disabled:v,className:H.root,children:[T(t,{gap:m,alignItems:"center",width:"full",children:[M(E,{initial:!1,children:b&&M(S.span,{variants:J,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:M(c,{icon:b,className:H.startIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})}),M("span",{className:A,children:p})]}),M(E,{initial:!1,mode:"popLayout",children:!f&&h&&M(S.span,{variants:J,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:M(c,{icon:h,className:H.endIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})})]})});Q.displayName="MenuItemBase";var X=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 M(Q,{ref:d,as:p,active:r,layerClassNames:t,rootProps:{hideOnClick:e},...a})});X.displayName="MenuItem";var q=v(function({name:r,endIcon:a=e,checked:d,defaultChecked:t,hideOnClick:s,className:c,...o},u){const l=r,x=w(!1),p=m(),b=j(p);I(()=>{!x.current&&void 0!==t&&p&&(p.setValues(r=>({...r,[l]:t})),x.current=!0)},[p,t,l]);const f=C(()=>{if(void 0!==d)return d;if(b?.items?.length){const r=b?.items.find(r=>r.element?.name===l);if(r?.element)return r.element.checked}const r=b?.values[l];return"boolean"==typeof r?r:t??!1},[b?.items,b?.values,l,d,t]),_=k(r=>{void 0===d&&p?.setValues(e=>({...e,[l]:r.target.checked}))},[l,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 M(Q,{ref:u,as:h,hideEndIcon:!f,endIcon:a,active:f,className:i("uds-menu-item-checkbox",c),layerClassNames:v,name:r,rootProps:{onChange:_,defaultChecked:t,checked:void 0!==d?d:void 0,hideOnClick:s},...o})});q.displayName="MenuItemCheckbox";var K=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},U=r=>{const[e,a]=g(K);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(K())});return()=>e.disconnect()},[r?.explicit]),e},Y=function({placement:r="bottom",rtl:e,...a}){const d=U({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 M(s,{children:M(b,{placement:t,rtl:d,...a})})};Y.displayName="MenuProvider";var Z=v(function({asChild:r,children:e,className:a,...d},t){const s=w(null),n=r?{render:M(o,{asChild:!0,ref:s,className:"uds-ring h-fit w-fit",children:e})}:{children:e},c=k(()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()},[s]);return M(f,{onFocus:c,onFocusVisible:c,ref:t,className:i("uds-menu-trigger",a),...n,...d})});Z.displayName="MenuTrigger";export{O as Menu};

package/dist/client/index.cjs

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

package/dist/client/index.d.cts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { d8 as UniversalAvatarIconProps, z as IconPropsWithSVGProps, db as UniversalAvatarTextProps, d9 as UniversalAvatarImageProps, A as ImagePropsWithImgProps, dc as UniversalBadgeProps, dd as UniversalButtonProps, de as UniversalCheckboxProps, df as UniversalChipBaseProps, dj as UniversalChipProps, dg as UniversalChipButtonProps, dh as UniversalChipDismissibleProps, di as UniversalChipLinkProps, dk as UniversalChipToggleProps, dl as UniversalIconButtonProps, dq as UniversalInputProps, dn as UniversalIconSlot, ds as UniversalRadioProps, dr as UniversalRadioGroupProps, c7 as MotionVariant, c8 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-BzoCuKCE.cjs';
-import { a as TextProps } from '../Text-Bc780hS6.cjs';
+import { cJ as UniversalAvatarIconProps, I as IconPropsWithSVGProps, cM as UniversalAvatarTextProps, cK as UniversalAvatarImageProps, u as ImagePropsWithImgProps, cN as UniversalBadgeProps, cO as UniversalButtonProps, cP as UniversalCheckboxProps, cQ as UniversalChipBaseProps, cU as UniversalChipProps, cR as UniversalChipButtonProps, cS as UniversalChipDismissibleProps, cT as UniversalChipLinkProps, cV as UniversalChipToggleProps, cW as UniversalIconButtonProps, c_ as UniversalInputProps, cY as UniversalIconSlot, d0 as UniversalRadioProps, c$ as UniversalRadioGroupProps, bI as MotionVariant, bJ as MotionVariantSpeed, c as UniversalSwitchProps } from '../universalTokensConfigAuto-DMkgiw7i.cjs';
+import { a as TextProps } from '../Text-MttXuiDO.cjs';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent, InputHTMLAttributes, PropsWithChildren } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-import { B as BoxProps } from '../Box-BtGFIN-Y.cjs';
-export { a as Pressable, P as PressableProps } from '../Pressable-h8PFMRAD.cjs';
+import { B as BoxProps } from '../Box-BYHIqBW7.cjs';
+export { a as Pressable, P as PressableProps } from '../Pressable-B2MfBeRr.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,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { d8 as UniversalAvatarIconProps, z as IconPropsWithSVGProps, db as UniversalAvatarTextProps, d9 as UniversalAvatarImageProps, A as ImagePropsWithImgProps, dc as UniversalBadgeProps, dd as UniversalButtonProps, de as UniversalCheckboxProps, df as UniversalChipBaseProps, dj as UniversalChipProps, dg as UniversalChipButtonProps, dh as UniversalChipDismissibleProps, di as UniversalChipLinkProps, dk as UniversalChipToggleProps, dl as UniversalIconButtonProps, dq as UniversalInputProps, dn as UniversalIconSlot, ds as UniversalRadioProps, dr as UniversalRadioGroupProps, c7 as MotionVariant, c8 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-BzoCuKCE.js';
-import { a as TextProps } from '../Text-OknYJMzK.js';
+import { cJ as UniversalAvatarIconProps, I as IconPropsWithSVGProps, cM as UniversalAvatarTextProps, cK as UniversalAvatarImageProps, u as ImagePropsWithImgProps, cN as UniversalBadgeProps, cO as UniversalButtonProps, cP as UniversalCheckboxProps, cQ as UniversalChipBaseProps, cU as UniversalChipProps, cR as UniversalChipButtonProps, cS as UniversalChipDismissibleProps, cT as UniversalChipLinkProps, cV as UniversalChipToggleProps, cW as UniversalIconButtonProps, c_ as UniversalInputProps, cY as UniversalIconSlot, d0 as UniversalRadioProps, c$ as UniversalRadioGroupProps, bI as MotionVariant, bJ as MotionVariantSpeed, c as UniversalSwitchProps } from '../universalTokensConfigAuto-DMkgiw7i.js';
+import { a as TextProps } from '../Text-C3rnosjh.js';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent, InputHTMLAttributes, PropsWithChildren } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-import { B as BoxProps } from '../Box-BPqozJKV.js';
-export { a as Pressable, P as PressableProps } from '../Pressable-DDfuPMmu.js';
+import { B as BoxProps } from '../Box-CPuhAyke.js';
+export { a as Pressable, P as PressableProps } from '../Pressable-DJ1rXy1y.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{Image as e}from"../chunk-DKCYJNNB.js";import{o2 as t,Pressable as a,a as n,o as i,e as o,t as r,e2 as s}from"../chunk-XLCSJWEJ.js";export{Pressable}from"../chunk-XLCSJWEJ.js";import{HStack as c,VStack as l}from"../chunk-YAR3WPVO.js";import{FormLabel as d}from"../chunk-UZJNSQCF.js";import{SpringMotionConfig as u}from"../chunk-UENRZFGM.js";export{SpringMotionConfig}from"../chunk-UENRZFGM.js";import{getStyles as p,cx as h,IconSlot as m,createSlot as f,Icon as b,Box as v,Text as y}from"../chunk-PVBZ5YHQ.js";import{parseDeprecatedButtonPaletteVariant as g}from"../chunk-KHJXWDJY.js";import{require_isFunction as N}from"../chunk-MAUK7QR2.js";import{BUTTON_CSS_VAR_MAP as x}from"../chunk-DHVRF7EV.js";import{__toESM as I}from"../chunk-GF4A6TFM.js";import{forwardRef as V,useMemo as w,useRef as C,useImperativeHandle as k,isValidElement as S,cloneElement as z,useId as P,useState as R,useCallback as T,useEffect as j,memo as H,createContext as L,useContext as O}from"react";import{jsxs as E,jsx as M,Fragment as A}from"react/jsx-runtime";import{buttonIconSvgSize as W}from"@yahoo/uds/fixtures";import{m as F,useReducedMotion as $,AnimatePresence as B}from"motion/react";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var q=I(N(),1),D={first:e=>e[0]??"",last:e=>e[e.length-1]??"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},G=(e,t="firstAndLast")=>{if(!e)return"";if((0,q.default)(t))return t(e);const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return D[t](a)},J=(e="md",t)=>{const{className:a,...n}=t??{};return p({avatarSizeRoot:e,...n,className:h("shrink-0","text-center","inline-flex","justify-center","items-center","overflow-visible","truncate",a)})},X=e=>{const t=e?{height:e,width:e}:{};return{root:t,contents:{...t,boxSizing:"content-box"}}},U="primary",Y="md",Z={primary:s,secondary:r},K=({size:e=Y,variant:t=U,customSize:a,icon:n,slotProps:i,className:o,...r})=>{const s=w(()=>({root:J(e,{avatarIconVariantRoot:t,overflow:"hidden",className:h("overflow-hidden",o)}),iconContainer:h("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center"),icon:p({avatarSizeIcon:e})}),[o,e,t]),c=w(()=>X(a),[a]),l=n??Z[t??"primary"];return M(v,{className:s.root,style:c.root,...r,children:M(v,{className:s.iconContainer,style:c.contents,children:M(m,{icon:l,iconProps:{variant:"fill",color:"current",...i?.icon},className:s.icon})})})};K.displayName="AvatarIcon";var Q=({size:e=Y,variant:t=U,name:a,initials:n,customSize:i,abbreviationStrategy:o,className:r,slotProps:s,...c})=>{const l=w(()=>({root:J(e,{avatarTextVariantRoot:t,className:h("overflow-hidden","truncate",r)}),text:h("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center","truncate")}),[r,e,t]),d=w(()=>X(i),[i]);return M(v,{className:l.root,style:d.root,...c,children:M(y,{color:"inherit",variant:"inherit",className:l.text,style:d.contents,...s?.text,children:n||G(a,o)})})};Q.displayName="AvatarText";var _=({size:t=Y,variant:a=U,src:n,srcSet:i,customSize:o,alt:r,abbreviationStrategy:s,fallback:c,className:l,imageProps:d,slotProps:u,...p})=>{const[m,f]=R("loading");j(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&f("loaded")},t.onerror=()=>{e&&f("error")},n&&(t.src=n),i&&(t.srcset=i)}else f("error");return()=>{e=!1}},[n,i]);const b=w(()=>({root:J(t,{avatarImageVariantRoot:a,className:h("overflow-hidden",l)}),contents:h("w-full","h-full","shrink-0","text-center","inline-flex","justify-center","items-center","object-cover")}),[l,t,a]),y=w(()=>X(o),[o]);if("loaded"===m)return M(v,{className:b.root,style:y.root,children:M(e,{src:n,srcSet:i,alt:r,className:b.contents,style:y.contents,...d,...u?.image})});const g={...p,size:t,customSize:o,variant:a};return c||r?M(Q,{name:r,initials:c,abbreviationStrategy:s,slotProps:{text:u?.text},...g}):M(K,{...g,slotProps:{icon:u?.icon}})};_.displayName="AvatarImage";var ee=e=>M(_,{...e});ee.displayName="Avatar";var te=V(function({variant:e="primary",size:t="md",minWidth:a,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:d,children:u,className:f,...b},v){const y=p({badgeSizeRoot:t,badgeVariantRoot:e,className:h(["uds-badge","uds-badge-variant","uds-badge-size",f])}),g=p({badgeVariantIcon:e,badgeSizeIcon:t,className:h(["uds-badge-iconSize","uds-badge-iconColor"])}),N=w(()=>({...a?{minWidth:`${a}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}}),[r,d,s,n,a]),x=w(()=>({variant:"fill",style:{...l?{color:l}:{}}}),[l]);return E(c,{ref:v,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:N,...b,children:[i&&M(m,{icon:i,iconProps:x,"data-testid":"start-icon",className:g}),M("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&M(m,{icon:o,iconProps:x,"data-testid":"end-icon",className:g})]})});te.displayName="Badge";var ae={scale:.7,opacity:0},ne={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ie={icon:ne,hide:ae,loading:ae},oe={loading:ne,hide:ae,icon:ae},re=`var(${x.columnGap})`,se=`var(${x.iconSize})`,ce={rest:{scale:`var(${x.effects.scale.rest})`},hover:{scale:`var(${x.effects.scale.hover})`},pressed:{scale:`var(${x.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:re}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:se,display:"flex",opacity:1},icon:{width:se,display:"flex",opacity:1}},de=V(function({variant:e,size:a,startIcon:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:c,asChild:l,type:d="button",className:v,width:y,...N},x){const I=C(null);k(x,()=>I.current);const V=w(()=>f(),[]),P=w(()=>F.create(V),[V]),R=i?"icon":"hide",T=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:i,loading:r}),j=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:r,startIcon:n}),{palette:H,variant:L}=w(()=>g({flatVariant:e}),[e]),O=w(()=>({button:p({width:y,buttonSize:a,buttonVariant:L,buttonPalette:H,className:h("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===T&&"uds-button-with-gap",v)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,L,H,v,r,s,T]),q=$()?"smooth":"subtle",D=w(()=>M(F.span,{className:O.iconContainer,initial:!1,variants:le,animate:j,children:E(B,{initial:!1,mode:"popLayout",children:[r&&M(F.span,{variants:oe,initial:"hide",animate:"loading",exit:"hide",children:M(b,{size:W,name:t,variant:o,color:"current",className:O.loading})},"loading"),n&&!r&&M(F.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:M(m,{className:O.start,icon:n,iconProps:{size:W,variant:o,color:"current"}})})]})}),[O.iconContainer,O.loading,O.start,j,r,o,n]),G=w(()=>M(F.span,{className:O.iconContainer,initial:!1,variants:le,animate:R,children:M(B,{initial:!1,mode:"popLayout",children:i&&M(F.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:M(m,{className:O.end,icon:i,iconProps:{size:W,variant:o,color:"current"}})})})}),[O.iconContainer,O.end,i,R,o]),J=w(()=>s?{...ce,rest:{},hover:{},pressed:{}}:ce,[s]);return l&&S(c)?M(u,{layoutSpeed:"3",layoutVariant:q,children:M(P,{type:d,className:O.button,initial:["hide",T],animate:T,variants:J,whileHover:"hover",whileTap:"pressed",...N,children:z(c,c.props,E(A,{children:[D,M("span",{className:O.content,children:c.props.children}),G]}))})}):M(u,{layoutSpeed:"3",layoutVariant:q,children:E(F.button,{ref:I,type:d,className:O.button,initial:["hide",T],animate:T,variants:J,whileHover:"hover",whileTap:"pressed",...N,children:[D,M("span",{className:O.content,children:c}),G]})})});de.displayName="Button";var ue={primary:"alert",secondary:"alert-secondary"},pe=e=>"indeterminate"===e,he=e=>pe(e)?i:o,me=F.create(v),fe={layoutVariant:"smooth",layoutSpeed:"3"},be={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=V(function({id:e,checked:t,defaultChecked:a,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:c,disabled:l,required:m,hasError:f,className:v,layerClassNames:y,...g},N){const x=P(),I=e??`uds-input-${x}`,V=C(null),k=void 0!==t,[S,z]=R(k?t:a),[H,L]=R(!1),[O,A]=R(!1),W=w(()=>f?ue[r]:r,[f,r]),B=!l&&H,q=!l&&O,D=w(()=>q?.9:B?1.1:1,[q,B]),G=w(()=>S?q?"opacity-55":"opacity-100":"opacity-0",[S,q]),J=w(()=>({scale:D}),[D]),X=w(()=>O?be:fe,[O]),U=T(e=>{n?.(e),k||z(e.target.checked)},[k,n]),Y=T(()=>{L(!0)},[]),Z=T(()=>{L(!1)},[]),K=T(()=>{A(!0)},[]),Q=T(()=>{A(!1)},[]),_=e=>{V.current&&(V.current.indeterminate=pe(e))},ee=c?"always":"user",te=$()||c?"duration-0":"duration-120";j(()=>{k&&z(t)},[t,k]),j(()=>{_(S)},[S]);const ae=pe(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:W,checkboxVariantValueRoot:ae,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h({"cursor-pointer":!l,"cursor-default":l,"opacity-50":l},v,y?.root)}),checkbox:p({checkboxSizeCheckbox:s,checkboxVariantCheckbox:W,checkboxVariantValueCheckbox:ae,className:h("border","rounded-[4px]","uds-ring","uds-ring-within",te,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:p({checkboxVariantCheckboxIcon:W,checkboxVariantValueCheckboxIcon:ae,className:h("pointer-events-none",G,te,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===o?"text-start":"text-end",y?.label)},ie=i?F.label:F.div;return M(u,{reducedMotion:ee,...X,children:E(ie,{className:ne.root,"data-testid":"container",onHoverStart:Y,onHoverEnd:Z,onTapStart:K,onTap:Q,onTapCancel:Q,tabIndex:-1,children:[E(me,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:J,children:[M("input",{type:"checkbox",tabIndex:0,...g,ref:e=>{V.current=e,_(S),"function"==typeof N?N(e):null!==N&&(N.current=e)},id:I,disabled:l,required:m,"aria-invalid":f,checked:k?!pe(S)&&S:void 0,defaultChecked:k?void 0:a,onChange:U,className:ne.htmlCheckbox}),M(b,{name:he(S),size:"sm",className:ne.check})]}),i&&M(d,{as:"div",variant:"inherit",color:"inherit",required:m,label:i,className:ne.label})]})})});ve.displayName="Checkbox";var ye=(e,t,a="overwriteOriginal")=>{const n=Array.from(new Set([...Object.keys(e??{}),...Object.keys(t??{})]));return Object.fromEntries(n.map(n=>{const i=e?.[n],o=t?.[n];return i&&!o?[n,i]:o&&!i?[n,o]:"className"===n?[n,h(i,o)]:"keepOriginal"===a?[n,i]:[n,o]}))},ge=(e,t,a="overwriteOriginal")=>{if(!e)return t;const n=Array.from(new Set([...Object.keys(e),...Object.keys(t)]));return Object.fromEntries(n.map(n=>{const i=e[n],o=t[n];return[n,ye(i,o,a)]}))},Ne="primary",xe=V(function({size:e="md",minWidth:t,maxWidth:a=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,slotProps:d,children:u,...f},b){const v=$()||r?"duration-0":"duration-120",{className:g,...N}=d?.text??{},{className:x,...I}=d?.startIcon??{},{className:V,...C}=d?.endIcon??{},k=w(()=>({root:p({chipSizeRoot:e,className:h({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"inline-flex","items-center","focus-visible:-outline-offset-2","uds-ring",v,"transition-[background-color,outline-color,box-shadow]",l)}),text:h("truncate","whitespace-nowrap","text-center","flex-1",g),icon:p({chipSizeIcon:e})}),[l,v,s,e,g]),S=w(()=>({root:{maxWidth:`${a}px`,...t?{minWidth:`${t}px`}:{}}}),[a,t]);return M(c,{asChild:!0,ref:b,className:k.root,style:S.root,...f,children:E(o,{disabled:s,children:[n&&M(m,{icon:n,iconProps:{variant:"fill",className:h(k.icon,x),...I}}),M(y,{as:"span",color:"current",variant:"inherit",className:k.text,...N,children:u}),i&&M(m,{icon:i,iconProps:{variant:"fill",className:h(k.icon,V),...C}})]})})});xe.displayName="ChipBase";var Ie=V(function({variant:e=Ne,slotProps:t,className:a,...n},i){const o=w(()=>({root:p({chipLinkVariantRoot:e,className:a}),icon:p({chipLinkVariantIcon:e})}),[a,e]),r=ge(t,{startIcon:{className:o.icon},endIcon:{className:o.icon}});return M(xe,{as:"button",ref:i,tabIndex:0,className:o.root,slotProps:r,...n})});Ie.displayName="ChipButton";var Ve=V(function({dismissButtonAriaLabel:e,onDismiss:t,dismissIcon:i,variant:o=Ne,disabled:r,slotProps:s,className:c,...l},d){const u=w(()=>({root:p({chipDismissibleVariantRoot:o,className:c}),icon:p({chipDismissibleVariantIcon:o}),iconPressable:h("uds-chip-dismissible-button","uds-hit-target")}),[c,o]),f=T(e=>{e.stopPropagation(),t?.()},[t]),b=ge(s,{startIcon:{className:u.icon},endIcon:{className:u.icon}});return M(xe,{ref:d,disabled:r,tabIndex:-1,endIcon:t=>M(a,{"aria-label":e,className:u.iconPressable,onClick:f,disabled:r,children:M(m,{icon:i??n,iconProps:t})}),className:u.root,slotProps:b,...l})});Ve.displayName="ChipDismissible";var we=V(function({variant:e=Ne,href:t,disabled:a,slotProps:n,className:i,...o},r){const s=w(()=>({root:p({chipLinkVariantRoot:e,className:i}),icon:p({chipLinkVariantIcon:e})}),[i,e]),c=ge(n,{startIcon:{className:s.icon},endIcon:{className:s.icon}});return M(xe,{as:"a",ref:r,disabled:a,className:s.root,slotProps:c,tabIndex:0,...{...o,href:a?void 0:t}})});we.displayName="ChipLink";var Ce=V(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=Ne,slotProps:i,className:o,role:r="checkbox",...s},c){const l=w(()=>({root:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off",className:o}),icon:p({chipToggleVariantIcon:n})}),[o,e,n]),d=T(n=>{t?.(!e),a?.(n)},[e,a,t]),u=ge(i,{startIcon:{className:l.icon},endIcon:{className:l.icon}});return M(xe,{ref:c,as:"button",role:r,"aria-checked":"checkbox"===r||"switch"===r?e:void 0,onClick:d,className:l.root,slotProps:u,tabIndex:0,...s})});Ce.displayName="ChipToggle";var ke=V(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,slotProps:r,...s},c){const{anchor:l,...d}=r??{};return n?M(Ve,{ref:c,onDismiss:n,slotProps:d,...s}):i?M(Ce,{ref:c,onToggle:i,isToggled:o,slotProps:d,...s}):t?M(we,{ref:c,href:t,slotProps:d,...s,...a,...l}):M(Ie,{ref:c,onClick:e,slotProps:d,...s})});ke.displayName="Chip";var Se=V(function({variant:e,size:a,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:c,className:l,children:d,...m},f){const v=C(null);k(f,()=>v.current);const{palette:y,variant:N}=g({flatVariant:e}),x=w(()=>({button:p({buttonVariant:N,buttonPalette:y,iconButtonSize:a,className:h("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",l)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[y,N,l,o,a,i]),I=$(),V=w(()=>I?"smooth":"subtle",[I]),S=w(()=>{const{rest:e,hover:t,pressed:a}=ce;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[o]);return M(u,{layoutSpeed:"3",layoutVariant:V,reducedMotion:o?"always":"user",children:M(F.button,{ref:v,type:s,className:x.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:c,...m,children:E(B,{initial:!1,mode:"popLayout",children:[i&&M(F.span,{variants:oe,initial:"loading",animate:"loading",exit:"hide",children:M(b,{size:W,name:t,variant:n,color:"current",className:x.loading})},"loading"),r&&!i&&M(F.span,{variants:ie,initial:"icon",animate:"icon",exit:"hide",children:d||M(b,{size:W,name:r,variant:n,color:"current",className:x.icon})},r.name)]})})})});Se.displayName="IconButton";var ze=I(N(),1),Pe=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=C(null),[i,o]=R("auto");return j(()=>{if(n.current){const e=new ResizeObserver(e=>{o(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),M(u,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:M(F.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:M("div",{ref:n,children:e})})})};function Re({startIcon:e,endIcon:t,iconProps:a,children:n,size:i,isFilled:o,...r}){const s={helperText:h(p({inputSizeHelperText:i,inputVariantHelperText:"default",inputVariantValueHelperText:o?"filled":"empty"})),helperIcon:p({inputSizeHelperIcon:i,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:o?"filled":"empty"})},l={variant:"outline",...a};return E(c,{gap:"1",alignItems:"center",...r,children:[e&&M(m,{icon:e,...l,iconProps:a,className:s.helperIcon}),M("span",{className:s.helperText,children:n}),t&&M(m,{icon:t,...l,iconProps:a,className:s.helperIcon})]})}Pe.displayName="AnimateHeightChange",Re.displayName="InputHelpTextInternal";var Te=H(Re),je=H(function({helpText:e,helperTextIcon:t,spacingStart:a,spacingTop:n,size:i,isFilled:o,...r}){return e?M(v,{spacingTop:n,spacingStart:a,...r,children:M(Te,{startIcon:t,size:i,isFilled:o,children:(0,ze.default)(e)?e():e})}):null}),He=H(function({icon:e,className:t,iconProps:a}){return e?M(m,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),Le=H(function({icon:e,className:t,iconProps:a}){return e?M(m,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),Oe=V(function({id:e,label:t,type:a="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:d,width:u="full",defaultValue:m,required:f,readOnly:b,disabled:y,reduceMotion:g,onChange:N,slotProps:x,className:I,...V},w){const S=P(),z=e??`uds-input-${S}`,j=`uds-input-${z}-help-text`,{className:H,...L}=x?.input??{},{className:O,...A}=x?.inputWrapper??{},W=C(null);k(w,()=>W.current);const[F,B]=R(m??""),q=T(e=>{B(e.target.value),N?.(e)},[N]),D=$()?"smooth":"bouncy",G=g?"always":"user",J=!b&&!y,X={root:p({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:F?"filled":"empty",className:h([I,y?"opacity-50":""])}),inputWrapper:h(p({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:F?"filled":"empty"}),"min-w-[200px]",O),input:p({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:F?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:F?"filled":"empty",className:h("grow","uds-hit-target","bg-clip-text","focus:outline-none",J?"cursor-text":"cursor-not-allowed",H)}),label:h(p({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:F?"filled":"empty"})),labelRequired:p({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:F?"filled":"empty"}),startIcon:p({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:F?"filled":"empty"}),endIcon:p({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:F?"filled":"empty"})};return E(l,{width:u,className:X.root,children:[t&&E(v,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:X.label,children:[M("label",{htmlFor:z,children:(0,ze.default)(t)?t():t}),f&&M("span",{className:X.labelRequired,children:"*"})]}),E(v,{position:"relative",alignItems:"center",...A,className:X.inputWrapper,children:[M(He,{icon:i,className:X.startIcon,iconProps:x?.startIcon}),M("input",{ref:W,id:z,type:a,value:F,required:f,readOnly:b,disabled:y,"aria-describedby":j,"aria-invalid":d,onChange:q,className:X.input,...V,...L}),o&&M(c,{alignItems:"center",gap:"1",children:M(Le,{icon:o,className:X.endIcon,iconProps:x?.endIcon})})]}),M(Pe,{reduceMotion:G,layoutVariant:D,children:M(je,{id:j,helpText:r,spacingTop:"2",size:n,isFilled:!!F,helperTextIcon:s})})]})});Oe.displayName="Input";var Ee=({size:e="md",isFilled:t,...a})=>{const n={root:p({inputSizeRoot:e,inputVariantRoot:"default",inputVariantValueRoot:t?"filled":"empty"})};return M(v,{asChild:!0,spacingTop:"2",className:n.root,children:M(Te,{size:e,isFilled:t,...a})})};Ee.displayName="InputHelpText";var Me=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},Ae=L(new Map),We=e=>{const t=P();return e??`uds-radio-group-${t}`},Fe={primary:"alert",secondary:"alert-secondary"},$e=F.create(v),Be={layoutVariant:"smooth",layoutSpeed:"3"},qe={layoutVariant:"veryBouncy",layoutSpeed:"4"},De=V(function({id:e,name:t,label:a,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:c,defaultChecked:l,disabled:m,hasError:f,onChange:b,onFocus:y,onBlur:g,className:N,layerClassNames:x,...I},V){const k=P(),S=e??`uds-radio-${k}`,z=C(null),{name:H,isControlled:L,checked:A,setGroupValue:W}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=O(Ae),o=i instanceof Me,r=void 0!==a||o,s=We(e),c=w(()=>o?i:Me.findOrCreate(i,s),[i,o,s]),[l,d]=R(c.value),u=c.name??s,p=T(e=>{c.setValue(e),r||d(e)},[r,c]);return j(()=>c.onChange(d),[c]),j(()=>{!0===a&&p(t)},[a,t,p]),j(()=>{if(o)return;const e=Me.findOrCreate(i,u);return e.activeCount+=1,i.set(u,e),()=>{const e=i.get(u);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(u))}},[i,o,u]),{name:u,isControlled:r,checked:r&&!o?a:void 0!==l?t===l:n??!1,setGroupValue:p}})({name:t,value:s,checked:c,defaultChecked:l}),[B,q]=R(!1),[D,G]=R(!1),J=w(()=>f?Fe[i]:i,[f,i]),X=w(()=>!m&&B,[m,B]),U=w(()=>!m&&!A&&D,[A,m,D]),Y=w(()=>U?.9:X?1.1:1,[X,U]),Z=w(()=>A?U?"opacity-55":"opacity-100":"opacity-0",[A,U]),K=w(()=>!m&&(U&&!A||X&&A),[A,m,X,U]),Q=w(()=>({scale:Y}),[Y]),_=w(()=>D?qe:Be,[D]),ee=T(e=>{W(e.target.value),b?.(e)},[b,W]),te=T(e=>{y?.(e)},[y]),ae=T(e=>{g?.(e)},[g]),ne=T(()=>{q(!0)},[]),ie=T(()=>{q(!1)},[]),oe=T(()=>{G(!0)},[]),re=T(()=>{G(!1)},[]),se=r?"always":"user",ce=$()||r?"duration-0":"duration-120",le={root:p({radioSizeRoot:o,radioVariantValueRoot:A?"checked":"unchecked",radioVariantRoot:J,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:h([{"cursor-pointer":!m,"cursor-default":m,"opacity-50":m},N,x?.root])}),radio:p({radioSizeRadio:o,radioVariantRadio:J,radioVariantValueRadio:A?"checked":"unchecked",className:h(["border","uds-ring","uds-ring-within",ce,"transition-[background-color,border-color]","transition-shadow",x?.radio])}),radioCircle:p({radioVariantRadioCircle:J,radioVariantValueRadioCircle:A?"checked":"unchecked",className:h(["pointer-events-none","w-[8px]","h-[8px]",Z,ce,"transition-opacity"])}),htmlRadio:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===n?"text-start":"text-end",x?.label)},de=a?F.label:F.div;return M(u,{reducedMotion:se,..._,children:E(de,{className:le.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[E($e,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:le.radio,animate:Q,insetShadow:K?"lg-invert":"none",children:[M("input",{type:"radio",tabIndex:0,...I,ref:e=>{z.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:te,onBlur:ae,id:S,name:H,value:s,disabled:m,"aria-invalid":f,onChange:ee,...L?{checked:A}:{defaultChecked:l},className:le.htmlRadio}),M(v,{borderRadius:"full",className:le.radioCircle})]}),a&&M(d,{as:"div",variant:"inherit",color:"inherit",label:a,className:le.label})]})})});De.displayName="Radio";var Ge=f(),Je=class extends Me{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},Xe=V(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},r){const s=void 0!==a,c=We(t),l=w(()=>{const e=new Je(c,s);return e.value=s?a:n,e},[n,s,c,a]);j(()=>{l.onChangeCb=i},[i,l]),j(()=>{s&&l.setValue(a,!0)},[s,l,a]),j(()=>l.onChange(e=>i?.(e)),[i,l]);const d=e?Ge:"div";return M(Ae.Provider,{value:l,children:M(d,{role:"radiogroup",ref:r,...o})})});Xe.displayName="RadioGroupProvider";var Ue={md:{isOnX:20},sm:{isOnX:12}},Ye=F.create(v),Ze={layoutVariant:"bouncy",layoutSpeed:"4"},Ke=V(function({id:e,isOn:t,defaultIsOn:a,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:c,reduceMotion:l,disabled:f,required:b,onFocus:y,onBlur:g,className:N,layerClassNames:x,...I},V){const k=P(),S=e??`uds-input-${k}`,z=C(null),H=void 0!==t,[L,O]=R(H?t:a),[A,W]=R(!1),B=w(()=>!f&&A,[f,A]),{isOnX:q}=Ue[r],D=w(()=>({initial:{scale:1,x:L?q:0},animate:{scale:B?1.05:1,x:L?q:0}}),[B,L,q]),G=T(e=>{n?.(e),H||O(e.target.checked)},[H,n]),J=T(e=>{y?.(e)},[y]),X=T(e=>{g?.(e)},[g]),U=T(()=>{W(!0)},[]),Y=T(()=>{W(!1)},[]),Z=l?"always":"user",K=$()||l?"duration-0":"duration-120";j(()=>{H&&O(t)},[t,H]);const Q={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:L?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},x?.root,N)}),switch:p({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:L?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:h("uds-ring","uds-ring-within",K,"transition-[background-color,box-shadow]",x?.switch)}),handle:p({switchSizeHandle:r,className:h("relative","pointer-events-none","rounded-full","overflow-hidden",x?.handle)}),handleCircle:p({switchVariantActiveHandle:L?"on":"off",switchVariantHandle:"default",className:h("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",K,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:L?"on":"off",className:h("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",K,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===o?"text-start":"text-end",x?.label)},_=i?F.label:F.div;return M(u,{reducedMotion:Z,...Ze,children:E(_,{className:Q.root,"data-testid":"container",onHoverStart:U,onHoverEnd:Y,tabIndex:-1,children:[E(Ye,{className:Q.switch,children:[M("input",{type:"checkbox",tabIndex:0,...I,ref:e=>{z.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:J,onBlur:X,id:S,disabled:f,required:b,checked:H?L:void 0,defaultChecked:H?void 0:a,onChange:G,className:Q.htmlCheckbox,style:{}}),E(Ye,{className:Q.handle,...D,children:[M(v,{className:Q.handleCircle}),s&&M(m,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:h(Q.handleIcon,L?"opacity-100":"opacity-0")}),c&&M(m,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:h(Q.handleIcon,L?"opacity-0":"opacity-100")})]})]}),i&&M(d,{as:"div",variant:"inherit",color:"inherit",required:b,label:i,className:Q.label})]})})});Ke.displayName="Switch";export{ee as Avatar,K as AvatarIcon,_ as AvatarImage,Q as AvatarText,te as Badge,de as Button,ve as Checkbox,ke as Chip,Ie as ChipButton,Ve as ChipDismissible,we as ChipLink,Ce as ChipToggle,Se as IconButton,Oe as Input,Ee as InputHelpText,De as Radio,Xe as RadioGroupProvider,Ke as Switch};
+import{Image as e}from"../chunk-A2OJLMOY.js";import{o2 as a,Pressable as t,a as n,o as i,e as o,t as r,e2 as s}from"../chunk-WEIHOHSB.js";export{Pressable}from"../chunk-WEIHOHSB.js";import{HStack as c,VStack as l}from"../chunk-WTCFWBEP.js";import{FormLabel as d}from"../chunk-DFLTCYEQ.js";import{SpringMotionConfig as u}from"../chunk-7ODTLDW2.js";export{SpringMotionConfig}from"../chunk-7ODTLDW2.js";import{getStyles as p,cx as h,IconSlot as m,createSlot as f,Icon as b,Box as v,Text as y}from"../chunk-FEHICJMH.js";import{generateDefaultClassName as g}from"../chunk-LGVDORBF.js";import{require_isFunction as N}from"../chunk-EUHS2LRV.js";import{BUTTON_GAP_VAR as x,BUTTON_SCALE_EFFECT as I}from"../chunk-O7UVSJ5U.js";import{__toESM as w}from"../chunk-GF4A6TFM.js";import{forwardRef as V,useMemo as k,useRef as C,useImperativeHandle as S,isValidElement as z,cloneElement as P,useId as R,useState as T,useCallback as j,useEffect as H,memo as O,createContext as L,useContext as E}from"react";import{jsxs as W,jsx as M,Fragment as A}from"react/jsx-runtime";import{buttonIconSvgSize as B}from"@yahoo/uds/fixtures";import{m as F,useReducedMotion as D,AnimatePresence as $}from"motion/react";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var q=w(N(),1),G={first:e=>e[0]??"",last:e=>e[e.length-1]??"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},U=(e,a="firstAndLast")=>{if(!e)return"";if((0,q.default)(a))return a(e);const t=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return G[a](t)},J=(e="md",a)=>{const{className:t,...n}=a??{};return p({avatarSizeRoot:e,...n,className:h("shrink-0","text-center","inline-flex","justify-center","items-center","overflow-visible","truncate",t)})},X=e=>{const a=e?{height:e,width:e}:{};return{root:a,contents:{...a,boxSizing:"content-box"}}},Y="primary",Q="md",K={primary:s,secondary:r},Z=({size:e=Q,variant:a=Y,customSize:t,icon:n,slotProps:i,className:o,...r})=>{const s=k(()=>({root:J(e,{avatarIconVariantRoot:a,overflow:"hidden",className:h("overflow-hidden",o)}),iconContainer:h("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center"),icon:p({avatarSizeIcon:e})}),[o,e,a]),c=k(()=>X(t),[t]),l=n??K[a??"primary"];return M(v,{className:s.root,style:c.root,...r,children:M(v,{className:s.iconContainer,style:c.contents,children:M(m,{icon:l,iconProps:{variant:"fill",color:"current",...i?.icon},className:s.icon})})})};Z.displayName="AvatarIcon";var _=({size:e=Q,variant:a=Y,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r,slotProps:s,...c})=>{const l=k(()=>({root:J(e,{avatarTextVariantRoot:a,className:h("overflow-hidden","truncate",r)}),text:h("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center","truncate")}),[r,e,a]),d=k(()=>X(i),[i]);return M(v,{className:l.root,style:d.root,...c,children:M(y,{color:"inherit",variant:"inherit",className:l.text,style:d.contents,...s?.text,children:n||U(t,o)})})};_.displayName="AvatarText";var ee=({size:a=Q,variant:t=Y,src:n,srcSet:i,customSize:o,alt:r,abbreviationStrategy:s,fallback:c,className:l,imageProps:d,slotProps:u,...p})=>{const[m,f]=T("loading");H(()=>{let e=!0;if(n||i){const a=new Image;a.onload=()=>{e&&f("loaded")},a.onerror=()=>{e&&f("error")},n&&(a.src=n),i&&(a.srcset=i)}else f("error");return()=>{e=!1}},[n,i]);const b=k(()=>({root:J(a,{avatarImageVariantRoot:t,className:h("overflow-hidden",l)}),contents:h("w-full","h-full","shrink-0","text-center","inline-flex","justify-center","items-center","object-cover")}),[l,a,t]),y=k(()=>X(o),[o]);if("loaded"===m)return M(v,{className:b.root,style:y.root,children:M(e,{src:n,srcSet:i,alt:r,className:b.contents,style:y.contents,...d,...u?.image})});const g={...p,size:a,customSize:o,variant:t};return c||r?M(_,{name:r,initials:c,abbreviationStrategy:s,slotProps:{text:u?.text},...g}):M(Z,{...g,slotProps:{icon:u?.icon}})};ee.displayName="AvatarImage";var ae=e=>M(ee,{...e});ae.displayName="Avatar";var te=V(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:f,...b},v){const y=p({badgeSizeRoot:a,badgeVariantRoot:e,className:h(["uds-badge","uds-badge-variant","uds-badge-size",f])}),g=p({badgeVariantIcon:e,badgeSizeIcon:a,className:h(["uds-badge-iconSize","uds-badge-iconColor"])}),N=k(()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}}),[r,d,s,n,t]),x=k(()=>({variant:"fill",style:{...l?{color:l}:{}}}),[l]);return W(c,{ref:v,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:N,...b,children:[i&&M(m,{icon:i,iconProps:x,"data-testid":"start-icon",className:g}),M("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&M(m,{icon:o,iconProps:x,"data-testid":"end-icon",className:g})]})});te.displayName="Badge";var ne={hover:{scale:`var(${I}, 1)`},pressed:{scale:`var(${I}, 1)`},withIcon:{gap:`var(${x}, 0.375rem)`},withoutIcon:{gap:"0rem"},hide:{gap:"0rem"}},ie={hide:{width:"0px",opacity:0,display:"none"},loading:{width:"auto",display:"flex",opacity:1},icon:{width:"auto",display:"flex",opacity:1}},oe={icon:{scale:1,opacity:1},hide:{scale:0,opacity:0},loading:{scale:0,opacity:0}},re={loading:{scale:1,opacity:1},hide:{scale:0,opacity:0},icon:{scale:0,opacity:0}};var se=g("button","variant","root"),ce=g("button","variant","icon"),le=g("button","size","root"),de=g("button","size","icon"),ue=V(function({size:e,variant:t,startIcon:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:c,asChild:l=!1,type:d="button",className:v,width:y,...g},N){const x=C(null);S(N,()=>x.current);const I=k(()=>f(),[]),w=k(()=>F.create(I),[I]),V=i?"icon":"hide",R=function({startIcon:e,endIcon:a,loading:t}){return t||e||a?"withIcon":"withoutIcon"}({startIcon:n,endIcon:i,loading:r}),T=function({loading:e,startIcon:a}){return e?"loading":a?"icon":"hide"}({loading:r,startIcon:n}),j=D()?"smooth":"subtle",H=!!s||!!g?.disabled,O=k(()=>e?p({buttonSizeRoot:e}):le,[e]),L=k(()=>t?p({buttonVariantRoot:t}):se,[t]),E=k(()=>e?p({buttonSizeIcon:e}):de,[e]),q=k(()=>t?p({buttonVariantIcon:t}):ce,[t]),G=k(()=>({root:p({width:y,className:h([O,L,"inline-flex overflow-hidden justify-center items-center whitespace-nowrap select-none","uds-ring","uds-hit-target","[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]","[transition-timing-function:cubic-bezier(0,0,0.2,1)]","[transition-duration:220ms]","[transform-origin:center]","[backface-visibility:hidden]",g?.disabled&&"cursor-not-allowed",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===R&&"uds-button-with-gap",v])}),iconContainer:"uds-button-icon-container flex overflow-clip",icon:p({className:h([E,q])}),loadingIcon:p({className:h(["animate-spin",E,q])}),content:h(["truncate"])}),[v,s,R,E,q,r,g?.disabled,O,L,y]),U=k(()=>H?{...ne,rest:{},hover:{},pressed:{}}:ne,[H]),J=k(()=>M(F.span,{className:G.iconContainer,initial:!1,variants:ie,animate:T,children:W($,{initial:!1,mode:"popLayout",children:[r&&M(F.span,{variants:re,initial:"hide",animate:"loading",exit:"hide",children:M(b,{className:G.loadingIcon,size:B,name:a,variant:o,color:"current"})},"loading"),n&&!r&&M(F.span,{variants:oe,initial:"hide",animate:"icon",exit:"hide",children:M(m,{className:G.icon,icon:n,iconProps:{size:B,variant:o,color:"current"}})})]})}),[G,o,r,n,T]),X=k(()=>M(F.span,{className:G.iconContainer,initial:!1,variants:ie,animate:V,children:M($,{initial:!1,mode:"popLayout",children:i&&M(F.span,{variants:oe,initial:"hide",animate:"icon",exit:"hide",children:M(m,{className:G.icon,icon:i,iconProps:{size:B,variant:o,color:"current"}})})})}),[i,G,o,V]);return l&&z(c)?M(u,{layoutSpeed:"3",layoutVariant:j,children:M(w,{type:d,className:G.root,initial:["hide",R],animate:R,variants:U,whileHover:"hover",whileTap:"pressed",...g,children:P(c,c.props,W(A,{children:[J,M("span",{className:G.content,children:c.props.children}),X]}))})}):M(u,{layoutSpeed:"3",layoutVariant:j,children:W(F.button,{ref:x,type:d,className:G.root,initial:["hide",R],animate:R,variants:U,whileHover:"hover",whileTap:"pressed",...g,children:[J,M("span",{className:G.content,children:c}),X]})})});ue.displayName="Button";var pe={primary:"alert",secondary:"alert-secondary"},he=e=>"indeterminate"===e,me=e=>he(e)?i:o,fe=F.create(v),be={layoutVariant:"smooth",layoutSpeed:"3"},ve={layoutVariant:"veryBouncy",layoutSpeed:"4"},ye=V(function({id:e,checked:a,defaultChecked:t,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:c,disabled:l,required:m,hasError:f,className:v,layerClassNames:y,...g},N){const x=R(),I=e??`uds-input-${x}`,w=C(null),V=void 0!==a,[S,z]=T(V?a:t),[P,O]=T(!1),[L,E]=T(!1),A=k(()=>f?pe[r]:r,[f,r]),B=!l&&P,$=!l&&L,q=k(()=>$?.9:B?1.1:1,[$,B]),G=k(()=>S?$?"opacity-55":"opacity-100":"opacity-0",[S,$]),U=k(()=>({scale:q}),[q]),J=k(()=>L?ve:be,[L]),X=j(e=>{n?.(e),V||z(e.target.checked)},[V,n]),Y=j(()=>{O(!0)},[]),Q=j(()=>{O(!1)},[]),K=j(()=>{E(!0)},[]),Z=j(()=>{E(!1)},[]),_=e=>{w.current&&(w.current.indeterminate=he(e))},ee=c?"always":"user",ae=D()||c?"duration-0":"duration-120";H(()=>{V&&z(a)},[a,V]),H(()=>{_(S)},[S]);const te=he(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:A,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h({"cursor-pointer":!l,"cursor-default":l,"opacity-50":l},v,y?.root)}),checkbox:p({checkboxSizeCheckbox:s,checkboxVariantCheckbox:A,checkboxVariantValueCheckbox:te,className:h("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:p({checkboxVariantCheckboxIcon:A,checkboxVariantValueCheckboxIcon:te,className:h("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===o?"text-start":"text-end",y?.label)},ie=i?F.label:F.div;return M(u,{reducedMotion:ee,...J,children:W(ie,{className:ne.root,"data-testid":"container",onHoverStart:Y,onHoverEnd:Q,onTapStart:K,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[W(fe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:U,children:[M("input",{type:"checkbox",tabIndex:0,...g,ref:e=>{w.current=e,_(S),"function"==typeof N?N(e):null!==N&&(N.current=e)},id:I,disabled:l,required:m,"aria-invalid":f,checked:V?!he(S)&&S:void 0,defaultChecked:V?void 0:t,onChange:X,className:ne.htmlCheckbox}),M(b,{name:me(S),size:"sm",className:ne.check})]}),i&&M(d,{as:"div",variant:"inherit",color:"inherit",required:m,label:i,className:ne.label})]})})});ye.displayName="Checkbox";var ge=(e,a,t="overwriteOriginal")=>{const n=Array.from(new Set([...Object.keys(e??{}),...Object.keys(a??{})]));return Object.fromEntries(n.map(n=>{const i=e?.[n],o=a?.[n];return i&&!o?[n,i]:o&&!i?[n,o]:"className"===n?[n,h(i,o)]:"keepOriginal"===t?[n,i]:[n,o]}))},Ne=(e,a,t="overwriteOriginal")=>{if(!e)return a;const n=Array.from(new Set([...Object.keys(e),...Object.keys(a)]));return Object.fromEntries(n.map(n=>{const i=e[n],o=a[n];return[n,ge(i,o,t)]}))},xe="primary",Ie=V(function({size:e="md",minWidth:a,maxWidth:t=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,slotProps:d,children:u,...f},b){const v=D()||r?"duration-0":"duration-120",{className:g,...N}=d?.text??{},{className:x,...I}=d?.startIcon??{},{className:w,...V}=d?.endIcon??{},C=k(()=>({root:p({chipSizeRoot:e,className:h({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"inline-flex","items-center","focus-visible:-outline-offset-2","uds-ring",v,"transition-[background-color,outline-color,box-shadow]",l)}),text:h("truncate","whitespace-nowrap","text-center","flex-1",g),icon:p({chipSizeIcon:e})}),[l,v,s,e,g]),S=k(()=>({root:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}}}),[t,a]);return M(c,{asChild:!0,ref:b,className:C.root,style:S.root,...f,children:W(o,{disabled:s,children:[n&&M(m,{icon:n,iconProps:{variant:"fill",className:h(C.icon,x),...I}}),M(y,{as:"span",color:"current",variant:"inherit",className:C.text,...N,children:u}),i&&M(m,{icon:i,iconProps:{variant:"fill",className:h(C.icon,w),...V}})]})})});Ie.displayName="ChipBase";var we=V(function({variant:e=xe,slotProps:a,className:t,...n},i){const o=k(()=>({root:p({chipLinkVariantRoot:e,className:t}),icon:p({chipLinkVariantIcon:e})}),[t,e]),r=Ne(a,{startIcon:{className:o.icon},endIcon:{className:o.icon}});return M(Ie,{as:"button",ref:i,tabIndex:0,className:o.root,slotProps:r,...n})});we.displayName="ChipButton";var Ve=V(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:i,variant:o=xe,disabled:r,slotProps:s,className:c,...l},d){const u=k(()=>({root:p({chipDismissibleVariantRoot:o,className:c}),icon:p({chipDismissibleVariantIcon:o}),iconPressable:h("uds-chip-dismissible-button","uds-hit-target")}),[c,o]),f=j(e=>{e.stopPropagation(),a?.()},[a]),b=Ne(s,{startIcon:{className:u.icon},endIcon:{className:u.icon}});return M(Ie,{ref:d,disabled:r,tabIndex:-1,endIcon:a=>M(t,{"aria-label":e,className:u.iconPressable,onClick:f,disabled:r,children:M(m,{icon:i??n,iconProps:a})}),className:u.root,slotProps:b,...l})});Ve.displayName="ChipDismissible";var ke=V(function({variant:e=xe,href:a,disabled:t,slotProps:n,className:i,...o},r){const s=k(()=>({root:p({chipLinkVariantRoot:e,className:i}),icon:p({chipLinkVariantIcon:e})}),[i,e]),c=Ne(n,{startIcon:{className:s.icon},endIcon:{className:s.icon}});return M(Ie,{as:"a",ref:r,disabled:t,className:s.root,slotProps:c,tabIndex:0,...{...o,href:t?void 0:a}})});ke.displayName="ChipLink";var Ce=V(function({isToggled:e=!1,onToggle:a,onClick:t,variant:n=xe,slotProps:i,className:o,role:r="checkbox",...s},c){const l=k(()=>({root:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off",className:o}),icon:p({chipToggleVariantIcon:n})}),[o,e,n]),d=j(n=>{a?.(!e),t?.(n)},[e,t,a]),u=Ne(i,{startIcon:{className:l.icon},endIcon:{className:l.icon}});return M(Ie,{ref:c,as:"button",role:r,"aria-checked":"checkbox"===r||"switch"===r?e:void 0,onClick:d,className:l.root,slotProps:u,tabIndex:0,...s})});Ce.displayName="ChipToggle";var Se=V(function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,slotProps:r,...s},c){const{anchor:l,...d}=r??{};return n?M(Ve,{ref:c,onDismiss:n,slotProps:d,...s}):i?M(Ce,{ref:c,onToggle:i,isToggled:o,slotProps:d,...s}):a?M(ke,{ref:c,href:a,slotProps:d,...s,...t,...l}):M(we,{ref:c,onClick:e,slotProps:d,...s})});Se.displayName="Chip";var ze=g("iconbutton","size","root"),Pe=g("iconbutton","size","icon"),Re=g("button","variant","root"),Te=g("button","variant","icon"),je=V(function({variant:e,size:t,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:c,className:l,children:d,...m},f){const v=C(null);S(f,()=>v.current);const y=k(()=>t?p({iconbuttonSizeRoot:t}):ze,[t]),g=k(()=>e?p({buttonVariantRoot:e}):Re,[e]),N=k(()=>t?p({iconbuttonSizeIcon:t}):Pe,[t]),x=k(()=>e?p({buttonVariantIcon:e}):Te,[e]),I=k(()=>({root:h(y,g,"inline-flex overflow-hidden justify-center items-center","uds-ring","uds-hit-target","[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]","[transition-timing-function:cubic-bezier(0,0,0.2,1)]","[transition-duration:220ms]","[transform-origin:center]","[backface-visibility:hidden]",m?.disabled&&"cursor-not-allowed",i&&"uds-button-loading",o&&"uds-button-without-effects",l),loadingIcon:p({className:h(["animate-spin",N,x])}),icon:p({className:h(N,x)})}),[l,o,N,x,i,m?.disabled,y,g]),w=D(),V=k(()=>w?"smooth":"subtle",[w]),z=!!o||!!m?.disabled,P=k(()=>z?{...ne,rest:{},hover:{},pressed:{}}:ne,[z]);return M(u,{layoutSpeed:"3",layoutVariant:V,reducedMotion:o?"always":"user",children:M(F.button,{ref:v,type:s,className:I.root,name:c,variants:P,whileHover:"hover",whileTap:"pressed",...m,children:W($,{initial:!1,mode:"popLayout",children:[i&&M(F.span,{variants:re,initial:"hide",animate:"loading",exit:"hide",children:M(b,{size:B,name:a,variant:n,color:"current",className:I.loadingIcon})},"loading"),r&&!i&&M(F.span,{variants:oe,initial:"hide",animate:"icon",exit:"hide",children:d||M(b,{size:B,name:r,variant:n,color:"current",className:I.icon})},r.name)]})})})});je.displayName="IconButton";var He=w(N(),1),Oe=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=C(null),[i,o]=T("auto");return H(()=>{if(n.current){const e=new ResizeObserver(e=>{o(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),M(u,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:M(F.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:M("div",{ref:n,children:e})})})};function Le({startIcon:e,endIcon:a,iconProps:t,children:n,size:i,isFilled:o,...r}){const s={helperText:h(p({inputSizeHelperText:i,inputVariantHelperText:"default",inputVariantValueHelperText:o?"filled":"empty"})),helperIcon:p({inputSizeHelperIcon:i,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:o?"filled":"empty"})},l={variant:"outline",...t};return W(c,{gap:"1",alignItems:"center",...r,children:[e&&M(m,{icon:e,...l,iconProps:t,className:s.helperIcon}),M("span",{className:s.helperText,children:n}),a&&M(m,{icon:a,...l,iconProps:t,className:s.helperIcon})]})}Oe.displayName="AnimateHeightChange",Le.displayName="InputHelpTextInternal";var Ee=O(Le),We=O(function({helpText:e,helperTextIcon:a,spacingStart:t,spacingTop:n,size:i,isFilled:o,...r}){return e?M(v,{spacingTop:n,spacingStart:t,...r,children:M(Ee,{startIcon:a,size:i,isFilled:o,children:(0,He.default)(e)?e():e})}):null}),Me=O(function({icon:e,className:a,iconProps:t}){return e?M(m,{icon:e,iconProps:{variant:"outline",...t},className:a}):null}),Ae=O(function({icon:e,className:a,iconProps:t}){return e?M(m,{icon:e,iconProps:{variant:"outline",...t},className:a}):null}),Be=V(function({id:e,label:a,type:t="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:d,width:u="full",defaultValue:m,required:f,readOnly:b,disabled:y,reduceMotion:g,onChange:N,slotProps:x,className:I,...w},V){const k=R(),z=e??`uds-input-${k}`,P=`uds-input-${z}-help-text`,{className:H,...O}=x?.input??{},{className:L,...E}=x?.inputWrapper??{},A=C(null);S(V,()=>A.current);const[B,F]=T(m??""),$=j(e=>{F(e.target.value),N?.(e)},[N]),q=D()?"smooth":"bouncy",G=g?"always":"user",U=!b&&!y,J={root:p({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:B?"filled":"empty",className:h([I,y?"opacity-50":""])}),inputWrapper:h(p({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:B?"filled":"empty"}),"min-w-[200px]",L),input:p({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:B?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:B?"filled":"empty",className:h("grow","uds-hit-target","bg-clip-text","focus:outline-none",U?"cursor-text":"cursor-not-allowed",H)}),label:h(p({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:B?"filled":"empty"})),labelRequired:p({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:B?"filled":"empty"}),startIcon:p({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:B?"filled":"empty"}),endIcon:p({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:B?"filled":"empty"})};return W(l,{width:u,className:J.root,children:[a&&W(v,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:J.label,children:[M("label",{htmlFor:z,children:(0,He.default)(a)?a():a}),f&&M("span",{className:J.labelRequired,children:"*"})]}),W(v,{position:"relative",alignItems:"center",...E,className:J.inputWrapper,children:[M(Me,{icon:i,className:J.startIcon,iconProps:x?.startIcon}),M("input",{ref:A,id:z,type:t,value:B,required:f,readOnly:b,disabled:y,"aria-describedby":P,"aria-invalid":d,onChange:$,className:J.input,...w,...O}),o&&M(c,{alignItems:"center",gap:"1",children:M(Ae,{icon:o,className:J.endIcon,iconProps:x?.endIcon})})]}),M(Oe,{reduceMotion:G,layoutVariant:q,children:M(We,{id:P,helpText:r,spacingTop:"2",size:n,isFilled:!!B,helperTextIcon:s})})]})});Be.displayName="Input";var Fe=({size:e="md",isFilled:a,...t})=>{const n={root:p({inputSizeRoot:e,inputVariantRoot:"default",inputVariantValueRoot:a?"filled":"empty"})};return M(v,{asChild:!0,spacingTop:"2",className:n.root,children:M(Ee,{size:e,isFilled:a,...t})})};Fe.displayName="InputHelpText";var De=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}},$e=L(new Map),qe=e=>{const a=R();return e??`uds-radio-group-${a}`},Ge={primary:"alert",secondary:"alert-secondary"},Ue=F.create(v),Je={layoutVariant:"smooth",layoutSpeed:"3"},Xe={layoutVariant:"veryBouncy",layoutSpeed:"4"},Ye=V(function({id:e,name:a,label:t,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:c,defaultChecked:l,disabled:m,hasError:f,onChange:b,onFocus:y,onBlur:g,className:N,layerClassNames:x,...I},w){const V=R(),S=e??`uds-radio-${V}`,z=C(null),{name:P,isControlled:O,checked:L,setGroupValue:A}=(({name:e,value:a,checked:t,defaultChecked:n})=>{const i=E($e),o=i instanceof De,r=void 0!==t||o,s=qe(e),c=k(()=>o?i:De.findOrCreate(i,s),[i,o,s]),[l,d]=T(c.value),u=c.name??s,p=j(e=>{c.setValue(e),r||d(e)},[r,c]);return H(()=>c.onChange(d),[c]),H(()=>{!0===t&&p(a)},[t,a,p]),H(()=>{if(o)return;const e=De.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!==l?a===l:n??!1,setGroupValue:p}})({name:a,value:s,checked:c,defaultChecked:l}),[B,$]=T(!1),[q,G]=T(!1),U=k(()=>f?Ge[i]:i,[f,i]),J=k(()=>!m&&B,[m,B]),X=k(()=>!m&&!L&&q,[L,m,q]),Y=k(()=>X?.9:J?1.1:1,[J,X]),Q=k(()=>L?X?"opacity-55":"opacity-100":"opacity-0",[L,X]),K=k(()=>!m&&(X&&!L||J&&L),[L,m,J,X]),Z=k(()=>({scale:Y}),[Y]),_=k(()=>q?Xe:Je,[q]),ee=j(e=>{A(e.target.value),b?.(e)},[b,A]),ae=j(e=>{y?.(e)},[y]),te=j(e=>{g?.(e)},[g]),ne=j(()=>{$(!0)},[]),ie=j(()=>{$(!1)},[]),oe=j(()=>{G(!0)},[]),re=j(()=>{G(!1)},[]),se=r?"always":"user",ce=D()||r?"duration-0":"duration-120",le={root:p({radioSizeRoot:o,radioVariantValueRoot:L?"checked":"unchecked",radioVariantRoot:U,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:h([{"cursor-pointer":!m,"cursor-default":m,"opacity-50":m},N,x?.root])}),radio:p({radioSizeRadio:o,radioVariantRadio:U,radioVariantValueRadio:L?"checked":"unchecked",className:h(["border","uds-ring","uds-ring-within",ce,"transition-[background-color,border-color]","transition-shadow",x?.radio])}),radioCircle:p({radioVariantRadioCircle:U,radioVariantValueRadioCircle:L?"checked":"unchecked",className:h(["pointer-events-none","w-[8px]","h-[8px]",Q,ce,"transition-opacity"])}),htmlRadio:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===n?"text-start":"text-end",x?.label)},de=t?F.label:F.div;return M(u,{reducedMotion:se,..._,children:W(de,{className:le.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[W(Ue,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:le.radio,animate:Z,insetShadow:K?"lg-invert":"none",children:[M("input",{type:"radio",tabIndex:0,...I,ref:e=>{z.current=e,"function"==typeof w?w(e):null!==w&&(w.current=e)},onFocus:ae,onBlur:te,id:S,name:P,value:s,disabled:m,"aria-invalid":f,onChange:ee,...O?{checked:L}:{defaultChecked:l},className:le.htmlRadio}),M(v,{borderRadius:"full",className:le.radioCircle})]}),t&&M(d,{as:"div",variant:"inherit",color:"inherit",label:t,className:le.label})]})})});Ye.displayName="Radio";var Qe=f(),Ke=class extends De{onChangeCb;isControlled;constructor(e,a){super(e),this.isControlled=a}setValue(e,a=!1){this.isControlled&&!a?this.onChangeCb?.(e):super.setValue(e)}},Ze=V(function({asChild:e,name:a,value:t,defaultValue:n,onChange:i,...o},r){const s=void 0!==t,c=qe(a),l=k(()=>{const e=new Ke(c,s);return e.value=s?t:n,e},[n,s,c,t]);H(()=>{l.onChangeCb=i},[i,l]),H(()=>{s&&l.setValue(t,!0)},[s,l,t]),H(()=>l.onChange(e=>i?.(e)),[i,l]);const d=e?Qe:"div";return M($e.Provider,{value:l,children:M(d,{role:"radiogroup",ref:r,...o})})});Ze.displayName="RadioGroupProvider";var _e={md:{isOnX:20},sm:{isOnX:12}},ea=F.create(v),aa={layoutVariant:"bouncy",layoutSpeed:"4"},ta=V(function({id:e,isOn:a,defaultIsOn:t,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:c,reduceMotion:l,disabled:f,required:b,onFocus:y,onBlur:g,className:N,layerClassNames:x,...I},w){const V=R(),S=e??`uds-input-${V}`,z=C(null),P=void 0!==a,[O,L]=T(P?a:t),[E,A]=T(!1),B=k(()=>!f&&E,[f,E]),{isOnX:$}=_e[r],q=k(()=>({initial:{scale:1,x:O?$:0},animate:{scale:B?1.05:1,x:O?$:0}}),[B,O,$]),G=j(e=>{n?.(e),P||L(e.target.checked)},[P,n]),U=j(e=>{y?.(e)},[y]),J=j(e=>{g?.(e)},[g]),X=j(()=>{A(!0)},[]),Y=j(()=>{A(!1)},[]),Q=l?"always":"user",K=D()||l?"duration-0":"duration-120";H(()=>{P&&L(a)},[a,P]);const Z={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:O?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},x?.root,N)}),switch:p({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:O?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:h("uds-ring","uds-ring-within",K,"transition-[background-color,box-shadow]",x?.switch)}),handle:p({switchSizeHandle:r,className:h("relative","pointer-events-none","rounded-full","overflow-hidden",x?.handle)}),handleCircle:p({switchVariantActiveHandle:O?"on":"off",switchVariantHandle:"default",className:h("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",K,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:O?"on":"off",className:h("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",K,"transition-opacity")}),htmlCheckbox:h("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:h("start"===o?"text-start":"text-end",x?.label)},_=i?F.label:F.div;return M(u,{reducedMotion:Q,...aa,children:W(_,{className:Z.root,"data-testid":"container",onHoverStart:X,onHoverEnd:Y,tabIndex:-1,children:[W(ea,{className:Z.switch,children:[M("input",{type:"checkbox",tabIndex:0,...I,ref:e=>{z.current=e,"function"==typeof w?w(e):null!==w&&(w.current=e)},onFocus:U,onBlur:J,id:S,disabled:f,required:b,checked:P?O:void 0,defaultChecked:P?void 0:t,onChange:G,className:Z.htmlCheckbox,style:{}}),W(ea,{className:Z.handle,...q,children:[M(v,{className:Z.handleCircle}),s&&M(m,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:h(Z.handleIcon,O?"opacity-100":"opacity-0")}),c&&M(m,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:h(Z.handleIcon,O?"opacity-0":"opacity-100")})]})]}),i&&M(d,{as:"div",variant:"inherit",color:"inherit",required:b,label:i,className:Z.label})]})})});ta.displayName="Switch";export{ae as Avatar,Z as AvatarIcon,ee as AvatarImage,_ as AvatarText,te as Badge,ue as Button,ye as Checkbox,Se as Chip,we as ChipButton,Ve as ChipDismissible,ke as ChipLink,Ce as ChipToggle,je as IconButton,Be as Input,Fe as InputHelpText,Ye as Radio,Ze as RadioGroupProvider,ta as Switch};