@yahoo/uds 3.17.0-beta.1 → 3.17.0-beta.2

package/dist/client/index.cjs

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

package/dist/client/index.d.cts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cS as UniversalAvatarProps, cQ as UniversalAvatarIconProps, cR as UniversalAvatarImageProps, cT as UniversalAvatarTextProps, cU as UniversalBadgeProps, cV as UniversalButtonProps, cW as UniversalCheckboxProps, c$ as UniversalChipProps, cY as UniversalChipButtonProps, cZ as UniversalChipDismissibleProps, c_ as UniversalChipLinkProps, d0 as UniversalChipToggleProps, d1 as UniversalIconButtonProps, d5 as UniversalRadioProps, d4 as UniversalRadioGroupProps, b as UniversalSwitchProps } from '../types-DYEQXQnF.cjs';
+import { cS as UniversalAvatarProps, cQ as UniversalAvatarIconProps, cR as UniversalAvatarImageProps, cT as UniversalAvatarTextProps, cU as UniversalBadgeProps, cV as UniversalButtonProps, cW as UniversalCheckboxProps, c$ as UniversalChipProps, cY as UniversalChipButtonProps, cZ as UniversalChipDismissibleProps, c_ as UniversalChipLinkProps, d0 as UniversalChipToggleProps, d1 as UniversalIconButtonProps, d5 as UniversalRadioProps, d4 as UniversalRadioGroupProps, b as UniversalSwitchProps } from '../types-CDG_lMY2.cjs';
 import * as react from 'react';
 import react__default from 'react';
 import { HTMLMotionProps } from 'motion/react';
-export { a as Input, I as InputProps } from '../Input-Dy8st3t9.cjs';
-export { a as Pressable, P as PressableProps } from '../Pressable-6OGAsf5K.cjs';
-export { S as SpringMotionConfig, a as SpringMotionConfigProps } from '../SpringMotionConfig-CDjfwVEF.cjs';
+export { a as Input, I as InputProps } from '../Input-BJG3dbn8.cjs';
+export { a as Pressable, P as PressableProps } from '../Pressable-F-zzCS7l.cjs';
+export { S as SpringMotionConfig, a as SpringMotionConfigProps } from '../SpringMotionConfig-Cefj-EKu.cjs';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';

package/dist/client/index.d.ts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cS as UniversalAvatarProps, cQ as UniversalAvatarIconProps, cR as UniversalAvatarImageProps, cT as UniversalAvatarTextProps, cU as UniversalBadgeProps, cV as UniversalButtonProps, cW as UniversalCheckboxProps, c$ as UniversalChipProps, cY as UniversalChipButtonProps, cZ as UniversalChipDismissibleProps, c_ as UniversalChipLinkProps, d0 as UniversalChipToggleProps, d1 as UniversalIconButtonProps, d5 as UniversalRadioProps, d4 as UniversalRadioGroupProps, b as UniversalSwitchProps } from '../types-DYEQXQnF.js';
+import { cS as UniversalAvatarProps, cQ as UniversalAvatarIconProps, cR as UniversalAvatarImageProps, cT as UniversalAvatarTextProps, cU as UniversalBadgeProps, cV as UniversalButtonProps, cW as UniversalCheckboxProps, c$ as UniversalChipProps, cY as UniversalChipButtonProps, cZ as UniversalChipDismissibleProps, c_ as UniversalChipLinkProps, d0 as UniversalChipToggleProps, d1 as UniversalIconButtonProps, d5 as UniversalRadioProps, d4 as UniversalRadioGroupProps, b as UniversalSwitchProps } from '../types-CDG_lMY2.js';
 import * as react from 'react';
 import react__default from 'react';
 import { HTMLMotionProps } from 'motion/react';
-export { a as Input, I as InputProps } from '../Input-BMRGSU5y.js';
-export { a as Pressable, P as PressableProps } from '../Pressable-CIIFtTng.js';
-export { S as SpringMotionConfig, a as SpringMotionConfigProps } from '../SpringMotionConfig-G-5m8zYg.js';
+export { a as Input, I as InputProps } from '../Input-CDTSLT-Y.js';
+export { a as Pressable, P as PressableProps } from '../Pressable-Dih5zV3K.js';
+export { S as SpringMotionConfig, a as SpringMotionConfigProps } from '../SpringMotionConfig-CHsl5u8I.js';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';

package/dist/client/index.js

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

package/dist/experimental/client/SwitchV2.cjs

@@ -1,2 +1 @@
-"use client";
-"use strict";var e=require("../../chunk-LUIZSLSJ.cjs"),t=require("../../chunk-YYFHF7KD.cjs"),a=require("../../chunk-SQCEFYU5.cjs"),o=require("motion/react-m"),r=require("react"),i=require("react/jsx-runtime");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var c=()=>import("../../domMax-ZTC57OAI.cjs").then((({domMax:e})=>e)),s=n(o).create(a.Box),l=r.forwardRef((function({id:o,isOn:n,defaultIsOn:l,onChange:d,label:u,labelPosition:h="start",size:f="md",onIcon:x,offIcon:m,reduceMotion:p,disabled:y,required:b,onFocus:w,onBlur:v,className:g,layerClassNames:S,...j},N){const C=r.useId(),I=o??`uds-input-${C}`,k=r.useRef(null),V=void 0!==n,[O,q]=r.useState(V?n:l),z=r.useCallback((e=>{d?.(e),V||q(e.target.checked)}),[V,d]),M=r.useCallback((e=>{w?.(e)}),[w]),P=r.useCallback((e=>{v?.(e)}),[v]),A=p?"always":"user",B=p?"duration-0":"duration-120 motion-reduce:duration-0";r.useEffect((()=>{V&&q(n)}),[n,V]);const F={root:a.getStyles({switchSizeRoot:f,switchVariantRoot:"default",switchVariantActiveRoot:O?"on":"off",display:"flex",flexDirection:"start"===h?"row":"row-reverse",alignItems:"center",className:a.cx("group",{"cursor-pointer":!y,"cursor-default":y,"opacity-50":y},S?.root,g)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:f,switchVariantActiveSwitch:O?"on":"off",borderRadius:"full",alignItems:"center",className:a.cx("uds-ring","uds-ring-within","relative",B,"transition-[background-color,box-shadow]",S?.switch)}),handleContainer:a.cx("pointer-events-none","relative","w-full","h-full"),handle:a.getStyles({switchSizeHandle:f,className:a.cx("absolute","top-0","bottom-0",O?"right-0":"left-0",S?.handle)}),handleContents:a.getStyles({className:a.cx("relative","w-full","h-full","rounded-full","overflow-hidden",!y&&"group-hover:scale-105","opacity-95",!y&&"group-hover:opacity-100",B,"transition-[transform,opacity]")}),handleCircle:a.getStyles({switchVariantActiveHandle:O?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:a.getStyles({switchSizeHandleIcon:f,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:O?"on":"off",className:a.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",B,"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"===h?"text-start":"text-end",S?.label)},H=u?"label":"div";return i.jsx(t.SpringMotionConfig,{reducedMotion:A,loadFeatures:c,layoutVariant:"bouncy",layoutSpeed:"4",children:i.jsxs(H,{className:F.root,"data-testid":"switch-root",tabIndex:-1,children:[i.jsxs(a.Box,{className:F.switch,children:[i.jsx("input",{type:"checkbox",...j,ref:e=>{k.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:M,onBlur:P,id:I,disabled:y,required:b,checked:V?O:void 0,defaultChecked:V?void 0:l,onChange:z,className:F.htmlCheckbox,style:{}}),i.jsx(a.Box,{className:F.handleContainer,children:i.jsx(s,{className:F.handle,layout:"position",layoutDependency:O,children:i.jsxs(a.Box,{className:F.handleContents,children:[i.jsx(a.Box,{className:F.handleCircle}),x&&i.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(F.handleIcon,O?"opacity-100":"opacity-0")}),m&&i.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(F.handleIcon,O?"opacity-0":"opacity-100")})]})})})]}),u&&i.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:u,className:F.label})]})})}));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */l.displayName="SwitchV2",Object.defineProperty(exports,"AvoidMotionLibraryProvider",{enumerable:!0,get:function(){return t.AvoidMotionLibraryProvider}}),exports.SwitchV2=l;
+"use strict";var e=require("../../chunk-LUIZSLSJ.cjs"),t=require("../../chunk-I5TC35WI.cjs"),a=require("../../chunk-SQCEFYU5.cjs"),o=require("clsx"),r=require("motion/react-m"),n=require("react"),l=require("react/jsx-runtime");function i(e){return e&&e.__esModule?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var c=i(o),u=()=>import("../../domMax-ZTC57OAI.cjs").then((({domMax:e})=>e)),d=s(r).create(a.Box),f=n.forwardRef((function({id:o,isOn:r,defaultIsOn:i,onChange:s,label:f,labelPosition:h="start",size:p="md",onIcon:b,offIcon:x,reduceMotion:m,disabled:y,required:v,onFocus:j,onBlur:C,className:g,layerClassNames:w,...k},I){const N=n.useId(),q=o??`uds-input-${N}`,O=n.useRef(null),S=void 0!==r,[M,P]=n.useState(S?r:i),B=n.useCallback((e=>{s?.(e),S||P(e.target.checked)}),[S,s]),F=n.useCallback((e=>{j?.(e)}),[j]),L=n.useCallback((e=>{C?.(e)}),[C]),z=m?"always":"user",_=m?"duration-0":"duration-120 motion-reduce:duration-0";n.useEffect((()=>{S&&P(r)}),[r,S]);const A={root:c.default("group","flex","items-center","start"===h?"flex-row":"flex-row-reverse",...y?["cursor-default","opacity-50"]:["cursor-pointer"],w?.root,g),switch:c.default("uds-ring","uds-ring-within","relative","rounded-full","items-center",_,"transition-[background-color,box-shadow]",w?.switch),handleContainer:c.default("pointer-events-none","relative","w-full","h-full"),handle:c.default("absolute","top-0","bottom-0",M?"right-0":"left-0",w?.handle),handleContents:c.default("relative","w-full","h-full","rounded-full","overflow-hidden",!y&&"group-hover:scale-105","opacity-95",!y&&"group-hover:opacity-100",_,"transition-[transform,opacity]"),handleCircle:c.default("absolute","top-0","left-0","right-0","bottom-0"),handleIcon:c.default("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",_,"transition-opacity"),htmlCheckbox:c.default("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:c.default("start"===h?"text-start":"text-end",w?.label)},E=f?"label":"div";return l.jsx(t.SpringMotionConfig,{reducedMotion:z,loadFeatures:u,layoutVariant:"bouncy",layoutSpeed:"4",children:l.jsxs(E,{className:A.root,"data-testid":"switch-root",tabIndex:-1,children:[l.jsxs(a.Box,{className:A.switch,children:[l.jsx("input",{type:"checkbox",...k,ref:e=>{O.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:F,onBlur:L,id:q,disabled:y,required:v,checked:S?M:void 0,defaultChecked:S?void 0:i,onChange:B,className:A.htmlCheckbox,style:{}}),l.jsx(a.Box,{className:A.handleContainer,children:l.jsx(d,{className:A.handle,layout:"position",layoutDependency:M,children:l.jsxs(a.Box,{className:A.handleContents,children:[l.jsx(a.Box,{className:A.handleCircle}),b&&l.jsx(a.IconSlot,{icon:b,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:c.default(A.handleIcon,M?"opacity-100":"opacity-0")}),x&&l.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:c.default(A.handleIcon,M?"opacity-0":"opacity-100")})]})})})]}),f&&l.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:v,label:f,className:A.label})]})})}));f.displayName="SwitchV2",Object.defineProperty(exports,"AvoidMotionLibraryProvider",{enumerable:!0,get:function(){return t.AvoidMotionLibraryProvider}}),exports.SwitchV2=f;

package/dist/experimental/client/SwitchV2.d.cts

@@ -1,6 +1,6 @@
-import { b as UniversalSwitchProps } from '../../types-DYEQXQnF.cjs';
+import { b as UniversalSwitchProps } from '../../types-CDG_lMY2.cjs';
 import react__default from 'react';
-export { A as AvoidMotionLibraryProvider } from '../../SpringMotionConfig-CDjfwVEF.cjs';
+export { A as AvoidMotionLibraryProvider } from '../../SpringMotionConfig-Cefj-EKu.cjs';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'type-fest';

package/dist/experimental/client/SwitchV2.d.ts

@@ -1,6 +1,6 @@
-import { b as UniversalSwitchProps } from '../../types-DYEQXQnF.js';
+import { b as UniversalSwitchProps } from '../../types-CDG_lMY2.js';
 import react__default from 'react';
-export { A as AvoidMotionLibraryProvider } from '../../SpringMotionConfig-G-5m8zYg.js';
+export { A as AvoidMotionLibraryProvider } from '../../SpringMotionConfig-CHsl5u8I.js';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'type-fest';

package/dist/experimental/client/SwitchV2.js

@@ -1,2 +1 @@
-"use client";
-import{FormLabel as t}from"../../chunk-XMZZKQMQ.js";import{SpringMotionConfig as e}from"../../chunk-3I27E32L.js";export{AvoidMotionLibraryProvider}from"../../chunk-3I27E32L.js";import{Box as a,cx as o,getStyles as i,IconSlot as n}from"../../chunk-OJB3FVN6.js";import*as r from"motion/react-m";import{forwardRef as l,useId as s,useRef as c,useState as d,useCallback as h,useEffect as u}from"react";import{jsx as m,jsxs as f}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var p=()=>import("../../domMax-OBCHPQP3.js").then((({domMax:t})=>t)),w=r.create(a),y=l((function({id:r,isOn:l,defaultIsOn:y,onChange:b,label:v,labelPosition:N="start",size:x="md",onIcon:I,offIcon:g,reduceMotion:C,disabled:k,required:V,onFocus:S,onBlur:z,className:H,layerClassNames:M,...j},P){const A=s(),B=r??`uds-input-${A}`,F=c(null),O=void 0!==l,[R,q]=d(O?l:y),L=h((t=>{b?.(t),O||q(t.target.checked)}),[O,b]),Q=h((t=>{S?.(t)}),[S]),D=h((t=>{z?.(t)}),[z]),E=C?"always":"user",Z=C?"duration-0":"duration-120 motion-reduce:duration-0";u((()=>{O&&q(l)}),[l,O]);const J={root:i({switchSizeRoot:x,switchVariantRoot:"default",switchVariantActiveRoot:R?"on":"off",display:"flex",flexDirection:"start"===N?"row":"row-reverse",alignItems:"center",className:o("group",{"cursor-pointer":!k,"cursor-default":k,"opacity-50":k},M?.root,H)}),switch:i({switchVariantSwitch:"default",switchSizeSwitch:x,switchVariantActiveSwitch:R?"on":"off",borderRadius:"full",alignItems:"center",className:o("uds-ring","uds-ring-within","relative",Z,"transition-[background-color,box-shadow]",M?.switch)}),handleContainer:o("pointer-events-none","relative","w-full","h-full"),handle:i({switchSizeHandle:x,className:o("absolute","top-0","bottom-0",R?"right-0":"left-0",M?.handle)}),handleContents:i({className:o("relative","w-full","h-full","rounded-full","overflow-hidden",!k&&"group-hover:scale-105","opacity-95",!k&&"group-hover:opacity-100",Z,"transition-[transform,opacity]")}),handleCircle:i({switchVariantActiveHandle:R?"on":"off",switchVariantHandle:"default",className:o("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:i({switchSizeHandleIcon:x,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:R?"on":"off",className:o("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",Z,"transition-opacity")}),htmlCheckbox:o("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o("start"===N?"text-start":"text-end",M?.label)};return m(e,{reducedMotion:E,loadFeatures:p,layoutVariant:"bouncy",layoutSpeed:"4",children:f(v?"label":"div",{className:J.root,"data-testid":"switch-root",tabIndex:-1,children:[f(a,{className:J.switch,children:[m("input",{type:"checkbox",...j,ref:t=>{F.current=t,"function"==typeof P?P(t):null!==P&&(P.current=t)},onFocus:Q,onBlur:D,id:B,disabled:k,required:V,checked:O?R:void 0,defaultChecked:O?void 0:y,onChange:L,className:J.htmlCheckbox,style:{}}),m(a,{className:J.handleContainer,children:m(w,{className:J.handle,layout:"position",layoutDependency:R,children:f(a,{className:J.handleContents,children:[m(a,{className:J.handleCircle}),I&&m(n,{icon:I,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:o(J.handleIcon,R?"opacity-100":"opacity-0")}),g&&m(n,{icon:g,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o(J.handleIcon,R?"opacity-0":"opacity-100")})]})})})]}),v&&m(t,{as:"div",variant:"inherit",color:"inherit",required:V,label:v,className:J.label})]})})}));y.displayName="SwitchV2";export{y as SwitchV2};
+import{FormLabel as e}from"../../chunk-XMZZKQMQ.js";import{SpringMotionConfig as t}from"../../chunk-OGMNTWFW.js";export{AvoidMotionLibraryProvider}from"../../chunk-OGMNTWFW.js";import{Box as o,IconSlot as a}from"../../chunk-OJB3FVN6.js";import r from"clsx";import*as n from"motion/react-m";import{forwardRef as i,useId as l,useRef as s,useState as c,useCallback as d,useEffect as u}from"react";import{jsx as h,jsxs as m}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var p=()=>import("../../domMax-OBCHPQP3.js").then((({domMax:e})=>e)),f=n.create(o),y=i((function({id:n,isOn:i,defaultIsOn:y,onChange:b,label:x,labelPosition:v="start",size:N="md",onIcon:w,offIcon:C,reduceMotion:g,disabled:k,required:M,onFocus:I,onBlur:j,className:F,layerClassNames:O,...P},B){const W=l(),q=n??`uds-input-${W}`,z=s(null),Q=void 0!==i,[V,G]=c(Q?i:y),S=d((e=>{b?.(e),Q||G(e.target.checked)}),[Q,b]),T=d((e=>{I?.(e)}),[I]),Z=d((e=>{j?.(e)}),[j]),A=g?"always":"user",D=g?"duration-0":"duration-120 motion-reduce:duration-0";u((()=>{Q&&G(i)}),[i,Q]);const H={root:r("group","flex","items-center","start"===v?"flex-row":"flex-row-reverse",...k?["cursor-default","opacity-50"]:["cursor-pointer"],O?.root,F),switch:r("uds-ring","uds-ring-within","relative","rounded-full","items-center",D,"transition-[background-color,box-shadow]",O?.switch),handleContainer:r("pointer-events-none","relative","w-full","h-full"),handle:r("absolute","top-0","bottom-0",V?"right-0":"left-0",O?.handle),handleContents:r("relative","w-full","h-full","rounded-full","overflow-hidden",!k&&"group-hover:scale-105","opacity-95",!k&&"group-hover:opacity-100",D,"transition-[transform,opacity]"),handleCircle:r("absolute","top-0","left-0","right-0","bottom-0"),handleIcon:r("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",D,"transition-opacity"),htmlCheckbox:r("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:r("start"===v?"text-start":"text-end",O?.label)};return h(t,{reducedMotion:A,loadFeatures:p,layoutVariant:"bouncy",layoutSpeed:"4",children:m(x?"label":"div",{className:H.root,"data-testid":"switch-root",tabIndex:-1,children:[m(o,{className:H.switch,children:[h("input",{type:"checkbox",...P,ref:e=>{z.current=e,"function"==typeof B?B(e):null!==B&&(B.current=e)},onFocus:T,onBlur:Z,id:q,disabled:k,required:M,checked:Q?V:void 0,defaultChecked:Q?void 0:y,onChange:S,className:H.htmlCheckbox,style:{}}),h(o,{className:H.handleContainer,children:h(f,{className:H.handle,layout:"position",layoutDependency:V,children:m(o,{className:H.handleContents,children:[h(o,{className:H.handleCircle}),w&&h(a,{icon:w,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:r(H.handleIcon,V?"opacity-100":"opacity-0")}),C&&h(a,{icon:C,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:r(H.handleIcon,V?"opacity-0":"opacity-100")})]})})})]}),x&&h(e,{as:"div",variant:"inherit",color:"inherit",required:M,label:x,className:H.label})]})})}));y.displayName="SwitchV2";export{y as SwitchV2};