@yahoo/uds 2.2.1 → 2.3.1

package/dist/client/index.d.ts

@@ -1,12 +1,12 @@
-import { e as UniversalButtonProps, f as UniversalIconButtonProps, M as MotionVariant, g as MotionVariantSpeed } from '../types-Pyccco5Q.js';
+import { e as UniversalButtonProps, f as UniversalIconButtonProps, g as UniversalPressableProps, M as MotionVariant, h as MotionVariantSpeed } from '../types-DsMvZpWN.js';
 import { HTMLMotionProps, MotionConfigProps } from 'framer-motion';
 import * as react from 'react';
 import react__default from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import '@yahoo/uds-icons/types';
 
-type HtmlButtonProps$1 = Omit<HTMLMotionProps<'button'>, 'color' | 'name'> & Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
-interface ButtonProps extends HtmlButtonProps$1, UniversalButtonProps {
+type HtmlButtonProps$2 = Omit<HTMLMotionProps<'button'>, 'color' | 'name'> & Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
+interface ButtonProps extends HtmlButtonProps$2, UniversalButtonProps {
 }
 /**
  * **🖲️ A button element that can be used to trigger an action**
@@ -42,8 +42,8 @@ interface ButtonProps extends HtmlButtonProps$1, UniversalButtonProps {
  **/
 declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
 
-type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'> & Omit<HTMLMotionProps<'button'>, 'name'>;
-interface IconButtonProps extends HtmlButtonProps, UniversalIconButtonProps {
+type HtmlButtonProps$1 = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'> & Omit<HTMLMotionProps<'button'>, 'name'>;
+interface IconButtonProps extends HtmlButtonProps$1, UniversalIconButtonProps {
 }
 /**
  * **⚙️️ An icon button element that can be used to trigger an action**
@@ -77,6 +77,46 @@ interface IconButtonProps extends HtmlButtonProps, UniversalIconButtonProps {
  **/
 declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
+type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
+interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
+}
+/**
+ * **🖲️ A primitive component for creating button interactions with accessibility support**
+ *
+ * @type Client component
+ *
+ * @description
+ * The Pressable component is a primitive component that can be used
+ * to create button interactions with accessibility support. It can be used
+ * to trigger an action, such as submitting a form, navigating to a new page,
+ * or adding interactivity to a section or card.
+ *
+ * @example
+ * ```tsx
+ * import { Pressable } from '@yahoo/uds';
+ *
+ * <Pressable
+ *   backgroundColor="secondary"
+ *   borderWidth="thin"
+ *   borderColor="primary"
+ *   borderRadius="lg"
+ *   onPress={() => console.log('Pressed!')}
+ *  >
+ *    <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
+ * </Pressable>
+ * ```
+ *
+ * @usage
+ * - If you need to add interactivity to a section or card.
+ * - If you need a highly customized version of [Button](./button)
+ *
+ * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
+ *
+ * @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
+ *
+ */
+declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
+
 interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {
     layoutVariant?: MotionVariant;
     layoutSpeed?: MotionVariantSpeed;
@@ -94,4 +134,4 @@ interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | '
  */
 declare function SpringMotionConfig({ reducedMotion, children, layoutVariant, layoutSpeed, colorVariant, colorSpeed, }: SpringMotionConfigProps): react_jsx_runtime.JSX.Element;
 
-export { Button, type ButtonProps, IconButton, type IconButtonProps, SpringMotionConfig, type SpringMotionConfigProps };
+export { Button, type ButtonProps, IconButton, type IconButtonProps, Pressable, type PressableProps, SpringMotionConfig, type SpringMotionConfigProps };

package/dist/client/index.js

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

package/dist/experimental/client/index.cjs

@@ -0,0 +1,3 @@
+"use client";
+"use strict";var e=require("react/jsx-runtime"),r=require("framer-motion"),t=require("@yahoo/uds/fixtures"),o=require("@yahoo/uds/flags"),n=require("clsx"),a=require("imurmurhash"),i=require("tailwind-merge"),l=require("react"),s=require("@yahoo/uds/client"),d=require("@ariakit/react"),p=require("react-toastify");function c(e){return e&&e.__esModule?e:{default:e}}var m=c(n),b=c(a),u=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M2.8 2.8v10.4h10.4V2.8zM1 1h14v14H1zm10.684 5.131-1.386-1.148-2.846 3.435-1.708-1.69-1.267 1.278 3.106 3.076z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M4.8 4.8v14.4h14.4V4.8zM3 3h18v18H3zm13.74 6.131-1.387-1.148-4.174 5.04-2.519-2.494-1.266 1.28 3.916 3.877z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M4.1 4.1v23.8h23.8V4.1zM2 2h28v28H2zm21.548 9.348L21.777 9.88l-7.032 8.489-4.253-4.21-1.618 1.634 6.039 5.979z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M15 1H1v14h14zm-2.816 4.881-4.722 5.7-3.485-3.45 1.267-1.279L7.33 8.918l3.467-4.185z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M21 3H3v18h18zm-4.066 6.131-5.55 6.7-3.99-3.95 1.266-1.279 2.592 2.566 4.295-5.185z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M30 2H2v28h28zm-6.452 9.348-8.635 10.425-6.04-5.979 1.619-1.635 4.253 4.211 7.031-8.49z"})})}return e.jsx(e.Fragment,{})},x=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m13.21 7.784-6.415 6.414-1.414-1.414 5-5-5-5L6.795 1.37z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m17.24 11.56-7.484 7.25-1.516-1.47 5.969-5.781L8.24 5.778 9.756 4.31z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M24.12 15.648 10.735 28.415l-1.853-1.767 11.533-11-11.533-11 1.853-1.768z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M13.628 8 7 14.627 5.375 13l5-5-5-5 1.626-1.626z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m17.763 12-7.686 7.686-1.839-1.838L14.086 12 8.238 6.153l1.839-1.839z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M24.122 16 11 29.122 8.88 27l11-11-11-11L11 2.88z"})})}return e.jsx(e.Fragment,{})},f=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m9.169 7.896 5.364-5.363L13.26 1.26 7.896 6.624 2.533 1.26 1.26 2.533l5.363 5.363L1.26 13.26l1.273 1.273 5.363-5.364 5.364 5.364 1.273-1.273z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m13.44 11.956 6.572-6.571L18.527 3.9l-6.571 6.57L5.385 3.9 3.9 5.385l6.57 6.57-6.57 6.572 1.485 1.485 6.57-6.571 6.572 6.57 1.485-1.484z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M17.702 15.934 28.818 4.818 27.05 3.05 15.934 14.166 4.818 3.05 3.05 4.818l11.116 11.116L3.05 27.05l1.768 1.768 11.116-11.116L27.05 28.818l1.768-1.768z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m9.485 8 5.257-5.258-1.485-1.484L8 6.515 2.742 1.258 1.257 2.742 6.515 8l-5.258 5.258 1.485 1.485L8 9.485l5.257 5.258 1.485-1.485z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return e.jsx(e.Fragment,{})},g=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M13.2 2.8v10.4H2.8V2.8zM1 1v14h14V1z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M19.2 4.8v14.4H4.8V4.8zM3 3v18h18V3z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M27.9 4.1v22.8H4.1V4.1zM2 2v27h28V2z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M1 1h14v14H1z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M3 3h18v18H3z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M2 2h28v27H2z"})})}return e.jsx(e.Fragment,{})};function h(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}var y="uds",w={color:{accent:"text-accent",alert:"text-alert",black:"text-black",brand:"text-brand",positive:"text-positive",warning:"text-warning",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary",current:"text-current"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert",black:"placeholder:text-black",brand:"placeholder:text-brand",positive:"placeholder:text-positive",warning:"placeholder:text-warning",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary",current:"placeholder:text-current"},fontFamily:{sans:"font-sans","sans-alt":"font-sans-alt",serif:"font-serif","serif-alt":"font-serif-alt",mono:"font-mono",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px",.5:"p-0.5",1:"p-1",1.5:"p-1.5",2:"p-2",2.5:"p-2.5",3:"p-3",3.5:"p-3.5",4:"p-4",5:"p-5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px",.5:"px-0.5",1:"px-1",1.5:"px-1.5",2:"px-2",2.5:"px-2.5",3:"px-3",3.5:"px-3.5",4:"px-4",5:"px-5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px",.5:"py-0.5",1:"py-1",1.5:"py-1.5",2:"py-2",2.5:"py-2.5",3:"py-3",3.5:"py-3.5",4:"py-4",5:"py-5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px",.5:"pb-0.5",1:"pb-1",1.5:"pb-1.5",2:"pb-2",2.5:"pb-2.5",3:"pb-3",3.5:"pb-3.5",4:"pb-4",5:"pb-5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px",.5:"pe-0.5",1:"pe-1",1.5:"pe-1.5",2:"pe-2",2.5:"pe-2.5",3:"pe-3",3.5:"pe-3.5",4:"pe-4",5:"pe-5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px",.5:"ps-0.5",1:"ps-1",1.5:"ps-1.5",2:"ps-2",2.5:"ps-2.5",3:"ps-3",3.5:"ps-3.5",4:"ps-4",5:"ps-5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px",.5:"pt-0.5",1:"pt-1",1.5:"pt-1.5",2:"pt-2",2.5:"pt-2.5",3:"pt-3",3.5:"pt-3.5",4:"pt-4",5:"pt-5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px",.5:"-m-0.5",1:"-m-1",1.5:"-m-1.5",2:"-m-2",2.5:"-m-2.5",3:"-m-3",3.5:"-m-3.5",4:"-m-4",5:"-m-5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px",.5:"-my-0.5",1:"-my-1",1.5:"-my-1.5",2:"-my-2",2.5:"-my-2.5",3:"-my-3",3.5:"-my-3.5",4:"-my-4",5:"-my-5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px",.5:"-mx-0.5",1:"-mx-1",1.5:"-mx-1.5",2:"-mx-2",2.5:"-mx-2.5",3:"-mx-3",3.5:"-mx-3.5",4:"-mx-4",5:"-mx-5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px",.5:"-mb-0.5",1:"-mb-1",1.5:"-mb-1.5",2:"-mb-2",2.5:"-mb-2.5",3:"-mb-3",3.5:"-mb-3.5",4:"-mb-4",5:"-mb-5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px",.5:"-me-0.5",1:"-me-1",1.5:"-me-1.5",2:"-me-2",2.5:"-me-2.5",3:"-me-3",3.5:"-me-3.5",4:"-me-4",5:"-me-5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px",.5:"-ms-0.5",1:"-ms-1",1.5:"-ms-1.5",2:"-ms-2",2.5:"-ms-2.5",3:"-ms-3",3.5:"-ms-3.5",4:"-ms-4",5:"-ms-5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px",.5:"-mt-0.5",1:"-mt-1",1.5:"-mt-1.5",2:"-mt-2",2.5:"-mt-2.5",3:"-mt-3",3.5:"-mt-3.5",4:"-mt-4",5:"-mt-5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px",.5:"gap-x-0.5",1:"gap-x-1",1.5:"gap-x-1.5",2:"gap-x-2",2.5:"gap-x-2.5",3:"gap-x-3",3.5:"gap-x-3.5",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px",.5:"gap-y-0.5",1:"gap-y-1",1.5:"gap-y-1.5",2:"gap-y-2",2.5:"gap-y-2.5",3:"gap-y-3",3.5:"gap-y-3.5",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",black:"bg-black",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",white:"bg-white",primary:"bg-primary",secondary:"bg-secondary",transparent:"bg-transparent",current:"bg-current"},borderColor:{accent:"border-accent",alert:"border-alert",black:"border-black",brand:"border-brand",positive:"border-positive",warning:"border-warning",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary",current:"border-current"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",black:"border-s-black",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary",current:"border-s-current"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary",current:"border-e-current"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary",current:"border-b-current"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary",current:"border-t-current"},borderRadius:{none:"rounded-none",xs:"rounded-sm",sm:"rounded",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{sm:"avatarSize-sm",md:"avatarSize-md",lg:"avatarSize-lg"},iconSize:{sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:`${y}-color-mode-dark`,light:`${y}-color-mode-light`},scaleMode:{xSmall:`${y}-scale-mode-xsmall`,small:`${y}-scale-mode-small`,medium:`${y}-scale-mode-medium`,large:`${y}-scale-mode-large`,xLarge:`${y}-scale-mode-xlarge`,xxxLarge:`${y}-scale-mode-xxxlarge`,xxLarge:`${y}-scale-mode-xxlarge`},buttonPalette:{accent:"uds-button-accent",brand:"uds-button-brand",alert:"uds-button-alert",positive:"uds-button-positive",warning:"uds-button-warning"},buttonVariant:{primary:"uds-button-primary",secondary:"uds-button-secondary",tertiary:"uds-button-tertiary"},buttonSize:{sm:"uds-button-sm",md:"uds-button-md",lg:"uds-button-lg"},iconButtonSize:{xs:"uds-icon-button-xs",sm:"uds-icon-button-sm",md:"uds-icon-button-md",lg:"uds-icon-button-lg",xl:"uds-icon-button-xl"}};function v(e){const r=Object.create(null),t=Object.keys(e);for(let o=0,n=t.length;o<n;o++){const n=t[o];void 0!==e[n]&&(r[n]=e[n])}return r}var j,C=i.extendTailwindMerge({extend:{theme:{borderColor:t.lineColors,borderWidth:t.borderWidths,borderRadius:t.borderRadii}},override:{classGroups:{"text-color":[{text:[...t.foregroundColors,...t.spectrumColors]}],"bg-color":[{bg:t.backgroundColors}],"font-family":[{font:["icons",...t.textVariants]}],leading:[{leading:t.textVariants}]},conflictingClassGroups:{}}}),z=(...e)=>{const r=m.default(e);return C(r)},k=(j={variants:w},e=>{if(!j?.variants)return z(j?.base,e?.className);const{variants:r,defaultVariants:t}=j,o=Object.keys(r).map((o=>{const n=e?.[o],a=t?.[o],i=h(n)||h(a);return r[o][i]})),n={...t,...e&&v(e)},a=j?.compoundVariants?.reduce(((e,{className:r,...t})=>Object.entries(t).every((([e,r])=>n[e]===r))?z(e,r):e),"");return z(j?.base,o,a,e?.className)}),S=new Map,T=e=>{const{useGetStylesCache:r}=o.getFeatureFlags();if(r){const r=function(e){const r=Object.create(null),t=Object.keys(e).sort();for(let o=0,n=t.length;o<n;o++){const n=t[o];r[n]=e[n]}return r}(v(e)),t=(new b.default).hash(JSON.stringify(r)).result();if(S.has(t))return S.get(t);const o=k(r);return S.set(t,o),o}return k(e)};function W(...e){return r=>e.forEach((e=>function(e,r){"function"==typeof e?e(r):null!=e&&(e.current=r)}(e,r)))}function B(){const r=l.forwardRef(((r,o)=>{const{children:a,...i}=r,s=l.Children.toArray(a),d=s.find(n);if(d){const r=d.props.children,n=s.map((e=>e===d?l.Children.count(r)>1?l.Children.only(null):l.isValidElement(r)?r.props.children:null:e));return e.jsx(t,{...i,ref:o,children:l.isValidElement(r)?l.cloneElement(r,void 0,n):null})}return e.jsx(t,{...i,ref:o,children:a})}));r.displayName="Slot";const t=l.forwardRef(((e,r)=>{const{children:t,...o}=e;return l.isValidElement(t)?l.cloneElement(t,{...a(o,t.props),ref:r?W(r,t.ref):t.ref}):l.Children.count(t)>1?l.Children.only(null):null}));t.displayName="SlotClone";const o=({children:e})=>e;function n(e){return l.isValidElement(e)&&e.type===o}function a(e,r){const t={...r};for(const o in r){const n=e[o],a=r[o];/^on[A-Z]/.test(o)?n&&a?t[o]=(...e)=>{a(...e),n(...e)}:n&&(t[o]=n):"style"===o&&(t[o]={...n,...a})}return{...e,...t}}return r}var N=B(),R=l.forwardRef((function({asChild:r,className:t,backgroundColor:o,borderRadius:n,borderTopStartRadius:a,borderTopEndRadius:i,borderBottomStartRadius:l,borderBottomEndRadius:s,borderColor:d,borderStartColor:p,borderEndColor:c,borderTopColor:m,borderBottomColor:b,borderWidth:u,borderVerticalWidth:x,borderHorizontalWidth:f,borderStartWidth:g,borderEndWidth:h,borderTopWidth:y,borderBottomWidth:w,alignContent:v,alignItems:j,alignSelf:C,flex:z,flexDirection:k,flexGrow:S,flexShrink:W,flexWrap:B,justifyContent:R,flexBasis:H,display:V="flex",overflow:E,overflowX:P,overflowY:F,position:M,spacing:D,spacingHorizontal:I,spacingVertical:G,spacingBottom:L,spacingEnd:q,spacingStart:A,spacingTop:$,offset:O,offsetVertical:_,offsetHorizontal:X,offsetBottom:Y,offsetEnd:J,offsetStart:Z,offsetTop:K,columnGap:Q,rowGap:U,...ee},re){const te=T({backgroundColor:o,borderRadius:n,borderTopStartRadius:a,borderTopEndRadius:i,borderBottomStartRadius:l,borderBottomEndRadius:s,borderColor:d,borderStartColor:p,borderEndColor:c,borderTopColor:m,borderBottomColor:b,borderWidth:u,borderVerticalWidth:x,borderHorizontalWidth:f,borderStartWidth:g,borderEndWidth:h,borderTopWidth:y,borderBottomWidth:w,alignContent:v,alignItems:j,alignSelf:C,flex:z,flexDirection:k,flexGrow:S,flexShrink:W,flexWrap:B,justifyContent:R,flexBasis:H,display:V,overflow:E,overflowX:P,overflowY:F,position:M,spacing:D,spacingHorizontal:I,spacingVertical:G,spacingBottom:L,spacingEnd:q,spacingStart:A,spacingTop:$,offset:O,offsetVertical:_,offsetHorizontal:X,offsetBottom:Y,offsetEnd:J,offsetStart:Z,offsetTop:K,columnGap:Q,rowGap:U,className:t}),oe=r?N:"div";return e.jsx(oe,{className:te,ref:re,...ee})})),H=l.forwardRef((function({gap:r,...t},o){return e.jsx(R,{ref:o,flexDirection:"row",rowGap:r,columnGap:r,...t})})),V={sm:16,md:24,lg:32},E=l.forwardRef((function({name:r,size:t="md",variant:o="outline",color:n="primary",className:a,...i},l){const s=T({color:n,flex:"none",className:a}),d=V[t];return e.jsx("svg",{ref:l,xmlns:"http://www.w3.org/2000/svg",width:d,height:d,viewBox:`0 0 ${d} ${d}`,"aria-hidden":"true",focusable:"false",className:s,...i,children:e.jsx(r,{size:t,variant:o})})})),P=B(),F={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"},M=l.forwardRef((function({className:r,asChild:t,color:o="primary",variant:n="body1",as:a=F[n],fontSize:i=n,fontFamily:l=n,fontWeight:s=n,lineHeight:d=n,textTransform:p=n,textAlign:c,backgroundColor:m,borderRadius:b,borderTopStartRadius:u,borderTopEndRadius:x,borderBottomStartRadius:f,borderBottomEndRadius:g,borderColor:h,borderStartColor:y,borderEndColor:w,borderTopColor:v,borderBottomColor:j,borderWidth:C,borderVerticalWidth:z,borderHorizontalWidth:k,borderStartWidth:S,borderEndWidth:W,borderTopWidth:B,borderBottomWidth:N,alignContent:R,alignItems:H,alignSelf:V,flex:E,flexDirection:M,flexGrow:D,flexShrink:I,flexWrap:G,justifyContent:L,flexBasis:q,display:A,overflow:$,overflowX:O,overflowY:_,position:X,spacing:Y,spacingHorizontal:J,spacingVertical:Z,spacingBottom:K,spacingEnd:Q,spacingStart:U,spacingTop:ee,offset:re,offsetVertical:te,offsetHorizontal:oe,offsetBottom:ne,offsetEnd:ae,offsetStart:ie,offsetTop:le,columnGap:se,rowGap:de,...pe},ce){const me=T({className:r,color:o,fontFamily:l,fontSize:i,fontWeight:s,lineHeight:d,textTransform:p,textAlign:c,backgroundColor:m,borderRadius:b,borderTopStartRadius:u,borderTopEndRadius:x,borderBottomStartRadius:f,borderBottomEndRadius:g,borderColor:h,borderStartColor:y,borderEndColor:w,borderTopColor:v,borderBottomColor:j,borderWidth:C,borderVerticalWidth:z,borderHorizontalWidth:k,borderStartWidth:S,borderEndWidth:W,borderTopWidth:B,borderBottomWidth:N,alignContent:R,alignItems:H,alignSelf:V,flex:E,flexDirection:M,flexGrow:D,flexShrink:I,flexWrap:G,justifyContent:L,flexBasis:q,display:A,overflow:$,overflowX:O,overflowY:_,position:X,spacing:Y,spacingHorizontal:J,spacingVertical:Z,spacingBottom:K,spacingEnd:Q,spacingStart:U,spacingTop:ee,offset:re,offsetVertical:te,offsetHorizontal:oe,offsetBottom:ne,offsetEnd:ae,offsetStart:ie,offsetTop:le,columnGap:se,rowGap:de}),be=t?P:a;return e.jsx(be,{className:me,ref:ce,...pe})})),D=l.forwardRef((function({gap:r,...t},o){return e.jsx(R,{ref:o,flexDirection:"column",columnGap:r,rowGap:r,...t})}));var I={accent:"on-color",secondary:"primary"},G={accent:"on-color",secondary:"tertiary"};var L=d.Popover,q=d.PopoverArrow,A=d.PopoverAnchor,$=d.PopoverDescription,O=d.PopoverDismiss,_=d.PopoverProvider,X=d.PopoverDisclosure,Y=d.PopoverDisclosureArrow,J=_,Z=l.forwardRef((function({children:r,disabled:t,onClick:o,...n},a){const i=d.usePopoverStore(),p=l.useCallback((e=>{e.preventDefault();o?.((()=>i.setOpen(!1)))}),[o,i]);return e.jsx(s.Pressable,{display:"flex",flexDirection:"row",alignItems:"flex-start",spacingVertical:"4",spacingHorizontal:"8",columnGap:"3",borderColor:"muted",className:z(!t&&"hover:bg-gray-2",t&&"cursor-default"),onClick:o?p:void 0,ref:a,...n,children:r})}));var K=l.forwardRef((function({children:r,className:t,overflow:o="scroll",...n},a){return e.jsx(D,{borderRadius:"lg",backgroundColor:"primary",position:"relative",className:z("z-10 max-h-[312px] min-w-[220px] shadow-md",t),overflow:o,asChild:!0,children:e.jsxs(L,{preventBodyScroll:!0,autoFocusOnHide:!1,...n,ref:a,children:[e.jsx(q,{className:"!stroke-2"}),r]})})}));var Q=d.DialogDismiss,U=B();var ee=l.forwardRef((function({className:r,...t},o){const n=T({display:"flex",flexDirection:"row",columnGap:"6",className:r});return e.jsx(d.TabList,{ref:o,...t,className:n})})),re=l.forwardRef((function(r,t){const o=d.useTabContext();if(!o)throw new Error("TabPanel must be wrapped in a Tabs component");const n=o.useState("selectedId");return e.jsx(d.TabPanel,{ref:t,tabId:n,...r})}));function te({className:r,disabled:t,backgroundColor:o=(t?"secondary":"primary"),borderColor:n="tertiary",borderWidth:a="thin",borderRadius:i="md",color:l="primary",placeholderColor:s="tertiary",spacingVertical:d="3",spacingHorizontal:p="4",fontSize:c="body1",...m}){return e.jsx("input",{type:"text","data-1p-ignore":!0,className:z(T({backgroundColor:o,borderColor:n,borderWidth:a,borderRadius:i,spacingVertical:d,spacingHorizontal:p,fontSize:c,fontWeight:c,lineHeight:c,fontFamily:c,color:l,placeholderColor:s}),"w-full",r),disabled:t,...m})}function oe({children:r,required:t}){return e.jsxs(M,{variant:"caption2",color:"primary",children:[r,t&&e.jsx(M,{variant:"caption2",as:"span",color:"alert",spacingStart:"0.5",children:"*"})]})}var ne=T({borderRadius:"md",spacingVertical:"2",spacingHorizontal:"3",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:"5",overflow:"hidden",position:"relative",className:"cursor-pointer"}),ae=T({fontSize:"label2",lineHeight:"label2",fontWeight:"label2"}),ie=T({backgroundColor:"positive"}),le=T({backgroundColor:"alert"}),se=T({backgroundColor:"accent"}),de=T({backgroundColor:"warning"}),pe=T({backgroundColor:"accent"}),ce=T({backgroundColor:"brand"}),me=T({backgroundColor:"accent"}),be=e=>"default"===e?.type?z(ne,me):e?.defaultClassName??"";function ue(e){const{type:r="default",defaultClassName:t=""}=e??{},o={success:ie,error:le,info:se,warning:de,default:pe,dark:ce}[r],n=t.replace(/Toastify__progress-bar-theme--light/,"");return z(n,o)}function xe({closeToast:r,type:t}){const o={success:"positive",error:"alert",info:"accent",warning:"warning",default:"accent",dark:"accent"}[t];return e.jsx(s.IconButton,{name:f,size:"sm",palette:o,onClick:r,className:"h-fit self-center"})}
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */Object.defineProperty(exports,"usePopoverStore",{enumerable:!0,get:function(){return d.usePopoverStore}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return p.toast}}),exports.Accordion=function({label:t,children:o,onClick:n,open:a,spacingHorizontal:i="4",_content:l,className:d,textProps:p,...c}){return e.jsxs(s.SpringMotionConfig,{layoutVariant:"smooth",layoutSpeed:"3",children:[e.jsxs(s.Pressable,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",spacingVertical:"4",spacingHorizontal:i,borderRadius:"md",onClick:n,className:z("hover:bg-secondary/80","w-full",d),...c,children:[e.jsx(M,{variant:"title4",color:"primary",...p||{},children:t}),e.jsx(r.AnimatePresence,{initial:!1,children:e.jsx(r.m.div,{initial:"collapsed",animate:a?"open":"collapsed",exit:"collapsed",variants:{open:{rotate:90},collapsed:{rotate:0}},"data-testid":"chevron-motion",children:e.jsx(E,{name:x,variant:"fill",size:"sm",color:"primary"})})})]}),e.jsx(r.AnimatePresence,{initial:!1,children:e.jsx(r.m.div,{initial:"collapsed",animate:a?"open":"collapsed",exit:"collapsed",variants:{open:{height:"auto"},collapsed:{height:0,overflow:"hidden"}},children:e.jsx(D,{spacingHorizontal:i,...l,children:o})},"content")})]})},exports.CheckBox=({label:r,checked:t,onChange:o})=>e.jsx(H,{asChild:!0,alignItems:"center",className:"cursor-pointer",gap:"2",children:e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",checked:t,onChange:e=>{o(e.target.checked)},className:"!max-w-0 cursor-pointer opacity-0"}),e.jsx(E,{name:t?u:g,color:"tertiary",size:"md"}),e.jsx(M,{variant:"label2",color:"secondary",className:"select-none",children:r})]})}),exports.Chip=function({children:r,variant:t,startIcon:o,startContent:n=(o?e.jsx(E,{name:o,variant:"fill",size:"sm",color:I[t]}):null),endIcon:a,endContent:i=(a?e.jsx(E,{name:a,variant:"fill",size:"sm",color:I[t]}):null)}){return e.jsxs(s.Pressable,{display:"inline-flex",flexDirection:"row",columnGap:"2",borderRadius:"full",backgroundColor:t,alignItems:"center",spacingVertical:"2",spacingHorizontal:"3",children:[n,e.jsx(M,{variant:"label2",color:G[t],children:r}),i]})},exports.Dropdown=J,exports.DropdownItem=function({title:r,description:t,_title:o,_description:n,startIcon:a,endIcon:i,...l}){return e.jsxs(Z,{...l,children:[a&&e.jsx(E,{name:a,size:"md",color:"primary"}),e.jsxs(D,{gap:"3",alignItems:"flex-start",children:[r&&e.jsx(M,{variant:"headline1",color:"primary",...o,children:r}),t&&e.jsx(M,{variant:"label2",color:"muted",...n,children:t})]}),i&&e.jsx(E,{name:i,size:"md",color:"primary"})]})},exports.DropdownItemPressable=Z,exports.DropdownItems=K,exports.DropdownTrigger=function(r){return e.jsx(X,{render:t=>r.children?e.jsx(R,{...t,asChild:!0,children:e.jsx(s.Button,{startIcon:r.startIcon,...r,children:r.children})}):e.jsx(R,{...t,asChild:!0,children:e.jsx(s.IconButton,{...r,name:r.name??r.startIcon})})})},exports.Modal=function({className:r,...t}){return e.jsx(D,{borderRadius:"md",position:"fixed",backgroundColor:"primary",className:z("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 shadow-md transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100",r),spacing:"8",asChild:!0,overflow:"hidden",children:e.jsx(d.Dialog,{backdrop:e.jsx("div",{className:"data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm"}),...t})})},exports.ModalDismiss=Q,exports.ModalHeader=function({children:r,handleClose:t}){return e.jsxs(H,{alignItems:"center",justifyContent:"space-between",children:[e.jsx(M,{variant:"headline1",color:"primary",children:r}),e.jsx(s.IconButton,{"aria-label":"Close",size:"sm",variant:"tertiary",name:f,onClick:t})]})},exports.Popover=L,exports.PopoverAnchor=A,exports.PopoverArrow=q,exports.PopoverDescription=$,exports.PopoverDisclosure=X,exports.PopoverDisclosureArrow=Y,exports.PopoverDismiss=O,exports.PopoverHeading=function({children:r,leading:t,trailing:o}){return e.jsxs(H,{children:[t,e.jsx(M,{variant:"headline1",color:"primary",asChild:!0,children:e.jsx(d.PopoverHeading,{children:r})}),o]})},exports.PopoverProvider=_,exports.Tab=function({asChild:r,label:t,value:o,startIcon:n}){const a=r?U:"button",i=T({});if(!d.useTabContext())throw new Error("Tab must be wrapped in a Tabs component");const l=z("text-tertiary","border-b-transparent","aria-selected:border-b-accent","aria-selected:text-accent");return e.jsx(d.Tab,{id:o,className:i,render:e.jsx(s.Pressable,{borderBottomWidth:"thick",spacingBottom:"1",spacingTop:"4",className:l,asChild:!0,children:e.jsxs(a,{children:[n?e.jsx(E,{name:n,className:"text-current",size:"md"}):null,e.jsx(M,{className:"text-current",variant:"headline1",as:"span",children:t})]})})})},exports.TabList=ee,exports.TabPanel=re,exports.Tabs=function(r){return e.jsx(d.TabProvider,{...r})},exports.TextInput=te,exports.TextInputGroup=function({label:r,required:t,...o}){return e.jsxs(D,{gap:"4",className:"w-full",children:[e.jsx(oe,{required:t,children:r}),e.jsx(te,{required:t,...o})]})},exports.TextInputLabel=oe,exports.ToastContainer=function(r){return e.jsx(p.ToastContainer,{toastClassName:be,className:ae,progressClassName:ue,transition:p.Slide,closeButton:xe,...r})},exports.getProgressClassName=ue,exports.getToastClassName=be,exports.useModalStore=function(e){return d.useDialogStore({animated:!0,...e})};

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

@@ -0,0 +1,146 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { b as UniversalIconProps, c as UniversalStackProps, D as DivProps, T as TextProps, a as UniversalTextProps, O as Overflow, d as UniversalTextInputProps } from '../../Text-CwmyqrBk.cjs';
+import { PressableProps, ButtonProps, IconButtonProps } from '@yahoo/uds/client';
+import * as react from 'react';
+import react__default, { FC, PropsWithChildren } from 'react';
+import * as _ariakit_react from '@ariakit/react';
+import { PopoverProviderProps, PopoverProps as PopoverProps$1, DialogProps, useDialogStore, DialogStore, DialogDismiss, PopoverArrow as PopoverArrow$1, PopoverAnchor as PopoverAnchor$1, PopoverDescription as PopoverDescription$1, PopoverDismiss as PopoverDismiss$1, PopoverProvider as PopoverProvider$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, TabProviderProps, TabListProps, TabPanelProps } from '@ariakit/react';
+export { DialogStore as ModalStore, TabListProps, TabPanelProps, TabProviderProps as TabsProps, usePopoverStore } from '@ariakit/react';
+import { ToastContainerProps, ToastClassName } from 'react-toastify';
+export { toast } from 'react-toastify';
+import '@yahoo/uds-icons/types';
+
+type SVGElementProps = Omit<React.HTMLAttributes<SVGSVGElement>, 'color'>;
+interface IconProps extends UniversalIconProps, SVGElementProps {
+}
+
+type VStackProps = UniversalStackProps & DivProps;
+
+interface AccordionProps extends PressableProps {
+    label: string;
+    open?: boolean;
+    onClick?: () => void;
+    _content?: VStackProps;
+    textProps?: TextProps;
+}
+declare function Accordion({ label, children, onClick, open, spacingHorizontal, _content, className, textProps, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+interface CheckBoxProps {
+    label: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+declare const CheckBox: FC<CheckBoxProps>;
+
+interface ChipProps {
+    children?: string;
+    startContent?: React.ReactNode;
+    startIcon?: IconProps['name'];
+    endIcon?: IconProps['name'];
+    endContent?: React.ReactNode;
+    variant: 'accent' | 'secondary';
+}
+declare function Chip({ children, variant, startIcon, startContent, endIcon, endContent, }: ChipProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownProps extends PopoverProviderProps {
+    children: React.ReactNode;
+}
+declare const Dropdown: typeof _ariakit_react.PopoverProvider;
+
+interface DropdownItemPressableProps extends Omit<PressableProps, 'onClick'> {
+    onClick?: (close: () => void) => void;
+}
+declare const DropdownItemPressable: react.ForwardRefExoticComponent<DropdownItemPressableProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface DropdownItemProps extends DropdownItemPressableProps {
+    startIcon?: IconProps['name'];
+    endIcon?: IconProps['name'];
+    title?: string;
+    description?: string;
+    _title?: UniversalTextProps;
+    _description?: UniversalTextProps;
+}
+declare function DropdownItem({ title, description, _title, _description, startIcon, endIcon, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownItemsProps extends React.PropsWithChildren, Omit<PopoverProps$1, 'children'> {
+    overflow?: Overflow;
+}
+declare const DropdownItems: react.ForwardRefExoticComponent<Omit<DropdownItemsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Props specific to Button variant of DropdownTrigger
+ */
+type ButtonTriggerProps = ButtonProps & {
+    children: React.ReactNode;
+    startIcon?: ButtonProps['startIcon'];
+};
+/**
+ * Props specific to IconButton variant of DropdownTrigger
+ */
+type IconButtonTriggerProps = Omit<ButtonProps, 'children'> & {
+    children?: never;
+    name?: IconButtonProps['name'];
+};
+type DropdownTriggerProps = ButtonTriggerProps | IconButtonTriggerProps;
+/**
+ * A component that renders a Button or IconButton based on the presence of children.
+ * This is used to create a dropdown trigger for a Popover.
+ */
+declare function DropdownTrigger(props: DropdownTriggerProps): react_jsx_runtime.JSX.Element;
+
+type ModalProps = DialogProps;
+declare function useModalStore(params?: Parameters<typeof useDialogStore>[0]): DialogStore;
+interface ModalHeaderProps extends React.PropsWithChildren {
+    handleClose?: () => void;
+}
+declare function ModalHeader({ children, handleClose }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ className, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
+declare const ModalDismiss: typeof DialogDismiss;
+
+interface PopoverHeadingProps extends PropsWithChildren {
+    leading?: react__default.ReactNode;
+    trailing?: react__default.ReactNode;
+}
+declare function PopoverHeading({ children, leading, trailing }: PopoverHeadingProps): react_jsx_runtime.JSX.Element;
+type PopoverProps = Omit<PopoverProps$1, 'key'>;
+declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime.JSX.Element | null;
+declare const PopoverArrow: typeof PopoverArrow$1;
+declare const PopoverAnchor: typeof PopoverAnchor$1;
+declare const PopoverDescription: typeof PopoverDescription$1;
+declare const PopoverDismiss: typeof PopoverDismiss$1;
+declare const PopoverProvider: typeof PopoverProvider$1;
+declare const PopoverDisclosure: typeof PopoverDisclosure$1;
+declare const PopoverDisclosureArrow: typeof PopoverDisclosureArrow$1;
+
+interface TabProps extends React.PropsWithChildren {
+    asChild?: boolean;
+    value: string;
+    label: string;
+    startIcon?: IconProps['name'];
+}
+declare function Tabs(props: TabProviderProps): react_jsx_runtime.JSX.Element;
+declare const TabList: react.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const Tab: ({ asChild, label, value, startIcon }: TabProps) => react_jsx_runtime.JSX.Element;
+declare const TabPanel: react.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type NativeTextInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'height' | 'size' | 'width' | 'color'>;
+interface TextInputProps extends NativeTextInputProps, UniversalTextInputProps {
+}
+declare function TextInput({ className, disabled, backgroundColor, borderColor, borderWidth, borderRadius, color, placeholderColor, spacingVertical, spacingHorizontal, fontSize: textVariant, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
+
+interface TextInputGroupProps extends TextInputProps {
+    label?: string;
+}
+declare function TextInputGroup({ label, required, ...props }: TextInputGroupProps): react_jsx_runtime.JSX.Element;
+
+interface TextInputLabelProps extends React.PropsWithChildren {
+    required?: boolean;
+}
+declare function TextInputLabel({ children, required }: TextInputLabelProps): react_jsx_runtime.JSX.Element;
+
+type ToastProps = ToastContainerProps;
+declare const getToastClassName: (params: Parameters<Exclude<ToastClassName, string>>[0]) => string;
+declare function getProgressClassName(params: Parameters<Exclude<ToastClassName, string>>[0]): string;
+declare function ToastContainer(props: ToastProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionProps, CheckBox, type CheckBoxProps, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemPressableProps, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, type PopoverProps, PopoverProvider, Tab, TabList, TabPanel, type TabProps, Tabs, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, ToastContainer, type ToastProps, getProgressClassName, getToastClassName, useModalStore };

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

@@ -0,0 +1,146 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { b as UniversalIconProps, c as UniversalStackProps, D as DivProps, T as TextProps, a as UniversalTextProps, O as Overflow, d as UniversalTextInputProps } from '../../Text-CwmyqrBk.js';
+import { PressableProps, ButtonProps, IconButtonProps } from '@yahoo/uds/client';
+import * as react from 'react';
+import react__default, { FC, PropsWithChildren } from 'react';
+import * as _ariakit_react from '@ariakit/react';
+import { PopoverProviderProps, PopoverProps as PopoverProps$1, DialogProps, useDialogStore, DialogStore, DialogDismiss, PopoverArrow as PopoverArrow$1, PopoverAnchor as PopoverAnchor$1, PopoverDescription as PopoverDescription$1, PopoverDismiss as PopoverDismiss$1, PopoverProvider as PopoverProvider$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, TabProviderProps, TabListProps, TabPanelProps } from '@ariakit/react';
+export { DialogStore as ModalStore, TabListProps, TabPanelProps, TabProviderProps as TabsProps, usePopoverStore } from '@ariakit/react';
+import { ToastContainerProps, ToastClassName } from 'react-toastify';
+export { toast } from 'react-toastify';
+import '@yahoo/uds-icons/types';
+
+type SVGElementProps = Omit<React.HTMLAttributes<SVGSVGElement>, 'color'>;
+interface IconProps extends UniversalIconProps, SVGElementProps {
+}
+
+type VStackProps = UniversalStackProps & DivProps;
+
+interface AccordionProps extends PressableProps {
+    label: string;
+    open?: boolean;
+    onClick?: () => void;
+    _content?: VStackProps;
+    textProps?: TextProps;
+}
+declare function Accordion({ label, children, onClick, open, spacingHorizontal, _content, className, textProps, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+interface CheckBoxProps {
+    label: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+declare const CheckBox: FC<CheckBoxProps>;
+
+interface ChipProps {
+    children?: string;
+    startContent?: React.ReactNode;
+    startIcon?: IconProps['name'];
+    endIcon?: IconProps['name'];
+    endContent?: React.ReactNode;
+    variant: 'accent' | 'secondary';
+}
+declare function Chip({ children, variant, startIcon, startContent, endIcon, endContent, }: ChipProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownProps extends PopoverProviderProps {
+    children: React.ReactNode;
+}
+declare const Dropdown: typeof _ariakit_react.PopoverProvider;
+
+interface DropdownItemPressableProps extends Omit<PressableProps, 'onClick'> {
+    onClick?: (close: () => void) => void;
+}
+declare const DropdownItemPressable: react.ForwardRefExoticComponent<DropdownItemPressableProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface DropdownItemProps extends DropdownItemPressableProps {
+    startIcon?: IconProps['name'];
+    endIcon?: IconProps['name'];
+    title?: string;
+    description?: string;
+    _title?: UniversalTextProps;
+    _description?: UniversalTextProps;
+}
+declare function DropdownItem({ title, description, _title, _description, startIcon, endIcon, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownItemsProps extends React.PropsWithChildren, Omit<PopoverProps$1, 'children'> {
+    overflow?: Overflow;
+}
+declare const DropdownItems: react.ForwardRefExoticComponent<Omit<DropdownItemsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Props specific to Button variant of DropdownTrigger
+ */
+type ButtonTriggerProps = ButtonProps & {
+    children: React.ReactNode;
+    startIcon?: ButtonProps['startIcon'];
+};
+/**
+ * Props specific to IconButton variant of DropdownTrigger
+ */
+type IconButtonTriggerProps = Omit<ButtonProps, 'children'> & {
+    children?: never;
+    name?: IconButtonProps['name'];
+};
+type DropdownTriggerProps = ButtonTriggerProps | IconButtonTriggerProps;
+/**
+ * A component that renders a Button or IconButton based on the presence of children.
+ * This is used to create a dropdown trigger for a Popover.
+ */
+declare function DropdownTrigger(props: DropdownTriggerProps): react_jsx_runtime.JSX.Element;
+
+type ModalProps = DialogProps;
+declare function useModalStore(params?: Parameters<typeof useDialogStore>[0]): DialogStore;
+interface ModalHeaderProps extends React.PropsWithChildren {
+    handleClose?: () => void;
+}
+declare function ModalHeader({ children, handleClose }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ className, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
+declare const ModalDismiss: typeof DialogDismiss;
+
+interface PopoverHeadingProps extends PropsWithChildren {
+    leading?: react__default.ReactNode;
+    trailing?: react__default.ReactNode;
+}
+declare function PopoverHeading({ children, leading, trailing }: PopoverHeadingProps): react_jsx_runtime.JSX.Element;
+type PopoverProps = Omit<PopoverProps$1, 'key'>;
+declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime.JSX.Element | null;
+declare const PopoverArrow: typeof PopoverArrow$1;
+declare const PopoverAnchor: typeof PopoverAnchor$1;
+declare const PopoverDescription: typeof PopoverDescription$1;
+declare const PopoverDismiss: typeof PopoverDismiss$1;
+declare const PopoverProvider: typeof PopoverProvider$1;
+declare const PopoverDisclosure: typeof PopoverDisclosure$1;
+declare const PopoverDisclosureArrow: typeof PopoverDisclosureArrow$1;
+
+interface TabProps extends React.PropsWithChildren {
+    asChild?: boolean;
+    value: string;
+    label: string;
+    startIcon?: IconProps['name'];
+}
+declare function Tabs(props: TabProviderProps): react_jsx_runtime.JSX.Element;
+declare const TabList: react.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const Tab: ({ asChild, label, value, startIcon }: TabProps) => react_jsx_runtime.JSX.Element;
+declare const TabPanel: react.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type NativeTextInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'height' | 'size' | 'width' | 'color'>;
+interface TextInputProps extends NativeTextInputProps, UniversalTextInputProps {
+}
+declare function TextInput({ className, disabled, backgroundColor, borderColor, borderWidth, borderRadius, color, placeholderColor, spacingVertical, spacingHorizontal, fontSize: textVariant, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
+
+interface TextInputGroupProps extends TextInputProps {
+    label?: string;
+}
+declare function TextInputGroup({ label, required, ...props }: TextInputGroupProps): react_jsx_runtime.JSX.Element;
+
+interface TextInputLabelProps extends React.PropsWithChildren {
+    required?: boolean;
+}
+declare function TextInputLabel({ children, required }: TextInputLabelProps): react_jsx_runtime.JSX.Element;
+
+type ToastProps = ToastContainerProps;
+declare const getToastClassName: (params: Parameters<Exclude<ToastClassName, string>>[0]) => string;
+declare function getProgressClassName(params: Parameters<Exclude<ToastClassName, string>>[0]): string;
+declare function ToastContainer(props: ToastProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionProps, CheckBox, type CheckBoxProps, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemPressableProps, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, type PopoverProps, PopoverProvider, Tab, TabList, TabPanel, type TabProps, Tabs, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, ToastContainer, type ToastProps, getProgressClassName, getToastClassName, useModalStore };