@pismo/marola 1.0.0-beta.9 → 1.0.0

package/dist/components/TextDisplay/TextDisplay.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ label, value, isLoading, testId, labelOptions, valueOptions, inline, }: import('./TextDisplay').TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ label, value, isLoading, "data-testid": dataTestId, labelOptions, valueOptions, inline, }: import('./TextDisplay').TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;
@@ -11,3 +11,4 @@ export declare const Simple: Story;
 export declare const WithLoading: Story;
 export declare const Size: Story;
 export declare const Color: Story;
+export declare const Horizontal: Story;

package/dist/components/Toggle/Toggle.js

@@ -1,7 +1,7 @@
 import '../../assets/Toggle.css';
 import { jsxs as j, jsx as P } from "react/jsx-runtime";
 import { c as O } from "../../clsx-DB4S2d7J.js";
-import { u as E, b as k, g as v, a as U, _ as H, c as C, P as e, d as M, e as A } from "../../useSlotProps-kRhf7Gil.js";
+import { u as E, b as k, g as v, a as U, _ as H, c as C, P as e, d as M, e as A } from "../../useSlotProps-C_I1kEHr.js";
 import * as F from "react";
 import { u as D } from "../../useControlled-CCMYYdCM.js";
 import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";

package/dist/components/ToggleGroup/Group.d.ts

@@ -13,6 +13,8 @@ export type ToggleGroupProps = {
      * error and legend append their names e.g. {data-testid}-error and {data-testid}-legend
      * */
     'data-testid'?: string;
+    /** Controls if children items should have same width */
+    equalWidth?: boolean;
 };
 declare const Group: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
 export default Group;

package/dist/components/ToggleGroup/Group.js

@@ -1,7 +1,9 @@
 import "react/jsx-runtime";
 import "react";
+import "../../clsx-DB4S2d7J.js";
 import "../Icon/Icon.js";
-import { G as i } from "../../Group-B3p31ftp.js";
+import "../Typography/Typography.js";
+import { G as e } from "../../Group-DspH8hyO.js";
 export {
-  i as default
+  e as default
 };

package/dist/components/ToggleGroup/Toggle.d.ts

@@ -10,6 +10,8 @@ export type ToggleGroupItemProps<T extends string | number> = {
     onChange: (value: T | '') => void;
     /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the label */
     'data-testid'?: string;
+    /** Controls if component should be disabled */
+    disabled?: boolean;
 };
 declare const Toggle: import('react').ForwardRefExoticComponent<ToggleGroupItemProps<string | number> & import('react').RefAttributes<HTMLInputElement>>;
 export default Toggle;

package/dist/components/ToggleGroup/Toggle.js

@@ -3,15 +3,19 @@ import "react";
 import "../../clsx-DB4S2d7J.js";
 import "../Icon/Icon.js";
 import "../Typography/Typography.js";
+import "../Input/Input.js";
+import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { T as b } from "../../Toggle-f5brSwAI.js";
-import "../Dialog/Backdrop.js";
+import { T as j } from "../../Toggle-MfR7l8Wn.js";
+import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
+import "../InputSearch/InputSearch.js";
 import "../Select/Select.js";
+import "../Popover/Popover.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-B3p31ftp.js";
+import "../../Group-DspH8hyO.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
-  b as default
+  j as default
 };

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,5 +1,5 @@
-import { T as e } from "../../Toggle-f5brSwAI.js";
-import { G as p } from "../../Group-B3p31ftp.js";
+import { T as e } from "../../Toggle-MfR7l8Wn.js";
+import { G as p } from "../../Group-DspH8hyO.js";
 export {
   p as ToggleGroup,
   e as ToggleGroupItem

package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts

@@ -11,6 +11,7 @@ declare const meta: {
         error?: import('react').ReactNode;
         children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];
         'data-testid'?: string | undefined;
+        equalWidth?: boolean | undefined;
         ref?: import('react').LegacyRef<HTMLFieldSetElement> | undefined;
         key?: import('react').Key | null | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
@@ -23,3 +24,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
 export declare const NoLegend: Story;
 export declare const WithError: Story;
+export declare const ItemsWithEqualWidth: Story;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -14,7 +14,7 @@ export type TooltipProps = {
     onClose?: () => void;
     /** The color of the tooltip */
     theme?: 'white' | 'black';
-    /** Dhe padding applied to the tooltip */
+    /** The padding applied to the tooltip */
     padding?: 'small' | 'normal';
     /** The Position where the tooltip will be display relative to the anchor element */
     position?: PopupPlacement;
@@ -28,6 +28,8 @@ export type TooltipProps = {
     'data-testid'?: string;
     /** Function thats return the HTML Element of target. Important to EllipsisTooltip knows if the node needs or not the ellipsis */
     onTargetCreated?: (e: HTMLElement) => void;
+    /** Disable uses portal (true by default) */
+    disablePortal?: boolean;
 };
 declare const Tooltip: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, padding, position, open: openProp, theme, title, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export { Tooltip };

package/dist/components/Tooltip/Tooltip.js

@@ -2,10 +2,10 @@ import '../../assets/Tooltip.css';
 import { jsx as a, jsxs as v, Fragment as P } from "react/jsx-runtime";
 import * as u from "react";
 import { useRef as R, useState as T, useEffect as E, isValidElement as q, cloneElement as M } from "react";
-import { T as O, P as V } from "../../Popup-lLWZt2wk.js";
-import { _ as $, b as z, P as l } from "../../useSlotProps-kRhf7Gil.js";
+import { T as O, P as V } from "../../Popup-Ck3XlWMq.js";
+import { _ as $, b as z, P as l } from "../../useSlotProps-C_I1kEHr.js";
 import { c as D } from "../../clsx-DB4S2d7J.js";
-import { C as F } from "../../ClickAwayListener-BaJ-OV_7.js";
+import { C as F } from "../../ClickAwayListener-DbEYZpyh.js";
 function I() {
   const e = u.useContext(O);
   if (!e)
@@ -114,10 +114,10 @@ const B = "_tooltip_1dujm_1", m = {
     /* @__PURE__ */ a(
       V,
       {
+        disablePortal: !0,
         ...N,
         open: j,
         anchor: t == null ? void 0 : t.current,
-        disablePortal: !0,
         style: w,
         role: e,
         placement: f,

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -22,6 +22,7 @@ declare const meta: {
         style?: import('react').CSSProperties | undefined;
         'data-testid'?: string | undefined;
         onTargetCreated?: ((e: HTMLElement) => void) | undefined;
+        disablePortal?: boolean | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts

@@ -4,8 +4,8 @@ export type SnackbarContextProps = {
     showMessage: (message: string, variant?: SnackbarProps['variant'], duration?: number) => void;
 };
 export declare const SnackbarContext: import('react').Context<SnackbarContextProps>;
-export type SnackbarProviderProps = {
+export type SnackbarProviderProps = Partial<SnackbarProps> & {
     children: React.ReactNode;
 };
-export declare const SnackbarProvider: ({ children }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SnackbarProvider: ({ children, ...snackbarProps }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useSnackbar: () => SnackbarContextProps;

package/dist/contexts/SnackbarProvider/SnackbarProvider.js

@@ -1,50 +1,55 @@
-import { jsx as n, jsxs as l, Fragment as g } from "react/jsx-runtime";
-import { createContext as m, useState as p, useCallback as f, useContext as C } from "react";
-import { Snackbar as b } from "../../components/Snackbar/Snackbar.js";
-const o = m({
+import { jsx as u, jsxs as l, Fragment as g } from "react/jsx-runtime";
+import { createContext as p, useState as f, useCallback as b, createElement as k, useContext as C } from "react";
+import { r as v } from "../../index-bQFToy-I.js";
+import { Snackbar as x } from "../../components/Snackbar/Snackbar.js";
+const o = p({
   showMessage: () => {
   }
-}), s = { message: "", variant: "success", duration: 5e3, open: !1 }, h = ({ children: r }) => {
-  const [e, t] = p(s), i = f(
-    (a = s.message, u = s.variant, d = s.duration) => {
-      t({
+}), t = { message: "", variant: "success", duration: 5e3, open: !1 }, D = ({ children: n, ...r }) => {
+  const [e, s] = f(t), c = b(
+    (a = t.message, d = t.variant, m = t.duration) => {
+      s({
         id: `${(/* @__PURE__ */ new Date()).getTime()}-${a}`,
         message: a,
-        variant: u,
-        duration: d,
+        variant: d,
+        duration: m,
         open: !0
       });
     },
-    [t]
-  ), c = () => {
-    t((a) => ({ ...a, open: !1 }));
+    [s]
+  ), i = () => {
+    s((a) => ({ ...a, open: !1 }));
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ u(
     o.Provider,
     {
       value: {
-        showMessage: i
+        showMessage: c
       },
       children: /* @__PURE__ */ l(g, { children: [
-        r,
-        /* @__PURE__ */ n(
-          b,
-          {
-            autoHideDuration: e.duration,
-            variant: e.variant,
-            open: e.open,
-            snackbarMessage: e.message,
-            onClose: c,
-            "data-testid": "snackbar"
-          },
-          e.id
+        n,
+        v.createPortal(
+          /* @__PURE__ */ k(
+            x,
+            {
+              ...r,
+              key: e.id,
+              autoHideDuration: e.duration,
+              variant: e.variant,
+              open: e.open,
+              snackbarMessage: e.message,
+              onClose: i,
+              "data-testid": "snackbar"
+            }
+          ),
+          document.body
         )
       ] })
     }
   );
-}, S = () => C(o);
+}, P = () => C(o);
 export {
   o as SnackbarContext,
-  h as SnackbarProvider,
-  S as useSnackbar
+  D as SnackbarProvider,
+  P as useSnackbar
 };

package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, ...snackbarProps }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         docs: {
             description: {

package/dist/{index-D3Wj0eid.js → index-bQFToy-I.js}

@@ -1,4 +1,4 @@
-import { b as Ak, h as Hk } from "./useSlotProps-kRhf7Gil.js";
+import { b as Ak, h as Hk } from "./useSlotProps-C_I1kEHr.js";
 import QE from "react";
 const Fk = "exact-prop: ​";
 function Xk(ne) {

package/dist/main.d.ts

@@ -4,10 +4,14 @@
  */
 export * from './components/Adornment/Adornment';
 export * from './components/Advice/Advice';
+export * from './components/Alert/Alert';
 export * from './components/Autocomplete/Autocomplete';
+export * from './components/Avatar/Avatar';
 export * from './components/Button/Button';
 export * from './components/Checkbox/Checkbox';
 export * from './components/Chip/Chip';
+export * from './components/ConfirmationDialog/ConfirmationDialog';
+export * from './components/Description/Description';
 export * from './components/Dialog/Dialog';
 export * from './components/EllipsisTooltip/EllipsisTooltip';
 export * from './components/Icon/Icon';
@@ -17,12 +21,16 @@ export * from './components/InputSearch/InputSearch';
 export * from './components/LoadingSpinner/LoadingSpinner';
 export * from './components/PageHeader/PageHeader';
 export * from './components/Pagination/Pagination';
+export * from './components/Popover/Popover';
+export * from './components/RadioButton/RadioButton';
+export * from './components/ResultWithChips/ResultWithChips';
 export * from './components/RowItem/RowItem';
 export * from './components/Select/Select';
 export * from './components/Skeleton/Skeleton';
 export * from './components/Snackbar/Snackbar';
 export * from './components/SortTooltip/SortTooltip';
 export * from './components/Stepper/Stepper';
+export * from './components/StepperNavigator/StepperNavigator';
 export * from './components/Table/Table';
 export * from './components/Tabs/Tabs';
 export * from './components/TextDisplay/TextDisplay';

package/dist/main.js

@@ -1,83 +1,99 @@
-import { Adornment as e } from "./components/Adornment/Adornment.js";
+import { Adornment as t } from "./components/Adornment/Adornment.js";
 import { Advice as p } from "./components/Advice/Advice.js";
-import { Autocomplete as f } from "./components/Autocomplete/Autocomplete.js";
-import { Button as x } from "./components/Button/Button.js";
-import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
-import { C as T, R as s, T as c } from "./Toggle-f5brSwAI.js";
-import { Dialog as u } from "./components/Dialog/Dialog.js";
-import { EllipsisTooltip as d } from "./components/EllipsisTooltip/EllipsisTooltip.js";
-import { Icon as k } from "./components/Icon/Icon.js";
-import { IconButton as I } from "./components/IconButton/IconButton.js";
-import { Input as D } from "./components/Input/Input.js";
-import { InputSearch as A } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as B } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { PageHeader as v } from "./components/PageHeader/PageHeader.js";
-import { Pagination as R, paginationDefaultTranslations as w } from "./components/Pagination/Pagination.js";
-import { Select as L, SelectOption as O } from "./components/Select/Select.js";
-import { Skeleton as q, SkeletonCircle as z, SkeletonTable as F } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as K } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as N, sortTooltipDefaultTranslations as Q } from "./components/SortTooltip/SortTooltip.js";
-import { Stepper as V } from "./components/Stepper/Stepper.js";
-import { TBody as X, THead as Y, Table as Z, Td as _, Th as $, Tr as oo } from "./components/Table/Table.js";
-import { Tabs as eo } from "./components/Tabs/Tabs.js";
-import { TextDisplay as po } from "./components/TextDisplay/TextDisplay.js";
-import { Toggle as fo } from "./components/Toggle/Toggle.js";
-import { G as xo } from "./Group-B3p31ftp.js";
-import { Tooltip as lo } from "./components/Tooltip/Tooltip.js";
-import { Text as To, Typography as so } from "./components/Typography/Typography.js";
-import { SnackbarContext as go, SnackbarProvider as uo, useSnackbar as So } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { default as ko } from "./components/Dialog/DialogTitle.js";
-import { default as Io } from "./components/Dialog/Content.js";
-import { default as Do } from "./components/Dialog/Actions.js";
-import { Tab as Ao } from "./components/Tabs/Tab.js";
-import { TabPanel as Bo } from "./components/Tabs/TabPanel.js";
+import { Alert as f } from "./components/Alert/Alert.js";
+import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
+import { Avatar as i } from "./components/Avatar/Avatar.js";
+import { Button as T } from "./components/Button/Button.js";
+import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
+import { C as u, R as S, T as d } from "./Toggle-MfR7l8Wn.js";
+import { ConfirmationDialog as k } from "./components/ConfirmationDialog/ConfirmationDialog.js";
+import { Description as h } from "./components/Description/Description.js";
+import { Dialog as A } from "./components/Dialog/Dialog.js";
+import { EllipsisTooltip as v } from "./components/EllipsisTooltip/EllipsisTooltip.js";
+import { Icon as y } from "./components/Icon/Icon.js";
+import { IconButton as R } from "./components/IconButton/IconButton.js";
+import { Input as H } from "./components/Input/Input.js";
+import { InputSearch as E } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as N } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as W } from "./components/PageHeader/PageHeader.js";
+import { Pagination as q, paginationDefaultTranslations as z } from "./components/Pagination/Pagination.js";
+import { Popover as J } from "./components/Popover/Popover.js";
+import { RadioButton as M } from "./components/RadioButton/RadioButton.js";
+import { ResultWithChips as U } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as X, SelectOption as Y } from "./components/Select/Select.js";
+import { Skeleton as _, SkeletonCircle as $, SkeletonTable as oo } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as to } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as po, sortTooltipDefaultTranslations as ao } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as mo } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as no } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as lo, THead as To, Table as so, Td as co, Th as go, Tr as uo } from "./components/Table/Table.js";
+import { Tabs as bo } from "./components/Tabs/Tabs.js";
+import { TextDisplay as Co } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as Do } from "./components/Toggle/Toggle.js";
+import { G as Io } from "./Group-DspH8hyO.js";
+import { Tooltip as Po } from "./components/Tooltip/Tooltip.js";
+import { Text as Bo, Typography as Ro } from "./components/Typography/Typography.js";
+import { SnackbarContext as Ho, SnackbarProvider as wo, useSnackbar as Eo } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as No } from "./components/Dialog/DialogTitle.js";
+import { default as Wo } from "./components/Dialog/Content.js";
+import { default as qo } from "./components/Dialog/Actions.js";
+import { Tab as Fo } from "./components/Tabs/Tab.js";
+import { TabPanel as Ko } from "./components/Tabs/TabPanel.js";
 export {
-  Do as Actions,
-  e as Adornment,
+  qo as Actions,
+  t as Adornment,
   p as Advice,
-  f as Autocomplete,
-  x as Button,
-  l as Checkbox,
-  T as Chip,
-  Io as Content,
-  u as Dialog,
-  ko as DialogTitle,
-  d as EllipsisTooltip,
-  k as Icon,
-  I as IconButton,
-  D as Input,
-  A as InputSearch,
-  B as LoadingSpinner,
-  v as PageHeader,
-  R as Pagination,
-  s as RowItem,
-  L as Select,
-  O as SelectOption,
-  q as Skeleton,
-  z as SkeletonCircle,
-  F as SkeletonTable,
-  K as Snackbar,
-  go as SnackbarContext,
-  uo as SnackbarProvider,
-  N as SortTooltip,
-  V as Stepper,
-  X as TBody,
-  Y as THead,
-  Ao as Tab,
-  Bo as TabPanel,
-  Z as Table,
-  eo as Tabs,
-  _ as Td,
-  To as Text,
-  po as TextDisplay,
-  $ as Th,
-  fo as Toggle,
-  xo as ToggleGroup,
-  c as ToggleGroupItem,
-  lo as Tooltip,
-  oo as Tr,
-  so as Typography,
-  w as paginationDefaultTranslations,
-  Q as sortTooltipDefaultTranslations,
-  So as useSnackbar
+  f as Alert,
+  x as Autocomplete,
+  i as Avatar,
+  T as Button,
+  c as Checkbox,
+  u as Chip,
+  k as ConfirmationDialog,
+  Wo as Content,
+  h as Description,
+  A as Dialog,
+  No as DialogTitle,
+  v as EllipsisTooltip,
+  y as Icon,
+  R as IconButton,
+  H as Input,
+  E as InputSearch,
+  N as LoadingSpinner,
+  W as PageHeader,
+  q as Pagination,
+  J as Popover,
+  M as RadioButton,
+  U as ResultWithChips,
+  S as RowItem,
+  X as Select,
+  Y as SelectOption,
+  _ as Skeleton,
+  $ as SkeletonCircle,
+  oo as SkeletonTable,
+  to as Snackbar,
+  Ho as SnackbarContext,
+  wo as SnackbarProvider,
+  po as SortTooltip,
+  mo as Stepper,
+  no as StepperNavigator,
+  lo as TBody,
+  To as THead,
+  Fo as Tab,
+  Ko as TabPanel,
+  so as Table,
+  bo as Tabs,
+  co as Td,
+  Bo as Text,
+  Co as TextDisplay,
+  go as Th,
+  Do as Toggle,
+  Io as ToggleGroup,
+  d as ToggleGroupItem,
+  Po as Tooltip,
+  uo as Tr,
+  Ro as Typography,
+  z as paginationDefaultTranslations,
+  ao as sortTooltipDefaultTranslations,
+  Eo as useSnackbar
 };

package/dist/marola.css

@@ -1 +1 @@
-:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}
+:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}:root{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078)}

package/dist/{ownerDocument-B61GUaFs.js → ownerDocument-YGhwAnr1.js}

@@ -1,4 +1,4 @@
-import { P as c } from "./useSlotProps-kRhf7Gil.js";
+import { P as c } from "./useSlotProps-C_I1kEHr.js";
 function a(e, n) {
   return process.env.NODE_ENV === "production" ? () => null : function(...t) {
     return e(...t) || n(...t);

package/dist/test-utils/assertStyles.d.ts

@@ -1 +1 @@
-export declare const assertClassesApplied: (expectedClasses: string[] | null, component: HTMLElement) => void;
+export declare const assertClassesApplied: (expectedClasses: string[] | null, component: HTMLElement | Element) => void;

package/dist/{useButton-Bn3MNH8I.js → useButton-DcihopJG.js}

@@ -1,4 +1,4 @@
-import { u as S, b as D, f as k } from "./useSlotProps-kRhf7Gil.js";
+import { u as S, b as D, f as k } from "./useSlotProps-C_I1kEHr.js";
 import * as i from "react";
 import { u as _ } from "./useIsFocusVisible-BH4IAdcw.js";
 function v(p) {

package/dist/{useList-BpJT77u3.js → useList-B9C55YB7.js}

@@ -1,6 +1,6 @@
-import { b as p, u as re, f as ie } from "./useSlotProps-kRhf7Gil.js";
+import { b as p, u as re, f as ie } from "./useSlotProps-C_I1kEHr.js";
 import * as f from "react";
-import { L as x } from "./combineHooksSlotProps-BtBYUV_B.js";
+import { L as x } from "./combineHooksSlotProps-C-zYvfnF.js";
 function W(t, e, r = (n, l) => n === l) {
   return t.length === e.length && t.every((n, l) => r(n, e[l]));
 }