@yahoo/uds 2.9.0 → 2.10.0

package/cli/PropsToClass.mock.tsx

@@ -0,0 +1,14 @@
+import { Button, cx, HStack, Text } from '@yahoo/uds';
+const textClassName = cx('text-primary');
+const otherProps = { height: 'fit' };
+
+export const PageA = () => {
+  return (
+    <HStack className="w-full max-h-screen">
+      <Button className="min-w-full">Click me</Button>
+      {/* 🙏 TODO: Add w-10/12 to your className attribute */}
+      <Text className={textClassName}>Some text</Text>
+      <Text {...otherProps}>Some text</Text>
+    </HStack>
+  );
+}

package/dist/client/index.cjs

@@ -1,3 +1,3 @@
 "use client";
-"use strict";var t=require("../chunk-XZCEFUNX.cjs"),e=require("../chunk-RXSJCGB3.cjs"),o=require("../chunk-WJ55DEUW.cjs"),n=require("../chunk-5WBROFT5.cjs"),r=require("@yahoo/uds/fixtures"),a=require("react/jsx-runtime"),i=require("motion/react"),s=require("react"),c={scale:.7,opacity:0},l={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},d={icon:l,hide:c,loading:c},u={loading:l,hide:c,icon:c},m=`var(${n.BUTTON_CSS_VAR_MAP.columnGap})`,p=`var(${n.BUTTON_CSS_VAR_MAP.iconSize})`,h={rest:{scale:`var(${n.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${n.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${n.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:m}},f={hide:{width:"0px",opacity:0,display:"none"},loading:{width:p,display:"flex",opacity:1},icon:{width:p,display:"flex",opacity:1}},g=({size:t,variant:e})=>{if("outline"===e)switch(t){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===e)switch(t){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return a.jsx(a.Fragment,{})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */g.metadata={name:"Progress",isSvgIcon:!0};var b=()=>import("../motionFeatures-HQUM526D.cjs").then((({domAnimation:t})=>t));function x({reducedMotion:t="user",children:n,layoutVariant:r="subtle",layoutSpeed:c="3",colorVariant:l="smooth",colorSpeed:d="3"}){const u=o.motion[r][c],m=o.motion[l][d],[p,h]=s.useState(u),[f,g]=s.useState(m),x={variant:l,speed:d},S=e.getMotionVar({...x,control:"stiffness"}),v=e.getMotionVar({...x,control:"damping"}),j={variant:r,speed:c},C=e.getMotionVar({...j,control:"stiffness"}),y=e.getMotionVar({...j,control:"damping"});s.useEffect((()=>{const t=getComputedStyle(document.documentElement),e={damping:Number(t.getPropertyValue(y)),stiffness:Number(t.getPropertyValue(C))},o={damping:Number(t.getPropertyValue(v)),stiffness:Number(t.getPropertyValue(S))};h(e),g(o)}),[v,S,y,C]);const w=s.useMemo((()=>({type:"spring",mass:1,...p,layout:p,opacity:f,color:f,borderColor:f,backgroundColor:f})),[f,p]);return a.jsx(i.LazyMotion,{features:b,strict:!0,children:a.jsx(i.MotionConfig,{transition:w,reducedMotion:t,children:n})})}var S=t.createSlot(),v=i.m.create(S),j=s.forwardRef((function({palette:e,variant:o,size:n,startIcon:c,endIcon:l,iconVariant:m,loading:p,disableEffects:b,children:S,asChild:j,type:C="button",className:y,width:w,...M},I){const N=s.useRef(null);s.useImperativeHandle(I,(()=>N.current));const V=l?"icon":"hide",T=(({startIcon:t,endIcon:e,loading:o})=>t||e||o?"withIcon":"withoutIcon")({startIcon:c,endIcon:l,loading:p}),B=(({loading:t,startIcon:e})=>t?"loading":e?"icon":"hide")({loading:p,startIcon:c}),R={button:t.getStyles({width:w,buttonSize:n,buttonVariant:o,buttonPalette:e,className:t.cx("uds-button","uds-ring","uds-hit-target",p&&"uds-button-loading",b&&"uds-button-without-effects","withIcon"===T&&"uds-button-with-gap",y)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"},z=i.useReducedMotion()?"smooth":"subtle",E=s.useMemo((()=>a.jsx(i.m.span,{className:R.iconContainer,initial:!1,variants:f,animate:B,children:a.jsxs(i.AnimatePresence,{initial:!1,mode:"popLayout",children:[p&&a.jsx(i.m.span,{variants:u,initial:"hide",animate:"loading",exit:"hide",children:a.jsx(t.Icon,{size:r.buttonIconSvgSize,name:g,variant:m,color:"current",className:R.loading})},"loading"),c&&!p&&a.jsx(i.m.span,{variants:d,initial:"hide",animate:"icon",exit:"hide",children:a.jsx(t.Icon,{size:r.buttonIconSvgSize,name:c,variant:m,color:"current",className:R.start})},c.name)]})})),[R.iconContainer,R.loading,R.start,B,p,m,c]),W=s.useMemo((()=>a.jsx(i.m.span,{className:R.iconContainer,initial:!1,variants:f,animate:V,children:a.jsx(i.AnimatePresence,{initial:!1,mode:"popLayout",children:l&&a.jsx(i.m.span,{variants:d,initial:"hide",animate:"icon",exit:"hide",children:a.jsx(t.Icon,{size:r.buttonIconSvgSize,name:l,variant:m,color:"current",className:R.start})},l.name)})})),[R.iconContainer,R.start,l,V,m]),A=s.useMemo((()=>b?{...h,rest:{},hover:{},pressed:{}}:h),[b]);return j&&s.isValidElement(S)?a.jsx(x,{layoutSpeed:"3",layoutVariant:z,children:a.jsx(v,{type:C,className:R.button,initial:["hide",T],animate:T,variants:A,whileHover:"hover",whileTap:"pressed",...M,children:s.cloneElement(S,S.props,a.jsxs(a.Fragment,{children:[E,a.jsx("span",{className:R.content,children:S.props.children}),W]}))})}):a.jsx(x,{layoutSpeed:"3",layoutVariant:z,children:a.jsxs(i.m.button,{ref:N,type:C,className:R.button,initial:["hide",T],animate:T,variants:A,whileHover:"hover",whileTap:"pressed",...M,children:[E,a.jsx("span",{className:R.content,children:S}),W]})})})),C=s.forwardRef((function({palette:e,variant:o,size:n,iconVariant:c,loading:l,disableEffects:m,name:p,type:f="button",className:b,children:S,...v},j){const C=s.useRef(null);s.useImperativeHandle(j,(()=>C.current));const y=s.useMemo((()=>({button:t.getStyles({buttonVariant:o,buttonPalette:e,iconButtonSize:n,className:t.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",l&&"uds-button-loading",m&&"uds-button-without-effects",b)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[e,o,b,m,n,l]),w=i.useReducedMotion(),M=s.useMemo((()=>w?"smooth":"subtle"),[w]),I=s.useMemo((()=>{const{rest:t,hover:e,pressed:o}=h;return m?{rest:{},hover:{},pressed:{}}:{rest:t,hover:e,pressed:o}}),[m]);return a.jsx(x,{layoutSpeed:"3",layoutVariant:M,reducedMotion:m?"always":"user",children:a.jsx(i.m.button,{ref:C,type:f,className:y.button,initial:"icon",variants:I,whileHover:"hover",whileTap:"pressed",...v,children:a.jsxs(i.AnimatePresence,{initial:!1,mode:"popLayout",children:[l&&a.jsx(i.m.span,{variants:u,initial:"loading",animate:"loading",exit:"hide",children:a.jsx(t.Icon,{size:r.buttonIconSvgSize,name:g,variant:c,color:"current",className:y.loading})},"loading"),p&&!l&&a.jsx(i.m.span,{variants:d,initial:"icon",animate:"icon",exit:"hide",children:S||a.jsx(t.Icon,{size:r.buttonIconSvgSize,name:p,variant:c,color:"current",className:y.icon})},p.name)]})})})})),y=t.createSlot(),w=s.forwardRef((function({className:e,asChild:o,onPress:n,onClick:r=n,backgroundColor:i,borderRadius:s,borderTopStartRadius:c,borderTopEndRadius:l,borderBottomStartRadius:d,borderBottomEndRadius:u,borderColor:m,borderStartColor:p,borderEndColor:h,borderTopColor:f,borderBottomColor:g,borderWidth:b,borderVerticalWidth:x,borderHorizontalWidth:S,borderStartWidth:v,borderEndWidth:j,borderTopWidth:C,borderBottomWidth:w,alignContent:M,alignItems:I,alignSelf:N,flex:V,flexDirection:T,flexGrow:B,flexShrink:R,flexWrap:z,justifyContent:E,flexBasis:W,display:A,overflow:P,overflowX:_,overflowY:H,position:k,spacing:F,spacingHorizontal:G,spacingVertical:q,spacingBottom:U,spacingEnd:O,spacingStart:X,spacingTop:$,offset:D,offsetVertical:L,offsetHorizontal:J,offsetBottom:Y,offsetEnd:Q,offsetStart:Z,offsetTop:K,columnGap:tt,rowGap:et,...ot},nt){const rt=t.getStyles({backgroundColor:i,borderRadius:s,borderTopStartRadius:c,borderTopEndRadius:l,borderBottomStartRadius:d,borderBottomEndRadius:u,borderColor:m,borderStartColor:p,borderEndColor:h,borderTopColor:f,borderBottomColor:g,borderWidth:b,borderVerticalWidth:x,borderHorizontalWidth:S,borderStartWidth:v,borderEndWidth:j,borderTopWidth:C,borderBottomWidth:w,alignContent:M,alignItems:I,alignSelf:N,flex:V,flexDirection:T,flexGrow:B,flexShrink:R,flexWrap:z,justifyContent:E,flexBasis:W,display:A,overflow:P,overflowX:_,overflowY:H,position:k,spacing:F,spacingHorizontal:G,spacingVertical:q,spacingBottom:U,spacingEnd:O,spacingStart:X,spacingTop:$,offset:D,offsetVertical:L,offsetHorizontal:J,offsetBottom:Y,offsetEnd:Q,offsetStart:Z,offsetTop:K,columnGap:tt,rowGap:et,className:e}),at=o?y:"button";return a.jsx(at,{className:rt,ref:nt,onClick:r,...ot})}));
+"use strict";var t=require("../chunk-XZCEFUNX.cjs"),e=require("../chunk-RXSJCGB3.cjs"),o=require("../chunk-WJ55DEUW.cjs"),n=require("../chunk-5WBROFT5.cjs"),r=require("@yahoo/uds/fixtures"),a=require("react/jsx-runtime"),i=require("motion/react"),s=require("react"),c={scale:.7,opacity:0},l={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},d={icon:l,hide:c,loading:c},u={loading:l,hide:c,icon:c},m=`var(${n.BUTTON_CSS_VAR_MAP.columnGap})`,p=`var(${n.BUTTON_CSS_VAR_MAP.iconSize})`,h={rest:{scale:`var(${n.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${n.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${n.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:m}},f={hide:{width:"0px",opacity:0,display:"none"},loading:{width:p,display:"flex",opacity:1},icon:{width:p,display:"flex",opacity:1}},g=({size:t,variant:e})=>{if("outline"===e)switch(t){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===e)switch(t){case"sm":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return a.jsx(a.Fragment,{children:a.jsx("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return a.jsx(a.Fragment,{})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */g.metadata={name:"Progress",isSvgIcon:!0};var b=()=>import("../motionFeatures-HQUM526D.cjs").then((({domAnimation:t})=>t));function x({reducedMotion:t="user",children:n,layoutVariant:r="subtle",layoutSpeed:c="3",colorVariant:l="smooth",colorSpeed:d="3"}){const u=o.motion[r][c],m=o.motion[l][d],[p,h]=s.useState(u),[f,g]=s.useState(m),x={variant:l,speed:d},S=e.getMotionVar({...x,control:"stiffness"}),v=e.getMotionVar({...x,control:"damping"}),j={variant:r,speed:c},C=e.getMotionVar({...j,control:"stiffness"}),y=e.getMotionVar({...j,control:"damping"});s.useEffect((()=>{const t=getComputedStyle(document.documentElement),e={damping:Number(t.getPropertyValue(y)),stiffness:Number(t.getPropertyValue(C))},o={damping:Number(t.getPropertyValue(v)),stiffness:Number(t.getPropertyValue(S))};h(e),g(o)}),[v,S,y,C]);const w=s.useMemo((()=>({type:"spring",mass:1,...p,layout:p,opacity:f,color:f,borderColor:f,backgroundColor:f})),[f,p]);return a.jsx(i.LazyMotion,{features:b,strict:!0,children:a.jsx(i.MotionConfig,{transition:w,reducedMotion:t,children:n})})}var S=t.createSlot(),v=i.m.create(S),j=s.forwardRef((function({palette:e,variant:o,size:n,startIcon:c,endIcon:l,iconVariant:m,loading:p,disableEffects:b,children:S,asChild:j,type:C="button",className:y,width:w,...M},N){const I=s.useRef(null);s.useImperativeHandle(N,(()=>I.current));const V=l?"icon":"hide",T=(({startIcon:t,endIcon:e,loading:o})=>t||e||o?"withIcon":"withoutIcon")({startIcon:c,endIcon:l,loading:p}),B=(({loading:t,startIcon:e})=>t?"loading":e?"icon":"hide")({loading:p,startIcon:c}),R={button:t.getStyles({width:w,buttonSize:n,buttonVariant:o,buttonPalette:e,className:t.cx("uds-button","uds-ring","uds-hit-target",p&&"uds-button-loading",b&&"uds-button-without-effects","withIcon"===T&&"uds-button-with-gap",y)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"},z=i.useReducedMotion()?"smooth":"subtle",E=s.useMemo((()=>a.jsx(i.m.span,{className:R.iconContainer,initial:!1,variants:f,animate:B,children:a.jsxs(i.AnimatePresence,{initial:!1,mode:"popLayout",children:[p&&a.jsx(i.m.span,{variants:u,initial:"hide",animate:"loading",exit:"hide",children:a.jsx(t.Icon,{size:r.buttonIconSvgSize,name:g,variant:m,color:"current",className:R.loading})},"loading"),c&&!p&&a.jsx(i.m.span,{variants:d,initial:"hide",animate:"icon",exit:"hide",children:a.jsx(t.Icon,{size:r.buttonIconSvgSize,name:c,variant:m,color:"current",className:R.start})},c.name)]})})),[R.iconContainer,R.loading,R.start,B,p,m,c]),W=s.useMemo((()=>a.jsx(i.m.span,{className:R.iconContainer,initial:!1,variants:f,animate:V,children:a.jsx(i.AnimatePresence,{initial:!1,mode:"popLayout",children:l&&a.jsx(i.m.span,{variants:d,initial:"hide",animate:"icon",exit:"hide",children:a.jsx(t.Icon,{size:r.buttonIconSvgSize,name:l,variant:m,color:"current",className:R.start})},l.name)})})),[R.iconContainer,R.start,l,V,m]),A=s.useMemo((()=>b?{...h,rest:{},hover:{},pressed:{}}:h),[b]);return j&&s.isValidElement(S)?a.jsx(x,{layoutSpeed:"3",layoutVariant:z,children:a.jsx(v,{type:C,className:R.button,initial:["hide",T],animate:T,variants:A,whileHover:"hover",whileTap:"pressed",...M,children:s.cloneElement(S,S.props,a.jsxs(a.Fragment,{children:[E,a.jsx("span",{className:R.content,children:S.props.children}),W]}))})}):a.jsx(x,{layoutSpeed:"3",layoutVariant:z,children:a.jsxs(i.m.button,{ref:I,type:C,className:R.button,initial:["hide",T],animate:T,variants:A,whileHover:"hover",whileTap:"pressed",...M,children:[E,a.jsx("span",{className:R.content,children:S}),W]})})})),C=s.forwardRef((function({palette:e,variant:o,size:n,iconVariant:c,loading:l,disableEffects:m,name:p,type:f="button",htmlName:b,className:S,children:v,...j},C){const y=s.useRef(null);s.useImperativeHandle(C,(()=>y.current));const w=s.useMemo((()=>({button:t.getStyles({buttonVariant:o,buttonPalette:e,iconButtonSize:n,className:t.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",l&&"uds-button-loading",m&&"uds-button-without-effects",S)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[e,o,S,m,n,l]),M=i.useReducedMotion(),N=s.useMemo((()=>M?"smooth":"subtle"),[M]),I=s.useMemo((()=>{const{rest:t,hover:e,pressed:o}=h;return m?{rest:{},hover:{},pressed:{}}:{rest:t,hover:e,pressed:o}}),[m]);return a.jsx(x,{layoutSpeed:"3",layoutVariant:N,reducedMotion:m?"always":"user",children:a.jsx(i.m.button,{ref:y,type:f,className:w.button,initial:"icon",variants:I,whileHover:"hover",whileTap:"pressed",name:b,...j,children:a.jsxs(i.AnimatePresence,{initial:!1,mode:"popLayout",children:[l&&a.jsx(i.m.span,{variants:u,initial:"loading",animate:"loading",exit:"hide",children:a.jsx(t.Icon,{size:r.buttonIconSvgSize,name:g,variant:c,color:"current",className:w.loading})},"loading"),p&&!l&&a.jsx(i.m.span,{variants:d,initial:"icon",animate:"icon",exit:"hide",children:v||a.jsx(t.Icon,{size:r.buttonIconSvgSize,name:p,variant:c,color:"current",className:w.icon})},p.name)]})})})})),y=t.createSlot(),w=s.forwardRef((function({className:e,asChild:o,onPress:n,onClick:r=n,backgroundColor:i,borderRadius:s,borderTopStartRadius:c,borderTopEndRadius:l,borderBottomStartRadius:d,borderBottomEndRadius:u,borderColor:m,borderStartColor:p,borderEndColor:h,borderTopColor:f,borderBottomColor:g,borderWidth:b,borderVerticalWidth:x,borderHorizontalWidth:S,borderStartWidth:v,borderEndWidth:j,borderTopWidth:C,borderBottomWidth:w,alignContent:M,alignItems:N,alignSelf:I,flex:V,flexDirection:T,flexGrow:B,flexShrink:R,flexWrap:z,justifyContent:E,flexBasis:W,display:A,overflow:P,overflowX:_,overflowY:H,position:k,spacing:F,spacingHorizontal:G,spacingVertical:q,spacingBottom:U,spacingEnd:O,spacingStart:X,spacingTop:$,offset:D,offsetVertical:L,offsetHorizontal:J,offsetBottom:Y,offsetEnd:Q,offsetStart:Z,offsetTop:K,columnGap:tt,rowGap:et,...ot},nt){const rt=t.getStyles({backgroundColor:i,borderRadius:s,borderTopStartRadius:c,borderTopEndRadius:l,borderBottomStartRadius:d,borderBottomEndRadius:u,borderColor:m,borderStartColor:p,borderEndColor:h,borderTopColor:f,borderBottomColor:g,borderWidth:b,borderVerticalWidth:x,borderHorizontalWidth:S,borderStartWidth:v,borderEndWidth:j,borderTopWidth:C,borderBottomWidth:w,alignContent:M,alignItems:N,alignSelf:I,flex:V,flexDirection:T,flexGrow:B,flexShrink:R,flexWrap:z,justifyContent:E,flexBasis:W,display:A,overflow:P,overflowX:_,overflowY:H,position:k,spacing:F,spacingHorizontal:G,spacingVertical:q,spacingBottom:U,spacingEnd:O,spacingStart:X,spacingTop:$,offset:D,offsetVertical:L,offsetHorizontal:J,offsetBottom:Y,offsetEnd:Q,offsetStart:Z,offsetTop:K,columnGap:tt,rowGap:et,className:e}),at=o?y:"button";return a.jsx(at,{className:rt,ref:nt,onClick:r,...ot})}));
 /*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Button=j,exports.IconButton=C,exports.Pressable=w,exports.SpringMotionConfig=x;

package/dist/client/index.d.cts

@@ -1,4 +1,4 @@
-import { e as UniversalButtonProps, f as UniversalIconButtonProps, g as UniversalPressableProps, M as MotionVariant, h as MotionVariantSpeed } from '../types-sNL75NRe.cjs';
+import { e as UniversalButtonProps, f as UniversalIconButtonProps, g as UniversalPressableProps, M as MotionVariant, h as MotionVariantSpeed } from '../types-DPT0rst4.cjs';
 import { HTMLMotionProps, MotionConfigProps } from 'motion/react';
 import * as react from 'react';
 import react__default from 'react';

package/dist/client/index.d.ts

@@ -1,4 +1,4 @@
-import { e as UniversalButtonProps, f as UniversalIconButtonProps, g as UniversalPressableProps, M as MotionVariant, h as MotionVariantSpeed } from '../types-sNL75NRe.js';
+import { e as UniversalButtonProps, f as UniversalIconButtonProps, g as UniversalPressableProps, M as MotionVariant, h as MotionVariantSpeed } from '../types-DPT0rst4.js';
 import { HTMLMotionProps, MotionConfigProps } from 'motion/react';
 import * as react from 'react';
 import react__default from 'react';

package/dist/client/index.js

@@ -1,4 +1,4 @@
 "use client";
-import{createSlot as t,getStyles as o,cx as e,Icon as n}from"../chunk-MOUM7BAW.js";import{getMotionVar as r}from"../chunk-7QHJ6LHA.js";import{motion as i}from"../chunk-U2K4DT7E.js";import{BUTTON_CSS_VAR_MAP as a}from"../chunk-PE2P7J44.js";import{buttonIconSvgSize as s}from"@yahoo/uds/fixtures";import{jsx as l,jsxs as d,Fragment as c}from"react/jsx-runtime";import{m as u,useReducedMotion as p,AnimatePresence as h,LazyMotion as m,MotionConfig as f}from"motion/react";import{forwardRef as b,useRef as g,useImperativeHandle as v,useMemo as y,isValidElement as C,cloneElement as w,useState as S,useEffect as x}from"react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-var N={scale:.7,opacity:0},V={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},z={icon:V,hide:N,loading:N},E={loading:V,hide:N,icon:N},T=`var(${a.columnGap})`,W=`var(${a.iconSize})`,B={rest:{scale:`var(${a.effects.scale.rest})`},hover:{scale:`var(${a.effects.scale.hover})`},pressed:{scale:`var(${a.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:T}},I={hide:{width:"0px",opacity:0,display:"none"},loading:{width:W,display:"flex",opacity:1},icon:{width:W,display:"flex",opacity:1}},H=({size:t,variant:o})=>{if("outline"===o)switch(t){case"sm":return l(c,{children:l("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return l(c,{children:l("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return l(c,{children:l("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===o)switch(t){case"sm":return l(c,{children:l("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return l(c,{children:l("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return l(c,{children:l("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return l(c,{})};H.metadata={name:"Progress",isSvgIcon:!0};var k=()=>import("../motionFeatures-PRT45UQH.js").then((({domAnimation:t})=>t));function M({reducedMotion:t="user",children:o,layoutVariant:e="subtle",layoutSpeed:n="3",colorVariant:a="smooth",colorSpeed:s="3"}){const d=i[e][n],c=i[a][s],[u,p]=S(d),[h,b]=S(c),g={variant:a,speed:s},v=r({...g,control:"stiffness"}),C=r({...g,control:"damping"}),w={variant:e,speed:n},N=r({...w,control:"stiffness"}),V=r({...w,control:"damping"});x((()=>{const t=getComputedStyle(document.documentElement),o={damping:Number(t.getPropertyValue(V)),stiffness:Number(t.getPropertyValue(N))},e={damping:Number(t.getPropertyValue(C)),stiffness:Number(t.getPropertyValue(v))};p(o),b(e)}),[C,v,V,N]);const z=y((()=>({type:"spring",mass:1,...u,layout:u,opacity:h,color:h,borderColor:h,backgroundColor:h})),[h,u]);return l(m,{features:k,strict:!0,children:l(f,{transition:z,reducedMotion:t,children:o})})}var P=t(),R=u.create(P),G=b((function({palette:t,variant:r,size:i,startIcon:a,endIcon:m,iconVariant:f,loading:b,disableEffects:S,children:x,asChild:N,type:V="button",className:T,width:W,...k},P){const G=g(null);v(P,(()=>G.current));const j=m?"icon":"hide",A=(({startIcon:t,endIcon:o,loading:e})=>t||o||e?"withIcon":"withoutIcon")({startIcon:a,endIcon:m,loading:b}),$=(({loading:t,startIcon:o})=>t?"loading":o?"icon":"hide")({loading:b,startIcon:a}),L={button:o({width:W,buttonSize:i,buttonVariant:r,buttonPalette:t,className:e("uds-button","uds-ring","uds-hit-target",b&&"uds-button-loading",S&&"uds-button-without-effects","withIcon"===A&&"uds-button-with-gap",T)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"},D=p()?"smooth":"subtle",U=y((()=>l(u.span,{className:L.iconContainer,initial:!1,variants:I,animate:$,children:d(h,{initial:!1,mode:"popLayout",children:[b&&l(u.span,{variants:E,initial:"hide",animate:"loading",exit:"hide",children:l(n,{size:s,name:H,variant:f,color:"current",className:L.loading})},"loading"),a&&!b&&l(u.span,{variants:z,initial:"hide",animate:"icon",exit:"hide",children:l(n,{size:s,name:a,variant:f,color:"current",className:L.start})},a.name)]})})),[L.iconContainer,L.loading,L.start,$,b,f,a]),J=y((()=>l(u.span,{className:L.iconContainer,initial:!1,variants:I,animate:j,children:l(h,{initial:!1,mode:"popLayout",children:m&&l(u.span,{variants:z,initial:"hide",animate:"icon",exit:"hide",children:l(n,{size:s,name:m,variant:f,color:"current",className:L.start})},m.name)})})),[L.iconContainer,L.start,m,j,f]),Q=y((()=>S?{...B,rest:{},hover:{},pressed:{}}:B),[S]);return N&&C(x)?l(M,{layoutSpeed:"3",layoutVariant:D,children:l(R,{type:V,className:L.button,initial:["hide",A],animate:A,variants:Q,whileHover:"hover",whileTap:"pressed",...k,children:w(x,x.props,d(c,{children:[U,l("span",{className:L.content,children:x.props.children}),J]}))})}):l(M,{layoutSpeed:"3",layoutVariant:D,children:d(u.button,{ref:G,type:V,className:L.button,initial:["hide",A],animate:A,variants:Q,whileHover:"hover",whileTap:"pressed",...k,children:[U,l("span",{className:L.content,children:x}),J]})})})),j=b((function({palette:t,variant:r,size:i,iconVariant:a,loading:c,disableEffects:m,name:f,type:b="button",className:C,children:w,...S},x){const N=g(null);v(x,(()=>N.current));const V=y((()=>({button:o({buttonVariant:r,buttonPalette:t,iconButtonSize:i,className:e("uds-icon-button","uds-button","uds-ring","uds-hit-target",c&&"uds-button-loading",m&&"uds-button-without-effects",C)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,r,C,m,i,c]),T=p(),W=y((()=>T?"smooth":"subtle"),[T]),I=y((()=>{const{rest:t,hover:o,pressed:e}=B;return m?{rest:{},hover:{},pressed:{}}:{rest:t,hover:o,pressed:e}}),[m]);return l(M,{layoutSpeed:"3",layoutVariant:W,reducedMotion:m?"always":"user",children:l(u.button,{ref:N,type:b,className:V.button,initial:"icon",variants:I,whileHover:"hover",whileTap:"pressed",...S,children:d(h,{initial:!1,mode:"popLayout",children:[c&&l(u.span,{variants:E,initial:"loading",animate:"loading",exit:"hide",children:l(n,{size:s,name:H,variant:a,color:"current",className:V.loading})},"loading"),f&&!c&&l(u.span,{variants:z,initial:"icon",animate:"icon",exit:"hide",children:w||l(n,{size:s,name:f,variant:a,color:"current",className:V.icon})},f.name)]})})})})),A=t(),$=b((function({className:t,asChild:e,onPress:n,onClick:r=n,backgroundColor:i,borderRadius:a,borderTopStartRadius:s,borderTopEndRadius:d,borderBottomStartRadius:c,borderBottomEndRadius:u,borderColor:p,borderStartColor:h,borderEndColor:m,borderTopColor:f,borderBottomColor:b,borderWidth:g,borderVerticalWidth:v,borderHorizontalWidth:y,borderStartWidth:C,borderEndWidth:w,borderTopWidth:S,borderBottomWidth:x,alignContent:N,alignItems:V,alignSelf:z,flex:E,flexDirection:T,flexGrow:W,flexShrink:B,flexWrap:I,justifyContent:H,flexBasis:k,display:M,overflow:P,overflowX:R,overflowY:G,position:j,spacing:$,spacingHorizontal:L,spacingVertical:D,spacingBottom:U,spacingEnd:J,spacingStart:Q,spacingTop:X,offset:Y,offsetVertical:F,offsetHorizontal:K,offsetBottom:O,offsetEnd:q,offsetStart:Z,offsetTop:_,columnGap:tt,rowGap:ot,...et},nt){const rt=o({backgroundColor:i,borderRadius:a,borderTopStartRadius:s,borderTopEndRadius:d,borderBottomStartRadius:c,borderBottomEndRadius:u,borderColor:p,borderStartColor:h,borderEndColor:m,borderTopColor:f,borderBottomColor:b,borderWidth:g,borderVerticalWidth:v,borderHorizontalWidth:y,borderStartWidth:C,borderEndWidth:w,borderTopWidth:S,borderBottomWidth:x,alignContent:N,alignItems:V,alignSelf:z,flex:E,flexDirection:T,flexGrow:W,flexShrink:B,flexWrap:I,justifyContent:H,flexBasis:k,display:M,overflow:P,overflowX:R,overflowY:G,position:j,spacing:$,spacingHorizontal:L,spacingVertical:D,spacingBottom:U,spacingEnd:J,spacingStart:Q,spacingTop:X,offset:Y,offsetVertical:F,offsetHorizontal:K,offsetBottom:O,offsetEnd:q,offsetStart:Z,offsetTop:_,columnGap:tt,rowGap:ot,className:t});return l(e?A:"button",{className:rt,ref:nt,onClick:r,...et})}));
+import{createSlot as t,getStyles as o,cx as e,Icon as n}from"../chunk-MOUM7BAW.js";import{getMotionVar as r}from"../chunk-7QHJ6LHA.js";import{motion as a}from"../chunk-U2K4DT7E.js";import{BUTTON_CSS_VAR_MAP as i}from"../chunk-PE2P7J44.js";import{buttonIconSvgSize as s}from"@yahoo/uds/fixtures";import{jsx as l,jsxs as d,Fragment as c}from"react/jsx-runtime";import{m as u,useReducedMotion as p,AnimatePresence as h,LazyMotion as m,MotionConfig as f}from"motion/react";import{forwardRef as b,useRef as g,useImperativeHandle as v,useMemo as y,isValidElement as C,cloneElement as w,useState as S,useEffect as x}from"react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+var N={scale:.7,opacity:0},V={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},z={icon:V,hide:N,loading:N},E={loading:V,hide:N,icon:N},T=`var(${i.columnGap})`,W=`var(${i.iconSize})`,B={rest:{scale:`var(${i.effects.scale.rest})`},hover:{scale:`var(${i.effects.scale.hover})`},pressed:{scale:`var(${i.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:T}},I={hide:{width:"0px",opacity:0,display:"none"},loading:{width:W,display:"flex",opacity:1},icon:{width:W,display:"flex",opacity:1}},H=({size:t,variant:o})=>{if("outline"===o)switch(t){case"sm":return l(c,{children:l("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return l(c,{children:l("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return l(c,{children:l("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===o)switch(t){case"sm":return l(c,{children:l("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return l(c,{children:l("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return l(c,{children:l("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return l(c,{})};H.metadata={name:"Progress",isSvgIcon:!0};var k=()=>import("../motionFeatures-PRT45UQH.js").then((({domAnimation:t})=>t));function M({reducedMotion:t="user",children:o,layoutVariant:e="subtle",layoutSpeed:n="3",colorVariant:i="smooth",colorSpeed:s="3"}){const d=a[e][n],c=a[i][s],[u,p]=S(d),[h,b]=S(c),g={variant:i,speed:s},v=r({...g,control:"stiffness"}),C=r({...g,control:"damping"}),w={variant:e,speed:n},N=r({...w,control:"stiffness"}),V=r({...w,control:"damping"});x((()=>{const t=getComputedStyle(document.documentElement),o={damping:Number(t.getPropertyValue(V)),stiffness:Number(t.getPropertyValue(N))},e={damping:Number(t.getPropertyValue(C)),stiffness:Number(t.getPropertyValue(v))};p(o),b(e)}),[C,v,V,N]);const z=y((()=>({type:"spring",mass:1,...u,layout:u,opacity:h,color:h,borderColor:h,backgroundColor:h})),[h,u]);return l(m,{features:k,strict:!0,children:l(f,{transition:z,reducedMotion:t,children:o})})}var P=t(),R=u.create(P),G=b((function({palette:t,variant:r,size:a,startIcon:i,endIcon:m,iconVariant:f,loading:b,disableEffects:S,children:x,asChild:N,type:V="button",className:T,width:W,...k},P){const G=g(null);v(P,(()=>G.current));const j=m?"icon":"hide",A=(({startIcon:t,endIcon:o,loading:e})=>t||o||e?"withIcon":"withoutIcon")({startIcon:i,endIcon:m,loading:b}),$=(({loading:t,startIcon:o})=>t?"loading":o?"icon":"hide")({loading:b,startIcon:i}),L={button:o({width:W,buttonSize:a,buttonVariant:r,buttonPalette:t,className:e("uds-button","uds-ring","uds-hit-target",b&&"uds-button-loading",S&&"uds-button-without-effects","withIcon"===A&&"uds-button-with-gap",T)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"},D=p()?"smooth":"subtle",U=y((()=>l(u.span,{className:L.iconContainer,initial:!1,variants:I,animate:$,children:d(h,{initial:!1,mode:"popLayout",children:[b&&l(u.span,{variants:E,initial:"hide",animate:"loading",exit:"hide",children:l(n,{size:s,name:H,variant:f,color:"current",className:L.loading})},"loading"),i&&!b&&l(u.span,{variants:z,initial:"hide",animate:"icon",exit:"hide",children:l(n,{size:s,name:i,variant:f,color:"current",className:L.start})},i.name)]})})),[L.iconContainer,L.loading,L.start,$,b,f,i]),J=y((()=>l(u.span,{className:L.iconContainer,initial:!1,variants:I,animate:j,children:l(h,{initial:!1,mode:"popLayout",children:m&&l(u.span,{variants:z,initial:"hide",animate:"icon",exit:"hide",children:l(n,{size:s,name:m,variant:f,color:"current",className:L.start})},m.name)})})),[L.iconContainer,L.start,m,j,f]),Q=y((()=>S?{...B,rest:{},hover:{},pressed:{}}:B),[S]);return N&&C(x)?l(M,{layoutSpeed:"3",layoutVariant:D,children:l(R,{type:V,className:L.button,initial:["hide",A],animate:A,variants:Q,whileHover:"hover",whileTap:"pressed",...k,children:w(x,x.props,d(c,{children:[U,l("span",{className:L.content,children:x.props.children}),J]}))})}):l(M,{layoutSpeed:"3",layoutVariant:D,children:d(u.button,{ref:G,type:V,className:L.button,initial:["hide",A],animate:A,variants:Q,whileHover:"hover",whileTap:"pressed",...k,children:[U,l("span",{className:L.content,children:x}),J]})})})),j=b((function({palette:t,variant:r,size:a,iconVariant:i,loading:c,disableEffects:m,name:f,type:b="button",htmlName:C,className:w,children:S,...x},N){const V=g(null);v(N,(()=>V.current));const T=y((()=>({button:o({buttonVariant:r,buttonPalette:t,iconButtonSize:a,className:e("uds-icon-button","uds-button","uds-ring","uds-hit-target",c&&"uds-button-loading",m&&"uds-button-without-effects",w)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,r,w,m,a,c]),W=p(),I=y((()=>W?"smooth":"subtle"),[W]),k=y((()=>{const{rest:t,hover:o,pressed:e}=B;return m?{rest:{},hover:{},pressed:{}}:{rest:t,hover:o,pressed:e}}),[m]);return l(M,{layoutSpeed:"3",layoutVariant:I,reducedMotion:m?"always":"user",children:l(u.button,{ref:V,type:b,className:T.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:C,...x,children:d(h,{initial:!1,mode:"popLayout",children:[c&&l(u.span,{variants:E,initial:"loading",animate:"loading",exit:"hide",children:l(n,{size:s,name:H,variant:i,color:"current",className:T.loading})},"loading"),f&&!c&&l(u.span,{variants:z,initial:"icon",animate:"icon",exit:"hide",children:S||l(n,{size:s,name:f,variant:i,color:"current",className:T.icon})},f.name)]})})})})),A=t(),$=b((function({className:t,asChild:e,onPress:n,onClick:r=n,backgroundColor:a,borderRadius:i,borderTopStartRadius:s,borderTopEndRadius:d,borderBottomStartRadius:c,borderBottomEndRadius:u,borderColor:p,borderStartColor:h,borderEndColor:m,borderTopColor:f,borderBottomColor:b,borderWidth:g,borderVerticalWidth:v,borderHorizontalWidth:y,borderStartWidth:C,borderEndWidth:w,borderTopWidth:S,borderBottomWidth:x,alignContent:N,alignItems:V,alignSelf:z,flex:E,flexDirection:T,flexGrow:W,flexShrink:B,flexWrap:I,justifyContent:H,flexBasis:k,display:M,overflow:P,overflowX:R,overflowY:G,position:j,spacing:$,spacingHorizontal:L,spacingVertical:D,spacingBottom:U,spacingEnd:J,spacingStart:Q,spacingTop:X,offset:Y,offsetVertical:F,offsetHorizontal:K,offsetBottom:O,offsetEnd:q,offsetStart:Z,offsetTop:_,columnGap:tt,rowGap:ot,...et},nt){const rt=o({backgroundColor:a,borderRadius:i,borderTopStartRadius:s,borderTopEndRadius:d,borderBottomStartRadius:c,borderBottomEndRadius:u,borderColor:p,borderStartColor:h,borderEndColor:m,borderTopColor:f,borderBottomColor:b,borderWidth:g,borderVerticalWidth:v,borderHorizontalWidth:y,borderStartWidth:C,borderEndWidth:w,borderTopWidth:S,borderBottomWidth:x,alignContent:N,alignItems:V,alignSelf:z,flex:E,flexDirection:T,flexGrow:W,flexShrink:B,flexWrap:I,justifyContent:H,flexBasis:k,display:M,overflow:P,overflowX:R,overflowY:G,position:j,spacing:$,spacingHorizontal:L,spacingVertical:D,spacingBottom:U,spacingEnd:J,spacingStart:Q,spacingTop:X,offset:Y,offsetVertical:F,offsetHorizontal:K,offsetBottom:O,offsetEnd:q,offsetStart:Z,offsetTop:_,columnGap:tt,rowGap:ot,className:t});return l(e?A:"button",{className:rt,ref:nt,onClick:r,...et})}));
 /*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{G as Button,j as IconButton,$ as Pressable,M as SpringMotionConfig};

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { Ref, Dispatch, SetStateAction } from 'react';
-import { q as UniversalBoxProps, r as UniversalStackProps, s as UniversalIconProps, t as UniversalImageProps, u as UniversalTextProps } from './types-sNL75NRe.cjs';
-export { A as AVATAR_SIZE_PREFIX, a4 as AlwaysPalette, a5 as AlwaysPaletteAlias, a6 as Animation, a7 as AriaAttribute, a8 as AvatarShape, a9 as AvatarSize, aa as AvatarSizeConfig, x as BORDER_RADIUS_PREFIX, y as BORDER_WIDTH_PREFIX, a0 as BUTTON_CSS_VAR_MAP, ab as BackgroundColor, ac as BackgroundPalette, ad as BackgroundPaletteAlias, ae as BackgroundStyleProps, af as BorderRadius, ag as BorderRadiusConfig, ah as BorderStyleProps, ai as BorderWidth, aj as BorderWidthConfig, ak as BoxShadowConfig, al as ButtonBaseConfig, i as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig, B as ButtonConfig, aq as ButtonKind, ar as ButtonMotionEffect, as as ButtonMotionProperty, at as ButtonMotionPropertyConfig, au as ButtonPalette, av as ButtonPaletteColor, aw as ButtonPaletteConfig, ax as ButtonSize, ay as ButtonSizeConfig, az as ButtonSizeProperty, aA as ButtonSpectrumColor, aB as ButtonState, aC as ButtonStateConfig, aD as ButtonStateEffectConfig, aE as ButtonVariant, aF as ButtonVariantConfig, C as ColorMode, aG as ColorModeConfig, aH as ColorModeForApp, a as ColorsConfig, aI as CorePalette, aJ as CorePaletteAlias, aK as CustomSizingStyleProps, N as DARK_COLOR_MODE_CLASSNAME, _ as DEFAULT_COLOR_MODE_CLASSNAME, $ as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, aN as DividerVariant, a3 as FONT_DECLARATIONS_MAP, z as FONT_FAMILY_PREFIX, D as FONT_SIZE_PREFIX, E as FONT_WEIGHT_PREFIX, aO as Flex, aP as FlexAlignContent, aQ as FlexAlignItems, aR as FlexAlignSelf, aS as FlexBasis, aT as FlexDirection, aU as FlexGrow, aV as FlexJustifyContent, aW as FlexShrink, aX as FlexStyleProps, aY as FlexWrap, aZ as FontAlias, p as FontConfig, a_ as FontCssVar, o as FontDeclarationConfig, a$ as FontFamilyCDNUrl, b0 as FontFamilyConfig, n as FontID, b1 as FontSize, b2 as FontSizeConfig, b3 as FontType, F as FontWeightConfig, b4 as FontWeightDescriptive, d as FontWeightNumeric, b5 as ForegroundColor, b6 as ForegroundPalette, b7 as ForegroundPaletteAlias, b8 as HighContrastMode, H as Hue, b as HueStep, a1 as ICON_BUTTON_CSS_VAR_MAP, G as ICON_SIZE_PREFIX, I as IconButtonClassMap, b9 as IconButtonClassName, ba as IconButtonConfig, bb as IconButtonDefaultsConfig, bc as IconButtonSize, bd as IconSizeConfig, be as ImageStyleProps, V as LARGE_SCALE_MODE_CLASSNAME, O as LIGHT_COLOR_MODE_CLASSNAME, L as LINE_HEIGHT_PREFIX, bf as LayoutStyleProps, bg as LetterSpacing, bh as LineClampAlias, bi as LineColor, bj as LineHeight, bk as LineHeightConfig, bl as LinePalette, bm as LinePaletteAlias, R as MEDIUM_SCALE_MODE_CLASSNAME, J as MOTION_PREFIX, bn as Modes, m as MotionConfig, bo as MotionCssVar, bp as MotionSpringConfig, l as MotionSpringConfigOptions, M as MotionVariant, h as MotionVariantSpeed, bq as MotionVariantValues, br as Overflow, a2 as PSEUDO_STYLE_SELECTOR_MAP, bs as Palette, c as PaletteConfig, P as PaletteType, bt as PaletteValue, bu as PlatformMode, bv as Position, bw as PropertyToPaletteAliasMap, bx as RegionMode, Q as SMALL_SCALE_MODE_CLASSNAME, K as SPECTRUM_COLOR_PREFIX, by as ScaleConfig, bz as ScaleEffectMap, S as ScaleMode, bA as ScaleModeConfig, bB as ScaleModeForApp, bC as SpacingAlias, bD as SpacingAliasWithNegatives, bE as SpacingConfig, bF as SpacingStyleProps, bG as SpectrumColor, bH as SpectrumConfig, bI as StateStyleProps, bJ as StyleProps, T as TEXT_TRANSFORM_PREFIX, bS as TShirtSize, bT as TShirtSizeCommon, bK as TextProperty, bL as TextStyleProps, bM as TextTransform, bN as TextTransformConfig, bO as TextVariant, bP as TransitionDelay, bQ as TransitionDuration, bR as TransitionTiming, w as UDS_PREFIX, bU as UdsCssVar, bV as UniversalAvatarProps, e as UniversalButtonProps, bW as UniversalDividerProps, f as UniversalIconButtonProps, g as UniversalPressableProps, bX as UniversalTextInputProps, U as UniversalTokensConfig, W as XLARGE_SCALE_MODE_CLASSNAME, X as XSMALL_SCALE_MODE_CLASSNAME, Y as XXLARGE_SCALE_MODE_CLASSNAME, Z as XXXLARGE_SCALE_MODE_CLASSNAME, v as alwaysPalette } from './types-sNL75NRe.cjs';
+import { q as UniversalBoxProps, r as UniversalStackProps, s as UniversalIconProps, t as UniversalImageProps, u as UniversalTextProps } from './types-DPT0rst4.cjs';
+export { A as AVATAR_SIZE_PREFIX, a4 as AlwaysPalette, a5 as AlwaysPaletteAlias, a6 as Animation, a7 as AriaAttribute, a8 as AvatarShape, a9 as AvatarSize, aa as AvatarSizeConfig, x as BORDER_RADIUS_PREFIX, y as BORDER_WIDTH_PREFIX, a0 as BUTTON_CSS_VAR_MAP, ab as BackgroundColor, ac as BackgroundPalette, ad as BackgroundPaletteAlias, ae as BackgroundStyleProps, af as BorderRadius, ag as BorderRadiusConfig, ah as BorderStyleProps, ai as BorderWidth, aj as BorderWidthConfig, ak as BoxShadowConfig, al as ButtonBaseConfig, i as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig, B as ButtonConfig, aq as ButtonKind, ar as ButtonMotionEffect, as as ButtonMotionProperty, at as ButtonMotionPropertyConfig, au as ButtonPalette, av as ButtonPaletteColor, aw as ButtonPaletteConfig, ax as ButtonSize, ay as ButtonSizeConfig, az as ButtonSizeProperty, aA as ButtonSpectrumColor, aB as ButtonState, aC as ButtonStateConfig, aD as ButtonStateEffectConfig, aE as ButtonVariant, aF as ButtonVariantConfig, C as ColorMode, aG as ColorModeConfig, aH as ColorModeForApp, a as ColorsConfig, aI as CorePalette, aJ as CorePaletteAlias, aK as CustomSizingStyleProps, N as DARK_COLOR_MODE_CLASSNAME, _ as DEFAULT_COLOR_MODE_CLASSNAME, $ as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, aN as DividerVariant, a3 as FONT_DECLARATIONS_MAP, z as FONT_FAMILY_PREFIX, D as FONT_SIZE_PREFIX, E as FONT_WEIGHT_PREFIX, aO as Flex, aP as FlexAlignContent, aQ as FlexAlignItems, aR as FlexAlignSelf, aS as FlexBasis, aT as FlexDirection, aU as FlexGrow, aV as FlexJustifyContent, aW as FlexShrink, aX as FlexStyleProps, aY as FlexWrap, aZ as FontAlias, p as FontConfig, a_ as FontCssVar, o as FontDeclarationConfig, a$ as FontFamilyCDNUrl, b0 as FontFamilyConfig, n as FontID, b1 as FontSize, b2 as FontSizeConfig, b3 as FontType, F as FontWeightConfig, b4 as FontWeightDescriptive, d as FontWeightNumeric, b5 as ForegroundColor, b6 as ForegroundPalette, b7 as ForegroundPaletteAlias, b8 as HighContrastMode, H as Hue, b as HueStep, a1 as ICON_BUTTON_CSS_VAR_MAP, G as ICON_SIZE_PREFIX, I as IconButtonClassMap, b9 as IconButtonClassName, ba as IconButtonConfig, bb as IconButtonDefaultsConfig, bc as IconButtonSize, bd as IconSizeConfig, be as ImageStyleProps, V as LARGE_SCALE_MODE_CLASSNAME, O as LIGHT_COLOR_MODE_CLASSNAME, L as LINE_HEIGHT_PREFIX, bf as LayoutStyleProps, bg as LetterSpacing, bh as LineClampAlias, bi as LineColor, bj as LineHeight, bk as LineHeightConfig, bl as LinePalette, bm as LinePaletteAlias, R as MEDIUM_SCALE_MODE_CLASSNAME, J as MOTION_PREFIX, bn as Modes, m as MotionConfig, bo as MotionCssVar, bp as MotionSpringConfig, l as MotionSpringConfigOptions, M as MotionVariant, h as MotionVariantSpeed, bq as MotionVariantValues, br as Overflow, a2 as PSEUDO_STYLE_SELECTOR_MAP, bs as Palette, c as PaletteConfig, P as PaletteType, bt as PaletteValue, bu as PlatformMode, bv as Position, bw as PropertyToPaletteAliasMap, bx as RegionMode, Q as SMALL_SCALE_MODE_CLASSNAME, K as SPECTRUM_COLOR_PREFIX, by as ScaleConfig, bz as ScaleEffectMap, S as ScaleMode, bA as ScaleModeConfig, bB as ScaleModeForApp, bC as SpacingAlias, bD as SpacingAliasWithNegatives, bE as SpacingConfig, bF as SpacingStyleProps, bG as SpectrumColor, bH as SpectrumConfig, bI as StateStyleProps, bJ as StyleProps, T as TEXT_TRANSFORM_PREFIX, bS as TShirtSize, bT as TShirtSizeCommon, bK as TextProperty, bL as TextStyleProps, bM as TextTransform, bN as TextTransformConfig, bO as TextVariant, bP as TransitionDelay, bQ as TransitionDuration, bR as TransitionTiming, w as UDS_PREFIX, bU as UdsCssVar, bV as UniversalAvatarProps, e as UniversalButtonProps, bW as UniversalDividerProps, f as UniversalIconButtonProps, g as UniversalPressableProps, bX as UniversalTextInputProps, U as UniversalTokensConfig, W as XLARGE_SCALE_MODE_CLASSNAME, X as XSMALL_SCALE_MODE_CLASSNAME, Y as XXLARGE_SCALE_MODE_CLASSNAME, Z as XXXLARGE_SCALE_MODE_CLASSNAME, v as alwaysPalette } from './types-DPT0rst4.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { Button, ButtonProps, IconButton, IconButtonProps, Pressable, PressableProps, SpringMotionConfig, SpringMotionConfigProps } from '@yahoo/uds/client';
 export { Combination, CombinationsConfig, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, button, defaultTokensConfig, entries, fontWeightMap, fromEntries, generateConfigCombinations, getDefaultButtonBaseMap, mapValues, variants } from './tokens/index.cjs';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { Ref, Dispatch, SetStateAction } from 'react';
-import { q as UniversalBoxProps, r as UniversalStackProps, s as UniversalIconProps, t as UniversalImageProps, u as UniversalTextProps } from './types-sNL75NRe.js';
-export { A as AVATAR_SIZE_PREFIX, a4 as AlwaysPalette, a5 as AlwaysPaletteAlias, a6 as Animation, a7 as AriaAttribute, a8 as AvatarShape, a9 as AvatarSize, aa as AvatarSizeConfig, x as BORDER_RADIUS_PREFIX, y as BORDER_WIDTH_PREFIX, a0 as BUTTON_CSS_VAR_MAP, ab as BackgroundColor, ac as BackgroundPalette, ad as BackgroundPaletteAlias, ae as BackgroundStyleProps, af as BorderRadius, ag as BorderRadiusConfig, ah as BorderStyleProps, ai as BorderWidth, aj as BorderWidthConfig, ak as BoxShadowConfig, al as ButtonBaseConfig, i as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig, B as ButtonConfig, aq as ButtonKind, ar as ButtonMotionEffect, as as ButtonMotionProperty, at as ButtonMotionPropertyConfig, au as ButtonPalette, av as ButtonPaletteColor, aw as ButtonPaletteConfig, ax as ButtonSize, ay as ButtonSizeConfig, az as ButtonSizeProperty, aA as ButtonSpectrumColor, aB as ButtonState, aC as ButtonStateConfig, aD as ButtonStateEffectConfig, aE as ButtonVariant, aF as ButtonVariantConfig, C as ColorMode, aG as ColorModeConfig, aH as ColorModeForApp, a as ColorsConfig, aI as CorePalette, aJ as CorePaletteAlias, aK as CustomSizingStyleProps, N as DARK_COLOR_MODE_CLASSNAME, _ as DEFAULT_COLOR_MODE_CLASSNAME, $ as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, aN as DividerVariant, a3 as FONT_DECLARATIONS_MAP, z as FONT_FAMILY_PREFIX, D as FONT_SIZE_PREFIX, E as FONT_WEIGHT_PREFIX, aO as Flex, aP as FlexAlignContent, aQ as FlexAlignItems, aR as FlexAlignSelf, aS as FlexBasis, aT as FlexDirection, aU as FlexGrow, aV as FlexJustifyContent, aW as FlexShrink, aX as FlexStyleProps, aY as FlexWrap, aZ as FontAlias, p as FontConfig, a_ as FontCssVar, o as FontDeclarationConfig, a$ as FontFamilyCDNUrl, b0 as FontFamilyConfig, n as FontID, b1 as FontSize, b2 as FontSizeConfig, b3 as FontType, F as FontWeightConfig, b4 as FontWeightDescriptive, d as FontWeightNumeric, b5 as ForegroundColor, b6 as ForegroundPalette, b7 as ForegroundPaletteAlias, b8 as HighContrastMode, H as Hue, b as HueStep, a1 as ICON_BUTTON_CSS_VAR_MAP, G as ICON_SIZE_PREFIX, I as IconButtonClassMap, b9 as IconButtonClassName, ba as IconButtonConfig, bb as IconButtonDefaultsConfig, bc as IconButtonSize, bd as IconSizeConfig, be as ImageStyleProps, V as LARGE_SCALE_MODE_CLASSNAME, O as LIGHT_COLOR_MODE_CLASSNAME, L as LINE_HEIGHT_PREFIX, bf as LayoutStyleProps, bg as LetterSpacing, bh as LineClampAlias, bi as LineColor, bj as LineHeight, bk as LineHeightConfig, bl as LinePalette, bm as LinePaletteAlias, R as MEDIUM_SCALE_MODE_CLASSNAME, J as MOTION_PREFIX, bn as Modes, m as MotionConfig, bo as MotionCssVar, bp as MotionSpringConfig, l as MotionSpringConfigOptions, M as MotionVariant, h as MotionVariantSpeed, bq as MotionVariantValues, br as Overflow, a2 as PSEUDO_STYLE_SELECTOR_MAP, bs as Palette, c as PaletteConfig, P as PaletteType, bt as PaletteValue, bu as PlatformMode, bv as Position, bw as PropertyToPaletteAliasMap, bx as RegionMode, Q as SMALL_SCALE_MODE_CLASSNAME, K as SPECTRUM_COLOR_PREFIX, by as ScaleConfig, bz as ScaleEffectMap, S as ScaleMode, bA as ScaleModeConfig, bB as ScaleModeForApp, bC as SpacingAlias, bD as SpacingAliasWithNegatives, bE as SpacingConfig, bF as SpacingStyleProps, bG as SpectrumColor, bH as SpectrumConfig, bI as StateStyleProps, bJ as StyleProps, T as TEXT_TRANSFORM_PREFIX, bS as TShirtSize, bT as TShirtSizeCommon, bK as TextProperty, bL as TextStyleProps, bM as TextTransform, bN as TextTransformConfig, bO as TextVariant, bP as TransitionDelay, bQ as TransitionDuration, bR as TransitionTiming, w as UDS_PREFIX, bU as UdsCssVar, bV as UniversalAvatarProps, e as UniversalButtonProps, bW as UniversalDividerProps, f as UniversalIconButtonProps, g as UniversalPressableProps, bX as UniversalTextInputProps, U as UniversalTokensConfig, W as XLARGE_SCALE_MODE_CLASSNAME, X as XSMALL_SCALE_MODE_CLASSNAME, Y as XXLARGE_SCALE_MODE_CLASSNAME, Z as XXXLARGE_SCALE_MODE_CLASSNAME, v as alwaysPalette } from './types-sNL75NRe.js';
+import { q as UniversalBoxProps, r as UniversalStackProps, s as UniversalIconProps, t as UniversalImageProps, u as UniversalTextProps } from './types-DPT0rst4.js';
+export { A as AVATAR_SIZE_PREFIX, a4 as AlwaysPalette, a5 as AlwaysPaletteAlias, a6 as Animation, a7 as AriaAttribute, a8 as AvatarShape, a9 as AvatarSize, aa as AvatarSizeConfig, x as BORDER_RADIUS_PREFIX, y as BORDER_WIDTH_PREFIX, a0 as BUTTON_CSS_VAR_MAP, ab as BackgroundColor, ac as BackgroundPalette, ad as BackgroundPaletteAlias, ae as BackgroundStyleProps, af as BorderRadius, ag as BorderRadiusConfig, ah as BorderStyleProps, ai as BorderWidth, aj as BorderWidthConfig, ak as BoxShadowConfig, al as ButtonBaseConfig, i as ButtonClassMap, am as ButtonClassName, an as ButtonColorConfig, ao as ButtonColorEffect, ap as ButtonColorEffectConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig, B as ButtonConfig, aq as ButtonKind, ar as ButtonMotionEffect, as as ButtonMotionProperty, at as ButtonMotionPropertyConfig, au as ButtonPalette, av as ButtonPaletteColor, aw as ButtonPaletteConfig, ax as ButtonSize, ay as ButtonSizeConfig, az as ButtonSizeProperty, aA as ButtonSpectrumColor, aB as ButtonState, aC as ButtonStateConfig, aD as ButtonStateEffectConfig, aE as ButtonVariant, aF as ButtonVariantConfig, C as ColorMode, aG as ColorModeConfig, aH as ColorModeForApp, a as ColorsConfig, aI as CorePalette, aJ as CorePaletteAlias, aK as CustomSizingStyleProps, N as DARK_COLOR_MODE_CLASSNAME, _ as DEFAULT_COLOR_MODE_CLASSNAME, $ as DEFAULT_SCALE_MODE_CLASSNAME, aL as DataAttribute, aM as Display, aN as DividerVariant, a3 as FONT_DECLARATIONS_MAP, z as FONT_FAMILY_PREFIX, D as FONT_SIZE_PREFIX, E as FONT_WEIGHT_PREFIX, aO as Flex, aP as FlexAlignContent, aQ as FlexAlignItems, aR as FlexAlignSelf, aS as FlexBasis, aT as FlexDirection, aU as FlexGrow, aV as FlexJustifyContent, aW as FlexShrink, aX as FlexStyleProps, aY as FlexWrap, aZ as FontAlias, p as FontConfig, a_ as FontCssVar, o as FontDeclarationConfig, a$ as FontFamilyCDNUrl, b0 as FontFamilyConfig, n as FontID, b1 as FontSize, b2 as FontSizeConfig, b3 as FontType, F as FontWeightConfig, b4 as FontWeightDescriptive, d as FontWeightNumeric, b5 as ForegroundColor, b6 as ForegroundPalette, b7 as ForegroundPaletteAlias, b8 as HighContrastMode, H as Hue, b as HueStep, a1 as ICON_BUTTON_CSS_VAR_MAP, G as ICON_SIZE_PREFIX, I as IconButtonClassMap, b9 as IconButtonClassName, ba as IconButtonConfig, bb as IconButtonDefaultsConfig, bc as IconButtonSize, bd as IconSizeConfig, be as ImageStyleProps, V as LARGE_SCALE_MODE_CLASSNAME, O as LIGHT_COLOR_MODE_CLASSNAME, L as LINE_HEIGHT_PREFIX, bf as LayoutStyleProps, bg as LetterSpacing, bh as LineClampAlias, bi as LineColor, bj as LineHeight, bk as LineHeightConfig, bl as LinePalette, bm as LinePaletteAlias, R as MEDIUM_SCALE_MODE_CLASSNAME, J as MOTION_PREFIX, bn as Modes, m as MotionConfig, bo as MotionCssVar, bp as MotionSpringConfig, l as MotionSpringConfigOptions, M as MotionVariant, h as MotionVariantSpeed, bq as MotionVariantValues, br as Overflow, a2 as PSEUDO_STYLE_SELECTOR_MAP, bs as Palette, c as PaletteConfig, P as PaletteType, bt as PaletteValue, bu as PlatformMode, bv as Position, bw as PropertyToPaletteAliasMap, bx as RegionMode, Q as SMALL_SCALE_MODE_CLASSNAME, K as SPECTRUM_COLOR_PREFIX, by as ScaleConfig, bz as ScaleEffectMap, S as ScaleMode, bA as ScaleModeConfig, bB as ScaleModeForApp, bC as SpacingAlias, bD as SpacingAliasWithNegatives, bE as SpacingConfig, bF as SpacingStyleProps, bG as SpectrumColor, bH as SpectrumConfig, bI as StateStyleProps, bJ as StyleProps, T as TEXT_TRANSFORM_PREFIX, bS as TShirtSize, bT as TShirtSizeCommon, bK as TextProperty, bL as TextStyleProps, bM as TextTransform, bN as TextTransformConfig, bO as TextVariant, bP as TransitionDelay, bQ as TransitionDuration, bR as TransitionTiming, w as UDS_PREFIX, bU as UdsCssVar, bV as UniversalAvatarProps, e as UniversalButtonProps, bW as UniversalDividerProps, f as UniversalIconButtonProps, g as UniversalPressableProps, bX as UniversalTextInputProps, U as UniversalTokensConfig, W as XLARGE_SCALE_MODE_CLASSNAME, X as XSMALL_SCALE_MODE_CLASSNAME, Y as XXLARGE_SCALE_MODE_CLASSNAME, Z as XXXLARGE_SCALE_MODE_CLASSNAME, v as alwaysPalette } from './types-DPT0rst4.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { Button, ButtonProps, IconButton, IconButtonProps, Pressable, PressableProps, SpringMotionConfig, SpringMotionConfigProps } from '@yahoo/uds/client';
 export { Combination, CombinationsConfig, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, button, defaultTokensConfig, entries, fontWeightMap, fromEntries, generateConfigCombinations, getDefaultButtonBaseMap, mapValues, variants } from './tokens/index.js';