@yahoo/uds 3.5.0-beta.3 → 3.5.0-beta.5

package/dist/client/index.cjs

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

package/dist/client/index.d.cts

@@ -1,15 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cC as UniversalAvatarProps, cA as UniversalAvatarIconProps, cB as UniversalAvatarImageProps, cD as UniversalAvatarTextProps, cE as UniversalBadgeProps, cF as UniversalButtonProps, cG as UniversalCheckboxProps, cL as UniversalChipProps, cI as UniversalChipButtonProps, cJ as UniversalChipDismissibleProps, cK as UniversalChipLinkProps, cM as UniversalChipToggleProps, cN as UniversalIconButtonProps, cT as UniversalRadioProps, cS as UniversalRadioGroupProps, M as MotionVariant, n as MotionVariantSpeed, cU as UniversalSwitchProps } from '../types-TxDF_k0q.cjs';
+import { cE as UniversalAvatarProps, cC as UniversalAvatarIconProps, cD as UniversalAvatarImageProps, cF as UniversalAvatarTextProps, cG as UniversalBadgeProps, cH as UniversalButtonProps, cI as UniversalCheckboxProps, cN as UniversalChipProps, cK as UniversalChipButtonProps, cL as UniversalChipDismissibleProps, cM as UniversalChipLinkProps, cO as UniversalChipToggleProps, cP as UniversalIconButtonProps, cT as UniversalRadioProps, cS as UniversalRadioGroupProps, M as MotionVariant, q as MotionVariantSpeed, cU as UniversalSwitchProps } from '../types-BdV70-Tw.cjs';
 import * as react from 'react';
 import react__default from 'react';
 import { HTMLMotionProps, MotionConfigProps } from 'motion/react';
-export { a as Input, I as InputProps } from '../Input-DUqLl6jE.cjs';
-export { M as Menu, a as MenuContentProps, b as MenuDividerProps, c as MenuItemCheckboxProps, d as MenuItemProps, e as MenuPlacement, f as MenuProviderProps, g as MenuTriggerProps, P as Pressable, h as PressableProps } from '../Menu-DR13-K-l.cjs';
+export { a as Input, I as InputProps } from '../Input-Tv8gAhPN.cjs';
+export { a as Pressable, P as PressableProps } from '../Pressable-cW57Ibe2.cjs';
+export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';
-import '@ariakit/react/menu';
-import '../VStack-cakCiiUo.cjs';
-import '@ariakit/react';
 
 type AvatarProps = UniversalAvatarProps;
 /**

package/dist/client/index.d.ts

@@ -1,15 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cC as UniversalAvatarProps, cA as UniversalAvatarIconProps, cB as UniversalAvatarImageProps, cD as UniversalAvatarTextProps, cE as UniversalBadgeProps, cF as UniversalButtonProps, cG as UniversalCheckboxProps, cL as UniversalChipProps, cI as UniversalChipButtonProps, cJ as UniversalChipDismissibleProps, cK as UniversalChipLinkProps, cM as UniversalChipToggleProps, cN as UniversalIconButtonProps, cT as UniversalRadioProps, cS as UniversalRadioGroupProps, M as MotionVariant, n as MotionVariantSpeed, cU as UniversalSwitchProps } from '../types-TxDF_k0q.js';
+import { cE as UniversalAvatarProps, cC as UniversalAvatarIconProps, cD as UniversalAvatarImageProps, cF as UniversalAvatarTextProps, cG as UniversalBadgeProps, cH as UniversalButtonProps, cI as UniversalCheckboxProps, cN as UniversalChipProps, cK as UniversalChipButtonProps, cL as UniversalChipDismissibleProps, cM as UniversalChipLinkProps, cO as UniversalChipToggleProps, cP as UniversalIconButtonProps, cT as UniversalRadioProps, cS as UniversalRadioGroupProps, M as MotionVariant, q as MotionVariantSpeed, cU as UniversalSwitchProps } from '../types-BdV70-Tw.js';
 import * as react from 'react';
 import react__default from 'react';
 import { HTMLMotionProps, MotionConfigProps } from 'motion/react';
-export { a as Input, I as InputProps } from '../Input-Ur-Ht_GL.js';
-export { M as Menu, a as MenuContentProps, b as MenuDividerProps, c as MenuItemCheckboxProps, d as MenuItemProps, e as MenuPlacement, f as MenuProviderProps, g as MenuTriggerProps, P as Pressable, h as PressableProps } from '../Menu-OM1LtJ1C.js';
+export { a as Input, I as InputProps } from '../Input-D6N7TCc9.js';
+export { a as Pressable, P as PressableProps } from '../Pressable-DSWYYU6N.js';
+export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';
-import '@ariakit/react/menu';
-import '../VStack-vuPYMALn.js';
-import '@ariakit/react';
 
 type AvatarProps = UniversalAvatarProps;
 /**

package/dist/client/index.js

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

package/dist/experimental/client/index.js

@@ -1,2 +1,3 @@
 "use client";
-import{Pressable as e,cx as r,VStack as a,createSlot as n,getStyles as o,Text as i,SpringMotionConfig as t,Icon as l,a as s,HStack as c,Box as d,Button as p,IconButton as m,a2 as u}from"../../chunk-EDYPTXZP.js";import{AnimatePresence as h,m as f}from"motion/react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{usePopoverStore as v,Popover as g,PopoverArrow as w,TabList as x,useTabContext as C,TabPanel as N,PopoverProvider as k,DialogDismiss as P,PopoverAnchor as z,PopoverDescription as I,PopoverDisclosure as T,PopoverDisclosureArrow as D,PopoverDismiss as H,PopoverHeading as S,useDialogStore as j,Dialog as B,TabProvider as R,Tab as V}from"@ariakit/react";export{usePopoverStore}from"@ariakit/react";import{forwardRef as A,useCallback as E}from"react";import{IconButton as G}from"@yahoo/uds/client";import{toast as O,ToastContainer as W,Slide as _}from"react-toastify";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function F({label:n,children:o,onClick:c,open:d,spacingHorizontal:p="4",_content:m,className:u,textProps:v,...g}){return b(t,{layoutVariant:"smooth",layoutSpeed:"3",children:[b(e,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",spacingVertical:"4",spacingHorizontal:p,borderRadius:"md",onClick:c,className:r("hover:bg-secondary/80","w-full",u),...g,children:[y(i,{variant:"title4",color:"primary",...v||{},children:n}),y(h,{initial:!1,children:y(f.div,{initial:"collapsed",animate:d?"open":"collapsed",exit:"collapsed",variants:{open:{rotate:90},collapsed:{rotate:0}},"data-testid":"chevron-motion",children:y(l,{name:s,variant:"fill",size:"sm",color:"primary"})})})]}),y(h,{initial:!1,children:y(f.div,{initial:"collapsed",animate:d?"open":"collapsed",exit:"collapsed",variants:{open:{height:"auto"},collapsed:{height:0,overflow:"hidden"}},children:y(a,{spacingHorizontal:p,...m,children:o})},"content")})]})}function L({children:e,leading:r,trailing:a}){return b(c,{children:[r,y(i,{variant:"headline1",color:"primary",asChild:!0,children:y(S,{children:e})}),a]})}var X=g,Y=w,Z=z,q=I,J=H,K=k,M=T,Q=D,U=K,$=A((function({children:a,disabled:n,onClick:o,...i},t){const l=v(),s=E((e=>{e.preventDefault();o?.((()=>l.setOpen(!1)))}),[o,l]);return y(e,{display:"flex",flexDirection:"row",alignItems:"flex-start",spacingVertical:"4",spacingHorizontal:"8",columnGap:"3",borderColor:"muted",className:r(!n&&"hover:bg-gray-2",n&&"cursor-default"),onClick:o?s:void 0,ref:t,...i,children:a})}));function ee({title:e,description:r,_title:n,_description:o,startIcon:t,endIcon:s,...c}){return b($,{...c,children:[t&&y(l,{name:t,size:"md",color:"primary"}),b(a,{gap:"3",alignItems:"flex-start",children:[e&&y(i,{variant:"headline1",color:"primary",...n,children:e}),r&&y(i,{variant:"label2",color:"muted",...o,children:r})]}),s&&y(l,{name:s,size:"md",color:"primary"})]})}var re=A((function({children:e,className:n,overflow:o="scroll",...i},t){return y(a,{borderRadius:"lg",backgroundColor:"primary",position:"relative",dropShadow:"md",className:r("z-10 max-h-[312px] min-w-[220px]",n),overflow:o,asChild:!0,children:b(X,{preventBodyScroll:!0,autoFocusOnHide:!1,...i,ref:t,children:[y(Y,{className:"!stroke-2"}),e]})})}));function ae(e){return y(M,{render:r=>e.children?y(d,{...r,asChild:!0,children:y(p,{startIcon:e.startIcon,...e,children:e.children})}):y(d,{...r,asChild:!0,children:y(m,{...e,name:e.name??e.startIcon})})})}function ne(e){return j({animated:!0,...e})}function oe({children:e,handleClose:r}){return b(c,{alignItems:"center",justifyContent:"space-between",children:[y(i,{variant:"headline1",color:"primary",children:e}),y(G,{"aria-label":"Close",size:"sm",variant:"tertiary",name:u,onClick:r})]})}function ie({className:e,...n}){return y(a,{borderRadius:"md",position:"fixed",backgroundColor:"primary",dropShadow:"md",className:r("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100",e),spacing:"8",asChild:!0,overflow:"hidden",children:y(B,{backdrop:y("div",{className:"data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm"}),...n})})}var te=P,le=n();function se(e){return y(R,{...e})}var ce=A((function({className:e,...r},a){const n=o({display:"flex",flexDirection:"row",columnGap:"6",className:e});return y(x,{ref:a,...r,className:n})})),de=function({asChild:a,label:n,value:t,startIcon:s}){const c=a?le:"button",d=o({});if(!C())throw new Error("Tab must be wrapped in a Tabs component");const p=r("text-tertiary","border-b-transparent","aria-selected:border-b-brand","aria-selected:text-secondary");return y(V,{id:t,className:d,render:y(e,{borderBottomWidth:"medium",spacingBottom:"1",spacingTop:"4",className:p,asChild:!0,children:b(c,{children:[s?y(l,{name:s,className:"text-current",size:"md"}):null,y(i,{className:"text-current",variant:"headline1",as:"span",children:n})]})})})},pe=A((function(e,r){const a=C();if(!a)throw new Error("TabPanel must be wrapped in a Tabs component");const n=a.useState("selectedId");return y(N,{ref:r,tabId:n,...e})})),me=o({borderRadius:"md",spacingVertical:"3",spacingHorizontal:"5",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:"5",overflow:"hidden",position:"relative",className:"cursor-pointer",dropShadow:"md"}),ue=o({fontSize:"label2",lineHeight:"label2",fontWeight:"label2",color:"primary"}),he={default:"secondary",success:"positive-secondary",error:"alert-secondary",info:"info-secondary",warning:"warning-secondary"},fe={default:"secondary",success:"positive",error:"alert",info:"info",warning:"warning"},ye=e=>{const a=o({backgroundColor:he[e?.type||"default"],borderWidth:"thin",borderColor:fe[e?.type||"default"]});return r(me,a,"mb-2 last:mb-0")},be={default:"tertiary",success:"positive-tertiary",error:"alert-tertiary",info:"info-tertiary",warning:"warning-tertiary"};function ve({type:e,closeToast:r}){return y(G,{className:"shrink-0",name:u,size:"sm",variant:be[e||"default"],onClick:r})}function ge(e){return y(W,{toastClassName:ye,className:ue,hideProgressBar:!0,transition:_,closeButton:ve,icon:!1,autoClose:6e3,...e})}var we=Object.assign(((e,r={})=>O(y(i,{color:"primary",children:e}),{...r,type:"default"})),{positive:(e,r={})=>O(y(i,{color:"positive",children:e}),{...r,type:"success"}),alert:(e,r={})=>O(y(i,{color:"alert",children:e}),{...r,type:"error"}),info:(e,r={})=>O(y(i,{color:"info",children:e}),{...r,type:"info"}),warning:(e,r={})=>O(y(i,{color:"warning",children:e}),{...r,type:"warning"})});export{F as Accordion,U as Dropdown,ee as DropdownItem,$ as DropdownItemPressable,re as DropdownItems,ae as DropdownTrigger,ie as Modal,te as ModalDismiss,oe as ModalHeader,X as Popover,Z as PopoverAnchor,Y as PopoverArrow,q as PopoverDescription,M as PopoverDisclosure,Q as PopoverDisclosureArrow,J as PopoverDismiss,L as PopoverHeading,K as PopoverProvider,de as Tab,ce as TabList,pe as TabPanel,se as Tabs,ge as ToastContainer,ye as getToastClassName,we as toast,ne as useModalStore};
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{AnimatePresence as a,m as o}from"motion/react";import{textVariants as i,backgroundColors as n,foregroundColors as d,spectrumColors as s,borderRadii as l,borderWidths as c,lineColors as p}from"@yahoo/uds/fixtures";import{getFeatureFlags as u}from"@yahoo/uds/flags";import m from"clsx";import b from"imurmurhash";import{extendTailwindMerge as y}from"tailwind-merge";import{forwardRef as f,useCallback as h,Children as x,isValidElement as v,cloneElement as g}from"react";import{isFunction as w}from"lodash-es";import{Pressable as k,SpringMotionConfig as z,Button as S,IconButton as V}from"@yahoo/uds/client";import{usePopoverStore as C,Popover as I,PopoverArrow as R,TabList as T,useTabContext as W,TabPanel as B,PopoverProvider as E,DialogDismiss as N,PopoverAnchor as H,PopoverDescription as L,PopoverDisclosure as j,PopoverDisclosureArrow as G,PopoverDismiss as A,PopoverHeading as D,useDialogStore as P,Dialog as $,TabProvider as M,Tab as O}from"@ariakit/react";export{usePopoverStore}from"@ariakit/react";import{toast as q,ToastContainer as F,Slide as X}from"react-toastify";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var Y=({size:t,variant:a})=>{if("outline"===a)switch(t){case"sm":return e(r,{children:e("path",{fill:"currentColor",d:"M11.914 8 5.5 14.412 4.086 13l5-5-5-5L5.5 1.585z"})});case"md":return e(r,{children:e("path",{fill:"currentColor",d:"m16.5 12-7.484 7.25L7.5 17.782 13.469 12 7.5 6.218 9.016 4.75z"})});case"lg":return e(r,{children:e("path",{fill:"currentColor",d:"M23.62 15.998 10.235 28.766l-1.853-1.768 11.533-11-11.533-11 1.853-1.768z"})})}if("fill"===a)switch(t){case"sm":return e(r,{children:e("path",{fill:"currentColor",d:"M12.128 8.001 5.5 14.628 3.875 13l5-5-5-5 1.626-1.626z"})});case"md":return e(r,{children:e("path",{fill:"currentColor",d:"m17.763 12-7.686 7.686-1.839-1.838L14.086 12 8.238 6.153l1.839-1.839z"})});case"lg":return e(r,{children:e("path",{fill:"currentColor",d:"M23.624 16.001 10.502 29.122l-2.121-2.12 11-11-11-11 2.121-2.122z"})})}return e(r,{})};Y.metadata={name:"ChevronRight",isSvgIcon:!0,variants:["outline","fill"]};var _=({size:t,variant:a})=>{if("outline"===a)switch(t){case"sm":return e(r,{children:e("path",{fill:"currentColor",d:"m12.526 4.465-.99-.99L8 7.01 4.465 3.475l-.99.99L7.01 8l-3.535 3.536.99.99L8 8.99l3.536 3.536.99-.99L8.99 8z"})});case"md":return e(r,{children:e("path",{fill:"currentColor",d:"m13.44 11.956 6.572-6.571L18.527 3.9l-6.571 6.57L5.385 3.9 3.9 5.385l6.57 6.57-6.57 6.572 1.485 1.485 6.57-6.571 6.572 6.57 1.485-1.484z"})});case"lg":return e(r,{children:e("path",{fill:"currentColor",d:"M17.702 15.934 28.818 4.818 27.05 3.05 15.934 14.166 4.818 3.05 3.05 4.818l11.116 11.116L3.05 27.05l1.768 1.768 11.116-11.116L27.05 28.818l1.768-1.768z"})})}if("fill"===a)switch(t){case"sm":return e(r,{children:e("path",{fill:"currentColor",d:"m9.131 8 3.536-3.536-1.131-1.131L8 6.869 4.464 3.333 3.333 4.464 6.869 8l-3.536 3.535 1.131 1.132L8 9.13l3.535 3.536 1.132-1.131z"})});case"md":return e(r,{children:e("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return e(r,{children:e("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return e(r,{})};function J(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}_.metadata={name:"Cross",isSvgIcon:!0,variants:["outline","fill"]};var Z="uds",K={color:{accent:"text-accent",alert:"text-alert","alert-secondary":"text-alert-secondary",black:"text-black",brand:"text-brand","brand-secondary":"text-brand-secondary",positive:"text-positive","positive-secondary":"text-positive-secondary",warning:"text-warning","warning-secondary":"text-warning-secondary",info:"text-info","info-secondary":"text-info-secondary",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary",current:"text-current"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert","alert-secondary":"placeholder:text-alert-secondary",black:"placeholder:text-black",brand:"placeholder:text-brand","brand-secondary":"placeholder:text-brand-secondary",positive:"placeholder:text-positive","positive-secondary":"placeholder:text-positive-secondary",warning:"placeholder:text-warning","warning-secondary":"placeholder:text-warning-secondary",info:"placeholder:text-info","info-secondary":"placeholder:text-info-secondary",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary",current:"placeholder:text-current"},fontFamily:{sans:"font-sans","sans-alt":"font-sans-alt",serif:"font-serif","serif-alt":"font-serif-alt",mono:"font-mono",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",label3:"font-label3",label4:"font-label4",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",label3:"font-size-label3",label4:"font-size-label4",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",label3:"font-weight-label3",label4:"font-weight-label4",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",label3:"leading-label3",label4:"leading-label4",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",label3:"case-label3",label4:"case-label4",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px",.5:"p-0.5",1:"p-1",1.5:"p-1.5",2:"p-2",2.5:"p-2.5",3:"p-3",3.5:"p-3.5",4:"p-4",4.5:"p-4.5",5:"p-5",5.5:"p-5.5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px",.5:"px-0.5",1:"px-1",1.5:"px-1.5",2:"px-2",2.5:"px-2.5",3:"px-3",3.5:"px-3.5",4:"px-4",4.5:"px-4.5",5:"px-5",5.5:"px-5.5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px",.5:"py-0.5",1:"py-1",1.5:"py-1.5",2:"py-2",2.5:"py-2.5",3:"py-3",3.5:"py-3.5",4:"py-4",4.5:"py-4.5",5:"py-5",5.5:"py-5.5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px",.5:"pb-0.5",1:"pb-1",1.5:"pb-1.5",2:"pb-2",2.5:"pb-2.5",3:"pb-3",3.5:"pb-3.5",4:"pb-4",4.5:"pb-4.5",5:"pb-5",5.5:"pb-5.5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px",.5:"pe-0.5",1:"pe-1",1.5:"pe-1.5",2:"pe-2",2.5:"pe-2.5",3:"pe-3",3.5:"pe-3.5",4:"pe-4",4.5:"pe-4.5",5:"pe-5",5.5:"pe-5.5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px",.5:"ps-0.5",1:"ps-1",1.5:"ps-1.5",2:"ps-2",2.5:"ps-2.5",3:"ps-3",3.5:"ps-3.5",4:"ps-4",4.5:"ps-4.5",5:"ps-5",5.5:"ps-5.5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px",.5:"pt-0.5",1:"pt-1",1.5:"pt-1.5",2:"pt-2",2.5:"pt-2.5",3:"pt-3",3.5:"pt-3.5",4:"pt-4",4.5:"pt-4.5",5:"pt-5",5.5:"pt-5.5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px",.5:"-m-0.5",1:"-m-1",1.5:"-m-1.5",2:"-m-2",2.5:"-m-2.5",3:"-m-3",3.5:"-m-3.5",4:"-m-4",4.5:"-m-4.5",5:"-m-5",5.5:"-m-5.5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px",.5:"-my-0.5",1:"-my-1",1.5:"-my-1.5",2:"-my-2",2.5:"-my-2.5",3:"-my-3",3.5:"-my-3.5",4:"-my-4",4.5:"-my-4.5",5:"-my-5",5.5:"-my-5.5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px",.5:"-mx-0.5",1:"-mx-1",1.5:"-mx-1.5",2:"-mx-2",2.5:"-mx-2.5",3:"-mx-3",3.5:"-mx-3.5",4:"-mx-4",4.5:"-mx-4.5",5:"-mx-5",5.5:"-mx-5.5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px",.5:"-mb-0.5",1:"-mb-1",1.5:"-mb-1.5",2:"-mb-2",2.5:"-mb-2.5",3:"-mb-3",3.5:"-mb-3.5",4:"-mb-4",4.5:"-mb-4.5",5:"-mb-5",5.5:"-mb-5.5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px",.5:"-me-0.5",1:"-me-1",1.5:"-me-1.5",2:"-me-2",2.5:"-me-2.5",3:"-me-3",3.5:"-me-3.5",4:"-me-4",4.5:"-me-4.5",5:"-me-5",5.5:"-me-5.5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px",.5:"-ms-0.5",1:"-ms-1",1.5:"-ms-1.5",2:"-ms-2",2.5:"-ms-2.5",3:"-ms-3",3.5:"-ms-3.5",4:"-ms-4",4.5:"-ms-4.5",5:"-ms-5",5.5:"-ms-5.5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px",.5:"-mt-0.5",1:"-mt-1",1.5:"-mt-1.5",2:"-mt-2",2.5:"-mt-2.5",3:"-mt-3",3.5:"-mt-3.5",4:"-mt-4",4.5:"-mt-4.5",5:"-mt-5",5.5:"-mt-5.5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px",.5:"gap-x-0.5",1:"gap-x-1",1.5:"gap-x-1.5",2:"gap-x-2",2.5:"gap-x-2.5",3:"gap-x-3",3.5:"gap-x-3.5",4:"gap-x-4",4.5:"gap-x-4.5",5:"gap-x-5",5.5:"gap-x-5.5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px",.5:"gap-y-0.5",1:"gap-y-1",1.5:"gap-y-1.5",2:"gap-y-2",2.5:"gap-y-2.5",3:"gap-y-3",3.5:"gap-y-3.5",4:"gap-y-4",4.5:"gap-y-4.5",5:"gap-y-5",5.5:"gap-y-5.5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",info:"bg-info","alert-secondary":"bg-alert-secondary","brand-secondary":"bg-brand-secondary","positive-secondary":"bg-positive-secondary","warning-secondary":"bg-warning-secondary","info-secondary":"bg-info-secondary",primary:"bg-primary",secondary:"bg-secondary",white:"bg-white",black:"bg-black",transparent:"bg-transparent",current:"bg-current"},borderColor:{accent:"border-accent",black:"border-black",brand:"border-brand",alert:"border-alert",positive:"border-positive",warning:"border-warning",info:"border-info","brand-secondary":"border-brand-secondary","alert-secondary":"border-alert-secondary","positive-secondary":"border-positive-secondary","warning-secondary":"border-warning-secondary","info-secondary":"border-info-secondary",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary",current:"border-current"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",info:"border-s-info","alert-secondary":"border-s-alert-secondary","brand-secondary":"border-s-brand-secondary","positive-secondary":"border-s-positive-secondary","warning-secondary":"border-s-warning-secondary","info-secondary":"border-s-info-secondary",black:"border-s-black",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary",current:"border-s-current"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",info:"border-e-info","alert-secondary":"border-e-alert-secondary","brand-secondary":"border-e-brand-secondary","positive-secondary":"border-e-positive-secondary","warning-secondary":"border-e-warning-secondary","info-secondary":"border-e-info-secondary",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary",current:"border-e-current"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",info:"border-b-info","alert-secondary":"border-b-alert-secondary","brand-secondary":"border-b-brand-secondary","positive-secondary":"border-b-positive-secondary","warning-secondary":"border-b-warning-secondary","info-secondary":"border-b-info-secondary",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary",current:"border-b-current"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",info:"border-t-info","alert-secondary":"border-t-alert-secondary","brand-secondary":"border-t-brand-secondary","positive-secondary":"border-t-positive-secondary","warning-secondary":"border-t-warning-secondary","info-secondary":"border-t-info-secondary",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary",current:"border-t-current"},borderRadius:{none:"rounded-none",xs:"rounded-sm",sm:"rounded",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{xs:"avatarSize-xs",sm:"avatarSize-sm",md:"avatarSize-md",lg:"avatarSize-lg",xl:"avatarSize-xl"},iconSize:{sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:`${Z}-color-mode-dark`,light:`${Z}-color-mode-light`},scaleMode:{xSmall:`${Z}-scale-mode-xsmall`,small:`${Z}-scale-mode-small`,medium:`${Z}-scale-mode-medium`,large:`${Z}-scale-mode-large`,xLarge:`${Z}-scale-mode-xlarge`,xxxLarge:`${Z}-scale-mode-xxxlarge`,xxLarge:`${Z}-scale-mode-xxlarge`},buttonPalette:{accent:"uds-button-accent",brand:"uds-button-brand",alert:"uds-button-alert",positive:"uds-button-positive",warning:"uds-button-warning",info:"uds-button-info"},buttonVariant:{primary:"uds-button-primary",secondary:"uds-button-secondary",tertiary:"uds-button-tertiary"},buttonSize:{sm:"uds-button-sm",md:"uds-button-md",lg:"uds-button-lg"},iconButtonSize:{xs:"uds-icon-button-xs",sm:"uds-icon-button-sm",md:"uds-icon-button-md",lg:"uds-icon-button-lg",xl:"uds-icon-button-xl"},width:{full:"w-full",fit:"w-fit",screen:"w-screen"},height:{full:"h-full",fit:"h-fit",screen:"h-screen"},dropShadow:{none:"uds-drop-shadow-none",xs:"uds-drop-shadow-xs",sm:"uds-drop-shadow-sm",md:"uds-drop-shadow-md",lg:"uds-drop-shadow-lg",xl:"uds-drop-shadow-xl","2xl":"uds-drop-shadow-2xl"},insetShadow:{none:"uds-inset-shadow-none",xs:"uds-inset-shadow-xs",sm:"uds-inset-shadow-sm",md:"uds-inset-shadow-md",lg:"uds-inset-shadow-lg",xl:"uds-inset-shadow-xl","2xl":"uds-inset-shadow-2xl","xs-invert":"uds-inset-shadow-xs-invert","sm-invert":"uds-inset-shadow-sm-invert","md-invert":"uds-inset-shadow-md-invert","lg-invert":"uds-inset-shadow-lg-invert","xl-invert":"uds-inset-shadow-xl-invert","2xl-invert":"uds-inset-shadow-2xl-invert"},checkboxSizeRoot:{sm:"uds-checkbox-size-sm-root",md:"uds-checkbox-size-md-root"},checkboxSizeCheckbox:{sm:"uds-checkbox-size-sm-checkbox",md:"uds-checkbox-size-md-checkbox"},checkboxVariantValueRoot:{checked:"uds-checkbox-variant-value-checked-root",unchecked:"uds-checkbox-variant-value-unchecked-root",indeterminate:"uds-checkbox-variant-value-indeterminate-root"},checkboxVariantRoot:{primary:"uds-checkbox-variant-primary-root",secondary:"uds-checkbox-variant-secondary-root",alert:"uds-checkbox-variant-alert-root","alert-secondary":"uds-checkbox-variant-alert-secondary-root"},checkboxVariantValueCheckbox:{checked:"uds-checkbox-variant-value-checked-checkbox",unchecked:"uds-checkbox-variant-value-unchecked-checkbox",indeterminate:"uds-checkbox-variant-value-indeterminate-checkbox"},checkboxVariantCheckbox:{primary:"uds-checkbox-variant-primary-checkbox",secondary:"uds-checkbox-variant-secondary-checkbox",alert:"uds-checkbox-variant-alert-checkbox","alert-secondary":"uds-checkbox-variant-alert-secondary-checkbox"},checkboxVariantValueCheckboxIcon:{checked:"uds-checkbox-variant-value-checked-checkbox-icon",unchecked:"uds-checkbox-variant-value-unchecked-checkbox-icon",indeterminate:"uds-checkbox-variant-value-indeterminate-checkbox-icon"},checkboxVariantCheckboxIcon:{primary:"uds-checkbox-variant-primary-checkbox-icon",secondary:"uds-checkbox-variant-secondary-checkbox-icon",alert:"uds-checkbox-variant-alert-checkbox-icon","alert-secondary":"uds-checkbox-variant-alert-secondary-checkbox-icon"},chipSizeRoot:{sm:"uds-chip-size-sm-root",md:"uds-chip-size-md-root"},chipToggleVariantActiveRoot:{on:"uds-chip-toggle-variant-active-on-root",off:"uds-chip-toggle-variant-active-off-root"},chipToggleVariantRoot:{primary:"uds-chip-toggle-variant-primary-root",secondary:"uds-chip-toggle-variant-secondary-root",brand:"uds-chip-toggle-variant-brand-root","brand-secondary":"uds-chip-toggle-variant-brand-secondary-root"},chipToggleVariantActiveIcon:{on:"uds-chip-toggle-variant-active-on-icon",off:"uds-chip-toggle-variant-active-off-icon"},chipToggleVariantIcon:{primary:"uds-chip-toggle-variant-primary-icon",secondary:"uds-chip-toggle-variant-secondary-icon",brand:"uds-chip-toggle-variant-brand-icon","brand-secondary":"uds-chip-toggle-variant-brand-secondary-icon"},chipDismissibleVariantRoot:{primary:"uds-chip-dismissible-variant-primary-root",secondary:"uds-chip-dismissible-variant-secondary-root",brand:"uds-chip-dismissible-variant-brand-root","brand-secondary":"uds-chip-dismissible-variant-brand-secondary-root"},chipDismissibleVariantIcon:{primary:"uds-chip-dismissible-variant-primary-icon",secondary:"uds-chip-dismissible-variant-secondary-icon",brand:"uds-chip-dismissible-variant-brand-icon","brand-secondary":"uds-chip-dismissible-variant-brand-secondary-icon"},chipLinkVariantRoot:{primary:"uds-chip-link-variant-primary-root",secondary:"uds-chip-link-variant-secondary-root",brand:"uds-chip-link-variant-brand-root","brand-secondary":"uds-chip-link-variant-brand-secondary-root"},chipLinkVariantIcon:{primary:"uds-chip-link-variant-primary-icon",secondary:"uds-chip-link-variant-secondary-icon",brand:"uds-chip-link-variant-brand-icon","brand-secondary":"uds-chip-link-variant-brand-secondary-icon"},inputSizeRoot:{md:"uds-input-size-md-root",lg:"uds-input-size-lg-root"},inputSizeInputWrapper:{md:"uds-input-size-md-input-wrapper",lg:"uds-input-size-lg-input-wrapper"},inputSizeInput:{md:"uds-input-size-md-input",lg:"uds-input-size-lg-input"},inputSizeStartIcon:{md:"uds-input-size-md-start-icon",lg:"uds-input-size-lg-start-icon"},inputSizeEndIcon:{md:"uds-input-size-md-end-icon",lg:"uds-input-size-lg-end-icon"},inputSizeLabel:{md:"uds-input-size-md-label",lg:"uds-input-size-lg-label"},inputSizeHelperIcon:{md:"uds-input-size-md-helper-icon",lg:"uds-input-size-lg-helper-icon"},inputSizeHelperText:{md:"uds-input-size-md-helper-text",lg:"uds-input-size-lg-helper-text"},inputVariantValueRoot:{filled:"uds-input-variant-value-filled-root",empty:"uds-input-variant-value-empty-root"},inputVariantRoot:{default:"uds-input-variant-default-root"},inputVariantValueInputWrapper:{filled:"uds-input-variant-value-filled-input-wrapper",empty:"uds-input-variant-value-empty-input-wrapper"},inputVariantInputWrapper:{default:"uds-input-variant-default-input-wrapper"},inputVariantValueInput:{filled:"uds-input-variant-value-filled-input",empty:"uds-input-variant-value-empty-input"},inputVariantInput:{default:"uds-input-variant-default-input"},inputVariantValueInputPlaceholder:{filled:"uds-input-variant-value-filled-input-placeholder",empty:"uds-input-variant-value-empty-input-placeholder"},inputVariantInputPlaceholder:{default:"uds-input-variant-default-input-placeholder"},inputVariantValueStartIcon:{filled:"uds-input-variant-value-filled-start-icon",empty:"uds-input-variant-value-empty-start-icon"},inputVariantStartIcon:{default:"uds-input-variant-default-start-icon"},inputVariantValueEndIcon:{filled:"uds-input-variant-value-filled-end-icon",empty:"uds-input-variant-value-empty-end-icon"},inputVariantEndIcon:{default:"uds-input-variant-default-end-icon"},inputVariantValueLabel:{filled:"uds-input-variant-value-filled-label",empty:"uds-input-variant-value-empty-label"},inputVariantLabel:{default:"uds-input-variant-default-label"},inputVariantValueLabelRequired:{filled:"uds-input-variant-value-filled-label-required",empty:"uds-input-variant-value-empty-label-required"},inputVariantLabelRequired:{default:"uds-input-variant-default-label-required"},inputVariantValueHelperIcon:{filled:"uds-input-variant-value-filled-helper-icon",empty:"uds-input-variant-value-empty-helper-icon"},inputVariantHelperIcon:{default:"uds-input-variant-default-helper-icon"},inputVariantValueHelperText:{filled:"uds-input-variant-value-filled-helper-text",empty:"uds-input-variant-value-empty-helper-text"},inputVariantHelperText:{default:"uds-input-variant-default-helper-text"},radioVariantValueRoot:{checked:"uds-radio-variant-value-checked-root",unchecked:"uds-radio-variant-value-unchecked-root"},radioVariantRoot:{primary:"uds-radio-variant-primary-root",secondary:"uds-radio-variant-secondary-root",alert:"uds-radio-variant-alert-root","alert-secondary":"uds-radio-variant-alert-secondary-root"},radioVariantValueRadio:{checked:"uds-radio-variant-value-checked-radio",unchecked:"uds-radio-variant-value-unchecked-radio"},radioVariantRadio:{primary:"uds-radio-variant-primary-radio",secondary:"uds-radio-variant-secondary-radio",alert:"uds-radio-variant-alert-radio","alert-secondary":"uds-radio-variant-alert-secondary-radio"},radioVariantValueRadioCircle:{checked:"uds-radio-variant-value-checked-radio-circle",unchecked:"uds-radio-variant-value-unchecked-radio-circle"},radioVariantRadioCircle:{primary:"uds-radio-variant-primary-radio-circle",secondary:"uds-radio-variant-secondary-radio-circle",alert:"uds-radio-variant-alert-radio-circle","alert-secondary":"uds-radio-variant-alert-secondary-radio-circle"},radioSizeRoot:{sm:"uds-radio-size-sm-root",md:"uds-radio-size-md-root"},radioSizeRadio:{sm:"uds-radio-size-sm-radio",md:"uds-radio-size-md-radio"},avatarSizeRoot:{xs:"uds-avatar-size-xs-root",sm:"uds-avatar-size-sm-root",md:"uds-avatar-size-md-root",lg:"uds-avatar-size-lg-root",xl:"uds-avatar-size-xl-root"},avatarSizeIcon:{xs:"uds-avatar-size-xs-icon",sm:"uds-avatar-size-sm-icon",md:"uds-avatar-size-md-icon",lg:"uds-avatar-size-lg-icon",xl:"uds-avatar-size-xl-icon"},avatarTextVariantRoot:{primary:"uds-avatar-text-variant-primary-root",secondary:"uds-avatar-text-variant-secondary-root"},avatarImageVariantRoot:{primary:"uds-avatar-image-variant-primary-root",secondary:"uds-avatar-image-variant-secondary-root"},avatarIconVariantRoot:{primary:"uds-avatar-icon-variant-primary-root",secondary:"uds-avatar-icon-variant-secondary-root"},dividerVariantRoot:{primary:"uds-divider-variant-primary-root",secondary:"uds-divider-variant-secondary-root",tertiary:"uds-divider-variant-tertiary-root",muted:"uds-divider-variant-muted-root"},dividerVariantLine:{primary:"uds-divider-variant-primary-line",secondary:"uds-divider-variant-secondary-line",tertiary:"uds-divider-variant-tertiary-line",muted:"uds-divider-variant-muted-line"},dividerVariantLabel:{primary:"uds-divider-variant-primary-label",secondary:"uds-divider-variant-secondary-label",tertiary:"uds-divider-variant-tertiary-label",muted:"uds-divider-variant-muted-label"},menuSizeRoot:{default:"uds-menu-size-default-root"},menuSizeStartIcon:{default:"uds-menu-size-default-start-icon"},menuSizeEndIcon:{default:"uds-menu-size-default-end-icon"},menuItemVariantActiveRoot:{on:"uds-menu-item-variant-active-on-root",off:"uds-menu-item-variant-active-off-root"},menuItemVariantRoot:{default:"uds-menu-item-variant-default-root"},menuItemVariantActiveText:{on:"uds-menu-item-variant-active-on-text",off:"uds-menu-item-variant-active-off-text"},menuItemVariantText:{default:"uds-menu-item-variant-default-text"},menuItemVariantActiveIcon:{on:"uds-menu-item-variant-active-on-icon",off:"uds-menu-item-variant-active-off-icon"},menuItemVariantIcon:{default:"uds-menu-item-variant-default-icon"},menuItemCheckboxVariantActiveRoot:{on:"uds-menu-item-checkbox-variant-active-on-root",off:"uds-menu-item-checkbox-variant-active-off-root"},menuItemCheckboxVariantRoot:{default:"uds-menu-item-checkbox-variant-default-root"},menuItemCheckboxVariantActiveText:{on:"uds-menu-item-checkbox-variant-active-on-text",off:"uds-menu-item-checkbox-variant-active-off-text"},menuItemCheckboxVariantText:{default:"uds-menu-item-checkbox-variant-default-text"},menuItemCheckboxVariantActiveStartIcon:{on:"uds-menu-item-checkbox-variant-active-on-start-icon",off:"uds-menu-item-checkbox-variant-active-off-start-icon"},menuItemCheckboxVariantStartIcon:{default:"uds-menu-item-checkbox-variant-default-start-icon"},menuItemCheckboxVariantActiveEndIcon:{on:"uds-menu-item-checkbox-variant-active-on-end-icon",off:"uds-menu-item-checkbox-variant-active-off-end-icon"},menuItemCheckboxVariantEndIcon:{default:"uds-menu-item-checkbox-variant-default-end-icon"},menuDividerVariantRoot:{default:"uds-menu-divider-variant-default-root"},menuDividerVariantText:{default:"uds-menu-divider-variant-default-text"},badgeSizeRoot:{xs:"uds-badge-size-xs-root",sm:"uds-badge-size-sm-root",md:"uds-badge-size-md-root",lg:"uds-badge-size-lg-root"},badgeSizeIcon:{xs:"uds-badge-size-xs-icon",sm:"uds-badge-size-sm-icon",md:"uds-badge-size-md-icon",lg:"uds-badge-size-lg-icon"},badgeVariantRoot:{primary:"uds-badge-variant-primary-root",secondary:"uds-badge-variant-secondary-root",brand:"uds-badge-variant-brand-root","brand-secondary":"uds-badge-variant-brand-secondary-root",alert:"uds-badge-variant-alert-root","alert-secondary":"uds-badge-variant-alert-secondary-root",warning:"uds-badge-variant-warning-root","warning-secondary":"uds-badge-variant-warning-secondary-root",positive:"uds-badge-variant-positive-root","positive-secondary":"uds-badge-variant-positive-secondary-root",info:"uds-badge-variant-info-root","info-secondary":"uds-badge-variant-info-secondary-root"},badgeVariantIcon:{primary:"uds-badge-variant-primary-icon",secondary:"uds-badge-variant-secondary-icon",brand:"uds-badge-variant-brand-icon","brand-secondary":"uds-badge-variant-brand-secondary-icon",alert:"uds-badge-variant-alert-icon","alert-secondary":"uds-badge-variant-alert-secondary-icon",warning:"uds-badge-variant-warning-icon","warning-secondary":"uds-badge-variant-warning-secondary-icon",positive:"uds-badge-variant-positive-icon","positive-secondary":"uds-badge-variant-positive-secondary-icon",info:"uds-badge-variant-info-icon","info-secondary":"uds-badge-variant-info-secondary-icon"},linkTextStyleRoot:{display1:"uds-link-text-style-display-1-root",display2:"uds-link-text-style-display-2-root",display3:"uds-link-text-style-display-3-root",title1:"uds-link-text-style-title-1-root",title2:"uds-link-text-style-title-2-root",title3:"uds-link-text-style-title-3-root",title4:"uds-link-text-style-title-4-root",headline1:"uds-link-text-style-headline-1-root",body1:"uds-link-text-style-body-1-root",label1:"uds-link-text-style-label-1-root",label2:"uds-link-text-style-label-2-root",label3:"uds-link-text-style-label-3-root",label4:"uds-link-text-style-label-4-root",caption1:"uds-link-text-style-caption-1-root",caption2:"uds-link-text-style-caption-2-root",legal1:"uds-link-text-style-legal-1-root"},linkTextStyleIcon:{display1:"uds-link-text-style-display-1-icon",display2:"uds-link-text-style-display-2-icon",display3:"uds-link-text-style-display-3-icon",title1:"uds-link-text-style-title-1-icon",title2:"uds-link-text-style-title-2-icon",title3:"uds-link-text-style-title-3-icon",title4:"uds-link-text-style-title-4-icon",headline1:"uds-link-text-style-headline-1-icon",body1:"uds-link-text-style-body-1-icon",label1:"uds-link-text-style-label-1-icon",label2:"uds-link-text-style-label-2-icon",label3:"uds-link-text-style-label-3-icon",label4:"uds-link-text-style-label-4-icon",caption1:"uds-link-text-style-caption-1-icon",caption2:"uds-link-text-style-caption-2-icon",legal1:"uds-link-text-style-legal-1-icon"},linkVariantRoot:{primary:"uds-link-variant-primary-root",secondary:"uds-link-variant-secondary-root",tertiary:"uds-link-variant-tertiary-root","on-color":"uds-link-variant-on-color-root"},linkVariantIconStart:{primary:"uds-link-variant-primary-icon-start",secondary:"uds-link-variant-secondary-icon-start",tertiary:"uds-link-variant-tertiary-icon-start","on-color":"uds-link-variant-on-color-icon-start"},linkVariantIconEnd:{primary:"uds-link-variant-primary-icon-end",secondary:"uds-link-variant-secondary-icon-end",tertiary:"uds-link-variant-tertiary-icon-end","on-color":"uds-link-variant-on-color-icon-end"},switchVariantActiveRoot:{on:"uds-switch-variant-active-on-root",off:"uds-switch-variant-active-off-root"},switchVariantRoot:{default:"uds-switch-variant-default-root"},switchVariantActiveSwitch:{on:"uds-switch-variant-active-on-switch",off:"uds-switch-variant-active-off-switch"},switchVariantSwitch:{default:"uds-switch-variant-default-switch"},switchVariantActiveHandle:{on:"uds-switch-variant-active-on-handle",off:"uds-switch-variant-active-off-handle"},switchVariantHandle:{default:"uds-switch-variant-default-handle"},switchVariantActiveHandleIcon:{on:"uds-switch-variant-active-on-handle-icon",off:"uds-switch-variant-active-off-handle-icon"},switchVariantHandleIcon:{default:"uds-switch-variant-default-handle-icon"},switchSizeRoot:{sm:"uds-switch-size-sm-root",md:"uds-switch-size-md-root"},switchSizeSwitch:{sm:"uds-switch-size-sm-switch",md:"uds-switch-size-md-switch"},switchSizeHandle:{sm:"uds-switch-size-sm-handle",md:"uds-switch-size-md-handle"},switchSizeHandleIcon:{sm:"uds-switch-size-sm-handle-icon",md:"uds-switch-size-md-handle-icon"}};function Q(e){const t=Object.create(null),r=Object.keys(e);for(let a=0,o=r.length;a<o;a++){const o=r[a];void 0!==e[o]&&(t[o]=e[o])}return t}var U,ee=y({extend:{theme:{borderColor:p,borderWidth:c,borderRadius:l}},override:{classGroups:{"text-color":[{text:[...d,...s]}],"bg-color":[{bg:n}],"font-family":[{font:["icons",...i]}],leading:[{leading:i}]},conflictingClassGroups:{}}}),te=(...e)=>{const t=m(e);return ee(t)},re=(U={variants:K},e=>{if(!U?.variants)return te(U?.base,e?.className);const{variants:t,defaultVariants:r}=U,a=Object.keys(t).map((a=>{const o=e?.[a],i=r?.[a],n=J(o)||J(i);return t[a][n]})),o={...r,...e&&Q(e)},i=U?.compoundVariants?.reduce(((e,{className:t,...r})=>Object.entries(r).every((([e,t])=>o[e]===t))?te(e,t):e),"");return te(U?.base,a,i,e?.className)}),ae=new Map,oe=e=>{const{useGetStylesCache:t}=u();if(t){const t=function(e){const t=Object.create(null),r=Object.keys(e).sort();for(let a=0,o=r.length;a<o;a++){const o=r[a];t[o]=e[o]}return t}(Q(e)),r=(new b).hash(JSON.stringify(t)).result();if(ae.has(r))return ae.get(r);const a=re(t);return ae.set(r,a),a}return re(e)};function ie(...e){return t=>e.forEach((e=>function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)}(e,t)))}function ne(){const t=f(((t,a)=>{const{children:i,...n}=t,d=x.toArray(i),s=d.find(o);if(s){const t=s.props.children,o=d.map((e=>e===s?x.count(t)>1?x.only(null):v(t)?t.props.children:null:e));return e(r,{...n,ref:a,children:v(t)?g(t,void 0,o):null})}return e(r,{...n,ref:a,children:i})}));t.displayName="Slot";const r=f(((e,t)=>{const{children:r,...a}=e;return v(r)?g(r,{...i(a,r.props),ref:t?ie(t,r.ref):r.ref}):x.count(r)>1?x.only(null):null}));r.displayName="SlotClone";const a=({children:e})=>e;function o(e){return v(e)&&e.type===a}function i(e,t){const r={...t};for(const a in t){const o=e[a],i=t[a];/^on[A-Z]/.test(a)?o&&i?r[a]=(...e)=>{i(...e),o(...e)}:o&&(r[a]=o):"style"===a&&(r[a]={...o,...i})}return{...e,...r}}return t}var de=ne(),se=f((function({asChild:t,className:r,backgroundColor:a,borderRadius:o,borderTopStartRadius:i,borderTopEndRadius:n,borderBottomStartRadius:d,borderBottomEndRadius:s,borderColor:l,borderStartColor:c,borderEndColor:p,borderTopColor:u,borderBottomColor:m,borderWidth:b,borderVerticalWidth:y,borderHorizontalWidth:f,borderStartWidth:h,borderEndWidth:x,borderTopWidth:v,borderBottomWidth:g,alignContent:w,alignItems:k,alignSelf:z,flex:S,flexDirection:V,flexGrow:C,flexShrink:I,flexWrap:R,justifyContent:T,flexBasis:W,display:B="flex",overflow:E,overflowX:N,overflowY:H,position:L,spacing:j,spacingHorizontal:G,spacingVertical:A,spacingBottom:D,spacingEnd:P,spacingStart:$,spacingTop:M,offset:O,offsetVertical:q,offsetHorizontal:F,offsetBottom:X,offsetEnd:Y,offsetStart:_,offsetTop:J,columnGap:Z,rowGap:K,width:Q,height:U,dropShadow:ee,insetShadow:te,...re},ae){const ie=oe({backgroundColor:a,borderRadius:o,borderTopStartRadius:i,borderTopEndRadius:n,borderBottomStartRadius:d,borderBottomEndRadius:s,borderColor:l,borderStartColor:c,borderEndColor:p,borderTopColor:u,borderBottomColor:m,borderWidth:b,borderVerticalWidth:y,borderHorizontalWidth:f,borderStartWidth:h,borderEndWidth:x,borderTopWidth:v,borderBottomWidth:g,alignContent:w,alignItems:k,alignSelf:z,flex:S,flexDirection:V,flexGrow:C,flexShrink:I,flexWrap:R,justifyContent:T,flexBasis:W,display:B,overflow:E,overflowX:N,overflowY:H,position:L,spacing:j,spacingHorizontal:G,spacingVertical:A,spacingBottom:D,spacingEnd:P,spacingStart:$,spacingTop:M,offset:O,offsetVertical:q,offsetHorizontal:F,offsetBottom:X,offsetEnd:Y,offsetStart:_,offsetTop:J,columnGap:Z,rowGap:K,width:Q,height:U,dropShadow:ee,insetShadow:te,className:r});return e(t?de:"div",{className:ie,ref:ae,...re})}));se.displayName="Box";var le=(e,t)=>((e,t)=>{const r=w(t)?t:()=>t;return e.flatMap(((e,t)=>0!==t?[r(t),e]:[e]))})(x.toArray(e),(e=>{const r=w(t)?t(e):t;return v(r)?g(r,{...r.props,key:r.key??`interspersed-${e}`}):null})),ce=f((function({gap:t,children:r,separator:a,...o},i){return e(se,{ref:i,flexDirection:"row",rowGap:t,columnGap:t,...o,children:a?le(r,a):r})}));ce.displayName="HStack";var pe=ne(),ue={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},me=f((function({className:t,asChild:r,color:a="primary",variant:o="body1",as:i=ue[o],fontFamily:n,fontSize:d,fontWeight:s,lineHeight:l,textTransform:c,textAlign:p,backgroundColor:u,borderRadius:m,borderTopStartRadius:b,borderTopEndRadius:y,borderBottomStartRadius:f,borderBottomEndRadius:h,borderColor:x,borderStartColor:v,borderEndColor:g,borderTopColor:w,borderBottomColor:k,borderWidth:z,borderVerticalWidth:S,borderHorizontalWidth:V,borderStartWidth:C,borderEndWidth:I,borderTopWidth:R,borderBottomWidth:T,alignContent:W,alignItems:B,alignSelf:E,flex:N,flexDirection:H,flexGrow:L,flexShrink:j,flexWrap:G,justifyContent:A,flexBasis:D,display:P,overflow:$,overflowX:M,overflowY:O,position:q,spacing:F,spacingHorizontal:X,spacingVertical:Y,spacingBottom:_,spacingEnd:J,spacingStart:Z,spacingTop:K,offset:Q,offsetVertical:U,offsetHorizontal:ee,offsetBottom:te,offsetEnd:re,offsetStart:ae,offsetTop:ie,columnGap:ne,rowGap:de,...se},le){const ce={...a&&"inherit"!==a?{color:a}:{},...o&&"inherit"!==o?{fontFamily:n??o,fontSize:d??o,fontWeight:s??o,lineHeight:l??o,textTransform:c??o}:{},textAlign:p},me=oe({className:t,...ce,backgroundColor:u,borderRadius:m,borderTopStartRadius:b,borderTopEndRadius:y,borderBottomStartRadius:f,borderBottomEndRadius:h,borderColor:x,borderStartColor:v,borderEndColor:g,borderTopColor:w,borderBottomColor:k,borderWidth:z,borderVerticalWidth:S,borderHorizontalWidth:V,borderStartWidth:C,borderEndWidth:I,borderTopWidth:R,borderBottomWidth:T,alignContent:W,alignItems:B,alignSelf:E,flex:N,flexDirection:H,flexGrow:L,flexShrink:j,flexWrap:G,justifyContent:A,flexBasis:D,display:P,overflow:$,overflowX:M,overflowY:O,position:q,spacing:F,spacingHorizontal:X,spacingVertical:Y,spacingBottom:_,spacingEnd:J,spacingStart:Z,spacingTop:K,offset:Q,offsetVertical:U,offsetHorizontal:ee,offsetBottom:te,offsetEnd:re,offsetStart:ae,offsetTop:ie,columnGap:ne,rowGap:de});return e(r?pe:i,{className:me,ref:le,...se})}));me.displayName="Text";var be=f((function({gap:t,children:r,separator:a,...o},i){return e(se,{ref:i,flexDirection:"column",columnGap:t,rowGap:t,...o,children:a?le(r,a):r})}));be.displayName="VStack";var ye={sm:16,md:24,lg:32},fe=f((function({name:t,size:r="md",variant:a="outline",color:o="primary",className:i,...n},d){const s=t.metadata?.variants??[],l=s.includes(a)?a:s[0]??"fill",c="multicolor"===l,p=oe({flex:"none",color:c?void 0:o,className:te(i,!c&&"[&_path]:fill-current")}),u=ye[r];return e("svg",{ref:d,xmlns:"http://www.w3.org/2000/svg",width:u,height:u,viewBox:`0 0 ${u} ${u}`,"aria-hidden":"true",focusable:"false",className:p,...n,children:e(t,{size:r,variant:l})})}));function he({label:r,children:i,onClick:n,open:d,spacingHorizontal:s="4",_content:l,className:c,textProps:p,...u}){return t(z,{layoutVariant:"smooth",layoutSpeed:"3",children:[t(k,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",spacingVertical:"4",spacingHorizontal:s,borderRadius:"md",onClick:n,className:te("hover:bg-secondary/80","w-full",c),...u,children:[e(me,{variant:"title4",color:"primary",...p||{},children:r}),e(a,{initial:!1,children:e(o.div,{initial:"collapsed",animate:d?"open":"collapsed",exit:"collapsed",variants:{open:{rotate:90},collapsed:{rotate:0}},"data-testid":"chevron-motion",children:e(fe,{name:Y,variant:"fill",size:"sm",color:"primary"})})})]}),e(a,{initial:!1,children:e(o.div,{initial:"collapsed",animate:d?"open":"collapsed",exit:"collapsed",variants:{open:{height:"auto"},collapsed:{height:0,overflow:"hidden"}},children:e(be,{spacingHorizontal:s,...l,children:i})},"content")})]})}function xe({children:r,leading:a,trailing:o}){return t(ce,{children:[a,e(me,{variant:"headline1",color:"primary",asChild:!0,children:e(D,{children:r})}),o]})}fe.displayName="Icon";var ve=I,ge=R,we=H,ke=L,ze=A,Se=E,Ve=j,Ce=G,Ie=Se,Re=f((function({children:t,disabled:r,onClick:a,...o},i){const n=C(),d=h((e=>{e.preventDefault();a?.((()=>n.setOpen(!1)))}),[a,n]);return e(k,{display:"flex",flexDirection:"row",alignItems:"flex-start",spacingVertical:"4",spacingHorizontal:"8",columnGap:"3",borderColor:"muted",className:te(!r&&"hover:bg-gray-2",r&&"cursor-default"),onClick:a?d:void 0,ref:i,...o,children:t})}));function Te({title:r,description:a,_title:o,_description:i,startIcon:n,endIcon:d,...s}){return t(Re,{...s,children:[n&&e(fe,{name:n,size:"md",color:"primary"}),t(be,{gap:"3",alignItems:"flex-start",children:[r&&e(me,{variant:"headline1",color:"primary",...o,children:r}),a&&e(me,{variant:"label2",color:"muted",...i,children:a})]}),d&&e(fe,{name:d,size:"md",color:"primary"})]})}var We=f((function({children:r,className:a,overflow:o="scroll",...i},n){return e(be,{borderRadius:"lg",backgroundColor:"primary",position:"relative",dropShadow:"md",className:te("z-10 max-h-[312px] min-w-[220px]",a),overflow:o,asChild:!0,children:t(ve,{preventBodyScroll:!0,autoFocusOnHide:!1,...i,ref:n,children:[e(ge,{className:"!stroke-2"}),r]})})}));function Be(t){return e(Ve,{render:r=>t.children?e(se,{...r,asChild:!0,children:e(S,{startIcon:t.startIcon,...t,children:t.children})}):e(se,{...r,asChild:!0,children:e(V,{...t,name:t.name??t.startIcon})})})}function Ee(e){return P({animated:!0,...e})}function Ne({children:r,handleClose:a}){return t(ce,{alignItems:"center",justifyContent:"space-between",children:[e(me,{variant:"headline1",color:"primary",children:r}),e(V,{"aria-label":"Close",size:"sm",variant:"tertiary",name:_,onClick:a})]})}function He({className:t,...r}){return e(be,{borderRadius:"md",position:"fixed",backgroundColor:"primary",dropShadow:"md",className:te("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100",t),spacing:"8",asChild:!0,overflow:"hidden",children:e($,{backdrop:e("div",{className:"data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm"}),...r})})}var Le=N,je=ne();function Ge(t){return e(M,{...t})}var Ae=f((function({className:t,...r},a){const o=oe({display:"flex",flexDirection:"row",columnGap:"6",className:t});return e(T,{ref:a,...r,className:o})})),De=function({asChild:r,label:a,value:o,startIcon:i}){const n=r?je:"button",d=oe({});if(!W())throw new Error("Tab must be wrapped in a Tabs component");const s=te("text-tertiary","border-b-transparent","aria-selected:border-b-brand","aria-selected:text-secondary");return e(O,{id:o,className:d,render:e(k,{borderBottomWidth:"medium",spacingBottom:"1",spacingTop:"4",className:s,asChild:!0,children:t(n,{children:[i?e(fe,{name:i,className:"text-current",size:"md"}):null,e(me,{className:"text-current",variant:"headline1",as:"span",children:a})]})})})},Pe=f((function(t,r){const a=W();if(!a)throw new Error("TabPanel must be wrapped in a Tabs component");const o=a.useState("selectedId");return e(B,{ref:r,tabId:o,...t})})),$e=oe({borderRadius:"md",spacingVertical:"3",spacingHorizontal:"5",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:"5",overflow:"hidden",position:"relative",className:"cursor-pointer",dropShadow:"md"}),Me=oe({fontSize:"label2",lineHeight:"label2",fontWeight:"label2",color:"primary"}),Oe={default:"secondary",success:"positive-secondary",error:"alert-secondary",info:"info-secondary",warning:"warning-secondary"},qe={default:"secondary",success:"positive",error:"alert",info:"info",warning:"warning"},Fe=e=>{const t=oe({backgroundColor:Oe[e?.type||"default"],borderWidth:"thin",borderColor:qe[e?.type||"default"]});return te($e,t,"mb-2 last:mb-0")},Xe={default:"tertiary",success:"positive-tertiary",error:"alert-tertiary",info:"info-tertiary",warning:"warning-tertiary"};function Ye({type:t,closeToast:r}){return e(V,{className:"shrink-0",name:_,size:"sm",variant:Xe[t||"default"],onClick:r})}function _e(t){return e(F,{toastClassName:Fe,className:Me,hideProgressBar:!0,transition:X,closeButton:Ye,icon:!1,autoClose:6e3,...t})}var Je=Object.assign(((t,r={})=>q(e(me,{color:"primary",children:t}),{...r,type:"default"})),{positive:(t,r={})=>q(e(me,{color:"positive",children:t}),{...r,type:"success"}),alert:(t,r={})=>q(e(me,{color:"alert",children:t}),{...r,type:"error"}),info:(t,r={})=>q(e(me,{color:"info",children:t}),{...r,type:"info"}),warning:(t,r={})=>q(e(me,{color:"warning",children:t}),{...r,type:"warning"})});
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{he as Accordion,Ie as Dropdown,Te as DropdownItem,Re as DropdownItemPressable,We as DropdownItems,Be as DropdownTrigger,He as Modal,Le as ModalDismiss,Ne as ModalHeader,ve as Popover,we as PopoverAnchor,ge as PopoverArrow,ke as PopoverDescription,Ve as PopoverDisclosure,Ce as PopoverDisclosureArrow,ze as PopoverDismiss,xe as PopoverHeading,Se as PopoverProvider,De as Tab,Ae as TabList,Pe as TabPanel,Ge as Tabs,_e as ToastContainer,Fe as getToastClassName,Je as toast,Ee as useModalStore};