@pismo/marola 2.1.63 → 2.1.65

package/dist/components/Tabs/TabPanel.js

@@ -1,70 +1,72 @@
-import { jsx as T } from "react/jsx-runtime";
+import { jsx as b } from "react/jsx-runtime";
 import * as P from "react";
-import { forwardRef as v } from "react";
+import { forwardRef as g } from "react";
 import { c as y } from "../../clsx-OuTLNxxd.js";
-import { u as x, s as C } from "../../Tabs.module-DyJgAZt8.js";
-import { g as N, a as _, u as w, _ as b, b as O, c as E, d as I, e as S, P as o } from "../../useSlotProps-CYHDC4TN.js";
-import { u as U } from "../../useId-BW-oWmul.js";
-import { u as j } from "../../useCompoundItem-B7Eo_qZk.js";
-const h = "TabPanel";
-function M(t) {
-  return N(h, t);
+import { u as v, s as C } from "../../Tabs.module-DyJgAZt8.js";
+import { g as N, a as x, u as w, b as O, c as E, d as I, P as e } from "../../ClassNameConfigurator-CVRWfyIa.js";
+import { u as S } from "../../useId-CK6Kn3Tn.js";
+import { u as U } from "../../useCompoundItem-B7Eo_qZk.js";
+const T = "TabPanel";
+function _(o) {
+  return N(T, o);
 }
-_(h, ["root", "hidden"]);
-function V(t) {
-  return t.size;
+x(T, ["root", "hidden"]);
+function M(o) {
+  return o.size;
 }
-function F(t) {
+function V(o) {
   const {
-    value: e,
+    value: t,
     id: s,
-    rootRef: n
-  } = t, a = x();
-  if (a === null)
+    rootRef: a
+  } = o, n = v();
+  if (n === null)
     throw new Error("No TabContext provided");
   const {
-    value: f,
-    getTabId: m
-  } = a, r = U(s), l = P.useRef(null), c = w(l, n), u = P.useMemo(() => ({
+    value: p,
+    getTabId: f
+  } = n, r = S(s), l = P.useRef(null), c = w(l, a), u = P.useMemo(() => ({
     id: r,
     ref: l
   }), [r]), {
     id: d
-  } = j(e ?? V, u), i = d !== f, p = d !== void 0 ? m(d) : void 0;
+  } = U(t ?? M, u), i = d !== p, m = d !== void 0 ? f(d) : void 0;
   return {
     hidden: i,
-    getRootProps: (g = {}) => b({
-      "aria-labelledby": p ?? void 0,
+    getRootProps: (h = {}) => ({
+      "aria-labelledby": m ?? void 0,
       hidden: i,
-      id: r ?? void 0
-    }, g, {
+      id: r ?? void 0,
+      ...h,
       ref: c
     }),
     rootRef: c
   };
 }
-const $ = ["children", "value", "slotProps", "slots"], k = (t) => {
+const j = (o) => {
   const {
-    hidden: e
-  } = t;
-  return I({
-    root: ["root", e && "hidden"]
-  }, S(M));
-}, R = /* @__PURE__ */ P.forwardRef(function(e, s) {
-  var n;
+    hidden: t
+  } = o;
+  return E({
+    root: ["root", t && "hidden"]
+  }, I(_));
+}, R = /* @__PURE__ */ P.forwardRef(function(t, s) {
   const {
     children: a,
-    slotProps: f = {},
-    slots: m = {}
-  } = e, r = O(e, $), {
+    value: n,
+    slotProps: p = {},
+    slots: f = {},
+    ...r
+  } = t, {
     hidden: l,
     getRootProps: c
-  } = F(e), u = b({}, e, {
+  } = V(t), u = {
+    ...t,
     hidden: l
-  }), d = k(u), i = (n = m.root) != null ? n : "div", p = E({
+  }, d = j(u), i = f.root ?? "div", m = O({
     elementType: i,
     getSlotProps: c,
-    externalSlotProps: f.root,
+    externalSlotProps: p.root,
     externalForwardedProps: r,
     additionalProps: {
       role: "tabpanel",
@@ -73,9 +75,10 @@ const $ = ["children", "value", "slotProps", "slots"], k = (t) => {
     ownerState: u,
     className: d.root
   });
-  return /* @__PURE__ */ T(i, b({}, p, {
+  return /* @__PURE__ */ b(i, {
+    ...m,
     children: !l && a
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" && (R.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -85,45 +88,45 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
   /**
    * The content of the component.
    */
-  children: o.node,
+  children: e.node,
   /**
    * @ignore
    */
-  className: o.string,
+  className: e.string,
   /**
    * The props used for each slot inside the TabPanel.
    * @default {}
    */
-  slotProps: o.shape({
-    root: o.oneOfType([o.func, o.object])
+  slotProps: e.shape({
+    root: e.oneOfType([e.func, e.object])
   }),
   /**
    * The components used for each slot inside the TabPanel.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: o.shape({
-    root: o.elementType
+  slots: e.shape({
+    root: e.elementType
   }),
   /**
    * The value of the TabPanel. It will be shown when the Tab with the corresponding value is selected.
    * If not provided, it will fall back to the index of the panel.
    * It is recommended to explicitly provide it, as it's required for the tab panel to be rendered on the server.
    */
-  value: o.oneOfType([o.number, o.string])
+  value: e.oneOfType([e.number, e.string])
 });
-const H = v(
-  ({ children: t, value: e, className: s, "data-testid": n }, a) => /* @__PURE__ */ T(
+const B = g(
+  ({ children: o, value: t, className: s, "data-testid": a }, n) => /* @__PURE__ */ b(
     R,
     {
       className: y(C["tabs__tab-panel"], s),
-      value: e,
-      "data-testid": n,
-      ref: a,
-      children: t
+      value: t,
+      "data-testid": a,
+      ref: n,
+      children: o
     }
   )
 );
 export {
-  H as TabPanel
+  B as TabPanel
 };