@yahoo/uds 3.18.0 → 3.19.0

package/dist/client/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { cS as UniversalAvatarProps, cQ as UniversalAvatarIconProps, cR as UniversalAvatarImageProps, cT as UniversalAvatarTextProps, cU as UniversalBadgeProps, cV as UniversalButtonProps, cW as UniversalCheckboxProps, c$ as UniversalChipProps, cY as UniversalChipButtonProps, cZ as UniversalChipDismissibleProps, c_ as UniversalChipLinkProps, d0 as UniversalChipToggleProps, d1 as UniversalIconButtonProps, d5 as UniversalRadioProps, d4 as UniversalRadioGroupProps, bY as MotionVariant, bZ as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-DSRVFV7Y.js';
 import * as react from 'react';
-import react__default from 'react';
+import react__default, { ForwardRefExoticComponent } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
 export { a as Input, I as InputProps } from '../Input-Dd7-zRx5.js';
 export { a as Pressable, P as PressableProps } from '../Pressable-Dj8miUTu.js';
@@ -138,7 +138,7 @@ interface ButtonProps extends HtmlButtonProps$1, UniversalButtonProps {
  *
  * @related [Icon](https://uds.build/docs/components/icon), [IconButton](https://uds.build/docs/components/icon-button), [Pressable](https://uds.build/docs/components/pressable)
  **/
-declare const Button: react__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
+declare const Button: ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react__default.RefAttributes<HTMLButtonElement>>;
 
 type NativeInputProps$2 = Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color'>;
 interface CheckboxProps extends NativeInputProps$2, UniversalCheckboxProps {

package/dist/client/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{InputHelpTextMemo as e,Image as a}from"../chunk-GP7XCURZ.js";import{o2 as t,Pressable as n,a as i,o,e as r,t as s,e2 as l}from"../chunk-HN3QQ5PU.js";export{Pressable}from"../chunk-HN3QQ5PU.js";import{HStack as c,VStack as d}from"../chunk-4OQKZKM5.js";import{FormLabel as u}from"../chunk-XMZZKQMQ.js";import{SpringMotionConfig as h}from"../chunk-Z5DUCYHQ.js";export{SpringMotionConfig}from"../chunk-Z5DUCYHQ.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-OJB3FVN6.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-6OYKLY27.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 j,useContext as H}from"react";import{jsxs as M,jsx as A,Fragment as $}from"react/jsx-runtime";import{buttonIconSvgSize as O}from"@yahoo/uds/fixtures";import{m as B,useReducedMotion as E,AnimatePresence as W}from"motion/react";import{isFunction as q}from"lodash-es";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("")},F=(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)},Q=(e="md")=>p({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),G=e=>e?{height:e,width:e}:{},U="primary",Z="md",X={primary:l,secondary:s},K=({size:e=Z,variant:a=U,customSize:t,icon:n,className:i})=>{const o=w((()=>G(t)),[t]),r=w((()=>m(Q(e),p({avatarIconVariantRoot:a,overflow:"hidden"}),i)),[i,e,a]),s=w((()=>p({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??X[a??"primary"]),[n,a]),d=w((()=>p({avatarSizeIcon:e})),[e]);return A(y,{className:r,style:o,children:A(y,{className:s,style:l,children:A(b,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};K.displayName="AvatarIcon";var Y=({size:e=Z,variant:a=U,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=w((()=>m(Q(e),p({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r)),[r,e,a]),l=w((()=>p({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),c=w((()=>G(i)),[i]),d=w((()=>({...c,boxSizing:"content-box"})),[c]);return A(y,{className:s,style:c,children:A(g,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||F(t,o)})})};Y.displayName="AvatarText";var J=({size:e=Z,variant:t=U,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=w((()=>m(Q(e),p({avatarImageVariantRoot:t,overflow:"hidden"}),d)),[d,e,t]),v=w((()=>p({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),b=w((()=>G(o)),[o]),g=w((()=>({...b,boxSizing:"content-box"})),[b]);if("loaded"===u)return A(y,{className:f,style:b,children:A(a,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:t};return c||r?A(Y,{name:r,initials:c,abbreviationStrategy:l,...x}):A(K,{...x})};J.displayName="AvatarImage";var _=e=>A(J,{...e});_.displayName="Avatar";var ee=C((function({variant:e="primary",size:a="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:d,children:u,className:h,...v},b){const y=p({badgeSizeRoot:a,badgeVariantRoot:e,className:m(["uds-badge","uds-badge-variant","uds-badge-size",h])}),g=p({badgeVariantIcon:e,badgeSizeIcon:a,className:m(["uds-badge-iconSize","uds-badge-iconColor"])}),x=w((()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}})),[r,d,s,n,t]),N=w((()=>({variant:"fill",style:{...l?{color:l}:{}}})),[l]);return M(c,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&A(f,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),A("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&A(f,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})}));ee.displayName="Badge";var ae={scale:.7,opacity:0},te={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ne={icon:te,hide:ae,loading:ae},ie={loading:te,hide:ae,icon:ae},oe=`var(${N.columnGap})`,re=`var(${N.iconSize})`,se={rest:{scale:`var(${N.effects.scale.rest})`},hover:{scale:`var(${N.effects.scale.hover})`},pressed:{scale:`var(${N.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:oe}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:re,display:"flex",opacity:1},icon:{width:re,display:"flex",opacity:1}},ce=C((function({variant:e,size:a,startIcon:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:l,asChild:c,type:d="button",className:u,width:y,...g},N){const C=V(null);I(N,(()=>C.current));const z=w((()=>v()),[]),R=w((()=>B.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:H}=w((()=>x({flatVariant:e})),[e]),q=w((()=>({button:p({width:y,buttonSize:a,buttonVariant:H,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,H,j,u,r,s,P]),D=E()?"smooth":"subtle",F=w((()=>A(B.span,{className:q.iconContainer,initial:!1,variants:le,animate:L,children:M(W,{initial:!1,mode:"popLayout",children:[r&&A(B.span,{variants:ie,initial:"hide",animate:"loading",exit:"hide",children:A(b,{size:O,name:t,variant:o,color:"current",className:q.loading})},"loading"),n&&!r&&A(B.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:A(f,{className:q.start,icon:n,iconProps:{size:O,variant:o,color:"current"}})})]})})),[q.iconContainer,q.loading,q.start,L,r,o,n]),Q=w((()=>A(B.span,{className:q.iconContainer,initial:!1,variants:le,animate:T,children:A(W,{initial:!1,mode:"popLayout",children:i&&A(B.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:A(f,{className:q.end,icon:i,iconProps:{size:O,variant:o,color:"current"}})})})})),[q.iconContainer,q.end,i,T,o]),G=w((()=>s?{...se,rest:{},hover:{},pressed:{}}:se),[s]);return c&&k(l)?A(h,{layoutSpeed:"3",layoutVariant:D,children:A(R,{type:d,className:q.button,initial:["hide",P],animate:P,variants:G,whileHover:"hover",whileTap:"pressed",...g,children:S(l,l.props,M($,{children:[F,A("span",{className:q.content,children:l.props.children}),Q]}))})}):A(h,{layoutSpeed:"3",layoutVariant:D,children:M(B.button,{ref:C,type:d,className:q.button,initial:["hide",P],animate:P,variants:G,whileHover:"hover",whileTap:"pressed",...g,children:[F,A("span",{className:q.content,children:l}),Q]})})})),de={primary:"alert",secondary:"alert-secondary"},ue=e=>"indeterminate"===e,he=e=>ue(e)?o:r,pe=B.create(y),me={layoutVariant:"smooth",layoutSpeed:"3"},fe={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=C((function({id:e,checked:a,defaultChecked:t,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,disabled:c,required:d,hasError:f,className:v,layerClassNames:y,...g},x){const N=z(),C=e??`uds-input-${N}`,I=V(null),k=void 0!==a,[S,L]=R(k?a:t),[j,H]=R(!1),[$,O]=R(!1),W=w((()=>f?de[r]:r),[f,r]),q=!c&&j,D=!c&&$,F=w((()=>D?.9:q?1.1:1),[D,q]),Q=w((()=>S?D?"opacity-55":"opacity-100":"opacity-0"),[S,D]),G=w((()=>({scale:F})),[F]),U=w((()=>$?fe:me),[$]),Z=T((e=>{n?.(e),k||L(e.target.checked)}),[k,n]),X=T((()=>{H(!0)}),[]),K=T((()=>{H(!1)}),[]),Y=T((()=>{O(!0)}),[]),J=T((()=>{O(!1)}),[]),_=e=>{I.current&&(I.current.indeterminate=ue(e))},ee=l?"always":"user",ae=E()||l?"duration-0":"duration-120";P((()=>{k&&L(a)}),[a,k]),P((()=>{_(S)}),[S]);const te=ue(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:W,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:W,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:W,checkboxVariantValueCheckboxIcon:te,className:m("pointer-events-none",Q,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?B.label:B.div;return A(h,{reducedMotion:ee,...U,children:M(ie,{className:ne.root,"data-testid":"container",onHoverStart:X,onHoverEnd:K,onTapStart:Y,onTap:J,onTapCancel:J,tabIndex:-1,children:[M(pe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:G,children:[A("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?!ue(S)&&S:void 0,defaultChecked:k?void 0:t,onChange:Z,className:ne.htmlCheckbox}),A(b,{name:he(S),size:"sm",className:ne.check})]}),i&&A(u,{as:"div",variant:"inherit",color:"inherit",required:d,label:i,className:ne.label})]})})}));ve.displayName="Checkbox";var be="primary",ye=C((function({size:e="md",minWidth:a,maxWidth:t=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,layerClassNames:d,children:u,...h},v){const b=E()||r?"duration-0":"duration-120",y=w((()=>({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 A(c,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:y.root,...h,children:M(o,{disabled:s,children:[n&&A(f,{icon:n,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),A(g,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:u}),i&&A(f,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})}));ye.displayName="ChipBase";var ge=C((function({variant:e=be,...a},t){const n=w((()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})})),[e]);return A(ye,{as:"button",ref:t,variant:e,layerClassNames:n,...a})}));ge.displayName="ChipButton";var xe=C((function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:o=be,disabled:r,...s},l){const c=w((()=>({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 A(ye,{ref:l,variant:o,disabled:r,tabIndex:-1,endIcon:a=>A(n,{"aria-label":e,className:u.icon,onClick:d,disabled:r,children:A(f,{icon:t??i,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})}));xe.displayName="ChipDismissible";var Ne=C((function({variant:e=be,href:a,disabled:t,...n},i){const o=w((()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})})),[e]);return A(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=w((()=>({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 A(ye,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})}));Ce.displayName="ChipToggle";var we=C((function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?A(xe,{ref:s,onDismiss:n,...r}):i?A(Ce,{ref:s,onToggle:i,isToggled:o,...r}):a?A(Ne,{ref:s,href:a,...r,...t}):A(ge,{ref:s,onClick:e,...r})}));we.displayName="Chip";var Ve=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=V(null);I(f,(()=>v.current));const{palette:y,variant:g}=x({flatVariant:e}),N=w((()=>({button:p({buttonVariant:g,buttonPalette:y,iconButtonSize:a,className:m("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",c)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[y,g,c,o,a,i]),C=E(),k=w((()=>C?"smooth":"subtle"),[C]),S=w((()=>{const{rest:e,hover:a,pressed:t}=se;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}}),[o]);return A(h,{layoutSpeed:"3",layoutVariant:k,reducedMotion:o?"always":"user",children:A(B.button,{ref:v,type:s,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:l,...u,children:M(W,{initial:!1,mode:"popLayout",children:[i&&A(B.span,{variants:ie,initial:"loading",animate:"loading",exit:"hide",children:A(b,{size:O,name:t,variant:n,color:"current",className:N.loading})},"loading"),r&&!i&&A(B.span,{variants:ne,initial:"icon",animate:"icon",exit:"hide",children:d||A(b,{size:O,name:r,variant:n,color:"current",className:N.icon})},r.name)]})})})})),Ie=({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()}}}),[]),A(h,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:A(B.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:A("div",{ref:n,children:e})})})},ke=L((function({helpText:a,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return a?A(y,{spacingTop:i,spacingStart:n,...s,children:A(e,{startIcon:t,size:o,isFilled:r,children:q(a)?a():a})}):null})),Se=L((function({icon:e,className:a}){return e?A(f,{icon:e,iconProps:{variant:"outline"},className:a}):null})),ze=L((function({icon:e,className:a}){if(!e)return null;return A(f,{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:u="full",defaultValue:h,required:f,readOnly:v,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[j,H]=R(h??""),$=T((e=>{H(e.target.value),x?.(e)}),[x]),O=E()?"smooth":"bouncy",B=g?"always":"user",W=!v&&!b,D={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",W?"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 M(d,{width:u,className:D.root,children:[a&&M(y,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:D.label,children:[A("label",{htmlFor:S,children:q(a)?a():a}),f&&A("span",{className:D.labelRequired,children:"*"})]}),M(y,{position:"relative",alignItems:"center",className:D.inputWrapper,children:[A(Se,{icon:i,className:D.startIcon}),A("input",{ref:L,id:S,type:t,value:j,required:f,readOnly:v,disabled:b,"aria-describedby":P,"aria-invalid":l,onChange:$,className:D.input,...C}),o&&A(c,{alignItems:"center",gap:"1",children:A(ze,{icon:o,className:D.endIcon})})]}),A(Ie,{reduceMotion:B,layoutVariant:O,children:A(ke,{id:P,helpText:r,spacingTop:"2",size:n,isFilled:!!j,helperTextIcon:s})})]})}));Re.displayName="Input";var Te=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach((a=>a(e)))}static findOrCreate(a,t){let n=a.get(t);return n||(n=new e(t),a.set(t,n)),n}},Pe=j(new Map),Le=e=>{const a=z();return e??`uds-radio-group-${a}`},je={primary:"alert",secondary:"alert-secondary"},He=B.create(y),Me={layoutVariant:"smooth",layoutSpeed:"3"},Ae={layoutVariant:"veryBouncy",layoutSpeed:"4"},$e=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=V(null),{name:j,isControlled:$,checked:O,setGroupValue:W}=(({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=w((()=>o?i:Te.findOrCreate(i,s)),[i,o,s]),[c,d]=R(l.value),u=l.name??s,h=T((e=>{l.setValue(e),r||d(e)}),[r,l]);return P((()=>l.onChange(d)),[l]),P((()=>{!0===t&&h(a)}),[t,a,h]),P((()=>{if(o)return;const e=Te.findOrCreate(i,u);return e.activeCount+=1,i.set(u,e),()=>{const e=i.get(u);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(u))}}),[i,o,u]),{name:u,isControlled:r,checked:r&&!o?t:void 0!==c?a===c:n??!1,setGroupValue:h}})({name:a,value:s,checked:l,defaultChecked:c}),[q,D]=R(!1),[F,Q]=R(!1),G=w((()=>f?je[i]:i),[f,i]),U=w((()=>!d&&q),[d,q]),Z=w((()=>!d&&!O&&F),[O,d,F]),X=w((()=>Z?.9:U?1.1:1),[U,Z]),K=w((()=>O?Z?"opacity-55":"opacity-100":"opacity-0"),[O,Z]),Y=w((()=>!d&&(Z&&!O||U&&O)),[O,d,U,Z]),J=w((()=>({scale:X})),[X]),_=w((()=>F?Ae:Me),[F]),ee=T((e=>{W(e.target.value),v?.(e)}),[v,W]),ae=T((e=>{b?.(e)}),[b]),te=T((e=>{g?.(e)}),[g]),ne=T((()=>{D(!0)}),[]),ie=T((()=>{D(!1)}),[]),oe=T((()=>{Q(!0)}),[]),re=T((()=>{Q(!1)}),[]),se=r?"always":"user",le=E()||r?"duration-0":"duration-120",ce={root:p({radioSizeRoot:o,radioVariantValueRoot:O?"checked":"unchecked",radioVariantRoot:G,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:G,radioVariantValueRadio:O?"checked":"unchecked",className:m(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:p({radioVariantRadioCircle:G,radioVariantValueRadioCircle:O?"checked":"unchecked",className:m(["pointer-events-none","w-[8px]","h-[8px]",K,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?B.label:B.div;return A(h,{reducedMotion:se,..._,children:M(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[M(He,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:J,insetShadow:Y?"lg-invert":"none",children:[A("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:O}:{defaultChecked:c},className:ce.htmlRadio}),A(y,{borderRadius:"full",className:ce.radioCircle})]}),t&&A(u,{as:"div",variant:"inherit",color:"inherit",label:t,className:ce.label})]})})}));$e.displayName="Radio";var Oe=v(),Be=class extends Te{onChangeCb;isControlled;constructor(e,a){super(e),this.isControlled=a}setValue(e,a=!1){this.isControlled&&!a?this.onChangeCb?.(e):super.setValue(e)}},Ee=C((function({asChild:e,name:a,value:t,defaultValue:n,onChange:i,...o},r){const s=void 0!==t,l=Le(a),c=w((()=>{const e=new Be(l,s);return e.value=s?t:n,e}),[n,s,l,t]);P((()=>{c.onChangeCb=i}),[i,c]),P((()=>{s&&c.setValue(t,!0)}),[s,c,t]),P((()=>c.onChange((e=>i?.(e)))),[i,c]);const d=e?Oe:"div";return A(Pe.Provider,{value:c,children:A(d,{role:"radiogroup",ref:r,...o})})}));Ee.displayName="RadioGroupProvider";var We={md:{isOnX:20},sm:{isOnX:12}},qe=B.create(y),De={layoutVariant:"bouncy",layoutSpeed:"4"},Fe=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=V(null),j=void 0!==a,[H,$]=R(j?a:t),[O,W]=R(!1),q=w((()=>!d&&O),[d,O]),{isOnX:D}=We[r],F=w((()=>({initial:{scale:1,x:H?D:0},animate:{scale:q?1.05:1,x:H?D:0}})),[q,H,D]),Q=T((e=>{n?.(e),j||$(e.target.checked)}),[j,n]),G=T((e=>{b?.(e)}),[b]),U=T((e=>{g?.(e)}),[g]),Z=T((()=>{W(!0)}),[]),X=T((()=>{W(!1)}),[]),K=c?"always":"user",Y=E()||c?"duration-0":"duration-120";P((()=>{j&&$(a)}),[a,j]);const J={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:H?"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:H?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:m("uds-ring","uds-ring-within",Y,"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:H?"on":"off",switchVariantHandle:"default",className:m("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",Y,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:H?"on":"off",className:m("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",Y,"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?B.label:B.div;return A(h,{reducedMotion:K,...De,children:M(_,{className:J.root,"data-testid":"container",onHoverStart:Z,onHoverEnd:X,tabIndex:-1,children:[M(qe,{className:J.switch,children:[A("input",{type:"checkbox",...C,ref:e=>{L.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:G,onBlur:U,id:S,disabled:d,required:v,checked:j?H:void 0,defaultChecked:j?void 0:t,onChange:Q,className:J.htmlCheckbox,style:{}}),M(qe,{className:J.handle,...F,children:[A(y,{className:J.handleCircle}),s&&A(f,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:m(J.handleIcon,H?"opacity-100":"opacity-0")}),l&&A(f,{icon:l,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:m(J.handleIcon,H?"opacity-0":"opacity-100")})]})]}),i&&A(u,{as:"div",variant:"inherit",color:"inherit",required:v,label:i,className:J.label})]})})}));Fe.displayName="Switch";export{_ as Avatar,K as AvatarIcon,J as AvatarImage,Y as AvatarText,ee as Badge,ce as Button,ve as Checkbox,we as Chip,ge as ChipButton,xe as ChipDismissible,Ne as ChipLink,Ce as ChipToggle,Ve as IconButton,Re as Input,$e as Radio,Ee as RadioGroupProvider,Fe as Switch};
+import{InputHelpTextMemo as e,Image as a}from"../chunk-QRYRSFZY.js";import{o2 as t,Pressable as n,a as i,o,e as r,t as s,e2 as l}from"../chunk-CO72B6KB.js";export{Pressable}from"../chunk-CO72B6KB.js";import{HStack as c,VStack as d}from"../chunk-HLPRIDDR.js";import{FormLabel as u}from"../chunk-SNZ7GPSZ.js";import{SpringMotionConfig as h}from"../chunk-BCGLIYVJ.js";export{SpringMotionConfig}from"../chunk-BCGLIYVJ.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-DOU22WQU.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-6OYKLY27.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 B}from"react";import{jsxs as A,jsx as H,Fragment as $}from"react/jsx-runtime";import{buttonIconSvgSize as M}from"@yahoo/uds/fixtures";import{m as O,useReducedMotion as W,AnimatePresence as E}from"motion/react";import{isFunction as q}from"lodash-es";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("")},F=(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)},G=(e="md")=>p({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),Y=e=>e?{height:e,width:e}:{},K="primary",Q="md",U={primary:l,secondary:s},X=({size:e=Q,variant:a=K,customSize:t,icon:n,className:i})=>{const o=V((()=>Y(t)),[t]),r=V((()=>m(G(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 H(y,{className:r,style:o,children:H(y,{className:s,style:l,children:H(b,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};X.displayName="AvatarIcon";var Z=({size:e=Q,variant:a=K,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=V((()=>m(G(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((()=>Y(i)),[i]),d=V((()=>({...c,boxSizing:"content-box"})),[c]);return H(y,{className:s,style:c,children:H(g,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||F(t,o)})})};Z.displayName="AvatarText";var J=({size:e=Q,variant:t=K,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(G(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((()=>Y(o)),[o]),g=V((()=>({...b,boxSizing:"content-box"})),[b]);if("loaded"===u)return H(y,{className:f,style:b,children:H(a,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:t};return c||r?H(Z,{name:r,initials:c,abbreviationStrategy:l,...x}):H(X,{...x})};J.displayName="AvatarImage";var _=e=>H(J,{...e});_.displayName="Avatar";var ee=C((function({variant:e="primary",size:a="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:d,children:u,className:h,...v},b){const y=p({badgeSizeRoot:a,badgeVariantRoot:e,className:m(["uds-badge","uds-badge-variant","uds-badge-size",h])}),g=p({badgeVariantIcon:e,badgeSizeIcon:a,className:m(["uds-badge-iconSize","uds-badge-iconColor"])}),x=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 A(c,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&H(f,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),H("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&H(f,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})}));ee.displayName="Badge";var ae={scale:.7,opacity:0},te={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ne={icon:te,hide:ae,loading:ae},ie={loading:te,hide:ae,icon:ae},oe=`var(${N.columnGap})`,re=`var(${N.iconSize})`,se={rest:{scale:`var(${N.effects.scale.rest})`},hover:{scale:`var(${N.effects.scale.hover})`},pressed:{scale:`var(${N.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:oe}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:re,display:"flex",opacity:1},icon:{width:re,display:"flex",opacity:1}},ce=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((()=>O.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:B}=V((()=>x({flatVariant:e})),[e]),q=V((()=>({button:p({width:y,buttonSize:a,buttonVariant:B,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,B,j,u,r,s,P]),D=W()?"smooth":"subtle",F=V((()=>H(O.span,{className:q.iconContainer,initial:!1,variants:le,animate:L,children:A(E,{initial:!1,mode:"popLayout",children:[r&&H(O.span,{variants:ie,initial:"hide",animate:"loading",exit:"hide",children:H(b,{size:M,name:t,variant:o,color:"current",className:q.loading})},"loading"),n&&!r&&H(O.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:H(f,{className:q.start,icon:n,iconProps:{size:M,variant:o,color:"current"}})})]})})),[q.iconContainer,q.loading,q.start,L,r,o,n]),G=V((()=>H(O.span,{className:q.iconContainer,initial:!1,variants:le,animate:T,children:H(E,{initial:!1,mode:"popLayout",children:i&&H(O.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:H(f,{className:q.end,icon:i,iconProps:{size:M,variant:o,color:"current"}})})})})),[q.iconContainer,q.end,i,T,o]),Y=V((()=>s?{...se,rest:{},hover:{},pressed:{}}:se),[s]);return c&&k(l)?H(h,{layoutSpeed:"3",layoutVariant:D,children:H(R,{type:d,className:q.button,initial:["hide",P],animate:P,variants:Y,whileHover:"hover",whileTap:"pressed",...g,children:S(l,l.props,A($,{children:[F,H("span",{className:q.content,children:l.props.children}),G]}))})}):H(h,{layoutSpeed:"3",layoutVariant:D,children:A(O.button,{ref:C,type:d,className:q.button,initial:["hide",P],animate:P,variants:Y,whileHover:"hover",whileTap:"pressed",...g,children:[F,H("span",{className:q.content,children:l}),G]})})})),de={primary:"alert",secondary:"alert-secondary"},ue=e=>"indeterminate"===e,he=e=>ue(e)?o:r,pe=O.create(y),me={layoutVariant:"smooth",layoutSpeed:"3"},fe={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=C((function({id:e,checked:a,defaultChecked:t,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,disabled:c,required:d,hasError:f,className:v,layerClassNames:y,...g},x){const N=z(),C=e??`uds-input-${N}`,I=w(null),k=void 0!==a,[S,L]=R(k?a:t),[j,B]=R(!1),[$,M]=R(!1),E=V((()=>f?de[r]:r),[f,r]),q=!c&&j,D=!c&&$,F=V((()=>D?.9:q?1.1:1),[D,q]),G=V((()=>S?D?"opacity-55":"opacity-100":"opacity-0"),[S,D]),Y=V((()=>({scale:F})),[F]),K=V((()=>$?fe:me),[$]),Q=T((e=>{n?.(e),k||L(e.target.checked)}),[k,n]),U=T((()=>{B(!0)}),[]),X=T((()=>{B(!1)}),[]),Z=T((()=>{M(!0)}),[]),J=T((()=>{M(!1)}),[]),_=e=>{I.current&&(I.current.indeterminate=ue(e))},ee=l?"always":"user",ae=W()||l?"duration-0":"duration-120";P((()=>{k&&L(a)}),[a,k]),P((()=>{_(S)}),[S]);const te=ue(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:E,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:E,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:E,checkboxVariantValueCheckboxIcon:te,className:m("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===o?"text-start":"text-end",y?.label)},ie=i?O.label:O.div;return H(h,{reducedMotion:ee,...K,children:A(ie,{className:ne.root,"data-testid":"container",onHoverStart:U,onHoverEnd:X,onTapStart:Z,onTap:J,onTapCancel:J,tabIndex:-1,children:[A(pe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:Y,children:[H("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?!ue(S)&&S:void 0,defaultChecked:k?void 0:t,onChange:Q,className:ne.htmlCheckbox}),H(b,{name:he(S),size:"sm",className:ne.check})]}),i&&H(u,{as:"div",variant:"inherit",color:"inherit",required:d,label:i,className:ne.label})]})})}));ve.displayName="Checkbox";var be="primary",ye=C((function({size:e="md",minWidth:a,maxWidth:t=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,layerClassNames:d,children:u,...h},v){const b=W()||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 H(c,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:y.root,...h,children:A(o,{disabled:s,children:[n&&H(f,{icon:n,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),H(g,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:u}),i&&H(f,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})}));ye.displayName="ChipBase";var ge=C((function({variant:e=be,...a},t){const n=V((()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})})),[e]);return H(ye,{as:"button",ref:t,variant:e,layerClassNames:n,...a})}));ge.displayName="ChipButton";var xe=C((function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:o=be,disabled:r,...s},l){const c=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 H(ye,{ref:l,variant:o,disabled:r,tabIndex:-1,endIcon:a=>H(n,{"aria-label":e,className:u.icon,onClick:d,disabled:r,children:H(f,{icon:t??i,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})}));xe.displayName="ChipDismissible";var Ne=C((function({variant:e=be,href:a,disabled:t,...n},i){const o=V((()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})})),[e]);return H(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:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:p({chipToggleVariantIcon:n})})),[e,n]),s=T((n=>{a?.(!e),t?.(n)}),[e,t,a]);return H(ye,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})}));Ce.displayName="ChipToggle";var Ve=C((function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?H(xe,{ref:s,onDismiss:n,...r}):i?H(Ce,{ref:s,onToggle:i,isToggled:o,...r}):a?H(Ne,{ref:s,href:a,...r,...t}):H(ge,{ref:s,onClick:e,...r})}));Ve.displayName="Chip";var we=C((function({variant:e,size:a,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:l,className:c,children:d,...u},f){const v=w(null);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=W(),k=V((()=>C?"smooth":"subtle"),[C]),S=V((()=>{const{rest:e,hover:a,pressed:t}=se;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}}),[o]);return H(h,{layoutSpeed:"3",layoutVariant:k,reducedMotion:o?"always":"user",children:H(O.button,{ref:v,type:s,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:l,...u,children:A(E,{initial:!1,mode:"popLayout",children:[i&&H(O.span,{variants:ie,initial:"loading",animate:"loading",exit:"hide",children:H(b,{size:M,name:t,variant:n,color:"current",className:N.loading})},"loading"),r&&!i&&H(O.span,{variants:ne,initial:"icon",animate:"icon",exit:"hide",children:d||H(b,{size:M,name:r,variant:n,color:"current",className:N.icon})},r.name)]})})})})),Ie=({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()}}}),[]),H(h,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:H(O.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:H("div",{ref:n,children:e})})})},ke=L((function({helpText:a,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return a?H(y,{spacingTop:i,spacingStart:n,...s,children:H(e,{startIcon:t,size:o,isFilled:r,children:q(a)?a():a})}):null})),Se=L((function({icon:e,className:a}){return e?H(f,{icon:e,iconProps:{variant:"outline"},className:a}):null})),ze=L((function({icon:e,className:a}){if(!e)return null;return H(f,{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: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,B]=R(h??""),$=T((e=>{B(e.target.value),x?.(e)}),[x]),M=W()?"smooth":"bouncy",O=g?"always":"user",E=!v&&!b,D={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",E?"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 A(d,{width:u,className:D.root,children:[a&&A(y,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:D.label,children:[H("label",{htmlFor:S,children:q(a)?a():a}),f&&H("span",{className:D.labelRequired,children:"*"})]}),A(y,{position:"relative",alignItems:"center",className:D.inputWrapper,children:[H(Se,{icon:i,className:D.startIcon}),H("input",{ref:L,id:S,type:t,value:j,required:f,readOnly:v,disabled:b,"aria-describedby":P,"aria-invalid":l,onChange:$,className:D.input,...C}),o&&H(c,{alignItems:"center",gap:"1",children:H(ze,{icon:o,className:D.endIcon})})]}),H(Ie,{reduceMotion:O,layoutVariant:M,children:H(ke,{id:P,helpText:r,spacingTop:"2",size:n,isFilled:!!j,helperTextIcon:s})})]})}));Re.displayName="Input";var Te=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach((a=>a(e)))}static findOrCreate(a,t){let n=a.get(t);return n||(n=new e(t),a.set(t,n)),n}},Pe=j(new Map),Le=e=>{const a=z();return e??`uds-radio-group-${a}`},je={primary:"alert",secondary:"alert-secondary"},Be=O.create(y),Ae={layoutVariant:"smooth",layoutSpeed:"3"},He={layoutVariant:"veryBouncy",layoutSpeed:"4"},$e=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:M,setGroupValue:E}=(({name:e,value:a,checked:t,defaultChecked:n})=>{const i=B(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:a,value:s,checked:l,defaultChecked:c}),[q,D]=R(!1),[F,G]=R(!1),Y=V((()=>f?je[i]:i),[f,i]),K=V((()=>!d&&q),[d,q]),Q=V((()=>!d&&!M&&F),[M,d,F]),U=V((()=>Q?.9:K?1.1:1),[K,Q]),X=V((()=>M?Q?"opacity-55":"opacity-100":"opacity-0"),[M,Q]),Z=V((()=>!d&&(Q&&!M||K&&M)),[M,d,K,Q]),J=V((()=>({scale:U})),[U]),_=V((()=>F?He:Ae),[F]),ee=T((e=>{E(e.target.value),v?.(e)}),[v,E]),ae=T((e=>{b?.(e)}),[b]),te=T((e=>{g?.(e)}),[g]),ne=T((()=>{D(!0)}),[]),ie=T((()=>{D(!1)}),[]),oe=T((()=>{G(!0)}),[]),re=T((()=>{G(!1)}),[]),se=r?"always":"user",le=W()||r?"duration-0":"duration-120",ce={root:p({radioSizeRoot:o,radioVariantValueRoot:M?"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:M?"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:M?"checked":"unchecked",className:m(["pointer-events-none","w-[8px]","h-[8px]",X,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?O.label:O.div;return H(h,{reducedMotion:se,..._,children:A(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[A(Be,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:J,insetShadow:Z?"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:j,value:s,disabled:d,"aria-invalid":f,onChange:ee,...$?{checked:M}:{defaultChecked:c},className:ce.htmlRadio}),H(y,{borderRadius:"full",className:ce.radioCircle})]}),t&&H(u,{as:"div",variant:"inherit",color:"inherit",label:t,className:ce.label})]})})}));$e.displayName="Radio";var Me=v(),Oe=class extends Te{onChangeCb;isControlled;constructor(e,a){super(e),this.isControlled=a}setValue(e,a=!1){this.isControlled&&!a?this.onChangeCb?.(e):super.setValue(e)}},We=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 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(Pe.Provider,{value:c,children:H(d,{role:"radiogroup",ref:r,...o})})}));We.displayName="RadioGroupProvider";var Ee={md:{isOnX:20},sm:{isOnX:12}},qe=O.create(y),De={layoutVariant:"bouncy",layoutSpeed:"4"},Fe=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,[B,$]=R(j?a:t),[M,E]=R(!1),q=V((()=>!d&&M),[d,M]),{isOnX:D}=Ee[r],F=V((()=>({initial:{scale:1,x:B?D:0},animate:{scale:q?1.05:1,x:B?D:0}})),[q,B,D]),G=T((e=>{n?.(e),j||$(e.target.checked)}),[j,n]),Y=T((e=>{b?.(e)}),[b]),K=T((e=>{g?.(e)}),[g]),Q=T((()=>{E(!0)}),[]),U=T((()=>{E(!1)}),[]),X=c?"always":"user",Z=W()||c?"duration-0":"duration-120";P((()=>{j&&$(a)}),[a,j]);const J={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:B?"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:B?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:m("uds-ring","uds-ring-within",Z,"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:B?"on":"off",switchVariantHandle:"default",className:m("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",Z,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:B?"on":"off",className:m("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",Z,"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 H(h,{reducedMotion:X,...De,children:A(_,{className:J.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:U,tabIndex:-1,children:[A(qe,{className:J.switch,children:[H("input",{type:"checkbox",...C,ref:e=>{L.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:Y,onBlur:K,id:S,disabled:d,required:v,checked:j?B:void 0,defaultChecked:j?void 0:t,onChange:G,className:J.htmlCheckbox,style:{}}),A(qe,{className:J.handle,...F,children:[H(y,{className:J.handleCircle}),s&&H(f,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:m(J.handleIcon,B?"opacity-100":"opacity-0")}),l&&H(f,{icon:l,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:m(J.handleIcon,B?"opacity-0":"opacity-100")})]})]}),i&&H(u,{as:"div",variant:"inherit",color:"inherit",required:v,label:i,className:J.label})]})})}));Fe.displayName="Switch";export{_ as Avatar,X as AvatarIcon,J as AvatarImage,Z 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,$e as Radio,We as RadioGroupProvider,Fe as Switch};

package/dist/experimental/client/SwitchV2.cjs

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

package/dist/experimental/client/SwitchV2.js

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

package/dist/experimental/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { T as TextProps, I as IconPropsWithSVGProps, B as BoxProps, U as UniversalTextProps } from '../Box-D40ThLwg.cjs';
-import react__default, { TableHTMLAttributes, TdHTMLAttributes } from 'react';
+import react__default, { TableHTMLAttributes, HTMLAttributes, TdHTMLAttributes } from 'react';
 export { Accordion, AccordionProps, AvoidMotionLibraryProvider, Modal, ModalDismiss, ModalHeader, ModalProps, ModalStore, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, PopoverHeadingProps, PopoverProps, PopoverProvider, SwitchV2, SwitchV2Props, Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, ToastContainer, ToastProps, toast, useAvoidMotionLibrary, useModalStore, usePopoverStore } from '@yahoo/uds/experimental/client';
 import '@yahoo/uds-icons/types';
 
@@ -59,7 +59,7 @@ type TableProps<T> = {
  */
 declare function Table<T>({ data, columns, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Table {
-    var Root: react__default.ForwardRefExoticComponent<react__default.TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+    var Root: react__default.ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & BoxProps & {
         /** Sets whether an element is treated as a block or inline box and the
          *  layout used for its children, such as flow layout, grid or flex.
          *  @default "table"
@@ -68,13 +68,13 @@ declare namespace Table {
     } & {
         children?: react__default.ReactNode | undefined;
     } & react__default.RefAttributes<HTMLTableElement>>;
-    var Row: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableRowElement> & BoxProps & {
+    var Row: react__default.ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & BoxProps & {
         children?: react__default.ReactNode | undefined;
     } & react__default.RefAttributes<HTMLTableRowElement>>;
-    var Header: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+    var Header: react__default.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
         children?: react__default.ReactNode | undefined;
     } & react__default.RefAttributes<HTMLTableSectionElement>>;
-    var Body: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+    var Body: react__default.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
         children?: react__default.ReactNode | undefined;
     } & react__default.RefAttributes<HTMLTableSectionElement>>;
     var Cell: react__default.ForwardRefExoticComponent<TableCellProps & {

package/dist/experimental/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { T as TextProps, I as IconPropsWithSVGProps, B as BoxProps, U as UniversalTextProps } from '../Box-D40ThLwg.js';
-import react__default, { TableHTMLAttributes, TdHTMLAttributes } from 'react';
+import react__default, { TableHTMLAttributes, HTMLAttributes, TdHTMLAttributes } from 'react';
 export { Accordion, AccordionProps, AvoidMotionLibraryProvider, Modal, ModalDismiss, ModalHeader, ModalProps, ModalStore, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, PopoverHeadingProps, PopoverProps, PopoverProvider, SwitchV2, SwitchV2Props, Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, ToastContainer, ToastProps, toast, useAvoidMotionLibrary, useModalStore, usePopoverStore } from '@yahoo/uds/experimental/client';
 import '@yahoo/uds-icons/types';
 
@@ -59,7 +59,7 @@ type TableProps<T> = {
  */
 declare function Table<T>({ data, columns, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Table {
-    var Root: react__default.ForwardRefExoticComponent<react__default.TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+    var Root: react__default.ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & BoxProps & {
         /** Sets whether an element is treated as a block or inline box and the
          *  layout used for its children, such as flow layout, grid or flex.
          *  @default "table"
@@ -68,13 +68,13 @@ declare namespace Table {
     } & {
         children?: react__default.ReactNode | undefined;
     } & react__default.RefAttributes<HTMLTableElement>>;
-    var Row: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableRowElement> & BoxProps & {
+    var Row: react__default.ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & BoxProps & {
         children?: react__default.ReactNode | undefined;
     } & react__default.RefAttributes<HTMLTableRowElement>>;
-    var Header: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+    var Header: react__default.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
         children?: react__default.ReactNode | undefined;
     } & react__default.RefAttributes<HTMLTableSectionElement>>;
-    var Body: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+    var Body: react__default.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
         children?: react__default.ReactNode | undefined;
     } & react__default.RefAttributes<HTMLTableSectionElement>>;
     var Cell: react__default.ForwardRefExoticComponent<TableCellProps & {

package/dist/index-C39loIM9.d.cts

@@ -0,0 +1,243 @@
+import * as properties from '@yahoo/uds/fixtures';
+import { l as ShadowPreset, f as UniversalTokensConfig } from './types-D113cJbW.cjs';
+
+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 };