@yahoo/uds 3.64.2 → 3.65.0

package/dist/client/index.js

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

package/dist/defaultTokensConfig.d.cts

@@ -1,5 +1,5 @@
-import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, B as BreakpointsConfig, E as ElevationConfig } from './universalTokensConfigAuto-DMkgiw7i.cjs';
-export { e as defaultUniversalTokensConfigAuto } from './universalTokensConfigAuto-DMkgiw7i.cjs';
+import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, B as BreakpointsConfig, E as ElevationConfig } from './universalTokensConfigAuto-DEov8Cbz.cjs';
+export { e as defaultUniversalTokensConfigAuto } from './universalTokensConfigAuto-DEov8Cbz.cjs';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';

package/dist/defaultTokensConfig.d.ts

@@ -1,5 +1,5 @@
-import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, B as BreakpointsConfig, E as ElevationConfig } from './universalTokensConfigAuto-DMkgiw7i.js';
-export { e as defaultUniversalTokensConfigAuto } from './universalTokensConfigAuto-DMkgiw7i.js';
+import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, B as BreakpointsConfig, E as ElevationConfig } from './universalTokensConfigAuto-DEov8Cbz.js';
+export { e as defaultUniversalTokensConfigAuto } from './universalTokensConfigAuto-DEov8Cbz.js';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';

package/dist/experimental/client/SwitchV2.cjs

@@ -1 +1 @@
-"use strict";var e=require("../../chunk-JY5DPKJL.cjs"),t=require("../../chunk-O7H45A6H.cjs"),a=require("../../chunk-BMP5TZVZ.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(),V=o??`uds-input-${C}`,k=i.useRef(null),I=void 0!==n,[q,B]=i.useState(I?n:l),M=i.useCallback(e=>{d?.(e),I||B(e.target.checked)},[I,d]),O=i.useCallback(e=>{w?.(e)},[w]),P=i.useCallback(e=>{v?.(e)},[v]),z=p?"always":"user",H=p?"duration-0":"duration-120 motion-reduce:duration-0";i.useEffect(()=>{I&&B(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"],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:z,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",...S,ref:e=>{k.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:O,onBlur:P,id:V,disabled:y,required:b,checked:I?q:void 0,defaultChecked:I?void 0:l,onChange:M,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;
+"use strict";var e=require("../../chunk-WUUHRRJU.cjs"),t=require("../../chunk-OMOQVBA7.cjs"),a=require("../../chunk-3PD3YOPX.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(),V=o??`uds-input-${C}`,k=i.useRef(null),I=void 0!==n,[O,q]=i.useState(I?n:l),B=i.useCallback(e=>{d?.(e),I||q(e.target.checked)},[I,d]),M=i.useCallback(e=>{w?.(e)},[w]),P=i.useCallback(e=>{v?.(e)},[v]),z=p?"always":"user",A=p?"duration-0":"duration-120 motion-reduce:duration-0";i.useEffect(()=>{I&&q(n)},[n,I]);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"],j?.root,g)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:f,switchVariantActiveSwitch:O?"on":"off",className:a.cx("uds-ring","uds-ring-within","relative","rounded-full","items-center",A,"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",O?"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",A,"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%]",A,"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)},R=u?"label":"div";return r.jsx(t.SpringMotionConfig,{reducedMotion:z,loadFeatures:c,layoutVariant:"bouncy",layoutSpeed:"4",children:r.jsxs(R,{className:H.root,"data-testid":"switch-root",tabIndex:-1,children:[r.jsxs(a.Box,{className:H.switch,children:[r.jsx("input",{type:"checkbox",...S,ref:e=>{k.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:M,onBlur:P,id:V,disabled:y,required:b,checked:I?O:void 0,defaultChecked:I?void 0:l,onChange:B,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;

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

@@ -1,4 +1,4 @@
-import { c as UniversalSwitchProps } from '../../universalTokensConfigAuto-DMkgiw7i.cjs';
+import { c as UniversalSwitchProps } from '../../universalTokensConfigAuto-DEov8Cbz.cjs';
 import react__default from 'react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

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

@@ -1,4 +1,4 @@
-import { c as UniversalSwitchProps } from '../../universalTokensConfigAuto-DMkgiw7i.js';
+import { c as UniversalSwitchProps } from '../../universalTokensConfigAuto-DEov8Cbz.js';
 import react__default from 'react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

package/dist/experimental/client/SwitchV2.js

@@ -1 +1 @@
-import{FormLabel as t}from"../../chunk-DFLTCYEQ.js";import{SpringMotionConfig as e,AvoidMotionLibraryProvider as a}from"../../chunk-7ODTLDW2.js";import{Box as o,cx as i,getStyles as n,IconSlot as r}from"../../chunk-FEHICJMH.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:V,onFocus:S,onBlur:H,className:z,layerClassNames:j,...D},F){const M=s(),A=a??`uds-input-${M}`,P=d(null),R=void 0!==l,[q,O]=h(R?l:c),B=u(t=>{b?.(t),R||O(t.target.checked)},[R,b]),E=u(t=>{S?.(t)},[S]),J=u(t=>{H?.(t)},[H]),L=I?"always":"user",T=I?"duration-0":"duration-120 motion-reduce:duration-0";m(()=>{R&&O(l)},[l,R]);const Q={root:n({switchSizeRoot:x,switchVariantRoot:"default",switchVariantActiveRoot:q?"on":"off",className:i("group","flex","items-center","start"===N?"flex-row":"flex-row-reverse",...k?["cursor-default","opacity-50"]:["cursor-pointer"],j?.root,z)}),switch:n({switchVariantSwitch:"default",switchSizeSwitch:x,switchVariantActiveSwitch:q?"on":"off",className:i("uds-ring","uds-ring-within","relative","rounded-full","items-center",T,"transition-[background-color,box-shadow]",j?.switch)}),handleContainer:i("pointer-events-none","relative","w-full","h-full"),handle:n({switchSizeHandle:x,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",!k&&"group-hover:scale-105","opacity-95",!k&&"group-hover:opacity-100",T,"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:x,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:q?"on":"off",className:i("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",T,"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",j?.label)};return f(e,{reducedMotion:L,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",...D,ref:t=>{P.current=t,"function"==typeof F?F(t):null!==F&&(F.current=t)},onFocus:E,onBlur:J,id:A,disabled:k,required:V,checked:R?q:void 0,defaultChecked:R?void 0:c,onChange:B,className:Q.htmlCheckbox,style:{}}),f(o,{className:Q.handleContainer,children:f(y,{className:Q.handle,layout:"position",layoutDependency:q,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,q?"opacity-100":"opacity-0")}),g&&f(r,{icon:g,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:i(Q.handleIcon,q?"opacity-0":"opacity-100")})]})})})]}),v&&f(t,{as:"div",variant:"inherit",color:"inherit",required:V,label:v,className:Q.label})]})})});b.displayName="SwitchV2";var v=a;export{b as SwitchV2,v as SwitchV2AvoidMotionLibraryProvider};
+import{FormLabel as t}from"../../chunk-HXUK7XKM.js";import{SpringMotionConfig as e,AvoidMotionLibraryProvider as a}from"../../chunk-DUFKNEYX.js";import{Box as o,cx as i,getStyles as n,IconSlot as r}from"../../chunk-QYVQISTO.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:V,required:k,onFocus:S,onBlur:z,className:H,layerClassNames:j,...M},A){const F=s(),P=a??`uds-input-${F}`,R=d(null),X=void 0!==l,[q,D]=h(X?l:c),K=u(t=>{b?.(t),X||D(t.target.checked)},[X,b]),O=u(t=>{S?.(t)},[S]),B=u(t=>{z?.(t)},[z]),Q=I?"always":"user",U=I?"duration-0":"duration-120 motion-reduce:duration-0";m(()=>{X&&D(l)},[l,X]);const Y={root:n({switchSizeRoot:x,switchVariantRoot:"default",switchVariantActiveRoot:q?"on":"off",className:i("group","flex","items-center","start"===N?"flex-row":"flex-row-reverse",...V?["cursor-default","opacity-50"]:["cursor-pointer"],j?.root,H)}),switch:n({switchVariantSwitch:"default",switchSizeSwitch:x,switchVariantActiveSwitch:q?"on":"off",className:i("uds-ring","uds-ring-within","relative","rounded-full","items-center",U,"transition-[background-color,box-shadow]",j?.switch)}),handleContainer:i("pointer-events-none","relative","w-full","h-full"),handle:n({switchSizeHandle:x,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",!V&&"group-hover:scale-105","opacity-95",!V&&"group-hover:opacity-100",U,"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:x,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:q?"on":"off",className:i("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",U,"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",j?.label)};return f(e,{reducedMotion:Q,loadFeatures:w,layoutVariant:"bouncy",layoutSpeed:"4",children:p(v?"label":"div",{className:Y.root,"data-testid":"switch-root",tabIndex:-1,children:[p(o,{className:Y.switch,children:[f("input",{type:"checkbox",...M,ref:t=>{R.current=t,"function"==typeof A?A(t):null!==A&&(A.current=t)},onFocus:O,onBlur:B,id:P,disabled:V,required:k,checked:X?q:void 0,defaultChecked:X?void 0:c,onChange:K,className:Y.htmlCheckbox,style:{}}),f(o,{className:Y.handleContainer,children:f(y,{className:Y.handle,layout:"position",layoutDependency:q,children:p(o,{className:Y.handleContents,children:[f(o,{className:Y.handleCircle}),C&&f(r,{icon:C,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:i(Y.handleIcon,q?"opacity-100":"opacity-0")}),g&&f(r,{icon:g,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:i(Y.handleIcon,q?"opacity-0":"opacity-100")})]})})})]}),v&&f(t,{as:"div",variant:"inherit",color:"inherit",required:k,label:v,className:Y.label})]})})});b.displayName="SwitchV2";var v=a;export{b as SwitchV2,v as SwitchV2AvoidMotionLibraryProvider};