@yahoo/uds 3.38.0 → 3.39.0

package/dist/client/index.d.ts

@@ -1,55 +1,69 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cV as UniversalAvatarProps, cT as UniversalAvatarIconProps, cU as UniversalAvatarImageProps, cW as UniversalAvatarTextProps, cX as UniversalBadgeProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, d2 as UniversalChipProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d3 as UniversalChipToggleProps, d4 as UniversalIconButtonProps, d8 as UniversalRadioProps, d7 as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, c as UniversalSwitchProps } from '../types-D0Rkj_1F.js';
+import { cT as UniversalAvatarIconProps, m as IconPropsWithSVGProps, cW as UniversalAvatarTextProps, cU as UniversalAvatarImageProps, D as ImagePropsWithImgProps, cX as UniversalBadgeProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, d2 as UniversalChipProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d3 as UniversalChipToggleProps, d4 as UniversalIconButtonProps, d8 as UniversalRadioProps, d7 as UniversalRadioGroupProps, b$ as MotionVariant, c0 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-rZt8SiS0.js';
+import { T as TextProps } from '../Text-Cghi693U.js';
+export { b as Input, I as InputProps } from '../Text-Cghi693U.js';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-export { a as Input, I as InputProps } from '../Input-CF4Kpe9f.js';
-export { a as Pressable, P as PressableProps } from '../Pressable-SmBC4IjK.js';
+export { a as Pressable, P as PressableProps } from '../Pressable-DEuYwe7j.js';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';
-import '../Box-D2_1_jHu.js';
+import '../Box-C5GwvlME.js';
 
-type AvatarProps = UniversalAvatarProps;
+type DataAttributes$2 = {
+    [name: `data-${string}`]: string;
+};
+interface AvatarIconProps extends UniversalAvatarIconProps {
+    /** Props to be passed into various slots within the component. */
+    slotProps?: {
+        icon?: Partial<IconPropsWithSVGProps & DataAttributes$2>;
+    };
+}
 /**
- * **👤 Avatar Component**
- *
- * @description The avatar component visually represents a person or an organization within an interface. It helps users quickly identify individuals or entities through images, icons, or text. Commonly used in user profiles, comments, and activity feeds, avatars create a recognizable and consistent visual identity across the system. With standardized sizes, variants, and configurable options, the component ensures flexibility while maintaining design cohesion and accessibility.
- * @usage The Avatar component should be used whenever you need to visually represent a user's identity in your application. This includes places like profile headers, user lists, chat messages, and comment sections. It's ideal for providing a consistent visual cue for users, whether by displaying a profile image, generating initials from a name, or falling back to a default icon when no image is available.
- * @param props - Combined Avatar props.
- * @returns The Avatar element.
- * @componentType Client component
- * @example ```tsx
- * import { Avatar } from '@yahoo/uds';
+ * **AvatarIcon Component**
  *
- * <Avatar
- *    src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400"
- *    alt="Jane Doe"
- *    fallback="J"
- * />
- * ```
+ * Renders an Avatar with an icon representation.
  *
+ * @param props - Props for icon variant.
+ * @returns The AvatarIcon element.
  */
-declare const Avatar: {
-    (props: AvatarProps): react_jsx_runtime.JSX.Element;
+declare const AvatarIcon: {
+    ({ size, variant, customSize, icon, slotProps, className, ...props }: AvatarIconProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AvatarIconProps = UniversalAvatarIconProps;
+type DataAttributes$1 = {
+    [name: `data-${string}`]: string;
+};
+interface AvatarTextProps extends UniversalAvatarTextProps {
+    /** Props to be passed into various slots within the component. */
+    slotProps?: {
+        text?: Partial<TextProps & DataAttributes$1>;
+    };
+}
 /**
- * **AvatarIcon Component**
+ * **AvatarText Component**
  *
- * Renders an Avatar with an icon representation.
+ * Renders an Avatar with text (initials) representation.
  *
- * @param props - Props for icon variant.
- * @returns The AvatarIcon element.
+ * @param props - Props for text variant.
+ * @returns The AvatarText element.
  */
-declare const AvatarIcon: {
-    ({ size, variant, customSize, icon, className, }: AvatarIconProps): react_jsx_runtime.JSX.Element;
+declare const AvatarText: {
+    ({ size, variant, name, initials, customSize, abbreviationStrategy, className, slotProps, ...props }: AvatarTextProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AvatarImageProps = UniversalAvatarImageProps;
+type DataAttributes = {
+    [name: `data-${string}`]: string;
+};
+interface AvatarImageProps extends UniversalAvatarImageProps {
+    /** Props to be passed into various slots within the component. */
+    slotProps?: {
+        image?: Partial<Omit<ImagePropsWithImgProps, 'src' | 'srcSet' | 'alt' | 'className' | 'height' | 'width'> & DataAttributes>;
+    } & AvatarIconProps['slotProps'] & AvatarTextProps['slotProps'];
+}
 /**
  * **AvatarImage Component**
  *
@@ -60,21 +74,32 @@ type AvatarImageProps = UniversalAvatarImageProps;
  * @returns The AvatarImage element.
  */
 declare const AvatarImage: {
-    ({ size, variant, src, srcSet, customSize, alt, imageProps, abbreviationStrategy, fallback, className, }: AvatarImageProps): react_jsx_runtime.JSX.Element;
+    ({ size, variant, src, srcSet, customSize, alt, abbreviationStrategy, fallback, className, imageProps, slotProps, ...props }: AvatarImageProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type AvatarTextProps = UniversalAvatarTextProps;
+type AvatarProps = AvatarImageProps;
 /**
- * **AvatarText Component**
+ * **👤 Avatar Component**
  *
- * Renders an Avatar with text (initials) representation.
+ * @description The avatar component visually represents a person or an organization within an interface. It helps users quickly identify individuals or entities through images, icons, or text. Commonly used in user profiles, comments, and activity feeds, avatars create a recognizable and consistent visual identity across the system. With standardized sizes, variants, and configurable options, the component ensures flexibility while maintaining design cohesion and accessibility.
+ * @usage The Avatar component should be used whenever you need to visually represent a user's identity in your application. This includes places like profile headers, user lists, chat messages, and comment sections. It's ideal for providing a consistent visual cue for users, whether by displaying a profile image, generating initials from a name, or falling back to a default icon when no image is available.
+ * @param props - Combined Avatar props.
+ * @returns The Avatar element.
+ * @componentType Client component
+ * @example ```tsx
+ * import { Avatar } from '@yahoo/uds';
+ *
+ * <Avatar
+ *    src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400"
+ *    alt="Jane Doe"
+ *    fallback="J"
+ * />
+ * ```
  *
- * @param props - Props for text variant.
- * @returns The AvatarText element.
  */
-declare const AvatarText: {
-    ({ size, variant, name, initials, customSize, abbreviationStrategy, className, }: AvatarTextProps): react_jsx_runtime.JSX.Element;
+declare const Avatar: {
+    (props: AvatarProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/client/index.js

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

package/dist/defaultTokensConfig.d.cts

@@ -1,5 +1,5 @@
-import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, d as IconButtonConfig, M as MotionConfig, e as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, f as BreakpointsConfig } from './types-D0Rkj_1F.cjs';
-export { g as defaultUniversalTokensConfigAuto } from './types-D0Rkj_1F.cjs';
+import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, I as IconButtonConfig, M as MotionConfig, c as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, d as BreakpointsConfig } from './types-rZt8SiS0.cjs';
+export { e as defaultUniversalTokensConfigAuto } from './types-rZt8SiS0.cjs';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';

package/dist/defaultTokensConfig.d.ts

@@ -1,5 +1,5 @@
-import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, d as IconButtonConfig, M as MotionConfig, e as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, f as BreakpointsConfig } from './types-D0Rkj_1F.js';
-export { g as defaultUniversalTokensConfigAuto } from './types-D0Rkj_1F.js';
+import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, I as IconButtonConfig, M as MotionConfig, c as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, d as BreakpointsConfig } from './types-rZt8SiS0.js';
+export { e as defaultUniversalTokensConfigAuto } from './types-rZt8SiS0.js';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';

package/dist/experimental/client/SwitchV2.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var e=require("../../chunk-YBIQ3S5G.cjs"),t=require("../../chunk-NYCASMFK.cjs"),a=require("../../chunk-JM4WTJDB.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-7KVFVNKB.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},N){const C=i.useId(),k=o??`uds-input-${C}`,I=i.useRef(null),V=void 0!==n,[B,M]=i.useState(V?n:l),q=i.useCallback(e=>{d?.(e),V||M(e.target.checked)},[V,d]),z=i.useCallback(e=>{w?.(e)},[w]),O=i.useCallback(e=>{v?.(e)},[v]),A=p?"always":"user",P=p?"duration-0":"duration-120 motion-reduce:duration-0";i.useEffect(()=>{V&&M(n)},[n,V]);const F={root:a.getStyles({switchSizeRoot:f,switchVariantRoot:"default",switchVariantActiveRoot:B?"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:B?"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",B?"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:B?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:a.getStyles({switchSizeHandleIcon:f,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:B?"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)},H=u?"label":"div";return r.jsx(t.SpringMotionConfig,{reducedMotion:A,loadFeatures:c,layoutVariant:"bouncy",layoutSpeed:"4",children:r.jsxs(H,{className:F.root,"data-testid":"switch-root",tabIndex:-1,children:[r.jsxs(a.Box,{className:F.switch,children:[r.jsx("input",{type:"checkbox",...j,ref:e=>{I.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:z,onBlur:O,id:k,disabled:y,required:b,checked:V?B:void 0,defaultChecked:V?void 0:l,onChange:q,className:F.htmlCheckbox,style:{}}),r.jsx(a.Box,{className:F.handleContainer,children:r.jsx(s,{className:F.handle,layout:"position",layoutDependency:B,children:r.jsxs(a.Box,{className:F.handleContents,children:[r.jsx(a.Box,{className:F.handleCircle}),x&&r.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(F.handleIcon,B?"opacity-100":"opacity-0")}),m&&r.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(F.handleIcon,B?"opacity-0":"opacity-100")})]})})})]}),u&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:u,className:F.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-QFCUUITW.cjs"),t=require("../../chunk-NYCASMFK.cjs"),a=require("../../chunk-CWG6VECG.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-7KVFVNKB.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},C){const N=i.useId(),V=o??`uds-input-${N}`,k=i.useRef(null),I=void 0!==n,[q,M]=i.useState(I?n:l),z=i.useCallback(e=>{d?.(e),I||M(e.target.checked)},[I,d]),B=i.useCallback(e=>{w?.(e)},[w]),O=i.useCallback(e=>{v?.(e)},[v]),A=p?"always":"user",F=p?"duration-0":"duration-120 motion-reduce:duration-0";i.useEffect(()=>{I&&M(n)},[n,I]);const P={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",F,"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",F,"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%]",F,"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)},H=u?"label":"div";return r.jsx(t.SpringMotionConfig,{reducedMotion:A,loadFeatures:c,layoutVariant:"bouncy",layoutSpeed:"4",children:r.jsxs(H,{className:P.root,"data-testid":"switch-root",tabIndex:-1,children:[r.jsxs(a.Box,{className:P.switch,children:[r.jsx("input",{type:"checkbox",...S,ref:e=>{k.current=e,"function"==typeof C?C(e):null!==C&&(C.current=e)},onFocus:B,onBlur:O,id:V,disabled:y,required:b,checked:I?q:void 0,defaultChecked:I?void 0:l,onChange:z,className:P.htmlCheckbox,style:{}}),r.jsx(a.Box,{className:P.handleContainer,children:r.jsx(s,{className:P.handle,layout:"position",layoutDependency:q,children:r.jsxs(a.Box,{className:P.handleContents,children:[r.jsx(a.Box,{className:P.handleCircle}),x&&r.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(P.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(P.handleIcon,q?"opacity-0":"opacity-100")})]})})})]}),u&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:u,className:P.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.d.cts

@@ -1,4 +1,4 @@
-import { c as UniversalSwitchProps } from '../../types-D0Rkj_1F.cjs';
+import { b as UniversalSwitchProps } from '../../types-rZt8SiS0.cjs';
 import react__default from 'react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

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

@@ -1,4 +1,4 @@
-import { c as UniversalSwitchProps } from '../../types-D0Rkj_1F.js';
+import { b as UniversalSwitchProps } from '../../types-rZt8SiS0.js';
 import react__default from 'react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

package/dist/experimental/client/SwitchV2.js

@@ -1,2 +1,2 @@
 "use client";
-import{FormLabel as t}from"../../chunk-I7ZFG4YT.js";import{SpringMotionConfig as e,AvoidMotionLibraryProvider as a}from"../../chunk-Z44HLHNN.js";import{Box as o,cx as i,getStyles as n,IconSlot as r}from"../../chunk-QZIQVD63.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-XRPNJ6D3.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:I,reduceMotion:g,disabled:V,required:k,onFocus:S,onBlur:H,className:z,layerClassNames:j,...A},F){const M=s(),P=a??`uds-input-${M}`,R=d(null),q=void 0!==l,[D,Z]=h(q?l:c),B=u(t=>{b?.(t),q||Z(t.target.checked)},[q,b]),O=u(t=>{S?.(t)},[S]),Q=u(t=>{H?.(t)},[H]),G=g?"always":"user",J=g?"duration-0":"duration-120 motion-reduce:duration-0";m(()=>{q&&Z(l)},[l,q]);const L={root:n({switchSizeRoot:x,switchVariantRoot:"default",switchVariantActiveRoot:D?"on":"off",className:i("group","flex","items-center","start"===N?"flex-row":"flex-row-reverse",...V?["cursor-default","opacity-50"]:["cursor-pointer"],j?.root,z)}),switch:n({switchVariantSwitch:"default",switchSizeSwitch:x,switchVariantActiveSwitch:D?"on":"off",className:i("uds-ring","uds-ring-within","relative","rounded-full","items-center",J,"transition-[background-color,box-shadow]",j?.switch)}),handleContainer:i("pointer-events-none","relative","w-full","h-full"),handle:n({switchSizeHandle:x,className:i("absolute","top-0","bottom-0",D?"right-0":"left-0",j?.handle)}),handleContents:i("relative","w-full","h-full","rounded-full","overflow-hidden",!V&&"group-hover:scale-105","opacity-95",!V&&"group-hover:opacity-100",J,"transition-[transform,opacity]"),handleCircle:n({switchVariantActiveHandle:D?"on":"off",switchVariantHandle:"default",className:i("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:n({switchSizeHandleIcon:x,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:D?"on":"off",className:i("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",J,"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",j?.label)};return f(e,{reducedMotion:G,loadFeatures:w,layoutVariant:"bouncy",layoutSpeed:"4",children:p(v?"label":"div",{className:L.root,"data-testid":"switch-root",tabIndex:-1,children:[p(o,{className:L.switch,children:[f("input",{type:"checkbox",...A,ref:t=>{R.current=t,"function"==typeof F?F(t):null!==F&&(F.current=t)},onFocus:O,onBlur:Q,id:P,disabled:V,required:k,checked:q?D:void 0,defaultChecked:q?void 0:c,onChange:B,className:L.htmlCheckbox,style:{}}),f(o,{className:L.handleContainer,children:f(y,{className:L.handle,layout:"position",layoutDependency:D,children:p(o,{className:L.handleContents,children:[f(o,{className:L.handleCircle}),C&&f(r,{icon:C,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:i(L.handleIcon,D?"opacity-100":"opacity-0")}),I&&f(r,{icon:I,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:i(L.handleIcon,D?"opacity-0":"opacity-100")})]})})})]}),v&&f(t,{as:"div",variant:"inherit",color:"inherit",required:k,label:v,className:L.label})]})})});b.displayName="SwitchV2";var v=a;export{b as SwitchV2,v as SwitchV2AvoidMotionLibraryProvider};
+import{FormLabel as t}from"../../chunk-ZEQ3QOPP.js";import{SpringMotionConfig as e,AvoidMotionLibraryProvider as a}from"../../chunk-Z44HLHNN.js";import{Box as o,cx as i,getStyles as n,IconSlot as r}from"../../chunk-UAN7HYYD.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-XRPNJ6D3.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:k,disabled:I,required:V,onFocus:H,onBlur:S,className:z,layerClassNames:P,...j},A){const M=s(),R=a??`uds-input-${M}`,q=d(null),D=void 0!==l,[F,O]=h(D?l:c),B=u(t=>{b?.(t),D||O(t.target.checked)},[D,b]),Q=u(t=>{H?.(t)},[H]),Y=u(t=>{S?.(t)},[S]),Z=k?"always":"user",E=k?"duration-0":"duration-120 motion-reduce:duration-0";m(()=>{D&&O(l)},[l,D]);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",...I?["cursor-default","opacity-50"]:["cursor-pointer"],P?.root,z)}),switch:n({switchVariantSwitch:"default",switchSizeSwitch:x,switchVariantActiveSwitch:F?"on":"off",className:i("uds-ring","uds-ring-within","relative","rounded-full","items-center",E,"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",!I&&"group-hover:scale-105","opacity-95",!I&&"group-hover:opacity-100",E,"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%]",E,"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:Z,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=>{q.current=t,"function"==typeof A?A(t):null!==A&&(A.current=t)},onFocus:Q,onBlur:Y,id:R,disabled:I,required:V,checked:D?F:void 0,defaultChecked:D?void 0:c,onChange:B,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};