@midas-ds/components 10.1.0 → 10.2.0

package/select/types.d.ts

@@ -0,0 +1,188 @@
+import { MenuTriggerState } from '@react-stately/menu';
+import { FormValidationState } from '@react-stately/form';
+import { OverlayTriggerProps } from '@react-types/overlays';
+import { ListState } from '@react-stately/list';
+import { AsyncLoadable, CollectionBase, FocusableProps, InputBase, LabelableProps, MultipleSelection, TextInputBase, Validation, Key, Node, CollectionChildren } from '@react-types/shared';
+import { HTMLAttributes } from 'react';
+import { AriaListBoxOptions } from 'react-aria';
+import { AriaButtonProps } from '@react-types/button';
+import { AriaSelectProps } from '@react-types/select';
+import { Size } from '../common/types';
+import { ListBoxItemElement, ListBoxOption, ListBoxSectionElement } from '../list-box/';
+/**
+ * Props used for setting up the list state
+ */
+export interface MultiSelectListProps<T extends ListBoxOption> extends CollectionBase<T>, MultipleSelection {
+}
+/**
+ * The state of the select list
+ */
+export interface MultiSelectListState<T extends ListBoxOption> extends ListState<T> {
+    /**
+     * The keys for the currently selected items.
+     */
+    selectedKeys: Set<Key>;
+    /**
+     * Sets the selected keys.
+     */
+    setSelectedKeys(keys: Iterable<Key>): void;
+    /**
+     * The value of the currently selected items.
+     */
+    selectedItems: Node<T>[] | null;
+    /**
+     * The type of selection.
+     */
+    selectionMode: MultiSelectListProps<T>['selectionMode'];
+}
+/**
+ * Props used for setting up the select component state
+ */
+export interface MultiSelectStateProps<T extends ListBoxOption> extends MultiSelectListProps<T>, AsyncLoadable, FocusableProps, LabelableProps, Omit<InputBase, 'isReadOnly'>, OverlayTriggerProps, TextInputBase, Validation {
+    /**
+     * Whether the menu should automatically flip direction when space is limited.
+     * @default true
+     */
+    shouldFlip?: boolean;
+}
+/**
+ * The state of the select component
+ */
+export interface MultiSelectState<T extends ListBoxOption> extends MultiSelectListState<T>, MenuTriggerState, FormValidationState {
+    /**
+     * Whether the select is currently focused.
+     */
+    isFocused: boolean;
+    /**
+     * Sets whether the select is focused.
+     */
+    setFocused(isFocused: boolean): void;
+}
+/**
+ * Props for setting up the select component parts
+ */
+export interface MultiSelectProps<T extends ListBoxOption> extends Omit<AriaSelectProps<T>, 'onSelectionChange'> {
+    /**
+     * Wheter to allow an empty selection or not
+     */
+    disallowEmptySelection?: boolean;
+    onSelectionChange?: MultiSelectStateProps<T>['onSelectionChange'];
+}
+/**
+ * DOM attributes for rendering the parts of the Select component
+ */
+export interface MultiSelectDOMProps<T extends ListBoxOption> {
+    /**
+     * Props for the label element.
+     */
+    labelProps: HTMLAttributes<HTMLElement>;
+    /**
+     * Props for the popup trigger element.
+     */
+    triggerProps: AriaButtonProps;
+    /**
+     * Props for the element representing the selected value.
+     */
+    valueProps: HTMLAttributes<HTMLElement>;
+    /**
+     * Props for the popup.
+     */
+    menuProps: AriaListBoxOptions<T>;
+}
+export type SelectionMode = 'single' | 'multiple';
+export interface SelectProps extends MultiSelectStateProps<ListBoxOption> {
+    /**
+     * Whether the element should receive focus on render.
+     */
+    autoFocus?: boolean;
+    children: CollectionChildren<ListBoxOption>;
+    /**
+     * Sets the CSS [`className`](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
+     */
+    className?: string;
+    /**
+     * Sets the default open state of the field (uncontrolled).
+     */
+    defaultOpen?: boolean;
+    excludeFromTabOrder?: boolean;
+    items: ListBoxOption[];
+    /**
+     * Whether the field can be emptied.
+     *  @default true
+     */
+    isClearable?: boolean;
+    /**
+     * Whether the field is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether to show a button to select all items.
+     */
+    isSelectableAll?: boolean;
+    /**
+     * Sets the open state of the field (controlled).
+     */
+    isOpen?: boolean;
+    /**
+     * The content to display as the label.
+     */
+    label: string;
+    /**
+     * Optional description
+     */
+    description?: string;
+    /**
+     * Placeholder value
+     */
+    placeholder?: string;
+    /**
+     * Show selected items as tags below select
+     */
+    showTags?: boolean;
+    /**
+     * The type of selection that is allowed in the collection.
+     * @default 'single'
+     */
+    selectionMode?: SelectionMode;
+    /**
+     * The selection is valid or not
+     */
+    isInvalid?: boolean;
+    /**
+     * Error message to be displayed in case of invalid state
+     */
+    errorMessage?: string;
+    /**
+     * Whether the field is required.
+     */
+    isRequired?: boolean;
+    /**
+     * Name of the field, for uncontrolled use
+     */
+    name?: string;
+    /**
+     * The position of the error message
+     * @default "top"
+     */
+    errorPosition?: 'top' | 'bottom';
+    /** Component size (large: height 48px, medium: height 40px)
+     *  @default 'large'
+     */
+    size?: Size;
+}
+export type SelectContainerProps = Omit<SelectProps, 'children' | 'items'> & {
+    /** Item objects in the collection. */
+    options: ListBoxOption[];
+};
+/**
+ * @deprecated since v10.1.0 please use `ListBoxOption` intead
+ */
+export type Option = ListBoxOption;
+/**
+ * @deprecated since v10.1.0 please use `ListBoxItemElement` intead
+ */
+export type OptionItem = ListBoxItemElement;
+/**
+ * @deprecated since v10.1.0 please use `ListBoxSectionElement` intead
+ */
+export type OptionSection = ListBoxSectionElement;

package/select/useMultiSelect.d.ts

@@ -1,21 +1,4 @@
-import { AriaListBoxOptions } from 'react-aria';
-import { HTMLAttributes, RefObject } from 'react';
-import { MultiSelectProps as MultiSelectStateProps, MultiSelectState } from './useMultiSelectState';
-import { AriaButtonProps } from '@react-types/button';
-import { AriaSelectProps } from '@react-types/select';
-type MultiSelectProps<T> = Omit<AriaSelectProps<T>, 'onSelectionChange'> & {
-    disallowEmptySelection?: boolean;
-    onSelectionChange?: MultiSelectStateProps<T>['onSelectionChange'];
-};
-interface MultiSelectAria<T> {
-    /** Props for the label element. */
-    labelProps: HTMLAttributes<HTMLElement>;
-    /** Props for the popup trigger element. */
-    triggerProps: AriaButtonProps;
-    /** Props for the element representing the selected value. */
-    valueProps: HTMLAttributes<HTMLElement>;
-    /** Props for the popup. */
-    menuProps: AriaListBoxOptions<T>;
-}
-export declare function useMultiSelect<T>(props: MultiSelectProps<T>, state: MultiSelectState<T>, ref: RefObject<HTMLElement>): MultiSelectAria<T>;
-export {};
+import { RefObject } from 'react';
+import { MultiSelectDOMProps, MultiSelectProps, MultiSelectState } from './types';
+import { ListBoxOption } from '../list-box';
+export declare function useMultiSelect<T extends ListBoxOption>(props: MultiSelectProps<T>, state: MultiSelectState<T>, ref: RefObject<HTMLElement>): MultiSelectDOMProps<T>;

package/select/useMultiSelectListState.d.ts

@@ -1,15 +1,3 @@
-import { ListState } from '@react-stately/list';
-import { Key, CollectionBase, MultipleSelection, Node } from '@react-types/shared';
-export interface MultiSelectListProps<T> extends CollectionBase<T>, MultipleSelection {
-}
-export interface MultiSelectListState<T> extends ListState<T> {
-    /** The keys for the currently selected items. */
-    selectedKeys: Set<Key>;
-    /** Sets the selected keys. */
-    setSelectedKeys(keys: Iterable<Key>): void;
-    /** The value of the currently selected items. */
-    selectedItems: Node<T>[] | null;
-    /** The type of selection. */
-    selectionMode: MultipleSelection['selectionMode'];
-}
-export declare function useMultiSelectListState<T extends object>(props: MultiSelectListProps<T>): MultiSelectListState<T>;
+import { MultiSelectListProps, MultiSelectListState } from './types';
+import { ListBoxOption } from '../list-box';
+export declare function useMultiSelectListState<T extends ListBoxOption>(props: MultiSelectListProps<T>): MultiSelectListState<T>;

package/select/useMultiSelectState.d.ts

@@ -1,19 +1,3 @@
-import { MenuTriggerState } from '@react-stately/menu';
-import { MultiSelectListState } from './useMultiSelectListState';
-import { OverlayTriggerProps } from '@react-types/overlays';
-import { AsyncLoadable, CollectionBase, FocusableProps, InputBase, LabelableProps, MultipleSelection, TextInputBase, Validation } from '@react-types/shared';
-import { FormValidationState } from '@react-stately/form';
-export interface MultiSelectProps<T> extends CollectionBase<T>, AsyncLoadable, Omit<InputBase, 'isReadOnly'>, Validation, LabelableProps, TextInputBase, MultipleSelection, FocusableProps, OverlayTriggerProps {
-    /**
-     * Whether the menu should automatically flip direction when space is limited.
-     * @default true
-     */
-    shouldFlip?: boolean;
-}
-export interface MultiSelectState<T> extends MultiSelectListState<T>, MenuTriggerState, FormValidationState {
-    /** Whether the select is currently focused. */
-    isFocused: boolean;
-    /** Sets whether the select is focused. */
-    setFocused(isFocused: boolean): void;
-}
-export declare function useMultiSelectState<T extends object>(props: MultiSelectProps<T>): MultiSelectState<T>;
+import { MultiSelectState, MultiSelectStateProps } from './types';
+import { ListBoxOption } from '../list-box';
+export declare function useMultiSelectState<T extends ListBoxOption>(props: MultiSelectStateProps<T>): MultiSelectState<T>;

package/skeleton/Skeleton.d.ts

@@ -17,5 +17,10 @@ export interface SkeletonProps extends React.DetailedHTMLProps<React.HTMLAttribu
      * @default true
      */
     isAnimated?: boolean;
+    /**
+     * If skeleton is on a layer01 background light-dark( #f2f2f2, #262626)
+     * @default false
+     */
+    isOnLayer01?: boolean;
 }
 export declare const Skeleton: React.FC<SkeletonProps>;

package/skeleton/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Skeleton-BAwbfKBW.cjs");exports.Skeleton=e.Skeleton;

package/skeleton/index.js

@@ -0,0 +1,4 @@
+import { S as r } from "../Skeleton-BePDRmrO.js";
+export {
+  r as Skeleton
+};

package/spinner/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Spinner-DAJtfxqJ.cjs");exports.Spinner=e.Spinner;

package/spinner/index.js

@@ -0,0 +1,4 @@
+import { S as n } from "../Spinner-D31SXm-U.js";
+export {
+  n as Spinner
+};

package/square-arrow-out-up-right-BCAO2eJs.cjs

@@ -0,0 +1,6 @@
+"use strict";const t=require("./createLucideIcon-DAY4oS-S.cjs");/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=t.createLucideIcon("SquareArrowOutUpRight",[["path",{d:"M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6",key:"y09zxi"}],["path",{d:"m21 3-9 9",key:"mpx6sq"}],["path",{d:"M15 3h6v6",key:"1q9fwt"}]]);exports.SquareArrowOutUpRight=e;

package/square-arrow-out-up-right-BkyqV2PN.js

@@ -0,0 +1,15 @@
+import { c as t } from "./createLucideIcon-DeWljiyi.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const r = t("SquareArrowOutUpRight", [
+  ["path", { d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6", key: "y09zxi" }],
+  ["path", { d: "m21 3-9 9", key: "mpx6sq" }],
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }]
+]);
+export {
+  r as S
+};

package/table/Table.d.ts

@@ -1,15 +1,21 @@
 import { RowProps, TableHeaderProps, ColumnProps, TableProps as AriaTableProps, CellProps, TableBody } from 'react-aria-components';
+import { Size } from '../common/types';
 export interface TableProps extends AriaTableProps {
     /**
      *  A more compact version of the table
+     *  @deprecated since v10.1.1, please use the `size` prop instead.
      */
     narrow?: boolean;
+    /** Row height (large: 48px, medium: 40px)
+     *  @default 'large'
+     * */
+    size?: Size;
     /**
      * Alternating colors for rows
      */
     striped?: boolean;
 }
-export declare const Table: ({ narrow, striped, className, ...rest }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ narrow, size, striped, className, ...rest }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHeader: <T extends object>({ columns, children, }: TableHeaderProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const Row: <T extends object>({ id, columns, children, ...rest }: RowProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const Column: ({ children, ...rest }: ColumnProps) => import("react/jsx-runtime").JSX.Element;

package/table/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Table-D9vNc_y-.cjs");exports.Cell=e.Cell;exports.Column=e.Column;exports.Row=e.Row;exports.Table=e.Table;exports.TableBody=e.$1910c06f0ca9905e$export$76ccd210b9029917;exports.TableHeader=e.TableHeader;

package/table/index.js

@@ -0,0 +1,9 @@
+import { b as l, C as s, R as o, T as b, $ as T, a as r } from "../Table-B_N7wUmA.js";
+export {
+  l as Cell,
+  s as Column,
+  o as Row,
+  b as Table,
+  T as TableBody,
+  r as TableHeader
+};

package/tabs/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Tabs-Dtcl2oK2.cjs");exports.Tabs=e.Tabs;

package/tabs/index.js

@@ -0,0 +1,4 @@
+import { T as r } from "../Tabs-Ct6D83aR.js";
+export {
+  r as Tabs
+};

package/tag/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Tag-CVFkzg3s.cjs");exports.Tag=e.Tag;exports.TagGroup=e.TagGroup;

package/tag/index.js

@@ -0,0 +1,5 @@
+import { T as r, a as T } from "../Tag-g6HN-YCv.js";
+export {
+  r as Tag,
+  T as TagGroup
+};

package/text/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Text-3MNwRMpI.cjs");exports.Text=e.Text;

package/text/index.js

@@ -0,0 +1,4 @@
+import { T as r } from "../Text-BN-g1iWi.js";
+export {
+  r as Text
+};

package/textfield/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TextArea-cVyGBRbL.cjs");exports.Input=e.Input;exports.TextArea=e.TextArea;exports.TextField=e.TextField;exports.TextFieldBase=e.TextFieldBase;

package/textfield/index.js

@@ -0,0 +1,7 @@
+import { I as s, b as t, a as x, T } from "../TextArea-DSiQ578a.js";
+export {
+  s as Input,
+  t as TextArea,
+  x as TextField,
+  T as TextFieldBase
+};

package/theme/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tokens-p6pg1Cea.cjs"),s={...e.tokens};exports.baseColors=e.baseColors;exports.breakpoints=e.breakpoints;exports.semantic=e.semantic;exports.spacing=e.spacing;exports.states=e.states;exports.transitions=e.transitions;exports.typography=e.typography;exports.windowSizes=e.windowSizes;exports.zIndex=e.zIndex;exports.theme=s;

package/theme/index.d.ts

@@ -124,11 +124,13 @@ export declare const theme: {
         fast: string;
     };
     windowSizes: {
+        sm: number;
         md: number;
         lg: number;
         xl: number;
     };
     breakpoints: {
+        xs: string;
         sm: string;
         md: string;
         lg: string;
@@ -169,6 +171,8 @@ export declare const theme: {
         fieldActive02: string;
         fieldDisabled: string;
         fieldSkeleton: string;
+        skeleton01: string;
+        skeleton02: string;
         iconPrimary: string;
         iconSecondary: string;
         iconTertiary: string;

package/{theme.js → theme/index.js}

@@ -1,5 +1,5 @@
-import { t as s } from "./tokens-C0U7hdoO.js";
-import { b as n, f as r, s as i, c as p, d as m, e as c, a as b, w as d, z as f } from "./tokens-C0U7hdoO.js";
+import { t as s } from "../tokens-xp-7KMK7.js";
+import { b as n, e as r, f as i, s as p, c as m, d as c, a as b, w as d, z as f } from "../tokens-xp-7KMK7.js";
 const t = { ...s };
 export {
   n as baseColors,

package/theme/tokens.d.ts

@@ -122,11 +122,13 @@ export declare const transitions: {
     fast: string;
 };
 export declare const windowSizes: {
+    sm: number;
     md: number;
     lg: number;
     xl: number;
 };
 export declare const breakpoints: {
+    xs: string;
     sm: string;
     md: string;
     lg: string;
@@ -166,7 +168,12 @@ export declare const semantic: {
     fieldHover02: string;
     fieldActive02: string;
     fieldDisabled: string;
+    /**
+     *  @deprecated since v10.2.0, please use the `skeleton01` instead.
+     */
     fieldSkeleton: string;
+    skeleton01: string;
+    skeleton02: string;
     iconPrimary: string;
     iconSecondary: string;
     iconTertiary: string;
@@ -211,6 +218,9 @@ export declare const semantic: {
     buttonBackgroundDangerHover: string;
     buttonBackgroundDangerActive: string;
     buttonBackgroundDisabled: string;
+    /**
+     *  @deprecated since v10.2.0, please use the `skeleton01` instead.
+     */
     buttonBackgroundSkeleton: string;
     buttonBorderSecondary: string;
     logoPrimary: string;

package/toast/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Toast-DrkOGy4d.cjs");exports.GlobalToastRegion=o.GlobalToastRegion;exports.Toast=o.Toast;exports.ToastProvider=o.ToastProvider;exports.ToastRegion=o.ToastRegion;exports.toastQueue=o.toastQueue;exports.useToastState=o.useToastState;

package/toast/index.js

@@ -0,0 +1,9 @@
+import { G as o, b as t, T as e, a as T, t as r, u } from "../Toast-CjpldAI8.js";
+export {
+  o as GlobalToastRegion,
+  t as Toast,
+  e as ToastProvider,
+  T as ToastRegion,
+  r as toastQueue,
+  u as useToastState
+};

package/toggle-button/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../ToggleButtonGroup-BuU_6dYe.cjs");exports.ToggleButton=o.ToggleButton;exports.ToggleButtonGroup=o.ToggleButtonGroup;

package/toggle-button/index.js

@@ -0,0 +1,5 @@
+import { T as g, a } from "../ToggleButtonGroup-Ceh9_yBM.js";
+export {
+  g as ToggleButton,
+  a as ToggleButtonGroup
+};

package/tokens-p6pg1Cea.cjs

@@ -0,0 +1 @@
+"use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue50:"#94BCD1",blue60:"#82b0c9",blue70:"#6CA3C0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue110:"#2C7399",blue120:"#29698C",blue130:"#25607f",blue150:"#143c50",purple80:"#b46ab4",purple110:"#954b95",red100:"#b90835",signalBlue10:"#eaf2f6",signalBlue100:"#0066cc",signalGreen20:"#d5f2d9",signalGreen30:"#bae5c5",signalGreen100:"#008d3c",signalYellow10:"#fff8e1",signalYellow100:"#fdb813",signalRed10:"#ffefef",signalRed20:"#ffdfdf",signalRed30:"#fcc8c8",signalRed40:"#f9b0b0",signalRed50:"#f69999",signalRed60:"#f38181",signalRed70:"#ef6a6a",signalRed80:"#eb4e4e",signalRed90:"#e93b3b",signalRed100:"#e62323",signalRed110:"#d12020",signalRed120:"#bc1d1d",signalRed130:"#a71919",signalRed140:"#921616",signalRed150:"#7d1313",signalRed160:"#691010",signalRed170:"#540d0d",signalRed180:"#3f0a0a",signalRed190:"#2a0606",signalRed200:"#150303"},a={fontFamily:'"Inter", sans-serif',lineHeight10:1,lineHeight20:1.125,lineHeight30:1.25,lineHeight40:1.375,lineHeight50:1.5,lineHeight60:1.75,lineHeight70:2,lineHeight80:2.25,lineHeight90:2.5,lineHeight100:2.75,fontSize10:"0.75rem",fontSize20:"0.875rem",fontSize30:"1rem",fontSize40:"1.125rem",fontSize50:"1.25rem",fontSize60:"1.5rem",fontSize70:"1.75rem",fontSize80:"2rem",fontSize90:"2.25rem",fontSize100:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},g={10:"0.125rem",20:"0.25rem",30:"0.5rem",40:"0.75rem",50:"1rem",60:"1.5rem",70:"2rem",80:"2.5rem",90:"3rem",100:"4rem",110:"5rem",120:"6rem"},i={focus:"0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"},l={slow:"500ms",normal:"300ms",fast:"250ms"},e={sm:480,md:768,lg:1024,xl:1280},t={xs:`(max-width: ${e.sm-1}px)`,sm:`(min-width: ${e.sm}px)`,md:`(min-width: ${e.md}px)`,lg:`(min-width: ${e.lg}px)`,xl:`(min-width: ${e.xl}px)`,forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},d={background:`light-dark(${r.white}, ${r.gray200})`,backgroundHover:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse:`light-dark(${r.gray200}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray150})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray150})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderPrimary:`light-dark(${r.gray200}, ${r.gray10})`,borderSecondary:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderTertiary:`light-dark(${r.blue150}, ${r.blue100})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,skeleton01:`light-dark(${r.gray10}, ${r.gray180})`,skeleton02:`light-dark(${r.gray30}, ${r.gray160})`,iconPrimary:`light-dark(${r.gray200}, ${r.gray10})`,iconSecondary:`light-dark(${r.gray140}, ${r.gray70})`,iconTertiary:`light-dark(${r.blue150}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,iconInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,iconWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,iconImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,linkEnabled:`light-dark(${r.blue120}, ${r.blue70})`,linkHover:`light-dark(${r.blue150}, ${r.blue50})`,linkPressed:`light-dark(${r.gray200}, ${r.blue40})`,linkVisited:`light-dark(${r.purple110}, ${r.purple80})`,supportBorderSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,supportBorderInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,supportBorderImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,supportBorderWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,supportBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,supportBackgroundSuccessHover:`light-dark(${r.signalGreen30}, ${r.gray170})`,supportBackgroundInfo:`light-dark(${r.signalBlue10}, ${r.gray180})`,supportBackgroundImportant:`light-dark(${r.signalYellow10}, ${r.gray180})`,supportBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,supportBackgroundWarningHover:`light-dark(${r.signalRed30}, ${r.gray170})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textTertiary:`light-dark(${r.blue150}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textWarning:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue150}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue130}, ${r.blue130})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue150})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray200})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed100}, ${r.signalRed100})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed120}, ${r.signalRed120})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed150}, ${r.signalRed150})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBorderSecondary:`light-dark(${r.blue150}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`,menuItemBackgroundHover:`light-dark(${r.gray20}, ${r.gray190})`,menuItemBackgroundSelected:`light-dark(${r.gray10}, ${r.gray180})`},n={base:1,above:10,modal:1e3,toast:1100,skipToContent:1200},o=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:d,spacing:g,states:i,transitions:l,typography:a,windowSizes:e,zIndex:n},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=d;exports.spacing=g;exports.states=i;exports.tokens=o;exports.transitions=l;exports.typography=a;exports.windowSizes=e;exports.zIndex=n;

package/{tokens-C0U7hdoO.js → tokens-xp-7KMK7.js}

@@ -149,11 +149,13 @@ const r = {
   normal: "300ms",
   fast: "250ms"
 }, e = {
+  sm: 480,
   md: 768,
-  lg: 1200,
-  xl: 1440
+  lg: 1024,
+  xl: 1280
 }, t = {
-  sm: `(max-width: ${e.md - 1}px)`,
+  xs: `(max-width: ${e.sm - 1}px)`,
+  sm: `(min-width: ${e.sm}px)`,
   md: `(min-width: ${e.md}px)`,
   lg: `(min-width: ${e.lg}px)`,
   xl: `(min-width: ${e.xl}px)`,
@@ -191,7 +193,12 @@ const r = {
   fieldHover02: `light-dark(${r.whiteHover}, ${r.gray150})`,
   fieldActive02: `light-dark(${r.gray30}, ${r.gray140})`,
   fieldDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
+  /**
+   *  @deprecated since v10.2.0, please use the `skeleton01` instead.
+   */
   fieldSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
+  skeleton01: `light-dark(${r.gray10}, ${r.gray180})`,
+  skeleton02: `light-dark(${r.gray30}, ${r.gray160})`,
   iconPrimary: `light-dark(${r.gray200}, ${r.gray10})`,
   iconSecondary: `light-dark(${r.gray140}, ${r.gray70})`,
   iconTertiary: `light-dark(${r.blue150}, ${r.gray10})`,
@@ -236,6 +243,9 @@ const r = {
   buttonBackgroundDangerHover: `light-dark(${r.signalRed120}, ${r.signalRed120})`,
   buttonBackgroundDangerActive: `light-dark(${r.signalRed150}, ${r.signalRed150})`,
   buttonBackgroundDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
+  /**
+   *  @deprecated since v10.2.0, please use the `skeleton01` instead.
+   */
   buttonBackgroundSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
   buttonBorderSecondary: `light-dark(${r.blue150}, ${r.gray10})`,
   logoPrimary: `light-dark(${r.red100}, ${r.white})`,
@@ -262,11 +272,11 @@ const r = {
 export {
   a,
   r as b,
-  g as c,
-  l as d,
-  i as e,
-  t as f,
-  d as s,
+  l as c,
+  i as d,
+  t as e,
+  d as f,
+  g as s,
   o as t,
   e as w,
   n as z

package/tooltip/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Tooltip-CiWg4zIC.cjs");exports.Tooltip=o.Tooltip;exports.TooltipTrigger=o.TooltipTrigger;

package/tooltip/index.js

@@ -0,0 +1,5 @@
+import { T, a } from "../Tooltip-BAIjaYax.js";
+export {
+  T as Tooltip,
+  a as TooltipTrigger
+};

package/triangle-alert-C0lvfCYH.cjs

@@ -0,0 +1,6 @@
+"use strict";const e=require("./createLucideIcon-DAY4oS-S.cjs");/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const t=e.createLucideIcon("TriangleAlert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);exports.TriangleAlert=t;

package/triangle-alert-wxyxspAl.js

@@ -0,0 +1,21 @@
+import { c as e } from "./createLucideIcon-DeWljiyi.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = e("TriangleAlert", [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+]);
+export {
+  t as T
+};

package/useButton-B1Fa-6qE.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./utils-BNtZbAib.cjs"),D=require("./filterDOMProps-BS2lrgFA.cjs"),F=require("./usePress-BFa6cT9o.cjs"),q=require("./useFocusable-CuPQ7Cm5.cjs");function O(e,t){let{elementType:s="button",isDisabled:r,onPress:i,onPressStart:c,onPressEnd:l,onPressUp:u,onPressChange:b,preventFocusOnPress:P,allowFocusWhenDisabled:f,onClick:p,href:$,target:x,rel:h,type:d="button"}=e,a;s==="button"?a={type:d,disabled:r}:a={role:"button",href:s==="a"&&!r?$:void 0,target:s==="a"?x:void 0,type:s==="input"?d:void 0,disabled:s==="input"?r:void 0,"aria-disabled":!r||s==="input"?void 0:r,rel:s==="a"?h:void 0};let{pressProps:g,isPressed:y}=F.$f6c31cce2adf654f$export$45712eceda6fad21({onPressStart:c,onPressEnd:l,onPressChange:b,onPress:i,onPressUp:u,onClick:p,isDisabled:r,preventFocusOnPress:P,ref:t}),{focusableProps:n}=q.$f645667febf57a63$export$4c014de7c8940b4c(e,t);f&&(n.tabIndex=r?-1:n.tabIndex);let C=o.$3ef42575df84b30b$export$9d1611c77c2fe928(n,g,D.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}));return{isPressed:y,buttonProps:o.$3ef42575df84b30b$export$9d1611c77c2fe928(a,C,{"aria-haspopup":e["aria-haspopup"],"aria-expanded":e["aria-expanded"],"aria-controls":e["aria-controls"],"aria-pressed":e["aria-pressed"],"aria-current":e["aria-current"]})}}exports.$701a24aa0da5b062$export$ea18c227d4417cc3=O;