@yahoo/uds 3.57.0 → 3.58.0

package/dist/client/index.js

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