@pismo/marola 1.1.17 → 1.1.20

package/dist/Group-BKXO7GzU.js

@@ -0,0 +1,39 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { c } from "./clsx-DB4S2d7J.js";
+import { Icon as f } from "./components/Icon/Icon.js";
+import { Typography as p } from "./components/Typography/Typography.js";
+import './assets/Group.css';const m = "_toggle__input_1fdw4_1", u = "_toggle__label_1fdw4_11", t = {
+  toggle__input: m,
+  toggle__label: u,
+  "toggle__label--selected": "_toggle__label--selected_1fdw4_21",
+  "toggle__label--disabled": "_toggle__label--disabled_1fdw4_21",
+  "toggle-group__fieldset": "_toggle-group__fieldset_1fdw4_35",
+  "toggle-group__options": "_toggle-group__options_1fdw4_40",
+  "toggle-group__options-same-width": "_toggle-group__options-same-width_1fdw4_44",
+  "toggle-group__error": "_toggle-group__error_1fdw4_47"
+}, v = n((e, d) => {
+  const { children: r, legend: _, error: g, equalWidth: s } = e, a = e["data-testid"] ? `${e["data-testid"]}-legend` : void 0, i = e["data-testid"] ? `${e["data-testid"]}-error` : void 0;
+  return /* @__PURE__ */ l("fieldset", { ref: d, "data-testid": e["data-testid"], className: t["toggle-group__fieldset"], children: [
+    _ && /* @__PURE__ */ o("legend", { "data-testid": a, children: _ }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: c(
+          t["toggle-group__options"],
+          s && t["toggle-group__options-same-width"],
+          e.classNameForOptions
+        ),
+        children: r
+      }
+    ),
+    g && /* @__PURE__ */ l(p, { className: t["toggle-group__error"], "data-testid": i, children: [
+      /* @__PURE__ */ o(f, { icon: "circle-exclamation" }),
+      g
+    ] })
+  ] });
+});
+export {
+  v as G,
+  t as s
+};

package/dist/{Toggle-BuZjueQ7.js → Toggle-Bkf8bKbA.js}

@@ -15,7 +15,7 @@ import "./components/Select/Select.js";
 import "./components/Popover/Popover.js";
 import "./components/Table/Table.js";
 import "./components/Tabs/Tabs.js";
-import { s as y } from "./Group-ZXteFV4M.js";
+import { s as y } from "./Group-BKXO7GzU.js";
 import "./contexts/SnackbarProvider/SnackbarProvider.js";
 import { B as x } from "./Button-BAljjMv3.js";
 import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {

package/dist/assets/Group.css

@@ -1 +1 @@
-._toggle__input_hu6m0_1{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;visibility:hidden;opacity:0}._toggle__label_hu6m0_11{position:relative;flex-grow:1;padding:.5rem 1rem;color:var(--gray-90);text-align:center;cursor:pointer;border:solid 1px var(--gray-25);border-radius:6px}._toggle__label_hu6m0_11:hover:not(._toggle__label--selected_hu6m0_21,._toggle__label--disabled_hu6m0_21){border-color:var(--gray-75);opacity:.9}._toggle__label--selected_hu6m0_21{color:var(--accent);border-color:var(--accent)}._toggle__label--disabled_hu6m0_21{color:rgb(var(--black-100-rgb),.25);cursor:default;background-color:rgb(var(--black-100-rgb),.04)}._toggle-group__fieldset_hu6m0_35{padding:0;margin:0;border:none}._toggle-group__options_hu6m0_40{display:flex;gap:.5rem}._toggle-group__options-same-width_hu6m0_44>*{flex:1}._toggle-group__error_hu6m0_47{display:flex;gap:.375rem;align-items:center;margin-top:.3125rem;color:var(--alert)}._toggle-group__error_hu6m0_47 svg{min-width:1rem;min-height:1rem}
+._toggle__input_1fdw4_1{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;visibility:hidden;opacity:0}._toggle__label_1fdw4_11{position:relative;flex-grow:1;padding:.5rem 1rem;color:var(--accent);text-align:center;cursor:pointer;background-color:rgb(var(--accent-rgb),.1);border-radius:6px}._toggle__label_1fdw4_11:hover:not(._toggle__label--selected_1fdw4_21,._toggle__label--disabled_1fdw4_21){border-color:var(--gray-75);opacity:.9}._toggle__label--selected_1fdw4_21{color:var(--white-100);background-color:var(--accent)}._toggle__label--disabled_1fdw4_21{color:rgb(var(--black-100-rgb),.25);cursor:default;background-color:rgb(var(--black-100-rgb),.04)}._toggle-group__fieldset_1fdw4_35{padding:0;margin:0;border:none}._toggle-group__options_1fdw4_40{display:flex;gap:.5rem}._toggle-group__options-same-width_1fdw4_44>*{flex:1}._toggle-group__error_1fdw4_47{display:flex;gap:.375rem;align-items:center;margin-top:.3125rem;color:var(--alert)}._toggle-group__error_1fdw4_47 svg{min-width:1rem;min-height:1rem}

package/dist/components/Chip/Chip.js

@@ -7,7 +7,7 @@ import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { C as u } from "../../Toggle-BuZjueQ7.js";
+import { C as u } from "../../Toggle-Bkf8bKbA.js";
 import "../Dialog/Dialog.js";
 import "../Skeleton/Skeleton.js";
 import "../IconButton/IconButton.js";
@@ -16,7 +16,7 @@ import "../Select/Select.js";
 import "../Popover/Popover.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-ZXteFV4M.js";
+import "../../Group-BKXO7GzU.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 import "../../Button-BAljjMv3.js";
 export {

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { C as t } from "../../Toggle-BuZjueQ7.js";
+import { C as t } from "../../Toggle-Bkf8bKbA.js";
 import '../../assets/ResultWithChips.css';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

@@ -7,7 +7,7 @@ import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { R as h, R as j } from "../../Toggle-BuZjueQ7.js";
+import { R as h, R as j } from "../../Toggle-Bkf8bKbA.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
@@ -15,7 +15,7 @@ import "../Select/Select.js";
 import "../Popover/Popover.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-ZXteFV4M.js";
+import "../../Group-BKXO7GzU.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
   h as RowItem,

package/dist/components/ToggleGroup/Group.js

@@ -3,7 +3,7 @@ import "react";
 import "../../clsx-DB4S2d7J.js";
 import "../Icon/Icon.js";
 import "../Typography/Typography.js";
-import { G as e } from "../../Group-ZXteFV4M.js";
+import { G as e } from "../../Group-BKXO7GzU.js";
 export {
   e as default
 };

package/dist/components/ToggleGroup/Toggle.js

@@ -6,7 +6,7 @@ import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { T as j } from "../../Toggle-BuZjueQ7.js";
+import { T as j } from "../../Toggle-Bkf8bKbA.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-ZXteFV4M.js";
+import "../../Group-BKXO7GzU.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-BuZjueQ7.js";
-import { G as p } from "../../Group-ZXteFV4M.js";
+import { T as e } from "../../Toggle-Bkf8bKbA.js";
+import { G as p } from "../../Group-BKXO7GzU.js";
 export {
   p as ToggleGroup,
   e as ToggleGroupItem

package/dist/components/Tooltip/Tooltip.js

@@ -1,51 +1,51 @@
-import { jsx as a, jsxs as v, Fragment as P } from "react/jsx-runtime";
+import { jsx as a, jsxs as S, Fragment as v } from "react/jsx-runtime";
 import * as u from "react";
-import { useRef as R, useState as T, useEffect as E, isValidElement as q, cloneElement as M } from "react";
-import { T as O, P as V } from "../../Popup-Ck3XlWMq.js";
-import { _ as $, b as z, P as l } from "../../useSlotProps-C_I1kEHr.js";
-import { c as D } from "../../clsx-DB4S2d7J.js";
-import { C as F } from "../../ClickAwayListener-DbEYZpyh.js";
-import '../../assets/Tooltip.css';function I() {
-  const e = u.useContext(O);
-  if (!e)
+import { useRef as P, useState as R, useEffect as C, isValidElement as T, cloneElement as q } from "react";
+import { T as M, P as O } from "../../Popup-Ck3XlWMq.js";
+import { _ as V, b as $, P as l } from "../../useSlotProps-C_I1kEHr.js";
+import { c as z } from "../../clsx-DB4S2d7J.js";
+import { C as D } from "../../ClickAwayListener-DbEYZpyh.js";
+import '../../assets/Tooltip.css';function F() {
+  const n = u.useContext(M);
+  if (!n)
     throw new Error("Missing transition context");
   const {
     registerTransition: o,
     requestedEnter: r,
-    onExited: n
-  } = e;
+    onExited: e
+  } = n;
   return u.useEffect(() => o(), [o]), {
-    onExited: n,
+    onExited: e,
     requestedEnter: r
   };
 }
-const W = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
-function b(e) {
+const I = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
+function E(n) {
   const {
     children: o,
     className: r,
-    enterAnimationName: n,
+    enterAnimationName: e,
     enterClassName: c,
     exitAnimationName: _,
     exitClassName: f
-  } = e, p = $(e, W), {
+  } = n, p = V(n, I), {
     requestedEnter: d,
     onExited: s
-  } = I(), i = u.useRef(!0);
+  } = F(), i = u.useRef(!0);
   u.useEffect(() => {
     d && i.current && (i.current = !1);
   }, [d]);
   const N = u.useCallback((t) => {
-    t.animationName === _ ? (s(), i.current = !0) : t.animationName === n && (i.current = !1);
-  }, [s, _, n]);
-  return /* @__PURE__ */ a("div", z({
+    t.animationName === _ ? (s(), i.current = !0) : t.animationName === e && (i.current = !1);
+  }, [s, _, e]);
+  return /* @__PURE__ */ a("div", $({
     onAnimationEnd: N,
-    className: D(r, d ? c : f)
+    className: z(r, d ? c : f)
   }, p, {
     children: o
   }));
 }
-process.env.NODE_ENV !== "production" && (b.propTypes = {
+process.env.NODE_ENV !== "production" && (E.propTypes = {
   children: l.node,
   className: l.string,
   enterAnimationName: l.string,
@@ -53,8 +53,8 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
   exitAnimationName: l.string,
   exitClassName: l.string
 });
-const B = "_tooltip_1dujm_1", m = {
-  tooltip: B,
+const W = "_tooltip_1dujm_1", m = {
+  tooltip: W,
   "tooltip--small-padding": "_tooltip--small-padding_1dujm_5",
   "tooltip--normal-padding": "_tooltip--normal-padding_1dujm_8",
   "tooltip--white-theme": "_tooltip--white-theme_1dujm_11",
@@ -64,11 +64,11 @@ const B = "_tooltip_1dujm_1", m = {
   "tooltip--open-animation": "_tooltip--open-animation_1dujm_1",
   "tooltip--anim-close": "_tooltip--anim-close_1dujm_23",
   "tooltip--close-animation": "_tooltip--close-animation_1dujm_1"
-}, X = ({
-  arialRole: e,
+}, U = ({
+  arialRole: n,
   children: o,
   className: r,
-  disableHoverListener: n,
+  disableHoverListener: e,
   onClose: c,
   padding: _ = "small",
   position: f = "bottom",
@@ -78,57 +78,55 @@ const B = "_tooltip_1dujm_1", m = {
   onTargetCreated: i,
   ...N
 }) => {
-  const t = R(null), [y, h] = T(p || !1);
-  let j = y;
-  E(() => {
+  const t = P(null), [b, h] = R(p || !1);
+  let j = b;
+  C(() => {
     h(p || !1);
   }, [p]);
-  const A = q(o) ? o : /* @__PURE__ */ a("span", { children: o });
+  const A = T(o) ? o : /* @__PURE__ */ a("span", { children: o });
   !s && s !== 0 && (j = !1);
-  const k = () => {
-    c == null || c(), !n && h(!1);
+  const y = () => {
+    c == null || c(), !e && h(!1);
   };
-  E(() => {
-    var C;
+  C(() => {
     if (t != null && t.current) {
-      i == null || i(t == null ? void 0 : t.current);
-      const x = (C = t == null ? void 0 : t.current) == null ? void 0 : C.parentElement;
-      x && (n || (x.onpointerenter = () => h(!0), x.onpointerleave = () => h(!1)));
+      const x = t == null ? void 0 : t.current;
+      i == null || i(x), e || (x.onpointerenter = () => h(!0), x.onpointerleave = () => h(!1));
     }
-  }, [t, n]);
-  const w = {
+  }, [t, e]);
+  const g = {
     padding: f.match(/(bottom|top)/) ? ".25rem 0" : "0 .25rem",
     zIndex: 1
-  }, S = [
+  }, k = [
     m.tooltip,
     m[`tooltip--${d}-theme`],
     m[`tooltip--${_}-padding`],
     r || ""
-  ].join(" ").trim(), g = {
+  ].join(" ").trim(), w = {
     ...A.props,
     ref: t
   };
-  return /* @__PURE__ */ v(P, { children: [
-    M(A, g),
+  return /* @__PURE__ */ S(v, { children: [
+    q(A, w),
     /* @__PURE__ */ a(
-      V,
+      O,
       {
         disablePortal: !0,
         ...N,
         open: j,
         anchor: t == null ? void 0 : t.current,
-        style: w,
-        role: e,
+        style: g,
+        role: n,
         placement: f,
         children: /* @__PURE__ */ a(
-          b,
+          E,
           {
             className: m["tooltip--animation"],
             enterClassName: m["tooltip--anim-open"],
             exitClassName: m["tooltip--anim-close"],
             enterAnimationName: "tooltip--open-animation",
             exitAnimationName: "tooltip--close-animation",
-            children: /* @__PURE__ */ a("div", { className: S, children: /* @__PURE__ */ a(F, { onClickAway: k, children: /* @__PURE__ */ a("div", { children: s }) }) })
+            children: /* @__PURE__ */ a("div", { className: k, children: /* @__PURE__ */ a(D, { onClickAway: y, children: /* @__PURE__ */ a("div", { children: s }) }) })
           }
         )
       }
@@ -136,5 +134,5 @@ const B = "_tooltip_1dujm_1", m = {
   ] });
 };
 export {
-  X as Tooltip
+  U as Tooltip
 };

package/dist/main.js

@@ -8,7 +8,7 @@ import { BankCard as c } from "./components/BankCard/BankCard.js";
 import { Button as d } from "./components/Button/Button.js";
 import { Calendar as S } from "./components/Calendar/Calendar.js";
 import { Checkbox as b } from "./components/Checkbox/Checkbox.js";
-import { C as h, R as D, T as A } from "./Toggle-BuZjueQ7.js";
+import { C as h, R as D, T as A } from "./Toggle-Bkf8bKbA.js";
 import { ConfirmationDialog as I } from "./components/ConfirmationDialog/ConfirmationDialog.js";
 import { Description as P } from "./components/Description/Description.js";
 import { Dialog as y } from "./components/Dialog/Dialog.js";
@@ -35,7 +35,7 @@ import { Tag as Ro } from "./components/Tag/Tag.js";
 import { TextDisplay as Go } from "./components/TextDisplay/TextDisplay.js";
 import { ToastCard as Ho } from "./components/ToastCard/ToastCard.js";
 import { Toggle as Lo } from "./components/Toggle/Toggle.js";
-import { G as Oo } from "./Group-ZXteFV4M.js";
+import { G as Oo } from "./Group-BKXO7GzU.js";
 import { Tooltip as jo } from "./components/Tooltip/Tooltip.js";
 import { TransactionRow as zo } from "./components/TransactionRow/TransactionRow.js";
 import { Text as Jo, Typography as Ko } from "./components/Typography/Typography.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.1.17",
+  "version": "1.1.20",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -64,7 +64,7 @@
     "@typescript-eslint/eslint-plugin": "^7.6.0",
     "@typescript-eslint/parser": "^7.6.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.4.0",
+    "@vitest/coverage-v8": "^3.0.9",
     "clsx": "^2.1.0",
     "commitlint": "^19.2.1",
     "cypress": "^13.8.1",
@@ -77,7 +77,7 @@
     "eslint-plugin-storybook": "^0.9.0",
     "glob": "^10.3.14",
     "husky": "^9.0.11",
-    "jsdom": "^24.0.0",
+    "jsdom": "^26.0.0",
     "lint-staged": "^15.2.7",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
@@ -89,15 +89,15 @@
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-prettier": "^5.0.0",
     "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "vite-plugin-dts": "^3.8.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^1.4.0",
+    "vite": "^6.2.3",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^3.0.9",
     "vitest-preview": "^0.0.1"
   },
   "dependencies": {
     "@mui/base": "^5.0.0-beta.40",
     "@mui/material": "^5.15.15"
   }
-}
+}

package/dist/Group-ZXteFV4M.js

@@ -1,39 +0,0 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { c as m } from "./clsx-DB4S2d7J.js";
-import { Icon as u } from "./components/Icon/Icon.js";
-import { Typography as c } from "./components/Typography/Typography.js";
-import './assets/Group.css';const p = "_toggle__input_hu6m0_1", h = "_toggle__label_hu6m0_11", t = {
-  toggle__input: p,
-  toggle__label: h,
-  "toggle__label--selected": "_toggle__label--selected_hu6m0_21",
-  "toggle__label--disabled": "_toggle__label--disabled_hu6m0_21",
-  "toggle-group__fieldset": "_toggle-group__fieldset_hu6m0_35",
-  "toggle-group__options": "_toggle-group__options_hu6m0_40",
-  "toggle-group__options-same-width": "_toggle-group__options-same-width_hu6m0_44",
-  "toggle-group__error": "_toggle-group__error_hu6m0_47"
-}, v = n((e, r) => {
-  const { children: s, legend: _, error: g, equalWidth: a } = e, i = e["data-testid"] ? `${e["data-testid"]}-legend` : void 0, d = e["data-testid"] ? `${e["data-testid"]}-error` : void 0;
-  return /* @__PURE__ */ l("fieldset", { ref: r, "data-testid": e["data-testid"], className: t["toggle-group__fieldset"], children: [
-    _ && /* @__PURE__ */ o("legend", { "data-testid": i, children: _ }),
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: m(
-          t["toggle-group__options"],
-          a && t["toggle-group__options-same-width"],
-          e.classNameForOptions
-        ),
-        children: s
-      }
-    ),
-    g && /* @__PURE__ */ l(c, { className: t["toggle-group__error"], "data-testid": d, children: [
-      /* @__PURE__ */ o(u, { icon: "circle-exclamation" }),
-      g
-    ] })
-  ] });
-});
-export {
-  v as G,
-  t as s
-};