@pismo/marola 1.0.0-beta.1 → 1.0.0-beta.11

package/dist/components/Tabs/TabPanel.js

@@ -1,9 +1,10 @@
 import { jsx as T } from "react/jsx-runtime";
-import * as m from "react";
+import * as P from "react";
 import { forwardRef as v } from "react";
 import { u as y, s as x } from "../../Tabs.module-jkH1Qjn7.js";
-import { g as C, a as N, u as _, b, _ as w, c as O, P as o, d as E, e as I } from "../../index-CH45lKw7.js";
-import { u as S, a as U } from "../../useCompoundItem-D1iRfg8D.js";
+import { g as C, a as N, u as _, b, _ as w, c as O, P as o, d as E, e as I } from "../../useSlotProps-kRhf7Gil.js";
+import { u as S } from "../../useId-BW-oWmul.js";
+import { u as U } from "../../useCompoundItem-B7Eo_qZk.js";
 const h = "TabPanel";
 function j(t) {
   return C(h, t);
@@ -22,23 +23,23 @@ function V(t) {
     throw new Error("No TabContext provided");
   const {
     value: f,
-    getTabId: P
-  } = i, a = S(s), r = m.useRef(null), c = _(r, n), u = m.useMemo(() => ({
-    id: a,
-    ref: r
-  }), [a]), {
+    getTabId: m
+  } = i, r = S(s), a = P.useRef(null), u = _(a, n), c = P.useMemo(() => ({
+    id: r,
+    ref: a
+  }), [r]), {
     id: l
-  } = U(e ?? M, u), d = l !== f, p = l !== void 0 ? P(l) : void 0;
+  } = U(e ?? M, c), d = l !== f, p = l !== void 0 ? m(l) : void 0;
   return {
     hidden: d,
     getRootProps: (g = {}) => b({
       "aria-labelledby": p ?? void 0,
       hidden: d,
-      id: a ?? void 0
+      id: r ?? void 0
     }, g, {
-      ref: c
+      ref: u
     }),
-    rootRef: c
+    rootRef: u
   };
 }
 const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
@@ -48,31 +49,31 @@ const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
   return E({
     root: ["root", e && "hidden"]
   }, I(j));
-}, R = /* @__PURE__ */ m.forwardRef(function(e, s) {
+}, R = /* @__PURE__ */ P.forwardRef(function(e, s) {
   var n;
   const {
     children: i,
     slotProps: f = {},
-    slots: P = {}
-  } = e, a = w(e, F), {
-    hidden: r,
-    getRootProps: c
-  } = V(e), u = b({}, e, {
-    hidden: r
-  }), l = $(u), d = (n = P.root) != null ? n : "div", p = O({
+    slots: m = {}
+  } = e, r = w(e, F), {
+    hidden: a,
+    getRootProps: u
+  } = V(e), c = b({}, e, {
+    hidden: a
+  }), l = $(c), d = (n = m.root) != null ? n : "div", p = O({
     elementType: d,
-    getSlotProps: c,
+    getSlotProps: u,
     externalSlotProps: f.root,
-    externalForwardedProps: a,
+    externalForwardedProps: r,
     additionalProps: {
       role: "tabpanel",
       ref: s
     },
-    ownerState: u,
+    ownerState: c,
     className: l.root
   });
   return /* @__PURE__ */ T(d, b({}, p, {
-    children: !r && i
+    children: !a && i
   }));
 });
 process.env.NODE_ENV !== "production" && (R.propTypes = {
@@ -110,9 +111,9 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
    */
   value: o.oneOfType([o.number, o.string])
 });
-const W = v(
+const q = v(
   ({ children: t, value: e, dataTestId: s }, n) => /* @__PURE__ */ T(R, { className: x["tabs__tab-panel"], value: e, "data-testid": s, ref: n, children: t })
 );
 export {
-  W as TabPanel
+  q as TabPanel
 };

package/dist/components/Tabs/Tabs.js

@@ -4,11 +4,11 @@ import { forwardRef as q, useState as B } from "react";
 import { T as G, u as J, s as Q } from "../../Tabs.module-jkH1Qjn7.js";
 import { Tab as Le } from "./Tab.js";
 import { TabPanel as _e } from "./TabPanel.js";
-import { g as I, a as _, b as C, _ as F, c as $, P as t, d as N, e as M } from "../../index-CH45lKw7.js";
-import { b as O, C as S } from "../../useCompoundItem-D1iRfg8D.js";
+import { g as I, a as _, b as C, _ as F, c as $, P as t, d as N, e as M } from "../../useSlotProps-kRhf7Gil.js";
+import { a as O, C as S } from "../../useCompoundItem-B7Eo_qZk.js";
 import { u as X } from "../../useControlled-CCMYYdCM.js";
-import { L as Y, a as Z } from "../../combineHooksSlotProps-DVjg9PRh.js";
-import { l as ee, m as te, u as oe } from "../../useList-B0hog_3-.js";
+import { L as Y, a as Z } from "../../combineHooksSlotProps-BtBYUV_B.js";
+import { l as ee, m as te, u as oe } from "../../useList-BpJT77u3.js";
 const k = "Tabs";
 function se(s) {
   return I(k, s);
@@ -33,17 +33,17 @@ function ne(s) {
     subitems: m,
     contextValue: g
   } = O(), p = r.useRef(() => {
-  }), b = r.useCallback((x) => {
+  }), f = r.useCallback((x) => {
     var y;
     return (y = m.get(x)) == null ? void 0 : y.id;
-  }, [m]), f = r.useCallback((x) => p.current(x), []), P = r.useCallback((x) => {
+  }, [m]), b = r.useCallback((x) => p.current(x), []), P = r.useCallback((x) => {
     p.current = x;
   }, []);
   return {
     contextValue: C({
       direction: c,
-      getTabId: f,
-      getTabPanelId: b,
+      getTabId: b,
+      getTabPanelId: f,
       onSelected: a,
       orientation: i,
       registerTabIdLookup: P,
@@ -67,23 +67,23 @@ function le(s) {
     totalSubitemCount: m,
     value: g,
     getTabId: p,
-    getTabPanelId: b
-  } = e, f = r.useMemo(() => ({
+    getTabPanelId: f
+  } = e, b = r.useMemo(() => ({
     getItemIndex: i,
     registerItem: d,
     totalSubitemCount: m
   }), [d, i, m]), P = r.useMemo(() => ({
     direction: n,
     getTabId: p,
-    getTabPanelId: b,
+    getTabPanelId: f,
     onSelected: c,
     orientation: l,
     registerTabIdLookup: u,
     selectionFollowsFocus: a,
     value: g
-  }), [n, p, b, c, l, u, a, g]);
+  }), [n, p, f, c, l, u, a, g]);
   return /* @__PURE__ */ T(S.Provider, {
-    value: f,
+    value: b,
     children: /* @__PURE__ */ T(G.Provider, {
       value: P,
       children: o
@@ -110,8 +110,8 @@ const re = ["children", "value", "defaultValue", "orientation", "direction", "on
     direction: l
   }), {
     contextValue: g
-  } = ne(m), p = ae(m), b = (n = u.root) != null ? n : "div", f = $({
-    elementType: b,
+  } = ne(m), p = ae(m), f = (n = u.root) != null ? n : "div", b = $({
+    elementType: f,
     externalSlotProps: d.root,
     externalForwardedProps: a,
     additionalProps: {
@@ -120,7 +120,7 @@ const re = ["children", "value", "defaultValue", "orientation", "direction", "on
     ownerState: m,
     className: p.root
   });
-  return /* @__PURE__ */ T(b, C({}, f, {
+  return /* @__PURE__ */ T(f, C({}, b, {
     children: /* @__PURE__ */ T(le, {
       value: g,
       children: i
@@ -232,12 +232,12 @@ function ce(s) {
     return (v = a.get(h)) == null ? void 0 : v.id;
   }, [a]);
   d(g);
-  const p = r.useMemo(() => Array.from(a.keys()), [a]), b = r.useCallback((h) => {
+  const p = r.useMemo(() => Array.from(a.keys()), [a]), f = r.useCallback((h) => {
     var v, V;
     return h == null ? null : (v = (V = a.get(h)) == null ? void 0 : V.ref.current) != null ? v : null;
-  }, [a]), f = n === "rtl";
+  }, [a]), b = n === "rtl";
   let P;
-  c === "vertical" ? P = "vertical" : P = f ? "horizontal-rtl" : "horizontal-ltr";
+  c === "vertical" ? P = "vertical" : P = b ? "horizontal-rtl" : "horizontal-ltr";
   const x = r.useCallback((h, v) => {
     var V;
     i(h, (V = v[0]) != null ? V : null);
@@ -261,7 +261,7 @@ function ce(s) {
     controlledProps: y,
     disabledItemsFocusable: !u,
     focusManagement: "DOM",
-    getItemDomElement: b,
+    getItemDomElement: f,
     isItemDisabled: U,
     items: p,
     rootRef: o,
@@ -288,7 +288,7 @@ function ce(s) {
     dispatch: R,
     getRootProps: W,
     highlightedValue: j,
-    isRtl: f,
+    isRtl: b,
     orientation: c,
     rootRef: K,
     selectedValue: (e = H[0]) != null ? e : null
@@ -344,17 +344,17 @@ const me = ["children", "slotProps", "slots"], pe = (s) => {
   }), p = C({}, e, {
     isRtl: u,
     orientation: a
-  }), b = pe(p), f = (n = l.root) != null ? n : "div", P = $({
-    elementType: f,
+  }), f = pe(p), b = (n = l.root) != null ? n : "div", P = $({
+    elementType: b,
     getSlotProps: m,
     externalSlotProps: c.root,
     externalForwardedProps: d,
     ownerState: p,
-    className: b.root
+    className: f.root
   });
   return /* @__PURE__ */ T(de, {
     value: g,
-    children: /* @__PURE__ */ T(f, C({}, P, {
+    children: /* @__PURE__ */ T(b, C({}, P, {
       children: i
     }))
   });

package/dist/components/TextDisplay/TextDisplay.d.ts

@@ -18,6 +18,8 @@ export interface TextDisplayProps {
     labelOptions?: OptionsProps;
     /** Sets the value options */
     valueOptions?: OptionsProps;
+    /** Sets the label and value onto the same line */
+    inline?: boolean;
 }
-export declare const TextDisplay: ({ label, value, isLoading, testId, labelOptions, valueOptions, }: TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextDisplay: ({ label, value, isLoading, testId, labelOptions, valueOptions, inline, }: TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/TextDisplay/TextDisplay.js

@@ -1,37 +1,44 @@
 import '../../assets/TextDisplay.css';
-import { jsxs as h, jsx as c } from "react/jsx-runtime";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { c as _ } from "../../clsx-DB4S2d7J.js";
 import { Skeleton as d } from "../Skeleton/Skeleton.js";
-import { Typography as o } from "../Typography/Typography.js";
-const x = "_container_13z5o_1", f = {
-  container: x
-}, $ = ({
-  label: m,
-  value: y,
+import { Typography as m } from "../Typography/Typography.js";
+const f = "_container_ia8vu_1", n = {
+  container: f,
+  "container--inline": "_container--inline_ia8vu_5"
+}, T = ({
+  label: y,
+  value: i,
   isLoading: e = !1,
   testId: t = "TextDisplay",
   labelOptions: r,
-  valueOptions: a
-}) => /* @__PURE__ */ h("div", { className: f.container, children: [
-  /* @__PURE__ */ c(
-    o,
-    {
-      color: (r == null ? void 0 : r.color) || "var(--gray-90)",
-      variant: (r == null ? void 0 : r.variant) || "base",
-      "data-testid": `${t}-label`,
-      children: e ? /* @__PURE__ */ c(d, { style: { width: 70, marginBottom: 2 }, "data-testid": `${t}-skeletonLabel` }) : m
-    }
-  ),
-  /* @__PURE__ */ c(
-    o,
-    {
-      bold: !0,
-      color: (a == null ? void 0 : a.color) || "var(--gray-90)",
-      variant: (a == null ? void 0 : a.variant) || "base-lg",
-      "data-testid": `${t}-value`,
-      children: e ? /* @__PURE__ */ c(d, { style: { width: 100 }, "data-testid": `${t}-skeletonValue` }) : y || "-"
-    }
-  )
-] });
+  valueOptions: a,
+  inline: c
+}) => {
+  const h = r != null && r.color || c ? "var(--black-100)" : "var(--gray-90)";
+  return /* @__PURE__ */ x("div", { className: _([n.container, { [n["container--inline"]]: c }]), children: [
+    /* @__PURE__ */ o(
+      m,
+      {
+        color: h,
+        variant: (r == null ? void 0 : r.variant) || "base",
+        "data-testid": `${t}-label`,
+        bold: c,
+        children: e ? /* @__PURE__ */ o(d, { style: { width: 70, marginBottom: 2 }, "data-testid": `${t}-skeletonLabel` }) : y
+      }
+    ),
+    /* @__PURE__ */ o(
+      m,
+      {
+        bold: !c,
+        color: (a == null ? void 0 : a.color) || "var(--gray-90)",
+        variant: a != null && a.variant || c ? "base" : "base-lg",
+        "data-testid": `${t}-value`,
+        children: e ? /* @__PURE__ */ o(d, { style: { width: 100 }, "data-testid": `${t}-skeletonValue` }) : i || "-"
+      }
+    )
+  ] });
+};
 export {
-  $ as TextDisplay
+  T as TextDisplay
 };

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ label, value, isLoading, testId, labelOptions, valueOptions, }: import('./TextDisplay').TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ label, value, isLoading, testId, labelOptions, valueOptions, inline, }: import('./TextDisplay').TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

package/dist/components/Toggle/Toggle.js

@@ -1,22 +1,22 @@
-import '../../assets/Toggle2.css';
+import '../../assets/Toggle.css';
 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 q, c as C, P as e, d as H, e as M } from "../../index-CH45lKw7.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-kRhf7Gil.js";
 import * as F from "react";
-import { u as A } from "../../useControlled-CCMYYdCM.js";
-import { u as D } from "../../useIsFocusVisible-BH4IAdcw.js";
-function L(l) {
+import { u as D } from "../../useControlled-CCMYYdCM.js";
+import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
+function W(l) {
   const {
     checked: s,
     defaultChecked: i,
-    disabled: r,
+    disabled: a,
     onBlur: c,
     onChange: h,
     onFocus: n,
     onFocusVisible: u,
-    readOnly: a,
+    readOnly: r,
     required: p
-  } = l, [N, V] = A({
+  } = l, [N, V] = D({
     controlled: s,
     default: !!i,
     name: "Switch",
@@ -29,26 +29,26 @@ function L(l) {
     onBlur: B,
     onFocus: _,
     ref: f
-  } = D(), [y, z] = F.useState(!1);
-  r && y && z(!1), F.useEffect(() => {
+  } = 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 && (z(!0), u == null || u(o)), n == null || n(o), (d = t.onFocus) == null || d.call(t, o);
+    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 && z(!1), c == null || c(o), (d = t.onBlur) == null || d.call(t, o);
+    B(o), b.current === !1 && q(!1), c == null || c(o), (d = t.onBlur) == null || d.call(t, o);
   }, x = E(f, m);
   return {
     checked: N,
-    disabled: !!r,
+    disabled: !!a,
     focusVisible: y,
     getInputProps: (t = {}) => k({
       checked: s,
       defaultChecked: i,
-      disabled: r,
-      readOnly: a,
+      disabled: a,
+      readOnly: r,
       ref: x,
       required: p,
       type: "checkbox",
@@ -60,11 +60,11 @@ function L(l) {
       onBlur: T(t)
     }),
     inputRef: x,
-    readOnly: !!a
+    readOnly: !!r
   };
 }
 const I = "Switch";
-function W(l) {
+function z(l) {
   return v(I, l);
 }
 U(I, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
@@ -72,32 +72,32 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
   const {
     checked: s,
     disabled: i,
-    focusVisible: r,
+    focusVisible: a,
     readOnly: c
   } = l;
-  return H({
-    root: ["root", s && "checked", i && "disabled", r && "focusVisible", c && "readOnly"],
+  return M({
+    root: ["root", s && "checked", i && "disabled", a && "focusVisible", c && "readOnly"],
     thumb: ["thumb"],
     input: ["input"],
     track: ["track"]
-  }, M(W));
+  }, A(z));
 }, $ = /* @__PURE__ */ F.forwardRef(function(s, i) {
-  var r, c, h, n;
+  var a, c, h, n;
   const {
     slotProps: u = {},
-    slots: a = {}
-  } = s, p = q(s, G), {
+    slots: r = {}
+  } = s, p = H(s, G), {
     getInputProps: N,
     checked: V,
     disabled: S,
     focusVisible: b,
     readOnly: B
-  } = L(s), _ = k({}, s, {
+  } = W(s), _ = k({}, s, {
     checked: V,
     disabled: S,
     focusVisible: b,
     readOnly: B
-  }), f = J(_), y = (r = a.root) != null ? r : "span", z = C({
+  }), f = J(_), y = (a = r.root) != null ? a : "span", q = C({
     elementType: y,
     externalSlotProps: u.root,
     externalForwardedProps: p,
@@ -106,24 +106,24 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
     },
     ownerState: _,
     className: f.root
-  }), m = (c = a.thumb) != null ? c : "span", w = C({
+  }), m = (c = r.thumb) != null ? c : "span", w = C({
     elementType: m,
     externalSlotProps: u.thumb,
     ownerState: _,
     className: f.thumb
-  }), T = (h = a.input) != null ? h : "input", x = C({
+  }), T = (h = r.input) != null ? h : "input", x = C({
     elementType: T,
     getSlotProps: N,
     externalSlotProps: u.input,
     ownerState: _,
     className: f.input
-  }), R = a.track === null ? () => null : (n = a.track) != null ? n : "span", t = C({
+  }), R = r.track === null ? () => null : (n = r.track) != null ? n : "span", t = C({
     elementType: R,
     externalSlotProps: u.track,
     ownerState: _,
     className: f.track
   });
-  return /* @__PURE__ */ j(y, k({}, z, {
+  return /* @__PURE__ */ j(y, k({}, q, {
     children: [/* @__PURE__ */ P(R, k({}, t)), /* @__PURE__ */ P(m, k({}, w)), /* @__PURE__ */ P(T, k({}, x))]
   }));
 });
@@ -198,51 +198,51 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
     track: e.oneOfType([e.elementType, e.oneOf([null])])
   })
 });
-const K = "_toggle__label_1rzg2_43", Q = "_toggle_1rzg2_43", X = "_input_1rzg2_88", Y = "_thumb_1rzg2_99", Z = "_track_1rzg2_113", g = {
-  "u-typography-h1": "_u-typography-h1_1rzg2_1",
-  "u-typography-h2": "_u-typography-h2_1rzg2_8",
-  "u-typography-h3": "_u-typography-h3_1rzg2_15",
-  "u-typography-h4": "_u-typography-h4_1rzg2_22",
-  "u-typography-h5": "_u-typography-h5_1rzg2_29",
-  "u-typography-h6": "_u-typography-h6_1rzg2_36",
-  "u-typography-base": "_u-typography-base_1rzg2_43",
+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",
   toggle__label: K,
-  "u-typography-base--xxl": "_u-typography-base--xxl_1rzg2_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1rzg2_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1rzg2_56",
-  "u-typography-base--sm": "_u-typography-base--sm_1rzg2_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1rzg2_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rzg2_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1rzg2_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rzg2_73",
+  "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_1rzg2_84",
+  "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_p0gq9_85",
   input: X,
   thumb: Y,
   track: Z,
-  "toggle--focus-visible": "_toggle--focus-visible_1rzg2_123",
-  "toggle--checked": "_toggle--checked_1rzg2_127",
-  "toggle--disabled": "_toggle--disabled_1rzg2_140"
-}, re = ({
+  "toggle--focus-visible": "_toggle--focus-visible_p0gq9_124",
+  "toggle--checked": "_toggle--checked_p0gq9_128",
+  "toggle--disabled": "_toggle--disabled_p0gq9_141"
+}, ae = ({
   label: l,
   checked: s,
   disabled: i,
-  classNameWrapper: r,
+  classNameWrapper: a,
   classNameInput: c,
   "data-testid": h,
   onChange: n,
   classNameLabel: u
 }) => {
-  const a = (p) => {
+  const r = (p) => {
     n == null || n(p);
   };
-  return /* @__PURE__ */ j("div", { className: O(g.toggle, r), "data-testid": h, children: [
+  return /* @__PURE__ */ j("div", { className: O(g.toggle, a), "data-testid": h, children: [
     /* @__PURE__ */ P(
       $,
       {
         checked: s === !0,
         disabled: i,
-        onChange: a,
+        onChange: r,
         "aria-label": l,
         slotProps: {
           root: (p) => ({
@@ -262,5 +262,5 @@ const K = "_toggle__label_1rzg2_43", Q = "_toggle_1rzg2_43", X = "_input_1rzg2_8
   ] });
 };
 export {
-  re as Toggle
+  ae as Toggle
 };

package/dist/components/ToggleGroup/Toggle.js

@@ -2,10 +2,10 @@ import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
 import "../Icon/Icon.js";
+import "../Typography/Typography.js";
 import "../Button/Button.js";
-import { T as b } from "../../Toggle-BCgIItCc.js";
+import { T as b } from "../../Toggle-C7W0gYOI.js";
 import "../Dialog/Backdrop.js";
-import "../Typography/Typography.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
 import "../Table/Table.js";

package/dist/components/ToggleGroup/ToggleGroup.js

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

package/dist/components/Tooltip/Tooltip.js

@@ -2,10 +2,10 @@ import '../../assets/Tooltip.css';
 import { jsx as a, jsxs as v, Fragment as P } 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-B6ZSGIEI.js";
-import { _ as $, b as z, P as l } from "../../index-CH45lKw7.js";
+import { T as O, P as V } from "../../Popup-lLWZt2wk.js";
+import { _ as $, b as z, P as l } from "../../useSlotProps-kRhf7Gil.js";
 import { c as D } from "../../clsx-DB4S2d7J.js";
-import { C as F } from "../../ClickAwayListener-BSW-Nd-y.js";
+import { C as F } from "../../ClickAwayListener-BaJ-OV_7.js";
 function I() {
   const e = u.useContext(O);
   if (!e)