@pismo/marola 0.0.1-alpha.9 → 1.0.0-beta.1

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

@@ -0,0 +1,42 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<{
+        label: import('react').ReactNode;
+        loading?: boolean | undefined;
+        leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
+        'data-testid'?: string | undefined;
+        onClickContent?: (() => void) | undefined;
+        onClickRemove?: (() => void) | undefined;
+        disabled?: boolean | undefined;
+        className?: string | undefined;
+        'className-skeleton'?: string | undefined;
+        variant?: import('./Chip').Variant | undefined;
+        'data-testid-skeleton'?: string | undefined;
+    } & import('react').RefAttributes<unknown>>;
+    tags: string[];
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        label: import('react').ReactNode;
+        loading?: boolean | undefined;
+        leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
+        'data-testid'?: string | undefined;
+        onClickContent?: (() => void) | undefined;
+        onClickRemove?: (() => void) | undefined;
+        disabled?: boolean | undefined;
+        className?: string | undefined;
+        'className-skeleton'?: string | undefined;
+        variant?: import('./Chip').Variant | undefined;
+        'data-testid-skeleton'?: string | undefined;
+        ref?: import('react').LegacyRef<unknown> | undefined;
+        key?: import('react').Key | null | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const Clickable: Story;
+export declare const ClickableWithRemove: Story;
+export declare const FullDefault: Story;
+export declare const FullOutlined: Story;
+export declare const FullContained: Story;

package/dist/components/Chip/chip.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-CGVM5V_D.js";
+import { s as t } from "../../Dialog.module-DFEmFdYT.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-CGVM5V_D.js";
+import { s as e } from "../../Dialog.module-DFEmFdYT.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-CGVM5V_D.js";
-import { B as a } from "../../Button-B1umG8kJ.js";
+import { s as t } from "../../Dialog.module-DFEmFdYT.js";
+import { B as a } from "../../Button-2b1peDFT.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.d.ts

@@ -1,4 +1,4 @@
-import { default as DialogTitle } from './Title';
+import { default as DialogTitle } from './DialogTitle';
 import { default as Content } from './Content';
 import { default as Actions } from './Actions';
 import { ModalProps } from '@mui/base';

package/dist/components/Dialog/Dialog.js

@@ -3,13 +3,13 @@ import { default as $e } 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-CGVM5V_D.js";
-import se from "./Title.js";
-import { a as C, _ as ie } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { s as q } from "../../Dialog.module-DFEmFdYT.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 * as f from "react";
-import { u as Z, P as i, e as ae, g as le, a as ce, b as z, c as de, d as ue } from "../../index-CqjC7P5Y.js";
-import { o as w, e as ee, a as fe, u as G } from "../../index-BNWbc5Kh.js";
-import { P as pe, H as be } from "../../Portal-BcdMtRGF.js";
+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";
 function X(...e) {
   return e.reduce((t, o) => o == null ? t : function(...s) {
     t.apply(this, s), o.apply(this, s);
@@ -187,7 +187,7 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   open: i.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = fe(W.propTypes));
+process.env.NODE_ENV !== "production" && (W.propTypes = be(W.propTypes));
 function Re(e) {
   const t = w(e);
   return t.body === e ? Y(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
@@ -360,7 +360,7 @@ function Se(e) {
   };
   return {
     getRootProps: (b = {}) => {
-      const u = ae(e);
+      const u = ie(e);
       delete u.onTransitionEnter, delete u.onTransitionExited;
       const P = C({}, u, b);
       return C({
@@ -399,9 +399,9 @@ function Se(e) {
 }
 const te = "Modal";
 function we(e) {
-  return le(te, e);
+  return ae(te, e);
 }
-ce(te, ["root", "hidden", "backdrop"]);
+le(te, ["root", "hidden", "backdrop"]);
 const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Ae = (e) => {
   const {
     open: t,
@@ -429,7 +429,7 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
     open: I,
     slotProps: A = {},
     slots: N = {}
-  } = t, l = ie(t, Oe), v = C({}, t, {
+  } = t, l = ce(t, Oe), v = C({}, t, {
     closeAfterTransition: r,
     disableAutoFocus: d,
     disableEnforceFocus: p,
@@ -478,7 +478,7 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
     className: H.backdrop,
     ownerState: F
   });
-  return !c && !I && (!M || y) ? null : /* @__PURE__ */ S(pe, {
+  return !c && !I && (!M || y) ? null : /* @__PURE__ */ S(fe, {
     ref: T,
     container: a,
     disablePortal: h,
@@ -518,7 +518,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: i.oneOfType([be, i.func]),
+  container: i.oneOfType([pe, i.func]),
   /**
    * If `true`, the modal will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.

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

@@ -70,16 +70,19 @@ declare const meta: {
             }> | undefined;
         } | undefined;
         slots?: import('@mui/base').ModalSlots | undefined;
-        slot?: string | undefined;
-        style?: import('react').CSSProperties | undefined;
+        color?: string | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
         title?: string | undefined;
-        suppressHydrationWarning?: boolean | undefined;
+        style?: import('react').CSSProperties | undefined;
+        slot?: string | undefined;
+        content?: string | undefined;
         className?: string | undefined;
-        color?: string | undefined;
+        onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        tabIndex?: number | undefined;
+        suppressHydrationWarning?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         role?: import('react').AriaRole | undefined;
-        tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
@@ -92,7 +95,7 @@ declare const meta: {
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+        "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -222,7 +225,6 @@ 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;
@@ -296,9 +298,7 @@ declare const meta: {
         onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
-        ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
         key?: import('react').Key | null | undefined;
-        content?: string | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -334,7 +334,7 @@ declare const meta: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        inputMode?: "url" | "search" | "text" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/dist/components/Dialog/{Title.d.ts → DialogTitle.d.ts}

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 
-export interface TitleProps {
+export interface DialogTitleProps {
     /** title to be displayed */
     title?: ReactNode;
     /** subtitle to be displayed */
     subTitle?: ReactNode;
 }
 /** internal component only - used by the dialog */
-declare const Title: ({ title, subTitle }: TitleProps) => import("react/jsx-runtime").JSX.Element;
-export default Title;
+declare const DialogTitle: ({ title, subTitle }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
+export default DialogTitle;

package/dist/components/Dialog/DialogTitle.js

@@ -0,0 +1,29 @@
+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-DFEmFdYT.js";
+const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
+  /* @__PURE__ */ e(
+    r,
+    {
+      element: "h1",
+      elementProps: { id: "alert-dialog-title" },
+      variant: "h4",
+      className: a.dialog__title,
+      children: t
+    }
+  ),
+  /* @__PURE__ */ e("hr", { className: a.dialog__divider, "aria-hidden": !0 }),
+  i && /* @__PURE__ */ e(
+    r,
+    {
+      element: "h2",
+      elementProps: { id: "alert-dialog-description" },
+      variant: "h4",
+      className: a.dialog__subtitle,
+      children: i
+    }
+  )
+] });
+export {
+  n as default
+};

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

@@ -0,0 +1,7 @@
+import { TooltipProps } from '../Tooltip/Tooltip';
+
+export type EllipsisTooltipProps = Omit<TooltipProps, 'onTargetCreated'> & {
+    lineClamp?: number;
+};
+declare const EllipsisTooltip: ({ lineClamp, children, className, disableHoverListener, ...rest }: EllipsisTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export { EllipsisTooltip };

package/dist/components/EllipsisTooltip/EllipsisTooltip.js

@@ -0,0 +1,23 @@
+import '../../assets/EllipsisTooltip.css';
+import { jsx as l } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { c as d } from "../../clsx-DB4S2d7J.js";
+import { Tooltip as g } from "../Tooltip/Tooltip.js";
+const H = {
+  "ellipsis-tooltip": "_ellipsis-tooltip_krf68_1"
+}, S = ({
+  lineClamp: s = 1,
+  children: e,
+  className: i,
+  disableHoverListener: o,
+  ...r
+}) => {
+  const [c, a] = h(!1), p = (t) => {
+    const m = t.scrollWidth > t.clientWidth, f = t.scrollHeight > t.clientHeight;
+    a(m || f);
+  }, n = typeof o == "boolean" ? o : !c;
+  return /* @__PURE__ */ l(g, { className: d(i), ...r, onTargetCreated: p, disableHoverListener: n, children: /* @__PURE__ */ l("span", { style: { "--line-clamp": s }, className: H["ellipsis-tooltip"], children: e }) });
+};
+export {
+  S as EllipsisTooltip
+};

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

@@ -0,0 +1,31 @@
+import { EllipsisTooltipProps } from './EllipsisTooltip.tsx';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ lineClamp, children, className, disableHoverListener, ...rest }: EllipsisTooltipProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        children: import('react').ReactNode;
+        title: import('react').ReactNode;
+        style?: import('react').CSSProperties | undefined;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+        open?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        theme?: "black" | "white" | undefined;
+        position?: import('@floating-ui/utils').Placement | undefined;
+        padding?: "small" | "normal" | undefined;
+        arialRole?: import('react').AriaRole | undefined;
+        disableHoverListener?: boolean | undefined;
+        lineClamp?: number | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const OneLineEllipsis: Story;
+export declare const TwoLinesEllipsis: Story;

package/dist/components/Icon/Icon.d.ts

@@ -1,18 +1,11 @@
-export declare const FamilyAndIcons: {
-    readonly 'fa/duotone': readonly ["circle-arrow-right", "eye-slash", "folder-magnifying-glass", "magnifying-glass", "circle-exclamation", "circle-xmark", "xmark"];
-    readonly pi: readonly ["logo"];
-};
-export type IconFamilies = keyof typeof FamilyAndIcons;
-export type IconPropsByIconFamily<T extends IconFamilies> = {
-    iconFamily: T;
-    icon: (typeof FamilyAndIcons)[T][number];
-} | {
-    iconFamily?: never | undefined;
-    icon: (typeof FamilyAndIcons)['fa/duotone'][number];
-};
-export type IconCommonProps = {
+import { IconName } from './types';
+
+export type IconProps = {
+    /** Icon name */
+    icon: IconName;
+    /** Icon size */
     size?: number | string;
+    /** Icon color */
     color?: string;
 };
-export type IconProps<T extends IconFamilies> = IconCommonProps & IconPropsByIconFamily<T>;
-export declare const Icon: <T extends "fa/duotone" | "pi">({ iconFamily, icon, size, color }: IconProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ icon, size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;