@yahoo/uds 3.35.0 → 3.35.1

package/dist/client/index.js

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

package/dist/experimental/client/SwitchV2.js

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