@yahoo/uds 3.9.0 → 3.10.0

package/dist/client/index.cjs

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

package/dist/client/index.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cO as UniversalAvatarProps, cM as UniversalAvatarIconProps, cN as UniversalAvatarImageProps, cP as UniversalAvatarTextProps, cQ as UniversalBadgeProps, cR as UniversalButtonProps, cS as UniversalCheckboxProps, cX as UniversalChipProps, cU as UniversalChipButtonProps, cV as UniversalChipDismissibleProps, cW as UniversalChipLinkProps, cY as UniversalChipToggleProps, cZ as UniversalIconButtonProps, d1 as UniversalRadioProps, d0 as UniversalRadioGroupProps, M as MotionVariant, q as MotionVariantSpeed, d2 as UniversalSwitchProps } from '../types-BWAk0oJf.cjs';
+import { cO as UniversalAvatarProps, cM as UniversalAvatarIconProps, cN as UniversalAvatarImageProps, cP as UniversalAvatarTextProps, cQ as UniversalBadgeProps, cR as UniversalButtonProps, cS as UniversalCheckboxProps, cX as UniversalChipProps, cU as UniversalChipButtonProps, cV as UniversalChipDismissibleProps, cW as UniversalChipLinkProps, cY as UniversalChipToggleProps, cZ as UniversalIconButtonProps, d1 as UniversalRadioProps, d0 as UniversalRadioGroupProps, M as MotionVariant, q as MotionVariantSpeed, d2 as UniversalSwitchProps } from '../types-DGsZamYF.cjs';
 import * as react from 'react';
 import react__default from 'react';
 import { HTMLMotionProps, MotionConfigProps } from 'motion/react';
-export { a as Input, I as InputProps } from '../Input-rVK3-Mnd.cjs';
-export { a as Pressable, P as PressableProps } from '../Pressable-BBYBYrW2.cjs';
+export { a as Input, I as InputProps } from '../Input-zhPszcR6.cjs';
+export { a as Pressable, P as PressableProps } from '../Pressable-Bav3ibvU.cjs';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';

package/dist/client/index.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cO as UniversalAvatarProps, cM as UniversalAvatarIconProps, cN as UniversalAvatarImageProps, cP as UniversalAvatarTextProps, cQ as UniversalBadgeProps, cR as UniversalButtonProps, cS as UniversalCheckboxProps, cX as UniversalChipProps, cU as UniversalChipButtonProps, cV as UniversalChipDismissibleProps, cW as UniversalChipLinkProps, cY as UniversalChipToggleProps, cZ as UniversalIconButtonProps, d1 as UniversalRadioProps, d0 as UniversalRadioGroupProps, M as MotionVariant, q as MotionVariantSpeed, d2 as UniversalSwitchProps } from '../types-BWAk0oJf.js';
+import { cO as UniversalAvatarProps, cM as UniversalAvatarIconProps, cN as UniversalAvatarImageProps, cP as UniversalAvatarTextProps, cQ as UniversalBadgeProps, cR as UniversalButtonProps, cS as UniversalCheckboxProps, cX as UniversalChipProps, cU as UniversalChipButtonProps, cV as UniversalChipDismissibleProps, cW as UniversalChipLinkProps, cY as UniversalChipToggleProps, cZ as UniversalIconButtonProps, d1 as UniversalRadioProps, d0 as UniversalRadioGroupProps, M as MotionVariant, q as MotionVariantSpeed, d2 as UniversalSwitchProps } from '../types-DGsZamYF.js';
 import * as react from 'react';
 import react__default from 'react';
 import { HTMLMotionProps, MotionConfigProps } from 'motion/react';
-export { a as Input, I as InputProps } from '../Input-BcA7u4iL.js';
-export { a as Pressable, P as PressableProps } from '../Pressable-5kvWugAb.js';
+export { a as Input, I as InputProps } from '../Input-CHJJbcsx.js';
+export { a as Pressable, P as PressableProps } from '../Pressable-Bp9saCXS.js';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';

package/dist/client/index.js

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