@yahoo/uds 3.41.1 → 3.41.2

package/dist/client/Menu.js

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

package/dist/client/index.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var e=require("../chunk-EIPNPQY4.cjs"),t=require("../chunk-7RZHMPND.cjs"),a=require("../chunk-3KCKTFBM.cjs"),n=require("../chunk-LWXI5KNF.cjs"),o=require("../chunk-7IUKR73D.cjs"),i=require("../chunk-IAD33G4C.cjs"),s=require("../chunk-Y5LHP2WU.cjs"),r=require("../chunk-5RTXYZAR.cjs"),c=require("../chunk-LZ6EKK62.cjs"),l=require("../chunk-QLXJH36U.cjs"),d=require("react"),u=require("react/jsx-runtime"),p=require("@yahoo/uds/fixtures"),h=require("motion/react"),m=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",C={primary:t.e2,secondary:t.t},I=({size:e=S,variant:t=v,customSize:a,icon:n,slotProps:o,className:s,...r})=>{const c=d.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=d.useMemo(()=>y(a),[a]),p=n??C[t??"primary"];return u.jsx(i.Box,{className:c.root,style:l.root,...r,children:u.jsx(i.Box,{className:c.iconContainer,style:l.contents,children:u.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 N=({size:e=S,variant:t=v,name:a,initials:n,customSize:o,abbreviationStrategy:s,className:r,slotProps:c,...l})=>{const p=d.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]),h=d.useMemo(()=>y(o),[o]);return u.jsx(i.Box,{className:p.root,style:h.root,...l,children:u.jsx(i.Text,{color:"inherit",variant:"inherit",className:p.text,style:h.contents,...c?.text,children:n||b(a,s)})})};N.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:h,slotProps:m,...x})=>{const[f,b]=d.useState("loading");d.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 C=d.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=d.useMemo(()=>y(s),[s]);if("loaded"===f)return u.jsx(i.Box,{className:C.root,style:j.root,children:u.jsx(e.Image,{src:n,srcSet:o,alt:r,className:C.contents,style:j.contents,...h,...m?.image})});const k={...x,size:t,customSize:s,variant:a};return l||r?u.jsx(N,{name:r,initials:l,abbreviationStrategy:c,slotProps:{text:m?.text},...k}):u.jsx(I,{...k,slotProps:{icon:m?.icon}})};j.displayName="AvatarImage";var k=e=>u.jsx(j,{...e});k.displayName="Avatar";var w=d.forwardRef(function({variant:e="primary",size:t="md",minWidth:n,maxWidth:o=200,startIcon:s,endIcon:r,backgroundColor:c,color:l,iconColor:p,borderColor:h,children:m,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=d.useMemo(()=>({...n?{minWidth:`${n}px`}:{},..."full"===o?{}:{maxWidth:`${o}px`},...c?{backgroundColor:c}:{},...h?{borderColor:h}:{},...l?{color:l}:{}}),[c,h,l,o,n]),S=d.useMemo(()=>({variant:"fill",style:{...p?{color:p}:{}}}),[p]);return u.jsxs(a.HStack,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:g,style:v,...f,children:[s&&u.jsx(i.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),u.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),r&&u.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},z={loading:M,hide:V,icon:V},P=`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:P}},A={hide:{width:"0px",opacity:0,display:"none"},loading:{width:T,display:"flex",opacity:1},icon:{width:T,display:"flex",opacity:1}},E=d.forwardRef(function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:c,loading:l,disableEffects:m,children:x,asChild:f,type:b="button",className:g,width:y,...v},S){const C=d.useRef(null);d.useImperativeHandle(S,()=>C.current);const I=d.useMemo(()=>i.createSlot(),[]),N=d.useMemo(()=>h.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}=d.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),P=d.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",m&&"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,m,k]),T=h.useReducedMotion()?"smooth":"subtle",E=d.useMemo(()=>u.jsx(h.m.span,{className:P.iconContainer,initial:!1,variants:A,animate:w,children:u.jsxs(h.AnimatePresence,{initial:!1,mode:"popLayout",children:[l&&u.jsx(h.m.span,{variants:z,initial:"hide",animate:"loading",exit:"hide",children:u.jsx(i.Icon,{size:p.buttonIconSvgSize,name:t.o2,variant:c,color:"current",className:P.loading})},"loading"),n&&!l&&u.jsx(h.m.span,{variants:R,initial:"hide",animate:"icon",exit:"hide",children:u.jsx(i.IconSlot,{className:P.start,icon:n,iconProps:{size:p.buttonIconSvgSize,variant:c,color:"current"}})})]})}),[P.iconContainer,P.loading,P.start,w,l,c,n]),q=d.useMemo(()=>u.jsx(h.m.span,{className:P.iconContainer,initial:!1,variants:A,animate:j,children:u.jsx(h.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&u.jsx(h.m.span,{variants:R,initial:"hide",animate:"icon",exit:"hide",children:u.jsx(i.IconSlot,{className:P.end,icon:r,iconProps:{size:p.buttonIconSvgSize,variant:c,color:"current"}})})})}),[P.iconContainer,P.end,r,j,c]),L=d.useMemo(()=>m?{...B,rest:{},hover:{},pressed:{}}:B,[m]);return f&&d.isValidElement(x)?u.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:T,children:u.jsx(N,{type:b,className:P.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:d.cloneElement(x,x.props,u.jsxs(u.Fragment,{children:[E,u.jsx("span",{className:P.content,children:x.props.children}),q]}))})}):u.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:T,children:u.jsxs(h.m.button,{ref:C,type:b,className:P.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:[E,u.jsx("span",{className:P.content,children:x}),q]})})}),q={primary:"alert",secondary:"alert-secondary"},L=e=>"indeterminate"===e,H=e=>L(e)?t.o:t.e,_=h.m.create(i.Box),O={layoutVariant:"smooth",layoutSpeed:"3"},$={layoutVariant:"veryBouncy",layoutSpeed:"4"},F=d.forwardRef(function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:c="start",variant:l="primary",size:p="md",reduceMotion:m,disabled:x,required:f,hasError:b,className:g,layerClassNames:y,...v},S){const C=d.useId(),I=e??`uds-input-${C}`,N=d.useRef(null),j=void 0!==t,[k,w]=d.useState(j?t:a),[V,M]=d.useState(!1),[R,z]=d.useState(!1),P=d.useMemo(()=>b?q[l]:l,[b,l]),T=!x&&V,B=!x&&R,A=d.useMemo(()=>B?.9:T?1.1:1,[B,T]),E=d.useMemo(()=>k?B?"opacity-55":"opacity-100":"opacity-0",[k,B]),F=d.useMemo(()=>({scale:A}),[A]),W=d.useMemo(()=>R?$:O,[R]),D=d.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),G=d.useCallback(()=>{M(!0)},[]),U=d.useCallback(()=>{M(!1)},[]),K=d.useCallback(()=>{z(!0)},[]),X=d.useCallback(()=>{z(!1)},[]),Y=e=>{N.current&&(N.current.indeterminate=L(e))},Z=m?"always":"user",Q=h.useReducedMotion()||m?"duration-0":"duration-120";d.useEffect(()=>{j&&w(t)},[t,j]),d.useEffect(()=>{Y(k)},[k]);const J=L(k)?"indeterminate":k?"checked":"unchecked",ee={root:i.getStyles({checkboxSizeRoot:p,checkboxVariantRoot:P,checkboxVariantValueRoot:J,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:J,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:P,checkboxVariantValueCheckboxIcon:J,className:i.cx("pointer-events-none",E,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?h.m.label:h.m.div;return u.jsx(o.SpringMotionConfig,{reducedMotion:Z,...W,children:u.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:K,onTap:X,onTapCancel:X,tabIndex:-1,children:[u.jsxs(_,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:F,children:[u.jsx("input",{type:"checkbox",tabIndex:0,...v,ref:e=>{N.current=e,Y(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":b,checked:j?!L(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),u.jsx(i.Icon,{name:H(k),size:"sm",className:ee.check})]}),r&&u.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});F.displayName="Checkbox";var W="primary",D=d.forwardRef(function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:o,endIcon:s,as:r="div",reduceMotion:c,disabled:l=!1,className:p,layerClassNames:m,children:x,...f},b){const g=h.useReducedMotion()||c?"duration-0":"duration-120",y=d.useMemo(()=>({root:i.getStyles({chipSizeRoot:e,className:i.cx({"pointer-events-none":l,"cursor-default":l,"opacity-50":l},"focus-visible:-outline-offset-2","uds-ring",g,"transition-[background-color,outline-color,box-shadow]",m?.root,p)}),icon:i.getStyles({chipSizeIcon:e,className:m?.icon})}),[p,g,l,m?.icon,m?.root,e]);return u.jsx(a.HStack,{asChild:!0,ref:b,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:y.root,...f,children:u.jsxs(r,{disabled:l,children:[o&&u.jsx(i.IconSlot,{icon:o,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),u.jsx(i.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:x}),s&&u.jsx(i.IconSlot,{icon:s,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});D.displayName="ChipBase";var G=d.forwardRef(function({variant:e=W,...t},a){const n=d.useMemo(()=>({root:i.getStyles({chipLinkVariantRoot:e}),icon:i.getStyles({chipLinkVariantIcon:e})}),[e]);return u.jsx(D,{as:"button",ref:a,variant:e,layerClassNames:n,tabIndex:0,...t})});G.displayName="ChipButton";var U=d.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:o=W,disabled:s,...r},c){const l=d.useMemo(()=>({root:i.getStyles({chipDismissibleVariantRoot:o}),icon:i.getStyles({chipDismissibleVariantIcon:o})}),[o]),p=d.useCallback(e=>{e.stopPropagation(),a?.()},[a]),h={icon:i.cx("uds-chip-dismissible-button","uds-hit-target")};return u.jsx(D,{ref:c,variant:o,disabled:s,tabIndex:-1,endIcon:a=>u.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:s,children:u.jsx(i.IconSlot,{icon:n??t.a,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:l,...r})});U.displayName="ChipDismissible";var K=d.forwardRef(function({variant:e=W,href:t,disabled:a,...n},o){const s=d.useMemo(()=>({root:i.getStyles({chipLinkVariantRoot:e}),icon:i.getStyles({chipLinkVariantIcon:e})}),[e]);return u.jsx(D,{as:"a",ref:o,variant:e,disabled:a,layerClassNames:s,tabIndex:0,...{...n,href:a?void 0:t}})});K.displayName="ChipLink";var X=d.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=W,...o},s){const r=d.useMemo(()=>({root:i.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:i.getStyles({chipToggleVariantIcon:n})}),[e,n]),c=d.useCallback(n=>{t?.(!e),a?.(n)},[e,a,t]);return u.jsx(D,{ref:s,as:"button",variant:n,onClick:c,"aria-pressed":e,layerClassNames:r,tabIndex:0,...o})});X.displayName="ChipToggle";var Y=d.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:o,isToggled:i,...s},r){return n?u.jsx(U,{ref:r,onDismiss:n,...s}):o?u.jsx(X,{ref:r,onToggle:o,isToggled:i,...s}):t?u.jsx(K,{ref:r,href:t,...s,...a}):u.jsx(G,{ref:r,onClick:e,...s})});Y.displayName="Chip";var Z=d.forwardRef(function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:c,name:l,type:m="button",htmlName:x,className:f,children:b,...g},y){const v=d.useRef(null);d.useImperativeHandle(y,()=>v.current);const{palette:S,variant:C}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=d.useMemo(()=>({button:i.getStyles({buttonVariant:C,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,C,f,c,a,r]),N=h.useReducedMotion(),j=d.useMemo(()=>N?"smooth":"subtle",[N]),k=d.useMemo(()=>{const{rest:e,hover:t,pressed:a}=B;return c?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[c]);return u.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:c?"always":"user",children:u.jsx(h.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...g,children:u.jsxs(h.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&u.jsx(h.m.span,{variants:z,initial:"loading",animate:"loading",exit:"hide",children:u.jsx(i.Icon,{size:p.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),l&&!r&&u.jsx(h.m.span,{variants:R,initial:"icon",animate:"icon",exit:"hide",children:b||u.jsx(i.Icon,{size:p.buttonIconSvgSize,name:l,variant:n,color:"current",className:I.icon})},l.name)]})})})}),Q=l.__toESM(r.require_isFunction(),1),J=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=d.useRef(null),[i,s]=d.useState("auto");return d.useEffect(()=>{if(n.current){const e=new ResizeObserver(e=>{s(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),u.jsx(o.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:u.jsx(h.m.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:u.jsx("div",{ref:n,children:e})})})},ee=d.memo(function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:o,size:s,isFilled:r,...c}){return t?u.jsx(i.Box,{spacingTop:o,spacingStart:n,...c,children:u.jsx(e.InputHelpTextMemo,{startIcon:a,size:s,isFilled:r,children:(0,Q.default)(t)?t():t})}):null}),te=d.memo(function({icon:e,className:t,iconProps:a}){return e?u.jsx(i.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),ae=d.memo(function({icon:e,className:t,iconProps:a}){return e?u.jsx(i.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),ne=d.forwardRef(function({id:e,label:t,type:n="text",size:o="md",startIcon:s,endIcon:r,helpText:c,helperTextIcon:l,hasError:p,width:m="full",defaultValue:x,required:f,readOnly:b,disabled:g,reduceMotion:y,onChange:v,slotProps:S,className:C,...I},N){const j=d.useId(),k=e??`uds-input-${j}`,w=`uds-input-${k}-help-text`,{className:V,...M}=S?.input??{},{className:R,...z}=S?.inputWrapper??{},P=d.useRef(null);d.useImperativeHandle(N,()=>P.current);const[T,B]=d.useState(x??""),A=d.useCallback(e=>{B(e.target.value),v?.(e)},[v]),E=h.useReducedMotion()?"smooth":"bouncy",q=y?"always":"user",L=!b&&!g,H={root:i.getStyles({inputSizeRoot:o,inputVariantRoot:"default",inputVariantValueRoot:T?"filled":"empty",className:i.cx([C,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",L?"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 u.jsxs(a.VStack,{width:m,className:H.root,children:[t&&u.jsxs(i.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:H.label,children:[u.jsx("label",{htmlFor:k,children:(0,Q.default)(t)?t():t}),f&&u.jsx("span",{className:H.labelRequired,children:"*"})]}),u.jsxs(i.Box,{position:"relative",alignItems:"center",...z,className:H.inputWrapper,children:[u.jsx(te,{icon:s,className:H.startIcon,iconProps:S?.startIcon}),u.jsx("input",{ref:P,id:k,type:n,value:T,required:f,readOnly:b,disabled:g,"aria-describedby":w,"aria-invalid":p,onChange:A,className:H.input,...I,...M}),r&&u.jsx(a.HStack,{alignItems:"center",gap:"1",children:u.jsx(ae,{icon:r,className:H.endIcon,iconProps:S?.endIcon})})]}),u.jsx(J,{reduceMotion:q,layoutVariant:E,children:u.jsx(ee,{id:w,helpText:c,spacingTop:"2",size:o,isFilled:!!T,helperTextIcon:l})})]})});ne.displayName="Input";var oe=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}},ie=d.createContext(new Map),se=e=>{const t=d.useId();return e??`uds-radio-group-${t}`},re={primary:"alert",secondary:"alert-secondary"},ce=h.m.create(i.Box),le={layoutVariant:"smooth",layoutSpeed:"3"},de={layoutVariant:"veryBouncy",layoutSpeed:"4"},ue=d.forwardRef(function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:c="md",reduceMotion:l,value:p="",checked:m,defaultChecked:x,disabled:f,hasError:b,onChange:g,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=d.useId(),k=e??`uds-radio-${j}`,w=d.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const o=d.useContext(ie),i=o instanceof oe,s=void 0!==a||i,r=se(e),c=d.useMemo(()=>i?o:oe.findOrCreate(o,r),[o,i,r]),[l,u]=d.useState(c.value),p=c.name??r,h=d.useCallback(e=>{c.setValue(e),s||u(e)},[s,c]);return d.useEffect(()=>c.onChange(u),[c]),d.useEffect(()=>{!0===a&&h(t)},[a,t,h]),d.useEffect(()=>{if(i)return;const e=oe.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:h}})({name:t,value:p,checked:m,defaultChecked:x}),[P,T]=d.useState(!1),[B,A]=d.useState(!1),E=d.useMemo(()=>b?re[r]:r,[b,r]),q=d.useMemo(()=>!f&&P,[f,P]),L=d.useMemo(()=>!f&&!R&&B,[R,f,B]),H=d.useMemo(()=>L?.9:q?1.1:1,[q,L]),_=d.useMemo(()=>R?L?"opacity-55":"opacity-100":"opacity-0",[R,L]),O=d.useMemo(()=>!f&&(L&&!R||q&&R),[R,f,q,L]),$=d.useMemo(()=>({scale:H}),[H]),F=d.useMemo(()=>B?de:le,[B]),W=d.useCallback(e=>{z(e.target.value),g?.(e)},[g,z]),D=d.useCallback(e=>{y?.(e)},[y]),G=d.useCallback(e=>{v?.(e)},[v]),U=d.useCallback(()=>{T(!0)},[]),K=d.useCallback(()=>{T(!1)},[]),X=d.useCallback(()=>{A(!0)},[]),Y=d.useCallback(()=>{A(!1)},[]),Z=l?"always":"user",Q=h.useReducedMotion()||l?"duration-0":"duration-120",J={root:i.getStyles({radioSizeRoot:c,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:i.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:i.getStyles({radioSizeRadio:c,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:i.cx(["border","uds-ring","uds-ring-within",Q,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:i.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:i.cx(["pointer-events-none","w-[8px]","h-[8px]",_,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",C?.label)},ee=a?h.m.label:h.m.div;return u.jsx(o.SpringMotionConfig,{reducedMotion:Z,...F,children:u.jsxs(ee,{className:J.root,"data-testid":"container",onHoverStart:U,onHoverEnd:K,onTapStart:X,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[u.jsxs(ce,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:J.radio,animate:$,insetShadow:O?"lg-invert":"none",children:[u.jsx("input",{type:"radio",tabIndex:0,...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:p,disabled:f,"aria-invalid":b,onChange:W,...M?{checked:R}:{defaultChecked:x},className:J.htmlRadio}),u.jsx(i.Box,{borderRadius:"full",className:J.radioCircle})]}),a&&u.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:J.label})]})})});ue.displayName="Radio";var pe=i.createSlot(),he=class extends oe{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},me=d.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:o,...i},s){const r=void 0!==a,c=se(t),l=d.useMemo(()=>{const e=new he(c,r);return e.value=r?a:n,e},[n,r,c,a]);d.useEffect(()=>{l.onChangeCb=o},[o,l]),d.useEffect(()=>{r&&l.setValue(a,!0)},[r,l,a]),d.useEffect(()=>l.onChange(e=>o?.(e)),[o,l]);const p=e?pe:"div";return u.jsx(ie.Provider,{value:l,children:u.jsx(p,{role:"radiogroup",ref:s,...i})})});me.displayName="RadioGroupProvider";var xe={md:{isOnX:20},sm:{isOnX:12}},fe=h.m.create(i.Box),be={layoutVariant:"bouncy",layoutSpeed:"4"},ge=d.forwardRef(function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:c="start",size:l="md",onIcon:p,offIcon:m,reduceMotion:x,disabled:f,required:b,onFocus:g,onBlur:y,className:v,layerClassNames:S,...C},I){const N=d.useId(),j=e??`uds-input-${N}`,k=d.useRef(null),w=void 0!==t,[V,M]=d.useState(w?t:a),[R,z]=d.useState(!1),P=d.useMemo(()=>!f&&R,[f,R]),{isOnX:T}=xe[l],B=d.useMemo(()=>({initial:{scale:1,x:V?T:0},animate:{scale:P?1.05:1,x:V?T:0}}),[P,V,T]),A=d.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),E=d.useCallback(e=>{g?.(e)},[g]),q=d.useCallback(e=>{y?.(e)},[y]),L=d.useCallback(()=>{z(!0)},[]),H=d.useCallback(()=>{z(!1)},[]),_=x?"always":"user",O=h.useReducedMotion()||x?"duration-0":"duration-120";d.useEffect(()=>{w&&M(t)},[t,w]);const $={root:i.getStyles({switchSizeRoot:l,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===c?"row":"row-reverse",alignItems:"center",className:i.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:i.getStyles({switchVariantSwitch:"default",switchSizeSwitch:l,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:i.cx("uds-ring","uds-ring-within",O,"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",O,"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%]",O,"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)},F=r?h.m.label:h.m.div;return u.jsx(o.SpringMotionConfig,{reducedMotion:_,...be,children:u.jsxs(F,{className:$.root,"data-testid":"container",onHoverStart:L,onHoverEnd:H,tabIndex:-1,children:[u.jsxs(fe,{className:$.switch,children:[u.jsx("input",{type:"checkbox",tabIndex:0,...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:E,onBlur:q,id:j,disabled:f,required:b,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:A,className:$.htmlCheckbox,style:{}}),u.jsxs(fe,{className:$.handle,...B,children:[u.jsx(i.Box,{className:$.handleCircle}),p&&u.jsx(i.IconSlot,{icon:p,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:i.cx($.handleIcon,V?"opacity-100":"opacity-0")}),m&&u.jsx(i.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:i.cx($.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&u.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:r,className:$.label})]})})});ge.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 m.Menu}}),exports.Avatar=k,exports.AvatarIcon=I,exports.AvatarImage=j,exports.AvatarText=N,exports.Badge=w,exports.Button=E,exports.Checkbox=F,exports.Chip=Y,exports.ChipButton=G,exports.ChipDismissible=U,exports.ChipLink=K,exports.ChipToggle=X,exports.IconButton=Z,exports.Input=ne,exports.Radio=ue,exports.RadioGroupProvider=me,exports.Switch=ge;
+"use strict";var e=require("../chunk-IEGNLDIQ.cjs"),t=require("../chunk-6SGL2RSZ.cjs"),a=require("../chunk-XVDW53GP.cjs"),n=require("../chunk-HIDTGATZ.cjs"),o=require("../chunk-7IUKR73D.cjs"),i=require("../chunk-VLK7EUQY.cjs"),s=require("../chunk-246TFVNK.cjs"),r=require("../chunk-VB3FJZDC.cjs"),c=require("../chunk-LZ6EKK62.cjs"),l=require("../chunk-QLXJH36U.cjs"),d=require("react"),u=require("react/jsx-runtime"),p=require("@yahoo/uds/fixtures"),h=require("motion/react"),m=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",C={primary:t.e2,secondary:t.t},I=({size:e=S,variant:t=v,customSize:a,icon:n,slotProps:o,className:s,...r})=>{const c=d.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=d.useMemo(()=>y(a),[a]),p=n??C[t??"primary"];return u.jsx(i.Box,{className:c.root,style:l.root,...r,children:u.jsx(i.Box,{className:c.iconContainer,style:l.contents,children:u.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 N=({size:e=S,variant:t=v,name:a,initials:n,customSize:o,abbreviationStrategy:s,className:r,slotProps:c,...l})=>{const p=d.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]),h=d.useMemo(()=>y(o),[o]);return u.jsx(i.Box,{className:p.root,style:h.root,...l,children:u.jsx(i.Text,{color:"inherit",variant:"inherit",className:p.text,style:h.contents,...c?.text,children:n||b(a,s)})})};N.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:h,slotProps:m,...x})=>{const[f,b]=d.useState("loading");d.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 C=d.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=d.useMemo(()=>y(s),[s]);if("loaded"===f)return u.jsx(i.Box,{className:C.root,style:j.root,children:u.jsx(e.Image,{src:n,srcSet:o,alt:r,className:C.contents,style:j.contents,...h,...m?.image})});const k={...x,size:t,customSize:s,variant:a};return l||r?u.jsx(N,{name:r,initials:l,abbreviationStrategy:c,slotProps:{text:m?.text},...k}):u.jsx(I,{...k,slotProps:{icon:m?.icon}})};j.displayName="AvatarImage";var k=e=>u.jsx(j,{...e});k.displayName="Avatar";var w=d.forwardRef(function({variant:e="primary",size:t="md",minWidth:n,maxWidth:o=200,startIcon:s,endIcon:r,backgroundColor:c,color:l,iconColor:p,borderColor:h,children:m,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=d.useMemo(()=>({...n?{minWidth:`${n}px`}:{},..."full"===o?{}:{maxWidth:`${o}px`},...c?{backgroundColor:c}:{},...h?{borderColor:h}:{},...l?{color:l}:{}}),[c,h,l,o,n]),S=d.useMemo(()=>({variant:"fill",style:{...p?{color:p}:{}}}),[p]);return u.jsxs(a.HStack,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:g,style:v,...f,children:[s&&u.jsx(i.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),u.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),r&&u.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},z={loading:M,hide:V,icon:V},P=`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:P}},A={hide:{width:"0px",opacity:0,display:"none"},loading:{width:T,display:"flex",opacity:1},icon:{width:T,display:"flex",opacity:1}},E=d.forwardRef(function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:c,loading:l,disableEffects:m,children:x,asChild:f,type:b="button",className:g,width:y,...v},S){const C=d.useRef(null);d.useImperativeHandle(S,()=>C.current);const I=d.useMemo(()=>i.createSlot(),[]),N=d.useMemo(()=>h.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}=d.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),P=d.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",m&&"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,m,k]),T=h.useReducedMotion()?"smooth":"subtle",E=d.useMemo(()=>u.jsx(h.m.span,{className:P.iconContainer,initial:!1,variants:A,animate:w,children:u.jsxs(h.AnimatePresence,{initial:!1,mode:"popLayout",children:[l&&u.jsx(h.m.span,{variants:z,initial:"hide",animate:"loading",exit:"hide",children:u.jsx(i.Icon,{size:p.buttonIconSvgSize,name:t.o2,variant:c,color:"current",className:P.loading})},"loading"),n&&!l&&u.jsx(h.m.span,{variants:R,initial:"hide",animate:"icon",exit:"hide",children:u.jsx(i.IconSlot,{className:P.start,icon:n,iconProps:{size:p.buttonIconSvgSize,variant:c,color:"current"}})})]})}),[P.iconContainer,P.loading,P.start,w,l,c,n]),q=d.useMemo(()=>u.jsx(h.m.span,{className:P.iconContainer,initial:!1,variants:A,animate:j,children:u.jsx(h.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&u.jsx(h.m.span,{variants:R,initial:"hide",animate:"icon",exit:"hide",children:u.jsx(i.IconSlot,{className:P.end,icon:r,iconProps:{size:p.buttonIconSvgSize,variant:c,color:"current"}})})})}),[P.iconContainer,P.end,r,j,c]),L=d.useMemo(()=>m?{...B,rest:{},hover:{},pressed:{}}:B,[m]);return f&&d.isValidElement(x)?u.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:T,children:u.jsx(N,{type:b,className:P.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:d.cloneElement(x,x.props,u.jsxs(u.Fragment,{children:[E,u.jsx("span",{className:P.content,children:x.props.children}),q]}))})}):u.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:T,children:u.jsxs(h.m.button,{ref:C,type:b,className:P.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:[E,u.jsx("span",{className:P.content,children:x}),q]})})}),q={primary:"alert",secondary:"alert-secondary"},L=e=>"indeterminate"===e,H=e=>L(e)?t.o:t.e,_=h.m.create(i.Box),O={layoutVariant:"smooth",layoutSpeed:"3"},D={layoutVariant:"veryBouncy",layoutSpeed:"4"},$=d.forwardRef(function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:c="start",variant:l="primary",size:p="md",reduceMotion:m,disabled:x,required:f,hasError:b,className:g,layerClassNames:y,...v},S){const C=d.useId(),I=e??`uds-input-${C}`,N=d.useRef(null),j=void 0!==t,[k,w]=d.useState(j?t:a),[V,M]=d.useState(!1),[R,z]=d.useState(!1),P=d.useMemo(()=>b?q[l]:l,[b,l]),T=!x&&V,B=!x&&R,A=d.useMemo(()=>B?.9:T?1.1:1,[B,T]),E=d.useMemo(()=>k?B?"opacity-55":"opacity-100":"opacity-0",[k,B]),$=d.useMemo(()=>({scale:A}),[A]),F=d.useMemo(()=>R?D:O,[R]),W=d.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),G=d.useCallback(()=>{M(!0)},[]),U=d.useCallback(()=>{M(!1)},[]),K=d.useCallback(()=>{z(!0)},[]),X=d.useCallback(()=>{z(!1)},[]),Z=e=>{N.current&&(N.current.indeterminate=L(e))},Q=m?"always":"user",J=h.useReducedMotion()||m?"duration-0":"duration-120";d.useEffect(()=>{j&&w(t)},[t,j]),d.useEffect(()=>{Z(k)},[k]);const Y=L(k)?"indeterminate":k?"checked":"unchecked",ee={root:i.getStyles({checkboxSizeRoot:p,checkboxVariantRoot:P,checkboxVariantValueRoot:Y,display:"flex",flexDirection:"start"===c?"row":"row-reverse",alignItems:"center",className:i.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},g,y?.root)}),checkbox:i.getStyles({checkboxSizeCheckbox:p,checkboxVariantCheckbox:P,checkboxVariantValueCheckbox:Y,className:i.cx("border","rounded-[4px]","uds-ring","uds-ring-within",J,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:i.getStyles({checkboxVariantCheckboxIcon:P,checkboxVariantValueCheckboxIcon:Y,className:i.cx("pointer-events-none",E,J,"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?h.m.label:h.m.div;return u.jsx(o.SpringMotionConfig,{reducedMotion:Q,...F,children:u.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:K,onTap:X,onTapCancel:X,tabIndex:-1,children:[u.jsxs(_,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:$,children:[u.jsx("input",{type:"checkbox",tabIndex:0,...v,ref:e=>{N.current=e,Z(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":b,checked:j?!L(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:W,className:ee.htmlCheckbox}),u.jsx(i.Icon,{name:H(k),size:"sm",className:ee.check})]}),r&&u.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});$.displayName="Checkbox";var F="primary",W=d.forwardRef(function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:o,endIcon:s,as:r="div",reduceMotion:c,disabled:l=!1,className:p,layerClassNames:m,children:x,...f},b){const g=h.useReducedMotion()||c?"duration-0":"duration-120",y=d.useMemo(()=>({root:i.getStyles({chipSizeRoot:e,className:i.cx({"pointer-events-none":l,"cursor-default":l,"opacity-50":l},"focus-visible:-outline-offset-2","uds-ring",g,"transition-[background-color,outline-color,box-shadow]",m?.root,p)}),icon:i.getStyles({chipSizeIcon:e,className:m?.icon})}),[p,g,l,m?.icon,m?.root,e]);return u.jsx(a.HStack,{asChild:!0,ref:b,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:y.root,...f,children:u.jsxs(r,{disabled:l,children:[o&&u.jsx(i.IconSlot,{icon:o,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),u.jsx(i.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:x}),s&&u.jsx(i.IconSlot,{icon:s,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});W.displayName="ChipBase";var G=d.forwardRef(function({variant:e=F,...t},a){const n=d.useMemo(()=>({root:i.getStyles({chipLinkVariantRoot:e}),icon:i.getStyles({chipLinkVariantIcon:e})}),[e]);return u.jsx(W,{as:"button",ref:a,variant:e,layerClassNames:n,tabIndex:0,...t})});G.displayName="ChipButton";var U=d.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:o=F,disabled:s,...r},c){const l=d.useMemo(()=>({root:i.getStyles({chipDismissibleVariantRoot:o}),icon:i.getStyles({chipDismissibleVariantIcon:o})}),[o]),p=d.useCallback(e=>{e.stopPropagation(),a?.()},[a]),h={icon:i.cx("uds-chip-dismissible-button","uds-hit-target")};return u.jsx(W,{ref:c,variant:o,disabled:s,tabIndex:-1,endIcon:a=>u.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:s,children:u.jsx(i.IconSlot,{icon:n??t.a,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:l,...r})});U.displayName="ChipDismissible";var K=d.forwardRef(function({variant:e=F,href:t,disabled:a,...n},o){const s=d.useMemo(()=>({root:i.getStyles({chipLinkVariantRoot:e}),icon:i.getStyles({chipLinkVariantIcon:e})}),[e]);return u.jsx(W,{as:"a",ref:o,variant:e,disabled:a,layerClassNames:s,tabIndex:0,...{...n,href:a?void 0:t}})});K.displayName="ChipLink";var X=d.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=F,...o},s){const r=d.useMemo(()=>({root:i.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:i.getStyles({chipToggleVariantIcon:n})}),[e,n]),c=d.useCallback(n=>{t?.(!e),a?.(n)},[e,a,t]);return u.jsx(W,{ref:s,as:"button",variant:n,onClick:c,"aria-pressed":e,layerClassNames:r,tabIndex:0,...o})});X.displayName="ChipToggle";var Z=d.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:o,isToggled:i,...s},r){return n?u.jsx(U,{ref:r,onDismiss:n,...s}):o?u.jsx(X,{ref:r,onToggle:o,isToggled:i,...s}):t?u.jsx(K,{ref:r,href:t,...s,...a}):u.jsx(G,{ref:r,onClick:e,...s})});Z.displayName="Chip";var Q=d.forwardRef(function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:c,name:l,type:m="button",htmlName:x,className:f,children:b,...g},y){const v=d.useRef(null);d.useImperativeHandle(y,()=>v.current);const{palette:S,variant:C}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=d.useMemo(()=>({button:i.getStyles({buttonVariant:C,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,C,f,c,a,r]),N=h.useReducedMotion(),j=d.useMemo(()=>N?"smooth":"subtle",[N]),k=d.useMemo(()=>{const{rest:e,hover:t,pressed:a}=B;return c?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[c]);return u.jsx(o.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:c?"always":"user",children:u.jsx(h.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...g,children:u.jsxs(h.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&u.jsx(h.m.span,{variants:z,initial:"loading",animate:"loading",exit:"hide",children:u.jsx(i.Icon,{size:p.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),l&&!r&&u.jsx(h.m.span,{variants:R,initial:"icon",animate:"icon",exit:"hide",children:b||u.jsx(i.Icon,{size:p.buttonIconSvgSize,name:l,variant:n,color:"current",className:I.icon})},l.name)]})})})}),J=l.__toESM(r.require_isFunction(),1),Y=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=d.useRef(null),[i,s]=d.useState("auto");return d.useEffect(()=>{if(n.current){const e=new ResizeObserver(e=>{s(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),u.jsx(o.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:u.jsx(h.m.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:u.jsx("div",{ref:n,children:e})})})},ee=d.memo(function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:o,size:s,isFilled:r,...c}){return t?u.jsx(i.Box,{spacingTop:o,spacingStart:n,...c,children:u.jsx(e.InputHelpTextInternalMemo,{startIcon:a,size:s,isFilled:r,children:(0,J.default)(t)?t():t})}):null}),te=d.memo(function({icon:e,className:t,iconProps:a}){return e?u.jsx(i.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),ae=d.memo(function({icon:e,className:t,iconProps:a}){return e?u.jsx(i.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),ne=d.forwardRef(function({id:e,label:t,type:n="text",size:o="md",startIcon:s,endIcon:r,helpText:c,helperTextIcon:l,hasError:p,width:m="full",defaultValue:x,required:f,readOnly:b,disabled:g,reduceMotion:y,onChange:v,slotProps:S,className:C,...I},N){const j=d.useId(),k=e??`uds-input-${j}`,w=`uds-input-${k}-help-text`,{className:V,...M}=S?.input??{},{className:R,...z}=S?.inputWrapper??{},P=d.useRef(null);d.useImperativeHandle(N,()=>P.current);const[T,B]=d.useState(x??""),A=d.useCallback(e=>{B(e.target.value),v?.(e)},[v]),E=h.useReducedMotion()?"smooth":"bouncy",q=y?"always":"user",L=!b&&!g,H={root:i.getStyles({inputSizeRoot:o,inputVariantRoot:"default",inputVariantValueRoot:T?"filled":"empty",className:i.cx([C,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",L?"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 u.jsxs(a.VStack,{width:m,className:H.root,children:[t&&u.jsxs(i.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:H.label,children:[u.jsx("label",{htmlFor:k,children:(0,J.default)(t)?t():t}),f&&u.jsx("span",{className:H.labelRequired,children:"*"})]}),u.jsxs(i.Box,{position:"relative",alignItems:"center",...z,className:H.inputWrapper,children:[u.jsx(te,{icon:s,className:H.startIcon,iconProps:S?.startIcon}),u.jsx("input",{ref:P,id:k,type:n,value:T,required:f,readOnly:b,disabled:g,"aria-describedby":w,"aria-invalid":p,onChange:A,className:H.input,...I,...M}),r&&u.jsx(a.HStack,{alignItems:"center",gap:"1",children:u.jsx(ae,{icon:r,className:H.endIcon,iconProps:S?.endIcon})})]}),u.jsx(Y,{reduceMotion:q,layoutVariant:E,children:u.jsx(ee,{id:w,helpText:c,spacingTop:"2",size:o,isFilled:!!T,helperTextIcon:l})})]})});ne.displayName="Input";var oe=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}},ie=d.createContext(new Map),se=e=>{const t=d.useId();return e??`uds-radio-group-${t}`},re={primary:"alert",secondary:"alert-secondary"},ce=h.m.create(i.Box),le={layoutVariant:"smooth",layoutSpeed:"3"},de={layoutVariant:"veryBouncy",layoutSpeed:"4"},ue=d.forwardRef(function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:c="md",reduceMotion:l,value:p="",checked:m,defaultChecked:x,disabled:f,hasError:b,onChange:g,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=d.useId(),k=e??`uds-radio-${j}`,w=d.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const o=d.useContext(ie),i=o instanceof oe,s=void 0!==a||i,r=se(e),c=d.useMemo(()=>i?o:oe.findOrCreate(o,r),[o,i,r]),[l,u]=d.useState(c.value),p=c.name??r,h=d.useCallback(e=>{c.setValue(e),s||u(e)},[s,c]);return d.useEffect(()=>c.onChange(u),[c]),d.useEffect(()=>{!0===a&&h(t)},[a,t,h]),d.useEffect(()=>{if(i)return;const e=oe.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:h}})({name:t,value:p,checked:m,defaultChecked:x}),[P,T]=d.useState(!1),[B,A]=d.useState(!1),E=d.useMemo(()=>b?re[r]:r,[b,r]),q=d.useMemo(()=>!f&&P,[f,P]),L=d.useMemo(()=>!f&&!R&&B,[R,f,B]),H=d.useMemo(()=>L?.9:q?1.1:1,[q,L]),_=d.useMemo(()=>R?L?"opacity-55":"opacity-100":"opacity-0",[R,L]),O=d.useMemo(()=>!f&&(L&&!R||q&&R),[R,f,q,L]),D=d.useMemo(()=>({scale:H}),[H]),$=d.useMemo(()=>B?de:le,[B]),F=d.useCallback(e=>{z(e.target.value),g?.(e)},[g,z]),W=d.useCallback(e=>{y?.(e)},[y]),G=d.useCallback(e=>{v?.(e)},[v]),U=d.useCallback(()=>{T(!0)},[]),K=d.useCallback(()=>{T(!1)},[]),X=d.useCallback(()=>{A(!0)},[]),Z=d.useCallback(()=>{A(!1)},[]),Q=l?"always":"user",J=h.useReducedMotion()||l?"duration-0":"duration-120",Y={root:i.getStyles({radioSizeRoot:c,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:i.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:i.getStyles({radioSizeRadio:c,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:i.cx(["border","uds-ring","uds-ring-within",J,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:i.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:i.cx(["pointer-events-none","w-[8px]","h-[8px]",_,J,"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",C?.label)},ee=a?h.m.label:h.m.div;return u.jsx(o.SpringMotionConfig,{reducedMotion:Q,...$,children:u.jsxs(ee,{className:Y.root,"data-testid":"container",onHoverStart:U,onHoverEnd:K,onTapStart:X,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[u.jsxs(ce,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Y.radio,animate:D,insetShadow:O?"lg-invert":"none",children:[u.jsx("input",{type:"radio",tabIndex:0,...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:W,onBlur:G,id:k,name:V,value:p,disabled:f,"aria-invalid":b,onChange:F,...M?{checked:R}:{defaultChecked:x},className:Y.htmlRadio}),u.jsx(i.Box,{borderRadius:"full",className:Y.radioCircle})]}),a&&u.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:Y.label})]})})});ue.displayName="Radio";var pe=i.createSlot(),he=class extends oe{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},me=d.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:o,...i},s){const r=void 0!==a,c=se(t),l=d.useMemo(()=>{const e=new he(c,r);return e.value=r?a:n,e},[n,r,c,a]);d.useEffect(()=>{l.onChangeCb=o},[o,l]),d.useEffect(()=>{r&&l.setValue(a,!0)},[r,l,a]),d.useEffect(()=>l.onChange(e=>o?.(e)),[o,l]);const p=e?pe:"div";return u.jsx(ie.Provider,{value:l,children:u.jsx(p,{role:"radiogroup",ref:s,...i})})});me.displayName="RadioGroupProvider";var xe={md:{isOnX:20},sm:{isOnX:12}},fe=h.m.create(i.Box),be={layoutVariant:"bouncy",layoutSpeed:"4"},ge=d.forwardRef(function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:c="start",size:l="md",onIcon:p,offIcon:m,reduceMotion:x,disabled:f,required:b,onFocus:g,onBlur:y,className:v,layerClassNames:S,...C},I){const N=d.useId(),j=e??`uds-input-${N}`,k=d.useRef(null),w=void 0!==t,[V,M]=d.useState(w?t:a),[R,z]=d.useState(!1),P=d.useMemo(()=>!f&&R,[f,R]),{isOnX:T}=xe[l],B=d.useMemo(()=>({initial:{scale:1,x:V?T:0},animate:{scale:P?1.05:1,x:V?T:0}}),[P,V,T]),A=d.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),E=d.useCallback(e=>{g?.(e)},[g]),q=d.useCallback(e=>{y?.(e)},[y]),L=d.useCallback(()=>{z(!0)},[]),H=d.useCallback(()=>{z(!1)},[]),_=x?"always":"user",O=h.useReducedMotion()||x?"duration-0":"duration-120";d.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",O,"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",O,"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%]",O,"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?h.m.label:h.m.div;return u.jsx(o.SpringMotionConfig,{reducedMotion:_,...be,children:u.jsxs($,{className:D.root,"data-testid":"container",onHoverStart:L,onHoverEnd:H,tabIndex:-1,children:[u.jsxs(fe,{className:D.switch,children:[u.jsx("input",{type:"checkbox",tabIndex:0,...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:E,onBlur:q,id:j,disabled:f,required:b,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:A,className:D.htmlCheckbox,style:{}}),u.jsxs(fe,{className:D.handle,...B,children:[u.jsx(i.Box,{className:D.handleCircle}),p&&u.jsx(i.IconSlot,{icon:p,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:i.cx(D.handleIcon,V?"opacity-100":"opacity-0")}),m&&u.jsx(i.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:i.cx(D.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&u.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:r,className:D.label})]})})});ge.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 m.Menu}}),exports.Avatar=k,exports.AvatarIcon=I,exports.AvatarImage=j,exports.AvatarText=N,exports.Badge=w,exports.Button=E,exports.Checkbox=$,exports.Chip=Z,exports.ChipButton=G,exports.ChipDismissible=U,exports.ChipLink=K,exports.ChipToggle=X,exports.IconButton=Q,exports.Input=ne,exports.Radio=ue,exports.RadioGroupProvider=me,exports.Switch=ge;

package/dist/client/index.d.cts

@@ -1,15 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cV as UniversalAvatarIconProps, m as IconPropsWithSVGProps, cY as UniversalAvatarTextProps, cW as UniversalAvatarImageProps, D as ImagePropsWithImgProps, cZ as UniversalBadgeProps, c_ as UniversalButtonProps, c$ as UniversalCheckboxProps, d4 as UniversalChipProps, d1 as UniversalChipButtonProps, d2 as UniversalChipDismissibleProps, d3 as UniversalChipLinkProps, d5 as UniversalChipToggleProps, d6 as UniversalIconButtonProps, da as UniversalRadioProps, d9 as UniversalRadioGroupProps, c1 as MotionVariant, c2 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-A7dQQHNE.cjs';
-import { T as TextProps } from '../Text-Di0xLhJx.cjs';
-export { b as Input, I as InputProps } from '../Text-Di0xLhJx.cjs';
+import { cV as UniversalAvatarIconProps, m as IconPropsWithSVGProps, cY as UniversalAvatarTextProps, cW as UniversalAvatarImageProps, D as ImagePropsWithImgProps, cZ as UniversalBadgeProps, c_ as UniversalButtonProps, c$ as UniversalCheckboxProps, d4 as UniversalChipProps, d1 as UniversalChipButtonProps, d2 as UniversalChipDismissibleProps, d3 as UniversalChipLinkProps, d5 as UniversalChipToggleProps, d6 as UniversalIconButtonProps, da as UniversalRadioProps, d9 as UniversalRadioGroupProps, c1 as MotionVariant, c2 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-DK15J9TU.cjs';
+import { T as TextProps } from '../Text-BiRnIMq9.cjs';
+export { b as Input, I as InputProps } from '../Text-BiRnIMq9.cjs';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-export { a as Pressable, P as PressableProps } from '../Pressable-DZi-Ay9z.cjs';
+export { a as Pressable, P as PressableProps } from '../Pressable-DszdqWG8.cjs';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';
-import '../Box-CfWJXdeW.cjs';
+import '../Box-BQypZMqK.cjs';
 
 type DataAttributes$2 = {
     [name: `data-${string}`]: string;

package/dist/client/index.d.ts

@@ -1,15 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cV as UniversalAvatarIconProps, m as IconPropsWithSVGProps, cY as UniversalAvatarTextProps, cW as UniversalAvatarImageProps, D as ImagePropsWithImgProps, cZ as UniversalBadgeProps, c_ as UniversalButtonProps, c$ as UniversalCheckboxProps, d4 as UniversalChipProps, d1 as UniversalChipButtonProps, d2 as UniversalChipDismissibleProps, d3 as UniversalChipLinkProps, d5 as UniversalChipToggleProps, d6 as UniversalIconButtonProps, da as UniversalRadioProps, d9 as UniversalRadioGroupProps, c1 as MotionVariant, c2 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-A7dQQHNE.js';
-import { T as TextProps } from '../Text-CXdUVeWA.js';
-export { b as Input, I as InputProps } from '../Text-CXdUVeWA.js';
+import { cV as UniversalAvatarIconProps, m as IconPropsWithSVGProps, cY as UniversalAvatarTextProps, cW as UniversalAvatarImageProps, D as ImagePropsWithImgProps, cZ as UniversalBadgeProps, c_ as UniversalButtonProps, c$ as UniversalCheckboxProps, d4 as UniversalChipProps, d1 as UniversalChipButtonProps, d2 as UniversalChipDismissibleProps, d3 as UniversalChipLinkProps, d5 as UniversalChipToggleProps, d6 as UniversalIconButtonProps, da as UniversalRadioProps, d9 as UniversalRadioGroupProps, c1 as MotionVariant, c2 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-DK15J9TU.js';
+import { T as TextProps } from '../Text-_YQwqzEU.js';
+export { b as Input, I as InputProps } from '../Text-_YQwqzEU.js';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-export { a as Pressable, P as PressableProps } from '../Pressable-Nqmlz_FD.js';
+export { a as Pressable, P as PressableProps } from '../Pressable-BUnPR5Jz.js';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';
-import '../Box-BW0Ct5XD.js';
+import '../Box-DVBNsZP-.js';
 
 type DataAttributes$2 = {
     [name: `data-${string}`]: string;

package/dist/client/index.js

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