@yahoo/uds 3.66.0 → 3.66.2

package/dist/chunk-ZXZH6NST.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("./chunk-67NZP2EJ.cjs"),o=require("./chunk-QLXJH36U.cjs"),r=require("@yahoo/uds/fixtures"),t=require("@yahoo/uds/flags"),i=require("clsx"),a=require("tailwind-merge"),n=require("react"),s=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function d(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}var{useGetStylesCache:l,skipTailwindMerge:c}=t.getFeatureFlags();function p(e){const o=Object.create(null),r=Object.keys(e).sort();for(let t=0,i=r.length;t<i;t++){const i=r[t];void 0!==e[i]&&(o[i]=e[i])}return o}var f=a.extendTailwindMerge({extend:{theme:{borderColor:r.lineColors,borderWidth:r.borderWidthsWithElevation,borderRadius:r.borderRadii}},override:{classGroups:{"text-color":[{text:[...r.foregroundColors,...r.spectrumColors]}],"bg-color":[{bg:r.backgroundColors}],"font-family":[{font:["icons",...r.textVariants]}],leading:[{leading:r.textVariants}]},conflictingClassGroups:{}}}),u=(...e)=>{const o=i.clsx(e);return c?o:f(o)},h=e=>{const{base:o,variants:r,defaultVariants:t,compoundVariants:i}=e;return e=>{if(!e)return u(o);const{className:a,...n}=e;if(!r)return u(o,a);const s=[];for(const e in t){if(void 0===e)continue;if(void 0!==n[e])continue;const o=d(t[e]);s.push(r[e][o])}for(const e in n){if(void 0===e)continue;const o=d(n[e]);s.push(r[e][o])}if(!i)return u(o,s,a);let l="";for(const e of i){const{className:o,...r}=e;let i=!0;for(const e in r){const o=r[e];if(!((n[e]??t?.[e])===o)){i=!1;break}}i&&(l=u(l,o))}return u(o,s,l,a)}},m=h({variants:e.variants}),b=new Map,g=Symbol("getStylesCacheKey"),x=(e,o)=>{if(!l)return m(e);const r=(e=>{if(e[g])return e[g];const o=p(e);let r="";for(const e in o)r+=`${e}:${o[e]}|`;return e[g]=r,r})(e);if(b.has(r))return o?.(),b.get(r);const t=m(e);return b.set(r,t),t};function S(...e){return o=>e.forEach(e=>function(e,o){"function"==typeof e?e(o):null!=e&&(e.current=o)}(e,o))}function C(){const e=n.forwardRef((e,r)=>{const{children:i,...a}=e,d=n.Children.toArray(i),l=d.find(t);if(l){const e=l.props.children,t=d.map(o=>o===l?n.Children.count(e)>1?n.Children.only(null):n.isValidElement(e)?e.props.children:null:o);return s.jsx(o,{...a,ref:r,children:n.isValidElement(e)?n.cloneElement(e,void 0,t):null})}return s.jsx(o,{...a,ref:r,children:i})});e.displayName="Slot";const o=n.forwardRef((e,o)=>{const{children:r,...t}=e;return n.isValidElement(r)?n.cloneElement(r,{...i(t,r.props),ref:o?S(o,r.ref):r.ref}):n.Children.count(r)>1?n.Children.only(null):null});o.displayName="SlotClone";const r=({children:e})=>e;function t(e){return n.isValidElement(e)&&e.type===r}function i(e,o){const r={...o};for(const t in o){const i=e[t],a=o[t];/^on[A-Z]/.test(t)?i&&a?r[t]=(...e)=>{a(...e),i(...e)}:i&&(r[t]=i):"style"===t&&(r[t]={...i,...a})}return{...e,...r}}return e}var y=C(),v=n.forwardRef(function({asChild:e,as:o="div",className:r,backgroundColor:t,borderRadius:i,borderTopStartRadius:a,borderTopEndRadius:n,borderBottomStartRadius:d,borderBottomEndRadius:l,borderColor:c,borderStartColor:p,borderEndColor:f,borderTopColor:u,borderBottomColor:h,borderWidth:m,borderVerticalWidth:b,borderHorizontalWidth:g,borderStartWidth:S,borderEndWidth:C,borderTopWidth:v,borderBottomWidth:w,alignContent:z,alignItems:B,alignSelf:W,flex:E,flexDirection:R,flexGrow:T,flexShrink:N,flexWrap:V,justifyContent:j,flexBasis:G,display:H="flex",overflow:k,overflowX:q,overflowY:I,position:F,spacing:X,spacingHorizontal:$,spacingVertical:A,spacingBottom:D,spacingEnd:M,spacingStart:Y,spacingTop:_,offset:J,offsetVertical:K,offsetHorizontal:O,offsetBottom:P,offsetEnd:Z,offsetStart:L,offsetTop:Q,columnGap:U,rowGap:ee,width:oe,height:re,dropShadow:te,insetShadow:ie,nestedBorderRadius:ae,nestedBorderRadiusSize:ne=(ae?i:void 0),nestedBorderRadiusSpacing:se=(ae?X:void 0),nestedBorderRadiusWidth:de=(ae?m:void 0),...le},ce){const pe=x({backgroundColor:t,borderRadius:i,borderTopStartRadius:a,borderTopEndRadius:n,borderBottomStartRadius:d,borderBottomEndRadius:l,nestedBorderRadius:ae,nestedBorderRadiusSize:ne,nestedBorderRadiusSpacing:se,nestedBorderRadiusWidth:de,borderColor:c,borderStartColor:p,borderEndColor:f,borderTopColor:u,borderBottomColor:h,borderWidth:m,borderVerticalWidth:b,borderHorizontalWidth:g,borderStartWidth:S,borderEndWidth:C,borderTopWidth:v,borderBottomWidth:w,alignContent:z,alignItems:B,alignSelf:W,flex:E,flexDirection:R,flexGrow:T,flexShrink:N,flexWrap:V,justifyContent:j,flexBasis:G,display:H,overflow:k,overflowX:q,overflowY:I,position:F,spacing:X,spacingHorizontal:$,spacingVertical:A,spacingBottom:D,spacingEnd:M,spacingStart:Y,spacingTop:_,offset:J,offsetVertical:K,offsetHorizontal:O,offsetBottom:P,offsetEnd:Z,offsetStart:L,offsetTop:Q,columnGap:U,rowGap:ee,width:oe,height:re,dropShadow:te,insetShadow:ie,className:r}),fe=e?y:o;return s.jsx(fe,{className:pe,ref:ce,...le})});v.displayName="Box";var w=C(),z={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","display1/emphasized":"h1","display2/emphasized":"h1","display3/emphasized":"h1","title1/emphasized":"h1","title2/emphasized":"h2","title3/emphasized":"h3","title4/emphasized":"h4","headline1/emphasized":"h5","body1/emphasized":"p","label1/emphasized":"p","label2/emphasized":"p","label3/emphasized":"p","label4/emphasized":"p","caption1/emphasized":"p","caption2/emphasized":"p","legal1/emphasized":"p",ui1:"span",ui2:"span",ui3:"span",ui4:"span",ui5:"span",ui6:"span","ui1/emphasized":"span","ui2/emphasized":"span","ui3/emphasized":"span","ui4/emphasized":"span","ui5/emphasized":"span","ui6/emphasized":"span",inherit:"p"},B=n.forwardRef(function({className:e,asChild:o,color:r="primary",variant:t="body1",as:i=z[t],fontFamily:a,fontSize:n,fontWeight:d,lineHeight:l,textTransform:c,textAlign:p,letterSpacing:f,backgroundColor:u,borderRadius:h,borderTopStartRadius:m,borderTopEndRadius:b,borderBottomStartRadius:g,borderBottomEndRadius:S,borderColor:C,borderStartColor:y,borderEndColor:v,borderTopColor:B,borderBottomColor:W,borderWidth:E,borderVerticalWidth:R,borderHorizontalWidth:T,borderStartWidth:N,borderEndWidth:V,borderTopWidth:j,borderBottomWidth:G,alignContent:H,alignItems:k,alignSelf:q,flex:I,flexDirection:F,flexGrow:X,flexShrink:$,flexWrap:A,justifyContent:D,flexBasis:M,display:Y,overflow:_,overflowX:J,overflowY:K,position:O,spacing:P,spacingHorizontal:Z,spacingVertical:L,spacingBottom:Q,spacingEnd:U,spacingStart:ee,spacingTop:oe,offset:re,offsetVertical:te,offsetHorizontal:ie,offsetBottom:ae,offsetEnd:ne,offsetStart:se,offsetTop:de,columnGap:le,rowGap:ce,...pe},fe){const ue={...r&&"inherit"!==r?{color:r}:{},...t&&"inherit"!==t?{fontFamily:a??t,fontSize:n??t,fontWeight:d??t,lineHeight:l??t,textTransform:c??t,letterSpacing:f??t}:{},textAlign:p},he=x({className:e,...ue,backgroundColor:u,borderRadius:h,borderTopStartRadius:m,borderTopEndRadius:b,borderBottomStartRadius:g,borderBottomEndRadius:S,borderColor:C,borderStartColor:y,borderEndColor:v,borderTopColor:B,borderBottomColor:W,borderWidth:E,borderVerticalWidth:R,borderHorizontalWidth:T,borderStartWidth:N,borderEndWidth:V,borderTopWidth:j,borderBottomWidth:G,alignContent:H,alignItems:k,alignSelf:q,flex:I,flexDirection:F,flexGrow:X,flexShrink:$,flexWrap:A,justifyContent:D,flexBasis:M,display:Y,overflow:_,overflowX:J,overflowY:K,position:O,spacing:P,spacingHorizontal:Z,spacingVertical:L,spacingBottom:Q,spacingEnd:U,spacingStart:ee,spacingTop:oe,offset:re,offsetVertical:te,offsetHorizontal:ie,offsetBottom:ae,offsetEnd:ne,offsetStart:se,offsetTop:de,columnGap:le,rowGap:ce}),me=o?w:i;return s.jsx(me,{className:he,ref:fe,...pe})});B.displayName="Text";var W={xs:12,sm:16,md:24,lg:32},E=n.forwardRef(function({name:e,size:o="md",variant:r="outline",color:t="primary",className:i,...a},n){const d=e.metadata?.variants??[],l=d.includes(r)?r:d[0]??"fill",c="multicolor"===l,p=x({flex:"none",color:c?void 0:t,className:u(i,!c&&"[&_path]:fill-current")}),f=W[o];return s.jsx("svg",{ref:n,xmlns:"http://www.w3.org/2000/svg",width:f,height:f,viewBox:`0 0 ${f} ${f}`,"aria-hidden":"true",focusable:"false",className:p,...a,children:s.jsx(e,{size:o,variant:l})})});E.displayName="Icon";var R=o.__toESM(e.require_isFunction(),1),T=n.memo(function({icon:e,iconProps:o,className:r,...t}){if(!e)return null;const{className:i,...a}=o||{},d=u(r,i),l=e;if(l.metadata?.isSvgIcon)return s.jsx(E,{name:l,...a,...t,className:d});if((0,R.default)(e)){const r=e(o||{}),i=r?.props.className;return n.isValidElement(r)&&n.cloneElement(r,{...t,className:u(d,i)})}return n.isValidElement(e)&&n.cloneElement(e,{...a,...e.props,...t,className:u(d,e.props.className)})});T.displayName="IconSlot",
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Box=v,exports.Icon=E,exports.IconSlot=T,exports.Text=B,exports.createSlot=C,exports.cva=h,exports.cx=u,exports.getStyles=x,exports.getStylesCacheKeySymbol=g;

package/dist/client/Menu.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var e=require("../chunk-6PEIP4LR.cjs"),t=require("../chunk-O4OSO3V4.cjs"),n=require("../chunk-B2TS37PH.cjs"),r=require("../chunk-FK3YMO3H.cjs"),a=require("../chunk-IPJKEKXB.cjs"),o=require("../chunk-QLXJH36U.cjs"),i=require("@ariakit/react/menu"),s=require("react"),c=require("use-sync-external-store/shim/index.js"),u=require("@yahoo/uds/fixtures"),l=require("motion/react"),d=require("react/jsx-runtime"),m=require("@ariakit/react");function f(e){return e&&e.__esModule?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var g=p(s),h=f(c),x={};function b(e){return e}function v(e,t){const n=e.__unstableInternals;return function(e,t){if(!e)throw new Error(t)}(n,"Invalid store"),n[t]}o.__export(x,{Content:()=>M,Divider:()=>w,Item:()=>P,ItemCheckbox:()=>O,Provider:()=>q,Trigger:()=>T,useMenuContext:()=>i.useMenuContext,useMenuStore:()=>i.useMenuStore,useStoreState:()=>m.useStoreState});var{useSyncExternalStore:y}=h.default;function I(e,t=b){const n=g.useCallback(t=>e?function(e,...t){if(e)return v(e,"subscribe")(...t)}(e,null,t):()=>{},[e]),r=()=>{const n="string"==typeof t?t:null,r="function"==typeof t?t:null,a=null==e?void 0:e.getState();if(r)return r(a);var o,i;if(a&&(n&&(o=a,i=n,"function"==typeof Object.hasOwn?Object.hasOwn(o,i):Object.prototype.hasOwnProperty.call(o,i))))return a[n]};return y(n,r,r)}var S=l.m.create(n.VStack),C=5,k=.97,j={top:{x:0,y:C},bottom:{x:0,y:-5},left:{x:C,y:0},right:{x:-5,y:0}},N=e=>s.useMemo(()=>((e="bottom")=>{const[t="top"]=e?.split("-");return{closed:{...j[t],opacity:0,scale:k},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),M=s.forwardRef(function({gap:e,spacing:t,spacingBottom:n,spacingEnd:r,spacingStart:o,spacingTop:c,gutter:m="1",backgroundColor:f="primary",borderRadius:p="md",borderColor:g,borderWidth:h="thin",overflow:x,dropShadow:b="lg",className:v,sameWidth:y,focusable:C,children:k,portalElement:j,portal:M=!0,disableAutoBorderRadius:w,nestedBorderRadius:R=!w,nestedBorderRadiusSize:V,nestedBorderRadiusSpacing:E,nestedBorderRadiusWidth:P,...O},B){const z=i.useMenuContext(),q=I(z,"open"),T=I(z,"mounted"),A=I(z,"currentPlacement"),H=I(z,"placement"),[D,_]=s.useState(A),[W,L]=s.useState(A);s.useEffect(()=>{H!==W&&L(H)},[H]),s.useEffect(()=>{A!==W&&L(A)},[A]),s.useEffect(()=>{T&&W!==D&&_(W)},[T,W,D]);const $=s.useMemo(()=>q&&T?"open":"closed",[q,T]),F=s.useMemo(()=>q?b:"none",[q,b]),G=N(W),K=s.useMemo(()=>u.spacingMap[m],[m]);return d.jsx(l.AnimatePresence,{initial:!1,children:d.jsx(i.Menu,{gutter:K,sameWidth:y,focusable:C,store:z,ref:B,portalElement:j,portal:M,...O,render:d.jsx(S,{backgroundColor:f,gap:e,spacing:t,spacingBottom:n,spacingEnd:r,spacingStart:o,spacingTop:c,borderRadius:p,borderColor:g,borderWidth:h,overflow:x,animate:$,variants:G,dropShadow:F,nestedBorderRadius:R,nestedBorderRadiusSize:V,nestedBorderRadiusSpacing:E,nestedBorderRadiusWidth:P,className:a.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",v),children:k})})})});M.displayName="MenuContent";var w=s.forwardRef(function({role:t="separator",contentPosition:n="start",gap:r="4",children:o,spacingVertical:i=(o?"2":"0"),spacingHorizontal:s=(o?"4":"0"),className:c,...u},l){const m={root:a.getStyles({menuDividerVariantRoot:"default",className:c}),text:a.getStyles({menuDividerVariantText:"default"}),line:a.getStyles({menuDividerVariantLine:"default"})};return d.jsx(e.DividerInternal,{ref:l,role:t,variant:"inherit",contentPosition:n,gap:r,spacingVertical:i,spacingHorizontal:s,className:m.root,layerClassNames:m,...u,children:o})});w.displayName="MenuDivider";var R="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=s.forwardRef(function({spacing:e="0",spacingBottom:r,spacingEnd:o,spacingHorizontal:i="4",spacingStart:c,spacingTop:u,spacingVertical:m="3.5",columnGap:f="2",className:p,children:g,endIcon:h,startIcon:x,hideEndIcon:b,active:v,disabled:y,as:I,name:S,alignItems:C="center",justifyContent:k="space-between",layerClassNames:j,slots:N,rootProps:M,...w},E){const P=s.Children.count(g)>1,O=(({active:e,disabled:t,className:n})=>a.cx(R,"flex","focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],t&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",n))({active:v,disabled:y,className:p}),B=a.getStyles({className:a.cx(`${R}-content truncate`,j?.text),textAlign:"start",...P&&{columnGap:f,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),z=s.useMemo(()=>({root:a.getStyles({menuSizeRoot:"default",flexDirection:"row",spacing:e,spacingBottom:r,spacingEnd:o,spacingHorizontal:i,spacingStart:c,spacingTop:u,spacingVertical:m,columnGap:f,alignItems:C,justifyContent:k,className:a.cx(O,j?.root)}),startIcon:a.getStyles({menuSizeStartIcon:"default",className:j?.startIcon}),endIcon:a.getStyles({menuSizeEndIcon:"default",className:j?.endIcon})}),[C,f,k,j?.endIcon,j?.root,j?.startIcon,O,e,r,o,i,c,u,m]),q=N?.root??(e=>d.jsx(t.Pressable,{...e,...w,onClick:t=>{e.onClick?.(t),w.onClick?.(t)}}));return d.jsxs(I,{ref:E,name:S??"",...M,render:q,disabled:y,className:z.root,children:[d.jsxs(n.HStack,{gap:f,alignItems:"center",width:"full",children:[d.jsx(l.AnimatePresence,{initial:!1,children:x&&d.jsx(l.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:d.jsx(a.IconSlot,{icon:x,className:z.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),d.jsx("span",{className:B,children:g})]}),d.jsx(l.AnimatePresence,{initial:!1,mode:"popLayout",children:!b&&h&&d.jsx(l.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:d.jsx(a.IconSlot,{icon:h,className:z.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})});E.displayName="MenuItemBase";var P=s.forwardRef(function({active:e,hideOnClick:t,...n},r){const o={root:a.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:a.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:a.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return d.jsx(E,{ref:r,as:i.MenuItem,active:e,layerClassNames:o,rootProps:{hideOnClick:t},...n})});P.displayName="MenuItem";var O=s.forwardRef(function({name:e,endIcon:n=t.e,checked:r,defaultChecked:o,hideOnClick:c,className:u,...l},f){const p=e,g=s.useRef(!1),h=i.useMenuContext(),x=m.useStoreState(h);s.useEffect(()=>{!g.current&&void 0!==o&&h&&(h.setValues(e=>({...e,[p]:o})),g.current=!0)},[h,o,p]);const b=s.useMemo(()=>{if(void 0!==r)return r;if(x?.items?.length){const e=x?.items.find(e=>e.element?.name===p);if(e?.element)return e.element.checked}const e=x?.values[p];return"boolean"==typeof e?e:o??!1},[x?.items,x?.values,p,r,o]),v=s.useCallback(e=>{void 0===r&&h?.setValues(t=>({...t,[p]:e.target.checked}))},[p,h,r]),y={root:a.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:b?"on":"off"}),text:a.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:b?"on":"off"}),startIcon:a.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:b?"on":"off"}),endIcon:a.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:b?"on":"off"})};return d.jsx(E,{ref:f,as:i.MenuItemCheckbox,hideEndIcon:!b,endIcon:n,active:b,className:a.cx("uds-menu-item-checkbox",u),layerClassNames:y,name:e,rootProps:{onChange:v,defaultChecked:o,checked:void 0!==r?r:void 0,hideOnClick:c},...l})});O.displayName="MenuItemCheckbox";var B=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},z=e=>{const[t,n]=s.useState(B);return s.useEffect(()=>{if(e?.explicit)return void n(e.explicit);const t=(e=>{const t=new MutationObserver(t=>{t.some(e=>"attributes"===e.type&&"dir"===e.attributeName)&&e()});return t.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),t})(()=>{n(B())});return()=>t.disconnect()},[e?.explicit]),t},q=function({placement:e="bottom",rtl:t,...n}){const a=z({explicit:t}),o=((e,t)=>{const n=t?.rtl;if("start"===e)return n?"right":"left";if("end"===e)return n?"left":"right";if(e?.includes("-")){const[t,r]=e.split("-");if(!("start"!==t&&"end"!==t||"top"!==r&&"bottom"!==r))return`${"start"===t?n?"right":"left":n?"left":"right"}-${"bottom"===r?"end":"start"}`;if("top"===t||"bottom"===t)return`${t}-${"start"===r?n?"end":"start":n?"start":"end"}`}return e})(e,{rtl:a});return d.jsx(r.SpringMotionConfig,{children:d.jsx(i.MenuProvider,{placement:o,rtl:a,...n})})};q.displayName="MenuProvider";var T=s.forwardRef(function({asChild:e,children:t,className:n,...r},o){const c=s.useRef(null),u=e?{render:d.jsx(a.Box,{asChild:!0,ref:c,className:"uds-ring h-fit w-fit",children:t})}:{children:t},l=s.useCallback(()=>{const e=c.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[c]);return d.jsx(i.MenuButton,{onFocus:l,onFocusVisible:l,ref:o,className:a.cx("uds-menu-trigger",n),...u,...r})});T.displayName="MenuTrigger",exports.Menu=x;
+"use strict";var e=require("../chunk-3T7MTHXL.cjs"),t=require("../chunk-PVAHPU4A.cjs"),n=require("../chunk-XHDADABE.cjs"),a=require("../chunk-JUNV7OML.cjs"),r=require("../chunk-ZXZH6NST.cjs"),i=require("../chunk-QLXJH36U.cjs"),o=require("@ariakit/react"),s=require("@ariakit/react/menu"),c=require("@yahoo/uds/fixtures"),u=require("motion/react"),l=require("react"),d=require("react/jsx-runtime"),m={};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */i.__export(m,{Content:()=>v,Divider:()=>S,Item:()=>C,ItemCheckbox:()=>k,Provider:()=>j,Trigger:()=>V,useMenuContext:()=>s.useMenuContext,useMenuStore:()=>s.useMenuStore,useStoreState:()=>o.useStoreState});var f=u.m.create(n.VStack),p=5,g=.97,h={top:{x:0,y:p},bottom:{x:0,y:-5},left:{x:p,y:0},right:{x:-5,y:0}},x=e=>l.useMemo(()=>((e="bottom")=>{const[t="top"]=e?.split("-");return{closed:{...h[t],opacity:0,scale:g},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),v=l.forwardRef(function({gap:e,spacing:t,spacingBottom:n,spacingEnd:a,spacingStart:i,spacingTop:m,gutter:p="1",backgroundColor:g="primary",borderRadius:h="md",borderColor:v,borderWidth:S="thin",overflow:b,dropShadow:I="lg",className:y,sameWidth:C,focusable:k,children:N,portalElement:M,portal:j=!0,disableAutoBorderRadius:V,nestedBorderRadius:R=!V,nestedBorderRadiusSize:w,nestedBorderRadiusSpacing:E,nestedBorderRadiusWidth:B,...P},A){const T=s.useMenuContext(),z=o.useStoreState(T,"open"),q=o.useStoreState(T,"mounted"),H=o.useStoreState(T,"currentPlacement"),D=o.useStoreState(T,"placement"),[L,O]=l.useState(H),[W,$]=l.useState(H);l.useEffect(()=>{D!==W&&$(D)},[D]),l.useEffect(()=>{H!==W&&$(H)},[H]),l.useEffect(()=>{q&&W!==L&&O(W)},[q,W,L]);const X=l.useMemo(()=>z&&q?"open":"closed",[z,q]),F=l.useMemo(()=>z?I:"none",[z,I]),G=x(W),U=l.useMemo(()=>c.spacingMap[p],[p]);return d.jsx(u.AnimatePresence,{initial:!1,children:d.jsx(s.Menu,{gutter:U,sameWidth:C,focusable:k,store:T,ref:A,portalElement:M,portal:j,...P,render:d.jsx(f,{backgroundColor:g,gap:e,spacing:t,spacingBottom:n,spacingEnd:a,spacingStart:i,spacingTop:m,borderRadius:h,borderColor:v,borderWidth:S,overflow:b,animate:X,variants:G,dropShadow:F,nestedBorderRadius:R,nestedBorderRadiusSize:w,nestedBorderRadiusSpacing:E,nestedBorderRadiusWidth:B,className:r.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",y),children:N})})})});v.displayName="MenuContent";var S=l.forwardRef(function({role:t="separator",contentPosition:n="start",gap:a="4",children:i,spacingVertical:o=(i?"2":"0"),spacingHorizontal:s=(i?"4":"0"),className:c,...u},l){const m={root:r.getStyles({menuDividerVariantRoot:"default",className:c}),text:r.getStyles({menuDividerVariantText:"default"}),line:r.getStyles({menuDividerVariantLine:"default"})};return d.jsx(e.DividerInternal,{ref:l,role:t,variant:"inherit",contentPosition:n,gap:a,spacingVertical:o,spacingHorizontal:s,className:m.root,layerClassNames:m,...u,children:i})});S.displayName="MenuDivider";var b="uds-menu-item",I={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},y=l.forwardRef(function({spacing:e="0",spacingBottom:a,spacingEnd:i,spacingHorizontal:o="4",spacingStart:s,spacingTop:c,spacingVertical:m="3.5",columnGap:f="2",className:p,children:g,endIcon:h,startIcon:x,hideEndIcon:v,active:S,disabled:y,as:C,name:k,alignItems:N="center",justifyContent:M="space-between",layerClassNames:j,slots:V,rootProps:R,...w},E){const B=l.Children.count(g)>1,P=(({active:e,disabled:t,className:n})=>r.cx(b,"flex","focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],t&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",n))({active:S,disabled:y,className:p}),A=r.getStyles({className:r.cx(`${b}-content truncate`,j?.text),textAlign:"start",...B&&{columnGap:f,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),T=l.useMemo(()=>({root:r.getStyles({menuSizeRoot:"default",flexDirection:"row",spacing:e,spacingBottom:a,spacingEnd:i,spacingHorizontal:o,spacingStart:s,spacingTop:c,spacingVertical:m,columnGap:f,alignItems:N,justifyContent:M,className:r.cx(P,j?.root)}),startIcon:r.getStyles({menuSizeStartIcon:"default",className:j?.startIcon}),endIcon:r.getStyles({menuSizeEndIcon:"default",className:j?.endIcon})}),[N,f,M,j?.endIcon,j?.root,j?.startIcon,P,e,a,i,o,s,c,m]),z=V?.root??(e=>d.jsx(t.Pressable,{...e,...w,onClick:t=>{e.onClick?.(t),w.onClick?.(t)}}));return d.jsxs(C,{ref:E,name:k??"",...R,render:z,disabled:y,className:T.root,children:[d.jsxs(n.HStack,{gap:f,alignItems:"center",width:"full",children:[d.jsx(u.AnimatePresence,{initial:!1,children:x&&d.jsx(u.m.span,{variants:I,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:d.jsx(r.IconSlot,{icon:x,className:T.startIcon,iconProps:{size:"sm",variant:S?"fill":"outline",color:"current"}})})}),d.jsx("span",{className:A,children:g})]}),d.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:!v&&h&&d.jsx(u.m.span,{variants:I,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:d.jsx(r.IconSlot,{icon:h,className:T.endIcon,iconProps:{size:"sm",variant:S?"fill":"outline",color:"current"}})})})]})});y.displayName="MenuItemBase";var C=l.forwardRef(function({active:e,hideOnClick:t,...n},a){const i={root:r.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:r.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:r.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return d.jsx(y,{ref:a,as:s.MenuItem,active:e,layerClassNames:i,rootProps:{hideOnClick:t},...n})});C.displayName="MenuItem";var k=l.forwardRef(function({name:e,endIcon:n=t.e,checked:a,defaultChecked:i,hideOnClick:c,className:u,...m},f){const p=e,g=l.useRef(!1),h=s.useMenuContext(),x=o.useStoreState(h);l.useEffect(()=>{!g.current&&void 0!==i&&h&&(h.setValues(e=>({...e,[p]:i})),g.current=!0)},[h,i,p]);const v=l.useMemo(()=>{if(void 0!==a)return a;if(x?.items?.length){const e=x?.items.find(e=>e.element?.name===p);if(e?.element)return e.element.checked}const e=x?.values[p];return"boolean"==typeof e?e:i??!1},[x?.items,x?.values,p,a,i]),S=l.useCallback(e=>{void 0===a&&h?.setValues(t=>({...t,[p]:e.target.checked}))},[p,h,a]),b={root:r.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:v?"on":"off"}),text:r.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:v?"on":"off"}),startIcon:r.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:v?"on":"off"}),endIcon:r.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:v?"on":"off"})};return d.jsx(y,{ref:f,as:s.MenuItemCheckbox,hideEndIcon:!v,endIcon:n,active:v,className:r.cx("uds-menu-item-checkbox",u),layerClassNames:b,name:e,rootProps:{onChange:S,defaultChecked:i,checked:void 0!==a?a:void 0,hideOnClick:c},...m})});k.displayName="MenuItemCheckbox";var N=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},M=e=>{const[t,n]=l.useState(N);return l.useEffect(()=>{if(e?.explicit)return void n(e.explicit);const t=(e=>{const t=new MutationObserver(t=>{t.some(e=>"attributes"===e.type&&"dir"===e.attributeName)&&e()});return t.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),t})(()=>{n(N())});return()=>t.disconnect()},[e?.explicit]),t},j=function({placement:e="bottom",rtl:t,...n}){const r=M({explicit:t}),i=((e,t)=>{const n=t?.rtl;if("start"===e)return n?"right":"left";if("end"===e)return n?"left":"right";if(e?.includes("-")){const[t,a]=e.split("-");if(!("start"!==t&&"end"!==t||"top"!==a&&"bottom"!==a))return`${"start"===t?n?"right":"left":n?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===t||"bottom"===t)return`${t}-${"start"===a?n?"end":"start":n?"start":"end"}`}return e})(e,{rtl:r});return d.jsx(a.SpringMotionConfig,{children:d.jsx(s.MenuProvider,{placement:i,rtl:r,...n})})};j.displayName="MenuProvider";var V=l.forwardRef(function({asChild:e,children:t,className:n,...a},i){const o=l.useRef(null),c=e?{render:d.jsx(r.Box,{asChild:!0,ref:o,className:"uds-ring h-fit w-fit",children:t})}:{children:t},u=l.useCallback(()=>{const e=o.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[o]);return d.jsx(s.MenuButton,{onFocus:u,onFocusVisible:u,ref:i,className:r.cx("uds-menu-trigger",n),...c,...a})});V.displayName="MenuTrigger",exports.Menu=m;

package/dist/client/Menu.js

@@ -1,3 +1,3 @@
 "use client";
-import{DividerInternal as e}from"../chunk-HKI5AZ7O.js";import{e as t,Pressable as n}from"../chunk-DDL45GZJ.js";import{VStack as o,HStack as a}from"../chunk-VX5NJRUI.js";import{SpringMotionConfig as r}from"../chunk-4NLPM4LX.js";import{cx as i,getStyles as s,IconSlot as c,Box as l}from"../chunk-EPEWMEHA.js";import{__export as d}from"../chunk-GF4A6TFM.js";import{useMenuStore as u,useMenuContext as m,Menu as f,MenuItem as p,MenuItemCheckbox as h,MenuProvider as g,MenuButton as b}from"@ariakit/react/menu";import*as v from"react";import{forwardRef as I,useState as x,useEffect as y,useMemo as C,Children as k,useRef as N,useCallback as S}from"react";import V from"use-sync-external-store/shim/index.js";import{spacingMap as w}from"@yahoo/uds/fixtures";import{m as E,AnimatePresence as M}from"motion/react";import{jsx as R,jsxs as j}from"react/jsx-runtime";import{useStoreState as z}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-var B={};function P(e){return e}function T(e,t){const n=e.__unstableInternals;return function(e,t){if(!e)throw new Error(t)}(n,"Invalid store"),n[t]}d(B,{Content:()=>G,Divider:()=>$,Item:()=>_,ItemCheckbox:()=>K,Provider:()=>Q,Trigger:()=>Y,useMenuContext:()=>m,useMenuStore:()=>u,useStoreState:()=>z});var{useSyncExternalStore:A}=V;function O(e,t=P){const n=v.useCallback(t=>e?function(e,...t){if(e)return T(e,"subscribe")(...t)}(e,null,t):()=>{},[e]),o=()=>{const n="string"==typeof t?t:null,o="function"==typeof t?t:null,a=null==e?void 0:e.getState();if(o)return o(a);var r,i;if(a&&(n&&(r=a,i=n,"function"==typeof Object.hasOwn?Object.hasOwn(r,i):Object.prototype.hasOwnProperty.call(r,i))))return a[n]};return A(n,o,o)}var D=E.create(o),H=5,W=.97,L={top:{x:0,y:H},bottom:{x:0,y:-5},left:{x:H,y:0},right:{x:-5,y:0}},F=e=>C(()=>((e="bottom")=>{const[t="top"]=e?.split("-");return{closed:{...L[t],opacity:0,scale:W},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),G=I(function({gap:e,spacing:t,spacingBottom:n,spacingEnd:o,spacingStart:a,spacingTop:r,gutter:s="1",backgroundColor:c="primary",borderRadius:l="md",borderColor:d,borderWidth:u="thin",overflow:p,dropShadow:h="lg",className:g,sameWidth:b,focusable:v,children:I,portalElement:k,portal:N=!0,disableAutoBorderRadius:S,nestedBorderRadius:V=!S,nestedBorderRadiusSize:E,nestedBorderRadiusSpacing:j,nestedBorderRadiusWidth:z,...B},P){const T=m(),A=O(T,"open"),H=O(T,"mounted"),W=O(T,"currentPlacement"),L=O(T,"placement"),[G,$]=x(W),[J,X]=x(W);y(()=>{L!==J&&X(L)},[L]),y(()=>{W!==J&&X(W)},[W]),y(()=>{H&&J!==G&&$(J)},[H,J,G]);const Z=C(()=>A&&H?"open":"closed",[A,H]),_=C(()=>A?h:"none",[A,h]),K=F(J),U=C(()=>w[s],[s]);return R(M,{initial:!1,children:R(f,{gutter:U,sameWidth:b,focusable:v,store:T,ref:P,portalElement:k,portal:N,...B,render:R(D,{backgroundColor:c,gap:e,spacing:t,spacingBottom:n,spacingEnd:o,spacingStart:a,spacingTop:r,borderRadius:l,borderColor:d,borderWidth:u,overflow:p,animate:Z,variants:K,dropShadow:_,nestedBorderRadius:V,nestedBorderRadiusSize:E,nestedBorderRadiusSpacing:j,nestedBorderRadiusWidth:z,className:i("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",g),children:I})})})});G.displayName="MenuContent";var $=I(function({role:t="separator",contentPosition:n="start",gap:o="4",children:a,spacingVertical:r=(a?"2":"0"),spacingHorizontal:i=(a?"4":"0"),className:c,...l},d){const u={root:s({menuDividerVariantRoot:"default",className:c}),text:s({menuDividerVariantText:"default"}),line:s({menuDividerVariantLine:"default"})};return R(e,{ref:d,role:t,variant:"inherit",contentPosition:n,gap:o,spacingVertical:r,spacingHorizontal:i,className:u.root,layerClassNames:u,...l,children:a})});$.displayName="MenuDivider";var J="uds-menu-item",X={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},Z=I(function({spacing:e="0",spacingBottom:t,spacingEnd:o,spacingHorizontal:r="4",spacingStart:l,spacingTop:d,spacingVertical:u="3.5",columnGap:m="2",className:f,children:p,endIcon:h,startIcon:g,hideEndIcon:b,active:v,disabled:I,as:x,name:y,alignItems:N="center",justifyContent:S="space-between",layerClassNames:V,slots:w,rootProps:z,...B},P){const T=k.count(p)>1,A=(({active:e,disabled:t,className:n})=>i(J,"flex","focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],t&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",n))({active:v,disabled:I,className:f}),O=s({className:i(`${J}-content truncate`,V?.text),textAlign:"start",...T&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),D=C(()=>({root:s({menuSizeRoot:"default",flexDirection:"row",spacing:e,spacingBottom:t,spacingEnd:o,spacingHorizontal:r,spacingStart:l,spacingTop:d,spacingVertical:u,columnGap:m,alignItems:N,justifyContent:S,className:i(A,V?.root)}),startIcon:s({menuSizeStartIcon:"default",className:V?.startIcon}),endIcon:s({menuSizeEndIcon:"default",className:V?.endIcon})}),[N,m,S,V?.endIcon,V?.root,V?.startIcon,A,e,t,o,r,l,d,u]);return j(x,{ref:P,name:y??"",...z,render:w?.root??(e=>R(n,{...e,...B,onClick:t=>{e.onClick?.(t),B.onClick?.(t)}})),disabled:I,className:D.root,children:[j(a,{gap:m,alignItems:"center",width:"full",children:[R(M,{initial:!1,children:g&&R(E.span,{variants:X,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:R(c,{icon:g,className:D.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),R("span",{className:O,children:p})]}),R(M,{initial:!1,mode:"popLayout",children:!b&&h&&R(E.span,{variants:X,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:R(c,{icon:h,className:D.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})});Z.displayName="MenuItemBase";var _=I(function({active:e,hideOnClick:t,...n},o){const a={root:s({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:s({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:s({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return R(Z,{ref:o,as:p,active:e,layerClassNames:a,rootProps:{hideOnClick:t},...n})});_.displayName="MenuItem";var K=I(function({name:e,endIcon:n=t,checked:o,defaultChecked:a,hideOnClick:r,className:c,...l},d){const u=e,f=N(!1),p=m(),g=z(p);y(()=>{!f.current&&void 0!==a&&p&&(p.setValues(e=>({...e,[u]:a})),f.current=!0)},[p,a,u]);const b=C(()=>{if(void 0!==o)return o;if(g?.items?.length){const e=g?.items.find(e=>e.element?.name===u);if(e?.element)return e.element.checked}const e=g?.values[u];return"boolean"==typeof e?e:a??!1},[g?.items,g?.values,u,o,a]),v=S(e=>{void 0===o&&p?.setValues(t=>({...t,[u]:e.target.checked}))},[u,p,o]),I={root:s({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:b?"on":"off"}),text:s({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:b?"on":"off"}),startIcon:s({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:b?"on":"off"}),endIcon:s({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:b?"on":"off"})};return R(Z,{ref:d,as:h,hideEndIcon:!b,endIcon:n,active:b,className:i("uds-menu-item-checkbox",c),layerClassNames:I,name:e,rootProps:{onChange:v,defaultChecked:a,checked:void 0!==o?o:void 0,hideOnClick:r},...l})});K.displayName="MenuItemCheckbox";var U=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},q=e=>{const[t,n]=x(U);return y(()=>{if(e?.explicit)return void n(e.explicit);const t=(e=>{const t=new MutationObserver(t=>{t.some(e=>"attributes"===e.type&&"dir"===e.attributeName)&&e()});return t.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),t})(()=>{n(U())});return()=>t.disconnect()},[e?.explicit]),t},Q=function({placement:e="bottom",rtl:t,...n}){const o=q({explicit:t}),a=((e,t)=>{const n=t?.rtl;if("start"===e)return n?"right":"left";if("end"===e)return n?"left":"right";if(e?.includes("-")){const[t,o]=e.split("-");if(!("start"!==t&&"end"!==t||"top"!==o&&"bottom"!==o))return`${"start"===t?n?"right":"left":n?"left":"right"}-${"bottom"===o?"end":"start"}`;if("top"===t||"bottom"===t)return`${t}-${"start"===o?n?"end":"start":n?"start":"end"}`}return e})(e,{rtl:o});return R(r,{children:R(g,{placement:a,rtl:o,...n})})};Q.displayName="MenuProvider";var Y=I(function({asChild:e,children:t,className:n,...o},a){const r=N(null),s=e?{render:R(l,{asChild:!0,ref:r,className:"uds-ring h-fit w-fit",children:t})}:{children:t},c=S(()=>{const e=r.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[r]);return R(b,{onFocus:c,onFocusVisible:c,ref:a,className:i("uds-menu-trigger",n),...s,...o})});Y.displayName="MenuTrigger";export{B as Menu};
+import{DividerInternal as e}from"../chunk-C6TJ654O.js";import{e as t,Pressable as n}from"../chunk-X3I2OBBL.js";import{VStack as a,HStack as o}from"../chunk-ZQANINIC.js";import{SpringMotionConfig as i}from"../chunk-MWVS3EYU.js";import{cx as r,getStyles as s,IconSlot as c,Box as d}from"../chunk-TY5JSXRZ.js";import{__export as l}from"../chunk-GF4A6TFM.js";import{useStoreState as u}from"@ariakit/react";import{useMenuStore as m,useMenuContext as p,Menu as f,MenuItem as h,MenuItemCheckbox as g,MenuProvider as v,MenuButton as I}from"@ariakit/react/menu";import{spacingMap as b}from"@yahoo/uds/fixtures";import{m as x,AnimatePresence as C}from"motion/react";import{forwardRef as N,useState as k,useEffect as y,useMemo as V,Children as S,useRef as R,useCallback as M}from"react";import{jsx as w,jsxs as B}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+var E={};l(E,{Content:()=>O,Divider:()=>W,Item:()=>$,ItemCheckbox:()=>G,Provider:()=>X,Trigger:()=>Y,useMenuContext:()=>p,useMenuStore:()=>m,useStoreState:()=>u});var T=x.create(a),z=5,A=.97,P={top:{x:0,y:z},bottom:{x:0,y:-5},left:{x:z,y:0},right:{x:-5,y:0}},j=e=>V(()=>((e="bottom")=>{const[t="top"]=e?.split("-");return{closed:{...P[t],opacity:0,scale:A},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),O=N(function({gap:e,spacing:t,spacingBottom:n,spacingEnd:a,spacingStart:o,spacingTop:i,gutter:s="1",backgroundColor:c="primary",borderRadius:d="md",borderColor:l,borderWidth:m="thin",overflow:h,dropShadow:g="lg",className:v,sameWidth:I,focusable:x,children:N,portalElement:S,portal:R=!0,disableAutoBorderRadius:M,nestedBorderRadius:B=!M,nestedBorderRadiusSize:E,nestedBorderRadiusSpacing:z,nestedBorderRadiusWidth:A,...P},O){const W=p(),D=u(W,"open"),F=u(W,"mounted"),H=u(W,"currentPlacement"),$=u(W,"placement"),[G,L]=k(H),[J,X]=k(H);y(()=>{$!==J&&X($)},[$]),y(()=>{H!==J&&X(H)},[H]),y(()=>{F&&J!==G&&L(J)},[F,J,G]);const Y=V(()=>D&&F?"open":"closed",[D,F]),Z=V(()=>D?g:"none",[D,g]),Q=j(J),U=V(()=>b[s],[s]);return w(C,{initial:!1,children:w(f,{gutter:U,sameWidth:I,focusable:x,store:W,ref:O,portalElement:S,portal:R,...P,render:w(T,{backgroundColor:c,gap:e,spacing:t,spacingBottom:n,spacingEnd:a,spacingStart:o,spacingTop:i,borderRadius:d,borderColor:l,borderWidth:m,overflow:h,animate:Y,variants:Q,dropShadow:Z,nestedBorderRadius:B,nestedBorderRadiusSize:E,nestedBorderRadiusSpacing:z,nestedBorderRadiusWidth:A,className:r("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",v),children:N})})})});O.displayName="MenuContent";var W=N(function({role:t="separator",contentPosition:n="start",gap:a="4",children:o,spacingVertical:i=(o?"2":"0"),spacingHorizontal:r=(o?"4":"0"),className:c,...d},l){const u={root:s({menuDividerVariantRoot:"default",className:c}),text:s({menuDividerVariantText:"default"}),line:s({menuDividerVariantLine:"default"})};return w(e,{ref:l,role:t,variant:"inherit",contentPosition:n,gap:a,spacingVertical:i,spacingHorizontal:r,className:u.root,layerClassNames:u,...d,children:o})});W.displayName="MenuDivider";var D="uds-menu-item",F={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},H=N(function({spacing:e="0",spacingBottom:t,spacingEnd:a,spacingHorizontal:i="4",spacingStart:d,spacingTop:l,spacingVertical:u="3.5",columnGap:m="2",className:p,children:f,endIcon:h,startIcon:g,hideEndIcon:v,active:I,disabled:b,as:N,name:k,alignItems:y="center",justifyContent:R="space-between",layerClassNames:M,slots:E,rootProps:T,...z},A){const P=S.count(f)>1,j=(({active:e,disabled:t,className:n})=>r(D,"flex","focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],t&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",n))({active:I,disabled:b,className:p}),O=s({className:r(`${D}-content truncate`,M?.text),textAlign:"start",...P&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),W=V(()=>({root:s({menuSizeRoot:"default",flexDirection:"row",spacing:e,spacingBottom:t,spacingEnd:a,spacingHorizontal:i,spacingStart:d,spacingTop:l,spacingVertical:u,columnGap:m,alignItems:y,justifyContent:R,className:r(j,M?.root)}),startIcon:s({menuSizeStartIcon:"default",className:M?.startIcon}),endIcon:s({menuSizeEndIcon:"default",className:M?.endIcon})}),[y,m,R,M?.endIcon,M?.root,M?.startIcon,j,e,t,a,i,d,l,u]);return B(N,{ref:A,name:k??"",...T,render:E?.root??(e=>w(n,{...e,...z,onClick:t=>{e.onClick?.(t),z.onClick?.(t)}})),disabled:b,className:W.root,children:[B(o,{gap:m,alignItems:"center",width:"full",children:[w(C,{initial:!1,children:g&&w(x.span,{variants:F,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:w(c,{icon:g,className:W.startIcon,iconProps:{size:"sm",variant:I?"fill":"outline",color:"current"}})})}),w("span",{className:O,children:f})]}),w(C,{initial:!1,mode:"popLayout",children:!v&&h&&w(x.span,{variants:F,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:w(c,{icon:h,className:W.endIcon,iconProps:{size:"sm",variant:I?"fill":"outline",color:"current"}})})})]})});H.displayName="MenuItemBase";var $=N(function({active:e,hideOnClick:t,...n},a){const o={root:s({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:s({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:s({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return w(H,{ref:a,as:h,active:e,layerClassNames:o,rootProps:{hideOnClick:t},...n})});$.displayName="MenuItem";var G=N(function({name:e,endIcon:n=t,checked:a,defaultChecked:o,hideOnClick:i,className:c,...d},l){const m=e,f=R(!1),h=p(),v=u(h);y(()=>{!f.current&&void 0!==o&&h&&(h.setValues(e=>({...e,[m]:o})),f.current=!0)},[h,o,m]);const I=V(()=>{if(void 0!==a)return a;if(v?.items?.length){const e=v?.items.find(e=>e.element?.name===m);if(e?.element)return e.element.checked}const e=v?.values[m];return"boolean"==typeof e?e:o??!1},[v?.items,v?.values,m,a,o]),b=M(e=>{void 0===a&&h?.setValues(t=>({...t,[m]:e.target.checked}))},[m,h,a]),x={root:s({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:I?"on":"off"}),text:s({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:I?"on":"off"}),startIcon:s({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:I?"on":"off"}),endIcon:s({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:I?"on":"off"})};return w(H,{ref:l,as:g,hideEndIcon:!I,endIcon:n,active:I,className:r("uds-menu-item-checkbox",c),layerClassNames:x,name:e,rootProps:{onChange:b,defaultChecked:o,checked:void 0!==a?a:void 0,hideOnClick:i},...d})});G.displayName="MenuItemCheckbox";var L=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},J=e=>{const[t,n]=k(L);return y(()=>{if(e?.explicit)return void n(e.explicit);const t=(e=>{const t=new MutationObserver(t=>{t.some(e=>"attributes"===e.type&&"dir"===e.attributeName)&&e()});return t.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),t})(()=>{n(L())});return()=>t.disconnect()},[e?.explicit]),t},X=function({placement:e="bottom",rtl:t,...n}){const a=J({explicit:t}),o=((e,t)=>{const n=t?.rtl;if("start"===e)return n?"right":"left";if("end"===e)return n?"left":"right";if(e?.includes("-")){const[t,a]=e.split("-");if(!("start"!==t&&"end"!==t||"top"!==a&&"bottom"!==a))return`${"start"===t?n?"right":"left":n?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===t||"bottom"===t)return`${t}-${"start"===a?n?"end":"start":n?"start":"end"}`}return e})(e,{rtl:a});return w(i,{children:w(v,{placement:o,rtl:a,...n})})};X.displayName="MenuProvider";var Y=N(function({asChild:e,children:t,className:n,...a},o){const i=R(null),s=e?{render:w(d,{asChild:!0,ref:i,className:"uds-ring h-fit w-fit",children:t})}:{children:t},c=M(()=>{const e=i.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[i]);return w(I,{onFocus:c,onFocusVisible:c,ref:o,className:r("uds-menu-trigger",n),...s,...a})});Y.displayName="MenuTrigger";export{E as Menu};

package/dist/client/index.cjs

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

package/dist/client/index.js

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

package/dist/experimental/client/SwitchV2.cjs

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

package/dist/experimental/client/SwitchV2.js

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