@pismo/marola 2.1.73 → 2.1.74

package/dist/{RadioOption-DyRY8xlF.js → RadioOption-CbeBwSaN.js}

@@ -10,7 +10,7 @@ import { createElement as fe } from "react";
 import "./components/Input/Input.js";
 import "./components/Avatar/Avatar.js";
 import "./components/Button/Button.js";
-import "./Toggle-nnDfpqI1.js";
+import "./Toggle-C4jN6Ewk.js";
 import "./components/Dialog/Dialog.js";
 import "./components/DatePicker/DatePicker.js";
 import { r as H } from "./index-ew-96uBP.js";

package/dist/{Toggle-nnDfpqI1.js → Toggle-C4jN6Ewk.js}

@@ -1,14 +1,14 @@
 import { jsx as i, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
+import { forwardRef as g, useId as C } from "react";
 import { c as d } from "./clsx-OuTLNxxd.js";
 import "./utils/iconsList.js";
-import { Typography as C } from "./components/Typography/Typography.js";
+import { Typography as N } from "./components/Typography/Typography.js";
 import "./components/Input/Input.js";
 import "./components/Avatar/Avatar.js";
 import "./components/Button/Button.js";
 import { Adornment as v } from "./components/Adornment/Adornment.js";
-import { Icon as N } from "./components/Icon/Icon.js";
-import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
+import { Icon as f } from "./components/Icon/Icon.js";
+import { Skeleton as x } from "./components/Skeleton/Skeleton.js";
 import "./components/Dialog/Dialog.js";
 import "./components/DatePicker/DatePicker.js";
 import "./index-ew-96uBP.js";
@@ -19,10 +19,10 @@ 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-DJz1rK2n.js";
+import { s as u } from "./Group-DJz1rK2n.js";
 import "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { B as x } from "./Button-CJaBSdv1.js";
-import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
+import { B as I } from "./Button-CJaBSdv1.js";
+import './assets/Toggle2.css';const P = "_chip_1wvod_61", z = "_chip__adornment_1wvod_116", S = "_chip__remove_1wvod_121", n = {
   "u-typography-h1": "_u-typography-h1_1wvod_1",
   "u-typography-h2": "_u-typography-h2_1wvod_8",
   "u-typography-h3": "_u-typography-h3_1wvod_15",
@@ -34,7 +34,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
   "u-typography-base--xl": "_u-typography-base--xl_1wvod_53",
   "u-typography-base--lg": "_u-typography-base--lg_1wvod_57",
   "u-typography-base--sm": "_u-typography-base--sm_1wvod_61",
-  chip: I,
+  chip: P,
   "u-typography-base--bold": "_u-typography-base--bold_1wvod_65",
   "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1wvod_68",
   "u-typography-base--underlined": "_u-typography-base--underlined_1wvod_71",
@@ -42,12 +42,12 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
   "chip--button": "_chip--button_1wvod_90",
   "chip--outlined": "_chip--outlined_1wvod_104",
   "chip--contained": "_chip--contained_1wvod_110",
-  chip__adornment: P,
-  chip__remove: z,
+  chip__adornment: z,
+  chip__remove: S,
   "chip__remove--disabled": "_chip__remove--disabled_1wvod_133",
   "chip-loading": "_chip-loading_1wvod_137"
-}, S = u((t, p) => {
-  const { children: l, onClickContent: a, disabled: r, className: o, variant: s } = t;
+}, R = g((t, l) => {
+  const { children: p, onClickContent: a, disabled: r, className: o, variant: s } = t;
   let e = d(
     n.chip,
     { [n["chip--outlined"]]: s === "outlined" },
@@ -55,30 +55,30 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
     o
   );
   return a ? (e += ` ${n["chip--button"]}`, /* @__PURE__ */ i(
-    x,
+    I,
     {
       onClick: a,
       disabled: r,
       "data-testid": t["data-testid"],
-      ref: p,
+      ref: l,
       className: e,
-      children: l
+      children: p
     }
-  )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: p, className: e, children: l });
-}), oo = u((t, p) => {
+  )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: l, className: e, children: p });
+}), ao = g((t, l) => {
   const {
-    label: l,
+    label: p,
     className: a,
     onClickContent: r,
     leftAdornment: o,
     loading: s = !1,
     disabled: e = !1,
-    variant: g = "default",
-    onClickRemove: m
+    variant: h = "default",
+    onClickRemove: y
   } = t;
   if (s)
     return /* @__PURE__ */ i(
-      f,
+      x,
       {
         className: d(n["chip-loading"], t["className-skeleton"]),
         "data-testid": t["data-testid-skeleton"]
@@ -86,18 +86,18 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
     );
   const b = d(o == null ? void 0 : o.className, n.chip__adornment), w = o != null && o.customIcon ? { ...o, className: b } : { ...o, disabled: e, className: b };
   return /* @__PURE__ */ k(
-    S,
+    R,
     {
-      ref: p,
+      ref: l,
       "data-testid": t["data-testid"],
       onClickContent: r,
       disabled: e,
       className: a,
-      variant: g,
+      variant: h,
       children: [
         o && /* @__PURE__ */ i(v, { ...w }),
-        l,
-        m && /* @__PURE__ */ i(
+        p,
+        y && /* @__PURE__ */ i(
           "span",
           {
             className: d(n.chip__remove, { [n["chip__remove--disabled"]]: e }),
@@ -105,22 +105,22 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
             tabIndex: e ? -1 : 0,
             "aria-label": "remove",
             onClick: (_) => {
-              _ == null || _.stopPropagation(), _ == null || _.nativeEvent.stopImmediatePropagation(), m();
+              _ == null || _.stopPropagation(), _ == null || _.nativeEvent.stopImmediatePropagation(), y();
             },
             "aria-disabled": e,
-            children: /* @__PURE__ */ i(N, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
+            children: /* @__PURE__ */ i(f, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
           }
         )
       ]
     }
   );
-}), h = {
+}), m = {
   "row-item": "_row-item_11zdk_1",
   "row-item--clickable": "_row-item--clickable_11zdk_12",
   "row-item--disabled": "_row-item--disabled_11zdk_18",
   "row-item__content": "_row-item__content_11zdk_24"
-}, ao = u((t, p) => {
-  const { children: l, leftAdornment: a, disabled: r, onClick: o, buttons: s, ariaLabel: e, className: g } = t, m = d(a == null ? void 0 : a.className, h["row-item__adornment"]), w = {
+}, to = g((t, l) => {
+  const { children: p, leftAdornment: a, disabled: r, onClick: o, buttons: s, ariaLabel: e, className: h } = t, y = d(a == null ? void 0 : a.className, m["row-item__adornment"]), w = {
     onClick: (c) => {
       r || o && o(c);
     },
@@ -133,16 +133,16 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
     {
       "data-testid": t["data-testid"],
       className: d(
-        h["row-item"],
-        o && h["row-item--clickable"],
-        o && r && h["row-item--disabled"],
-        g
+        m["row-item"],
+        o && m["row-item--clickable"],
+        o && r && m["row-item--disabled"],
+        h
       ),
       ...!!o && w,
-      ref: p,
+      ref: l,
       children: [
-        a && /* @__PURE__ */ i(v, { ..._, className: m, disabled: r }),
-        /* @__PURE__ */ i("span", { className: d(h["row-item__content"]), children: l }),
+        a && /* @__PURE__ */ i(v, { ..._, className: y, disabled: r }),
+        /* @__PURE__ */ i("span", { className: d(m["row-item__content"]), children: p }),
         s && /* @__PURE__ */ i(
           "div",
           {
@@ -155,39 +155,41 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
       ]
     }
   );
-}), to = u((t, p) => {
-  const { text: l, isSelected: a = !1, value: r, onChange: o, disabled: s, type: e } = t;
+}), eo = g((t, l) => {
+  const { text: p, isSelected: a = !1, value: r, onChange: o, disabled: s, type: e } = t, h = C();
   return /* @__PURE__ */ k(
     "label",
     {
       className: d(
-        [y.toggle__label],
-        a && y["toggle__label--selected"],
-        s && y["toggle__label--disabled"]
+        [u.toggle__label],
+        a && u["toggle__label--selected"],
+        s && u["toggle__label--disabled"]
       ),
       "data-testid": t["data-testid"],
+      id: h,
       children: [
         /* @__PURE__ */ i(
           "input",
           {
-            className: d([y.toggle__input]),
+            className: d([u.toggle__input]),
             type: e ?? "radio",
-            ref: p,
+            ref: l,
             value: r.toString(),
             onChange: () => o(r),
             role: e ?? "radio",
             checked: a,
             "aria-checked": a,
+            "aria-labelledby": h,
             disabled: s
           }
         ),
-        /* @__PURE__ */ i(C, { bold: !0, children: l })
+        /* @__PURE__ */ i(N, { bold: !0, children: p })
       ]
     }
   );
 });
 export {
-  oo as C,
-  ao as R,
-  to as T
+  ao as C,
+  to as R,
+  eo as T
 };

package/dist/components/Chip/Chip.js

@@ -8,7 +8,7 @@ import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Skeleton/Skeleton.js";
 import "../Button/Button.js";
-import { C as z } from "../../Toggle-nnDfpqI1.js";
+import { C as z } from "../../Toggle-C4jN6Ewk.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../../index-ew-96uBP.js";

package/dist/components/DoubleAutocomplete/DoubleAutocomplete.js

@@ -6,7 +6,7 @@ import { Autocomplete as i } from "../Autocomplete/Autocomplete.js";
 import "../Avatar/Avatar.js";
 import "react";
 import "../Button/Button.js";
-import "../../Toggle-nnDfpqI1.js";
+import "../../Toggle-C4jN6Ewk.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../Input/Input.js";

package/dist/components/Draggable/useDraggable.js

@@ -1,4 +1,4 @@
-import { u as m, a as o } from "../../react-Dj06mE6D.js";
+import { u as m, a as o } from "../../react-BTbo_5A3.js";
 const r = o(null), n = () => {
   const [e, t] = m(r);
   return {

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -6,7 +6,7 @@ import { Typography as p } from "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import { Button as k } from "../Button/Button.js";
-import "../../Toggle-nnDfpqI1.js";
+import "../../Toggle-C4jN6Ewk.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../../index-ew-96uBP.js";

package/dist/components/IconButton/IconButton.d.ts

@@ -16,6 +16,8 @@ type IconButtonCoreProps = {
     variant?: variant;
     /** Id to be applied as `data-testid` on the container element */
     'data-testid'?: string;
+    /** An accessible name for the element */
+    'aria-label'?: string;
 };
 interface IconButtonPropsWithLink extends IconButtonCoreProps {
     /** Link to access when Icon Button is clicked  */

package/dist/components/IconButton/IconButton.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as d, useMemo as l } from "react";
-import { c as j } from "../../clsx-OuTLNxxd.js";
-import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as x } from "../../Button-CJaBSdv1.js";
-import '../../assets/IconButton.css';const o = {
+import { forwardRef as d, useMemo as j } from "react";
+import { c as m } from "../../clsx-OuTLNxxd.js";
+import { LoadingSpinner as x } from "../LoadingSpinner/LoadingSpinner.js";
+import { B as f } from "../../Button-CJaBSdv1.js";
+import '../../assets/IconButton.css';const a = {
   "u-typography-h1": "_u-typography-h1_gt5j9_1",
   "u-typography-h2": "_u-typography-h2_gt5j9_8",
   "u-typography-h3": "_u-typography-h3_gt5j9_15",
@@ -23,7 +23,7 @@ import '../../assets/IconButton.css';const o = {
   "icon-button--primary": "_icon-button--primary_gt5j9_87",
   "icon-button--square": "_icon-button--square_gt5j9_109",
   "icon-button__container": "_icon-button__container_gt5j9_125"
-}, B = d((p, y) => {
+}, I = d((p, y) => {
   const {
     onClick: _,
     icon: e,
@@ -32,31 +32,33 @@ import '../../assets/IconButton.css';const o = {
     children: n,
     type: h = "button",
     disabled: s,
-    className: a,
+    className: o,
     variant: t = "primary",
-    "data-testid": i
-  } = p, b = l(
-    () => j([o["icon-button"], o[`icon-button--${t}`], a]),
-    [a, t]
+    "data-testid": i,
+    "aria-label": b
+  } = p, l = j(
+    () => m([a["icon-button"], a[`icon-button--${t}`], o]),
+    [o, t]
   );
   return /* @__PURE__ */ r(
-    x,
+    f,
     {
       type: h,
       href: u,
       onClick: _,
       disabled: s,
-      className: b,
+      className: l,
       ref: y,
       "data-testid": i,
-      children: /* @__PURE__ */ c("div", { className: o["icon-button__container"], children: [
-        g ? /* @__PURE__ */ r(m, { invert: !0 }) : e,
+      "aria-label": b,
+      children: /* @__PURE__ */ c("div", { className: a["icon-button__container"], children: [
+        g ? /* @__PURE__ */ r(x, { invert: !0 }) : e,
         t !== "square" && n
       ] })
     }
   );
 });
 export {
-  B as IconButton,
-  B as default
+  I as IconButton,
+  I as default
 };

package/dist/components/RadioButton/RadioButton.js

@@ -7,7 +7,7 @@ import { Typography as ze } from "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import "../../Toggle-nnDfpqI1.js";
+import "../../Toggle-C4jN6Ewk.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import { r as Be } from "../../index-ew-96uBP.js";
@@ -21,8 +21,8 @@ import "../Tabs/Tabs.js";
 import "../../Group-DJz1rK2n.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 import "../../utils/iconsList.js";
-import { u as L, a as he, b as F, C as Ue, f as we, N as Oe, c as Ne, d as be, A as Ye, E as pe, e as Ge, g as $e, h as ve, i as je, j as Je, m as Xe, k as qe, l as Ze, v as Qe, s as j } from "../../RadioOption-DyRY8xlF.js";
-import { R as ln } from "../../RadioOption-DyRY8xlF.js";
+import { u as L, a as he, b as F, C as Ue, f as we, N as Oe, c as Ne, d as be, A as Ye, E as pe, e as Ge, g as $e, h as ve, i as je, j as Je, m as Xe, k as qe, l as Ze, v as Qe, s as j } from "../../RadioOption-CbeBwSaN.js";
+import { R as ln } from "../../RadioOption-CbeBwSaN.js";
 import { i as et, a as me, b as Ce } from "../../Popup-D267EI4e.js";
 function tt({
   controlled: e,
@@ -820,7 +820,7 @@ const on = ({
     De,
     {
       "data-testid": u,
-      onValueChange: (b, S) => m(b, S.event),
+      onValueChange: (b, S) => m(b, S),
       name: t,
       defaultValue: l,
       className: e,

package/dist/components/RadioButton/RadioOption.js

@@ -6,7 +6,7 @@ import "react";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import "../../Toggle-nnDfpqI1.js";
+import "../../Toggle-C4jN6Ewk.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../../index-ew-96uBP.js";
@@ -15,7 +15,7 @@ import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
 import "../Select/Select.js";
 import "../Popover/Popover.js";
-import { R as u } from "../../RadioOption-DyRY8xlF.js";
+import { R as u } from "../../RadioOption-CbeBwSaN.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
 import "../../Group-DJz1rK2n.js";

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { c as s } from "../../clsx-OuTLNxxd.js";
-import { C as i } from "../../Toggle-nnDfpqI1.js";
+import { C as i } from "../../Toggle-C4jN6Ewk.js";
 import { ResultContainer as o } from "../ResultContainer/ResultContainer.js";
 import '../../assets/ResultWithChips.css';const h = "_container_hgp0p_1", n = {
   container: h,

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 n, R as q } from "../../Toggle-nnDfpqI1.js";
+import { R as n, R as q } from "../../Toggle-C4jN6Ewk.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../../index-ew-96uBP.js";

package/dist/components/ToastCard/ToastCard.js

@@ -14,7 +14,7 @@ import '../../assets/ToastCard.css';const h = "_divider_19nbp_6", t = {
   "toast-card-title--info": "_toast-card-title--info_19nbp_52",
   "toast-card-title--default": "_toast-card-title--default_19nbp_55"
 }, C = ({
-  variant: i = "default",
+  variant: e = "default",
   className: r,
   "data-testid": c,
   title: o,
@@ -23,24 +23,32 @@ import '../../assets/ToastCard.css';const h = "_divider_19nbp_6", t = {
   children: _,
   "data-testid-children-wrapper": p,
   classNameChildrenWrapper: m,
-  footer: e,
+  footer: i,
   "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", { className: d(t["toast-card"], t[`toast-card--${e}`], r), "data-testid": c, children: [
   /* @__PURE__ */ s(
     "div",
     {
       className: d(
         t["toast-card-padding"],
         t["toast-card-title"],
-        t[`toast-card-title--${i}`],
+        t[`toast-card-title--${e}`],
         l
       ),
       "data-testid": n,
       children: [
         o,
-        /* @__PURE__ */ a(N, { className: t["close-btn"], icon: /* @__PURE__ */ a(u, { icon: "xmark", size: "1rem" }), onClick: v })
+        /* @__PURE__ */ a(
+          N,
+          {
+            "aria-label": "close",
+            className: t["close-btn"],
+            icon: /* @__PURE__ */ a(u, { icon: "xmark", size: "1rem" }),
+            onClick: v
+          }
+        )
       ]
     }
   ),
@@ -53,14 +61,14 @@ import '../../assets/ToastCard.css';const h = "_divider_19nbp_6", t = {
       children: _
     }
   ),
-  e && /* @__PURE__ */ s(f, { children: [
+  i && /* @__PURE__ */ s(f, { children: [
     /* @__PURE__ */ a("div", { className: t.divider }),
     /* @__PURE__ */ a(
       "div",
       {
         className: d(t["toast-card-padding"], g),
         "data-testid": b,
-        children: e
+        children: i
       }
     )
   ] })

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 q } from "../../Toggle-nnDfpqI1.js";
+import { T as q } from "../../Toggle-C4jN6Ewk.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
 import "../../index-ew-96uBP.js";

package/dist/components/ToggleGroup/ToggleGroup.js

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

package/dist/contexts/DraggableProvider/DraggableProvider.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { P as e } from "../../react-Dj06mE6D.js";
+import { P as e } from "../../react-BTbo_5A3.js";
 const t = ({ children: r }) => /* @__PURE__ */ o(e, { children: r });
 export {
   t as DraggableProvider

package/dist/main.js

@@ -10,7 +10,7 @@ import { Button as b } from "./components/Button/Button.js";
 import { Calendar as C } from "./components/Calendar/Calendar.js";
 import { Card as I } from "./components/Card/Card.js";
 import { Checkbox as D } from "./components/Checkbox/Checkbox.js";
-import { C as h, R, T as A } from "./Toggle-nnDfpqI1.js";
+import { C as h, R, T as A } from "./Toggle-C4jN6Ewk.js";
 import { ConfirmationDialog as v } from "./components/ConfirmationDialog/ConfirmationDialog.js";
 import { DatePicker as O } from "./components/DatePicker/DatePicker.js";
 import { Description as E } from "./components/Description/Description.js";
@@ -57,7 +57,7 @@ import { bemify as Pr, getBEMBase as vr, getBEMBlock as wr } from "./utils/style
 import { default as Mr } from "./components/Dialog/DialogTitle.js";
 import { default as Gr } from "./components/Dialog/Content.js";
 import { default as Hr } from "./components/Dialog/Actions.js";
-import { R as Lr } from "./RadioOption-DyRY8xlF.js";
+import { R as Lr } from "./RadioOption-CbeBwSaN.js";
 import { Tab as Vr } from "./components/Tabs/Tab.js";
 import { TabPanel as jr } from "./components/Tabs/TabPanel.js";
 export {