@pismo/marola 0.0.1-alpha.13 → 0.0.1-alpha.15

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

@@ -0,0 +1,318 @@
+import { SnackbarProps } from './Snackbar';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        accept?: string | undefined;
+        alt?: string | undefined;
+        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
+        capture?: boolean | "user" | "environment" | undefined;
+        checked?: boolean | undefined;
+        disabled?: boolean | undefined;
+        enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
+        form?: string | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        height?: string | number | undefined;
+        list?: string | undefined;
+        max?: string | number | undefined;
+        maxLength?: number | undefined;
+        min?: string | number | undefined;
+        minLength?: number | undefined;
+        multiple?: boolean | undefined;
+        name?: string | undefined;
+        pattern?: string | undefined;
+        placeholder?: string | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        size?: number | undefined;
+        src?: string | undefined;
+        step?: string | number | undefined;
+        type?: import('react').HTMLInputTypeAttribute | undefined;
+        value?: string | number | readonly string[] | undefined;
+        width?: string | number | undefined;
+        onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        hidden?: boolean | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import('react').CSSProperties | undefined;
+        tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "no" | "yes" | undefined;
+        radioGroup?: string | undefined;
+        role?: import('react').AriaRole | undefined;
+        about?: string | undefined;
+        content?: 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;
+        color?: 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?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        is?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: import('react').ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCopyCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCut?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCutCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
+        onPaste?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
+        onPasteCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCompositionEnd?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionStart?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionUpdate?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onFocus?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
+        onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
+        onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
+        onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
+        onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onBeforeInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onErrorCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onKeyDown?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyPress?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyUp?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onAbort?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onAbortCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayThrough?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onDurationChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onDurationChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEmptied?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEmptiedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEncrypted?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEncryptedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEnded?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEndedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedData?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedDataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedMetadata?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadStart?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadStartCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPause?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPauseCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPlaying?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPlayingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onProgress?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSeekingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onStalled?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onStalledCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSuspend?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSuspendCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onTimeUpdate?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onVolumeChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onWaiting?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onWaitingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onAuxClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onAuxClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onContextMenu?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onContextMenuCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onDoubleClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onDoubleClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onDrag?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnd?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragEndCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnter?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnterCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragExit?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragExitCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragLeave?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragLeaveCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragOver?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragOverCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragStart?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragStartCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDrop?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDropCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onMouseDown?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseDownCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseEnter?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseLeave?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseMove?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseMoveCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOutCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOverCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseUp?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseUpCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onSelect?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSelectCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onTouchCancel?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchCancelCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchEnd?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchEndCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchMove?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchMoveCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchStart?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchStartCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onPointerDown?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerDownCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerMove?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerMoveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerUp?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerUpCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOutCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onGotPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onLostPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
+        onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
+        onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
+        onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
+        onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationEnd?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+        variant: import('./Snackbar').SnackbarVariant;
+        snackbarMessage: string;
+        open?: boolean | undefined;
+        'data-testid'?: string | undefined;
+        classNameWrapper?: string | undefined;
+        autoHideDuration?: number | undefined;
+        onClose?: (() => void) | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;

package/dist/components/Snackbar/Snackbar.stories.js

@@ -0,0 +1,62 @@
+import { jsx as o, jsxs as s, Fragment as i } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { Button as c } from "../Button/Button.js";
+import { Snackbar as a } from "./Snackbar.js";
+const C = {
+  title: "Components/Snackbar",
+  component: a,
+  tags: ["autodocs"],
+  decorators: [
+    (e) => /* @__PURE__ */ o("div", { style: { padding: "1em" }, children: /* @__PURE__ */ o(e, {}) })
+  ]
+};
+function n(e) {
+  const [r, t] = l(!1);
+  return /* @__PURE__ */ s(i, { children: [
+    /* @__PURE__ */ o(c, { onClick: () => t(!0), children: "Open Snackbar" }),
+    /* @__PURE__ */ o(
+      a,
+      {
+        ...e,
+        open: r,
+        onClose: () => {
+          t(!1), e != null && e.onClose && (e == null || e.onClose());
+        }
+      }
+    )
+  ] });
+}
+const f = {
+  render: n,
+  args: {
+    snackbarMessage: "Dialog success",
+    variant: "success",
+    autoHideDuration: 5e3,
+    onClose: () => alert("Consider the dialog closed"),
+    open: !1
+  }
+}, g = {
+  render: n,
+  args: {
+    variant: "error",
+    snackbarMessage: "Dialog error",
+    autoHideDuration: 5e3,
+    onClose: () => alert("Consider the dialog closed"),
+    open: !1
+  }
+}, k = {
+  render: n,
+  args: {
+    variant: "warning",
+    snackbarMessage: "Dialog attention",
+    autoHideDuration: 5e3,
+    onClose: () => alert("Consider the dialog closed"),
+    open: !1
+  }
+};
+export {
+  g as Error,
+  f as Success,
+  k as Warning,
+  C as default
+};

package/dist/components/Table/Table.js

@@ -1,37 +1,37 @@
 import '../../assets/Table.css';
-import { jsxs as w, jsx as r, Fragment as T } from "react/jsx-runtime";
-import * as c from "react";
-import { useState as u } from "react";
+import { jsxs as b, jsx as r, Fragment as v } from "react/jsx-runtime";
+import * as n from "react";
+import { useState as T } from "react";
 import { c as h } from "../../clsx-DB4S2d7J.js";
-import { paginationDefaultTranslations as b, Pagination as g } from "../Pagination/Pagination.js";
-import { sortTooltipDefaultTranslations as x, SortTooltip as q } from "../SortTooltip/SortTooltip.js";
+import { paginationDefaultTranslations as w, Pagination as u } from "../Pagination/Pagination.js";
+import { sortTooltipDefaultTranslations as x, SortTooltip as g } from "../SortTooltip/SortTooltip.js";
 import { TableProvider as N, useTable as C } from "./TableContext.js";
-const L = (l) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ c.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ c.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ c.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ c.createElement("defs", null, /* @__PURE__ */ c.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ c.createElement("rect", { width: 7, height: 10, fill: "white" })))), E = "_table_xe8qp_1", v = "_th__wrapper_xe8qp_40", y = "_tr_xe8qp_58", P = "_td_xe8qp_62", t = {
+const L = (l) => /* @__PURE__ */ n.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ n.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ n.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ n.createElement("defs", null, /* @__PURE__ */ n.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ n.createElement("rect", { width: 7, height: 10, fill: "white" })))), E = "_table_olvxb_1", y = "_th__wrapper_olvxb_40", P = "_tr_olvxb_58", B = "_td_olvxb_62", t = {
   table: E,
-  "table--full-width": "_table--full-width_xe8qp_5",
-  "table--white-theme": "_table--white-theme_xe8qp_8",
-  "table--transparent-theme": "_table--transparent-theme_xe8qp_11",
-  "cell--left-alignment": "_cell--left-alignment_xe8qp_14",
-  "cell--center-alignment": "_cell--center-alignment_xe8qp_18",
-  "cell--right-alignment": "_cell--right-alignment_xe8qp_22",
-  th__wrapper: v,
-  "th__wrapper--pressed": "_th__wrapper--pressed_xe8qp_43",
-  "th__wrapper--clickable": "_th__wrapper--clickable_xe8qp_47",
-  "th__sort-icon-container": "_th__sort-icon-container_xe8qp_50",
-  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_xe8qp_58",
-  tr: y,
-  td: P,
-  "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_xe8qp_67",
-  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_xe8qp_68",
-  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_xe8qp_72",
-  "td-wrapper": "_td-wrapper_xe8qp_76"
-}, B = {
+  "table--full-width": "_table--full-width_olvxb_5",
+  "table--white-theme": "_table--white-theme_olvxb_8",
+  "table--transparent-theme": "_table--transparent-theme_olvxb_11",
+  "cell--left-alignment": "_cell--left-alignment_olvxb_14",
+  "cell--center-alignment": "_cell--center-alignment_olvxb_18",
+  "cell--right-alignment": "_cell--right-alignment_olvxb_22",
+  th__wrapper: y,
+  "th__wrapper--pressed": "_th__wrapper--pressed_olvxb_43",
+  "th__wrapper--clickable": "_th__wrapper--clickable_olvxb_47",
+  "th__sort-icon-container": "_th__sort-icon-container_olvxb_50",
+  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_olvxb_58",
+  tr: P,
+  td: B,
+  "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_olvxb_67",
+  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_olvxb_68",
+  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_olvxb_72",
+  "td-wrapper": "_td-wrapper_olvxb_76"
+}, D = {
   pt: {
-    ...b.pt,
+    ...w.pt,
     ...x.pt
   },
   en: {
-    ...b.en,
+    ...w.en,
     ...x.en
   },
   // example to add a new language translation
@@ -48,75 +48,75 @@ const L = (l) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10,
   children: l,
   theme: e = "white",
   fullWidth: a = !0,
-  className: n,
-  paginationProps: _,
-  language: s,
-  translations: o,
+  className: s,
+  paginationProps: o,
+  language: _,
+  translations: c,
   ...m
 }) => {
-  const p = h(
+  const i = h(
     t.table,
     a ? t["table--full-width"] : "",
     t[`table--${e}-theme`],
-    n
-  ), i = s && B[s] || o;
-  return /* @__PURE__ */ w(N, { initialTranslations: i, children: [
-    /* @__PURE__ */ r("table", { ...m, className: p, children: l }),
-    _ && /* @__PURE__ */ r(g, { ..._, t: i })
+    s
+  ), p = _ && D[_] || c;
+  return /* @__PURE__ */ b(N, { initialTranslations: p, children: [
+    /* @__PURE__ */ r("table", { ...m, className: i, children: l }),
+    o && /* @__PURE__ */ r(u, { ...o, t: p })
   ] });
-}, D = ({ children: l, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: l }), F = ({ children: l, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: l }), M = ({ children: l, onClick: e, disabled: a, className: n, ..._ }) => {
-  const s = h(
+}, F = ({ children: l, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: l }), M = ({ children: l, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: l }), O = ({ children: l, onClick: e, disabled: a, className: s, ...o }) => {
+  const _ = h(
     t.tr,
     e && !a ? t["tr__row-or-cell--clickable"] : a ? t["tr__row-or-cell--disabled"] : "",
-    n
+    s
   );
-  return /* @__PURE__ */ r("tr", { ..._, className: s, onClick: () => !a && (e == null ? void 0 : e()), children: l });
-}, O = ({ children: l, onClick: e, disabled: a, className: n, align: _ = "left", ...s }) => {
-  const o = h(
+  return /* @__PURE__ */ r("tr", { ...o, className: _, onClick: () => !a && (e == null ? void 0 : e()), children: l });
+}, $ = ({ children: l, onClick: e, disabled: a, className: s, align: o = "left", ..._ }) => {
+  const c = h(
     t.td,
     e && !a ? t["td__row-or-cell--clickable"] : a ? t["td__row-or-cell--disabled"] : "",
-    t[`cell--${_}-alignment`],
-    n
+    t[`cell--${o}-alignment`],
+    s
   );
-  return /* @__PURE__ */ r("td", { ...s, className: o, onClick: () => !a && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: l }) });
-}, $ = ({
+  return /* @__PURE__ */ r("td", { ..._, className: c, onClick: () => !a && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: l }) });
+}, j = ({
   children: l,
   onSort: e,
   sortType: a,
-  className: n,
-  classNameTooltip: _,
-  align: s = "left",
-  ...o
+  className: s,
+  classNameTooltip: o,
+  align: _ = "left",
+  ...c
 }) => {
-  const { translations: m } = C(), [p, i] = u(!1), f = h(
+  const { translations: m } = C(), [i, p] = T(!1), f = h(
     t.th__wrapper,
-    p ? t["th__wrapper--pressed"] : "",
+    i ? t["th__wrapper--pressed"] : "",
     e ? t["th__wrapper--clickable"] : "",
-    n
+    s
   );
-  return /* @__PURE__ */ r("th", { ...o, className: t[`cell--${s}-alignment`], children: /* @__PURE__ */ w("span", { className: f, onClick: e && (() => i(!p)), children: [
+  return /* @__PURE__ */ r("th", { ...c, className: t[`cell--${_}-alignment`], children: /* @__PURE__ */ b("span", { className: f, onClick: e && (() => p(!i)), children: [
     /* @__PURE__ */ r("span", { children: l }),
-    e && /* @__PURE__ */ w(T, { children: [
+    e && /* @__PURE__ */ b(v, { children: [
       /* @__PURE__ */ r("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ r(L, {}) }),
       /* @__PURE__ */ r(
-        q,
+        g,
         {
-          onClose: () => i(!1),
+          onClose: () => p(!1),
           onSort: e,
-          show: p,
+          show: i,
           sortType: a,
-          className: _,
+          className: o,
           t: m
         }
       )
     ] })
   ] }) });
 };
-d.THead = D;
-d.TBody = F;
-d.Tr = M;
-d.Td = O;
-d.Th = $;
+d.THead = F;
+d.TBody = M;
+d.Tr = O;
+d.Td = $;
+d.Th = j;
 export {
   d as Table
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "0.0.1-alpha.13",
+  "version": "0.0.1-alpha.15",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -91,4 +91,4 @@
     "@mui/base": "^5.0.0-beta.40",
     "@mui/material": "^5.15.15"
   }
-}
+}

package/dist/Dialog.module-CGVM5V_D.js

@@ -1,15 +0,0 @@
-import './assets/Dialog.css';
-const _ = "_dialog_1o2te_1", o = "_dialog__backdrop_1o2te_11", i = "_dialog__panel_1o2te_19", l = "_dialog__title_1o2te_35", t = "_dialog__subtitle_1o2te_42", a = "_dialog__divider_1o2te_51", d = "_dialog__actions_1o2te_64", e = {
-  dialog: _,
-  dialog__backdrop: o,
-  dialog__panel: i,
-  dialog__title: l,
-  "dialog__title--small": "_dialog__title--small_1o2te_39",
-  dialog__subtitle: t,
-  dialog__divider: a,
-  "dialog__close-icon": "_dialog__close-icon_1o2te_55",
-  dialog__actions: d
-};
-export {
-  e as s
-};