@pismo/marola 0.0.1-alpha.19 → 0.0.1-alpha.20

package/dist/components/Button/Button.js

@@ -1,94 +1,65 @@
 import '../../assets/Button.css';
-import { jsx as r, jsxs as w } from "react/jsx-runtime";
-import { forwardRef as m, useMemo as c } from "react";
-import { c as g } from "../../clsx-DB4S2d7J.js";
-import { LoadingSpinner as f } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as k } from "../../Button-2b1peDFT.js";
-const p = "_h1_1swyh_1", q = "_h2_1swyh_11", S = "_h3_1swyh_21", M = "_h4_1swyh_31", B = "_body_1swyh_41", x = "_quote_1swyh_75", N = "_form__input_1swyh_98", v = "_form__hint_1swyh_103", j = "_form__label_1swyh_108", P = "_form__dropdown_1swyh_113", $ = "_table__header_1swyh_131", C = "_table__body_1swyh_136", L = "_button_1swyh_159", R = "_SM_1swyh_178", o = {
-  h1: p,
-  "h1--bold": "_h1--bold_1swyh_7",
-  h2: q,
-  "h2--bold": "_h2--bold_1swyh_17",
-  h3: S,
-  "h3--bold": "_h3--bold_1swyh_27",
-  h4: M,
-  "h4--bold": "_h4--bold_1swyh_37",
-  body: B,
-  "body--large": "_body--large_1swyh_46",
-  "body--medium": "_body--medium_1swyh_50",
-  "body--small": "_body--small_1swyh_54",
-  "body--tiny": "_body--tiny_1swyh_58",
-  "body--bold": "_body--bold_1swyh_62",
-  "body--strikethrough": "_body--strikethrough_1swyh_65",
-  "body--underlined": "_body--underlined_1swyh_68",
-  "body--strikethrough-underlined": "_body--strikethrough-underlined_1swyh_71",
-  quote: x,
-  "quote--large": "_quote--large_1swyh_80",
-  "quote--bold": "_quote--bold_1swyh_85",
-  "quote--strikethrough": "_quote--strikethrough_1swyh_88",
-  "quote--underlined": "_quote--underlined_1swyh_91",
-  "quote--strikethrough-underlined": "_quote--strikethrough-underlined_1swyh_94",
-  form__input: N,
-  form__hint: v,
-  form__label: j,
-  form__dropdown: P,
-  "form--bold": "_form--bold_1swyh_118",
-  "form--strikethrough": "_form--strikethrough_1swyh_121",
-  "form--underlined": "_form--underlined_1swyh_124",
-  "form--strikethrough-underlined": "_form--strikethrough-underlined_1swyh_127",
-  table__header: $,
-  table__body: C,
-  "table__body--secondary": "_table__body--secondary_1swyh_141",
-  "table--bold": "_table--bold_1swyh_146",
-  "table--strikethrough": "_table--strikethrough_1swyh_149",
-  "table--underlined": "_table--underlined_1swyh_152",
-  "table--strikethrough-underlined": "_table--strikethrough-underlined_1swyh_155",
-  button: L,
-  "button--bold": "_button--bold_1swyh_165",
-  "button--strikethrough": "_button--strikethrough_1swyh_168",
-  "button--underlined": "_button--underlined_1swyh_171",
-  "button--strikethrough-underlined": "_button--strikethrough-underlined_1swyh_174",
-  SM: R,
-  "SM--bold": "_SM--bold_1swyh_183",
-  "button--primary": "_button--primary_1swyh_199",
-  "button--secondary": "_button--secondary_1swyh_218",
-  "button--quick": "_button--quick_1swyh_235",
-  "button__loading-container": "_button__loading-container_1swyh_258"
-}, G = m((n, h) => {
+import { jsx as h, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as d, useMemo as c } from "react";
+import { c as m } from "../../clsx-DB4S2d7J.js";
+import { LoadingSpinner as x } from "../LoadingSpinner/LoadingSpinner.js";
+import { B as f } from "../../Button-2b1peDFT.js";
+const k = "_button_1h876_56", o = {
+  "u-typography-h1": "_u-typography-h1_1h876_1",
+  "u-typography-h2": "_u-typography-h2_1h876_8",
+  "u-typography-h3": "_u-typography-h3_1h876_15",
+  "u-typography-h4": "_u-typography-h4_1h876_22",
+  "u-typography-h5": "_u-typography-h5_1h876_29",
+  "u-typography-h6": "_u-typography-h6_1h876_36",
+  "u-typography-base": "_u-typography-base_1h876_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_1h876_48",
+  "u-typography-base--xl": "_u-typography-base--xl_1h876_52",
+  "u-typography-base--lg": "_u-typography-base--lg_1h876_56",
+  button: k,
+  "u-typography-base--sm": "_u-typography-base--sm_1h876_60",
+  "u-typography-base--bold": "_u-typography-base--bold_1h876_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1h876_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1h876_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1h876_73",
+  "button--primary": "_button--primary_1h876_86",
+  "button--secondary": "_button--secondary_1h876_105",
+  "button--quick": "_button--quick_1h876_122",
+  "button__loading-container": "_button__loading-container_1h876_145"
+}, P = d((p, y) => {
   const {
-    onClick: s,
-    link: d,
-    loading: u,
-    children: t,
-    type: l = "button",
-    disabled: b,
-    className: e,
-    variant: _ = "primary",
-    muiButtonBaseProps: y
-  } = n, i = {
-    invert: _ === "secondary" || _ === "quick"
-  }, a = c(
-    () => g([o.button, o[`button--${_}`], e]),
-    [e, _]
+    onClick: _,
+    link: u,
+    loading: n,
+    children: a,
+    type: e = "button",
+    disabled: s,
+    className: r,
+    variant: t = "primary",
+    muiButtonBaseProps: g
+  } = p, i = {
+    invert: t === "secondary" || t === "quick"
+  }, b = c(
+    () => m([o.button, o[`button--${t}`], r]),
+    [r, t]
   );
-  return /* @__PURE__ */ r(
-    k,
+  return /* @__PURE__ */ h(
+    f,
     {
-      type: l,
-      href: d,
-      onClick: s,
-      disabled: b,
-      className: a,
-      ref: h,
-      ...y ?? {},
-      children: u ? /* @__PURE__ */ w("div", { className: o["button__loading-container"], children: [
-        /* @__PURE__ */ r(f, { ...i }),
-        t
-      ] }) : t
+      type: e,
+      href: u,
+      onClick: _,
+      disabled: s,
+      className: b,
+      ref: y,
+      ...g ?? {},
+      children: n ? /* @__PURE__ */ l("div", { className: o["button__loading-container"], children: [
+        /* @__PURE__ */ h(x, { ...i }),
+        a
+      ] }) : a
     }
   );
 });
 export {
-  G as Button,
-  G as default
+  P as Button,
+  P as default
 };

package/dist/components/Checkbox/Checkbox.js

@@ -1,54 +1,69 @@
 import '../../assets/Checkbox.css';
-import { jsxs as N, jsx as h } from "react/jsx-runtime";
-import * as k from "react";
-import { useState as g, useEffect as w } from "react";
-import { c as i } from "../../clsx-DB4S2d7J.js";
-const y = (a) => /* @__PURE__ */ k.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ k.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), z = "_label_1aw5t_10", E = "_checkmark_1aw5t_20", e = {
-  "checkbox-wrapper": "_checkbox-wrapper_1aw5t_1",
+import { jsxs as v, jsx as c } from "react/jsx-runtime";
+import * as o from "react";
+import { useState as k, useEffect as i } from "react";
+import { c as s } from "../../clsx-DB4S2d7J.js";
+const N = (a) => /* @__PURE__ */ o.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), z = "_label_18hen_64", E = "_checkmark_18hen_93", e = {
+  "u-typography-h1": "_u-typography-h1_18hen_1",
+  "u-typography-h2": "_u-typography-h2_18hen_8",
+  "u-typography-h3": "_u-typography-h3_18hen_15",
+  "u-typography-h4": "_u-typography-h4_18hen_22",
+  "u-typography-h5": "_u-typography-h5_18hen_29",
+  "u-typography-h6": "_u-typography-h6_18hen_36",
+  "u-typography-base": "_u-typography-base_18hen_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_18hen_48",
+  "u-typography-base--xl": "_u-typography-base--xl_18hen_52",
+  "u-typography-base--lg": "_u-typography-base--lg_18hen_56",
+  "u-typography-base--sm": "_u-typography-base--sm_18hen_60",
+  "u-typography-base--bold": "_u-typography-base--bold_18hen_64",
+  "checkbox-wrapper": "_checkbox-wrapper_18hen_64",
+  "label--highlighted": "_label--highlighted_18hen_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_18hen_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_18hen_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_18hen_73",
   label: z,
-  "label--highlighted": "_label--highlighted_1aw5t_14",
-  "label--highlighted-checked": "_label--highlighted-checked_1aw5t_17",
+  "label--highlighted-checked": "_label--highlighted-checked_18hen_90",
   checkmark: E,
-  "checkmark--checked": "_checkmark--checked_1aw5t_32",
-  "checkmark--light-theme": "_checkmark--light-theme_1aw5t_35",
-  "checkmark--accent-theme": "_checkmark--accent-theme_1aw5t_42",
-  "checkmark--small-size": "_checkmark--small-size_1aw5t_49",
-  "checkmark--normal-size": "_checkmark--normal-size_1aw5t_56"
-}, F = (a) => /* @__PURE__ */ k.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ k.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
+  "checkmark--checked": "_checkmark--checked_18hen_105",
+  "checkmark--light-theme": "_checkmark--light-theme_18hen_108",
+  "checkmark--accent-theme": "_checkmark--accent-theme_18hen_115",
+  "checkmark--small-size": "_checkmark--small-size_18hen_122",
+  "checkmark--normal-size": "_checkmark--normal-size_18hen_129"
+}, F = (a) => /* @__PURE__ */ o.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
   className: a,
-  label: o,
-  name: d,
-  theme: b = "accent",
-  size: p = "normal",
-  checked: l,
-  onChange: x,
-  isIndeterminate: r,
-  highlightLabel: C = !1,
-  ...s
+  label: n,
+  name: m,
+  theme: u = "accent",
+  size: b = "normal",
+  checked: r,
+  onChange: d,
+  isIndeterminate: l,
+  highlightLabel: x = !1,
+  ...p
 }) => {
-  const [c, n] = g(l), [t, _] = g(r);
-  w(() => {
-    l !== c && n(l);
-  }, [l]), w(() => {
-    typeof r == "boolean" && _(r);
-  }, [r]);
-  const f = i(e["checkbox-wrapper"], a), v = i(
+  const [h, g] = k(r), [t, y] = k(l);
+  i(() => {
+    r !== h && g(r);
+  }, [r]), i(() => {
+    typeof l == "boolean" && y(l);
+  }, [l]);
+  const C = s(e["checkbox-wrapper"], a), f = s(
     e.checkmark,
-    e[`checkmark--${b}-theme`],
-    e[`checkmark--${p}-size`],
-    (c || t) && e["checkmark--checked"]
-  ), u = C && (s.children || o) ? i(
+    e[`checkmark--${u}-theme`],
+    e[`checkmark--${b}-size`],
+    (h || t) && e["checkmark--checked"]
+  ), w = x && (p.children || n) ? s(
     e.label,
     e["label--highlighted"],
-    (c || t) && e["label--highlighted-checked"]
+    (h || t) && e["label--highlighted-checked"]
   ) : e.label;
-  return /* @__PURE__ */ N("div", { className: f, onClick: () => {
-    let m = !c;
-    t && (_(!1), m = !0), x(m), n(m);
-  }, ...s, children: [
-    /* @__PURE__ */ h("input", { name: d, type: "checkbox", checked: !t && c, readOnly: !0 }),
-    /* @__PURE__ */ h("span", { className: v, children: t ? /* @__PURE__ */ h(F, {}) : c && /* @__PURE__ */ h(y, {}) }),
-    /* @__PURE__ */ h("label", { className: u, children: s.children || o })
+  return /* @__PURE__ */ v("div", { className: C, onClick: () => {
+    let _ = !h;
+    t && (y(!1), _ = !0), d(_), g(_);
+  }, ...p, children: [
+    /* @__PURE__ */ c("input", { name: m, type: "checkbox", checked: !t && h, readOnly: !0 }),
+    /* @__PURE__ */ c("span", { className: f, children: t ? /* @__PURE__ */ c(F, {}) : h && /* @__PURE__ */ c(N, {}) }),
+    /* @__PURE__ */ c("label", { className: w, children: p.children || n })
   ] });
 };
 export {

package/dist/components/Chip/Chip.js

@@ -1,137 +1,107 @@
 import '../../assets/Chip.css';
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as u, cloneElement as p } from "react";
-import { c as s } from "../../clsx-DB4S2d7J.js";
-import { Icon as f } from "../Icon/Icon.js";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as d, cloneElement as m } from "react";
+import { c as l } from "../../clsx-DB4S2d7J.js";
+import { Icon as g } from "../Icon/Icon.js";
 import "../Button/Button.js";
 import "../Dialog/Backdrop.js";
 import "../Typography/Typography.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
-import { Skeleton as y } from "../Skeleton/Skeleton.js";
+import { Skeleton as b } from "../Skeleton/Skeleton.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import { B as g } from "../../Button-2b1peDFT.js";
-const k = "_h1_1hro6_1", q = "_h2_1hro6_11", C = "_h3_1hro6_21", x = "_h4_1hro6_31", N = "_body_1hro6_41", v = "_quote_1hro6_75", S = "_form__input_1hro6_98", w = "_form__hint_1hro6_103", M = "_form__label_1hro6_108", R = "_form__dropdown_1hro6_113", A = "_table__header_1hro6_131", I = "_table__body_1hro6_136", T = "_button_1hro6_159", j = "_SM_1hro6_178", B = "_chip_1hro6_178", E = "_chip__adornment_1hro6_224", P = "_chip__remove_1hro6_229", e = {
-  h1: k,
-  "h1--bold": "_h1--bold_1hro6_7",
-  h2: q,
-  "h2--bold": "_h2--bold_1hro6_17",
-  h3: C,
-  "h3--bold": "_h3--bold_1hro6_27",
-  h4: x,
-  "h4--bold": "_h4--bold_1hro6_37",
-  body: N,
-  "body--large": "_body--large_1hro6_46",
-  "body--medium": "_body--medium_1hro6_50",
-  "body--small": "_body--small_1hro6_54",
-  "body--tiny": "_body--tiny_1hro6_58",
-  "body--bold": "_body--bold_1hro6_62",
-  "body--strikethrough": "_body--strikethrough_1hro6_65",
-  "body--underlined": "_body--underlined_1hro6_68",
-  "body--strikethrough-underlined": "_body--strikethrough-underlined_1hro6_71",
-  quote: v,
-  "quote--large": "_quote--large_1hro6_80",
-  "quote--bold": "_quote--bold_1hro6_85",
-  "quote--strikethrough": "_quote--strikethrough_1hro6_88",
-  "quote--underlined": "_quote--underlined_1hro6_91",
-  "quote--strikethrough-underlined": "_quote--strikethrough-underlined_1hro6_94",
-  form__input: S,
-  form__hint: w,
-  form__label: M,
-  form__dropdown: R,
-  "form--bold": "_form--bold_1hro6_118",
-  "form--strikethrough": "_form--strikethrough_1hro6_121",
-  "form--underlined": "_form--underlined_1hro6_124",
-  "form--strikethrough-underlined": "_form--strikethrough-underlined_1hro6_127",
-  table__header: A,
-  table__body: I,
-  "table__body--secondary": "_table__body--secondary_1hro6_141",
-  "table--bold": "_table--bold_1hro6_146",
-  "table--strikethrough": "_table--strikethrough_1hro6_149",
-  "table--underlined": "_table--underlined_1hro6_152",
-  "table--strikethrough-underlined": "_table--strikethrough-underlined_1hro6_155",
-  button: T,
-  "button--bold": "_button--bold_1hro6_165",
-  "button--strikethrough": "_button--strikethrough_1hro6_168",
-  "button--underlined": "_button--underlined_1hro6_171",
-  "button--strikethrough-underlined": "_button--strikethrough-underlined_1hro6_174",
-  SM: j,
-  chip: B,
-  "SM--bold": "_SM--bold_1hro6_183",
-  "chip--button": "_chip--button_1hro6_199",
-  "chip--outlined": "_chip--outlined_1hro6_212",
-  "chip--contained": "_chip--contained_1hro6_218",
-  chip__adornment: E,
-  chip__remove: P,
-  "chip__remove--disabled": "_chip__remove--disabled_1hro6_240"
-}, z = u((o, _) => {
-  const { children: d, onClickContent: h, disabled: l, className: n, variant: a } = o;
-  let r = s(
-    e.chip,
-    { [e["chip--outlined"]]: a === "outlined" },
-    { [e["chip--contained"]]: a === "contained" },
-    n
+import { B as j } from "../../Button-2b1peDFT.js";
+const f = "_chip_1j9h1_60", x = "_chip__adornment_1j9h1_114", k = "_chip__remove_1j9h1_119", r = {
+  "u-typography-h1": "_u-typography-h1_1j9h1_1",
+  "u-typography-h2": "_u-typography-h2_1j9h1_8",
+  "u-typography-h3": "_u-typography-h3_1j9h1_15",
+  "u-typography-h4": "_u-typography-h4_1j9h1_22",
+  "u-typography-h5": "_u-typography-h5_1j9h1_29",
+  "u-typography-h6": "_u-typography-h6_1j9h1_36",
+  "u-typography-base": "_u-typography-base_1j9h1_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_1j9h1_48",
+  "u-typography-base--xl": "_u-typography-base--xl_1j9h1_52",
+  "u-typography-base--lg": "_u-typography-base--lg_1j9h1_56",
+  "u-typography-base--sm": "_u-typography-base--sm_1j9h1_60",
+  chip: f,
+  "u-typography-base--bold": "_u-typography-base--bold_1j9h1_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1j9h1_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1j9h1_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1j9h1_73",
+  "chip--button": "_chip--button_1j9h1_89",
+  "chip--outlined": "_chip--outlined_1j9h1_102",
+  "chip--contained": "_chip--contained_1j9h1_108",
+  chip__adornment: x,
+  chip__remove: k,
+  "chip__remove--disabled": "_chip__remove--disabled_1j9h1_130"
+}, C = d((t, o) => {
+  const { children: h, onClickContent: p, disabled: _, className: i, variant: n } = t;
+  let a = l(
+    r.chip,
+    { [r["chip--outlined"]]: n === "outlined" },
+    { [r["chip--contained"]]: n === "contained" },
+    i
   );
-  return h ? (r += ` ${e["chip--button"]}`, /* @__PURE__ */ t(
-    g,
+  return p ? (a += ` ${r["chip--button"]}`, /* @__PURE__ */ e(
+    j,
     {
-      onClick: h,
-      disabled: l,
-      "data-testid": o["data-testid"],
-      ref: _,
-      className: r,
-      children: d
+      onClick: p,
+      disabled: _,
+      "data-testid": t["data-testid"],
+      ref: o,
+      className: a,
+      children: h
     }
-  )) : /* @__PURE__ */ t("span", { "data-testid": o["data-testid"], ref: _, className: r, children: d });
-}), U = (o) => {
-  const { icon: _, disabled: d = !1, className: h } = o;
-  if (_) {
-    const l = s(e.chip__adornment, h), n = d ? p(_, { color: "rgb(var(--gray-95-rgb), 0.4)" }) : _;
-    return /* @__PURE__ */ t("span", { className: l, children: n });
+  )) : /* @__PURE__ */ e("span", { "data-testid": t["data-testid"], ref: o, className: a, children: h });
+}), N = (t) => {
+  const { icon: o, disabled: h = !1, className: p } = t;
+  if (o) {
+    const _ = l(r.chip__adornment, p), i = h ? m(o, { color: "rgb(var(--gray-95-rgb), 0.4)" }) : o;
+    return /* @__PURE__ */ e("span", { className: _, children: i });
   }
   return null;
-}, Y = u((o, _) => {
+}, $ = d((t, o) => {
   const {
-    label: d,
-    className: h,
-    onClickContent: l,
-    leftAdornment: n,
-    loading: a = !1,
-    disabled: r = !1,
-    variant: c = "default",
-    onClickRemove: b
-  } = o;
-  return a ? /* @__PURE__ */ t(
-    y,
+    label: h,
+    className: p,
+    onClickContent: _,
+    leftAdornment: i,
+    loading: n = !1,
+    disabled: a = !1,
+    variant: y = "default",
+    onClickRemove: c
+  } = t;
+  return n ? /* @__PURE__ */ e(
+    b,
     {
       style: { width: "6rem", height: "2rem", borderRadius: "4rem", display: "inline-flex" },
-      "data-testid": o["data-testid-skeleton"]
+      "data-testid": t["data-testid-skeleton"]
     }
-  ) : /* @__PURE__ */ m(
-    z,
+  ) : /* @__PURE__ */ u(
+    C,
     {
-      ref: _,
-      "data-testid": o["data-testid"],
-      onClickContent: l,
-      disabled: r,
-      className: h,
-      variant: c,
+      ref: o,
+      "data-testid": t["data-testid"],
+      onClickContent: _,
+      disabled: a,
+      className: p,
+      variant: y,
       children: [
-        n && /* @__PURE__ */ t(U, { ...n, disabled: r }),
-        d,
-        b && /* @__PURE__ */ t(
+        i && /* @__PURE__ */ e(N, { ...i, disabled: a }),
+        h,
+        c && /* @__PURE__ */ e(
           "span",
           {
-            className: s(e.chip__remove, { [e["chip__remove--disabled"]]: r }),
+            className: l(r.chip__remove, { [r["chip__remove--disabled"]]: a }),
             role: "button",
-            tabIndex: r ? -1 : 0,
+            tabIndex: a ? -1 : 0,
             "aria-label": "remove",
-            onClick: (i) => {
-              i == null || i.stopPropagation(), i == null || i.nativeEvent.stopImmediatePropagation(), b();
+            onClick: (s) => {
+              s == null || s.stopPropagation(), s == null || s.nativeEvent.stopImmediatePropagation(), c();
             },
-            "aria-disabled": r,
-            children: /* @__PURE__ */ t(f, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
+            "aria-disabled": a,
+            children: /* @__PURE__ */ e(g, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
           }
         )
       ]
@@ -139,5 +109,5 @@ const k = "_h1_1hro6_1", q = "_h2_1hro6_11", C = "_h3_1hro6_21", x = "_h4_1hro6_
   );
 });
 export {
-  Y as Chip
+  $ as Chip
 };

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-B8COssqi.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-B8COssqi.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,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { Icon as r } from "../Icon/Icon.js";
-import { s as t } from "../../Dialog.module-B8COssqi.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"];

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,8 +3,8 @@ 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-B8COssqi.js";
-import se from "./Title.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 { o as w, e as ee, u as G } from "../../useEventCallback-xTG9piMa.js";

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/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 export declare const FamilyAndIcons: {
-    readonly 'fa/duotone': readonly ["arrow-down-arrow-up", "calendar-days", "circle-arrow-right", "circle-exclamation", "circle-xmark", "eye-slash", "folder-magnifying-glass", "lock-keyhole", "magnifying-glass", "xmark"];
+    readonly 'fa/duotone': readonly ["arrow-down-arrow-up", "calendar-days", "circle-arrow-right", "circle-exclamation", "circle-xmark", "eye-slash", "folder-magnifying-glass", "lock-keyhole", "magnifying-glass", "xmark", "warehouse-full", "rectangle-history", "account-group"];
     readonly pi: readonly ["logo"];
 };
 export type IconFamilies = keyof typeof FamilyAndIcons;