@pismo/marola 2.1.64 → 2.1.65

package/dist/components/Tabs/Tabs.js

@@ -1,134 +1,141 @@
-import { jsx as T } from "react/jsx-runtime";
-import * as r from "react";
-import { forwardRef as q } from "react";
-import { c as B } from "../../clsx-OuTLNxxd.js";
-import { T as G, u as J, s as Q } from "../../Tabs.module-DyJgAZt8.js";
-import { Tab as Ie } from "./Tab.js";
-import { TabPanel as Fe } from "./TabPanel.js";
-import { g as I, a as _, _ as C, b as F, c as $, d as N, e as w, P as t } from "../../useSlotProps-CYHDC4TN.js";
+import { jsx as v } from "react/jsx-runtime";
+import * as a from "react";
+import { forwardRef as $ } from "react";
+import { c as H } from "../../clsx-OuTLNxxd.js";
+import { T as K, u as q, s as B } from "../../Tabs.module-DyJgAZt8.js";
+import { Tab as Pe } from "./Tab.js";
+import { TabPanel as Ve } from "./TabPanel.js";
+import { g as R, a as L, b as I, c as F, d as N, P as t } from "../../ClassNameConfigurator-CVRWfyIa.js";
 import { a as M, C as O } from "../../useCompoundItem-B7Eo_qZk.js";
-import { u as X } from "../../useControlled-CCMYYdCM.js";
-import { L as Y, a as Z } from "../../combineHooksSlotProps-BhQ14uyD.js";
-import { l as ee, m as te, u as oe } from "../../useList-nqLfZem8.js";
+import { u as G } from "../../useControlled-BYdyS7Pn.js";
+import { L as J, a as Q } from "../../combineHooksSlotProps-j-8UVeYo.js";
+import { l as W, m as X, u as Y } from "../../useList-BLW78Lq7.js";
 const k = "Tabs";
-function se(s) {
-  return I(k, s);
+function Z(n) {
+  return R(k, n);
 }
-_(k, ["root", "horizontal", "vertical"]);
-function ne(s) {
+L(k, ["root", "horizontal", "vertical"]);
+function ee(n) {
   const {
     value: e,
     defaultValue: o,
     onChange: l,
-    orientation: a = "horizontal",
-    direction: c = "ltr",
-    selectionFollowsFocus: n = !1
-  } = s, [d, i] = X({
+    orientation: i = "horizontal",
+    direction: r = "ltr",
+    selectionFollowsFocus: c = !1
+  } = n, [u, s] = G({
     controlled: e,
     default: o,
     name: "Tabs",
     state: "value"
-  }), u = r.useCallback((x, y) => {
-    i(y), l == null || l(x, y);
-  }, [l, i]), {
-    subitems: m,
-    contextValue: h
-  } = M(), p = r.useRef(() => {
-  }), f = r.useCallback((x) => {
-    var y;
-    return (y = m.get(x)) == null ? void 0 : y.id;
-  }, [m]), b = r.useCallback((x) => p.current(x), []), P = r.useCallback((x) => {
-    p.current = x;
+  }), m = a.useCallback((p, P) => {
+    s(P), l == null || l(p, P);
+  }, [l, s]), {
+    subitems: f,
+    contextValue: b
+  } = M(), h = a.useRef(() => {
+  }), d = a.useCallback((p) => {
+    var P;
+    return (P = f.get(p)) == null ? void 0 : P.id;
+  }, [f]), g = a.useCallback((p) => h.current(p), []), x = a.useCallback((p) => {
+    h.current = p;
   }, []);
   return {
-    contextValue: C({
-      direction: c,
-      getTabId: b,
-      getTabPanelId: f,
-      onSelected: u,
-      orientation: a,
-      registerTabIdLookup: P,
-      selectionFollowsFocus: n,
-      value: d
-    }, h)
+    contextValue: {
+      direction: r,
+      getTabId: g,
+      getTabPanelId: d,
+      onSelected: m,
+      orientation: i,
+      registerTabIdLookup: x,
+      selectionFollowsFocus: c,
+      value: u,
+      ...b
+    }
   };
 }
-function le(s) {
+function te(n) {
   const {
     value: e,
     children: o
-  } = s, {
-    direction: l,
-    getItemIndex: a,
-    onSelected: c,
-    orientation: n,
-    registerItem: d,
-    registerTabIdLookup: i,
-    selectionFollowsFocus: u,
-    totalSubitemCount: m,
-    value: h,
-    getTabId: p,
-    getTabPanelId: f
-  } = e, b = r.useMemo(() => ({
-    getItemIndex: a,
-    registerItem: d,
-    totalSubitemCount: m
-  }), [d, a, m]), P = r.useMemo(() => ({
+  } = n, {
     direction: l,
-    getTabId: p,
-    getTabPanelId: f,
-    onSelected: c,
-    orientation: n,
-    registerTabIdLookup: i,
-    selectionFollowsFocus: u,
-    value: h
-  }), [l, p, f, c, n, i, u, h]);
-  return /* @__PURE__ */ T(O.Provider, {
+    getItemIndex: i,
+    onSelected: r,
+    orientation: c,
+    registerItem: u,
+    registerTabIdLookup: s,
+    selectionFollowsFocus: m,
+    totalSubitemCount: f,
     value: b,
-    children: /* @__PURE__ */ T(G.Provider, {
-      value: P,
+    getTabId: h,
+    getTabPanelId: d
+  } = e, g = a.useMemo(() => ({
+    getItemIndex: i,
+    registerItem: u,
+    totalSubitemCount: f
+  }), [u, i, f]), x = a.useMemo(() => ({
+    direction: l,
+    getTabId: h,
+    getTabPanelId: d,
+    onSelected: r,
+    orientation: c,
+    registerTabIdLookup: s,
+    selectionFollowsFocus: m,
+    value: b
+  }), [l, h, d, r, c, s, m, b]);
+  return /* @__PURE__ */ v(O.Provider, {
+    value: g,
+    children: /* @__PURE__ */ v(K.Provider, {
+      value: x,
       children: o
     })
   });
 }
-const re = ["children", "value", "defaultValue", "orientation", "direction", "onChange", "selectionFollowsFocus", "slotProps", "slots"], ae = (s) => {
+const oe = (n) => {
   const {
     orientation: e
-  } = s;
-  return N({
+  } = n;
+  return F({
     root: ["root", e]
-  }, w(se));
-}, S = /* @__PURE__ */ r.forwardRef(function(e, o) {
-  var l;
+  }, N(Z));
+}, w = /* @__PURE__ */ a.forwardRef(function(e, o) {
   const {
-    children: a,
+    children: l,
+    value: i,
+    defaultValue: r,
     orientation: c = "horizontal",
-    direction: n = "ltr",
-    slotProps: d = {},
-    slots: i = {}
-  } = e, u = F(e, re), m = C({}, e, {
+    direction: u = "ltr",
+    onChange: s,
+    selectionFollowsFocus: m,
+    slotProps: f = {},
+    slots: b = {},
+    ...h
+  } = e, d = {
+    ...e,
     orientation: c,
-    direction: n
-  }), {
-    contextValue: h
-  } = ne(m), p = ae(m), f = (l = i.root) != null ? l : "div", b = $({
-    elementType: f,
-    externalSlotProps: d.root,
-    externalForwardedProps: u,
+    direction: u
+  }, {
+    contextValue: g
+  } = ee(d), x = oe(d), p = b.root ?? "div", P = I({
+    elementType: p,
+    externalSlotProps: f.root,
+    externalForwardedProps: h,
     additionalProps: {
       ref: o
     },
-    ownerState: m,
-    className: p.root
+    ownerState: d,
+    className: x.root
   });
-  return /* @__PURE__ */ T(f, C({}, b, {
-    children: /* @__PURE__ */ T(le, {
-      value: h,
-      children: a
+  return /* @__PURE__ */ v(p, {
+    ...P,
+    children: /* @__PURE__ */ v(te, {
+      value: g,
+      children: l
     })
-  }));
+  });
 });
-process.env.NODE_ENV !== "production" && (S.propTypes = {
+process.env.NODE_ENV !== "production" && (w.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -185,182 +192,190 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
    */
   value: t.oneOfType([t.number, t.string])
 });
-const E = "TabsList";
-function ie(s) {
-  return I(E, s);
+const S = "TabsList";
+function se(n) {
+  return R(S, n);
 }
-_(E, ["root", "horizontal", "vertical"]);
-const z = {
+L(S, ["root", "horizontal", "vertical"]);
+const E = {
   valueChange: "valueChange"
 };
-function ue(s, e) {
-  if (e.type === z.valueChange)
-    return C({}, s, {
+function ne(n, e) {
+  if (e.type === E.valueChange)
+    return {
+      ...n,
       highlightedValue: e.value
-    });
-  const o = ee(s, e), {
+    };
+  const o = W(n, e), {
     context: {
       selectionFollowsFocus: l
     }
   } = e;
-  if (e.type === Y.itemsChange) {
+  if (e.type === J.itemsChange) {
     if (o.selectedValues.length > 0)
-      return C({}, o, {
+      return {
+        ...o,
         highlightedValue: o.selectedValues[0]
-      });
-    te(null, "reset", e.context);
+      };
+    X(null, "reset", e.context);
   }
-  return l && o.highlightedValue != null ? C({}, o, {
+  return l && o.highlightedValue != null ? {
+    ...o,
     selectedValues: [o.highlightedValue]
-  }) : o;
+  } : o;
 }
-function ce(s) {
-  var e;
+function le(n) {
   const {
-    rootRef: o
-  } = s, {
-    direction: l = "ltr",
-    onSelected: a,
-    orientation: c = "horizontal",
-    value: n,
-    registerTabIdLookup: d,
-    selectionFollowsFocus: i
-  } = J(), {
-    subitems: u,
+    rootRef: e
+  } = n, {
+    direction: o = "ltr",
+    onSelected: l,
+    orientation: i = "horizontal",
+    value: r,
+    registerTabIdLookup: c,
+    selectionFollowsFocus: u
+  } = q(), {
+    subitems: s,
     contextValue: m
-  } = M(), h = r.useCallback((g) => {
-    var v;
-    return (v = u.get(g)) == null ? void 0 : v.id;
-  }, [u]);
-  d(h);
-  const p = r.useMemo(() => Array.from(u.keys()), [u]), f = r.useCallback((g) => {
-    var v, V;
-    return g == null ? null : (v = (V = u.get(g)) == null ? void 0 : V.ref.current) != null ? v : null;
-  }, [u]), b = l === "rtl";
-  let P;
-  c === "vertical" ? P = "vertical" : P = b ? "horizontal-rtl" : "horizontal-ltr";
-  const x = r.useCallback((g, v) => {
-    var V;
-    a(g, (V = v[0]) != null ? V : null);
-  }, [a]), y = r.useMemo(() => n === void 0 ? {} : n != null ? {
-    selectedValues: [n]
+  } = M(), f = a.useCallback((C) => {
+    var T;
+    return (T = s.get(C)) == null ? void 0 : T.id;
+  }, [s]);
+  c(f);
+  const b = a.useMemo(() => Array.from(s.keys()), [s]), h = a.useCallback((C) => {
+    var T;
+    return C == null ? null : ((T = s.get(C)) == null ? void 0 : T.ref.current) ?? null;
+  }, [s]), d = o === "rtl";
+  let g;
+  i === "vertical" ? g = "vertical" : g = d ? "horizontal-rtl" : "horizontal-ltr";
+  const x = a.useCallback((C, T) => {
+    l(C, T[0] ?? null);
+  }, [l]), p = a.useMemo(() => r === void 0 ? {} : r != null ? {
+    selectedValues: [r]
   } : {
     selectedValues: []
-  }, [n]), U = r.useCallback((g) => {
-    var v, V;
-    return (v = (V = u.get(g)) == null ? void 0 : V.disabled) != null ? v : !1;
-  }, [u]), {
-    contextValue: L,
-    dispatch: R,
-    getRootProps: D,
+  }, [r]), P = a.useCallback((C) => {
+    var T;
+    return ((T = s.get(C)) == null ? void 0 : T.disabled) ?? !1;
+  }, [s]), {
+    contextValue: y,
+    dispatch: V,
+    getRootProps: A,
     state: {
-      highlightedValue: j,
-      selectedValues: H
+      highlightedValue: U,
+      selectedValues: D
     },
-    rootRef: K
-  } = oe({
-    controlledProps: y,
-    disabledItemsFocusable: !i,
+    rootRef: _
+  } = Y({
+    controlledProps: p,
+    disabledItemsFocusable: !u,
     focusManagement: "DOM",
-    getItemDomElement: f,
-    isItemDisabled: U,
-    items: p,
-    rootRef: o,
+    getItemDomElement: h,
+    isItemDisabled: P,
+    items: b,
+    rootRef: e,
     onChange: x,
-    orientation: P,
-    reducerActionContext: r.useMemo(() => ({
-      selectionFollowsFocus: i || !1
-    }), [i]),
+    orientation: g,
+    reducerActionContext: a.useMemo(() => ({
+      selectionFollowsFocus: u || !1
+    }), [u]),
     selectionMode: "single",
-    stateReducer: ue
+    stateReducer: ne
   });
-  r.useEffect(() => {
-    n !== void 0 && n != null && R({
-      type: z.valueChange,
-      value: n
+  a.useEffect(() => {
+    r !== void 0 && r != null && V({
+      type: E.valueChange,
+      value: r
     });
-  }, [R, n]);
-  const W = (g = {}) => C({}, g, D(g), {
-    "aria-orientation": c === "vertical" ? "vertical" : void 0,
+  }, [V, r]);
+  const j = (C = {}) => ({
+    ...C,
+    ...A(C),
+    "aria-orientation": i === "vertical" ? "vertical" : void 0,
     role: "tablist"
   });
   return {
-    contextValue: r.useMemo(() => C({}, m, L), [m, L]),
-    dispatch: R,
-    getRootProps: W,
-    highlightedValue: j,
-    isRtl: b,
-    orientation: c,
-    rootRef: K,
-    selectedValue: (e = H[0]) != null ? e : null
+    contextValue: a.useMemo(() => ({
+      ...m,
+      ...y
+    }), [m, y]),
+    dispatch: V,
+    getRootProps: j,
+    highlightedValue: U,
+    isRtl: d,
+    orientation: i,
+    rootRef: _,
+    selectedValue: D[0] ?? null
   };
 }
-function de(s) {
+function re(n) {
   const {
     value: e,
     children: o
-  } = s, {
+  } = n, {
     dispatch: l,
-    getItemIndex: a,
-    getItemState: c,
-    registerItem: n,
-    totalSubitemCount: d
-  } = e, i = r.useMemo(() => ({
+    getItemIndex: i,
+    getItemState: r,
+    registerItem: c,
+    totalSubitemCount: u
+  } = e, s = a.useMemo(() => ({
     dispatch: l,
-    getItemState: c,
-    getItemIndex: a
-  }), [l, a, c]), u = r.useMemo(() => ({
-    getItemIndex: a,
-    registerItem: n,
-    totalSubitemCount: d
-  }), [n, a, d]);
-  return /* @__PURE__ */ T(O.Provider, {
-    value: u,
-    children: /* @__PURE__ */ T(Z.Provider, {
-      value: i,
+    getItemState: r,
+    getItemIndex: i
+  }), [l, i, r]), m = a.useMemo(() => ({
+    getItemIndex: i,
+    registerItem: c,
+    totalSubitemCount: u
+  }), [c, i, u]);
+  return /* @__PURE__ */ v(O.Provider, {
+    value: m,
+    children: /* @__PURE__ */ v(Q.Provider, {
+      value: s,
       children: o
     })
   });
 }
-const me = ["children", "slotProps", "slots"], pe = (s) => {
+const ae = (n) => {
   const {
     orientation: e
-  } = s;
-  return N({
+  } = n;
+  return F({
     root: ["root", e]
-  }, w(ie));
-}, A = /* @__PURE__ */ r.forwardRef(function(e, o) {
-  var l;
+  }, N(se));
+}, z = /* @__PURE__ */ a.forwardRef(function(e, o) {
   const {
-    children: a,
-    slotProps: c = {},
-    slots: n = {}
-  } = e, d = F(e, me), {
-    isRtl: i,
-    orientation: u,
+    children: l,
+    slotProps: i = {},
+    slots: r = {},
+    ...c
+  } = e, {
+    isRtl: u,
+    orientation: s,
     getRootProps: m,
-    contextValue: h
-  } = ce({
+    contextValue: f
+  } = le({
     rootRef: o
-  }), p = C({}, e, {
-    isRtl: i,
-    orientation: u
-  }), f = pe(p), b = (l = n.root) != null ? l : "div", P = $({
-    elementType: b,
+  }), b = {
+    ...e,
+    isRtl: u,
+    orientation: s
+  }, h = ae(b), d = r.root ?? "div", g = I({
+    elementType: d,
     getSlotProps: m,
-    externalSlotProps: c.root,
-    externalForwardedProps: d,
-    ownerState: p,
-    className: f.root
+    externalSlotProps: i.root,
+    externalForwardedProps: c,
+    ownerState: b,
+    className: h.root
   });
-  return /* @__PURE__ */ T(de, {
-    value: h,
-    children: /* @__PURE__ */ T(b, C({}, P, {
-      children: a
-    }))
+  return /* @__PURE__ */ v(re, {
+    value: f,
+    children: /* @__PURE__ */ v(d, {
+      ...g,
+      children: l
+    })
   });
 });
-process.env.NODE_ENV !== "production" && (A.propTypes = {
+process.env.NODE_ENV !== "production" && (z.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -389,16 +404,16 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
     root: t.elementType
   })
 });
-const ye = q(
-  ({ value: s, className: e, "data-testid": o, children: l, onChange: a }, c) => {
-    const n = (d, i) => {
-      a && a(i, d);
+const Ce = $(
+  ({ value: n, className: e, "data-testid": o, children: l, onChange: i }, r) => {
+    const c = (u, s) => {
+      i && i(s, u);
     };
-    return /* @__PURE__ */ T(S, { "data-testid": o, value: s, onChange: (d, i) => n(d, i), ref: c, children: /* @__PURE__ */ T(A, { className: B(Q.tabs, e), children: l }) });
+    return /* @__PURE__ */ v(w, { "data-testid": o, value: n, onChange: (u, s) => c(u, s), ref: r, children: /* @__PURE__ */ v(z, { className: H(B.tabs, e), children: l }) });
   }
 );
 export {
-  Ie as Tab,
-  Fe as TabPanel,
-  ye as Tabs
+  Pe as Tab,
+  Ve as TabPanel,
+  Ce as Tabs
 };