@yahoo/uds 3.14.0 → 3.15.0-beta.1

package/dist/client/index.js

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

package/dist/domMax-OBCHPQP3.js

@@ -0,0 +1 @@
+export{domMax}from"motion/react";

package/dist/domMax-ZTC57OAI.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("motion/react");Object.defineProperty(exports,"domMax",{enumerable:!0,get:function(){return e.domMax}});

package/dist/experimental/client/SwitchV2.cjs

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

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

@@ -0,0 +1,42 @@
+import { b as UniversalSwitchProps } from '../../types-BzCxycgJ.cjs';
+import react__default from 'react';
+import '@yahoo/uds-icons/types';
+import 'motion/react';
+import 'type-fest';
+
+type NativeInputProps = Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
+interface SwitchV2Props extends NativeInputProps, UniversalSwitchProps {
+    layerClassNames?: {
+        root?: string;
+        switch?: string;
+        handle?: string;
+        label?: string;
+    };
+}
+/**
+ * **⚙️️ An switch.
+ *
+ * @componentType Client component
+ *
+ * @description
+ * A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
+ *
+ * @see
+ * Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
+ *
+ * @usage
+ * - Forms: switch
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { Switch } from "@yahoo/uds";
+ *
+ * <Switch label="Name" required />
+ *```
+ *
+ * @related [Checkbox](https://uds.build/docs/components/checkbox).
+ **/
+declare const SwitchV2: react__default.ForwardRefExoticComponent<SwitchV2Props & react__default.RefAttributes<HTMLInputElement>>;
+
+export { SwitchV2, type SwitchV2Props };

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

@@ -0,0 +1,42 @@
+import { b as UniversalSwitchProps } from '../../types-BzCxycgJ.js';
+import react__default from 'react';
+import '@yahoo/uds-icons/types';
+import 'motion/react';
+import 'type-fest';
+
+type NativeInputProps = Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
+interface SwitchV2Props extends NativeInputProps, UniversalSwitchProps {
+    layerClassNames?: {
+        root?: string;
+        switch?: string;
+        handle?: string;
+        label?: string;
+    };
+}
+/**
+ * **⚙️️ An switch.
+ *
+ * @componentType Client component
+ *
+ * @description
+ * A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
+ *
+ * @see
+ * Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
+ *
+ * @usage
+ * - Forms: switch
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { Switch } from "@yahoo/uds";
+ *
+ * <Switch label="Name" required />
+ *```
+ *
+ * @related [Checkbox](https://uds.build/docs/components/checkbox).
+ **/
+declare const SwitchV2: react__default.ForwardRefExoticComponent<SwitchV2Props & react__default.RefAttributes<HTMLInputElement>>;
+
+export { SwitchV2, type SwitchV2Props };

package/dist/experimental/client/SwitchV2.js

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