@yahoo/uds 3.17.0 → 3.18.0-beta.1

package/dist/{Input-Bi0k9lK1.d.cts → Input-Chk6jMTa.d.cts}

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

package/dist/{Input-Bp3nGfpd.d.ts → Input-CjSSpDxo.d.ts}

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

package/dist/Input-Dd7-zRx5.d.ts

@@ -0,0 +1,42 @@
+import * as react from 'react';
+import { U as UniversalInputProps } from './types-DSRVFV7Y.js';
+import { HTMLMotionProps } from 'motion/react';
+
+type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
+type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
+interface InputProps extends NativeInputProps, UniversalInputProps {
+    /** The type of the input element. Reduced set of options from the HTML input type attribute.
+     * @default 'text'
+     */
+    type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
+}
+/**
+ * **📦 An input that allows users to enter text and collect data.**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
+ *
+ * @see
+ * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
+ *
+ * @usage
+ * - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
+ * - Search Bars: Allowing users to enter search queries to find content.
+ * - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
+ * - Feedback/Comments: Letting users leave reviews, comments, or feedback.
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { Input } from "@yahoo/uds";
+ *
+ * <Input label="Name" placeholder="Enter your name" required />
+ *```
+ *
+ * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
+ **/
+declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+export { type InputProps as I, Input as a };

package/dist/Input-j8aXgNl5.d.cts

@@ -0,0 +1,42 @@
+import * as react from 'react';
+import { U as UniversalInputProps } from './types-D113cJbW.cjs';
+import { HTMLMotionProps } from 'motion/react';
+
+type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
+type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
+interface InputProps extends NativeInputProps, UniversalInputProps {
+    /** The type of the input element. Reduced set of options from the HTML input type attribute.
+     * @default 'text'
+     */
+    type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
+}
+/**
+ * **📦 An input that allows users to enter text and collect data.**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
+ *
+ * @see
+ * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
+ *
+ * @usage
+ * - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
+ * - Search Bars: Allowing users to enter search queries to find content.
+ * - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
+ * - Feedback/Comments: Letting users leave reviews, comments, or feedback.
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { Input } from "@yahoo/uds";
+ *
+ * <Input label="Name" placeholder="Enter your name" required />
+ *```
+ *
+ * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
+ **/
+declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+export { type InputProps as I, Input as a };

package/dist/{Pressable-vjs_c2ir.d.cts → Pressable-Bu7fvFeV.d.cts}

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

package/dist/Pressable-BuGapAWr.d.cts

@@ -0,0 +1,44 @@
+import * as react from 'react';
+import { a as UniversalPressableProps } from './types-D113cJbW.cjs';
+
+type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
+interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
+}
+/**
+ * **🖲️ A primitive component for creating button interactions with accessibility support**
+ *
+ * @componentType 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>>;
+
+export { type PressableProps as P, Pressable as a };

package/dist/{Pressable-CLPkQKQ5.d.ts → Pressable-Dj8miUTu.d.ts}

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

package/dist/Pressable-DkqJ7djj.d.ts

@@ -0,0 +1,44 @@
+import * as react from 'react';
+import { a as UniversalPressableProps } from './types-D113cJbW.js';
+
+type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
+interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
+}
+/**
+ * **🖲️ A primitive component for creating button interactions with accessibility support**
+ *
+ * @componentType 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>>;
+
+export { type PressableProps as P, Pressable as a };

package/dist/{VStack-BPTqS-dY.d.ts → VStack-BPdz1Irb.d.ts}

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

package/dist/{VStack-D5H0I8mo.d.cts → VStack-DylGPXUr.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { h as UniversalBoxProps, i as UniversalStackProps, j as UniversalDividerProps } from './types-DQT6xsrl.cjs';
+import { m as UniversalBoxProps, n as UniversalStackProps, o as UniversalDividerProps } from './types-DSRVFV7Y.js';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/VStack-I7A-h7cx.d.cts

@@ -0,0 +1,112 @@
+import * as react from 'react';
+import { m as UniversalBoxProps, n as UniversalStackProps, o as UniversalDividerProps } from './types-D113cJbW.cjs';
+
+type DivProps = React.HTMLAttributes<HTMLDivElement>;
+interface BoxProps extends UniversalBoxProps, DivProps {
+}
+/**
+ * **📦 A layout component that can be used to compose other components**
+ *
+ * @description
+ * The most simple component we ship - a div. But with all the power of the UDS design system.
+ * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
+ * consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
+ *
+ * @example
+ * ```tsx
+ * import { Box } from '@yahoo/uds';
+ *
+ * <Box backgroundColor="primary" spacing="6">
+ *   Any kind of content can go here!
+ * </Box>
+ * ```
+ *
+ * @usage
+ * - If you need to div-like container to apply padding, shapes, or other styling.
+ * - If you're creating card components.
+ *
+ * @see The {@link https://uds.build/docs/components/box Box Docs} for more info
+ *
+ * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
+ */
+declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
+
+interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
+    layerClassNames?: {
+        root?: string;
+        text?: string;
+        line?: string;
+    };
+}
+
+type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
+interface DividerInternalProps extends DividerCoreProps {
+    variant?: VariantWithInherit;
+}
+
+type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
+/**
+ * **📦 A divider component that can be used to visually separate components**
+ *
+ * @description
+ * The Divider component is a visual element used to separate content and create clear groupings within a layout. It helps establish hierarchy, improve readability, and guide users through sections of an interface. Dividers can appear as horizontal or vertical lines and are commonly used between related content blocks, within menus, or in dense UI areas to reduce visual clutter.
+ *
+ * @example
+ * ```tsx
+ * import { Divider } from '@yahoo/uds';
+ *
+ * // Default primary horizontal divider. Similar to <hr />
+ * <Divider />
+ *
+ * // A vertical divider.
+ * <Divider vertical />
+ *
+ * // A horizontal divider with the secondary styling.
+ * <Divider variant="secondary" />
+ *
+ * // A vertical divider with the tertiary styling.
+ * <Divider vertical variant="tertiary" />
+ * ```
+ *
+ * @usage
+ * - Visually separating parts of a page. Usually used in conjuction with [HStack](./h-stack) or [VStack](./v-stack).
+ *
+ * @see The {@link https://uds.build/docs/components/divider Divider Docs} for more info
+ *
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
+ */
+declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
+
+type VStackProps = UniversalStackProps & DivProps;
+/**
+ * **🥞 A layout component that arranges its children in rows using flexbox**
+ *
+ * @description
+ * VStack is a layout component that arranges its children in rows using [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
+ * and can be used to compose larger layouts. VStack is similar to [Box](./box) but provides additional features like a `gap` property to
+ * add spacing between children.
+ *
+ * @example
+ * ```tsx
+ * import { VStack, Text } from '@yahoo/uds';
+ *
+ * <VStack gap="6">
+ *   <Text variant="body1" color="primary">First</Text>
+ *   <Text variant="body1" color="primary">Second</Text>
+ *   <Text variant="body1" color="primary">Third</Text>
+ * </VStack>
+ * ```
+ *
+ * @usage
+ * - Create a column of items, optionally with gaps between.
+ * - Create rows that are sized to their content (height only). By default each child will fill the width of the VStack.
+ * - Create rows that fill the available space within the parent container.
+ * - Create rows of proportionate size to each other (also known as a ratio-based layout).
+ *
+ * @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
+ *
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
+ **/
+declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
+
+export { type BoxProps as B, type DividerProps as D, type VStackProps as V, type DivProps as a, Box as b, Divider as c, VStack as d };

package/dist/VStack-koRZ9tkP.d.cts

@@ -0,0 +1,112 @@
+import * as react from 'react';
+import { m as UniversalBoxProps, n as UniversalStackProps, o as UniversalDividerProps } from './types-DSRVFV7Y.cjs';
+
+type DivProps = React.HTMLAttributes<HTMLDivElement>;
+interface BoxProps extends UniversalBoxProps, DivProps {
+}
+/**
+ * **📦 A layout component that can be used to compose other components**
+ *
+ * @description
+ * The most simple component we ship - a div. But with all the power of the UDS design system.
+ * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
+ * consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
+ *
+ * @example
+ * ```tsx
+ * import { Box } from '@yahoo/uds';
+ *
+ * <Box backgroundColor="primary" spacing="6">
+ *   Any kind of content can go here!
+ * </Box>
+ * ```
+ *
+ * @usage
+ * - If you need to div-like container to apply padding, shapes, or other styling.
+ * - If you're creating card components.
+ *
+ * @see The {@link https://uds.build/docs/components/box Box Docs} for more info
+ *
+ * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
+ */
+declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
+
+interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
+    layerClassNames?: {
+        root?: string;
+        text?: string;
+        line?: string;
+    };
+}
+
+type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
+interface DividerInternalProps extends DividerCoreProps {
+    variant?: VariantWithInherit;
+}
+
+type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
+/**
+ * **📦 A divider component that can be used to visually separate components**
+ *
+ * @description
+ * The Divider component is a visual element used to separate content and create clear groupings within a layout. It helps establish hierarchy, improve readability, and guide users through sections of an interface. Dividers can appear as horizontal or vertical lines and are commonly used between related content blocks, within menus, or in dense UI areas to reduce visual clutter.
+ *
+ * @example
+ * ```tsx
+ * import { Divider } from '@yahoo/uds';
+ *
+ * // Default primary horizontal divider. Similar to <hr />
+ * <Divider />
+ *
+ * // A vertical divider.
+ * <Divider vertical />
+ *
+ * // A horizontal divider with the secondary styling.
+ * <Divider variant="secondary" />
+ *
+ * // A vertical divider with the tertiary styling.
+ * <Divider vertical variant="tertiary" />
+ * ```
+ *
+ * @usage
+ * - Visually separating parts of a page. Usually used in conjuction with [HStack](./h-stack) or [VStack](./v-stack).
+ *
+ * @see The {@link https://uds.build/docs/components/divider Divider Docs} for more info
+ *
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
+ */
+declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
+
+type VStackProps = UniversalStackProps & DivProps;
+/**
+ * **🥞 A layout component that arranges its children in rows using flexbox**
+ *
+ * @description
+ * VStack is a layout component that arranges its children in rows using [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
+ * and can be used to compose larger layouts. VStack is similar to [Box](./box) but provides additional features like a `gap` property to
+ * add spacing between children.
+ *
+ * @example
+ * ```tsx
+ * import { VStack, Text } from '@yahoo/uds';
+ *
+ * <VStack gap="6">
+ *   <Text variant="body1" color="primary">First</Text>
+ *   <Text variant="body1" color="primary">Second</Text>
+ *   <Text variant="body1" color="primary">Third</Text>
+ * </VStack>
+ * ```
+ *
+ * @usage
+ * - Create a column of items, optionally with gaps between.
+ * - Create rows that are sized to their content (height only). By default each child will fill the width of the VStack.
+ * - Create rows that fill the available space within the parent container.
+ * - Create rows of proportionate size to each other (also known as a ratio-based layout).
+ *
+ * @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
+ *
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
+ **/
+declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
+
+export { type BoxProps as B, type DividerProps as D, type VStackProps as V, type DivProps as a, Box as b, Divider as c, VStack as d };

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-6OYKLY27.js

@@ -0,0 +1,2 @@
+import{mapValues as e,entries as t}from"./chunk-EWJ3J526.js";import{shadowOffsetMap as o,spacingMap as a,shadowSpreadRadiusMap as r}from"@yahoo/uds/fixtures";import{entries as l,cloneDeep as n,lowerCase as s,isFunction as i,mergeWith as p}from"lodash-es";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+function u({variantKey:e,variantValue:t,layer:o,subComponentName:a,stateKey:r,stateValue:l}){return a?r&&l?`${a}/${e}/${t}/${r}/${l}/${o}`:`${a}/${e}/${t}/${o}`:r&&l?`${e}/${t}/${r}/${l}/${o}`:`${e}/${t}/${o}`}var c=e=>e.reduce(((e,t)=>e.flatMap((e=>t.map((t=>[e,t].flat()))))));function f(t,o){const a=t.variants?.[o];if(a)return{type:"no-sub-components",variant:a};const r=x(t);if(!r)return{type:"no-variants"};return{type:"has-sub-components",variants:e(r,(e=>e.variants[o]))}}function d(e,t,o){const a=e[t]?.defaults?.[o];if(void 0===a)throw new Error(`The variant default for "${o}" is not defined for the component "${t}"`);return a}function v(e,t,o,a){return d(e,t,o)===a}function y(e){let t=e;return t=t.replaceAll(".","/"),["root/","variables/","variant/","/value"].forEach((e=>{t=t.replaceAll(e,"")})),t}function b(e,t,o){const a=f(e,t);switch(a.type){case"no-variants":return null;case"no-sub-components":return a.variant;case"has-sub-components":if(!o)throw new Error("subComponentName argument name is required for configs with subcomponents");return a.variants[o]}}var m=e=>!!e?.layers,h=e=>!!e?.componentStates;function g(e,t,o){const a=b(e,t,o);return a&&h(a)?a?.componentStates??null:null}function w(e,t,o){const a=g(e,t,o);if(!a)return null;return c(l(a).map((([e,t])=>t.options.map((t=>({[e]:t})))))).map((e=>Array.isArray(e)?e.reduce(((e,t)=>({...e,...t})),{}):e))}function $(t){if(!t||!m(t))return null;const o=e(t.layers,(e=>e.properties));for(const e in o){const t=o[e];t&&0!==Object.keys(t).length||delete o[e]}return 0===Object.keys(o).length?null:o}var C=["rest"];function S(e,t,o,a){const r=b(e,t,a);if(!r)return null;return[...m(r)?Object.entries(r?.layers??{}):[],...h(r)&&o?Object.entries(r.componentStates[o].layers??{}):[]].flatMap((([e,t])=>Object.entries(t.properties).map((([t,o])=>[e,t,o])))).flatMap((([e,t,o])=>[...C,...o.pseudoStates??[]].map((a=>[e,t,o,a])))).reduce(((e,[t,o,a,r])=>{e[r]=e[r]??[];const l=[t,o,a];return e[r].push(l),e}),{})}function x(e){return e.subComponents?0===Object.keys(e.subComponents).length?null:e.subComponents:null}function W(e,t="variant"){const o=f(e,t);if("no-variants"===o.type)return{type:"no-variants",description:"No variants"};if("no-sub-components"===o.type){if(x(e))throw new Error("A config with a root variants.variant defintion cannot have subcomponents");return{type:"no-sub-components",description:o.variant.description,variantNames:[...o.variant.options]}}const a=l(o.variants).reduce(((e,[t,o])=>{for(const a of o.options)e[a]??=[],e[a].includes(t)||e[a].push(t);return e}),{});return{type:"has-sub-components",description:Object.values(o.variants).map((e=>e.description)).filter((e=>e))[0]??"",variantNames:Object.keys(a),variantToSubcomponentNames:a}}function k(e,t,o,a,r){const l=e[o].variables[t];if(!l)throw new Error(`No layer variables found for ${t}.`);const n=l[a];if(!n)throw new Error(`No property variables found for ${a}.`);const s=n[r];if(!s)throw new Error(`No pseudoState variables found for ${r}.`);return s}function P(e,t,o,a,r,l){const s=n(e),i=k(s,t,o,a,r);return void 0!==l.type&&(i.type=l.type),void 0!==l.value&&(i.value=l.value),s}function V(e,t,o,a,r){return[k(e,t,o,a,r),l=>P(e,t,o,a,r,l)]}var T={rest:"",hover:":hover:not(:has(:disabled))",pressed:":active:not(:has(:disabled))",focused:":focus","focus-within":":focus-within",invalid:':has(input[aria-invalid="true"])',"focused-keyboard":":focus-visible",visited:":visited",readonly:":has(input:read-only)",disabled:":has(:disabled)","invalid&hover":':has(input[aria-invalid="true"]):hover:not(:has(:disabled))',"invalid&pressed":':has(input[aria-invalid="true"]):active:not(:has(:disabled))'},F={rest:"",hover:"hover",pressed:"active",focused:"focus","focus-within":"focus-within",invalid:"has-input-invalid","focused-keyboard":"focus-visible",visited:"visited",readonly:"input-readonly",disabled:"has-disabled","invalid&hover":"has-input-invalid-and-hover","invalid&pressed":"has-input-invalid-and-active"};function N(e,t){const o=e.defaults[t],a=e.typeOfFixture;let r=0;return e.values.forEach(((e,t)=>{e.includes(o)&&(r=t)})),a[r]}function Y(e){const t={},o={};for(const t in e.variants){const a=e.variants[t];o[t]=a.default}t.defaults=o,t.variables={};for(const o in e.variants){const a=e.variants[o];for(const e of a.options)if(a.componentStates){const r=a.componentStates;for(const a in r){const l=r[a];for(const r of l.options)for(const n in l.layers){const s=l.layers[n],i=u({variantKey:o,variantValue:e,stateKey:a,stateValue:r,layer:n});t.variables[i]={};for(const o in s.properties){const a=s.properties[o],r={[o]:{rest:{type:N(a,e),valueType:"alias",value:a.defaults[e]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[o][t]={type:N(a,e),valueType:"alias",value:a.defaults[e]};t.variables[i]={...t.variables[i],...r}}}}}else for(const r in a.layers){const l=a.layers[r],n=u({variantKey:o,variantValue:e,layer:r});t.variables[n]={};for(const o in l.properties){const a=l.properties[o],r={[o]:{rest:{type:N(a,e),valueType:"alias",value:a.defaults[e]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[o][t]={type:N(a,e),valueType:"alias",value:a.defaults[e]};t.variables[n]={...t.variables[n],...r}}}}if(e.subComponents){const{subComponents:o}=e;for(const e in o)for(const a in o[e].variants){const r=o[e].variants[a];t.defaults[a]=r.default;for(const o of r.options)if(r.componentStates){const l=r.componentStates;for(const r in l){const n=l[r];for(const l of n.options)for(const s in n.layers){const i=n.layers[s],p=u({variantKey:a,variantValue:o,stateKey:r,stateValue:l,layer:s,subComponentName:e});t.variables[p]={};for(const e in i.properties){const a=i.properties[e],r={[e]:{rest:{type:N(a,o),valueType:"alias",value:a.defaults[o]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[e][t]={type:N(a,o),valueType:"alias",value:a.defaults[o]};t.variables[p]={...t.variables[p],...r}}}}}else for(const l in r.layers){const n=r.layers[l],s=u({variantKey:a,variantValue:o,layer:l,subComponentName:e});t.variables[s]={};for(const e in n.properties){const a=n.properties[e],r={[e]:{rest:{type:N(a,o),valueType:"alias",value:a.defaults[o]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[e][t]={type:N(a,o),valueType:"alias",value:a.defaults[o]};t.variables[s]={...t.variables[s],...r}}}}}return t}function K({componentName:e,variantKey:t,variantValue:o,layer:a,layerOptionalPseudoSelector:r,subComponentName:l,stateKey:n,stateValue:i}){let p="";return p=l?`uds-${s(e)}-${s(l)}-${s(t)}`:`uds-${s(e)}-${s(t)}`,o&&(p=`${p}-${s(o)}`),n&&i&&(p=`${p}-${s(n)}-${s(i)}`),p=`${p}-${s(a)}`,r&&(p=`${p}${r}`),p.replaceAll(/\s+/g,"-")}function X({componentName:e,variantKey:t,variantValue:o,layer:a,layerOptionalPseudoSelector:r,subComponentName:l,stateKey:n,stateValue:s,schema:p,propertyKey:c,originalPropertyDefinition:f,theme:d,currentStyles:v,previewOptions:y}){const b=u({variantKey:t,variantValue:o,layer:a,subComponentName:l,stateKey:n,stateValue:s});let m=K({componentName:e,variantKey:t,variantValue:o,layer:a,subComponentName:l,stateKey:n,stateValue:s});const h=p.variables[b][c];if(!h)throw"size/md/root"===b&&"spacingHorizontal"===c&&console.log({componentName:e,schemaKey:b,propertyKey:c},p.variables),new Error(`Prop definition (${e} - ${b} - ${c}) not found, this is not expected, please report the bug to the UDS team`);const g={};for(const u in h){const b=T[u]??"";let w="";if("root"===a)if(n&&s){const r=K({componentName:e,variantKey:t,variantValue:o,layer:a,subComponentName:l});m=K({componentName:e,variantKey:t,layer:a,subComponentName:l,stateKey:n,stateValue:s}),w=`.${r}${b}.${m}`}else w=`.${m}${b}`;else{const i=K({componentName:e,variantKey:t,variantValue:o,layer:"root",subComponentName:l});if(n&&s){const p=K({componentName:e,variantKey:t,layer:"root",subComponentName:l,stateKey:n,stateValue:s});m=K({componentName:e,variantKey:t,variantValue:o,layer:a,layerOptionalPseudoSelector:r,subComponentName:l}),w=`.${i}${b}.${p} .${m}`}else w=`.${i}${b} .${m}`}const $=(e,t,o,a)=>{const{value:r,type:l}=e,n=$e[t];let s;if($e[t].customValueRenderer)s=$e[t].customValueRenderer(e,p,o);else{s=o($e[t].twThemePath(l,String(r)))}if(n.concatenate&&a){return`${a}${n.concatenationDelimiter||", "}${s}`}return s},{cssProperties:C,extendedProperties:S}=$e[f.name],x={},W=i(S),k=W?S({componentName:e,subComponentName:l,layer:a,propertyKey:c}):S;if(k&&k.length){if(!W&&("string"==typeof C||Array.isArray(C)&&C.length>0))throw new Error("Invalid configuration: cssProperties should not be configured when extendedProperties are defined. Please update your property configuration accordingly.");for(const e of k){const t=$e[e].cssProperties;if("string"==typeof t){const o=v?.[w]?.[t];x[t]=$(h[u],e,d,o)}else if(Array.isArray(t))for(const o of t){const t=v?.[w]?.[o];x[o]=$(h[u],e,d,t)}}}else if("string"==typeof C){const e=v?.[w]?.[C];x[C]=$(h[u],f.name,d,e)}else if(Array.isArray(C))for(const e of C){const t=v?.[w]?.[e];x[e]=$(h[u],f.name,d,t)}if(g[w]||(g[w]={...x,...g[w]}),y?.generatePseudoStateClassModifier){const e=F[u]??"";e.length>0&&"root"!==u&&(g[`.${e}${w}`.replace(b,"")]={...x,...g[`.${e}${w}`.replace(b,"")]})}}return g}function A(e,t,o,a){function r(e,t){return p({},e,t)}let l=e.label.toLowerCase();e.overrideComponentName&&(l=e.overrideComponentName.toLowerCase());let n={};for(const s in e.variants){const i=e.variants[s];for(const e of i.options)if(i.componentStates){const p=i.componentStates;for(const i in p){const u=p[i];for(const p of u.options)for(const c in u.layers){const f=u.layers[c];for(const u in f.properties){const d=f.properties[u];n=r(n,X({componentName:l,variantKey:s,variantValue:e,stateKey:i,stateValue:p,layer:c,layerOptionalPseudoSelector:f.pseudoSelector,propertyKey:u,originalPropertyDefinition:d,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}}else for(const p in i.layers){const u=i.layers[p];for(const i in u.properties){const c=u.properties[i];n=r(n,X({componentName:l,variantKey:s,variantValue:e,layer:p,layerOptionalPseudoSelector:u.pseudoSelector,propertyKey:i,originalPropertyDefinition:c,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}if(e.subComponents){const{subComponents:s}=e;for(const e in s)for(const i in s[e].variants){const p=s[e].variants[i];for(const s of p.options)if(p.componentStates){const u=p.componentStates;for(const p in u){const c=u[p];for(const u of c.options)for(const f in c.layers){const d=c.layers[f];for(const c in d.properties){const v=d.properties[c];n=r(n,X({componentName:l,variantKey:i,variantValue:s,stateKey:p,stateValue:u,subComponentName:e,layer:f,layerOptionalPseudoSelector:d.pseudoSelector,propertyKey:c,originalPropertyDefinition:v,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}}else for(const u in p.layers){const c=p.layers[u];for(const p in c.properties){const f=c.properties[p];n=r(n,X({componentName:l,subComponentName:e,variantKey:i,variantValue:s,layer:u,layerOptionalPseudoSelector:c.pseudoSelector,propertyKey:p,originalPropertyDefinition:f,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}}return n}function O(e){return e}function E(e){return e}function R(e){return e}function B(e){return e}function z(e){return e}function M(e){return e}function L(e){return e}function j(e){return e}var H=["none","custom"],D=["none","up","down"],I={hover:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"up",options:D}},pressed:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"down",options:D}}},_={hover:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"up",options:D}},pressed:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"down",options:D}}},J={hover:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"up",options:D}},pressed:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"down",options:D}}},U={dropShadow:{value:"none",config:null},insetShadow:{value:"none",config:null}};function q(e){return{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:e},color:{type:"palette",value:"on-color"},scale:"none",...U}}function G(e){return{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:e},color:{type:"palette",value:e},scale:"none",...U}}function Q(e){return{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:e},scale:"none",...U}}var Z={fill:q,outline:G,ghost:Q},ee={defaults:{palette:"accent",variant:"primary",size:"md"},size:{sm:{spacingHorizontal:"4",spacingVertical:"1",gap:"2",iconSize:"sm",textVariant:"label1"},md:{spacingHorizontal:"6",spacingVertical:"3",gap:"2",iconSize:"sm",textVariant:"label1"},lg:{spacingHorizontal:"7",spacingVertical:"4",gap:"2",iconSize:"md",textVariant:"headline1"}},palette:{info:{primary:{kind:"fill",effect:I,base:q("info"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"blue-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"blue-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("info"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-10"},color:{type:"spectrum",value:"blue-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-11"},color:{type:"spectrum",value:"blue-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("info"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"blue-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"info"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"blue-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"info"},...U}}}},accent:{primary:{kind:"fill",effect:I,base:q("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("accent"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-10"},color:{type:"spectrum",value:"carbon-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-11"},color:{type:"spectrum",value:"carbon-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"},...U}}}},brand:{primary:{kind:"fill",effect:I,base:q("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("brand"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"},color:{type:"spectrum",value:"purple-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"},color:{type:"spectrum",value:"purple-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},...U}}}},alert:{primary:{kind:"fill",effect:I,base:q("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("alert"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"},color:{type:"spectrum",value:"red-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"},color:{type:"spectrum",value:"red-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"},...U}}}},positive:{primary:{kind:"fill",effect:I,base:q("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("positive"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"},color:{type:"spectrum",value:"green-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"},color:{type:"spectrum",value:"green-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},...U}}}},warning:{primary:{kind:"fill",effect:I,base:q("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("warning"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"},color:{type:"spectrum",value:"orange-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"},color:{type:"spectrum",value:"orange-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},...U}}}}}},te={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"},oe={drop:{none:[],xs:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"5",color:{type:"palette",value:"primary"}}],sm:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"px",blur:"1",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}}],md:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-px",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"0.5",blur:"1",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],lg:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"2.5",blur:"3.5",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],xl:[{offsetX:"0",offsetY:"2",blur:"2.5",spread:"-1.5",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"5",blur:"6",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}}],"2xl":[{offsetX:"0",offsetY:"6",blur:"12",spread:"-3",opacity:"25",color:{type:"palette",value:"primary"}}]},inset:{none:[],xs:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"5",color:{type:"palette",value:"primary"}}],sm:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"px",blur:"1",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}}],md:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-px",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"0.5",blur:"1",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],lg:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"2.5",blur:"3.5",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],xl:[{offsetX:"0",offsetY:"2",blur:"2.5",spread:"-1.5",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"5",blur:"6",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}}],"2xl":[{offsetX:"0",offsetY:"6",blur:"12",spread:"-3",opacity:"25",color:{type:"palette",value:"primary"}}],"xs-invert":[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"5",color:{type:"always",value:"white"}}],"sm-invert":[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"px",blur:"1",spread:"0",opacity:"10",color:{type:"always",value:"white"}}],"md-invert":[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-px",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"0.5",blur:"1",spread:"-0.5",opacity:"10",color:{type:"always",value:"white"}}],"lg-invert":[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-1",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"2.5",blur:"3.5",spread:"-0.5",opacity:"10",color:{type:"always",value:"white"}}],"xl-invert":[{offsetX:"0",offsetY:"2",blur:"2.5",spread:"-1.5",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"5",blur:"6",spread:"-1",opacity:"10",color:{type:"always",value:"white"}}],"2xl-invert":[{offsetX:"0",offsetY:"6",blur:"12",spread:"-3",opacity:"25",color:{type:"always",value:"white"}}]}},ae={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},re="system",le="system",ne="light",se="large",ie=!1,pe="🇺🇸 US",ue="https://s.yimg.com/bw/fonts",ce=["Helvetica Neue","Helvetica","Arial","sans-serif"],fe=["Georgia","Times","Times New Roman","serif"],de={"centra-no2":{fallback:ce,type:"sans",fontFamily:"Centra No2",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Hairline",value:50},{label:"Thin",value:100},{label:"Light",value:300},{label:"Book",value:400},{label:"Medium",value:500},{label:"Bold",value:700},{label:"ExtraBold",value:800},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"50",src:`url('${ue}/centra-no2-hairline.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"50",src:`url('${ue}/centra-no2-hairline-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"100",src:`url('${ue}/centra-no2-thin.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"100",src:`url('${ue}/centra-no2-thin-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"300",src:`url('${ue}/centra-no2-light.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"300",src:`url('${ue}/centra-no2-light-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/centra-no2-book.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"400",src:`url('${ue}/centra-no2-book-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"500",src:`url('${ue}/centra-no2-medium.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"500",src:`url('${ue}/centra-no2-medium-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/centra-no2-bold.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"700",src:`url('${ue}/centra-no2-bold-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"800",src:`url('${ue}/centra-no2-extrabold.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"800",src:`url('${ue}/centra-no2-extrabold-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"900",src:`url('${ue}/centra-no2-black.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"900",src:`url('${ue}/centra-no2-black-italic.woff2') format('woff2')`}]},inter:{fallback:ce,type:"sans",fontFamily:"Inter",isVariableFont:!0,fontSlants:[{label:"Italic",value:-10},{label:"None",value:0}],fontWidths:void 0,fontWeights:[{label:"Thin",value:100},{label:"Extra Light",value:200},{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Semi Bold",value:600},{label:"Bold",value:700},{label:"Extra Bold",value:800},{label:"Black",value:900}],defaults:{fontSlant:0,fontWidth:void 0,fontWeight:400},declarations:[{fontWeight:"1 1000",src:`url('${ue}/inter-vf.woff2') format('woff2')`}]},"roboto-mono":{fallback:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"],type:"mono",fontFamily:"Roboto Mono",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Thin",value:100},{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"100",src:`url('${ue}/roboto-mono-100.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"100",src:`url('${ue}/roboto-mono-100-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"300",src:`url('${ue}/roboto-mono-300.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"300",src:`url('${ue}/roboto-mono-300-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/roboto-mono-400.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"400",src:`url('${ue}/roboto-mono-400-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"500",src:`url('${ue}/roboto-mono-500.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"500",src:`url('${ue}/roboto-mono-500-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/roboto-mono-700.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"700",src:`url('${ue}/roboto-mono-700-italic.woff2') format('woff2')`}]},"yahoo-sans":{fallback:ce,type:"sans",fontFamily:"Yahoo Sans",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"ExtraLight",value:200},{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Semibold",value:585},{label:"Bold",value:700},{label:"ExtraBold",value:810},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-sans-vf.woff2') format('woff2')`}]},"yahoo-sans-cr4":{fallback:ce,type:"sans",fontFamily:"Yahoo CR4 BETA VF",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:450},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-sans-cr4-vf.woff2') format('woff2')`}]},"yahoo-product-sans":{fallback:ce,type:"sans",fontFamily:"Yahoo Product Sans VF",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:450},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-product-sans-vf.woff2') format('woff2-variations')`}]},"yahoo-product-sans-extended":{fallback:ce,type:"sans",fontFamily:"YahooPd_Eval202412",isVariableFont:!0,fontSlants:[{label:"Italic",value:9},{label:"None",value:0}],fontWidths:[{label:"Cond",value:50},{label:"Normal",value:75},{label:"Ext",value:100}],fontWeights:[{label:"Light",value:300},{label:"Regular",value:450},{label:"Medium",value:500},{label:"Semibold",value:600},{label:"Bold",value:700},{label:"Black",value:850}],defaults:{fontSlant:0,fontWidth:75,fontWeight:450},declarations:[{fontWeight:"1 1000",src:`url('${ue}/YahooPd_Eval202412-v1.1.0.woff2') format("woff2 supports variations"), url('${ue}/YahooPd_Eval202412-v1.1.0.woff2') format('woff2-variations')`}]},"yahoo-sans-condensed":{fallback:ce,type:"sans",fontFamily:"Yahoo Sans Cond",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:718},{label:"XBold",value:800},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-sans-condensed-vf.woff2') format('woff2')`}]},"yahoo-serif-display":{fallback:fe,type:"serif",fontFamily:"Yahoo Serif Display",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Light",value:300},{label:"Regular",value:400},{label:"Bold",value:700},{label:"Extrabold",value:800},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"300",src:`url('${ue}/yahoo-serif-display-light.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/yahoo-serif-display-regular.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/yahoo-serif-display-bold.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"800",src:`url('${ue}/yahoo-serif-display-extrabold.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"900",src:`url('${ue}/yahoo-serif-display-black.woff2') format('woff2')`}]},"yahoo-serif-text":{fallback:fe,type:"serif",fontFamily:"Yahoo Serif Text",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Regular",value:400},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/yahoo-serif-text-regular.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"400",src:`url('${ue}/yahoo-serif-text-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/yahoo-serif-text-bold.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"700",src:`url('${ue}/yahoo-serif-text-bold-italic.woff2') format('woff2')`}]}};function ve({palette:e="accent",variant:t="primary"}){return"accent"===e?t:"primary"===t?e:`${e}-${t}`}function ye({flatVariant:e}){if(!e)return{palette:void 0,variant:void 0};const[t,o]=e.split("-");return o?{palette:t,variant:o}:["primary","secondary","tertiary"].includes(e)?{palette:"accent",variant:e}:{palette:e,variant:"primary"}}function be(e){return Object.fromEntries(e)}var me={black:"0 0 0",white:"255 255 255"};function he({preset:e,prefix:t,shadowType:l}){const n=`--uds-${l}-shadow-`,s="palette"===e.color?.type,i="always"===e.color?.type;let p=`var(--uds-${s?"shadow":"spectrum"}-color-${e?.color?.value})`;i&&(p=me[e.color.value]);const u=`var(${n}${t?`${t}-`:""}color, ${p})`;return`${"inset"===l?"inset ":""}${[`${o[e.offsetX]}px`,`${o[e.offsetY]}px`,`${a[e.blur]}px`,`${r[e.spread]}px`].map((e=>e)).join(" ")} ${`rgb(${u} / var(${n}${t?`${t}-`:""}opacity, ${Number(e.opacity)/100}))`}`}function ge({config:e,shadowType:o}){const a=e?.shadow?.[o];if(!a)return{};const r={};return t(a).forEach((([e,t])=>{if("none"===e)return void(r[`--uds-${o}-shadow-${e}`]="0 0 transparent");const a=t.map(((e,t)=>he({preset:e,prefix:t>0?`${t+1}`:void 0,shadowType:o})));r[`--uds-${o}-shadow-${e}`]=`${a.join(", ")}`})),r}var we=({componentName:e,layer:t,propertyKey:o})=>!("chip"!==e||"root"!==t||!["borderColor","borderWidth"].includes(o))||!("input"!==e||"inputWrapper"!==t||!["borderColor","borderWidth"].includes(o)),$e={...{backgroundColor:{name:"backgroundColor",cssProperties:"background-color",twThemePath:(e,t)=>{if("spectrumColors"===e){const[e,o]=t.split("-");return`colors.${e}.${o}`}return"backgroundPaletteColors"===e||"alwaysPaletteAliases"===e?`backgroundColor.${t}`:"Error"},possibleFixtures:["backgroundPaletteColors","spectrumColors","alwaysPaletteAliases"]},borderWidth:{name:"borderWidth",cssProperties:"border-width",twThemePath:(e,t)=>"borderWidths"===e?`borderWidth[${t}]`:`spacing[${t}]`,possibleFixtures:["borderWidths","spacingAliases"],extendedProperties:e=>we(e)&&["outlineWidth","insetOutlineOffset","solidOutline"]},borderRadius:{name:"borderRadius",cssProperties:"border-radius",twThemePath:(e,t)=>`borderRadius.${t}`,possibleFixtures:["borderRadii"]},borderColor:{name:"borderColor",cssProperties:"border-color",twThemePath:(e,t)=>{if("alwaysPaletteAliases"===e||"linePaletteColors"===e)return`borderColor.${t}`;if("spectrumColors"===e){const[e,o]=t.split("-");return`borderColor.${e}.${o}`}return"Error"},possibleFixtures:["alwaysPaletteAliases","spectrumColors","linePaletteColors"],extendedProperties:e=>we(e)&&["outlineColor"]},fontFamily:{name:"fontFamily",cssProperties:"font-family",twThemePath:(e,t)=>`typography.fontFamily.${t}`,possibleFixtures:["textVariants"]},fontSize:{name:"fontSize",cssProperties:"font-size",twThemePath:(e,t)=>`typography.fontSize.${t}`,possibleFixtures:["textVariants"]},lineHeight:{name:"lineHeight",cssProperties:"line-height",twThemePath:(e,t)=>`typography.lineHeight.${t}`,possibleFixtures:["textVariants"]},textTransform:{name:"textTransform",cssProperties:"text-transform",twThemePath:(e,t)=>`typography.textTransform.${t}`,possibleFixtures:["textVariants"]},padding:{name:"padding",cssProperties:"padding",twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},gap:{name:"gap",cssProperties:"gap",twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},color:{name:"color",cssProperties:"color",twThemePath:(e,t)=>{if("alwaysPaletteAliases"===e||"foregroundPaletteColors"===e)return`textColor.${t}`;if("spectrumColors"===e){const[e,o]=t.split("-");return`textColor.${e}.${o}`}return"Error"},possibleFixtures:["alwaysPaletteAliases","spectrumColors","foregroundPaletteColors"]},fontWeight:{name:"fontWeight",cssProperties:"font-variation-settings",twThemePath:()=>"",possibleFixtures:["textVariants"],customValueRenderer:e=>{const{value:t}=e;return`"wght" var(--uds-font-weight-${t}), "slnt" var(--uds-font-slant-${t}), "wdth" var(--uds-font-width-${t});`}},iconSize:{name:"iconSize",cssProperties:["width","height"],twThemePath:(e,t)=>`sizing.icon.${t}`,possibleFixtures:["iconSizes"]},spacingHorizontal:{name:"spacingHorizontal",cssProperties:["padding-right","padding-left"],twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},spacingVertical:{name:"spacingVertical",cssProperties:["padding-top","padding-bottom"],twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},textVariant:{name:"textVariant",cssProperties:[],twThemePath:()=>"",possibleFixtures:["textVariants"],extendedProperties:["fontSize","fontWeight","fontFamily","lineHeight","textTransform"]},textDecorationLine:{name:"textDecorationLine",cssProperties:"text-decoration-line",possibleFixtures:["textDecorationLines"],twThemePath:()=>"",customValueRenderer:e=>String(e.value)},shadow:{name:"drop shadow",cssProperties:"box-shadow",twThemePath:()=>"",concatenate:!0,customValueRenderer:e=>{const t="drop";if("alias"===e.valueType){const o="0 0 0 transparent";if("none"===e.value)return o;if("custom"!==e.value)return`var(--uds-${t}-shadow-${e.value})`}else if("custom"===e.valueType){const o=e.value.map(((e,o)=>he({preset:e,shadowType:t,prefix:o>0?`${o+1}`:void 0})));return o?.join(", ")||"0 0 0 transparent"}throw new Error("Invalid valueType")},possibleFixtures:["shadowVariants"]},insetShadow:{name:"inset shadow",cssProperties:"box-shadow",twThemePath:()=>"",concatenate:!0,customValueRenderer:e=>{const t="inset";if("alias"===e.valueType){const o="0 0 0 transparent";if("none"===e.value)return o;if("custom"!==e.value)return`var(--uds-${t}-shadow-${e.value})`}else if("custom"===e.valueType){const o=e.value.map(((e,o)=>he({preset:e,shadowType:t,prefix:o>0?`${o+1}`:void 0})));return o?.join(", ")||"0 0 0 transparent"}throw new Error("Invalid valueType")},possibleFixtures:["shadowVariantsWithInvert"]},height:{name:"height",cssProperties:"height",twThemePath:(e,t)=>`height[${t}]`,possibleFixtures:["spacingAliases"]},width:{name:"width",cssProperties:"width",twThemePath:(e,t)=>`width[${t}]`,possibleFixtures:["spacingAliases"]}},...{outlineWidth:{name:"outlineWidth",cssProperties:"outline-width",twThemePath:(e,t)=>"borderWidths"===e?`borderWidth[${t}]`:`spacing[${t}]`,possibleFixtures:["borderWidths","spacingAliases"]},outlineColor:{name:"outlineColor",cssProperties:"outline-color",twThemePath:(e,t)=>{if("alwaysPaletteAliases"===e||"linePaletteColors"===e)return`borderColor.${t}`;if("spectrumColors"===e){const[e,o]=t.split("-");return`borderColor.${e}.${o}`}return"Error"},possibleFixtures:["alwaysPaletteAliases","spectrumColors","linePaletteColors"]},insetOutlineOffset:{name:"insetOutlineOffset",cssProperties:"outline-offset",twThemePath:()=>"",customValueRenderer:({value:e,type:t},o,a)=>`calc(-1 * ${a("borderWidths"===t?`borderWidth[${e}]`:`spacing[${e}]`)})`,possibleFixtures:["borderWidths","spacingAliases"]},solidOutline:{name:"solidOutline",cssProperties:"outline-style",twThemePath:()=>"",customValueRenderer:()=>"solid",possibleFixtures:[]}}};export{ne as DEFAULT_COLOR_MODE,re as DEFAULT_COLOR_MODE_FOR_APP,ie as DEFAULT_HIGH_CONTRAST_MODE,pe as DEFAULT_REGION_MODE,se as DEFAULT_SCALE_MODE,le as DEFAULT_SCALE_MODE_FOR_APP,de as FONT_DECLARATIONS_MAP,te as alwaysPalette,ee as button,c as cartesianProduct,f as coalesceConfigVariant,$e as configurableProperties,R as createComponentStateConfig,M as createComponentStates,O as createConfigurableProperty,L as createLayerConfig,j as createSubComponentConfig,E as createVariantConfig,z as createVariantConfigWithComponentStates,B as createVariantConfigWithProperties,N as findFixtureType,ae as fontWeightMap,be as fromEntries,K as generateClassName,X as generateDeclaration,y as generateKeyFromFlatConfigPath,u as generateSchemaKey,A as generateStyles,d as getConfigDefaultValue,k as getConfigPseudoStateVariables,V as getConfigPseudoStateVariablesWithSetter,x as getConfigSubcomponents,g as getConfigVariantComponentStates,w as getConfigVariantComponentStatesMatrix,$ as getConfigVariantProperties,S as getConfigVariantPseudoStates,W as getConfigVariants,Z as getDefaultButtonBaseMap,he as getShadowLayerValue,ge as getShadowPresetValues,v as isConfigDefaultValue,ve as parseButtonVariantFlat,ye as parseDeprecatedButtonPaletteVariant,P as setConfigPseudoStateVariable,oe as shadow,F as statePseudoMapDocsMode,Y as toMinimalDbConfigObject};