@pismo/marola 2.1.63 → 2.1.65

package/dist/components/ToastCard/ToastCard.js

@@ -1,32 +1,32 @@
-import { jsxs as s, jsx as a, Fragment as u } from "react/jsx-runtime";
+import { jsxs as s, jsx as a, Fragment as f } from "react/jsx-runtime";
 import { c as d } from "../../clsx-OuTLNxxd.js";
-import { Icon as N } from "../Icon/Icon.js";
-import { IconButton as h } from "../IconButton/IconButton.js";
-import '../../assets/ToastCard.css';const w = "_divider_pnmml_6", t = {
-  "toast-card": "_toast-card_pnmml_1",
-  divider: w,
-  "toast-card-padding": "_toast-card-padding_pnmml_10",
-  "toast-card-title": "_toast-card-title_pnmml_13",
-  "close-btn": "_close-btn_pnmml_24",
-  "toast-card-title--success": "_toast-card-title--success_pnmml_41",
-  "toast-card-title--danger": "_toast-card-title--danger_pnmml_44",
-  "toast-card-title--warning": "_toast-card-title--warning_pnmml_47",
-  "toast-card-title--info": "_toast-card-title--info_pnmml_50",
-  "toast-card-title--default": "_toast-card-title--default_pnmml_53"
+import { Icon as u } from "../Icon/Icon.js";
+import { IconButton as N } from "../IconButton/IconButton.js";
+import '../../assets/ToastCard.css';const h = "_divider_19nbp_6", t = {
+  "toast-card": "_toast-card_19nbp_1",
+  divider: h,
+  "toast-card-padding": "_toast-card-padding_19nbp_10",
+  "toast-card-title": "_toast-card-title_19nbp_13",
+  "close-btn": "_close-btn_19nbp_24",
+  "toast-card-title--success": "_toast-card-title--success_19nbp_43",
+  "toast-card-title--danger": "_toast-card-title--danger_19nbp_46",
+  "toast-card-title--warning": "_toast-card-title--warning_19nbp_49",
+  "toast-card-title--info": "_toast-card-title--info_19nbp_52",
+  "toast-card-title--default": "_toast-card-title--default_19nbp_55"
 }, C = ({
   variant: i = "default",
   className: r,
   "data-testid": c,
   title: o,
-  "data-testid-title-wrapper": l,
-  classNameTitleWrapper: n,
-  children: m,
-  "data-testid-children-wrapper": _,
-  classNameChildrenWrapper: p,
+  "data-testid-title-wrapper": n,
+  classNameTitleWrapper: l,
+  children: _,
+  "data-testid-children-wrapper": p,
+  classNameChildrenWrapper: m,
   footer: e,
-  "data-testid-footer-wrapper": g,
-  classNameFooterWrapper: v,
-  onClose: f
+  "data-testid-footer-wrapper": b,
+  classNameFooterWrapper: g,
+  onClose: v
 }) => /* @__PURE__ */ s("div", { className: d(t["toast-card"], t[`toast-card--${i}`], r), "data-testid": c, children: [
   /* @__PURE__ */ s(
     "div",
@@ -35,12 +35,12 @@ import '../../assets/ToastCard.css';const w = "_divider_pnmml_6", t = {
         t["toast-card-padding"],
         t["toast-card-title"],
         t[`toast-card-title--${i}`],
-        n
+        l
       ),
-      "data-testid": l,
+      "data-testid": n,
       children: [
         o,
-        /* @__PURE__ */ a(h, { className: t["close-btn"], icon: /* @__PURE__ */ a(N, { icon: "xmark", size: "1rem" }), onClick: f })
+        /* @__PURE__ */ a(N, { className: t["close-btn"], icon: /* @__PURE__ */ a(u, { icon: "xmark", size: "1rem" }), onClick: v })
       ]
     }
   ),
@@ -48,18 +48,18 @@ import '../../assets/ToastCard.css';const w = "_divider_pnmml_6", t = {
   /* @__PURE__ */ a(
     "div",
     {
-      className: d(t["toast-card-padding"], p),
-      "data-testid": _,
-      children: m
+      className: d(t["toast-card-padding"], m),
+      "data-testid": p,
+      children: _
     }
   ),
-  e && /* @__PURE__ */ s(u, { children: [
+  e && /* @__PURE__ */ s(f, { children: [
     /* @__PURE__ */ a("div", { className: t.divider }),
     /* @__PURE__ */ a(
       "div",
       {
-        className: d(t["toast-card-padding"], v),
-        "data-testid": g,
+        className: d(t["toast-card-padding"], g),
+        "data-testid": b,
         children: e
       }
     )

package/dist/components/Toggle/Toggle.js

@@ -1,130 +1,140 @@
-import { jsxs as I, jsx as T } from "react/jsx-runtime";
-import { c as F } from "../../clsx-OuTLNxxd.js";
-import { u as v, _ as y, g as U, a as q, b as H, c as N, d as M, e as A, P as e } from "../../useSlotProps-CYHDC4TN.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) {
+import { jsxs as j, jsx as k } from "react/jsx-runtime";
+import { c as T } from "../../clsx-OuTLNxxd.js";
+import * as S from "react";
+import { u as v, g as A, a as D, b as O, c as z, d as G, P as e } from "../../ClassNameConfigurator-CVRWfyIa.js";
+import { u as J } from "../../useControlled-BYdyS7Pn.js";
+import { i as B } from "../../isFocusVisible-CPZqtjv2.js";
+import '../../assets/Toggle.css';function K(l) {
   const {
-    checked: s,
-    defaultChecked: p,
-    disabled: c,
-    onBlur: a,
+    checked: o,
+    defaultChecked: n,
+    disabled: r,
+    onBlur: i,
     onChange: g,
-    onFocus: r,
-    onFocusVisible: u,
-    readOnly: n,
-    required: i
-  } = l, [S, x] = D({
-    controlled: s,
-    default: !!p,
+    onFocus: u,
+    onFocusVisible: b,
+    readOnly: m,
+    required: d
+  } = l, [w, P] = J({
+    controlled: o,
+    default: !!n,
     name: "Switch",
     state: "checked"
-  }), B = (t) => (o) => {
-    var b;
-    o.nativeEvent.defaultPrevented || (x(o.target.checked), g == null || g(o), (b = t.onChange) == null || b.call(t, o));
-  }, {
-    isFocusVisibleRef: _,
-    onBlur: w,
-    onFocus: f,
-    ref: m
-  } = L(), [h, P] = V.useState(!1);
-  c && h && P(!1), V.useEffect(() => {
-    _.current = h;
-  }, [h, _]);
-  const k = V.useRef(null), R = (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;
-    w(o), _.current === !1 && P(!1), a == null || a(o), (b = t.onBlur) == null || b.call(t, o);
-  }, C = v(m, k);
+  }), f = (t) => (s) => {
+    var c;
+    s.nativeEvent.defaultPrevented || (P(s.target.checked), g == null || g(s), (c = t.onChange) == null || c.call(t, s));
+  }, [p, _] = S.useState(!1);
+  r && p && _(!1);
+  const h = S.useRef(null), N = (t) => (s) => {
+    var c;
+    h.current || (h.current = s.currentTarget), B(s.target) && (_(!0), b == null || b(s)), u == null || u(s), (c = t.onFocus) == null || c.call(t, s);
+  }, C = (t) => (s) => {
+    var c;
+    B(s.target) || _(!1), i == null || i(s), (c = t.onBlur) == null || c.call(t, s);
+  }, y = v(h);
   return {
-    checked: S,
-    disabled: !!c,
-    focusVisible: h,
-    getInputProps: (t = {}) => y({
-      checked: s,
-      defaultChecked: p,
-      disabled: c,
-      readOnly: n,
-      ref: C,
-      required: i,
+    checked: w,
+    disabled: !!r,
+    focusVisible: p,
+    getInputProps: (t = {}) => ({
+      checked: o,
+      defaultChecked: n,
+      disabled: r,
+      readOnly: m,
+      ref: y,
+      required: d,
       type: "checkbox",
       role: "switch",
-      "aria-checked": s
-    }, t, {
-      onChange: B(t),
-      onFocus: R(t),
-      onBlur: O(t)
+      "aria-checked": o,
+      ...t,
+      onChange: f(t),
+      onFocus: N(t),
+      onBlur: C(t)
     }),
-    inputRef: C,
-    readOnly: !!n
+    inputRef: y,
+    readOnly: !!m
   };
 }
-const $ = "Switch";
-function z(l) {
-  return U($, l);
+const I = "Switch";
+function L(l) {
+  return A(I, l);
 }
-q($, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
-const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFocus", "onFocusVisible", "readOnly", "required", "slotProps", "slots"], J = (l) => {
+D(I, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
+const Q = (l) => {
   const {
-    checked: s,
-    disabled: p,
-    focusVisible: c,
-    readOnly: a
+    checked: o,
+    disabled: n,
+    focusVisible: r,
+    readOnly: i
   } = l;
-  return M({
-    root: ["root", s && "checked", p && "disabled", c && "focusVisible", a && "readOnly"],
+  return z({
+    root: ["root", o && "checked", n && "disabled", r && "focusVisible", i && "readOnly"],
     thumb: ["thumb"],
     input: ["input"],
     track: ["track"]
-  }, A(z));
-}, E = /* @__PURE__ */ V.forwardRef(function(s, p) {
-  var c, a, g, r;
+  }, G(L));
+}, E = /* @__PURE__ */ S.forwardRef(function(o, n) {
   const {
-    slotProps: u = {},
-    slots: n = {}
-  } = s, i = H(s, G), {
-    getInputProps: S,
-    checked: x,
-    disabled: B,
-    focusVisible: _,
-    readOnly: w
-  } = W(s), f = y({}, s, {
-    checked: x,
-    disabled: B,
-    focusVisible: _,
-    readOnly: w
-  }), m = J(f), h = (c = n.root) != null ? c : "span", P = N({
-    elementType: h,
-    externalSlotProps: u.root,
-    externalForwardedProps: i,
+    checked: r,
+    defaultChecked: i,
+    disabled: g,
+    onBlur: u,
+    onChange: b,
+    onFocus: m,
+    onFocusVisible: d,
+    readOnly: w,
+    required: P,
+    slotProps: f = {},
+    slots: p = {},
+    ..._
+  } = o, {
+    getInputProps: h,
+    checked: N,
+    disabled: C,
+    focusVisible: y,
+    readOnly: x
+  } = K(o), t = {
+    ...o,
+    checked: N,
+    disabled: C,
+    focusVisible: y,
+    readOnly: x
+  }, s = Q(t), c = p.root ?? "span", U = O({
+    elementType: c,
+    externalSlotProps: f.root,
+    externalForwardedProps: _,
     additionalProps: {
-      ref: p
+      ref: n
     },
-    ownerState: f,
-    className: m.root
-  }), k = (a = n.thumb) != null ? a : "span", R = N({
-    elementType: k,
-    externalSlotProps: u.thumb,
-    ownerState: f,
-    className: m.thumb
-  }), O = (g = n.input) != null ? g : "input", C = N({
-    elementType: O,
-    getSlotProps: S,
-    externalSlotProps: u.input,
-    ownerState: f,
-    className: m.input
-  }), j = n.track === null ? () => null : (r = n.track) != null ? r : "span", t = N({
-    elementType: j,
-    externalSlotProps: u.track,
-    ownerState: f,
-    className: m.track
+    ownerState: t,
+    className: s.root
+  }), V = p.thumb ?? "span", q = O({
+    elementType: V,
+    externalSlotProps: f.thumb,
+    ownerState: t,
+    className: s.thumb
+  }), F = p.input ?? "input", H = O({
+    elementType: F,
+    getSlotProps: h,
+    externalSlotProps: f.input,
+    ownerState: t,
+    className: s.input
+  }), R = p.track === null ? () => null : p.track ?? "span", M = O({
+    elementType: R,
+    externalSlotProps: f.track,
+    ownerState: t,
+    className: s.track
+  });
+  return /* @__PURE__ */ j(c, {
+    ...U,
+    children: [/* @__PURE__ */ k(R, {
+      ...M
+    }), /* @__PURE__ */ k(V, {
+      ...q
+    }), /* @__PURE__ */ k(F, {
+      ...H
+    })]
   });
-  return /* @__PURE__ */ I(h, y({}, P, {
-    children: [/* @__PURE__ */ T(j, y({}, t)), /* @__PURE__ */ T(k, y({}, R)), /* @__PURE__ */ T(O, y({}, C))]
-  }));
 });
 process.env.NODE_ENV !== "production" && (E.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -197,54 +207,54 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
     track: e.oneOfType([e.elementType, e.oneOf([null])])
   })
 });
-const K = "_toggle__label_spoae_44", Q = "_toggle_spoae_44", X = "_input_spoae_90", Y = "_thumb_spoae_101", Z = "_track_spoae_115", d = {
-  toggle__label: K,
-  toggle: Q,
+const W = "_toggle__label_spoae_44", X = "_toggle_spoae_44", Y = "_input_spoae_90", Z = "_thumb_spoae_101", $ = "_track_spoae_115", a = {
+  toggle__label: W,
+  toggle: X,
   "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_spoae_86",
-  input: X,
-  thumb: Y,
-  track: Z,
+  input: Y,
+  thumb: Z,
+  track: $,
   "toggle--focus-visible": "_toggle--focus-visible_spoae_125",
   "toggle--checked": "_toggle--checked_spoae_129",
   "toggle--disabled": "_toggle--disabled_spoae_142"
-}, ce = ({
+}, le = ({
   label: l,
-  checked: s,
-  disabled: p,
-  classNameWrapper: c,
-  classNameInput: a,
+  checked: o,
+  disabled: n,
+  classNameWrapper: r,
+  classNameInput: i,
   "data-testid": g,
-  onChange: r,
-  classNameLabel: u
+  onChange: u,
+  classNameLabel: b
 }) => {
-  const n = (i) => {
-    r == null || r(i);
+  const m = (d) => {
+    u == null || u(d);
   };
-  return /* @__PURE__ */ I("div", { className: F(d.toggle, c), "data-testid": g, children: [
-    /* @__PURE__ */ T(
+  return /* @__PURE__ */ j("div", { className: T(a.toggle, r), "data-testid": g, children: [
+    /* @__PURE__ */ k(
       E,
       {
-        checked: s === !0,
-        disabled: p,
-        onChange: n,
+        checked: o === !0,
+        disabled: n,
+        onChange: m,
         "aria-label": l,
         slotProps: {
-          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
+          root: (d) => ({
+            className: T(a["toggle__toggle-el-wrapper"], {
+              [a["toggle--disabled"]]: d.disabled,
+              [a["toggle--focus-visible"]]: d.focusVisible,
+              [a["toggle--checked"]]: d.checked
             })
           }),
-          input: { className: F(d.input, a) },
-          thumb: { className: d.thumb },
-          track: { className: d.track }
+          input: { className: T(a.input, i) },
+          thumb: { className: a.thumb },
+          track: { className: a.track }
         }
       }
     ),
-    l && /* @__PURE__ */ T("label", { className: F(d.toggle__label, u), children: l })
+    l && /* @__PURE__ */ k("label", { className: T(a.toggle__label, b), children: l })
   ] });
 };
 export {
-  ce as Toggle
+  le as Toggle
 };

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

@@ -2,11 +2,11 @@ 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> & {
-        label?: string | undefined;
-        classNameWrapper?: string | undefined;
-        classNameInput?: string | undefined;
-        classNameLabel?: string | undefined;
-        'data-testid'?: string | undefined;
+        label?: string;
+        classNameWrapper?: string;
+        classNameInput?: string;
+        classNameLabel?: string;
+        'data-testid'?: string;
     }) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ToggleGroupItemProps<T extends string | number> = {
     /** The display text to show for this option */
     text: React.ReactNode;

package/dist/components/ToggleGroup/Toggle.js

@@ -6,10 +6,10 @@ import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { T as q } from "../../Toggle-DcZTfLrC.js";
+import { T as q } from "../../Toggle-nnDfpqI1.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
-import "../../index-1UpBa69h.js";
+import "../../index-ew-96uBP.js";
 import "../Draggable/useDraggable.js";
 import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,4 +1,4 @@
-import { T as e } from "../../Toggle-DcZTfLrC.js";
+import { T as e } from "../../Toggle-nnDfpqI1.js";
 import { G as p } from "../../Group-DJz1rK2n.js";
 export {
   p as ToggleGroup,

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

@@ -8,7 +8,7 @@ declare const meta: {
     decorators: ((Story: import('@storybook/core/csf').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>>[];
+        children: Array<import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>>>;
         'data-testid'?: string | undefined;
         equalWidth?: boolean | undefined;
         classNameForOptions?: string | undefined;