@pismo/marola 1.0.0-beta.57 → 1.0.0-beta.59

package/dist/Dialog.module-BSeaj3tQ.js

@@ -0,0 +1,30 @@
+import './assets/Dialog.css';
+const _ = "_dialog__subtitle_dnr14_53", a = "_dialog_dnr14_53", o = "_dialog__backdrop_dnr14_88", r = "_dialog__panel_dnr14_96", d = "_dialog__title_dnr14_57", p = "_dialog__divider_dnr14_122", t = "_dialog__actions_dnr14_136", g = {
+  "u-typography-h1": "_u-typography-h1_dnr14_1",
+  "u-typography-h2": "_u-typography-h2_dnr14_8",
+  "u-typography-h3": "_u-typography-h3_dnr14_15",
+  "u-typography-h4": "_u-typography-h4_dnr14_22",
+  "u-typography-h5": "_u-typography-h5_dnr14_29",
+  "u-typography-h6": "_u-typography-h6_dnr14_36",
+  "u-typography-base": "_u-typography-base_dnr14_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_dnr14_49",
+  "u-typography-base--xl": "_u-typography-base--xl_dnr14_53",
+  dialog__subtitle: _,
+  "u-typography-base--lg": "_u-typography-base--lg_dnr14_57",
+  "dialog__title--small": "_dialog__title--small_dnr14_57",
+  "u-typography-base--sm": "_u-typography-base--sm_dnr14_61",
+  "u-typography-base--bold": "_u-typography-base--bold_dnr14_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_dnr14_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_dnr14_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_dnr14_74",
+  dialog: a,
+  dialog__backdrop: o,
+  dialog__panel: r,
+  dialog__title: d,
+  dialog__divider: p,
+  "dialog__close-icon": "_dialog__close-icon_dnr14_126",
+  dialog__actions: t
+};
+export {
+  g as s
+};

package/dist/{Toggle-CzkXi3_R.js → Toggle-2kIaSHMl.js}

@@ -5,6 +5,7 @@ import { c as l } from "./clsx-DB4S2d7J.js";
 import { Icon as C } from "./components/Icon/Icon.js";
 import { Typography as N } from "./components/Typography/Typography.js";
 import "./components/Input/Input.js";
+import "./components/Avatar/Avatar.js";
 import "./components/Button/Button.js";
 import { Adornment as v } from "./components/Adornment/Adornment.js";
 import "./components/Dialog/Dialog.js";
@@ -61,7 +62,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
       children: _
     }
   )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: d, className: e, children: _ });
-}), V = u((t, d) => {
+}), X = u((t, d) => {
   const {
     label: _,
     className: o,
@@ -115,7 +116,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
   "row-item--clickable": "_row-item--clickable_8z1a0_13",
   "row-item--disabled": "_row-item--disabled_8z1a0_19",
   "row-item__content": "_row-item__content_8z1a0_22"
-}, X = u((t, d) => {
+}, Y = u((t, d) => {
   const { children: _, leftAdornment: o, disabled: r, onClick: a, buttons: s, ariaLabel: e, className: g } = t, m = l(o == null ? void 0 : o.className, h["row-item__adornment"]), w = {
     onClick: (p) => {
       r || a && a(p);
@@ -151,7 +152,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
       ]
     }
   );
-}), Y = u((t, d) => {
+}), Z = u((t, d) => {
   const { text: _, isSelected: o = !1, value: r, onChange: a, disabled: s } = t;
   return /* @__PURE__ */ k(
     "label",
@@ -183,7 +184,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
   );
 });
 export {
-  V as C,
-  X as R,
-  Y as T
+  X as C,
+  Y as R,
+  Z as T
 };

package/dist/assets/Avatar.css

@@ -0,0 +1 @@
+._u-typography-h1_4n12g_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_4n12g_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_4n12g_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_4n12g_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_4n12g_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_4n12g_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_4n12g_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_4n12g_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_4n12g_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_4n12g_57,._avatar_4n12g_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_4n12g_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_4n12g_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_4n12g_68{text-decoration:line-through}._u-typography-base--underlined_4n12g_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_4n12g_74{text-decoration:underline line-through}._avatar_4n12g_57{display:inline-flex;align-items:center;justify-content:center;background-color:var(--gray-5);overflow:hidden;position:relative}._avatar--large_4n12g_86{width:40px;height:40px}._avatar--default_4n12g_90{width:32px;height:32px}._avatar--small_4n12g_94{width:24px;height:24px}._avatar--custom_4n12g_98{width:var(--avatar-custom-size);height:var(--avatar-custom-size)}._avatar--circle_4n12g_102{border-radius:50%}._avatar--square_4n12g_105{border-radius:6px}._avatar__icon_4n12g_108,._avatar__image_4n12g_108,._avatar__text_4n12g_108{display:flex;align-items:center;justify-content:center;width:100%;height:100%}._avatar__image_4n12g_108 img{width:100%;height:100%;object-fit:cover}

package/dist/assets/Dialog.css

@@ -1 +1 @@
-._u-typography-h1_1rdlq_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1rdlq_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1rdlq_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1rdlq_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1rdlq_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1rdlq_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1rdlq_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1rdlq_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1rdlq_53,._dialog__subtitle_1rdlq_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1rdlq_57,._dialog__title--small_1rdlq_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1rdlq_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1rdlq_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1rdlq_68{text-decoration:line-through}._u-typography-base--underlined_1rdlq_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1rdlq_74{text-decoration:underline line-through}._dialog_1rdlq_53{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_1rdlq_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_1rdlq_96{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:2rem;overflow:hidden;font-weight:500;color:var(--gray-90);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_1rdlq_57{padding-bottom:1rem}._dialog__subtitle_1rdlq_53{margin-top:1rem;font-family:Lato,sans-serif;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_1rdlq_122{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_1rdlq_126{position:absolute;top:27px;right:16px;padding:0;margin:0;cursor:pointer;background:none;border:none}._dialog__actions_1rdlq_136{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}
+._u-typography-h1_dnr14_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_dnr14_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_dnr14_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_dnr14_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_dnr14_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_dnr14_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_dnr14_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_dnr14_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_dnr14_53,._dialog__subtitle_dnr14_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_dnr14_57,._dialog__title--small_dnr14_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_dnr14_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_dnr14_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_dnr14_68{text-decoration:line-through}._u-typography-base--underlined_dnr14_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_dnr14_74{text-decoration:underline line-through}._dialog_dnr14_53{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_dnr14_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_dnr14_96{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:2rem;overflow:hidden;font-weight:500;color:var(--gray-90);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_dnr14_57{padding-bottom:1rem}._dialog__subtitle_dnr14_53{margin-top:1rem;font-family:Lato,sans-serif;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_dnr14_122{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_dnr14_126{position:absolute;top:27px;right:16px;padding:0;margin:0;cursor:pointer;background:none;border:none}._dialog__actions_dnr14_136{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+type AvatarType = 'icon' | 'image' | 'text';
+type AvatarSize = 'default' | 'large' | 'small' | number;
+type AvatarShape = 'circle' | 'square';
+type AvatarCoreProps = {
+    type: AvatarType;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    children: ReactNode;
+    className?: string;
+    'data-testid'?: string;
+};
+declare const Avatar: import('react').ForwardRefExoticComponent<AvatarCoreProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Avatar;

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,51 @@
+import '../../assets/Avatar.css';
+import { jsxs as v, jsx as _ } from "react/jsx-runtime";
+import { forwardRef as c, useMemo as y } from "react";
+import { c as d } from "../../clsx-DB4S2d7J.js";
+const m = "_avatar_4n12g_57", b = "_avatar__icon_4n12g_108", x = "_avatar__image_4n12g_108", f = "_avatar__text_4n12g_108", t = {
+  "u-typography-h1": "_u-typography-h1_4n12g_1",
+  "u-typography-h2": "_u-typography-h2_4n12g_8",
+  "u-typography-h3": "_u-typography-h3_4n12g_15",
+  "u-typography-h4": "_u-typography-h4_4n12g_22",
+  "u-typography-h5": "_u-typography-h5_4n12g_29",
+  "u-typography-h6": "_u-typography-h6_4n12g_36",
+  "u-typography-base": "_u-typography-base_4n12g_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_4n12g_49",
+  "u-typography-base--xl": "_u-typography-base--xl_4n12g_53",
+  "u-typography-base--lg": "_u-typography-base--lg_4n12g_57",
+  avatar: m,
+  "u-typography-base--sm": "_u-typography-base--sm_4n12g_61",
+  "u-typography-base--bold": "_u-typography-base--bold_4n12g_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_4n12g_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_4n12g_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_4n12g_74",
+  "avatar--large": "_avatar--large_4n12g_86",
+  "avatar--default": "_avatar--default_4n12g_90",
+  "avatar--small": "_avatar--small_4n12g_94",
+  "avatar--custom": "_avatar--custom_4n12g_98",
+  "avatar--circle": "_avatar--circle_4n12g_102",
+  "avatar--square": "_avatar--square_4n12g_105",
+  avatar__icon: b,
+  avatar__image: x,
+  avatar__text: f
+}, $ = c((h, n) => {
+  const { type: e, size: a = "default", shape: g = "circle", children: s, className: o, "data-testid": u } = h, r = typeof a == "number", i = y(
+    () => ({
+      width: r ? a : void 0,
+      height: r ? a : void 0,
+      "--avatar-custom-size": r ? `${a}px` : void 0
+    }),
+    [a, r]
+  ), p = r ? "custom" : a, l = y(
+    () => d(t.avatar, t[`avatar--${p}`], t[`avatar--${g}`], o),
+    [p, g, o]
+  );
+  return /* @__PURE__ */ v("div", { ref: n, style: i, className: l, "data-testid": u, children: [
+    e === "icon" && /* @__PURE__ */ _("span", { className: t.avatar__icon, children: s }),
+    e === "image" && /* @__PURE__ */ _("div", { className: t.avatar__image, children: /* @__PURE__ */ _("img", { src: s, alt: "avatar" }) }),
+    e === "text" && /* @__PURE__ */ _("span", { className: t.avatar__text, children: s })
+  ] });
+});
+export {
+  $ as default
+};

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

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<{
+        type: "icon" | "image" | "text";
+        size?: (number | "default" | "small" | "large") | undefined;
+        shape?: ("circle" | "square") | undefined;
+        children: import('react').ReactNode;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Icon: Story;
+export declare const Image: Story;
+export declare const Text: Story;
+export declare const CustomSize: Story;
+export declare const LargeSquare: Story;
+export declare const SmallCircle: Story;

package/dist/components/Chip/Chip.js

@@ -5,8 +5,9 @@ import "../Adornment/Adornment.js";
 import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
+import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { C as q } from "../../Toggle-CzkXi3_R.js";
+import { C as u } from "../../Toggle-2kIaSHMl.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
@@ -19,5 +20,5 @@ import "../../Group-DspH8hyO.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 import "../../Button-BAljjMv3.js";
 export {
-  q as Chip
+  u as Chip
 };

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         label: import('react').ReactNode;
         loading?: boolean | undefined;
         leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;

package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+export interface ConfirmationDialogProps {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    confirmLabel: string;
+    cancelLabel: string;
+    content?: ReactNode;
+    confirmAction: () => void;
+    cancelAction: () => void;
+}
+export declare const ConfirmationDialog: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ConfirmationDialog/ConfirmationDialog.js

@@ -0,0 +1,37 @@
+import { jsx as o, jsxs as i, Fragment as f } from "react/jsx-runtime";
+import { Button as n } from "../Button/Button.js";
+import { Dialog as s } from "../Dialog/Dialog.js";
+import { Typography as t } from "../Typography/Typography.js";
+import g from "../Dialog/Content.js";
+import C from "../Dialog/Actions.js";
+const T = ({
+  open: l,
+  onClose: e,
+  title: m,
+  subtitle: c,
+  content: r,
+  cancelAction: d,
+  confirmAction: a,
+  confirmLabel: h,
+  cancelLabel: p
+}) => /* @__PURE__ */ o(
+  s,
+  {
+    open: l,
+    dialogTitle: m,
+    dialogSubtitle: c,
+    onClose: () => {
+      e();
+    },
+    children: /* @__PURE__ */ i(f, { children: [
+      r && /* @__PURE__ */ o(g, { children: r }),
+      /* @__PURE__ */ i(C, { children: [
+        /* @__PURE__ */ o(n, { variant: "secondary", onClick: () => d(), children: /* @__PURE__ */ o(t, { children: p }) }),
+        /* @__PURE__ */ o(n, { onClick: () => a(), children: /* @__PURE__ */ o(t, { children: h }) })
+      ] })
+    ] })
+  }
+);
+export {
+  T as ConfirmationDialog
+};

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

@@ -0,0 +1,23 @@
+import { ConfirmationDialogProps } from '../../main';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        open: boolean;
+        onClose: () => void;
+        title?: import('react').ReactNode;
+        subtitle?: import('react').ReactNode;
+        confirmLabel: string;
+        cancelLabel: string;
+        content?: import('react').ReactNode;
+        confirmAction: () => void;
+        cancelAction: () => void;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithContent: Story;

package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts

@@ -0,0 +1 @@
+export {};

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-D9e4RsKo.js";
+import { s as t } from "../../Dialog.module-BSeaj3tQ.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,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { c as t } from "../../clsx-DB4S2d7J.js";
-import { s as m } from "../../Dialog.module-D9e4RsKo.js";
+import { s as m } from "../../Dialog.module-BSeaj3tQ.js";
 const l = s(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   ({ ownerState: e, ...r }, o) => /* @__PURE__ */ a("div", { ...r, className: t(m.dialog__backdrop, r.className), ref: o })

package/dist/components/Dialog/CloseIconButton.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Icon as t } from "../Icon/Icon.js";
-import { s as i } from "../../Dialog.module-D9e4RsKo.js";
+import { s as i } from "../../Dialog.module-BSeaj3tQ.js";
 import { B as s } from "../../Button-BAljjMv3.js";
 const n = ({ handleOnClose: r }) => /* @__PURE__ */ o(
   s,

package/dist/components/Dialog/Dialog.js

@@ -4,7 +4,7 @@ import ie from "./Actions.js";
 import ae from "./Backdrop.js";
 import le from "./CloseIconButton.js";
 import ce from "./Content.js";
-import { s as z } from "../../Dialog.module-D9e4RsKo.js";
+import { s as z } from "../../Dialog.module-BSeaj3tQ.js";
 import ee from "./DialogTitle.js";
 import { u as te, P as i, f as de, b as C, g as ue, a as fe, _ as pe, c as G, d as be, e as he } from "../../useSlotProps-C_I1kEHr.js";
 import * as f from "react";

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

@@ -10,7 +10,7 @@ declare const meta: {
         Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
         dialogTitle: import('react').ReactNode;
         dialogSubtitle?: import('react').ReactNode;

package/dist/components/Dialog/DialogTitle.js

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
 import { Typography as r } from "../Typography/Typography.js";
-import { s as a } from "../../Dialog.module-D9e4RsKo.js";
+import { s as a } from "../../Dialog.module-BSeaj3tQ.js";
 const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
   /* @__PURE__ */ e(
     r,

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

@@ -8,7 +8,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         title: import('react').ReactNode;
         style?: import('react').CSSProperties | undefined;

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         invert?: boolean | undefined;
         classNames?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

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

@@ -25,7 +25,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,6 +1,6 @@
 import '../../assets/ResultWithChips.css';
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { C as t } from "../../Toggle-CzkXi3_R.js";
+import { C as t } from "../../Toggle-2kIaSHMl.js";
 const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
   container: r,
   "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",

package/dist/components/RowItem/RowItem.js

@@ -5,8 +5,9 @@ import "../Adornment/Adornment.js";
 import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
+import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { R as g, R as h } from "../../Toggle-CzkXi3_R.js";
+import { R as h, R as j } from "../../Toggle-2kIaSHMl.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
@@ -17,6 +18,6 @@ import "../Tabs/Tabs.js";
 import "../../Group-DspH8hyO.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
-  g as RowItem,
-  h as default
+  h as RowItem,
+  j as default
 };

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

@@ -5,7 +5,7 @@ declare const meta: {
     title: string;
     component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, onClosed, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;

package/dist/components/ToggleGroup/Toggle.js

@@ -4,8 +4,9 @@ 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 h } from "../../Toggle-CzkXi3_R.js";
+import { T as j } from "../../Toggle-2kIaSHMl.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
@@ -16,5 +17,5 @@ import "../Tabs/Tabs.js";
 import "../../Group-DspH8hyO.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
-  h as default
+  j as default
 };

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,4 +1,4 @@
-import { T as e } from "../../Toggle-CzkXi3_R.js";
+import { T as e } from "../../Toggle-2kIaSHMl.js";
 import { G as p } from "../../Group-DspH8hyO.js";
 export {
   p as ToggleGroup,

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

@@ -6,7 +6,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         legend?: import('react').ReactNode;
         error?: import('react').ReactNode;
         children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];

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

@@ -8,7 +8,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         title: import('react').ReactNode;
         open?: boolean | undefined;

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

@@ -12,7 +12,7 @@ declare const meta: {
             };
         };
     };
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         element?: import('react').ElementType | undefined;
         variant?: import('./Typography').VariantType | undefined;

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

@@ -12,7 +12,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/dist/main.d.ts

@@ -5,9 +5,11 @@
 export * from './components/Adornment/Adornment';
 export * from './components/Advice/Advice';
 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/Dialog/Dialog';
 export * from './components/EllipsisTooltip/EllipsisTooltip';
 export * from './components/Icon/Icon';

package/dist/main.js

@@ -1,89 +1,92 @@
-import { Adornment as e } 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-CzkXi3_R.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 C } from "./components/IconButton/IconButton.js";
-import { Input as D } from "./components/Input/Input.js";
-import { InputSearch as v } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as A } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { PageHeader as G } from "./components/PageHeader/PageHeader.js";
-import { Pagination as H, paginationDefaultTranslations as w } from "./components/Pagination/Pagination.js";
-import { Popover as L } from "./components/Popover/Popover.js";
-import { ResultWithChips as O } from "./components/ResultWithChips/ResultWithChips.js";
-import { Select as j, SelectOption as q } from "./components/Select/Select.js";
-import { Skeleton as F, SkeletonCircle as J, SkeletonTable as K } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as Q } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as V, sortTooltipDefaultTranslations as X } from "./components/SortTooltip/SortTooltip.js";
-import { Stepper as Z } from "./components/Stepper/Stepper.js";
-import { StepperNavigator as $ } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as ro, THead as eo, Table as to, Td as po, Th as ao, Tr as fo } from "./components/Table/Table.js";
-import { Tabs as xo } from "./components/Tabs/Tabs.js";
-import { TextDisplay as lo } from "./components/TextDisplay/TextDisplay.js";
-import { Toggle as To } from "./components/Toggle/Toggle.js";
-import { G as co } from "./Group-DspH8hyO.js";
-import { Tooltip as uo } from "./components/Tooltip/Tooltip.js";
-import { Text as bo, Typography as ko } from "./components/Typography/Typography.js";
-import { SnackbarContext as Co, SnackbarProvider as Io, useSnackbar as Do } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { default as vo } from "./components/Dialog/DialogTitle.js";
-import { default as Ao } from "./components/Dialog/Content.js";
-import { default as Go } from "./components/Dialog/Actions.js";
-import { Tab as Ho } from "./components/Tabs/Tab.js";
-import { TabPanel as Eo } from "./components/Tabs/TabPanel.js";
+import { Adornment as t } from "./components/Adornment/Adornment.js";
+import { Advice as a } from "./components/Advice/Advice.js";
+import { Autocomplete as m } from "./components/Autocomplete/Autocomplete.js";
+import "./components/Avatar/Avatar.js";
+import { Button as n } from "./components/Button/Button.js";
+import { Checkbox as i } from "./components/Checkbox/Checkbox.js";
+import { C as s, R as g, T as c } from "./Toggle-2kIaSHMl.js";
+import { ConfirmationDialog as S } from "./components/ConfirmationDialog/ConfirmationDialog.js";
+import { Dialog as b } from "./components/Dialog/Dialog.js";
+import { EllipsisTooltip as C } from "./components/EllipsisTooltip/EllipsisTooltip.js";
+import { Icon as D } from "./components/Icon/Icon.js";
+import { IconButton as P } from "./components/IconButton/IconButton.js";
+import { Input as y } from "./components/Input/Input.js";
+import { InputSearch as B } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as R } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as w } from "./components/PageHeader/PageHeader.js";
+import { Pagination as L, paginationDefaultTranslations as N } from "./components/Pagination/Pagination.js";
+import { Popover as W } from "./components/Popover/Popover.js";
+import { ResultWithChips as q } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as F, SelectOption as J } from "./components/Select/Select.js";
+import { Skeleton as M, SkeletonCircle as Q, SkeletonTable as U } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as X } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as Z, sortTooltipDefaultTranslations as _ } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as oo } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as eo } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as po, THead as ao, Table as fo, Td as mo, Th as xo, Tr as no } from "./components/Table/Table.js";
+import { Tabs as io } from "./components/Tabs/Tabs.js";
+import { TextDisplay as so } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as co } from "./components/Toggle/Toggle.js";
+import { G as So } from "./Group-DspH8hyO.js";
+import { Tooltip as ko } from "./components/Tooltip/Tooltip.js";
+import { Text as ho, Typography as Do } from "./components/Typography/Typography.js";
+import { SnackbarContext as Po, SnackbarProvider as vo, useSnackbar as yo } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as Bo } from "./components/Dialog/DialogTitle.js";
+import { default as Ro } from "./components/Dialog/Content.js";
+import { default as wo } from "./components/Dialog/Actions.js";
+import { Tab as Lo } from "./components/Tabs/Tab.js";
+import { TabPanel as Oo } from "./components/Tabs/TabPanel.js";
 export {
-  Go as Actions,
-  e as Adornment,
-  p as Advice,
-  f as Autocomplete,
-  x as Button,
-  l as Checkbox,
-  T as Chip,
-  Ao as Content,
-  u as Dialog,
-  vo as DialogTitle,
-  d as EllipsisTooltip,
-  k as Icon,
-  C as IconButton,
-  D as Input,
-  v as InputSearch,
-  A as LoadingSpinner,
-  G as PageHeader,
-  H as Pagination,
-  L as Popover,
-  O as ResultWithChips,
-  s as RowItem,
-  j as Select,
-  q as SelectOption,
-  F as Skeleton,
-  J as SkeletonCircle,
-  K as SkeletonTable,
-  Q as Snackbar,
-  Co as SnackbarContext,
-  Io as SnackbarProvider,
-  V as SortTooltip,
-  Z as Stepper,
-  $ as StepperNavigator,
-  ro as TBody,
-  eo as THead,
-  Ho as Tab,
-  Eo as TabPanel,
-  to as Table,
-  xo as Tabs,
-  po as Td,
-  bo as Text,
-  lo as TextDisplay,
-  ao as Th,
-  To as Toggle,
-  co as ToggleGroup,
+  wo as Actions,
+  t as Adornment,
+  a as Advice,
+  m as Autocomplete,
+  n as Button,
+  i as Checkbox,
+  s as Chip,
+  S as ConfirmationDialog,
+  Ro as Content,
+  b as Dialog,
+  Bo as DialogTitle,
+  C as EllipsisTooltip,
+  D as Icon,
+  P as IconButton,
+  y as Input,
+  B as InputSearch,
+  R as LoadingSpinner,
+  w as PageHeader,
+  L as Pagination,
+  W as Popover,
+  q as ResultWithChips,
+  g as RowItem,
+  F as Select,
+  J as SelectOption,
+  M as Skeleton,
+  Q as SkeletonCircle,
+  U as SkeletonTable,
+  X as Snackbar,
+  Po as SnackbarContext,
+  vo as SnackbarProvider,
+  Z as SortTooltip,
+  oo as Stepper,
+  eo as StepperNavigator,
+  po as TBody,
+  ao as THead,
+  Lo as Tab,
+  Oo as TabPanel,
+  fo as Table,
+  io as Tabs,
+  mo as Td,
+  ho as Text,
+  so as TextDisplay,
+  xo as Th,
+  co as Toggle,
+  So as ToggleGroup,
   c as ToggleGroupItem,
-  uo as Tooltip,
-  fo as Tr,
-  ko as Typography,
-  w as paginationDefaultTranslations,
-  X as sortTooltipDefaultTranslations,
-  Do as useSnackbar
+  ko as Tooltip,
+  no as Tr,
+  Do as Typography,
+  N as paginationDefaultTranslations,
+  _ as sortTooltipDefaultTranslations,
+  yo as useSnackbar
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.0-beta.57",
+  "version": "1.0.0-beta.59",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/Dialog.module-D9e4RsKo.js

@@ -1,30 +0,0 @@
-import './assets/Dialog.css';
-const _ = "_dialog__subtitle_1rdlq_53", a = "_dialog_1rdlq_53", o = "_dialog__backdrop_1rdlq_88", l = "_dialog__panel_1rdlq_96", r = "_dialog__title_1rdlq_57", d = "_dialog__divider_1rdlq_122", p = "_dialog__actions_1rdlq_136", t = {
-  "u-typography-h1": "_u-typography-h1_1rdlq_1",
-  "u-typography-h2": "_u-typography-h2_1rdlq_8",
-  "u-typography-h3": "_u-typography-h3_1rdlq_15",
-  "u-typography-h4": "_u-typography-h4_1rdlq_22",
-  "u-typography-h5": "_u-typography-h5_1rdlq_29",
-  "u-typography-h6": "_u-typography-h6_1rdlq_36",
-  "u-typography-base": "_u-typography-base_1rdlq_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1rdlq_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1rdlq_53",
-  dialog__subtitle: _,
-  "u-typography-base--lg": "_u-typography-base--lg_1rdlq_57",
-  "dialog__title--small": "_dialog__title--small_1rdlq_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1rdlq_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1rdlq_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rdlq_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1rdlq_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rdlq_74",
-  dialog: a,
-  dialog__backdrop: o,
-  dialog__panel: l,
-  dialog__title: r,
-  dialog__divider: d,
-  "dialog__close-icon": "_dialog__close-icon_1rdlq_126",
-  dialog__actions: p
-};
-export {
-  t as s
-};