@yahoo/uds 2.0.0-beta.1 → 2.1.0

package/dist/experimental/index.d.ts

@@ -0,0 +1,469 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SvgIcon, IconSize, IconVariant } from '@yahoo/uds-icons/types';
+import * as react from 'react';
+import react__default, { PropsWithChildren, Ref, FC, TableHTMLAttributes, TdHTMLAttributes } 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 { ButtonProps, IconButtonProps } from '@yahoo/uds/client';
+import { ToastContainerProps } from 'react-toastify';
+export { toast } from 'react-toastify';
+
+declare const alwaysPalette: {
+    white: string;
+    black: string;
+    transparent: string;
+    current: string;
+};
+
+type CorePaletteAlias = 'brand' | 'accent' | 'alert' | 'positive' | 'warning';
+type BackgroundPaletteAlias = 'primary' | 'secondary';
+type ForegroundPaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'on-color';
+type LinePaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted';
+type AlwaysPalette = typeof alwaysPalette;
+type AlwaysPaletteAlias = keyof AlwaysPalette;
+type ForegroundColor = CorePaletteAlias | ForegroundPaletteAlias | AlwaysPaletteAlias;
+type LineColor = CorePaletteAlias | LinePaletteAlias | AlwaysPaletteAlias;
+type BackgroundColor = CorePaletteAlias | BackgroundPaletteAlias | AlwaysPaletteAlias;
+type TextVariant = 'display1' | 'display2' | 'display3' | 'title1' | 'title2' | 'title3' | 'title4' | 'headline1' | 'body1' | 'label1' | 'label2' | 'caption1' | 'caption2' | 'legal1';
+type FontAlias = 'sans' | 'sans-alt' | 'serif' | 'serif-alt' | 'mono';
+type FontWeightDescriptive = 'thin' | 'extralight' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
+type TShirtSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type TShirtSizeCommon = Extract<TShirtSize, 'sm' | 'md' | 'lg'>;
+type AvatarSize = TShirtSizeCommon;
+type SpacingAlias = '0' | 'px' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '14' | '16' | '20' | '24' | '28' | '32' | '36' | '40' | '44' | '48' | '52' | '56' | '60' | '64' | '72' | '80' | '96';
+type BorderRadius = TShirtSize;
+type BorderWidth = 'none' | 'thin' | 'medium' | 'thick';
+type Flex = '1' | 'auto' | 'initial' | 'none';
+type FlexGrow = '0' | '1' | '2' | '3';
+type FlexShrink = '0' | '1';
+type FlexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
+type FlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+type FlexAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
+type FlexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+type FlexBasis = 'min-content';
+type Display = 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'table' | 'inline-table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row-group' | 'table-row' | 'flow-root' | 'grid' | 'contents';
+type Overflow = 'auto' | 'hidden' | 'clip' | 'visible' | 'scroll';
+type Position = 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky';
+type ImageStyleProps = {
+    /**
+     * Determines how the image should be resized to fit its container.
+     */
+    contentFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+};
+interface BorderStyleProps {
+    /** Add a border radius to all corners of the box. */
+    borderRadius?: BorderRadius;
+    /** Add a border radius to top left corner of the box. */
+    borderTopStartRadius?: BorderRadius;
+    /** Add a border radius to top right corner of the box. */
+    borderTopEndRadius?: BorderRadius;
+    /** Add a border radius to bottom left corner of the box. */
+    borderBottomStartRadius?: BorderRadius;
+    /** Add a border radius to bottom right corner of the box. */
+    borderBottomEndRadius?: BorderRadius;
+    /** Adds a custom border color from the palette */
+    borderColor?: LineColor;
+    /** Start border color */
+    borderStartColor?: LineColor;
+    /** End border color */
+    borderEndColor?: LineColor;
+    /** Top border color */
+    borderTopColor?: LineColor;
+    /** Bottom border color */
+    borderBottomColor?: LineColor;
+    /** Shorthand property to the width of an element's border. */
+    borderWidth?: BorderWidth;
+    /** Sets the width of the top and bottom border of an element. */
+    borderVerticalWidth?: BorderWidth;
+    /** Sets the width of the start (left) and end (right) border of an element. */
+    borderHorizontalWidth?: BorderWidth;
+    /** Sets the width of the start (left) border of an element. */
+    borderStartWidth?: BorderWidth;
+    /** Sets the width of the end (right) border of an element. */
+    borderEndWidth?: BorderWidth;
+    /** Sets the width of the top border of an element. */
+    borderTopWidth?: BorderWidth;
+    /** Sets the width of the bottom border of an element. */
+    borderBottomWidth?: BorderWidth;
+}
+interface LayoutStyleProps {
+    /** Sets whether an element is treated as a block or inline box and the layout used for its children, such as flow layout, grid or flex. */
+    display?: Display;
+    /** Shorthand property which sets the desired behavior when content does not fit in the parent element box (overflows) in the horizontal and/or vertical direction. */
+    overflow?: Overflow;
+    /** Sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property. */
+    overflowX?: Overflow;
+    /** sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property. */
+    overflowY?: Overflow;
+    /** Sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements. */
+    position?: Position;
+}
+interface SpacingStyleProps {
+    /** Apply inner spacing on all sides. */
+    spacing?: SpacingAlias;
+    /** Apply inner spacing on the leading and trailing sides. */
+    spacingHorizontal?: SpacingAlias;
+    /** Apply inner spacing on the top and bottom sides. */
+    spacingVertical?: SpacingAlias;
+    /** Apply inner spacing on the bottom side. */
+    spacingBottom?: SpacingAlias;
+    /** Apply inner spacing on the trailing side. */
+    spacingEnd?: SpacingAlias;
+    /** Apply inner spacing on the leading side. */
+    spacingStart?: SpacingAlias;
+    /** Apply inner spacing on the top side. */
+    spacingTop?: SpacingAlias;
+    /** Apply negative outer spacing on all sides. */
+    offset?: SpacingAlias;
+    /** Apply negative outer spacing on the top and bottom sides. */
+    offsetVertical?: SpacingAlias;
+    /** Apply negative outer spacing on the leading and trailing sides. */
+    offsetHorizontal?: SpacingAlias;
+    /** Apply negative outer spacing on the bottom side. */
+    offsetBottom?: SpacingAlias;
+    /** Apply negative outer spacing on the trailing side. */
+    offsetEnd?: SpacingAlias;
+    /** Apply negative outer spacing on the leading side. */
+    offsetStart?: SpacingAlias;
+    /** Apply negative outer spacing on the top side. */
+    offsetTop?: SpacingAlias;
+    /** Control the horizontal gutters between grid and flexbox items. */
+    columnGap?: SpacingAlias;
+    /** Control the vertical gutters between grid and flexbox items. */
+    rowGap?: SpacingAlias;
+}
+interface FlexStyleProps {
+    /** Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. */
+    alignContent?: FlexAlignContent;
+    /** Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. */
+    alignItems?: FlexAlignItems;
+    /** Overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis. */
+    alignSelf?: FlexAlignSelf;
+    /** Sets how a flex item will grow or shrink to fit the space available in its flex container. */
+    flex?: Flex;
+    /** Sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed). */
+    flexDirection?: FlexDirection;
+    /** Sets the flex grow factor, which specifies how much of the flex container's remaining space should be assigned to the flex item's main size. */
+    flexGrow?: FlexGrow;
+    /** Sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink. */
+    flexShrink?: FlexShrink;
+    /** Sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked. */
+    flexWrap?: FlexWrap;
+    /** Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. */
+    justifyContent?: FlexJustifyContent;
+    /** Sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing. https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis */
+    flexBasis?: FlexBasis;
+}
+interface TextStyleProps {
+    /** Color of a Text or Icon element */
+    color?: ForegroundColor;
+    /** Color of placeholder text */
+    placeholderColor?: ForegroundColor;
+    /** Font family for the text */
+    fontFamily?: TextVariant | FontAlias;
+    /** Font size of the text */
+    fontSize?: TextVariant;
+    /** Font weight of the text */
+    fontWeight?: TextVariant | FontWeightDescriptive;
+    /** Line height of the text */
+    lineHeight?: TextVariant;
+    /** Text alignment of the text */
+    textAlign?: 'center' | 'justify' | 'start' | 'end';
+    /** Sets the text transform for the text  */
+    textTransform?: TextVariant | TextTransform;
+}
+interface BackgroundStyleProps {
+    /** Sets the background color. */
+    backgroundColor?: BackgroundColor;
+}
+interface UniversalBoxProps extends PropsWithChildren, BackgroundStyleProps, BorderStyleProps, FlexStyleProps, LayoutStyleProps, SpacingStyleProps {
+    /**
+     * When asChild is set to true, the component's child will be cloned and passed
+     * the props and behavior required to make it functional.
+     */
+    asChild?: boolean;
+}
+interface UniversalStackProps extends Omit<UniversalBoxProps, 'flexDirection'> {
+    gap?: SpacingAlias;
+}
+interface UniversalTextProps extends PropsWithChildren, TextStyleProps, UniversalBoxProps {
+    /** Style of text. */
+    variant?: TextVariant;
+    /** Color of the text. */
+    color?: ForegroundColor;
+}
+interface UniversalIconProps {
+    /** Icon to render from the icons package. */
+    name: SvgIcon;
+    /** Size of the icon. */
+    size?: IconSize;
+    /** Variant for icon. Either fill or outline. */
+    variant?: IconVariant;
+    /** Color of the icon. */
+    color?: ForegroundColor;
+}
+interface UniversalPressableProps extends UniversalBoxProps {
+    onPress?: () => void;
+}
+interface UniversalImageProps extends Omit<UniversalBoxProps, 'width' | 'height'>, ImageStyleProps {
+    /** The source URL of the image. */
+    src: string;
+    /**  Provides fallback (alternate) text to display when the image specified by the Image element is not loaded. */
+    alt?: string;
+    /** Width of the image in px. */
+    width?: number;
+    /** Height of the image in pixel. */
+    height?: number;
+}
+interface UniversalAvatarProps extends UniversalImageProps {
+    /** The size of the Avatar. */
+    size?: AvatarSize;
+    /** The shape of the Avatar. */
+    shape?: BorderRadius;
+}
+interface UniversalTextInputProps {
+    disabled?: boolean;
+    required?: boolean;
+    backgroundColor?: BackgroundColor;
+    borderColor?: LineColor;
+    borderWidth?: BorderWidth;
+    borderRadius?: BorderRadius;
+    color?: ForegroundColor;
+    fontSize?: TextVariant;
+    placeholderColor?: ForegroundColor;
+    spacingVertical?: SpacingAlias;
+    spacingHorizontal?: SpacingAlias;
+}
+
+type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
+interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
+}
+
+type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li';
+type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
+    /** Ref passed to the inner container. */
+    ref?: Ref<HTMLElement>;
+    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+    as?: TagName;
+} & JSX.IntrinsicElements[TagName] & UniversalTextProps;
+
+type DivProps = React.HTMLAttributes<HTMLDivElement>;
+interface BoxProps extends UniversalBoxProps, DivProps {
+}
+
+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;
+
+type NativeImageProps = Omit<react__default.ImgHTMLAttributes<HTMLImageElement>, 'size' | 'color' | 'height' | 'width' | 'alt' | 'src'>;
+interface AvatarProps extends NativeImageProps, UniversalAvatarProps {
+}
+/**
+ * Avatar can be used for profile images.
+ */
+declare function Avatar({ size: avatarSize, shape: borderRadius, src, alt, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+interface CheckBoxProps {
+    label: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+declare const CheckBox: FC<CheckBoxProps>;
+
+type SVGElementProps = Omit<React.HTMLAttributes<SVGSVGElement>, 'color'>;
+interface IconProps extends UniversalIconProps, SVGElementProps {
+}
+
+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;
+
+type SpinnerProps = React.HTMLAttributes<HTMLDivElement>;
+declare function Spinner({ className, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * TableColumn
+ * A TableColumn is a definition of a column in a table.
+ */
+type TableColumn<T> = {
+    title?: string;
+    dataIndex: keyof T;
+    render?: (value: T[keyof T], record: T, index: number) => react__default.ReactNode;
+};
+type TableRootProps = TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+    /** Sets whether an element is treated as a block or inline box and the
+     *  layout used for its children, such as flow layout, grid or flex.
+     *  @default "table"
+     */
+    display?: BoxProps['display'];
+};
+type HTMLTableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, 'color' | 'height' | 'width'>;
+interface TableCellProps extends Omit<UniversalTextProps, 'color'>, HTMLTableCellProps {
+    /** asHeaderCell will return a th element instead of a td element.
+     *  If asHeaderCell is row, it will return a th element with scope="row"
+     *  @default false
+     */
+    asHeaderCell?: boolean | 'column' | 'row';
+    color?: TextProps['color'];
+}
+/**
+ * Table component props
+ * @template T The type of data in the table.
+ */
+type TableProps<T> = {
+    /** An array of data for the table. Each item represents a row in the table.
+     * The keys of each item should match the `dataIndex` of the columns.
+     */
+    data: T[];
+    /** An array of columns for the table. Each item defines a column in the table.
+     * The `dataIndex` should match the key of the data item.
+     */
+    columns: TableColumn<T>[];
+} & TableRootProps;
+/**
+ * The Table component renders a table with the given data and columns.
+ * If you want more control over the table, or want to handle virtualization,
+ * drag-n-drop, etc, Please can use the sub-components directly and build your own!
+ */
+declare function Table<T>({ data, columns, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Table {
+    var Root: react__default.ForwardRefExoticComponent<react__default.TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+        /** Sets whether an element is treated as a block or inline box and the
+         *  layout used for its children, such as flow layout, grid or flex.
+         *  @default "table"
+         */
+        display?: BoxProps["display"];
+    } & {
+        children?: react__default.ReactNode | undefined;
+    } & react__default.RefAttributes<HTMLTableElement>>;
+    var Row: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableRowElement> & BoxProps & {
+        children?: react__default.ReactNode | undefined;
+    } & react__default.RefAttributes<HTMLTableRowElement>>;
+    var Header: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+        children?: react__default.ReactNode | undefined;
+    } & react__default.RefAttributes<HTMLTableSectionElement>>;
+    var Body: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+        children?: react__default.ReactNode | undefined;
+    } & react__default.RefAttributes<HTMLTableSectionElement>>;
+    var Cell: react__default.ForwardRefExoticComponent<TableCellProps & {
+        children?: react__default.ReactNode | undefined;
+    } & react__default.RefAttributes<HTMLTableCellElement | HTMLTableHeaderCellElement>>;
+}
+
+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 function ToastContainer(props: ToastProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionProps, Avatar, type AvatarProps, CheckBox, 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, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Table, type TableProps, Tabs, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, ToastContainer, type ToastProps, useModalStore };

package/dist/experimental/index.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{AnimatePresence as o,motion as a}from"framer-motion";import{lineColors as l,borderWidths as n,borderRadii as i,foregroundColors as s,spectrumColors as d,backgroundColors as p,textVariants as c}from"@yahoo/uds/fixtures";import{getFeatureFlags as u}from"@yahoo/uds/flags";import m from"clsx";import b from"imurmurhash";import{extendTailwindMerge as f}from"tailwind-merge";import{forwardRef as g,useCallback as h,Children as y,isValidElement as x,cloneElement as v}from"react";import{usePopoverStore as C,TabList as w,useTabContext as k,TabPanel as z,PopoverHeading as S,Popover as W,PopoverArrow as H,PopoverAnchor as B,PopoverDescription as T,PopoverDismiss as N,PopoverProvider as R,PopoverDisclosure as V,PopoverDisclosureArrow as E,useDialogStore as G,Dialog as j,DialogDismiss as M,TabProvider as I,Tab as L}from"@ariakit/react";export{usePopoverStore}from"@ariakit/react";import{Button as D,IconButton as P}from"@yahoo/uds/client";import{ToastContainer as $,Slide as F}from"react-toastify";export{toast}from"react-toastify";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var A="uds",O={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:`${A}-color-mode-dark`,light:`${A}-color-mode-light`},scaleMode:{xSmall:`${A}-scale-mode-xsmall`,small:`${A}-scale-mode-small`,medium:`${A}-scale-mode-medium`,large:`${A}-scale-mode-large`,xLarge:`${A}-scale-mode-xlarge`,xxxLarge:`${A}-scale-mode-xxxlarge`,xxLarge:`${A}-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"}},X=["none","custom","lighten","darken"],Y=["none","custom"],_=["none","up","down"],q={hover:{backgroundColor:{value:"darken",options:X},borderColor:{value:"none",options:Y},color:{value:"none",options:[...Y,"darken"]},scale:{value:"up",options:_}},pressed:{backgroundColor:{value:"darken",options:X},borderColor:{value:"none",options:Y},color:{value:"none",options:[...Y,"darken"]},scale:{value:"down",options:_}}},Z={hover:{backgroundColor:{value:"none",options:Y},borderColor:{value:"darken",options:X},color:{value:"darken",options:X},scale:{value:"up",options:_}},pressed:{backgroundColor:{value:"none",options:Y},borderColor:{value:"darken",options:X},color:{value:"darken",options:X},scale:{value:"down",options:_}}},J={hover:{backgroundColor:{value:"lighten",options:["none","custom","lighten"]},borderColor:{value:"none",options:Y},color:{value:"none",options:["none","custom","lighten"]},scale:{value:"up",options:_}},pressed:{backgroundColor:{value:"lighten",options:X},borderColor:{value:"none",options:Y},color:{value:"none",options:X},scale:{value:"down",options:_}}};function K(e){return{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:e},color:{type:"palette",value:"on-color"},scale:"none"}}function Q(e){return{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:e},color:{type:"palette",value:e},scale:"none"}}function U(e){return{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:e},scale:"none"}}var 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:{accent:{primary:{kind:"fill",effect:q,base:K("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:Z,base:Q("accent"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-10"},color:{type:"spectrum",value:"carbon-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-11"},color:{type:"spectrum",value:"carbon-11"}}}},tertiary:{kind:"ghost",effect:J,base:U("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"}}}}},brand:{primary:{kind:"fill",effect:q,base:K("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:Z,base:Q("brand"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"},color:{type:"spectrum",value:"purple-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"},color:{type:"spectrum",value:"purple-11"}}}},tertiary:{kind:"ghost",effect:J,base:U("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"}}}}},alert:{primary:{kind:"fill",effect:q,base:K("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:Z,base:Q("alert"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"},color:{type:"spectrum",value:"red-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"},color:{type:"spectrum",value:"red-11"}}}},tertiary:{kind:"ghost",effect:J,base:U("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"}}}}},positive:{primary:{kind:"fill",effect:q,base:K("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:Z,base:Q("positive"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"},color:{type:"spectrum",value:"green-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"},color:{type:"spectrum",value:"green-11"}}}},tertiary:{kind:"ghost",effect:J,base:U("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"}}}}},warning:{primary:{kind:"fill",effect:q,base:K("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"}}}},secondary:{kind:"outline",effect:Z,base:Q("warning"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"},color:{type:"spectrum",value:"orange-10"}},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"},color:{type:"spectrum",value:"orange-11"}}}},tertiary:{kind:"ghost",effect:J,base:U("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"}}}}}}},te=(ee.size.sm.spacingVertical,ee.size.sm.iconSize,ee.size.md.spacingVertical,ee.size.md.iconSize,ee.size.lg.spacingVertical,ee.size.lg.iconSize,{sm:16,md:24,lg:32}),re={sm:16,md:24,lg:32},oe=te,ae={display1:"sans",display2:"sans",display3:"sans",title1:"sans",title2:"sans",title3:"sans",title4:"sans",headline1:"sans",body1:"sans",label1:"sans",label2:"sans",caption1:"sans",caption2:"sans",legal1:"sans"},le={display1:"black",display2:"extrabold",display3:"extrabold",title1:"bold",title2:"bold",title3:"bold",title4:"bold",headline1:"semibold",body1:"regular",label1:"semibold",label2:"regular",caption1:"semibold",caption2:"regular",legal1:"semibold"},ne={display1:"uppercase",display2:"none",display3:"none",title1:"none",title2:"none",title3:"none",title4:"none",headline1:"none",body1:"none",label1:"none",label2:"none",caption1:"none",caption2:"none",legal1:"none"},ie={fontSize:{display1:46,display2:37,display3:33,title1:29,title2:25,title3:21,title4:17,headline1:13,body1:13,label1:12,label2:12,caption1:11,caption2:11,legal1:10},lineHeight:{display1:44,display2:44,display3:44,title1:36,title2:32,title3:28,title4:24,headline1:16,body1:16,label1:16,label2:16,caption1:16,caption2:16,legal1:12}},se={fontSize:{display1:46,display2:38,display3:34,title1:30,title2:26,title3:22,title4:18,headline1:14,body1:14,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...ie.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},de={fontSize:{display1:47,display2:39,display3:35,title1:31,title2:27,title3:23,title4:19,headline1:15,body1:15,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...se.lineHeight,title2:36,title3:32}},pe={fontSize:{...de.fontSize,display1:48,display2:40,display3:36,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...de.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},ce={fontSize:{display1:50,display2:42,display3:38,title1:34,title2:30,title3:26,title4:22,headline1:18,body1:16,label1:16,label2:16,caption1:14,caption2:14,legal1:13},lineHeight:{...pe.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},ue={fontSize:{display1:52,display2:44,display3:40,title1:36,title2:32,title3:28,title4:26,headline1:20,body1:20,label1:18,label2:18,caption1:16,caption2:16,legal1:15},lineHeight:{...ce.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},me={fontSize:{display1:54,display2:46,display3:42,title1:38,title2:34,title3:30,title4:28,headline1:22,body1:22,label1:20,label2:20,caption1:18,caption2:18,legal1:17},lineHeight:{...ue.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}},be={fontFamily:ae,fontWeight:le,textTransform:ne,avatarSizes:re,iconSizes:te,borderRadius:{none:0,xs:2,sm:4,md:8,lg:12,xl:24,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:2}},fe={fontFamily:ae,fontWeight:le,textTransform:ne,avatarSizes:re,iconSizes:oe,borderRadius:{none:0,xs:2,sm:4,md:8,lg:16,xl:32,full:9999},borderWidth:{none:0,thin:1,medium:2,thick:4}},ge={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}}},he=({size:t,variant:o})=>{if("outline"===o)switch(t){case"sm":return e(r,{children:e("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(r,{children:e("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(r,{children:e("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"===o)switch(t){case"sm":return e(r,{children:e("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(r,{children:e("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(r,{children:e("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(r,{})},ye=({size:t,variant:o})=>{if("outline"===o)switch(t){case"sm":return e(r,{children:e("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(r,{children:e("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(r,{children:e("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"===o)switch(t){case"sm":return e(r,{children:e("path",{fill:"currentColor",d:"M13.628 8 7 14.627 5.375 13l5-5-5-5 1.626-1.626z"})});case"md":return e(r,{children:e("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(r,{children:e("path",{fill:"currentColor",d:"M24.122 16 11 29.122 8.88 27l11-11-11-11L11 2.88z"})})}return e(r,{})},xe=({size:t,variant:o})=>{if("outline"===o)switch(t){case"sm":return e(r,{children:e("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(r,{children:e("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(r,{children:e("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"===o)switch(t){case"sm":return e(r,{children:e("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(r,{children:e("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(r,{children:e("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(r,{})},ve=({size:t,variant:o})=>{if("outline"===o)switch(t){case"sm":return e(r,{children:e("path",{fill:"currentColor",d:"M13.2 2.8v10.4H2.8V2.8zM1 1v14h14V1z"})});case"md":return e(r,{children:e("path",{fill:"currentColor",d:"M19.2 4.8v14.4H4.8V4.8zM3 3v18h18V3z"})});case"lg":return e(r,{children:e("path",{fill:"currentColor",d:"M27.9 4.1v22.8H4.1V4.1zM2 2v27h28V2z"})})}if("fill"===o)switch(t){case"sm":return e(r,{children:e("path",{fill:"currentColor",d:"M1 1h14v14H1z"})});case"md":return e(r,{children:e("path",{fill:"currentColor",d:"M3 3h18v18H3z"})});case"lg":return e(r,{children:e("path",{fill:"currentColor",d:"M2 2h28v27H2z"})})}return e(r,{})};function Ce(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}function we(e){const t=Object.create(null),r=Object.keys(e);for(let o=0,a=r.length;o<a;o++){const a=r[o];void 0!==e[a]&&(t[a]=e[a])}return t}var ke,ze=f({extend:{theme:{borderColor:l,borderWidth:n,borderRadius:i}},override:{classGroups:{"text-color":[{text:[...s,...d]}],"bg-color":[{bg:p}],"font-family":[{font:["icons",...c]}],leading:[{leading:c}]},conflictingClassGroups:{}}}),Se=(...e)=>{const t=m(e);return ze(t)},We=(ke={variants:O},e=>{if(!ke?.variants)return Se(ke?.base,e?.className);const{variants:t,defaultVariants:r}=ke,o=Object.keys(t).map((o=>{const a=e?.[o],l=r?.[o],n=Ce(a)||Ce(l);return t[o][n]})),a={...r,...e&&we(e)},l=ke?.compoundVariants?.reduce(((e,{className:t,...r})=>Object.entries(r).every((([e,t])=>a[e]===t))?Se(e,t):e),"");return Se(ke?.base,o,l,e?.className)}),He=new Map,Be=e=>{const{useGetStylesCache:t}=u();if(t){const t=function(e){const t=Object.create(null),r=Object.keys(e).sort();for(let o=0,a=r.length;o<a;o++){const a=r[o];t[a]=e[a]}return t}(we(e)),r=(new b).hash(JSON.stringify(t)).result();if(He.has(r))return He.get(r);const o=We(t);return He.set(r,o),o}return We(e)},Te=g((function({name:t,size:r="md",variant:o="outline",color:a="primary",className:l,...n},i){const s=Be({color:a,flex:"none",className:l}),d=oe[r];return e("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",width:d,height:d,viewBox:`0 0 ${d} ${d}`,"aria-hidden":"true",focusable:"false",className:s,...n,children:e(t,{size:r,variant:o})})}));function Ne(...e){return t=>e.forEach((e=>function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)}(e,t)))}function Re(){const t=g(((t,o)=>{const{children:l,...n}=t,i=y.toArray(l),s=i.find(a);if(s){const t=s.props.children,a=i.map((e=>e===s?y.count(t)>1?y.only(null):x(t)?t.props.children:null:e));return e(r,{...n,ref:o,children:x(t)?v(t,void 0,a):null})}return e(r,{...n,ref:o,children:l})}));t.displayName="Slot";const r=g(((e,t)=>{const{children:r,...o}=e;return x(r)?v(r,{...l(o,r.props),ref:t?Ne(t,r.ref):r.ref}):y.count(r)>1?y.only(null):null}));r.displayName="SlotClone";const o=({children:e})=>e;function a(e){return x(e)&&e.type===o}function l(e,t){const r={...t};for(const o in t){const a=e[o],l=t[o];/^on[A-Z]/.test(o)?a&&l?r[o]=(...e)=>{l(...e),a(...e)}:a&&(r[o]=a):"style"===o&&(r[o]={...a,...l})}return{...e,...r}}return t}var Ve=Re(),Ee=g((function({className:t,asChild:r,onPress:o,onClick:a=o,backgroundColor:l,borderRadius:n,borderTopStartRadius:i,borderTopEndRadius:s,borderBottomStartRadius:d,borderBottomEndRadius:p,borderColor:c,borderStartColor:u,borderEndColor:m,borderTopColor:b,borderBottomColor:f,borderWidth:g,borderVerticalWidth:h,borderHorizontalWidth:y,borderStartWidth:x,borderEndWidth:v,borderTopWidth:C,borderBottomWidth:w,alignContent:k,alignItems:z,alignSelf:S,flex:W,flexDirection:H,flexGrow:B,flexShrink:T,flexWrap:N,justifyContent:R,flexBasis:V,display:E,overflow:G,overflowX:j,overflowY:M,position:I,spacing:L,spacingHorizontal:D,spacingVertical:P,spacingBottom:$,spacingEnd:F,spacingStart:A,spacingTop:O,offset:X,offsetVertical:Y,offsetHorizontal:_,offsetBottom:q,offsetEnd:Z,offsetStart:J,offsetTop:K,columnGap:Q,rowGap:U,...ee},te){const re=Be({backgroundColor:l,borderRadius:n,borderTopStartRadius:i,borderTopEndRadius:s,borderBottomStartRadius:d,borderBottomEndRadius:p,borderColor:c,borderStartColor:u,borderEndColor:m,borderTopColor:b,borderBottomColor:f,borderWidth:g,borderVerticalWidth:h,borderHorizontalWidth:y,borderStartWidth:x,borderEndWidth:v,borderTopWidth:C,borderBottomWidth:w,alignContent:k,alignItems:z,alignSelf:S,flex:W,flexDirection:H,flexGrow:B,flexShrink:T,flexWrap:N,justifyContent:R,flexBasis:V,display:E,overflow:G,overflowX:j,overflowY:M,position:I,spacing:L,spacingHorizontal:D,spacingVertical:P,spacingBottom:$,spacingEnd:F,spacingStart:A,spacingTop:O,offset:X,offsetVertical:Y,offsetHorizontal:_,offsetBottom:q,offsetEnd:Z,offsetStart:J,offsetTop:K,columnGap:Q,rowGap:U,className:t});return e(r?Ve:"button",{className:re,ref:te,onClick:a,...ee})})),Ge=Re(),je={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"},Me=g((function({className:t,asChild:r,color:o="primary",variant:a="body1",as:l=je[a],fontSize:n=a,fontFamily:i=a,fontWeight:s=a,lineHeight:d=a,textTransform:p=a,textAlign:c,backgroundColor:u,borderRadius:m,borderTopStartRadius:b,borderTopEndRadius:f,borderBottomStartRadius:g,borderBottomEndRadius:h,borderColor:y,borderStartColor:x,borderEndColor:v,borderTopColor:C,borderBottomColor:w,borderWidth:k,borderVerticalWidth:z,borderHorizontalWidth:S,borderStartWidth:W,borderEndWidth:H,borderTopWidth:B,borderBottomWidth:T,alignContent:N,alignItems:R,alignSelf:V,flex:E,flexDirection:G,flexGrow:j,flexShrink:M,flexWrap:I,justifyContent:L,flexBasis:D,display:P,overflow:$,overflowX:F,overflowY:A,position:O,spacing:X,spacingHorizontal:Y,spacingVertical:_,spacingBottom:q,spacingEnd:Z,spacingStart:J,spacingTop:K,offset:Q,offsetVertical:U,offsetHorizontal:ee,offsetBottom:te,offsetEnd:re,offsetStart:oe,offsetTop:ae,columnGap:le,rowGap:ne,...ie},se){const de=Be({className:t,color:o,fontFamily:i,fontSize:n,fontWeight:s,lineHeight:d,textTransform:p,textAlign:c,backgroundColor:u,borderRadius:m,borderTopStartRadius:b,borderTopEndRadius:f,borderBottomStartRadius:g,borderBottomEndRadius:h,borderColor:y,borderStartColor:x,borderEndColor:v,borderTopColor:C,borderBottomColor:w,borderWidth:k,borderVerticalWidth:z,borderHorizontalWidth:S,borderStartWidth:W,borderEndWidth:H,borderTopWidth:B,borderBottomWidth:T,alignContent:N,alignItems:R,alignSelf:V,flex:E,flexDirection:G,flexGrow:j,flexShrink:M,flexWrap:I,justifyContent:L,flexBasis:D,display:P,overflow:$,overflowX:F,overflowY:A,position:O,spacing:X,spacingHorizontal:Y,spacingVertical:_,spacingBottom:q,spacingEnd:Z,spacingStart:J,spacingTop:K,offset:Q,offsetVertical:U,offsetHorizontal:ee,offsetBottom:te,offsetEnd:re,offsetStart:oe,offsetTop:ae,columnGap:le,rowGap:ne});return e(r?Ge:l,{className:de,ref:se,...ie})})),Ie=Re(),Le=g((function({asChild:t,className:r,backgroundColor:o,borderRadius:a,borderTopStartRadius:l,borderTopEndRadius:n,borderBottomStartRadius:i,borderBottomEndRadius:s,borderColor:d,borderStartColor:p,borderEndColor:c,borderTopColor:u,borderBottomColor:m,borderWidth:b,borderVerticalWidth:f,borderHorizontalWidth:g,borderStartWidth:h,borderEndWidth:y,borderTopWidth:x,borderBottomWidth:v,alignContent:C,alignItems:w,alignSelf:k,flex:z,flexDirection:S,flexGrow:W,flexShrink:H,flexWrap:B,justifyContent:T,flexBasis:N,display:R="flex",overflow:V,overflowX:E,overflowY:G,position:j,spacing:M,spacingHorizontal:I,spacingVertical:L,spacingBottom:D,spacingEnd:P,spacingStart:$,spacingTop:F,offset:A,offsetVertical:O,offsetHorizontal:X,offsetBottom:Y,offsetEnd:_,offsetStart:q,offsetTop:Z,columnGap:J,rowGap:K,...Q},U){const ee=Be({backgroundColor:o,borderRadius:a,borderTopStartRadius:l,borderTopEndRadius:n,borderBottomStartRadius:i,borderBottomEndRadius:s,borderColor:d,borderStartColor:p,borderEndColor:c,borderTopColor:u,borderBottomColor:m,borderWidth:b,borderVerticalWidth:f,borderHorizontalWidth:g,borderStartWidth:h,borderEndWidth:y,borderTopWidth:x,borderBottomWidth:v,alignContent:C,alignItems:w,alignSelf:k,flex:z,flexDirection:S,flexGrow:W,flexShrink:H,flexWrap:B,justifyContent:T,flexBasis:N,display:R,overflow:V,overflowX:E,overflowY:G,position:j,spacing:M,spacingHorizontal:I,spacingVertical:L,spacingBottom:D,spacingEnd:P,spacingStart:$,spacingTop:F,offset:A,offsetVertical:O,offsetHorizontal:X,offsetBottom:Y,offsetEnd:_,offsetStart:q,offsetTop:Z,columnGap:J,rowGap:K,className:r});return e(t?Ie:"div",{className:ee,ref:U,...Q})})),De=g((function({gap:t,...r},o){return e(Le,{ref:o,flexDirection:"column",columnGap:t,rowGap:t,...r})}));function Pe({label:l,children:n,onClick:i,open:s,spacingHorizontal:d="4",_content:p,className:c,textProps:u,...m}){const b={type:"spring",...ge.smooth[3]};return t(r,{children:[t(Ee,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",spacingVertical:"4",spacingHorizontal:d,borderRadius:"md",onClick:i,className:Se("hover:bg-secondary/80","w-full",c),...m,children:[e(Me,{variant:"title4",color:"primary",...u||{},children:l}),e(o,{initial:!1,children:e(a.div,{initial:"collapsed",animate:s?"open":"collapsed",exit:"collapsed",variants:{open:{rotate:90},collapsed:{rotate:0}},transition:b,"data-testid":"chevron-motion",children:e(Te,{name:ye,variant:"fill",size:"sm",color:"primary"})})})]}),e(o,{initial:!1,children:e(a.div,{initial:"collapsed",animate:s?"open":"collapsed",exit:"collapsed",variants:{open:{height:"auto"},collapsed:{height:0,overflow:"hidden"}},transition:b,children:e(De,{spacingHorizontal:d,...p,children:n})},"content")})]})}var $e={display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundColor:"primary",contentFit:"cover"};function Fe({size:t,shape:r,src:o,alt:a,...l}){const n=Be({...$e,avatarSize:t,borderRadius:r});return e("img",{src:o,alt:a,className:n,...l})}var Ae=g((function({gap:t,...r},o){return e(Le,{ref:o,flexDirection:"row",rowGap:t,columnGap:t,...r})})),Oe=({label:r,checked:o,onChange:a})=>e(Ae,{asChild:!0,alignItems:"center",className:"cursor-pointer",gap:"2",children:t("label",{children:[e("input",{type:"checkbox",checked:o,onChange:e=>{a(e.target.checked)},className:"!max-w-0 cursor-pointer opacity-0"}),e(Te,{name:o?he:ve,color:"tertiary",size:"md"}),e(Me,{variant:"label2",color:"secondary",className:"select-none",children:r})]})}),Xe={accent:"on-color",secondary:"primary"},Ye={accent:"on-color",secondary:"tertiary"};function _e({children:r,variant:o,startIcon:a,startContent:l=(a?e(Te,{name:a,variant:"fill",size:"sm",color:Xe[o]}):null),endIcon:n,endContent:i=(n?e(Te,{name:n,variant:"fill",size:"sm",color:Xe[o]}):null)}){return t(Ee,{display:"inline-flex",flexDirection:"row",columnGap:"2",borderRadius:"full",backgroundColor:o,alignItems:"center",spacingVertical:"2",spacingHorizontal:"3",children:[l,e(Me,{variant:"label2",color:Ye[o],children:r}),i]})}function qe({children:r,leading:o,trailing:a}){return t(Ae,{children:[o,e(Me,{variant:"headline1",color:"primary",asChild:!0,children:e(S,{children:r})}),a]})}var Ze=W,Je=H,Ke=B,Qe=T,Ue=N,et=R,tt=V,rt=E,ot=et,at=g((function({children:t,disabled:r,onClick:o,...a},l){const n=C(),i=h((e=>{e.preventDefault();o?.((()=>n.setOpen(!1)))}),[o,n]);return e(Ee,{display:"flex",flexDirection:"row",alignItems:"flex-start",spacingVertical:"4",spacingHorizontal:"8",columnGap:"3",borderColor:"muted",className:Se(!r&&"hover:bg-gray-2",r&&"cursor-default"),onClick:o?i:void 0,ref:l,...a,children:t})}));function lt({title:r,description:o,_title:a,_description:l,startIcon:n,endIcon:i,...s}){return t(at,{...s,children:[n&&e(Te,{name:n,size:"md",color:"primary"}),t(De,{gap:"3",alignItems:"flex-start",children:[r&&e(Me,{variant:"headline1",color:"primary",...a,children:r}),o&&e(Me,{variant:"label2",color:"muted",...l,children:o})]}),i&&e(Te,{name:i,size:"md",color:"primary"})]})}var nt=g((function({children:r,className:o,overflow:a="scroll",...l},n){return e(De,{borderRadius:"lg",backgroundColor:"primary",position:"relative",className:Se("z-10 max-h-[312px] min-w-[220px] shadow-md",o),overflow:a,asChild:!0,children:t(Ze,{preventBodyScroll:!0,autoFocusOnHide:!1,...l,ref:n,children:[e(Je,{className:"!stroke-2"}),r]})})}));function it(t){return e(tt,{render:r=>t.children?e(Le,{...r,asChild:!0,children:e(D,{startIcon:t.startIcon,...t,children:t.children})}):e(Le,{...r,asChild:!0,children:e(P,{...t,name:t.name??t.startIcon})})})}function st(e){return G({animated:!0,...e})}function dt({children:r,handleClose:o}){return t(Ae,{alignItems:"center",justifyContent:"space-between",children:[e(Me,{variant:"headline1",color:"primary",children:r}),e(P,{"aria-label":"Close",size:"sm",variant:"tertiary",name:xe,onClick:o})]})}function pt({className:t,...r}){return e(De,{borderRadius:"md",position:"fixed",backgroundColor:"primary",className:Se("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",t),spacing:"8",asChild:!0,overflow:"hidden",children:e(j,{backdrop:e("div",{className:"data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm"}),...r})})}var ct=M;function ut({className:r,...o}){return t("div",{role:"status",className:Se("self-center","relative",r),...o,style:{width:32,maxWidth:32,height:32,maxHeight:32},children:[t("svg",{"aria-hidden":"true",className:"text-gray-3 fill-accent top-half left-half absolute left-0 right-0 animate-spin",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),e("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),e("span",{className:"sr-only",children:"Loading..."})]})}var mt=g((function({children:t,className:r,display:o="table",overflow:a="hidden",borderColor:l="muted",borderRadius:n="md",...i},s){return e(Le,{asChild:!0,borderColor:l,borderRadius:n,className:r,overflow:a,display:o,...i,children:e("table",{ref:s,children:t})})})),bt=g((function({children:t,display:r="table-row",...o},a){return e(Le,{asChild:!0,display:r,...o,children:e("tr",{ref:a,children:t})})})),ft=g((function({children:t,display:r="table-header-group",...o},a){return e(Le,{asChild:!0,display:r,...o,children:e("thead",{ref:a,children:t})})})),gt=g((function({children:t,display:r="table-row-group",...o},a){return e(Le,{asChild:!0,display:r,...o,children:e("tbody",{ref:a,children:t})})})),ht=g((function({asHeaderCell:t,className:r,display:o="table-cell",spacing:a="3",borderBottomColor:l="muted",color:n="primary",...i},s){const d=Be({textAlign:"start",className:r});return e(Me,{asChild:!0,variant:t?"headline1":"body1",color:n,display:o,spacing:a,borderBottomColor:l,borderBottomWidth:"thin",className:d,children:e(t?"th":"td",{scope:"row"===t?"row":t?"column":void 0,...i,ref:s})})}));function yt({data:r,columns:o,...a}){return t(yt.Root,{...a,children:[e(yt.Header,{children:e(yt.Row,{children:o.map(((t,r)=>e(yt.Cell,{asHeaderCell:"column",children:t.title},r)))})}),e(yt.Body,{children:r.map(((t,r)=>e(yt.Row,{children:o.map(((o,a)=>{const l=t[o.dataIndex];return e(yt.Cell,{children:o.render?o.render(l,t,r):x(l)?l:String(l)},a)}))},r)))})]})}yt.Root=mt,yt.Row=bt,yt.Header=ft,yt.Body=gt,yt.Cell=ht;var xt=Re();function vt(t){return e(I,{...t})}var Ct=g((function({className:t,...r},o){const a=Be({display:"flex",flexDirection:"row",columnGap:"6",className:t});return e(w,{ref:o,...r,className:a})})),wt=function({asChild:r,label:o,value:a,startIcon:l}){const n=r?xt:"button",i=Be({});if(!k())throw new Error("Tab must be wrapped in a Tabs component");const s=Se("text-tertiary","border-b-transparent","aria-selected:border-b-accent","aria-selected:text-accent");return e(L,{id:a,className:i,render:e(Ee,{borderBottomWidth:"thick",spacingBottom:"1",spacingTop:"4",className:s,asChild:!0,children:t(n,{children:[l?e(Te,{name:l,className:"text-current",size:"md"}):null,e(Me,{className:"text-current",variant:"headline1",as:"span",children:o})]})})})},kt=g((function(t,r){const o=k();if(!o)throw new Error("TabPanel must be wrapped in a Tabs component");const a=o.useState("selectedId");return e(z,{ref:r,tabId:a,...t})}));function zt({className:t,disabled:r,backgroundColor:o=(r?"secondary":"primary"),borderColor:a="tertiary",borderWidth:l="thin",borderRadius:n="md",color:i="primary",placeholderColor:s="tertiary",spacingVertical:d="3",spacingHorizontal:p="4",fontSize:c="body1",...u}){return e("input",{type:"text","data-1p-ignore":!0,className:Se(Be({backgroundColor:o,borderColor:a,borderWidth:l,borderRadius:n,spacingVertical:d,spacingHorizontal:p,fontSize:c,fontWeight:c,lineHeight:c,fontFamily:c,color:i,placeholderColor:s}),"w-full",t),disabled:r,...u})}function St({children:r,required:o}){return t(Me,{variant:"caption2",color:"primary",children:[r,o&&e(Me,{variant:"caption2",as:"span",color:"alert",spacingStart:"0.5",children:"*"})]})}function Wt({label:r,required:o,...a}){return t(De,{gap:"4",className:"w-full",children:[e(St,{required:o,children:r}),e(zt,{required:o,...a})]})}var Ht=Be({borderRadius:"md",spacingVertical:"2",spacingHorizontal:"3",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:"5",overflow:"hidden",position:"relative",className:"cursor-pointer"}),Bt=Be({fontSize:"label2",lineHeight:"label2",fontWeight:"label2"}),Tt=Be({backgroundColor:"positive"}),Nt=Be({backgroundColor:"alert"}),Rt=Be({backgroundColor:"accent"}),Vt=Be({backgroundColor:"warning"}),Et=Be({backgroundColor:"accent"}),Gt=Be({backgroundColor:"brand"}),jt=Be({backgroundColor:"accent"}),Mt=e=>"default"===e?.type?Se(Ht,jt):e?.defaultClassName??"";function It(e){const{type:t="default",defaultClassName:r=""}=e??{},o={success:Tt,error:Nt,info:Rt,warning:Vt,default:Et,dark:Gt}[t],a=r.replace(/Toastify__progress-bar-theme--light/,"");return Se(a,o)}function Lt({closeToast:t,type:r}){return e(P,{name:xe,size:"sm",palette:{success:"positive",error:"alert",info:"accent",warning:"warning",default:"accent",dark:"accent"}[r],onClick:t,className:"h-fit self-center"})}function Dt(t){return e($,{toastClassName:Mt,bodyClassName:Bt,progressClassName:It,transition:F,closeButton:Lt,...t})}
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{Pe as Accordion,Fe as Avatar,Oe as CheckBox,_e as Chip,ot as Dropdown,lt as DropdownItem,at as DropdownItemPressable,nt as DropdownItems,it as DropdownTrigger,pt as Modal,ct as ModalDismiss,dt as ModalHeader,Ze as Popover,Ke as PopoverAnchor,Je as PopoverArrow,Qe as PopoverDescription,tt as PopoverDisclosure,rt as PopoverDisclosureArrow,Ue as PopoverDismiss,qe as PopoverHeading,et as PopoverProvider,ut as Spinner,wt as Tab,Ct as TabList,kt as TabPanel,yt as Table,vt as Tabs,zt as TextInput,Wt as TextInputGroup,St as TextInputLabel,Dt as ToastContainer,st as useModalStore};