@yahoo/uds 3.66.1 → 3.66.2

package/dist/client/index.js

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

package/dist/experimental/client/SwitchV2.cjs

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