@pismo/marola 1.0.0-beta.0 → 1.0.0-beta.10

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

@@ -0,0 +1,45 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: <T extends string | (object & {
+        label: string;
+    })>({ label, type, options, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, maxLength, onChange, classNameLabel, classNameInput, classNameErrorMessage, classNameInfoMessage, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, ...rest }: import('react').InputHTMLAttributes<HTMLInputElement> & {
+        label?: string | undefined;
+        options?: T[] | undefined;
+        onChange?: ((event: import('react').SyntheticEvent<Element, Event>, newValue: T) => void) | undefined;
+        infoMessage?: string | undefined;
+        errorMessage?: string | undefined;
+        leftIcon?: import('react').ReactNode;
+        rightIcon?: import('react').ReactNode;
+        type?: "search" | "text" | "password" | undefined;
+        hideCharsCounter?: boolean | undefined;
+        classNameWrapper?: string | undefined;
+        classNameLabel?: string | undefined;
+        classNameInput?: string | undefined;
+        classNameInfoMessage?: string | undefined;
+        classNameErrorMessage?: string | undefined;
+        classNameCharsCounter?: string | undefined;
+        'data-testid-wrapper'?: string | undefined;
+        'data-testid-label'?: string | undefined;
+        'data-testid-input'?: string | undefined;
+        'data-testid-infoMessage'?: string | undefined;
+        'data-testid-errorMessage'?: string | undefined;
+        'data-testid-charsCounter'?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithLabel: Story;
+export declare const WithSearch: Story;
+export declare const WithPlaceholder: Story;
+export declare const Disabled: Story;
+export declare const WithLeftIcon: Story;
+export declare const WithBothIcons: Story;
+export declare const WithInfoMessage: Story;
+export declare const WithErrorMessage: Story;

package/dist/components/Button/Button.js

@@ -1,59 +1,59 @@
 import '../../assets/Button.css';
-import { jsx as h, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as d, useMemo as c } from "react";
-import { c as m } from "../../clsx-DB4S2d7J.js";
-import { LoadingSpinner as x } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as f } from "../../Button-2b1peDFT.js";
-const k = "_button_1h876_56", o = {
-  "u-typography-h1": "_u-typography-h1_1h876_1",
-  "u-typography-h2": "_u-typography-h2_1h876_8",
-  "u-typography-h3": "_u-typography-h3_1h876_15",
-  "u-typography-h4": "_u-typography-h4_1h876_22",
-  "u-typography-h5": "_u-typography-h5_1h876_29",
-  "u-typography-h6": "_u-typography-h6_1h876_36",
-  "u-typography-base": "_u-typography-base_1h876_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1h876_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1h876_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1h876_56",
-  button: k,
-  "u-typography-base--sm": "_u-typography-base--sm_1h876_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1h876_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1h876_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1h876_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1h876_73",
-  "button--primary": "_button--primary_1h876_86",
-  "button--secondary": "_button--secondary_1h876_105",
-  "button--quick": "_button--quick_1h876_122",
-  "button__loading-container": "_button__loading-container_1h876_145"
-}, P = d((p, y) => {
+import { jsx as p, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as l, useMemo as x } from "react";
+import { c } from "../../clsx-DB4S2d7J.js";
+import { LoadingSpinner as v } from "../LoadingSpinner/LoadingSpinner.js";
+import { B as m } from "../../Button-DiLqcAJG.js";
+const f = "_button_dxo5v_57", t = {
+  "u-typography-h1": "_u-typography-h1_dxo5v_1",
+  "u-typography-h2": "_u-typography-h2_dxo5v_8",
+  "u-typography-h3": "_u-typography-h3_dxo5v_15",
+  "u-typography-h4": "_u-typography-h4_dxo5v_22",
+  "u-typography-h5": "_u-typography-h5_dxo5v_29",
+  "u-typography-h6": "_u-typography-h6_dxo5v_36",
+  "u-typography-base": "_u-typography-base_dxo5v_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_dxo5v_49",
+  "u-typography-base--xl": "_u-typography-base--xl_dxo5v_53",
+  "u-typography-base--lg": "_u-typography-base--lg_dxo5v_57",
+  button: f,
+  "u-typography-base--sm": "_u-typography-base--sm_dxo5v_61",
+  "u-typography-base--bold": "_u-typography-base--bold_dxo5v_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_dxo5v_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_dxo5v_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_dxo5v_74",
+  "button--primary": "_button--primary_dxo5v_86",
+  "button--secondary": "_button--secondary_dxo5v_101",
+  "button--quick": "_button--quick_dxo5v_118",
+  "button__loading-container": "_button__loading-container_dxo5v_138"
+}, P = l((y, _) => {
   const {
-    onClick: _,
-    link: u,
-    loading: n,
+    onClick: u,
+    link: n,
+    loading: e,
     children: a,
-    type: e = "button",
-    disabled: s,
+    type: s = "button",
+    disabled: h,
     className: r,
-    variant: t = "primary",
-    muiButtonBaseProps: g
-  } = p, i = {
-    invert: t === "secondary" || t === "quick"
-  }, b = c(
-    () => m([o.button, o[`button--${t}`], r]),
-    [r, t]
+    variant: o = "primary",
+    muiButtonBaseProps: d
+  } = y, g = {
+    invert: o === "secondary" || o === "quick"
+  }, i = x(
+    () => c([t.button, t[`button--${o}`], r]),
+    [r, o]
   );
-  return /* @__PURE__ */ h(
-    f,
+  return /* @__PURE__ */ p(
+    m,
     {
-      type: e,
-      href: u,
-      onClick: _,
-      disabled: s,
-      className: b,
-      ref: y,
-      ...g ?? {},
-      children: n ? /* @__PURE__ */ l("div", { className: o["button__loading-container"], children: [
-        /* @__PURE__ */ h(x, { ...i }),
+      type: s,
+      href: n,
+      onClick: u,
+      disabled: h,
+      className: i,
+      ref: _,
+      ...d ?? {},
+      children: e ? /* @__PURE__ */ b("div", { className: t["button__loading-container"], children: [
+        /* @__PURE__ */ p(v, { ...g }),
         a
       ] }) : a
     }

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

@@ -4,59 +4,15 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        link: string;
-        loading?: boolean | undefined;
-        disabled?: boolean | undefined;
-        className?: string | undefined;
-        children: import('react').ReactNode;
-        variant?: ("primary" | "secondary" | "quick") | undefined;
-        muiButtonBaseProps?: import('@mui/base').ButtonOwnProps | undefined;
-        type?: undefined;
-        onClick?: undefined;
-        ref?: import('react').LegacyRef<HTMLButtonElement> | undefined;
-        key?: import('react').Key | null | undefined;
-    } | {
-        onClick?: (() => void) | undefined;
-        type?: "button" | "submit" | "reset" | undefined;
-        loading?: boolean | undefined;
-        disabled?: boolean | undefined;
-        className?: string | undefined;
-        children: import('react').ReactNode;
-        variant?: ("primary" | "secondary" | "quick") | undefined;
-        muiButtonBaseProps?: import('@mui/base').ButtonOwnProps | undefined;
-        link?: undefined;
-        ref?: import('react').LegacyRef<HTMLButtonElement> | undefined;
-        key?: import('react').Key | null | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-    argTypes: {
-        onClick: {
-            if: {
-                arg: string;
-                exists: false;
-            };
-        };
-        type: {
-            control: {
-                type: "text";
-            };
-            if: {
-                arg: string;
-                exists: true;
-            };
-        };
-        link: {
-            control: {
-                type: "text";
-            };
-            if: {
-                arg: string;
-                exists: false;
-            };
-        };
+    parameters: {
+        layout: string;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const Link: Story;
+export declare const Primary: Story;
+export declare const PrimaryDisabled: Story;
+export declare const Secondary: Story;
+export declare const SecondaryDisabled: Story;
+export declare const Quick: Story;
+export declare const QuickDisabled: Story;

package/dist/components/Checkbox/Checkbox.js

@@ -1,71 +1,71 @@
 import '../../assets/Checkbox.css';
-import { jsxs as v, jsx as c } from "react/jsx-runtime";
-import * as o from "react";
+import { jsxs as w, jsx as c } from "react/jsx-runtime";
+import * as l from "react";
 import { useState as k, useEffect as i } from "react";
-import { c as s } from "../../clsx-DB4S2d7J.js";
-const N = (a) => /* @__PURE__ */ o.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), z = "_label_18hen_64", E = "_checkmark_18hen_93", e = {
-  "u-typography-h1": "_u-typography-h1_18hen_1",
-  "u-typography-h2": "_u-typography-h2_18hen_8",
-  "u-typography-h3": "_u-typography-h3_18hen_15",
-  "u-typography-h4": "_u-typography-h4_18hen_22",
-  "u-typography-h5": "_u-typography-h5_18hen_29",
-  "u-typography-h6": "_u-typography-h6_18hen_36",
-  "u-typography-base": "_u-typography-base_18hen_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_18hen_48",
-  "u-typography-base--xl": "_u-typography-base--xl_18hen_52",
-  "u-typography-base--lg": "_u-typography-base--lg_18hen_56",
-  "u-typography-base--sm": "_u-typography-base--sm_18hen_60",
-  "u-typography-base--bold": "_u-typography-base--bold_18hen_64",
-  "checkbox-wrapper": "_checkbox-wrapper_18hen_64",
-  "label--highlighted": "_label--highlighted_18hen_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_18hen_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_18hen_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_18hen_73",
-  label: z,
-  "label--highlighted-checked": "_label--highlighted-checked_18hen_90",
-  checkmark: E,
-  "checkmark--checked": "_checkmark--checked_18hen_105",
-  "checkmark--light-theme": "_checkmark--light-theme_18hen_108",
-  "checkmark--accent-theme": "_checkmark--accent-theme_18hen_115",
-  "checkmark--small-size": "_checkmark--small-size_18hen_122",
-  "checkmark--normal-size": "_checkmark--normal-size_18hen_129"
-}, F = (a) => /* @__PURE__ */ o.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
+import { c as _ } from "../../clsx-DB4S2d7J.js";
+const v = (a) => /* @__PURE__ */ l.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ l.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), N = "_label_xqg5n_65", z = "_checkmark_xqg5n_94", e = {
+  "u-typography-h1": "_u-typography-h1_xqg5n_1",
+  "u-typography-h2": "_u-typography-h2_xqg5n_8",
+  "u-typography-h3": "_u-typography-h3_xqg5n_15",
+  "u-typography-h4": "_u-typography-h4_xqg5n_22",
+  "u-typography-h5": "_u-typography-h5_xqg5n_29",
+  "u-typography-h6": "_u-typography-h6_xqg5n_36",
+  "u-typography-base": "_u-typography-base_xqg5n_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_xqg5n_49",
+  "u-typography-base--xl": "_u-typography-base--xl_xqg5n_53",
+  "u-typography-base--lg": "_u-typography-base--lg_xqg5n_57",
+  "u-typography-base--sm": "_u-typography-base--sm_xqg5n_61",
+  "u-typography-base--bold": "_u-typography-base--bold_xqg5n_65",
+  "checkbox-wrapper": "_checkbox-wrapper_xqg5n_65",
+  "label--highlighted": "_label--highlighted_xqg5n_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_xqg5n_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_xqg5n_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_xqg5n_74",
+  label: N,
+  "label--highlighted-checked": "_label--highlighted-checked_xqg5n_91",
+  checkmark: z,
+  "checkmark--checked": "_checkmark--checked_xqg5n_106",
+  "checkmark--light-theme": "_checkmark--light-theme_xqg5n_109",
+  "checkmark--accent-theme": "_checkmark--accent-theme_xqg5n_116",
+  "checkmark--small-size": "_checkmark--small-size_xqg5n_123",
+  "checkmark--normal-size": "_checkmark--normal-size_xqg5n_130"
+}, E = (a) => /* @__PURE__ */ l.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ l.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), B = ({
   className: a,
-  label: n,
+  label: s,
   name: m,
-  theme: u = "accent",
-  size: b = "normal",
+  theme: x = "accent",
+  size: u = "normal",
   checked: r,
-  onChange: d,
-  isIndeterminate: l,
-  highlightLabel: x = !1,
-  ...p
+  onChange: b,
+  isIndeterminate: g,
+  highlightLabel: d = !1,
+  ...o
 }) => {
-  const [h, g] = k(r), [t, y] = k(l);
+  const [h, n] = k(r), [t, y] = k(g);
   i(() => {
-    r !== h && g(r);
+    r !== h && n(r);
   }, [r]), i(() => {
-    typeof l == "boolean" && y(l);
-  }, [l]);
-  const C = s(e["checkbox-wrapper"], a), f = s(
+    typeof g == "boolean" && y(g);
+  }, [g]);
+  const q = _(e["checkbox-wrapper"], a), C = _(
     e.checkmark,
-    e[`checkmark--${u}-theme`],
-    e[`checkmark--${b}-size`],
+    e[`checkmark--${x}-theme`],
+    e[`checkmark--${u}-size`],
     (h || t) && e["checkmark--checked"]
-  ), w = x && (p.children || n) ? s(
+  ), f = d && (o.children || s) ? _(
     e.label,
     e["label--highlighted"],
     (h || t) && e["label--highlighted-checked"]
   ) : e.label;
-  return /* @__PURE__ */ v("div", { className: C, onClick: () => {
-    let _ = !h;
-    t && (y(!1), _ = !0), d(_), g(_);
-  }, ...p, children: [
+  return /* @__PURE__ */ w("div", { className: q, onClick: () => {
+    let p = !h;
+    t && (y(!1), p = !0), b(p), n(p);
+  }, ...o, children: [
     /* @__PURE__ */ c("input", { name: m, type: "checkbox", checked: !t && h, readOnly: !0 }),
-    /* @__PURE__ */ c("span", { className: f, children: t ? /* @__PURE__ */ c(F, {}) : h && /* @__PURE__ */ c(N, {}) }),
-    /* @__PURE__ */ c("label", { className: w, children: p.children || n })
+    /* @__PURE__ */ c("span", { className: C, children: t ? /* @__PURE__ */ c(E, {}) : h && /* @__PURE__ */ c(v, {}) }),
+    /* @__PURE__ */ c("label", { className: f, children: o.children || s })
   ] });
 };
 export {
-  M as Checkbox
+  B as Checkbox
 };

package/dist/components/Chip/Chip.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from '../../main';
-import { ReactElement, ReactNode } from 'react';
+import { AdornmentProps } from '../../main';
+import { ReactNode } from 'react';
 
 export type Variant = 'default' | 'contained' | 'outlined';
 type ChipProps = {
@@ -8,7 +8,7 @@ type ChipProps = {
     /** Whether to show loading state (skeleton) */
     loading?: boolean;
     /** Left icon to display */
-    leftAdornment?: ChipAdornmentSlotProps;
+    leftAdornment?: AdornmentProps;
     /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the chip wrapper */
     'data-testid'?: string;
     /** Functionality to perform when the main body of the chip is clicked */
@@ -27,13 +27,5 @@ type ChipProps = {
     /** Dataset test id only used for tests, used to hook onto the loading skeleton component for this chip */
     'data-testid-skeleton'?: string;
 };
-export type ChipAdornmentSlotProps = {
-    /** The Marola Icon to display */
-    icon: ReactElement<IconProps>;
-    /** Any additional classes to apply to icon */
-    className?: string;
-    /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the icon */
-    'data-testid'?: string;
-};
 export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<unknown>>;
 export {};

package/dist/components/Chip/Chip.js

@@ -1,11 +1,12 @@
 import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
+import "../Adornment/Adornment.js";
 import "../Icon/Icon.js";
+import "../Typography/Typography.js";
 import "../Button/Button.js";
-import { C as j } from "../../Toggle-BCgIItCc.js";
+import { C as k } from "../../Toggle-C7W0gYOI.js";
 import "../Dialog/Backdrop.js";
-import "../Typography/Typography.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
 import "../Skeleton/Skeleton.js";
@@ -13,7 +14,7 @@ import "../Table/Table.js";
 import "../Tabs/Tabs.js";
 import "../../Group-B3p31ftp.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
-import "../../Button-2b1peDFT.js";
+import "../../Button-DiLqcAJG.js";
 export {
-  j as Chip
+  k as Chip
 };

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

@@ -5,7 +5,7 @@ declare const meta: {
     component: import('react').ForwardRefExoticComponent<{
         label: import('react').ReactNode;
         loading?: boolean | undefined;
-        leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
+        leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;
         'data-testid'?: string | undefined;
         onClickContent?: (() => void) | undefined;
         onClickRemove?: (() => void) | undefined;
@@ -19,7 +19,7 @@ declare const meta: {
     decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         label: import('react').ReactNode;
         loading?: boolean | undefined;
-        leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
+        leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;
         'data-testid'?: string | undefined;
         onClickContent?: (() => void) | undefined;
         onClickRemove?: (() => void) | undefined;
@@ -40,3 +40,4 @@ export declare const ClickableWithRemove: Story;
 export declare const FullDefault: Story;
 export declare const FullOutlined: Story;
 export declare const FullContained: Story;
+export declare const FullContainedCustomIcon: Story;

package/dist/components/Dialog/Actions.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../Dialog.module-DFEmFdYT.js";
+import { s as t } from "../../Dialog.module-DFcZsVAd.js";
 const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
 export {
   i as default

package/dist/components/Dialog/Backdrop.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { s as e } from "../../Dialog.module-DFEmFdYT.js";
+import { s as e } from "../../Dialog.module-DFcZsVAd.js";
 const i = t((o, r) => {
   const { open: m, className: p, ...s } = o;
   return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });

package/dist/components/Dialog/CloseIconButton.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { Icon as r } from "../Icon/Icon.js";
-import { s as t } from "../../Dialog.module-DFEmFdYT.js";
-import { B as a } from "../../Button-2b1peDFT.js";
+import { s as t } from "../../Dialog.module-DFcZsVAd.js";
+import { B as a } from "../../Button-DiLqcAJG.js";
 const d = ({ handleOnClose: i, className: o }) => {
   const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
   return /* @__PURE__ */ s(

package/dist/components/Dialog/Dialog.js

@@ -1,15 +1,16 @@
 import { jsxs as $, jsx as S } from "react/jsx-runtime";
-import { default as $e } from "./Actions.js";
+import { default as Ye } from "./Actions.js";
 import oe from "./Backdrop.js";
 import re from "./CloseIconButton.js";
-import { default as ze } from "./Content.js";
-import { s as q } from "../../Dialog.module-DFEmFdYT.js";
+import { default as Ge } from "./Content.js";
+import { s as q } from "../../Dialog.module-DFcZsVAd.js";
 import se from "./DialogTitle.js";
-import { u as Z, P as i, f as ie, b as C, g as ae, a as le, _ as ce, c as z, d as de, e as ue } from "../../index-CH45lKw7.js";
+import { u as Z, P as i, f as ie, b as C, g as ae, a as le, _ as ce, c as z, d as de, e as ue } from "../../useSlotProps-kRhf7Gil.js";
 import * as f from "react";
-import { o as w, e as ee, u as G } from "../../useEventCallback-xTG9piMa.js";
-import { P as fe, H as pe } from "../../Portal-DIeBsWdL.js";
-import { e as be } from "../../index-CjW42-M-.js";
+import { o as w, e as ee } from "../../ownerDocument-B61GUaFs.js";
+import { u as G } from "../../useEventCallback-BAQJJ3ye.js";
+import { P as fe, H as pe } from "../../Portal-B_Es6eUL.js";
+import { e as be } from "../../index-D3Wj0eid.js";
 function X(...e) {
   return e.reduce((t, o) => o == null ? t : function(...s) {
     t.apply(this, s), o.apply(this, s);
@@ -613,7 +614,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
     root: i.elementType
   })
 });
-const je = ({
+const qe = ({
   children: e,
   dialogTitle: t,
   dialogSubtitle: o,
@@ -638,9 +639,9 @@ const je = ({
   }
 );
 export {
-  $e as Actions,
-  ze as Content,
-  je as Dialog,
+  Ye as Actions,
+  Ge as Content,
+  qe as Dialog,
   se as DialogTitle,
-  je as default
+  qe as default
 };

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

@@ -74,15 +74,52 @@ declare const meta: {
         ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
         title?: string | undefined;
         style?: import('react').CSSProperties | undefined;
-        slot?: string | undefined;
-        content?: string | undefined;
         className?: string | undefined;
-        onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-        tabIndex?: number | undefined;
+        slot?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        content?: string | undefined;
+        dir?: string | undefined;
+        hidden?: boolean | undefined;
         id?: string | undefined;
+        onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
         lang?: string | undefined;
+        nonce?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        tabIndex?: number | undefined;
+        translate?: "no" | "yes" | undefined;
+        radioGroup?: string | undefined;
         role?: import('react').AriaRole | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
+        is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
@@ -95,7 +132,7 @@ declare const meta: {
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -131,7 +168,7 @@ declare const meta: {
         "aria-rowspan"?: number | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
         "aria-valuemax"?: number | undefined;
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;
@@ -155,7 +192,6 @@ declare const meta: {
         onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
         onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
@@ -225,6 +261,7 @@ declare const meta: {
         onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
@@ -299,43 +336,6 @@ declare const meta: {
         onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         key?: import('react').Key | null | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
-        nonce?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        translate?: "no" | "yes" | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "url" | "search" | "text" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;