@yahoo/uds 3.35.0 → 3.35.2

package/dist/client/index.cjs

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

package/dist/client/index.js

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

package/dist/experimental/client/SwitchV2.cjs

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

package/dist/experimental/client/SwitchV2.js

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