@yahoo/uds 3.16.1 → 3.17.0-beta.2

package/dist/{Box-CcXdv2Rw.d.cts → Box-D40ThLwg.d.cts}

@@ -211,6 +211,42 @@ interface UniversalIconProps {
 type SVGElementProps = Omit<React.HTMLAttributes<SVGSVGElement>, 'color'>;
 interface IconPropsWithSVGProps extends UniversalIconProps, SVGElementProps {
 }
+type UniversalIconSlot = SvgIcon | ReactNode | ((iconProps: Omit<IconPropsWithSVGProps, 'name'>) => ReactNode);
+type SwitchSize = 'sm' | 'md';
+interface UniversalSwitchProps {
+    /**
+     * Size of the switch.
+     * @default 'md'
+     */
+    size?: SwitchSize;
+    /**
+     * The label of the switch. Can be a ReactNode for rich html labels.
+     * Will not be labelled if omitted. User MUST then use `aria-label` attribute,
+     * wrap in a `<label>` tag or `htmlFor` to add an external label for a11y.
+     */
+    label?: string | ReactNode | (() => ReactNode);
+    /**
+     * Controlled value of the switch. Will be an uncontrolled input if not present.
+     */
+    isOn?: boolean;
+    /**
+     * Set the initial value to default when uncontrolled.
+     */
+    defaultIsOn?: boolean;
+    /** An icon to be displayed on the on state of the input. */
+    onIcon?: UniversalIconSlot;
+    /** An icon to be displayed on the off state of the input. */
+    offIcon?: UniversalIconSlot;
+    /**
+     * Disables animations when true.
+     */
+    reduceMotion?: boolean;
+    /**
+     * On which side of the input is the label displayed.
+     * @default 'start'
+     */
+    labelPosition?: 'start' | 'end';
+}
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
@@ -228,4 +264,4 @@ type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {
 }
 
-export type { BoxProps as B, DivProps as D, IconPropsWithSVGProps as I, TextProps as T, UniversalTextProps as U, UniversalStackProps as a };
+export type { BoxProps as B, DivProps as D, IconPropsWithSVGProps as I, TextProps as T, UniversalTextProps as U, UniversalStackProps as a, UniversalSwitchProps as b };

package/dist/{Box-CcXdv2Rw.d.ts → Box-D40ThLwg.d.ts}

@@ -211,6 +211,42 @@ interface UniversalIconProps {
 type SVGElementProps = Omit<React.HTMLAttributes<SVGSVGElement>, 'color'>;
 interface IconPropsWithSVGProps extends UniversalIconProps, SVGElementProps {
 }
+type UniversalIconSlot = SvgIcon | ReactNode | ((iconProps: Omit<IconPropsWithSVGProps, 'name'>) => ReactNode);
+type SwitchSize = 'sm' | 'md';
+interface UniversalSwitchProps {
+    /**
+     * Size of the switch.
+     * @default 'md'
+     */
+    size?: SwitchSize;
+    /**
+     * The label of the switch. Can be a ReactNode for rich html labels.
+     * Will not be labelled if omitted. User MUST then use `aria-label` attribute,
+     * wrap in a `<label>` tag or `htmlFor` to add an external label for a11y.
+     */
+    label?: string | ReactNode | (() => ReactNode);
+    /**
+     * Controlled value of the switch. Will be an uncontrolled input if not present.
+     */
+    isOn?: boolean;
+    /**
+     * Set the initial value to default when uncontrolled.
+     */
+    defaultIsOn?: boolean;
+    /** An icon to be displayed on the on state of the input. */
+    onIcon?: UniversalIconSlot;
+    /** An icon to be displayed on the off state of the input. */
+    offIcon?: UniversalIconSlot;
+    /**
+     * Disables animations when true.
+     */
+    reduceMotion?: boolean;
+    /**
+     * On which side of the input is the label displayed.
+     * @default 'start'
+     */
+    labelPosition?: 'start' | 'end';
+}
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
@@ -228,4 +264,4 @@ type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {
 }
 
-export type { BoxProps as B, DivProps as D, IconPropsWithSVGProps as I, TextProps as T, UniversalTextProps as U, UniversalStackProps as a };
+export type { BoxProps as B, DivProps as D, IconPropsWithSVGProps as I, TextProps as T, UniversalTextProps as U, UniversalStackProps as a, UniversalSwitchProps as b };

package/dist/{Input-Cqqrcr9V.d.cts → Input-BJG3dbn8.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalInputProps } from './types-bUSRKyjU.cjs';
+import { U as UniversalInputProps } from './types-CDG_lMY2.cjs';
 import { HTMLMotionProps } from 'motion/react';
 
 type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;

package/dist/{Input-CpYGVQ-T.d.ts → Input-CDTSLT-Y.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalInputProps } from './types-bUSRKyjU.js';
+import { U as UniversalInputProps } from './types-CDG_lMY2.js';
 import { HTMLMotionProps } from 'motion/react';
 
 type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;

package/dist/{Input-BL9lQCDu.d.cts → Input-DcjzGTZ7.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalInputProps } from './types-B_G_Ws4q.cjs';
+import { U as UniversalInputProps } from './types-v_SxufCg.cjs';
 import { HTMLMotionProps } from 'motion/react';
 
 type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;

package/dist/{Input-BRzRLQxn.d.ts → Input-aHg6A-xT.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalInputProps } from './types-B_G_Ws4q.js';
+import { U as UniversalInputProps } from './types-v_SxufCg.js';
 import { HTMLMotionProps } from 'motion/react';
 
 type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;

package/dist/{Pressable-B4_x948C.d.ts → Pressable-BQeh2-VM.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-bUSRKyjU.js';
+import { a as UniversalPressableProps } from './types-v_SxufCg.js';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-CoLUS3i4.d.ts → Pressable-Dih5zV3K.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-B_G_Ws4q.js';
+import { a as UniversalPressableProps } from './types-CDG_lMY2.js';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-DLz3zvLg.d.cts → Pressable-F-zzCS7l.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-B_G_Ws4q.cjs';
+import { a as UniversalPressableProps } from './types-CDG_lMY2.cjs';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-uR0PuwES.d.cts → Pressable-WQVmMbYu.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-bUSRKyjU.cjs';
+import { a as UniversalPressableProps } from './types-v_SxufCg.cjs';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/SpringMotionConfig-BaeJprnv.d.cts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { M as MotionVariant, c as MotionVariantSpeed } from './types-v_SxufCg.cjs';
+import { MotionConfigProps, LazyFeatureBundle } from 'motion/react';
+
+interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {
+    /**
+     * The layout variant to use for the motion config.
+     * @default 'subtle'
+     */
+    layoutVariant?: MotionVariant;
+    /**
+     * The layout speed to use for the motion config.
+     * @default '3'
+     */
+    layoutSpeed?: MotionVariantSpeed;
+    /**
+     * The color variant to use for the motion config.
+     * @default 'smooth'
+     */
+    colorVariant?: MotionVariant;
+    /**
+     * The color speed to use for the motion config.
+     * @default '3'
+     */
+    colorSpeed?: MotionVariantSpeed;
+    /**
+     * A lazy feature bundle to load additional features.
+     * This is useful for reducing bundle size by loading only the necessary features.
+     */
+    loadFeatures?: LazyFeatureBundle;
+}
+/**
+ * **🎬 Spring Motion Config to define motion animations for all UDS components**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * The SpringConfig component provides a way to configure the spring animations for the entire application.
+ * This component provides a way to use uds motion configs with Framer Motion.
+ */
+declare function SpringMotionConfig({ children, reducedMotion, loadFeatures, layoutVariant, layoutSpeed, colorVariant, colorSpeed, }: SpringMotionConfigProps): string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const AvoidMotionLibraryProvider: react.Provider<boolean>;
+
+export { AvoidMotionLibraryProvider as A, SpringMotionConfig as S, type SpringMotionConfigProps as a };

package/dist/SpringMotionConfig-CHsl5u8I.d.ts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { M as MotionVariant, c as MotionVariantSpeed } from './types-CDG_lMY2.js';
+import { MotionConfigProps, LazyFeatureBundle } from 'motion/react';
+
+interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {
+    /**
+     * The layout variant to use for the motion config.
+     * @default 'subtle'
+     */
+    layoutVariant?: MotionVariant;
+    /**
+     * The layout speed to use for the motion config.
+     * @default '3'
+     */
+    layoutSpeed?: MotionVariantSpeed;
+    /**
+     * The color variant to use for the motion config.
+     * @default 'smooth'
+     */
+    colorVariant?: MotionVariant;
+    /**
+     * The color speed to use for the motion config.
+     * @default '3'
+     */
+    colorSpeed?: MotionVariantSpeed;
+    /**
+     * A lazy feature bundle to load additional features.
+     * This is useful for reducing bundle size by loading only the necessary features.
+     */
+    loadFeatures?: LazyFeatureBundle;
+}
+/**
+ * **🎬 Spring Motion Config to define motion animations for all UDS components**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * The SpringConfig component provides a way to configure the spring animations for the entire application.
+ * This component provides a way to use uds motion configs with Framer Motion.
+ */
+declare function SpringMotionConfig({ children, reducedMotion, loadFeatures, layoutVariant, layoutSpeed, colorVariant, colorSpeed, }: SpringMotionConfigProps): string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const AvoidMotionLibraryProvider: react.Provider<boolean>;
+
+export { AvoidMotionLibraryProvider as A, SpringMotionConfig as S, type SpringMotionConfigProps as a };

package/dist/SpringMotionConfig-C_eNz6on.d.ts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { M as MotionVariant, c as MotionVariantSpeed } from './types-v_SxufCg.js';
+import { MotionConfigProps, LazyFeatureBundle } from 'motion/react';
+
+interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {
+    /**
+     * The layout variant to use for the motion config.
+     * @default 'subtle'
+     */
+    layoutVariant?: MotionVariant;
+    /**
+     * The layout speed to use for the motion config.
+     * @default '3'
+     */
+    layoutSpeed?: MotionVariantSpeed;
+    /**
+     * The color variant to use for the motion config.
+     * @default 'smooth'
+     */
+    colorVariant?: MotionVariant;
+    /**
+     * The color speed to use for the motion config.
+     * @default '3'
+     */
+    colorSpeed?: MotionVariantSpeed;
+    /**
+     * A lazy feature bundle to load additional features.
+     * This is useful for reducing bundle size by loading only the necessary features.
+     */
+    loadFeatures?: LazyFeatureBundle;
+}
+/**
+ * **🎬 Spring Motion Config to define motion animations for all UDS components**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * The SpringConfig component provides a way to configure the spring animations for the entire application.
+ * This component provides a way to use uds motion configs with Framer Motion.
+ */
+declare function SpringMotionConfig({ children, reducedMotion, loadFeatures, layoutVariant, layoutSpeed, colorVariant, colorSpeed, }: SpringMotionConfigProps): string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const AvoidMotionLibraryProvider: react.Provider<boolean>;
+
+export { AvoidMotionLibraryProvider as A, SpringMotionConfig as S, type SpringMotionConfigProps as a };

package/dist/SpringMotionConfig-Cefj-EKu.d.cts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { M as MotionVariant, c as MotionVariantSpeed } from './types-CDG_lMY2.cjs';
+import { MotionConfigProps, LazyFeatureBundle } from 'motion/react';
+
+interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {
+    /**
+     * The layout variant to use for the motion config.
+     * @default 'subtle'
+     */
+    layoutVariant?: MotionVariant;
+    /**
+     * The layout speed to use for the motion config.
+     * @default '3'
+     */
+    layoutSpeed?: MotionVariantSpeed;
+    /**
+     * The color variant to use for the motion config.
+     * @default 'smooth'
+     */
+    colorVariant?: MotionVariant;
+    /**
+     * The color speed to use for the motion config.
+     * @default '3'
+     */
+    colorSpeed?: MotionVariantSpeed;
+    /**
+     * A lazy feature bundle to load additional features.
+     * This is useful for reducing bundle size by loading only the necessary features.
+     */
+    loadFeatures?: LazyFeatureBundle;
+}
+/**
+ * **🎬 Spring Motion Config to define motion animations for all UDS components**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * The SpringConfig component provides a way to configure the spring animations for the entire application.
+ * This component provides a way to use uds motion configs with Framer Motion.
+ */
+declare function SpringMotionConfig({ children, reducedMotion, loadFeatures, layoutVariant, layoutSpeed, colorVariant, colorSpeed, }: SpringMotionConfigProps): string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const AvoidMotionLibraryProvider: react.Provider<boolean>;
+
+export { AvoidMotionLibraryProvider as A, SpringMotionConfig as S, type SpringMotionConfigProps as a };

package/dist/{VStack-C-KFLkLJ.d.cts → VStack-B_2pGe-1.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { g as UniversalBoxProps, h as UniversalStackProps, i as UniversalDividerProps } from './types-B_G_Ws4q.cjs';
+import { i as UniversalBoxProps, j as UniversalStackProps, k as UniversalDividerProps } from './types-v_SxufCg.cjs';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{VStack-DUhbtLPK.d.cts → VStack-CxNiBX7w.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { g as UniversalBoxProps, h as UniversalStackProps, i as UniversalDividerProps } from './types-bUSRKyjU.cjs';
+import { i as UniversalBoxProps, j as UniversalStackProps, k as UniversalDividerProps } from './types-CDG_lMY2.cjs';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{VStack-D9yWaJWV.d.ts → VStack-DTlPpYIY.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { g as UniversalBoxProps, h as UniversalStackProps, i as UniversalDividerProps } from './types-B_G_Ws4q.js';
+import { i as UniversalBoxProps, j as UniversalStackProps, k as UniversalDividerProps } from './types-CDG_lMY2.js';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{VStack-DSWpLD2I.d.ts → VStack-Df-pFFBu.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { g as UniversalBoxProps, h as UniversalStackProps, i as UniversalDividerProps } from './types-bUSRKyjU.js';
+import { i as UniversalBoxProps, j as UniversalStackProps, k as UniversalDividerProps } from './types-v_SxufCg.js';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/chunk-24HEQ4PT.js

@@ -0,0 +1 @@
+import{Box as r}from"./chunk-TPSHAL7U.js";import{forwardRef as e,Children as o,cloneElement as t,isValidElement as a}from"react";import{isFunction as n}from"lodash-es";import{jsx as p}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var c=(r,e)=>((r,e)=>{const o=n(e)?e:()=>e;return r.flatMap(((r,e)=>0!==e?[o(e),r]:[r]))})(o.toArray(r),(r=>{const o=n(e)?e(r):e;return a(o)?t(o,{...o.props,key:o.key??`interspersed-${r}`}):null})),i=e((function({gap:e,children:o,separator:t,...a},n){return p(r,{ref:n,flexDirection:"row",rowGap:e,columnGap:e,...a,children:t?c(o,t):o})}));i.displayName="HStack";var l=e((function({gap:e,children:o,separator:t,...a},n){return p(r,{ref:n,flexDirection:"column",columnGap:e,rowGap:e,...a,children:t?c(o,t):o})}));l.displayName="VStack";export{i as HStack,l as VStack};

package/dist/chunk-35PHZJZG.cjs

@@ -0,0 +1 @@
+"use strict";var r=require("./chunk-MWF3T6YY.cjs"),e=require("lodash-es"),a=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.FormLabel=({htmlFor:s,required:i,label:t,children:l,color:n="muted",variant:c="label3",hasError:o=!1,showRequiredAsterisk:u=!1,as:h="label",className:d,...m})=>{const x=t?e.isFunction(t)?t():t:l;return x?a.jsxs(r.Text,{variant:c,color:n,as:h,htmlFor:s,className:r.cx("cursor-[inherit]",d),...m,children:[x,i&&u&&a.jsx(r.Text,{as:"sup",color:o?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null};

package/dist/chunk-3T5IX3JE.cjs

@@ -0,0 +1 @@
+"use strict";var o=require("./chunk-EF6FLPTH.cjs"),r=require("./chunk-MWF3T6YY.cjs"),t=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var e=require("react").memo((function({startIcon:e,endIcon:i,iconProps:n,children:a,size:l,isFilled:s,...d}){const c={helperText:r.cx(r.getStyles({inputSizeHelperText:l,inputVariantHelperText:"default",inputVariantValueHelperText:s?"filled":"empty"})),helperIcon:r.getStyles({inputSizeHelperIcon:l,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:s?"filled":"empty"})},p={variant:"outline",...n};return t.jsxs(o.HStack,{gap:"1",alignItems:"center",...d,children:[e&&t.jsx(r.IconSlot,{icon:e,...p,iconProps:n,className:c.helperIcon}),t.jsx("span",{className:c.helperText,children:a}),i&&t.jsx(r.IconSlot,{icon:i,...p,iconProps:n,className:c.helperIcon})]})}));exports.Image=function({width:o,height:e,src:i,alt:n,contentFit:a,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:b,borderEndColor:h,borderTopColor:g,borderBottomColor:m,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:W,borderEndWidth:C,borderTopWidth:H,borderBottomWidth:I,alignContent:B,alignItems:E,alignSelf:w,flex:V,flexDirection:j,flexGrow:y,flexShrink:R,flexWrap:v,justifyContent:z,flexBasis:k,display:F,overflow:G,overflowX:q,overflowY:N,position:P,spacing:Y,spacingHorizontal:D,spacingVertical:M,spacingBottom:X,spacingEnd:L,spacingStart:A,spacingTop:J,offset:K,offsetVertical:O,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=r.getStyles({contentFit:a,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:b,borderEndColor:h,borderTopColor:g,borderBottomColor:m,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:W,borderEndWidth:C,borderTopWidth:H,borderBottomWidth:I,alignContent:B,alignItems:E,alignSelf:w,flex:V,flexDirection:j,flexGrow:y,flexShrink:R,flexWrap:v,justifyContent:z,flexBasis:k,display:F,overflow:G,overflowX:q,overflowY:N,position:P,spacing:Y,spacingHorizontal:D,spacingVertical:M,spacingBottom:X,spacingEnd:L,spacingStart:A,spacingTop:J,offset:K,offsetVertical:O,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return t.jsx("img",{src:i,alt:n,className:eo,style:{width:o,height:e},...to})},exports.InputHelpTextMemo=e;

package/dist/chunk-4JQTWVQH.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("./chunk-COGJL3WI.cjs"),s=require("motion/react"),t=require("react"),n=require("react/jsx-runtime"),i={damped:{1:{damping:20.585796264350424,stiffness:62.37968115365702},2:{damping:29.312551281312288,stiffness:126.47801753759964},3:{damping:48.92799401356162,stiffness:352.3892336537332},4:{damping:123.42690994256348,stiffness:2242.474548821137}},smooth:{1:{damping:16.46863701148034,stiffness:67.80400125397502},2:{damping:23.45004102504983,stiffness:137.47610601913004},3:{damping:39.1423952108493,stiffness:383.03177571057955},4:{damping:98.7415279540508,stiffness:2437.4723356751488}},subtle:{1:{damping:13.04316051309243,stiffness:67.80400125397502},2:{damping:18.572432491839468,stiffness:137.47610601913004},3:{damping:31.000777006992646,stiffness:383.03177571057955},4:{damping:78.20329013960823,stiffness:2437.4723356751488}},bouncy:{1:{damping:9.229712940600143,stiffness:48.880672622541795},2:{damping:12.634144343496553,stiffness:91.59092691366399},3:{damping:19.40217701790486,stiffness:216.00395877230474},4:{damping:37.541723184430275,stiffness:808.7032559422912}},veryBouncy:{1:{damping:6.902290754946187,stiffness:38.92152745126911},2:{damping:9.155550514215523,stiffness:68.48134828711234},3:{damping:13.244464908166709,stiffness:143.30858570843873},4:{damping:22.17862652876726,stiffness:401.85804919502965}}},o=()=>import("./domAnimation-ESPUKI4G.cjs").then((({domAnimation:e})=>e));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var r=t.createContext(!1),a=r.Provider;exports.AvoidMotionLibraryProvider=a,exports.SpringMotionConfig=function({children:a,reducedMotion:f="user",loadFeatures:d=o,layoutVariant:p="subtle",layoutSpeed:m="3",colorVariant:g="smooth",colorSpeed:u="3"}){const c=i[p][m],l=i[g][u],[y,M]=t.useState(c),[b,V]=t.useState(l),v={variant:g,speed:u},C=e.getMotionVar({...v,control:"stiffness"}),h=e.getMotionVar({...v,control:"damping"}),x={variant:p,speed:m},P=e.getMotionVar({...x,control:"stiffness"}),S=e.getMotionVar({...x,control:"damping"});t.useEffect((()=>{const e=getComputedStyle(document.documentElement),s={type:"spring",damping:Number(e.getPropertyValue(S)),stiffness:Number(e.getPropertyValue(P))},t={type:"spring",damping:Number(e.getPropertyValue(h)),stiffness:Number(e.getPropertyValue(C))};M(s),V(t)}),[h,C,S,P]);const j=t.useMemo((()=>({type:"spring",mass:1,...y,layout:y,opacity:b,color:b,borderColor:b,backgroundColor:b})),[b,y]);return t.useContext(r)?a:n.jsx(s.LazyMotion,{features:d,strict:!0,children:n.jsx(s.MotionConfig,{transition:j,reducedMotion:f,children:a})})};

package/dist/chunk-4OQKZKM5.js

@@ -0,0 +1 @@
+import{Box as r}from"./chunk-OJB3FVN6.js";import{forwardRef as e,Children as o,cloneElement as t,isValidElement as a}from"react";import{isFunction as n}from"lodash-es";import{jsx as p}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var c=(r,e)=>((r,e)=>{const o=n(e)?e:()=>e;return r.flatMap(((r,e)=>0!==e?[o(e),r]:[r]))})(o.toArray(r),(r=>{const o=n(e)?e(r):e;return a(o)?t(o,{...o.props,key:o.key??`interspersed-${r}`}):null})),i=e((function({gap:e,children:o,separator:t,...a},n){return p(r,{ref:n,flexDirection:"row",rowGap:e,columnGap:e,...a,children:t?c(o,t):o})}));i.displayName="HStack";var l=e((function({gap:e,children:o,separator:t,...a},n){return p(r,{ref:n,flexDirection:"column",columnGap:e,rowGap:e,...a,children:t?c(o,t):o})}));l.displayName="VStack";export{i as HStack,l as VStack};