@pismo/marola 1.1.22 → 2.0.0

package/dist/components/Toggle/Toggle.js

@@ -1,65 +1,65 @@
-import { jsxs as j, jsx as P } from "react/jsx-runtime";
-import { c as O } from "../../clsx-DB4S2d7J.js";
-import { u as E, b as k, g as v, a as U, _ as H, c as C, P as e, d as M, e as A } from "../../useSlotProps-C_I1kEHr.js";
-import * as F from "react";
+import { jsxs as j, jsx as T } from "react/jsx-runtime";
+import { c as F } from "../../clsx-OuTLNxxd.js";
+import { u as E, b as y, g as v, a as U, _ as H, c as N, d as M, e as A, P as e } from "../../useSlotProps-DSnfx453.js";
+import * as V from "react";
 import { u as D } from "../../useControlled-CCMYYdCM.js";
 import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
 import '../../assets/Toggle.css';function W(l) {
   const {
     checked: s,
-    defaultChecked: i,
-    disabled: a,
-    onBlur: c,
-    onChange: h,
-    onFocus: n,
+    defaultChecked: p,
+    disabled: c,
+    onBlur: a,
+    onChange: g,
+    onFocus: r,
     onFocusVisible: u,
-    readOnly: r,
-    required: p
-  } = l, [N, V] = D({
+    readOnly: n,
+    required: i
+  } = l, [S, q] = D({
     controlled: s,
-    default: !!i,
+    default: !!p,
     name: "Switch",
     state: "checked"
-  }), S = (t) => (o) => {
-    var d;
-    o.nativeEvent.defaultPrevented || (V(o.target.checked), h == null || h(o), (d = t.onChange) == null || d.call(t, o));
+  }), x = (t) => (o) => {
+    var b;
+    o.nativeEvent.defaultPrevented || (q(o.target.checked), g == null || g(o), (b = t.onChange) == null || b.call(t, o));
   }, {
-    isFocusVisibleRef: b,
+    isFocusVisibleRef: _,
     onBlur: B,
-    onFocus: _,
-    ref: f
-  } = L(), [y, q] = F.useState(!1);
-  a && y && q(!1), F.useEffect(() => {
-    b.current = y;
-  }, [y, b]);
-  const m = F.useRef(null), w = (t) => (o) => {
-    var d;
-    m.current || (m.current = o.currentTarget), _(o), b.current === !0 && (q(!0), u == null || u(o)), n == null || n(o), (d = t.onFocus) == null || d.call(t, o);
-  }, T = (t) => (o) => {
-    var d;
-    B(o), b.current === !1 && q(!1), c == null || c(o), (d = t.onBlur) == null || d.call(t, o);
-  }, x = E(f, m);
+    onFocus: f,
+    ref: m
+  } = L(), [h, P] = V.useState(!1);
+  c && h && P(!1), V.useEffect(() => {
+    _.current = h;
+  }, [h, _]);
+  const k = V.useRef(null), w = (t) => (o) => {
+    var b;
+    k.current || (k.current = o.currentTarget), f(o), _.current === !0 && (P(!0), u == null || u(o)), r == null || r(o), (b = t.onFocus) == null || b.call(t, o);
+  }, O = (t) => (o) => {
+    var b;
+    B(o), _.current === !1 && P(!1), a == null || a(o), (b = t.onBlur) == null || b.call(t, o);
+  }, C = E(m, k);
   return {
-    checked: N,
-    disabled: !!a,
-    focusVisible: y,
-    getInputProps: (t = {}) => k({
+    checked: S,
+    disabled: !!c,
+    focusVisible: h,
+    getInputProps: (t = {}) => y({
       checked: s,
-      defaultChecked: i,
-      disabled: a,
-      readOnly: r,
-      ref: x,
-      required: p,
+      defaultChecked: p,
+      disabled: c,
+      readOnly: n,
+      ref: C,
+      required: i,
       type: "checkbox",
       role: "switch",
       "aria-checked": s
     }, t, {
-      onChange: S(t),
+      onChange: x(t),
       onFocus: w(t),
-      onBlur: T(t)
+      onBlur: O(t)
     }),
-    inputRef: x,
-    readOnly: !!r
+    inputRef: C,
+    readOnly: !!n
   };
 }
 const I = "Switch";
@@ -70,60 +70,60 @@ U(I, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible",
 const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFocus", "onFocusVisible", "readOnly", "required", "slotProps", "slots"], J = (l) => {
   const {
     checked: s,
-    disabled: i,
-    focusVisible: a,
-    readOnly: c
+    disabled: p,
+    focusVisible: c,
+    readOnly: a
   } = l;
   return M({
-    root: ["root", s && "checked", i && "disabled", a && "focusVisible", c && "readOnly"],
+    root: ["root", s && "checked", p && "disabled", c && "focusVisible", a && "readOnly"],
     thumb: ["thumb"],
     input: ["input"],
     track: ["track"]
   }, A(z));
-}, $ = /* @__PURE__ */ F.forwardRef(function(s, i) {
-  var a, c, h, n;
+}, $ = /* @__PURE__ */ V.forwardRef(function(s, p) {
+  var c, a, g, r;
   const {
     slotProps: u = {},
-    slots: r = {}
-  } = s, p = H(s, G), {
-    getInputProps: N,
-    checked: V,
-    disabled: S,
-    focusVisible: b,
+    slots: n = {}
+  } = s, i = H(s, G), {
+    getInputProps: S,
+    checked: q,
+    disabled: x,
+    focusVisible: _,
     readOnly: B
-  } = W(s), _ = k({}, s, {
-    checked: V,
-    disabled: S,
-    focusVisible: b,
+  } = W(s), f = y({}, s, {
+    checked: q,
+    disabled: x,
+    focusVisible: _,
     readOnly: B
-  }), f = J(_), y = (a = r.root) != null ? a : "span", q = C({
-    elementType: y,
+  }), m = J(f), h = (c = n.root) != null ? c : "span", P = N({
+    elementType: h,
     externalSlotProps: u.root,
-    externalForwardedProps: p,
+    externalForwardedProps: i,
     additionalProps: {
-      ref: i
+      ref: p
     },
-    ownerState: _,
-    className: f.root
-  }), m = (c = r.thumb) != null ? c : "span", w = C({
-    elementType: m,
+    ownerState: f,
+    className: m.root
+  }), k = (a = n.thumb) != null ? a : "span", w = N({
+    elementType: k,
     externalSlotProps: u.thumb,
-    ownerState: _,
-    className: f.thumb
-  }), T = (h = r.input) != null ? h : "input", x = C({
-    elementType: T,
-    getSlotProps: N,
+    ownerState: f,
+    className: m.thumb
+  }), O = (g = n.input) != null ? g : "input", C = N({
+    elementType: O,
+    getSlotProps: S,
     externalSlotProps: u.input,
-    ownerState: _,
-    className: f.input
-  }), R = r.track === null ? () => null : (n = r.track) != null ? n : "span", t = C({
+    ownerState: f,
+    className: m.input
+  }), R = n.track === null ? () => null : (r = n.track) != null ? r : "span", t = N({
     elementType: R,
     externalSlotProps: u.track,
-    ownerState: _,
-    className: f.track
+    ownerState: f,
+    className: m.track
   });
-  return /* @__PURE__ */ j(y, k({}, q, {
-    children: [/* @__PURE__ */ P(R, k({}, t)), /* @__PURE__ */ P(m, k({}, w)), /* @__PURE__ */ P(T, k({}, x))]
+  return /* @__PURE__ */ j(h, y({}, P, {
+    children: [/* @__PURE__ */ T(R, y({}, t)), /* @__PURE__ */ T(k, y({}, w)), /* @__PURE__ */ T(O, y({}, C))]
   }));
 });
 process.env.NODE_ENV !== "production" && ($.propTypes = {
@@ -197,23 +197,8 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
     track: e.oneOfType([e.elementType, e.oneOf([null])])
   })
 });
-const K = "_toggle__label_p0gq9_43", Q = "_toggle_p0gq9_43", X = "_input_p0gq9_89", Y = "_thumb_p0gq9_100", Z = "_track_p0gq9_114", g = {
-  "u-typography-h1": "_u-typography-h1_p0gq9_1",
-  "u-typography-h2": "_u-typography-h2_p0gq9_8",
-  "u-typography-h3": "_u-typography-h3_p0gq9_15",
-  "u-typography-h4": "_u-typography-h4_p0gq9_22",
-  "u-typography-h5": "_u-typography-h5_p0gq9_29",
-  "u-typography-h6": "_u-typography-h6_p0gq9_36",
-  "u-typography-base": "_u-typography-base_p0gq9_43",
+const K = "_toggle__label_p0gq9_43", Q = "_toggle_p0gq9_43", X = "_input_p0gq9_89", Y = "_thumb_p0gq9_100", Z = "_track_p0gq9_114", d = {
   toggle__label: K,
-  "u-typography-base--xxl": "_u-typography-base--xxl_p0gq9_49",
-  "u-typography-base--xl": "_u-typography-base--xl_p0gq9_53",
-  "u-typography-base--lg": "_u-typography-base--lg_p0gq9_57",
-  "u-typography-base--sm": "_u-typography-base--sm_p0gq9_61",
-  "u-typography-base--bold": "_u-typography-base--bold_p0gq9_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_p0gq9_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_p0gq9_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_p0gq9_74",
   toggle: Q,
   "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_p0gq9_85",
   input: X,
@@ -222,44 +207,44 @@ const K = "_toggle__label_p0gq9_43", Q = "_toggle_p0gq9_43", X = "_input_p0gq9_8
   "toggle--focus-visible": "_toggle--focus-visible_p0gq9_124",
   "toggle--checked": "_toggle--checked_p0gq9_128",
   "toggle--disabled": "_toggle--disabled_p0gq9_141"
-}, ae = ({
+}, ce = ({
   label: l,
   checked: s,
-  disabled: i,
-  classNameWrapper: a,
-  classNameInput: c,
-  "data-testid": h,
-  onChange: n,
+  disabled: p,
+  classNameWrapper: c,
+  classNameInput: a,
+  "data-testid": g,
+  onChange: r,
   classNameLabel: u
 }) => {
-  const r = (p) => {
-    n == null || n(p);
+  const n = (i) => {
+    r == null || r(i);
   };
-  return /* @__PURE__ */ j("div", { className: O(g.toggle, a), "data-testid": h, children: [
-    /* @__PURE__ */ P(
+  return /* @__PURE__ */ j("div", { className: F(d.toggle, c), "data-testid": g, children: [
+    /* @__PURE__ */ T(
       $,
       {
         checked: s === !0,
-        disabled: i,
-        onChange: r,
+        disabled: p,
+        onChange: n,
         "aria-label": l,
         slotProps: {
-          root: (p) => ({
-            className: O(g["toggle__toggle-el-wrapper"], {
-              [g["toggle--disabled"]]: p.disabled,
-              [g["toggle--focus-visible"]]: p.focusVisible,
-              [g["toggle--checked"]]: p.checked
+          root: (i) => ({
+            className: F(d["toggle__toggle-el-wrapper"], {
+              [d["toggle--disabled"]]: i.disabled,
+              [d["toggle--focus-visible"]]: i.focusVisible,
+              [d["toggle--checked"]]: i.checked
             })
           }),
-          input: { className: O(g.input, c) },
-          thumb: { className: g.thumb },
-          track: { className: g.track }
+          input: { className: F(d.input, a) },
+          thumb: { className: d.thumb },
+          track: { className: d.track }
         }
       }
     ),
-    l && /* @__PURE__ */ P("label", { className: O(g.toggle__label, u), children: l })
+    l && /* @__PURE__ */ T("label", { className: F(d.toggle__label, u), children: l })
   ] });
 };
 export {
-  ae as Toggle
+  ce as Toggle
 };

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

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react';
-
 declare const meta: {
     title: string;
     component: ({ label, checked, disabled, classNameWrapper, classNameInput, "data-testid": dataTestId, onChange, classNameLabel, }: import('react').InputHTMLAttributes<HTMLInputElement> & {

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

@@ -1,6 +1,5 @@
-import { ToggleGroupItemProps } from './Toggle.tsx';
 import { ReactElement, ReactNode } from 'react';
-
+import { ToggleGroupItemProps } from './Toggle.tsx';
 export type ToggleGroupProps = {
     /** Optional title and description content */
     legend?: ReactNode;

package/dist/components/ToggleGroup/Group.js

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

package/dist/components/ToggleGroup/Toggle.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
 import "react";
-import "../../clsx-DB4S2d7J.js";
+import "../../clsx-OuTLNxxd.js";
 import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { T as j } from "../../Toggle-Bkf8bKbA.js";
+import { T as j } from "../../Toggle-DEVeyo2f.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
@@ -14,7 +14,7 @@ import "../Select/Select.js";
 import "../Popover/Popover.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-BKXO7GzU.js";
+import "../../Group-Cyc1W1kV.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
   j as default

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,5 +1,5 @@
-import { T as e } from "../../Toggle-Bkf8bKbA.js";
-import { G as p } from "../../Group-BKXO7GzU.js";
+import { T as e } from "../../Toggle-DEVeyo2f.js";
+import { G as p } from "../../Group-Cyc1W1kV.js";
 export {
   p as ToggleGroup,
   e as ToggleGroupItem

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

@@ -1,7 +1,6 @@
-import { ToggleGroupProps } from './Group.tsx';
-import { StoryObj } from '@storybook/react';
 import { FunctionComponent } from 'react';
-
+import { StoryObj } from '@storybook/react';
+import { ToggleGroupProps } from './Group.tsx';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;

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

@@ -1,21 +1,25 @@
-import { PopupPlacement } from '@mui/base';
 import { AriaRole, CSSProperties, ReactNode } from 'react';
-
+import { PopupPlacement } from '@mui/base';
 export type TooltipProps = {
     /** Tooltip reference element. */
     children: ReactNode;
-    /**  Tooltip title. Zero-length titles string, undefined, null and false are never displayed. */
-    title: ReactNode;
+    /** Optional title to display in the tooltip. */
+    title?: ReactNode;
+    /** Tooltip content to display in the tooltip. Zero-length content string, undefined, null and false are never displayed. */
+    content: ReactNode;
+    /** Optional footer to display in the tooltip. Can only be a button or a link. */
+    footer?: {
+        type: 'button' | 'link';
+        label: string;
+        onClick?: () => void;
+        href?: string;
+    };
     /** Should the tooltip be initially open */
     open?: boolean;
     /** Disable the hover listener */
     disableHoverListener?: boolean;
     /** Function to run when the tooltip is closed */
     onClose?: () => void;
-    /** The color of the tooltip */
-    theme?: 'white' | 'black';
-    /** The padding applied to the tooltip */
-    padding?: 'small' | 'normal';
     /** The Position where the tooltip will be display relative to the anchor element */
     position?: PopupPlacement;
     /** Accessibility role label */
@@ -31,5 +35,5 @@ export type TooltipProps = {
     /** Disable uses portal (true by default) */
     disablePortal?: boolean;
 };
-declare const Tooltip: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, padding, position, open: openProp, theme, title, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tooltip: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, position, open: openProp, title, content, footer, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export { Tooltip };