@yahoo/uds 3.42.0 → 3.43.0-beta.1

package/dist/client/Menu.js

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

package/dist/client/index.d.cts

@@ -1,15 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cV as UniversalAvatarIconProps, m as IconPropsWithSVGProps, cY as UniversalAvatarTextProps, cW as UniversalAvatarImageProps, y as ImagePropsWithImgProps, cZ as UniversalBadgeProps, c_ as UniversalButtonProps, c$ as UniversalCheckboxProps, d4 as UniversalChipProps, d1 as UniversalChipButtonProps, d2 as UniversalChipDismissibleProps, d3 as UniversalChipLinkProps, d5 as UniversalChipToggleProps, d6 as UniversalIconButtonProps, da as UniversalRadioProps, d9 as UniversalRadioGroupProps, c0 as MotionVariant, c1 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-J0-0DZHb.cjs';
-import { a as TextProps } from '../Text-Bv_FMTpx.cjs';
-export { b as Input, I as InputProps } from '../Text-Bv_FMTpx.cjs';
+import { cV as UniversalAvatarIconProps, m as IconPropsWithSVGProps, cY as UniversalAvatarTextProps, cW as UniversalAvatarImageProps, y as ImagePropsWithImgProps, cZ as UniversalBadgeProps, c_ as UniversalButtonProps, c$ as UniversalCheckboxProps, d4 as UniversalChipProps, d1 as UniversalChipButtonProps, d2 as UniversalChipDismissibleProps, d3 as UniversalChipLinkProps, d5 as UniversalChipToggleProps, d6 as UniversalIconButtonProps, da as UniversalRadioProps, d9 as UniversalRadioGroupProps, c0 as MotionVariant, c1 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-CatBybWM.cjs';
+import { a as TextProps } from '../Text-Cc-8uf28.cjs';
+export { b as Input, I as InputProps } from '../Text-Cc-8uf28.cjs';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-export { a as Pressable, P as PressableProps } from '../Pressable-3JzoaTwB.cjs';
+export { a as Pressable, P as PressableProps } from '../Pressable-DV5RaKyp.cjs';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';
-import '../Box-C0a9PcBj.cjs';
+import '../Box-gliNRa6_.cjs';
 
 type DataAttributes$2 = {
     [name: `data-${string}`]: string;

package/dist/client/index.d.ts

@@ -1,15 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { cV as UniversalAvatarIconProps, m as IconPropsWithSVGProps, cY as UniversalAvatarTextProps, cW as UniversalAvatarImageProps, y as ImagePropsWithImgProps, cZ as UniversalBadgeProps, c_ as UniversalButtonProps, c$ as UniversalCheckboxProps, d4 as UniversalChipProps, d1 as UniversalChipButtonProps, d2 as UniversalChipDismissibleProps, d3 as UniversalChipLinkProps, d5 as UniversalChipToggleProps, d6 as UniversalIconButtonProps, da as UniversalRadioProps, d9 as UniversalRadioGroupProps, c0 as MotionVariant, c1 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-J0-0DZHb.js';
-import { a as TextProps } from '../Text-DQVCrASg.js';
-export { b as Input, I as InputProps } from '../Text-DQVCrASg.js';
+import { cV as UniversalAvatarIconProps, m as IconPropsWithSVGProps, cY as UniversalAvatarTextProps, cW as UniversalAvatarImageProps, y as ImagePropsWithImgProps, cZ as UniversalBadgeProps, c_ as UniversalButtonProps, c$ as UniversalCheckboxProps, d4 as UniversalChipProps, d1 as UniversalChipButtonProps, d2 as UniversalChipDismissibleProps, d3 as UniversalChipLinkProps, d5 as UniversalChipToggleProps, d6 as UniversalIconButtonProps, da as UniversalRadioProps, d9 as UniversalRadioGroupProps, c0 as MotionVariant, c1 as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-CatBybWM.js';
+import { a as TextProps } from '../Text-6N_KtHQd.js';
+export { b as Input, I as InputProps } from '../Text-6N_KtHQd.js';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent } from 'react';
 import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
-export { a as Pressable, P as PressableProps } from '../Pressable-BouwxLWa.js';
+export { a as Pressable, P as PressableProps } from '../Pressable-EzlcVc9I.js';
 export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
 import '@yahoo/uds-icons/types';
 import 'type-fest';
-import '../Box-bV_PdtrW.js';
+import '../Box-fE8vCK9j.js';
 
 type DataAttributes$2 = {
     [name: `data-${string}`]: string;

package/dist/defaultTokensConfig.d.cts

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

package/dist/defaultTokensConfig.d.ts

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

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

@@ -1,4 +1,4 @@
-import { b as UniversalSwitchProps } from '../../types-J0-0DZHb.cjs';
+import { b as UniversalSwitchProps } from '../../types-CatBybWM.cjs';
 import react__default from 'react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

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

@@ -1,4 +1,4 @@
-import { b as UniversalSwitchProps } from '../../types-J0-0DZHb.js';
+import { b as UniversalSwitchProps } from '../../types-CatBybWM.js';
 import react__default from 'react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';

package/dist/experimental/client/SwitchV2.js

@@ -1 +1,2 @@
+"use client";
 import{FormLabel as t}from"../../chunk-SFRPZXWP.js";import{SpringMotionConfig as e,AvoidMotionLibraryProvider as a}from"../../chunk-EFOWTGKI.js";import{Box as o,cx as i,getStyles as n,IconSlot as r}from"../../chunk-PMXAH4FA.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,...A},F){const j=s(),M=a??`uds-input-${j}`,R=d(null),q=void 0!==l,[O,X]=h(q?l:c),B=u(t=>{b?.(t),q||X(t.target.checked)},[q,b]),D=u(t=>{V?.(t)},[V]),W=u(t=>{z?.(t)},[z]),E=I?"always":"user",G=I?"duration-0":"duration-120 motion-reduce:duration-0";m(()=>{q&&X(l)},[l,q]);const J={root:n({switchSizeRoot:x,switchVariantRoot:"default",switchVariantActiveRoot:O?"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:O?"on":"off",className:i("uds-ring","uds-ring-within","relative","rounded-full","items-center",G,"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",O?"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",G,"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%]",G,"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:E,loadFeatures:w,layoutVariant:"bouncy",layoutSpeed:"4",children:p(v?"label":"div",{className:J.root,"data-testid":"switch-root",tabIndex:-1,children:[p(o,{className:J.switch,children:[f("input",{type:"checkbox",...A,ref:t=>{R.current=t,"function"==typeof F?F(t):null!==F&&(F.current=t)},onFocus:D,onBlur:W,id:M,disabled:k,required:S,checked:q?O:void 0,defaultChecked:q?void 0:c,onChange:B,className:J.htmlCheckbox,style:{}}),f(o,{className:J.handleContainer,children:f(y,{className:J.handle,layout:"position",layoutDependency:O,children:p(o,{className:J.handleContents,children:[f(o,{className:J.handleCircle}),C&&f(r,{icon:C,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:i(J.handleIcon,O?"opacity-100":"opacity-0")}),g&&f(r,{icon:g,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:i(J.handleIcon,O?"opacity-0":"opacity-100")})]})})})]}),v&&f(t,{as:"div",variant:"inherit",color:"inherit",required:S,label:v,className:J.label})]})})});b.displayName="SwitchV2";var v=a;export{b as SwitchV2,v as SwitchV2AvoidMotionLibraryProvider};

package/dist/index-BnRf_siO.d.cts

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

package/dist/{index-mVFrr-gv.d.cts → index-CvXCgx-c.d.cts}

@@ -1,5 +1,5 @@
 import * as properties from '@yahoo/uds/fixtures';
-import { o as ShadowPreset, f as UniversalTokensConfig } from './types-J0-0DZHb.cjs';
+import { o as ShadowPreset, f as UniversalTokensConfig } from './types-CatBybWM.cjs';
 
 type DispatchContext = {
     componentName: string;