@yahoo/uds 1.4.1 → 1.4.3

package/dist/client/index.cjs

@@ -1,4 +1,4 @@
 "use client";
-"use strict";var e=require("../chunk-E6AO57LK.cjs"),t=require("../chunk-PECN66KD.cjs"),n=require("../chunk-WLOEKYUI.cjs"),a=require("../chunk-J6D4HCFT.cjs"),i=require("@yahoo/uds/fixtures"),o=require("react/jsx-runtime"),s=require("framer-motion"),r=require("react"),c={scale:.7,opacity:0},l={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},u={icon:l,hide:c,loading:c},d={loading:l,hide:c,icon:c},m=`var(${a.BUTTON_CSS_VAR_MAP.columnGap})`,h=`var(${a.BUTTON_CSS_VAR_MAP.iconSize})`,p={rest:{scale:`var(${a.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${a.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${a.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:m}},g={withoutIcon:{marginLeft:0},withIcon:{marginLeft:`calc(${m} * -1)`}},f={hide:{width:"0px",opacity:0,display:"none"},loading:{width:h,display:"flex",opacity:1},icon:{width:h,display:"flex",opacity:1}},x=({size:e,variant:t})=>{if("outline"===t)switch(e){case"sm":return o.jsx(o.Fragment,{children:o.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 o.jsx(o.Fragment,{children:o.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 o.jsx(o.Fragment,{children:o.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"===t)switch(e){case"sm":return o.jsx(o.Fragment,{children:o.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 o.jsx(o.Fragment,{children:o.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 o.jsx(o.Fragment,{children:o.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 o.jsx(o.Fragment,{})},v=()=>import("../motionFeatures-THWWLQYC.cjs").then((({domAnimation:e})=>e));function j({reducedMotion:e="user",children:a,layoutVariant:i="subtle",layoutSpeed:c="3",colorVariant:l="smooth",colorSpeed:u="3"}){const d=n.motion[i][c],m=n.motion[l][u],[h,p]=r.useState(d),[g,f]=r.useState(m),x={variant:l,speed:u},j=t.getMotionVar({...x,control:"stiffness"}),b=t.getMotionVar({...x,control:"damping"}),S={variant:i,speed:c},y=t.getMotionVar({...S,control:"stiffness"}),M=t.getMotionVar({...S,control:"damping"});r.useEffect((()=>{const e=getComputedStyle(document.documentElement),t={damping:Number(e.getPropertyValue(M)),stiffness:Number(e.getPropertyValue(y))},n={damping:Number(e.getPropertyValue(b)),stiffness:Number(e.getPropertyValue(j))};p(t),f(n)}),[b,j,M,y]);const I=r.useMemo((()=>({type:"spring",mass:1,...h,layout:h,opacity:g,color:g,borderColor:g,backgroundColor:g})),[g,h]);return o.jsx(s.LazyMotion,{features:v,strict:!0,children:o.jsx(s.MotionConfig,{transition:I,reducedMotion:e,children:a})})}var b=e.createSlot(),S=s.m.create(b,{forwardMotionProps:!0}),y=r.forwardRef((function({palette:t,variant:n,size:a,startIcon:c,endIcon:l,iconVariant:m,loading:h,disableEffects:v,children:b,asChild:y,className:M,...I},C){const w=r.useRef(null);r.useImperativeHandle(C,(()=>w.current));const N=l?"icon":"hide",V=(({startIcon:e,endIcon:t,loading:n})=>e||t||n?"withIcon":"withoutIcon")({startIcon:c,endIcon:l,loading:h}),A=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:c}),z={button:e.getStyles({buttonSize:a,buttonVariant:n,buttonPalette:t,className:e.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",v&&"uds-button-without-effects","withIcon"===V&&"uds-button-with-gap",M)}),iconContainer:"uds-button-icon-container flex overflow-hidden",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content",spacer:"uds-button-spacer"},P=s.useReducedMotion()?"smooth":"subtle",T=r.useMemo((()=>o.jsx(s.m.span,{className:z.iconContainer,initial:!1,variants:f,animate:A,children:o.jsxs(s.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&o.jsx(s.m.span,{variants:d,initial:"hide",animate:"loading",exit:"hide",children:o.jsx(e.Icon,{size:i.buttonIconSvgSize,name:x,variant:m,color:"current",className:z.loading})},"loading"),c&&!h&&o.jsx(s.m.span,{variants:u,initial:"hide",animate:"icon",exit:"hide",children:o.jsx(e.Icon,{size:i.buttonIconSvgSize,name:c,variant:m,color:"current",className:z.start})},c.name)]})})),[z.iconContainer,z.loading,z.start,A,h,m,c]),_=r.useMemo((()=>o.jsx(s.m.span,{className:z.iconContainer,initial:!1,variants:f,animate:N,children:o.jsx(s.AnimatePresence,{initial:!1,mode:"popLayout",children:l&&o.jsx(s.m.span,{variants:u,initial:"hide",animate:"icon",exit:"hide",children:o.jsx(e.Icon,{size:i.buttonIconSvgSize,name:l,variant:m,color:"current",className:z.start})},l.name)})})),[z.iconContainer,z.start,l,N,m]),R=r.useMemo((()=>v?{...p,rest:{},hover:{},pressed:{}}:p),[v]);return y&&r.isValidElement(b)?o.jsx(j,{layoutSpeed:"3",layoutVariant:P,children:o.jsx(S,{className:z.button,initial:["hide",V],animate:V,variants:R,whileHover:"hover",whileTap:"pressed",...I,children:r.cloneElement(b,b.props,o.jsxs(o.Fragment,{children:[T,b.props.children,_,o.jsx(s.m.span,{className:z.spacer,variants:g,initial:!1,animate:V})]}))})}):o.jsx(j,{layoutSpeed:"3",layoutVariant:P,children:o.jsxs(s.m.button,{ref:w,className:z.button,initial:["hide",V],animate:V,variants:R,whileHover:"hover",whileTap:"pressed",...I,children:[T,b,_,o.jsx(s.m.span,{className:z.spacer,variants:g,initial:!1,animate:V})]})})})),M=r.forwardRef((function({palette:t,variant:n,size:a,iconVariant:c,loading:l,disableEffects:m,name:h,className:g,...f},v){const b=r.useRef(null);r.useImperativeHandle(v,(()=>b.current));const S=r.useMemo((()=>({button:e.getStyles({buttonVariant:n,buttonPalette:t,iconButtonSize:a,className:e.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",l&&"uds-button-loading",m&&"uds-button-without-effects",g)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,n,g,m,a,l]),y=s.useReducedMotion(),M=r.useMemo((()=>y?"smooth":"subtle"),[y]),I=r.useMemo((()=>m?{...p,rest:{},hover:{},pressed:{}}:p),[m]);return o.jsx(j,{layoutSpeed:"3",layoutVariant:M,reducedMotion:m?"always":"user",children:o.jsx(s.m.button,{ref:b,className:S.button,initial:"icon",variants:I,whileHover:"hover",whileTap:"pressed",...f,children:o.jsxs(s.AnimatePresence,{initial:!1,mode:"popLayout",children:[l&&o.jsx(s.m.span,{variants:d,initial:"loading",animate:"loading",exit:"hide",children:o.jsx(e.Icon,{size:i.buttonIconSvgSize,name:x,variant:c,color:"current",className:S.loading})},"loading"),h&&!l&&o.jsx(s.m.span,{variants:u,initial:"icon",animate:"icon",exit:"hide",children:o.jsx(e.Icon,{size:i.buttonIconSvgSize,name:h,variant:c,color:"current",className:S.icon})},h.name)]})})})}));
+"use strict";var e=require("../chunk-RILYWBPB.cjs"),t=require("../chunk-PECN66KD.cjs"),n=require("../chunk-WLOEKYUI.cjs"),i=require("../chunk-J6D4HCFT.cjs"),a=require("@yahoo/uds/fixtures"),o=require("react/jsx-runtime"),r=require("framer-motion"),s=require("react"),c={scale:.7,opacity:0},l={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},u={icon:l,hide:c,loading:c},d={loading:l,hide:c,icon:c},m=`var(${i.BUTTON_CSS_VAR_MAP.columnGap})`,h=`var(${i.BUTTON_CSS_VAR_MAP.iconSize})`,p={rest:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:m}},g={hide:{width:"0px",opacity:0,display:"none"},loading:{width:h,display:"flex",opacity:1},icon:{width:h,display:"flex",opacity:1}},f=({size:e,variant:t})=>{if("outline"===t)switch(e){case"sm":return o.jsx(o.Fragment,{children:o.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 o.jsx(o.Fragment,{children:o.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 o.jsx(o.Fragment,{children:o.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"===t)switch(e){case"sm":return o.jsx(o.Fragment,{children:o.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 o.jsx(o.Fragment,{children:o.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 o.jsx(o.Fragment,{children:o.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 o.jsx(o.Fragment,{})},x=()=>import("../motionFeatures-THWWLQYC.cjs").then((({domAnimation:e})=>e));function v({reducedMotion:e="user",children:i,layoutVariant:a="subtle",layoutSpeed:c="3",colorVariant:l="smooth",colorSpeed:u="3"}){const d=n.motion[a][c],m=n.motion[l][u],[h,p]=s.useState(d),[g,f]=s.useState(m),v={variant:l,speed:u},j=t.getMotionVar({...v,control:"stiffness"}),b=t.getMotionVar({...v,control:"damping"}),S={variant:a,speed:c},y=t.getMotionVar({...S,control:"stiffness"}),M=t.getMotionVar({...S,control:"damping"});s.useEffect((()=>{const e=getComputedStyle(document.documentElement),t={damping:Number(e.getPropertyValue(M)),stiffness:Number(e.getPropertyValue(y))},n={damping:Number(e.getPropertyValue(b)),stiffness:Number(e.getPropertyValue(j))};p(t),f(n)}),[b,j,M,y]);const I=s.useMemo((()=>({type:"spring",mass:1,...h,layout:h,opacity:g,color:g,borderColor:g,backgroundColor:g})),[g,h]);return o.jsx(r.LazyMotion,{features:x,strict:!0,children:o.jsx(r.MotionConfig,{transition:I,reducedMotion:e,children:i})})}var j=e.createSlot(),b=r.m.create(j,{forwardMotionProps:!0}),S=s.forwardRef((function({palette:t,variant:n,size:i,startIcon:c,endIcon:l,iconVariant:m,loading:h,disableEffects:x,children:j,asChild:S,className:y,...M},I){const C=s.useRef(null);s.useImperativeHandle(I,(()=>C.current));const w=l?"icon":"hide",N=(({startIcon:e,endIcon:t,loading:n})=>e||t||n?"withIcon":"withoutIcon")({startIcon:c,endIcon:l,loading:h}),V=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:c}),z={button:e.getStyles({buttonSize:i,buttonVariant:n,buttonPalette:t,className:e.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",x&&"uds-button-without-effects","withIcon"===N&&"uds-button-with-gap",y)}),iconContainer:"uds-button-icon-container flex overflow-hidden",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"},A=r.useReducedMotion()?"smooth":"subtle",P=s.useMemo((()=>o.jsx(r.m.span,{className:z.iconContainer,initial:!1,variants:g,animate:V,children:o.jsxs(r.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&o.jsx(r.m.span,{variants:d,initial:"hide",animate:"loading",exit:"hide",children:o.jsx(e.Icon,{size:a.buttonIconSvgSize,name:f,variant:m,color:"current",className:z.loading})},"loading"),c&&!h&&o.jsx(r.m.span,{variants:u,initial:"hide",animate:"icon",exit:"hide",children:o.jsx(e.Icon,{size:a.buttonIconSvgSize,name:c,variant:m,color:"current",className:z.start})},c.name)]})})),[z.iconContainer,z.loading,z.start,V,h,m,c]),T=s.useMemo((()=>o.jsx(r.m.span,{className:z.iconContainer,initial:!1,variants:g,animate:w,children:o.jsx(r.AnimatePresence,{initial:!1,mode:"popLayout",children:l&&o.jsx(r.m.span,{variants:u,initial:"hide",animate:"icon",exit:"hide",children:o.jsx(e.Icon,{size:a.buttonIconSvgSize,name:l,variant:m,color:"current",className:z.start})},l.name)})})),[z.iconContainer,z.start,l,w,m]),_=s.useMemo((()=>x?{...p,rest:{},hover:{},pressed:{}}:p),[x]);return S&&s.isValidElement(j)?o.jsx(v,{layoutSpeed:"3",layoutVariant:A,children:o.jsx(b,{className:z.button,initial:["hide",N],animate:N,variants:_,whileHover:"hover",whileTap:"pressed",...M,children:s.cloneElement(j,j.props,o.jsxs(o.Fragment,{children:[P,j.props.children,T]}))})}):o.jsx(v,{layoutSpeed:"3",layoutVariant:A,children:o.jsxs(r.m.button,{ref:C,className:z.button,initial:["hide",N],animate:N,variants:_,whileHover:"hover",whileTap:"pressed",...M,children:[P,j,T]})})})),y=s.forwardRef((function({palette:t,variant:n,size:i,iconVariant:c,loading:l,disableEffects:m,name:h,className:g,...x},j){const b=s.useRef(null);s.useImperativeHandle(j,(()=>b.current));const S=s.useMemo((()=>({button:e.getStyles({buttonVariant:n,buttonPalette:t,iconButtonSize:i,className:e.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",l&&"uds-button-loading",m&&"uds-button-without-effects",g)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,n,g,m,i,l]),y=r.useReducedMotion(),M=s.useMemo((()=>y?"smooth":"subtle"),[y]),I=s.useMemo((()=>m?{...p,rest:{},hover:{},pressed:{}}:p),[m]);return o.jsx(v,{layoutSpeed:"3",layoutVariant:M,reducedMotion:m?"always":"user",children:o.jsx(r.m.button,{ref:b,className:S.button,initial:"icon",variants:I,whileHover:"hover",whileTap:"pressed",...x,children:o.jsxs(r.AnimatePresence,{initial:!1,mode:"popLayout",children:[l&&o.jsx(r.m.span,{variants:d,initial:"loading",animate:"loading",exit:"hide",children:o.jsx(e.Icon,{size:a.buttonIconSvgSize,name:f,variant:c,color:"current",className:S.loading})},"loading"),h&&!l&&o.jsx(r.m.span,{variants:u,initial:"icon",animate:"icon",exit:"hide",children:o.jsx(e.Icon,{size:a.buttonIconSvgSize,name:h,variant:c,color:"current",className:S.icon})},h.name)]})})})}));
 /*! © 2024 Yahoo, Inc. UDS v0.0.0-development */
-exports.Button=y,exports.IconButton=M,exports.SpringMotionConfig=j;
+exports.Button=S,exports.IconButton=y,exports.SpringMotionConfig=v;

package/dist/client/index.js

@@ -1,6 +1,6 @@
 "use client";
-import{createSlot as t,getStyles as n,cx as a,Icon as e}from"../chunk-VADOXPF5.js";import{getMotionVar as i}from"../chunk-PSTMMXTR.js";import{motion as o}from"../chunk-YRYDHL65.js";import{BUTTON_CSS_VAR_MAP as r}from"../chunk-33B23P5G.js";import{buttonIconSvgSize as s}from"@yahoo/uds/fixtures";import{jsx as c,jsxs as l,Fragment as d}from"react/jsx-runtime";import{m as u,useReducedMotion as h,AnimatePresence as m,LazyMotion as p,MotionConfig as f}from"framer-motion";import{forwardRef as g,useRef as v,useImperativeHandle as b,useMemo as y,isValidElement as w,cloneElement as N,useState as C,useEffect as S}from"react";
+import{createSlot as t,getStyles as n,cx as e,Icon as i}from"../chunk-KEQTRKKF.js";import{getMotionVar as a}from"../chunk-PSTMMXTR.js";import{motion as o}from"../chunk-YRYDHL65.js";import{BUTTON_CSS_VAR_MAP as r}from"../chunk-33B23P5G.js";import{buttonIconSvgSize as s}from"@yahoo/uds/fixtures";import{jsx as c,jsxs as l,Fragment as d}from"react/jsx-runtime";import{m as u,useReducedMotion as h,AnimatePresence as m,LazyMotion as p,MotionConfig as f}from"framer-motion";import{forwardRef as g,useRef as v,useImperativeHandle as b,useMemo as y,isValidElement as w,cloneElement as N,useState as C,useEffect as S}from"react";
 /*! © 2024 Yahoo, Inc. UDS v0.0.0-development */
-var I={scale:.7,opacity:0},V={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},x={icon:V,hide:I,loading:I},M={loading:V,hide:I,icon:I},z=`var(${r.columnGap})`,P=`var(${r.iconSize})`,j={rest:{scale:`var(${r.effects.scale.rest})`},hover:{scale:`var(${r.effects.scale.hover})`},pressed:{scale:`var(${r.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:z}},L={withoutIcon:{marginLeft:0},withIcon:{marginLeft:`calc(${z} * -1)`}},$={hide:{width:"0px",opacity:0,display:"none"},loading:{width:P,display:"flex",opacity:1},icon:{width:P,display:"flex",opacity:1}},k=({size:t,variant:n})=>{if("outline"===n)switch(t){case"sm":return c(d,{children:c("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 c(d,{children:c("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 c(d,{children:c("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"===n)switch(t){case"sm":return c(d,{children:c("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 c(d,{children:c("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 c(d,{children:c("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 c(d,{})},A=()=>import("../motionFeatures-B5UV2GY2.js").then((({domAnimation:t})=>t));function G({reducedMotion:t="user",children:n,layoutVariant:a="subtle",layoutSpeed:e="3",colorVariant:r="smooth",colorSpeed:s="3"}){const l=o[a][e],d=o[r][s],[u,h]=C(l),[m,g]=C(d),v={variant:r,speed:s},b=i({...v,control:"stiffness"}),w=i({...v,control:"damping"}),N={variant:a,speed:e},I=i({...N,control:"stiffness"}),V=i({...N,control:"damping"});S((()=>{const t=getComputedStyle(document.documentElement),n={damping:Number(t.getPropertyValue(V)),stiffness:Number(t.getPropertyValue(I))},a={damping:Number(t.getPropertyValue(w)),stiffness:Number(t.getPropertyValue(b))};h(n),g(a)}),[w,b,V,I]);const x=y((()=>({type:"spring",mass:1,...u,layout:u,opacity:m,color:m,borderColor:m,backgroundColor:m})),[m,u]);return c(p,{features:A,strict:!0,children:c(f,{transition:x,reducedMotion:t,children:n})})}var T=t(),H=u.create(T,{forwardMotionProps:!0}),B=g((function({palette:t,variant:i,size:o,startIcon:r,endIcon:p,iconVariant:f,loading:g,disableEffects:C,children:S,asChild:I,className:V,...z},P){const A=v(null);b(P,(()=>A.current));const T=p?"icon":"hide",B=(({startIcon:t,endIcon:n,loading:a})=>t||n||a?"withIcon":"withoutIcon")({startIcon:r,endIcon:p,loading:g}),E=(({loading:t,startIcon:n})=>t?"loading":n?"icon":"hide")({loading:g,startIcon:r}),Y={button:n({buttonSize:o,buttonVariant:i,buttonPalette:t,className:a("uds-button","uds-ring","uds-hit-target",g&&"uds-button-loading",C&&"uds-button-without-effects","withIcon"===B&&"uds-button-with-gap",V)}),iconContainer:"uds-button-icon-container flex overflow-hidden",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content",spacer:"uds-button-spacer"},D=h()?"smooth":"subtle",F=y((()=>c(u.span,{className:Y.iconContainer,initial:!1,variants:$,animate:E,children:l(m,{initial:!1,mode:"popLayout",children:[g&&c(u.span,{variants:M,initial:"hide",animate:"loading",exit:"hide",children:c(e,{size:s,name:k,variant:f,color:"current",className:Y.loading})},"loading"),r&&!g&&c(u.span,{variants:x,initial:"hide",animate:"icon",exit:"hide",children:c(e,{size:s,name:r,variant:f,color:"current",className:Y.start})},r.name)]})})),[Y.iconContainer,Y.loading,Y.start,E,g,f,r]),R=y((()=>c(u.span,{className:Y.iconContainer,initial:!1,variants:$,animate:T,children:c(m,{initial:!1,mode:"popLayout",children:p&&c(u.span,{variants:x,initial:"hide",animate:"icon",exit:"hide",children:c(e,{size:s,name:p,variant:f,color:"current",className:Y.start})},p.name)})})),[Y.iconContainer,Y.start,p,T,f]),X=y((()=>C?{...j,rest:{},hover:{},pressed:{}}:j),[C]);return I&&w(S)?c(G,{layoutSpeed:"3",layoutVariant:D,children:c(H,{className:Y.button,initial:["hide",B],animate:B,variants:X,whileHover:"hover",whileTap:"pressed",...z,children:N(S,S.props,l(d,{children:[F,S.props.children,R,c(u.span,{className:Y.spacer,variants:L,initial:!1,animate:B})]}))})}):c(G,{layoutSpeed:"3",layoutVariant:D,children:l(u.button,{ref:A,className:Y.button,initial:["hide",B],animate:B,variants:X,whileHover:"hover",whileTap:"pressed",...z,children:[F,S,R,c(u.span,{className:Y.spacer,variants:L,initial:!1,animate:B})]})})})),E=g((function({palette:t,variant:i,size:o,iconVariant:r,loading:d,disableEffects:p,name:f,className:g,...w},N){const C=v(null);b(N,(()=>C.current));const S=y((()=>({button:n({buttonVariant:i,buttonPalette:t,iconButtonSize:o,className:a("uds-icon-button","uds-button","uds-ring","uds-hit-target",d&&"uds-button-loading",p&&"uds-button-without-effects",g)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,i,g,p,o,d]),I=h(),V=y((()=>I?"smooth":"subtle"),[I]),z=y((()=>p?{...j,rest:{},hover:{},pressed:{}}:j),[p]);return c(G,{layoutSpeed:"3",layoutVariant:V,reducedMotion:p?"always":"user",children:c(u.button,{ref:C,className:S.button,initial:"icon",variants:z,whileHover:"hover",whileTap:"pressed",...w,children:l(m,{initial:!1,mode:"popLayout",children:[d&&c(u.span,{variants:M,initial:"loading",animate:"loading",exit:"hide",children:c(e,{size:s,name:k,variant:r,color:"current",className:S.loading})},"loading"),f&&!d&&c(u.span,{variants:x,initial:"icon",animate:"icon",exit:"hide",children:c(e,{size:s,name:f,variant:r,color:"current",className:S.icon})},f.name)]})})})}));
+var V={scale:.7,opacity:0},x={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},I={icon:x,hide:V,loading:V},M={loading:x,hide:V,icon:V},z=`var(${r.columnGap})`,P=`var(${r.iconSize})`,j={rest:{scale:`var(${r.effects.scale.rest})`},hover:{scale:`var(${r.effects.scale.hover})`},pressed:{scale:`var(${r.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:z}},T={hide:{width:"0px",opacity:0,display:"none"},loading:{width:P,display:"flex",opacity:1},icon:{width:P,display:"flex",opacity:1}},k=({size:t,variant:n})=>{if("outline"===n)switch(t){case"sm":return c(d,{children:c("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 c(d,{children:c("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 c(d,{children:c("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"===n)switch(t){case"sm":return c(d,{children:c("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 c(d,{children:c("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 c(d,{children:c("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 c(d,{})},G=()=>import("../motionFeatures-B5UV2GY2.js").then((({domAnimation:t})=>t));function $({reducedMotion:t="user",children:n,layoutVariant:e="subtle",layoutSpeed:i="3",colorVariant:r="smooth",colorSpeed:s="3"}){const l=o[e][i],d=o[r][s],[u,h]=C(l),[m,g]=C(d),v={variant:r,speed:s},b=a({...v,control:"stiffness"}),w=a({...v,control:"damping"}),N={variant:e,speed:i},V=a({...N,control:"stiffness"}),x=a({...N,control:"damping"});S((()=>{const t=getComputedStyle(document.documentElement),n={damping:Number(t.getPropertyValue(x)),stiffness:Number(t.getPropertyValue(V))},e={damping:Number(t.getPropertyValue(w)),stiffness:Number(t.getPropertyValue(b))};h(n),g(e)}),[w,b,x,V]);const I=y((()=>({type:"spring",mass:1,...u,layout:u,opacity:m,color:m,borderColor:m,backgroundColor:m})),[m,u]);return c(p,{features:G,strict:!0,children:c(f,{transition:I,reducedMotion:t,children:n})})}var A=t(),E=u.create(A,{forwardMotionProps:!0}),H=g((function({palette:t,variant:a,size:o,startIcon:r,endIcon:p,iconVariant:f,loading:g,disableEffects:C,children:S,asChild:V,className:x,...z},P){const G=v(null);b(P,(()=>G.current));const A=p?"icon":"hide",H=(({startIcon:t,endIcon:n,loading:e})=>t||n||e?"withIcon":"withoutIcon")({startIcon:r,endIcon:p,loading:g}),L=(({loading:t,startIcon:n})=>t?"loading":n?"icon":"hide")({loading:g,startIcon:r}),B={button:n({buttonSize:o,buttonVariant:a,buttonPalette:t,className:e("uds-button","uds-ring","uds-hit-target",g&&"uds-button-loading",C&&"uds-button-without-effects","withIcon"===H&&"uds-button-with-gap",x)}),iconContainer:"uds-button-icon-container flex overflow-hidden",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"},K=h()?"smooth":"subtle",R=y((()=>c(u.span,{className:B.iconContainer,initial:!1,variants:T,animate:L,children:l(m,{initial:!1,mode:"popLayout",children:[g&&c(u.span,{variants:M,initial:"hide",animate:"loading",exit:"hide",children:c(i,{size:s,name:k,variant:f,color:"current",className:B.loading})},"loading"),r&&!g&&c(u.span,{variants:I,initial:"hide",animate:"icon",exit:"hide",children:c(i,{size:s,name:r,variant:f,color:"current",className:B.start})},r.name)]})})),[B.iconContainer,B.loading,B.start,L,g,f,r]),Y=y((()=>c(u.span,{className:B.iconContainer,initial:!1,variants:T,animate:A,children:c(m,{initial:!1,mode:"popLayout",children:p&&c(u.span,{variants:I,initial:"hide",animate:"icon",exit:"hide",children:c(i,{size:s,name:p,variant:f,color:"current",className:B.start})},p.name)})})),[B.iconContainer,B.start,p,A,f]),F=y((()=>C?{...j,rest:{},hover:{},pressed:{}}:j),[C]);return V&&w(S)?c($,{layoutSpeed:"3",layoutVariant:K,children:c(E,{className:B.button,initial:["hide",H],animate:H,variants:F,whileHover:"hover",whileTap:"pressed",...z,children:N(S,S.props,l(d,{children:[R,S.props.children,Y]}))})}):c($,{layoutSpeed:"3",layoutVariant:K,children:l(u.button,{ref:G,className:B.button,initial:["hide",H],animate:H,variants:F,whileHover:"hover",whileTap:"pressed",...z,children:[R,S,Y]})})})),L=g((function({palette:t,variant:a,size:o,iconVariant:r,loading:d,disableEffects:p,name:f,className:g,...w},N){const C=v(null);b(N,(()=>C.current));const S=y((()=>({button:n({buttonVariant:a,buttonPalette:t,iconButtonSize:o,className:e("uds-icon-button","uds-button","uds-ring","uds-hit-target",d&&"uds-button-loading",p&&"uds-button-without-effects",g)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,a,g,p,o,d]),V=h(),x=y((()=>V?"smooth":"subtle"),[V]),z=y((()=>p?{...j,rest:{},hover:{},pressed:{}}:j),[p]);return c($,{layoutSpeed:"3",layoutVariant:x,reducedMotion:p?"always":"user",children:c(u.button,{ref:C,className:S.button,initial:"icon",variants:z,whileHover:"hover",whileTap:"pressed",...w,children:l(m,{initial:!1,mode:"popLayout",children:[d&&c(u.span,{variants:M,initial:"loading",animate:"loading",exit:"hide",children:c(i,{size:s,name:k,variant:r,color:"current",className:S.loading})},"loading"),f&&!d&&c(u.span,{variants:I,initial:"icon",animate:"icon",exit:"hide",children:c(i,{size:s,name:f,variant:r,color:"current",className:S.icon})},f.name)]})})})}));
 /*! © 2024 Yahoo, Inc. UDS v0.0.0-development */
-export{B as Button,E as IconButton,G as SpringMotionConfig};
+export{H as Button,L as IconButton,$ as SpringMotionConfig};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var e=require("./chunk-E6AO57LK.cjs"),r=require("./chunk-WLOEKYUI.cjs"),t=require("./chunk-3LHMB72F.cjs"),o=require("./chunk-LNFRMD6G.cjs"),n=require("./chunk-J6D4HCFT.cjs"),i=require("react"),a=require("react/jsx-runtime"),d=require("@yahoo/uds/client"),f=e.createSlot(),l=i.forwardRef((function({asChild:r,className:t,backgroundColor:o,borderRadius:n,borderTopStartRadius:i,borderTopEndRadius:d,borderBottomStartRadius:l,borderBottomEndRadius:s,borderColor:p,borderStartColor:u,borderEndColor:c,borderTopColor:b,borderBottomColor:E,borderWidth:g,borderVerticalWidth:S,borderHorizontalWidth:_,borderStartWidth:O,borderEndWidth:C,borderTopWidth:m,borderBottomWidth:A,alignContent:R,alignItems:x,alignSelf:T,flex:L,flexDirection:P,flexGrow:h,flexShrink:M,flexWrap:y,justifyContent:D,flexBasis:B,display:j="flex",overflow:W,overflowX:I,overflowY:F,position:N,spacing:w,spacingHorizontal:X,spacingVertical:G,spacingBottom:H,spacingEnd:V,spacingStart:v,spacingTop:U,offset:k,offsetVertical:z,offsetHorizontal:Y,offsetBottom:q,offsetEnd:Z,offsetStart:K,offsetTop:J,columnGap:Q,rowGap:$,...ee},re){const te=e.getStyles({backgroundColor:o,borderRadius:n,borderTopStartRadius:i,borderTopEndRadius:d,borderBottomStartRadius:l,borderBottomEndRadius:s,borderColor:p,borderStartColor:u,borderEndColor:c,borderTopColor:b,borderBottomColor:E,borderWidth:g,borderVerticalWidth:S,borderHorizontalWidth:_,borderStartWidth:O,borderEndWidth:C,borderTopWidth:m,borderBottomWidth:A,alignContent:R,alignItems:x,alignSelf:T,flex:L,flexDirection:P,flexGrow:h,flexShrink:M,flexWrap:y,justifyContent:D,flexBasis:B,display:j,overflow:W,overflowX:I,overflowY:F,position:N,spacing:w,spacingHorizontal:X,spacingVertical:G,spacingBottom:H,spacingEnd:V,spacingStart:v,spacingTop:U,offset:k,offsetVertical:z,offsetHorizontal:Y,offsetBottom:q,offsetEnd:Z,offsetStart:K,offsetTop:J,columnGap:Q,rowGap:$,className:t}),oe=r?f:"div";return a.jsx(oe,{className:te,ref:re,...ee})})),s=i.forwardRef((function({gap:e,...r},t){return a.jsx(l,{ref:t,flexDirection:"row",rowGap:e,columnGap:e,...r})}));var p=e.createSlot(),u=i.forwardRef((function({className:r,asChild:t,onPress:o,onClick:n=o,backgroundColor:i,borderRadius:d,borderTopStartRadius:f,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:u,borderColor:c,borderStartColor:b,borderEndColor:E,borderTopColor:g,borderBottomColor:S,borderWidth:_,borderVerticalWidth:O,borderHorizontalWidth:C,borderStartWidth:m,borderEndWidth:A,borderTopWidth:R,borderBottomWidth:x,alignContent:T,alignItems:L,alignSelf:P,flex:h,flexDirection:M,flexGrow:y,flexShrink:D,flexWrap:B,justifyContent:j,flexBasis:W,display:I,overflow:F,overflowX:N,overflowY:w,position:X,spacing:G,spacingHorizontal:H,spacingVertical:V,spacingBottom:v,spacingEnd:U,spacingStart:k,spacingTop:z,offset:Y,offsetVertical:q,offsetHorizontal:Z,offsetBottom:K,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:ee,rowGap:re,...te},oe){const ne=e.getStyles({backgroundColor:i,borderRadius:d,borderTopStartRadius:f,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:u,borderColor:c,borderStartColor:b,borderEndColor:E,borderTopColor:g,borderBottomColor:S,borderWidth:_,borderVerticalWidth:O,borderHorizontalWidth:C,borderStartWidth:m,borderEndWidth:A,borderTopWidth:R,borderBottomWidth:x,alignContent:T,alignItems:L,alignSelf:P,flex:h,flexDirection:M,flexGrow:y,flexShrink:D,flexWrap:B,justifyContent:j,flexBasis:W,display:I,overflow:F,overflowX:N,overflowY:w,position:X,spacing:G,spacingHorizontal:H,spacingVertical:V,spacingBottom:v,spacingEnd:U,spacingStart:k,spacingTop:z,offset:Y,offsetVertical:q,offsetHorizontal:Z,offsetBottom:K,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:ee,rowGap:re,className:r}),ie=t?p:"button";return a.jsx(ie,{className:ne,ref:oe,onClick:n,...te})})),c=e.createSlot(),b={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},E=i.forwardRef((function({className:r,asChild:t,color:o="primary",variant:n="body1",as:i=b[n],fontSize:d=n,fontFamily:f=n,fontWeight:l=n,lineHeight:s=n,textTransform:p=n,textAlign:u,backgroundColor:E,borderRadius:g,borderTopStartRadius:S,borderTopEndRadius:_,borderBottomStartRadius:O,borderBottomEndRadius:C,borderColor:m,borderStartColor:A,borderEndColor:R,borderTopColor:x,borderBottomColor:T,borderWidth:L,borderVerticalWidth:P,borderHorizontalWidth:h,borderStartWidth:M,borderEndWidth:y,borderTopWidth:D,borderBottomWidth:B,alignContent:j,alignItems:W,alignSelf:I,flex:F,flexDirection:N,flexGrow:w,flexShrink:X,flexWrap:G,justifyContent:H,flexBasis:V,display:v,overflow:U,overflowX:k,overflowY:z,position:Y,spacing:q,spacingHorizontal:Z,spacingVertical:K,spacingBottom:J,spacingEnd:Q,spacingStart:$,spacingTop:ee,offset:re,offsetVertical:te,offsetHorizontal:oe,offsetBottom:ne,offsetEnd:ie,offsetStart:ae,offsetTop:de,columnGap:fe,rowGap:le,...se},pe){const ue=e.getStyles({className:r,color:o,fontFamily:f,fontSize:d,fontWeight:l,lineHeight:s,textTransform:p,textAlign:u,backgroundColor:E,borderRadius:g,borderTopStartRadius:S,borderTopEndRadius:_,borderBottomStartRadius:O,borderBottomEndRadius:C,borderColor:m,borderStartColor:A,borderEndColor:R,borderTopColor:x,borderBottomColor:T,borderWidth:L,borderVerticalWidth:P,borderHorizontalWidth:h,borderStartWidth:M,borderEndWidth:y,borderTopWidth:D,borderBottomWidth:B,alignContent:j,alignItems:W,alignSelf:I,flex:F,flexDirection:N,flexGrow:w,flexShrink:X,flexWrap:G,justifyContent:H,flexBasis:V,display:v,overflow:U,overflowX:k,overflowY:z,position:Y,spacing:q,spacingHorizontal:Z,spacingVertical:K,spacingBottom:J,spacingEnd:Q,spacingStart:$,spacingTop:ee,offset:re,offsetVertical:te,offsetHorizontal:oe,offsetBottom:ne,offsetEnd:ie,offsetStart:ae,offsetTop:de,columnGap:fe,rowGap:le}),ce=t?c:i;return a.jsx(ce,{className:ue,ref:pe,...se})})),g=i.forwardRef((function({gap:e,...r},t){return a.jsx(l,{ref:t,flexDirection:"column",columnGap:e,rowGap:e,...r})}));Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return e.Icon}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return e.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return e.cx}}),Object.defineProperty(exports,"getFeatureFlags",{enumerable:!0,get:function(){return e.getFeatureFlags}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return e.getStyles}}),Object.defineProperty(exports,"updateFeatureFlags",{enumerable:!0,get:function(){return e.updateFeatureFlags}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return r.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return r.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return r.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return r.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return r.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return r.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return r.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return r.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return r.button}}),Object.defineProperty(exports,"defaultTokensConfig",{enumerable:!0,get:function(){return r.defaultTokensConfig}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return r.fromEntries}}),Object.defineProperty(exports,"generateConfigCombinations",{enumerable:!0,get:function(){return r.generateConfigCombinations}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return r.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return t.entries}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return t.fontWeightMap}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return t.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return o.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return n.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return n.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return n.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return n.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return n.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return n.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return n.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return n.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return n.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return n.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return n.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return n.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return n.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return n.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return n.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return d.Button}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return d.IconButton}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return d.SpringMotionConfig}}),exports.Box=l,exports.HStack=s,exports.Image=function({width:r,height:t,src:o,alt:n,contentFit:i,backgroundColor:d,borderRadius:f,borderTopStartRadius:l,borderTopEndRadius:s,borderBottomStartRadius:p,borderBottomEndRadius:u,borderColor:c,borderStartColor:b,borderEndColor:E,borderTopColor:g,borderBottomColor:S,borderWidth:_,borderVerticalWidth:O,borderHorizontalWidth:C,borderStartWidth:m,borderEndWidth:A,borderTopWidth:R,borderBottomWidth:x,alignContent:T,alignItems:L,alignSelf:P,flex:h,flexDirection:M,flexGrow:y,flexShrink:D,flexWrap:B,justifyContent:j,flexBasis:W,display:I,overflow:F,overflowX:N,overflowY:w,position:X,spacing:G,spacingHorizontal:H,spacingVertical:V,spacingBottom:v,spacingEnd:U,spacingStart:k,spacingTop:z,offset:Y,offsetVertical:q,offsetHorizontal:Z,offsetBottom:K,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:ee,rowGap:re,...te}){const oe=e.getStyles({contentFit:i,backgroundColor:d,borderRadius:f,borderTopStartRadius:l,borderTopEndRadius:s,borderBottomStartRadius:p,borderBottomEndRadius:u,borderColor:c,borderStartColor:b,borderEndColor:E,borderTopColor:g,borderBottomColor:S,borderWidth:_,borderVerticalWidth:O,borderHorizontalWidth:C,borderStartWidth:m,borderEndWidth:A,borderTopWidth:R,borderBottomWidth:x,alignContent:T,alignItems:L,alignSelf:P,flex:h,flexDirection:M,flexGrow:y,flexShrink:D,flexWrap:B,justifyContent:j,flexBasis:W,display:I,overflow:F,overflowX:N,overflowY:w,position:X,spacing:G,spacingHorizontal:H,spacingVertical:V,spacingBottom:v,spacingEnd:U,spacingStart:k,spacingTop:z,offset:Y,offsetVertical:q,offsetHorizontal:Z,offsetBottom:K,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:ee,rowGap:re});return a.jsx("img",{src:o,alt:n,className:oe,style:{objectPosition:"left",width:r,height:t},...te})},exports.Pressable=u,exports.Text=E,exports.VStack=g;
+"use strict";var e=require("./chunk-RILYWBPB.cjs"),r=require("./chunk-WLOEKYUI.cjs"),t=require("./chunk-3LHMB72F.cjs"),o=require("./chunk-LNFRMD6G.cjs"),n=require("./chunk-J6D4HCFT.cjs"),i=require("react"),a=require("react/jsx-runtime"),d=require("@yahoo/uds/client"),f=e.createSlot(),l=i.forwardRef((function({asChild:r,className:t,backgroundColor:o,borderRadius:n,borderTopStartRadius:i,borderTopEndRadius:d,borderBottomStartRadius:l,borderBottomEndRadius:s,borderColor:p,borderStartColor:u,borderEndColor:c,borderTopColor:b,borderBottomColor:E,borderWidth:g,borderVerticalWidth:S,borderHorizontalWidth:_,borderStartWidth:O,borderEndWidth:C,borderTopWidth:m,borderBottomWidth:A,alignContent:R,alignItems:x,alignSelf:T,flex:L,flexDirection:P,flexGrow:h,flexShrink:M,flexWrap:y,justifyContent:D,flexBasis:B,display:W="flex",overflow:j,overflowX:I,overflowY:F,position:N,spacing:w,spacingHorizontal:X,spacingVertical:G,spacingBottom:H,spacingEnd:V,spacingStart:v,spacingTop:U,offset:k,offsetVertical:z,offsetHorizontal:Y,offsetBottom:q,offsetEnd:Z,offsetStart:K,offsetTop:J,columnGap:Q,rowGap:$,...ee},re){const te=e.getStyles({backgroundColor:o,borderRadius:n,borderTopStartRadius:i,borderTopEndRadius:d,borderBottomStartRadius:l,borderBottomEndRadius:s,borderColor:p,borderStartColor:u,borderEndColor:c,borderTopColor:b,borderBottomColor:E,borderWidth:g,borderVerticalWidth:S,borderHorizontalWidth:_,borderStartWidth:O,borderEndWidth:C,borderTopWidth:m,borderBottomWidth:A,alignContent:R,alignItems:x,alignSelf:T,flex:L,flexDirection:P,flexGrow:h,flexShrink:M,flexWrap:y,justifyContent:D,flexBasis:B,display:W,overflow:j,overflowX:I,overflowY:F,position:N,spacing:w,spacingHorizontal:X,spacingVertical:G,spacingBottom:H,spacingEnd:V,spacingStart:v,spacingTop:U,offset:k,offsetVertical:z,offsetHorizontal:Y,offsetBottom:q,offsetEnd:Z,offsetStart:K,offsetTop:J,columnGap:Q,rowGap:$,className:t}),oe=r?f:"div";return a.jsx(oe,{className:te,ref:re,...ee})})),s=i.forwardRef((function({gap:e,...r},t){return a.jsx(l,{ref:t,flexDirection:"row",rowGap:e,columnGap:e,...r})}));var p=e.createSlot(),u=i.forwardRef((function({className:r,asChild:t,onPress:o,onClick:n=o,backgroundColor:i,borderRadius:d,borderTopStartRadius:f,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:u,borderColor:c,borderStartColor:b,borderEndColor:E,borderTopColor:g,borderBottomColor:S,borderWidth:_,borderVerticalWidth:O,borderHorizontalWidth:C,borderStartWidth:m,borderEndWidth:A,borderTopWidth:R,borderBottomWidth:x,alignContent:T,alignItems:L,alignSelf:P,flex:h,flexDirection:M,flexGrow:y,flexShrink:D,flexWrap:B,justifyContent:W,flexBasis:j,display:I,overflow:F,overflowX:N,overflowY:w,position:X,spacing:G,spacingHorizontal:H,spacingVertical:V,spacingBottom:v,spacingEnd:U,spacingStart:k,spacingTop:z,offset:Y,offsetVertical:q,offsetHorizontal:Z,offsetBottom:K,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:ee,rowGap:re,...te},oe){const ne=e.getStyles({backgroundColor:i,borderRadius:d,borderTopStartRadius:f,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:u,borderColor:c,borderStartColor:b,borderEndColor:E,borderTopColor:g,borderBottomColor:S,borderWidth:_,borderVerticalWidth:O,borderHorizontalWidth:C,borderStartWidth:m,borderEndWidth:A,borderTopWidth:R,borderBottomWidth:x,alignContent:T,alignItems:L,alignSelf:P,flex:h,flexDirection:M,flexGrow:y,flexShrink:D,flexWrap:B,justifyContent:W,flexBasis:j,display:I,overflow:F,overflowX:N,overflowY:w,position:X,spacing:G,spacingHorizontal:H,spacingVertical:V,spacingBottom:v,spacingEnd:U,spacingStart:k,spacingTop:z,offset:Y,offsetVertical:q,offsetHorizontal:Z,offsetBottom:K,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:ee,rowGap:re,className:r}),ie=t?p:"button";return a.jsx(ie,{className:ne,ref:oe,onClick:n,...te})})),c=e.createSlot(),b={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},E=i.forwardRef((function({className:r,asChild:t,color:o="primary",variant:n="body1",as:i=b[n],fontSize:d=n,fontFamily:f=n,fontWeight:l=n,lineHeight:s=n,textTransform:p=n,textAlign:u,backgroundColor:E,borderRadius:g,borderTopStartRadius:S,borderTopEndRadius:_,borderBottomStartRadius:O,borderBottomEndRadius:C,borderColor:m,borderStartColor:A,borderEndColor:R,borderTopColor:x,borderBottomColor:T,borderWidth:L,borderVerticalWidth:P,borderHorizontalWidth:h,borderStartWidth:M,borderEndWidth:y,borderTopWidth:D,borderBottomWidth:B,alignContent:W,alignItems:j,alignSelf:I,flex:F,flexDirection:N,flexGrow:w,flexShrink:X,flexWrap:G,justifyContent:H,flexBasis:V,display:v,overflow:U,overflowX:k,overflowY:z,position:Y,spacing:q,spacingHorizontal:Z,spacingVertical:K,spacingBottom:J,spacingEnd:Q,spacingStart:$,spacingTop:ee,offset:re,offsetVertical:te,offsetHorizontal:oe,offsetBottom:ne,offsetEnd:ie,offsetStart:ae,offsetTop:de,columnGap:fe,rowGap:le,...se},pe){const ue=e.getStyles({className:r,color:o,fontFamily:f,fontSize:d,fontWeight:l,lineHeight:s,textTransform:p,textAlign:u,backgroundColor:E,borderRadius:g,borderTopStartRadius:S,borderTopEndRadius:_,borderBottomStartRadius:O,borderBottomEndRadius:C,borderColor:m,borderStartColor:A,borderEndColor:R,borderTopColor:x,borderBottomColor:T,borderWidth:L,borderVerticalWidth:P,borderHorizontalWidth:h,borderStartWidth:M,borderEndWidth:y,borderTopWidth:D,borderBottomWidth:B,alignContent:W,alignItems:j,alignSelf:I,flex:F,flexDirection:N,flexGrow:w,flexShrink:X,flexWrap:G,justifyContent:H,flexBasis:V,display:v,overflow:U,overflowX:k,overflowY:z,position:Y,spacing:q,spacingHorizontal:Z,spacingVertical:K,spacingBottom:J,spacingEnd:Q,spacingStart:$,spacingTop:ee,offset:re,offsetVertical:te,offsetHorizontal:oe,offsetBottom:ne,offsetEnd:ie,offsetStart:ae,offsetTop:de,columnGap:fe,rowGap:le}),ce=t?c:i;return a.jsx(ce,{className:ue,ref:pe,...se})})),g=i.forwardRef((function({gap:e,...r},t){return a.jsx(l,{ref:t,flexDirection:"column",columnGap:e,rowGap:e,...r})}));Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return e.Icon}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return e.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return e.cx}}),Object.defineProperty(exports,"getFeatureFlags",{enumerable:!0,get:function(){return e.getFeatureFlags}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return e.getStyles}}),Object.defineProperty(exports,"updateFeatureFlags",{enumerable:!0,get:function(){return e.updateFeatureFlags}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return r.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return r.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return r.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return r.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return r.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return r.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return r.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return r.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return r.button}}),Object.defineProperty(exports,"defaultTokensConfig",{enumerable:!0,get:function(){return r.defaultTokensConfig}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return r.fromEntries}}),Object.defineProperty(exports,"generateConfigCombinations",{enumerable:!0,get:function(){return r.generateConfigCombinations}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return r.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return t.entries}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return t.fontWeightMap}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return t.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return o.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return n.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return n.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return n.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return n.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return n.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return n.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return n.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return n.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return n.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return n.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return n.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return n.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return n.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return n.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return n.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return n.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return d.Button}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return d.IconButton}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return d.SpringMotionConfig}}),exports.Box=l,exports.HStack=s,exports.Image=function({width:r,height:t,src:o,alt:n,contentFit:i,backgroundColor:d,borderRadius:f,borderTopStartRadius:l,borderTopEndRadius:s,borderBottomStartRadius:p,borderBottomEndRadius:u,borderColor:c,borderStartColor:b,borderEndColor:E,borderTopColor:g,borderBottomColor:S,borderWidth:_,borderVerticalWidth:O,borderHorizontalWidth:C,borderStartWidth:m,borderEndWidth:A,borderTopWidth:R,borderBottomWidth:x,alignContent:T,alignItems:L,alignSelf:P,flex:h,flexDirection:M,flexGrow:y,flexShrink:D,flexWrap:B,justifyContent:W,flexBasis:j,display:I,overflow:F,overflowX:N,overflowY:w,position:X,spacing:G,spacingHorizontal:H,spacingVertical:V,spacingBottom:v,spacingEnd:U,spacingStart:k,spacingTop:z,offset:Y,offsetVertical:q,offsetHorizontal:Z,offsetBottom:K,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:ee,rowGap:re,...te}){const oe=e.getStyles({contentFit:i,backgroundColor:d,borderRadius:f,borderTopStartRadius:l,borderTopEndRadius:s,borderBottomStartRadius:p,borderBottomEndRadius:u,borderColor:c,borderStartColor:b,borderEndColor:E,borderTopColor:g,borderBottomColor:S,borderWidth:_,borderVerticalWidth:O,borderHorizontalWidth:C,borderStartWidth:m,borderEndWidth:A,borderTopWidth:R,borderBottomWidth:x,alignContent:T,alignItems:L,alignSelf:P,flex:h,flexDirection:M,flexGrow:y,flexShrink:D,flexWrap:B,justifyContent:W,flexBasis:j,display:I,overflow:F,overflowX:N,overflowY:w,position:X,spacing:G,spacingHorizontal:H,spacingVertical:V,spacingBottom:v,spacingEnd:U,spacingStart:k,spacingTop:z,offset:Y,offsetVertical:q,offsetHorizontal:Z,offsetBottom:K,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:ee,rowGap:re});return a.jsx("img",{src:o,alt:n,className:oe,style:{objectPosition:"left",width:r,height:t},...te})},exports.Pressable=u,exports.Text=E,exports.VStack=g;

package/dist/index.d.cts

@@ -298,7 +298,78 @@ interface CX<T> {
 
 declare const cx: CX<string>;
 declare const cva: CVA<string>;
-declare const getStyles: (props: Record<string, unknown>) => string;
+declare const getStylesInternal: (props?: ({
+    color?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
+    placeholderColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
+    fontFamily?: "serif" | "sans" | "mono" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "sans-alt" | "serif-alt" | undefined;
+    fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
+    fontWeight?: "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "bold" | "extrabold" | undefined;
+    lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
+    textAlign?: "center" | "end" | "start" | "justify" | undefined;
+    textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
+    spacing?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offset?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    columnGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    rowGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    backgroundColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "transparent" | "white" | "black" | "current" | undefined;
+    borderColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderStartColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderEndColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderBottomColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderTopColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    borderWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderVerticalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderHorizontalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderStartWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderEndWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderTopWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderBottomWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    avatarSize?: "sm" | "md" | "lg" | undefined;
+    iconSize?: "sm" | "md" | "lg" | undefined;
+    alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-between" | "space-around" | undefined;
+    alignItems?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | undefined;
+    alignSelf?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | "auto" | undefined;
+    flex?: "1" | "none" | "initial" | "auto" | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    flexGrow?: "0" | "1" | "2" | "3" | undefined;
+    flexShrink?: "0" | "1" | undefined;
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+    justifyContent?: "center" | "flex-end" | "flex-start" | "space-between" | "space-around" | "space-evenly" | undefined;
+    flexBasis?: "min-content" | undefined;
+    display?: "block" | "inline" | "flex" | "flow-root" | "grid" | "table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-table" | "contents" | undefined;
+    overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+    overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+    overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+    position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+    contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
+    colorMode?: "light" | "dark" | undefined;
+    scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
+    buttonPalette?: "brand" | "accent" | "alert" | "positive" | "warning" | undefined;
+    buttonVariant?: "primary" | "secondary" | "tertiary" | undefined;
+    buttonSize?: "sm" | "md" | "lg" | undefined;
+    iconButtonSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+} & {
+    className?: string | undefined;
+}) | undefined) => string;
+type GetStylesInternalProps = Parameters<typeof getStylesInternal>[0];
+declare const getStyles: (props: GetStylesInternalProps) => string;
 
 type SetState<T> = Dispatch<SetStateAction<T>>;
 

package/dist/index.d.ts

@@ -298,7 +298,78 @@ interface CX<T> {
 
 declare const cx: CX<string>;
 declare const cva: CVA<string>;
-declare const getStyles: (props: Record<string, unknown>) => string;
+declare const getStylesInternal: (props?: ({
+    color?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
+    placeholderColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
+    fontFamily?: "serif" | "sans" | "mono" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "sans-alt" | "serif-alt" | undefined;
+    fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
+    fontWeight?: "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "bold" | "extrabold" | undefined;
+    lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
+    textAlign?: "center" | "end" | "start" | "justify" | undefined;
+    textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
+    spacing?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    spacingTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offset?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    offsetTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    columnGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    rowGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+    backgroundColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "transparent" | "white" | "black" | "current" | undefined;
+    borderColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderStartColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderEndColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderBottomColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderTopColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
+    borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    borderWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderVerticalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderHorizontalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderStartWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderEndWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderTopWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    borderBottomWidth?: "thin" | "medium" | "none" | "thick" | undefined;
+    avatarSize?: "sm" | "md" | "lg" | undefined;
+    iconSize?: "sm" | "md" | "lg" | undefined;
+    alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-between" | "space-around" | undefined;
+    alignItems?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | undefined;
+    alignSelf?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | "auto" | undefined;
+    flex?: "1" | "none" | "initial" | "auto" | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    flexGrow?: "0" | "1" | "2" | "3" | undefined;
+    flexShrink?: "0" | "1" | undefined;
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+    justifyContent?: "center" | "flex-end" | "flex-start" | "space-between" | "space-around" | "space-evenly" | undefined;
+    flexBasis?: "min-content" | undefined;
+    display?: "block" | "inline" | "flex" | "flow-root" | "grid" | "table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-table" | "contents" | undefined;
+    overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+    overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+    overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+    position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+    contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
+    colorMode?: "light" | "dark" | undefined;
+    scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
+    buttonPalette?: "brand" | "accent" | "alert" | "positive" | "warning" | undefined;
+    buttonVariant?: "primary" | "secondary" | "tertiary" | undefined;
+    buttonSize?: "sm" | "md" | "lg" | undefined;
+    iconButtonSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+} & {
+    className?: string | undefined;
+}) | undefined) => string;
+type GetStylesInternalProps = Parameters<typeof getStylesInternal>[0];
+declare const getStyles: (props: GetStylesInternalProps) => string;
 
 type SetState<T> = Dispatch<SetStateAction<T>>;
 

package/dist/index.js

@@ -1,2 +1,2 @@
-import{createSlot as o,getStyles as r}from"./chunk-VADOXPF5.js";export{Icon,cva,cx,getFeatureFlags,getStyles,updateFeatureFlags}from"./chunk-VADOXPF5.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,defaultTokensConfig,fromEntries,generateConfigCombinations,getDefaultButtonBaseMap}from"./chunk-YRYDHL65.js";export{entries,fontWeightMap,mapValues}from"./chunk-BEYSF2MO.js";export{variants}from"./chunk-RGE634O5.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_WEIGHT_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-33B23P5G.js";import{forwardRef as t}from"react";import{jsx as e}from"react/jsx-runtime";export{Button,IconButton,SpringMotionConfig}from"@yahoo/uds/client";
-/*! © 2024 Yahoo, Inc. UDS v0.0.0-development */var i=o(),a=t((function({asChild:o,className:t,backgroundColor:a,borderRadius:d,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:f,borderColor:p,borderStartColor:c,borderEndColor:b,borderTopColor:E,borderBottomColor:S,borderWidth:g,borderVerticalWidth:C,borderHorizontalWidth:m,borderStartWidth:u,borderEndWidth:h,borderTopWidth:_,borderBottomWidth:R,alignContent:T,alignItems:W,alignSelf:A,flex:B,flexDirection:x,flexGrow:O,flexShrink:L,flexWrap:D,justifyContent:w,flexBasis:M,display:F="flex",overflow:G,overflowX:I,overflowY:N,position:H,spacing:v,spacingHorizontal:V,spacingVertical:X,spacingBottom:y,spacingEnd:P,spacingStart:z,spacingTop:k,offset:j,offsetVertical:U,offsetHorizontal:Y,offsetBottom:Z,offsetEnd:K,offsetStart:q,offsetTop:J,columnGap:Q,rowGap:$,...oo},ro){const to=r({backgroundColor:a,borderRadius:d,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:f,borderColor:p,borderStartColor:c,borderEndColor:b,borderTopColor:E,borderBottomColor:S,borderWidth:g,borderVerticalWidth:C,borderHorizontalWidth:m,borderStartWidth:u,borderEndWidth:h,borderTopWidth:_,borderBottomWidth:R,alignContent:T,alignItems:W,alignSelf:A,flex:B,flexDirection:x,flexGrow:O,flexShrink:L,flexWrap:D,justifyContent:w,flexBasis:M,display:F,overflow:G,overflowX:I,overflowY:N,position:H,spacing:v,spacingHorizontal:V,spacingVertical:X,spacingBottom:y,spacingEnd:P,spacingStart:z,spacingTop:k,offset:j,offsetVertical:U,offsetHorizontal:Y,offsetBottom:Z,offsetEnd:K,offsetStart:q,offsetTop:J,columnGap:Q,rowGap:$,className:t});return e(o?i:"div",{className:to,ref:ro,...oo})})),d=t((function({gap:o,...r},t){return e(a,{ref:t,flexDirection:"row",rowGap:o,columnGap:o,...r})}));function n({width:o,height:t,src:i,alt:a,contentFit:d,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:R,borderTopWidth:T,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:O,flexDirection:L,flexGrow:D,flexShrink:w,flexWrap:M,justifyContent:F,flexBasis:G,display:I,overflow:N,overflowX:H,overflowY:v,position:V,spacing:X,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,...to}){const eo=r({contentFit:d,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:R,borderTopWidth:T,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:O,flexDirection:L,flexGrow:D,flexShrink:w,flexWrap:M,justifyContent:F,flexBasis:G,display:I,overflow:N,overflowX:H,overflowY:v,position:V,spacing:X,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro});return e("img",{src:i,alt:a,className:eo,style:{objectPosition:"left",width:o,height:t},...to})}var l=o(),s=t((function({className:o,asChild:t,onPress:i,onClick:a=i,backgroundColor:d,borderRadius:n,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:R,borderTopWidth:T,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:O,flexDirection:L,flexGrow:D,flexShrink:w,flexWrap:M,justifyContent:F,flexBasis:G,display:I,overflow:N,overflowX:H,overflowY:v,position:V,spacing:X,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,...to},eo){const io=r({backgroundColor:d,borderRadius:n,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:R,borderTopWidth:T,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:O,flexDirection:L,flexGrow:D,flexShrink:w,flexWrap:M,justifyContent:F,flexBasis:G,display:I,overflow:N,overflowX:H,overflowY:v,position:V,spacing:X,spacingHorizontal:y,spacingVertical:P,spacingBottom:z,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,className:o});return e(t?l:"button",{className:io,ref:eo,onClick:a,...to})})),f=o(),p={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},c=t((function({className:o,asChild:t,color:i="primary",variant:a="body1",as:d=p[a],fontSize:n=a,fontFamily:l=a,fontWeight:s=a,lineHeight:c=a,textTransform:b=a,textAlign:E,backgroundColor:S,borderRadius:g,borderTopStartRadius:C,borderTopEndRadius:m,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:_,borderStartColor:R,borderEndColor:T,borderTopColor:W,borderBottomColor:A,borderWidth:B,borderVerticalWidth:x,borderHorizontalWidth:O,borderStartWidth:L,borderEndWidth:D,borderTopWidth:w,borderBottomWidth:M,alignContent:F,alignItems:G,alignSelf:I,flex:N,flexDirection:H,flexGrow:v,flexShrink:V,flexWrap:X,justifyContent:y,flexBasis:P,display:z,overflow:k,overflowX:j,overflowY:U,position:Y,spacing:Z,spacingHorizontal:K,spacingVertical:q,spacingBottom:J,spacingEnd:Q,spacingStart:$,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:ao,offsetStart:no,offsetTop:lo,columnGap:so,rowGap:fo,...po},co){const bo=r({className:o,color:i,fontFamily:l,fontSize:n,fontWeight:s,lineHeight:c,textTransform:b,textAlign:E,backgroundColor:S,borderRadius:g,borderTopStartRadius:C,borderTopEndRadius:m,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:_,borderStartColor:R,borderEndColor:T,borderTopColor:W,borderBottomColor:A,borderWidth:B,borderVerticalWidth:x,borderHorizontalWidth:O,borderStartWidth:L,borderEndWidth:D,borderTopWidth:w,borderBottomWidth:M,alignContent:F,alignItems:G,alignSelf:I,flex:N,flexDirection:H,flexGrow:v,flexShrink:V,flexWrap:X,justifyContent:y,flexBasis:P,display:z,overflow:k,overflowX:j,overflowY:U,position:Y,spacing:Z,spacingHorizontal:K,spacingVertical:q,spacingBottom:J,spacingEnd:Q,spacingStart:$,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:ao,offsetStart:no,offsetTop:lo,columnGap:so,rowGap:fo});return e(t?f:d,{className:bo,ref:co,...po})})),b=t((function({gap:o,...r},t){return e(a,{ref:t,flexDirection:"column",columnGap:o,rowGap:o,...r})}));export{a as Box,d as HStack,n as Image,s as Pressable,c as Text,b as VStack};
+import{createSlot as o,getStyles as r}from"./chunk-KEQTRKKF.js";export{Icon,cva,cx,getFeatureFlags,getStyles,updateFeatureFlags}from"./chunk-KEQTRKKF.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,defaultTokensConfig,fromEntries,generateConfigCombinations,getDefaultButtonBaseMap}from"./chunk-YRYDHL65.js";export{entries,fontWeightMap,mapValues}from"./chunk-BEYSF2MO.js";export{variants}from"./chunk-RGE634O5.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_WEIGHT_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-33B23P5G.js";import{forwardRef as t}from"react";import{jsx as e}from"react/jsx-runtime";export{Button,IconButton,SpringMotionConfig}from"@yahoo/uds/client";
+/*! © 2024 Yahoo, Inc. UDS v0.0.0-development */var i=o(),a=t((function({asChild:o,className:t,backgroundColor:a,borderRadius:d,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:f,borderColor:p,borderStartColor:c,borderEndColor:b,borderTopColor:E,borderBottomColor:S,borderWidth:g,borderVerticalWidth:C,borderHorizontalWidth:m,borderStartWidth:u,borderEndWidth:h,borderTopWidth:R,borderBottomWidth:T,alignContent:_,alignItems:W,alignSelf:A,flex:B,flexDirection:x,flexGrow:O,flexShrink:L,flexWrap:w,justifyContent:D,flexBasis:M,display:F="flex",overflow:G,overflowX:I,overflowY:N,position:H,spacing:v,spacingHorizontal:y,spacingVertical:V,spacingBottom:X,spacingEnd:z,spacingStart:P,spacingTop:k,offset:j,offsetVertical:U,offsetHorizontal:Y,offsetBottom:K,offsetEnd:Z,offsetStart:Q,offsetTop:q,columnGap:J,rowGap:$,...oo},ro){const to=r({backgroundColor:a,borderRadius:d,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:f,borderColor:p,borderStartColor:c,borderEndColor:b,borderTopColor:E,borderBottomColor:S,borderWidth:g,borderVerticalWidth:C,borderHorizontalWidth:m,borderStartWidth:u,borderEndWidth:h,borderTopWidth:R,borderBottomWidth:T,alignContent:_,alignItems:W,alignSelf:A,flex:B,flexDirection:x,flexGrow:O,flexShrink:L,flexWrap:w,justifyContent:D,flexBasis:M,display:F,overflow:G,overflowX:I,overflowY:N,position:H,spacing:v,spacingHorizontal:y,spacingVertical:V,spacingBottom:X,spacingEnd:z,spacingStart:P,spacingTop:k,offset:j,offsetVertical:U,offsetHorizontal:Y,offsetBottom:K,offsetEnd:Z,offsetStart:Q,offsetTop:q,columnGap:J,rowGap:$,className:t});return e(o?i:"div",{className:to,ref:ro,...oo})})),d=t((function({gap:o,...r},t){return e(a,{ref:t,flexDirection:"row",rowGap:o,columnGap:o,...r})}));function n({width:o,height:t,src:i,alt:a,contentFit:d,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:R,borderEndWidth:T,borderTopWidth:_,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:F,flexBasis:G,display:I,overflow:N,overflowX:H,overflowY:v,position:y,spacing:V,spacingHorizontal:X,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:K,offsetHorizontal:Z,offsetBottom:Q,offsetEnd:q,offsetStart:J,offsetTop:$,columnGap:oo,rowGap:ro,...to}){const eo=r({contentFit:d,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:R,borderEndWidth:T,borderTopWidth:_,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:F,flexBasis:G,display:I,overflow:N,overflowX:H,overflowY:v,position:y,spacing:V,spacingHorizontal:X,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:K,offsetHorizontal:Z,offsetBottom:Q,offsetEnd:q,offsetStart:J,offsetTop:$,columnGap:oo,rowGap:ro});return e("img",{src:i,alt:a,className:eo,style:{objectPosition:"left",width:o,height:t},...to})}var l=o(),s=t((function({className:o,asChild:t,onPress:i,onClick:a=i,backgroundColor:d,borderRadius:n,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:R,borderEndWidth:T,borderTopWidth:_,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:F,flexBasis:G,display:I,overflow:N,overflowX:H,overflowY:v,position:y,spacing:V,spacingHorizontal:X,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:K,offsetHorizontal:Z,offsetBottom:Q,offsetEnd:q,offsetStart:J,offsetTop:$,columnGap:oo,rowGap:ro,...to},eo){const io=r({backgroundColor:d,borderRadius:n,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:R,borderEndWidth:T,borderTopWidth:_,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:F,flexBasis:G,display:I,overflow:N,overflowX:H,overflowY:v,position:y,spacing:V,spacingHorizontal:X,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:K,offsetHorizontal:Z,offsetBottom:Q,offsetEnd:q,offsetStart:J,offsetTop:$,columnGap:oo,rowGap:ro,className:o});return e(t?l:"button",{className:io,ref:eo,onClick:a,...to})})),f=o(),p={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},c=t((function({className:o,asChild:t,color:i="primary",variant:a="body1",as:d=p[a],fontSize:n=a,fontFamily:l=a,fontWeight:s=a,lineHeight:c=a,textTransform:b=a,textAlign:E,backgroundColor:S,borderRadius:g,borderTopStartRadius:C,borderTopEndRadius:m,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:R,borderStartColor:T,borderEndColor:_,borderTopColor:W,borderBottomColor:A,borderWidth:B,borderVerticalWidth:x,borderHorizontalWidth:O,borderStartWidth:L,borderEndWidth:w,borderTopWidth:D,borderBottomWidth:M,alignContent:F,alignItems:G,alignSelf:I,flex:N,flexDirection:H,flexGrow:v,flexShrink:y,flexWrap:V,justifyContent:X,flexBasis:z,display:P,overflow:k,overflowX:j,overflowY:U,position:Y,spacing:K,spacingHorizontal:Z,spacingVertical:Q,spacingBottom:q,spacingEnd:J,spacingStart:$,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:ao,offsetStart:no,offsetTop:lo,columnGap:so,rowGap:fo,...po},co){const bo=r({className:o,color:i,fontFamily:l,fontSize:n,fontWeight:s,lineHeight:c,textTransform:b,textAlign:E,backgroundColor:S,borderRadius:g,borderTopStartRadius:C,borderTopEndRadius:m,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:R,borderStartColor:T,borderEndColor:_,borderTopColor:W,borderBottomColor:A,borderWidth:B,borderVerticalWidth:x,borderHorizontalWidth:O,borderStartWidth:L,borderEndWidth:w,borderTopWidth:D,borderBottomWidth:M,alignContent:F,alignItems:G,alignSelf:I,flex:N,flexDirection:H,flexGrow:v,flexShrink:y,flexWrap:V,justifyContent:X,flexBasis:z,display:P,overflow:k,overflowX:j,overflowY:U,position:Y,spacing:K,spacingHorizontal:Z,spacingVertical:Q,spacingBottom:q,spacingEnd:J,spacingStart:$,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:ao,offsetStart:no,offsetTop:lo,columnGap:so,rowGap:fo});return e(t?f:d,{className:bo,ref:co,...po})})),b=t((function({gap:o,...r},t){return e(a,{ref:t,flexDirection:"column",columnGap:o,rowGap:o,...r})}));export{a as Box,d as HStack,n as Image,s as Pressable,c as Text,b as VStack};