@yahoo/uds 3.17.0-beta.3 → 3.17.0-beta.4

package/dist/client/index.js

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

package/dist/experimental/client/SwitchV2.cjs

@@ -1,2 +1 @@
-"use client";
-"use strict";var e=require("../../chunk-I5TC35WI.cjs"),t=require("clsx"),r=require("motion/react-m"),a=require("react"),o=require("react/jsx-runtime");function n(e){return e&&e.__esModule?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(t),s=()=>import("../../domMax-ZTC57OAI.cjs").then((({domMax:e})=>e)),u=l(r).div,c=a.forwardRef((function({id:t,isOn:r,defaultIsOn:n,onChange:l,label:c,labelPosition:d="start",size:f="md",onIcon:h,offIcon:p,reduceMotion:b,disabled:m,required:x,onFocus:y,onBlur:v,className:C,layerClassNames:g,...j},w){const k=a.useId(),N=t??`uds-input-${k}`,O=a.useRef(null),I=void 0!==r,[M,q]=a.useState(I?r:n),P=a.useCallback((e=>{l?.(e),I||q(e.target.checked)}),[I,l]),S=a.useCallback((e=>{y?.(e)}),[y]),_=a.useCallback((e=>{v?.(e)}),[v]),A=b?"always":"user",F=b?"duration-0":"duration-120 motion-reduce:duration-0";a.useEffect((()=>{I&&q(r)}),[r,I]);const V={root:i.default("group","flex","items-center","start"===d?"flex-row":"flex-row-reverse",...m?["cursor-default","opacity-50"]:["cursor-pointer"],g?.root,C),switch:i.default("uds-ring","uds-ring-within","relative","rounded-full","items-center",F,"transition-[background-color,box-shadow]",g?.switch),handleContainer:i.default("pointer-events-none","relative","w-full","h-full"),handle:i.default("absolute","top-0","bottom-0",M?"right-0":"left-0",g?.handle),handleContents:i.default("relative","w-full","h-full","rounded-full","overflow-hidden",!m&&"group-hover:scale-105","opacity-95",!m&&"group-hover:opacity-100",F,"transition-[transform,opacity]"),handleCircle:i.default("absolute","top-0","left-0","right-0","bottom-0"),handleIcon:i.default("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"transition-opacity"),htmlCheckbox:i.default("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.default("start"===d?"text-start":"text-end",g?.label)},z=c?"label":"div";return o.jsx(e.SpringMotionConfig,{reducedMotion:A,loadFeatures:s,layoutVariant:"bouncy",layoutSpeed:"4",children:o.jsx(z,{className:V.root,"data-testid":"switch-root",tabIndex:-1,children:o.jsxs("div",{className:V.switch,children:[o.jsx("input",{type:"checkbox",...j,ref:e=>{O.current=e,"function"==typeof w?w(e):null!==w&&(w.current=e)},onFocus:S,onBlur:_,id:N,disabled:m,required:x,checked:I?M:void 0,defaultChecked:I?void 0:n,onChange:P,className:V.htmlCheckbox,style:{}}),o.jsx("div",{className:V.handleContainer,children:o.jsx(u,{className:V.handle,layout:"position",layoutDependency:M,children:o.jsx("div",{className:V.handleContents,children:o.jsx("div",{className:V.handleCircle})})})})]})})})}));c.displayName="SwitchV2",Object.defineProperty(exports,"AvoidMotionLibraryProvider",{enumerable:!0,get:function(){return e.AvoidMotionLibraryProvider}}),exports.SwitchV2=c;
+"use strict";var e=require("../../chunk-MDZCXF7W.cjs"),t=require("clsx"),r=require("motion/react-m"),a=require("react"),o=require("react/jsx-runtime");function n(e){return e&&e.__esModule?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(t),s=()=>import("../../domMax-ZTC57OAI.cjs").then((({domMax:e})=>e)),u=l(r).div,c=a.forwardRef((function({id:t,isOn:r,defaultIsOn:n,onChange:l,label:c,labelPosition:d="start",size:f="md",onIcon:h,offIcon:p,reduceMotion:b,disabled:m,required:x,onFocus:y,onBlur:v,className:C,layerClassNames:g,...j},w){const k=a.useId(),M=t??`uds-input-${k}`,N=a.useRef(null),O=void 0!==r,[q,I]=a.useState(O?r:n),P=a.useCallback((e=>{l?.(e),O||I(e.target.checked)}),[O,l]),S=a.useCallback((e=>{y?.(e)}),[y]),F=a.useCallback((e=>{v?.(e)}),[v]),_=b?"always":"user",A=b?"duration-0":"duration-120 motion-reduce:duration-0";a.useEffect((()=>{O&&I(r)}),[r,O]);const D={root:i.default("group","flex","items-center","start"===d?"flex-row":"flex-row-reverse",...m?["cursor-default","opacity-50"]:["cursor-pointer"],g?.root,C),switch:i.default("uds-ring","uds-ring-within","relative","rounded-full","items-center",A,"transition-[background-color,box-shadow]",g?.switch),handleContainer:i.default("pointer-events-none","relative","w-full","h-full"),handle:i.default("absolute","top-0","bottom-0",q?"right-0":"left-0",g?.handle),handleContents:i.default("relative","w-full","h-full","rounded-full","overflow-hidden",!m&&"group-hover:scale-105","opacity-95",!m&&"group-hover:opacity-100",A,"transition-[transform,opacity]"),handleCircle:i.default("absolute","top-0","left-0","right-0","bottom-0"),handleIcon:i.default("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",A,"transition-opacity"),htmlCheckbox:i.default("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.default("start"===d?"text-start":"text-end",g?.label)},V=c?"label":"div";return o.jsx(e.SpringMotionConfig,{reducedMotion:_,loadFeatures:s,layoutVariant:"bouncy",layoutSpeed:"4",children:o.jsx(V,{className:D.root,"data-testid":"switch-root",tabIndex:-1,children:o.jsxs("div",{className:D.switch,children:[o.jsx("input",{type:"checkbox",...j,ref:e=>{N.current=e,"function"==typeof w?w(e):null!==w&&(w.current=e)},onFocus:S,onBlur:F,id:M,disabled:m,required:x,checked:O?q:void 0,defaultChecked:O?void 0:n,onChange:P,className:D.htmlCheckbox,style:{}}),o.jsx("div",{className:D.handleContainer,children:o.jsx(u,{className:D.handle,layout:"position",layoutDependency:q,children:o.jsx("div",{className:D.handleContents,children:o.jsx("div",{className:D.handleCircle})})})})]})})})}));c.displayName="SwitchV2",Object.defineProperty(exports,"AvoidMotionLibraryProvider",{enumerable:!0,get:function(){return e.AvoidMotionLibraryProvider}}),exports.SwitchV2=c;

package/dist/experimental/client/SwitchV2.js

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

package/dist/index-Bxa_xSvC.d.ts

@@ -0,0 +1,243 @@
+import * as properties from '@yahoo/uds/fixtures';
+import { h as ShadowPreset, d as UniversalTokensConfig } from './types-v_SxufCg.js';
+
+type DispatchContext = {
+    componentName: string;
+    subComponentName?: string;
+    propertyKey: string;
+    layer: string;
+};
+interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
+    name: string;
+    cssProperties: string | string[];
+    twThemePath: (selected: T, value: string) => string;
+    possibleFixtures: T[];
+    extendedProperties?: ExtendablePropertiesName[] | ((context: DispatchContext) => ExtendablePropertiesName[] | undefined | false);
+    customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => string) => string;
+    concatenate?: boolean;
+    concatenationDelimiter?: string;
+}
+declare const publicProperties: {
+    readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+    readonly borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
+    readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
+    readonly borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+    readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
+    readonly fontSize: ConfigurableProperty<"textVariants", unknown>;
+    readonly lineHeight: ConfigurableProperty<"textVariants", unknown>;
+    readonly textTransform: ConfigurableProperty<"textVariants", unknown>;
+    readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
+    readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
+    readonly color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+    readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
+    readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
+    readonly spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
+    readonly spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
+    readonly textVariant: ConfigurableProperty<"textVariants", unknown>;
+    readonly textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
+    readonly shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+    readonly insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+    readonly height: ConfigurableProperty<"spacingAliases", unknown>;
+    readonly width: ConfigurableProperty<"spacingAliases", unknown>;
+};
+declare const configurableProperties: {
+    outlineWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
+    outlineColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+    insetOutlineOffset: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
+    solidOutline: ConfigurableProperty<never, unknown>;
+    backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+    borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
+    borderRadius: ConfigurableProperty<"borderRadii", unknown>;
+    borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+    fontFamily: ConfigurableProperty<"textVariants", unknown>;
+    fontSize: ConfigurableProperty<"textVariants", unknown>;
+    lineHeight: ConfigurableProperty<"textVariants", unknown>;
+    textTransform: ConfigurableProperty<"textVariants", unknown>;
+    padding: ConfigurableProperty<"spacingAliases", unknown>;
+    gap: ConfigurableProperty<"spacingAliases", unknown>;
+    color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
+    fontWeight: ConfigurableProperty<"textVariants", unknown>;
+    iconSize: ConfigurableProperty<"iconSizes", unknown>;
+    spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
+    spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
+    textVariant: ConfigurableProperty<"textVariants", unknown>;
+    textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
+    shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+    insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
+    height: ConfigurableProperty<"spacingAliases", unknown>;
+    width: ConfigurableProperty<"spacingAliases", unknown>;
+};
+type ExtendablePropertiesName = keyof typeof configurableProperties;
+type ConfigurablePropertiesName = keyof typeof publicProperties;
+interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof publicProperties)[C]['possibleFixtures'] = (typeof publicProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]> {
+    label: string;
+    name: C;
+    typeOfFixture: T;
+    values: V;
+    pseudoStates?: PossibleStates[];
+    supportsCustom?: boolean;
+    defaults: {
+        [K in O]: V[number][number];
+    };
+}
+
+type AllPossibleProperties = Exclude<keyof typeof properties, 'iconButtonClassNames' | 'iconButtonSize' | 'iconButtonStates' | 'buttonClassNames' | 'buttonColorProperties' | 'buttonIconSvgSize' | 'buttonKinds' | 'buttonMotionEffects' | 'buttonMotionProperties' | 'buttonPalettes' | 'buttonSizeProperties' | 'buttonSizes' | 'buttonStates' | 'buttonVariants'> | 'shadowVariantConfig';
+type PossibleStates = 'hover' | 'pressed' | 'focused' | 'invalid' | 'focus-within' | 'focused-keyboard' | 'visited' | 'readonly' | 'disabled' | 'invalid&hover' | 'invalid&pressed';
+type PossibleStatesWithRest = 'rest' | PossibleStates;
+interface LayerConfig {
+    label: string;
+    properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
+    pseudoSelector?: string;
+}
+interface ComponentStateConfig {
+    label: string;
+    options: string[];
+    layers: {
+        root: LayerConfig;
+    } & Record<string, LayerConfig>;
+}
+interface SubComponentConfig {
+    label: string;
+    description: string;
+    overrideComponentName?: string;
+    variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+}
+interface VariantConfig<O extends string = string> {
+    label: string;
+    description: string;
+    isConfigurable: boolean;
+    default: O;
+    options: readonly O[];
+}
+interface VariantConfigWithProperties<O extends string = string> extends VariantConfig<O> {
+    layers: {
+        root: LayerConfig;
+    } & Record<string, LayerConfig>;
+}
+interface VariantConfigWithComponentStates<O extends string = string> extends VariantConfig<O> {
+    componentStates?: Readonly<Record<string, ComponentStateConfig>>;
+}
+interface ComponentConfig {
+    label: string;
+    description: string;
+    overrideComponentName?: string;
+    subComponents?: Record<string, SubComponentConfig>;
+    variants?: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+}
+type AutoComponents = Omit<UniversalTokensConfig, 'colorMode' | 'font' | 'scaleMode' | 'version' | 'motion' | 'button' | 'iconButton' | 'shadow' | 'breakpoints' | 'typography' | 'globalDefaults'>;
+type AutoComponentName = keyof AutoComponents;
+type AllVariantKeys = {
+    [K in keyof AutoComponents]: {
+        [V in keyof AutoComponents[K]['defaults']]: V;
+    }[keyof AutoComponents[K]['defaults']];
+}[keyof AutoComponents];
+
+type ThemeFn = (path: string) => string;
+type SchemaStateValue<T = any> = {
+    type: string;
+    valueType: 'alias' | 'custom';
+    value: T;
+};
+declare const statePseudoMapDocsMode: Record<PossibleStates | 'rest', string>;
+declare function findFixtureType(property: SelectedConfigurableProperty<ConfigurablePropertiesName, string>, variantKey: string): string;
+declare function toMinimalDbConfigObject<C extends ComponentConfig>(config: C): any;
+declare function generateClassName({ componentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, subComponentName, stateKey, stateValue, }: {
+    componentName: string;
+    variantKey: string;
+    variantValue?: string;
+    layer: string;
+    layerOptionalPseudoSelector?: string;
+    subComponentName?: string;
+    stateKey?: string;
+    stateValue?: string;
+}): string;
+declare function generateDeclaration({ componentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, subComponentName, stateKey, stateValue, schema, propertyKey, originalPropertyDefinition, theme, currentStyles, previewOptions, }: {
+    componentName: string;
+    variantKey: string;
+    variantValue: string;
+    layer: string;
+    layerOptionalPseudoSelector?: string;
+    subComponentName?: string;
+    stateKey?: string;
+    stateValue?: string;
+    schema: unknown;
+    propertyKey: string;
+    originalPropertyDefinition: SelectedConfigurableProperty<ConfigurablePropertiesName, any>;
+    theme: ThemeFn;
+    currentStyles: Readonly<Record<string, Record<string, string>>>;
+    previewOptions?: {
+        generatePseudoStateClassModifier?: boolean;
+        forcePseudoState?: boolean;
+    };
+}): Record<string, Record<string, string>>;
+declare function generateStyles<C extends ComponentConfig>(config: C, schema: any, theme: ThemeFn, previewOptions?: {
+    generatePseudoStateClassModifier: boolean;
+    forcePseudoState: boolean;
+}): Record<string, Record<string, string>>;
+declare function createConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof configurableProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]>(prop: {
+    name: C;
+    typeOfFixture: T;
+    values: V;
+    defaults: {
+        [K in O]: V[number][number];
+    };
+    label: string;
+    pseudoStates?: PossibleStates[];
+    supportsCustom?: boolean;
+}): SelectedConfigurableProperty<C, O, T, V>;
+/**
+ * @deprecated use the new functions instead
+ */
+declare function createVariantConfig<O extends string, T extends Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, O>>>(config: {
+    label: string;
+    description: string;
+    isConfigurable: boolean;
+    default: O;
+    options: readonly O[];
+    properties: T;
+}): VariantConfig<O>;
+declare function createComponentStateConfig(config: {
+    label: string;
+    options: string[];
+    layers: {
+        root: LayerConfig;
+    } & Record<string, LayerConfig>;
+}): ComponentStateConfig;
+declare function createVariantConfigWithProperties(config: {
+    label: string;
+    description: string;
+    isConfigurable: boolean;
+    default: string;
+    options: readonly string[];
+    layers: {
+        root: LayerConfig;
+    } & Record<string, LayerConfig>;
+}): VariantConfigWithProperties;
+declare function createVariantConfigWithComponentStates(config: {
+    label: string;
+    description: string;
+    isConfigurable: boolean;
+    default: string;
+    options: readonly string[];
+    componentStates: Record<string, ComponentStateConfig>;
+}): VariantConfigWithComponentStates;
+declare function createComponentStates(config: {
+    label: string;
+    options: string[];
+    layers: {
+        root: LayerConfig;
+    } & Record<string, LayerConfig>;
+}): ComponentStateConfig;
+declare function createLayerConfig(config: {
+    label: string;
+    pseudoSelector?: string;
+    properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
+}): LayerConfig;
+declare function createSubComponentConfig(config: {
+    label: string;
+    description: string;
+    overrideComponentName?: string;
+    variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
+}): SubComponentConfig;
+
+export { type AllPossibleProperties as A, type ConfigurablePropertiesName as C, type ExtendablePropertiesName as E, type LayerConfig as L, type PossibleStates as P, type SelectedConfigurableProperty as S, type VariantConfig as V, type PossibleStatesWithRest as a, type ComponentStateConfig as b, configurableProperties as c, type SubComponentConfig as d, type VariantConfigWithProperties as e, type VariantConfigWithComponentStates as f, type ComponentConfig as g, type AutoComponents as h, type AutoComponentName as i, type AllVariantKeys as j, type SchemaStateValue as k, findFixtureType as l, generateClassName as m, generateDeclaration as n, generateStyles as o, createConfigurableProperty as p, createVariantConfig as q, createComponentStateConfig as r, statePseudoMapDocsMode as s, toMinimalDbConfigObject as t, createVariantConfigWithProperties as u, createVariantConfigWithComponentStates as v, createComponentStates as w, createLayerConfig as x, createSubComponentConfig as y };