kdpa-components 1.0.0 → 1.2.0

package/dist/{Tabs-1cc5862d.js → Tabs-1140d353.js}

@@ -1,17 +1,15 @@
-import { _ as f, a as so } from "./extends-393586f3.js";
+import { a as f, _ as so } from "./extends-135d7828.js";
 import * as u from "react";
-import { P as e } from "./index-f4329b29.js";
-import { g as So, s as F, u as vo, c as O, a as yo, r as te } from "./useThemeProps-114e8d66.js";
-import { g as xo, c as jo } from "./identifier-5cabf5ae.js";
-import { j as S } from "./jsx-runtime-944c88e2.js";
-import { B as zo } from "./ButtonBase-496494a5.js";
+import { g as So, c as jo, j as S, P as e } from "./identifier-2647f844.js";
+import { g as vo, s as F, u as yo, c as O, a as xo, r as te } from "./useThemeProps-ea792506.js";
+import { B as zo } from "./ButtonBase-fa4630c8.js";
 import { u as le } from "./unsupportedProp-3dbf01f6.js";
-import { u as Lo } from "./useTheme-2bb6b2df.js";
+import { u as Lo } from "./useTheme-6ea322ec.js";
 import { u as re, a as bo } from "./useEventCallback-83a2883c.js";
 import { d as mo, o as $o } from "./ownerWindow-e6cc3097.js";
-import { r as ne } from "./refType-7c2b090c.js";
-import { c as ko } from "./createSvgIcon-5cb90f79.js";
-import { u as no } from "./useSlotProps-db1ead27.js";
+import { r as ne } from "./refType-450337d6.js";
+import { c as ko } from "./createSvgIcon-1aa1b2b2.js";
+import { u as no } from "./useSlotProps-3b927bcb.js";
 import { o as se } from "./ownerDocument-5430cd5b.js";
 let U;
 function Fo() {
@@ -33,24 +31,24 @@ function No(o, t) {
       return n;
   }
 }
-function ie(o) {
-  return xo("MuiTab", o);
+function ae(o) {
+  return So("MuiTab", o);
 }
-const ae = So("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), k = ae, ce = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], de = (o) => {
+const ie = vo("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), k = ie, ce = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], de = (o) => {
   const {
     classes: t,
     textColor: n,
     fullWidth: c,
-    wrapped: i,
+    wrapped: a,
     icon: d,
     label: m,
     selected: b,
     disabled: p
   } = o, v = {
-    root: ["root", d && m && "labelIcon", `textColor${jo(n)}`, c && "fullWidth", i && "wrapped", b && "selected", p && "disabled"],
+    root: ["root", d && m && "labelIcon", `textColor${jo(n)}`, c && "fullWidth", a && "wrapped", b && "selected", p && "disabled"],
     iconWrapper: ["iconWrapper"]
   };
-  return yo(v, ie, t);
+  return xo(v, ae, t);
 }, ue = F(zo, {
   name: "MuiTab",
   slot: "Root",
@@ -124,11 +122,11 @@ const ae = So("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
 }, t.wrapped && {
   fontSize: o.typography.pxToRem(12)
 })), Ao = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const c = vo({
+  const c = yo({
     props: t,
     name: "MuiTab"
   }), {
-    className: i,
+    className: a,
     disabled: d = !1,
     disableFocusRipple: m = !1,
     // eslint-disable-next-line react/prop-types
@@ -148,7 +146,7 @@ const ae = So("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     // eslint-disable-next-line react/prop-types
     textColor: D = "inherit",
     value: I,
-    wrapped: io = !1
+    wrapped: ao = !1
   } = c, H = so(c, ce), Y = f({}, c, {
     disabled: d,
     disableFocusRipple: m,
@@ -158,7 +156,7 @@ const ae = So("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     label: !!C,
     fullWidth: b,
     textColor: D,
-    wrapped: io
+    wrapped: ao
   }), _ = de(Y), j = p && C && /* @__PURE__ */ u.isValidElement(p) ? /* @__PURE__ */ u.cloneElement(p, {
     className: O(_.iconWrapper, p.props.className)
   }) : p, Q = (M) => {
@@ -168,7 +166,7 @@ const ae = So("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   };
   return /* @__PURE__ */ S.jsxs(ue, f({
     focusRipple: !m,
-    className: O(_.root, i),
+    className: O(_.root, a),
     ref: n,
     role: "tab",
     "aria-selected": w,
@@ -261,7 +259,7 @@ process.env.NODE_ENV !== "production" && (Ao.propTypes = {
    */
   wrapped: e.bool
 });
-const Ke = Ao, pe = ko(/* @__PURE__ */ S.jsx("path", {
+const Ue = Ao, pe = ko(/* @__PURE__ */ S.jsx("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
 }), "KeyboardArrowLeft"), fe = ko(/* @__PURE__ */ S.jsx("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
@@ -269,7 +267,7 @@ const Ke = Ao, pe = ko(/* @__PURE__ */ S.jsx("path", {
 function be(o) {
   return (1 + Math.sin(Math.PI * o - Math.PI / 2)) / 2;
 }
-function he(o, t, n, c = {}, i = () => {
+function he(o, t, n, c = {}, a = () => {
 }) {
   const {
     ease: d = be,
@@ -283,20 +281,20 @@ function he(o, t, n, c = {}, i = () => {
     v = !0;
   }, C = (g) => {
     if (v) {
-      i(new Error("Animation cancelled"));
+      a(new Error("Animation cancelled"));
       return;
     }
     b === null && (b = g);
     const y = Math.min(1, (g - b) / m);
     if (t[o] = d(y) * (n - p) + p, y >= 1) {
       requestAnimationFrame(() => {
-        i(null);
+        a(null);
       });
       return;
     }
     requestAnimationFrame(C);
   };
-  return p === n ? (i(new Error("Element already at target position")), R) : (requestAnimationFrame(C), R);
+  return p === n ? (a(new Error("Element already at target position")), R) : (requestAnimationFrame(C), R);
 }
 const me = ["onChange"], Se = {
   width: 99,
@@ -308,14 +306,14 @@ const me = ["onChange"], Se = {
 function Do(o) {
   const {
     onChange: t
-  } = o, n = so(o, me), c = u.useRef(), i = u.useRef(null), d = () => {
-    c.current = i.current.offsetHeight - i.current.clientHeight;
+  } = o, n = so(o, me), c = u.useRef(), a = u.useRef(null), d = () => {
+    c.current = a.current.offsetHeight - a.current.clientHeight;
   };
   return re(() => {
     const m = mo(() => {
       const p = c.current;
       d(), p !== c.current && t(c.current);
-    }), b = $o(i.current);
+    }), b = $o(a.current);
     return b.addEventListener("resize", m), () => {
       m.clear(), b.removeEventListener("resize", m);
     };
@@ -323,22 +321,22 @@ function Do(o) {
     d(), t(c.current);
   }, [t]), /* @__PURE__ */ S.jsx("div", f({
     style: Se,
-    ref: i
+    ref: a
   }, n));
 }
 process.env.NODE_ENV !== "production" && (Do.propTypes = {
   onChange: e.func.isRequired
 });
 function ve(o) {
-  return xo("MuiTabScrollButton", o);
+  return So("MuiTabScrollButton", o);
 }
-const ye = So("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), xe = ye, ge = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Te = (o) => {
+const ye = vo("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), xe = ye, ge = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Te = (o) => {
   const {
     classes: t,
     orientation: n,
     disabled: c
   } = o;
-  return yo({
+  return xo({
     root: ["root", n, c && "disabled"]
   }, ve, t);
 }, Be = F(zo, {
@@ -366,8 +364,8 @@ const ye = So("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     transform: `rotate(${o.isRtl ? -90 : 90}deg)`
   }
 })), Ho = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  var c, i;
-  const d = vo({
+  var c, a;
+  const d = yo({
     props: t,
     name: "MuiTabScrollButton"
   }), {
@@ -377,7 +375,7 @@ const ye = So("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     direction: v
   } = d, R = so(d, ge), g = Lo().direction === "rtl", y = f({
     isRtl: g
-  }, d), A = Te(y), w = (c = b.StartScrollButtonIcon) != null ? c : pe, x = (i = b.EndScrollButtonIcon) != null ? i : fe, D = no({
+  }, d), A = Te(y), w = (c = b.StartScrollButtonIcon) != null ? c : pe, x = (a = b.EndScrollButtonIcon) != null ? a : fe, D = no({
     elementType: w,
     externalSlotProps: p.startScrollButtonIcon,
     additionalProps: {
@@ -457,21 +455,21 @@ process.env.NODE_ENV !== "production" && (Ho.propTypes = {
 });
 const Ce = Ho;
 function we(o) {
-  return xo("MuiTabs", o);
+  return So("MuiTabs", o);
 }
-const Ee = So("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), ho = Ee, Ie = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"], Ro = (o, t) => o === t ? o.firstChild : t && t.nextElementSibling ? t.nextElementSibling : o.firstChild, Po = (o, t) => o === t ? o.lastChild : t && t.previousElementSibling ? t.previousElementSibling : o.lastChild, ro = (o, t, n) => {
-  let c = !1, i = n(o, t);
-  for (; i; ) {
-    if (i === o.firstChild) {
+const Ee = vo("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), ho = Ee, Ie = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"], Ro = (o, t) => o === t ? o.firstChild : t && t.nextElementSibling ? t.nextElementSibling : o.firstChild, Po = (o, t) => o === t ? o.lastChild : t && t.previousElementSibling ? t.previousElementSibling : o.lastChild, ro = (o, t, n) => {
+  let c = !1, a = n(o, t);
+  for (; a; ) {
+    if (a === o.firstChild) {
       if (c)
         return;
       c = !0;
     }
-    const d = i.disabled || i.getAttribute("aria-disabled") === "true";
-    if (!i.hasAttribute("tabindex") || d)
-      i = n(o, i);
+    const d = a.disabled || a.getAttribute("aria-disabled") === "true";
+    if (!a.hasAttribute("tabindex") || d)
+      a = n(o, a);
     else {
-      i.focus();
+      a.focus();
       return;
     }
   }
@@ -480,19 +478,19 @@ const Ee = So("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     vertical: t,
     fixed: n,
     hideScrollbar: c,
-    scrollableX: i,
+    scrollableX: a,
     scrollableY: d,
     centered: m,
     scrollButtonsHideMobile: b,
     classes: p
   } = o;
-  return yo({
+  return xo({
     root: ["root", t && "vertical"],
-    scroller: ["scroller", n && "fixed", c && "hideScrollbar", i && "scrollableX", d && "scrollableY"],
+    scroller: ["scroller", n && "fixed", c && "hideScrollbar", a && "scrollableX", d && "scrollableY"],
     flexContainer: ["flexContainer", t && "flexContainerVertical", m && "centered"],
     indicator: ["indicator"],
     scrollButtons: ["scrollButtons", b && "scrollButtonsHideMobile"],
-    scrollableX: [i && "scrollableX"],
+    scrollableX: [a && "scrollableX"],
     hideScrollbar: [c && "hideScrollbar"]
   }, we, p);
 }, Ne = F("div", {
@@ -612,10 +610,10 @@ const Ee = So("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
 }), Wo = {};
 let Oo = !1;
 const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const c = vo({
+  const c = yo({
     props: t,
     name: "MuiTabs"
-  }), i = Lo(), d = i.direction === "rtl", {
+  }), a = Lo(), d = a.direction === "rtl", {
     "aria-label": m,
     "aria-labelledby": b,
     action: p,
@@ -629,7 +627,7 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
     orientation: x = "horizontal",
     ScrollButtonComponent: D = Ce,
     scrollButtons: I = "auto",
-    selectionFollowsFocus: io,
+    selectionFollowsFocus: ao,
     slots: H = {},
     slotProps: Y = {},
     TabIndicatorProps: _ = {},
@@ -637,7 +635,7 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
     textColor: Q = "primary",
     value: P,
     variant: M = "standard",
-    visibleScrollbar: ao = !1
+    visibleScrollbar: io = !1
   } = c, Vo = so(c, Ie), N = M === "scrollable", T = x === "vertical", K = T ? "scrollTop" : "scrollLeft", Z = T ? "top" : "left", oo = T ? "bottom" : "right", co = T ? "clientHeight" : "clientWidth", q = T ? "height" : "width", z = f({}, c, {
     component: g,
     allowScrollButtonsMobile: y,
@@ -647,9 +645,9 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
     scrollButtons: I,
     textColor: Q,
     variant: M,
-    visibleScrollbar: ao,
+    visibleScrollbar: io,
     fixed: !N,
-    hideScrollbar: N && !ao,
+    hideScrollbar: N && !io,
     scrollableX: N && !T,
     scrollableY: N && T,
     centered: v && !N,
@@ -674,24 +672,24 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
     const l = E.current;
     let r;
     if (l) {
-      const a = l.getBoundingClientRect();
+      const i = l.getBoundingClientRect();
       r = {
         clientWidth: l.clientWidth,
         scrollLeft: l.scrollLeft,
         scrollTop: l.scrollTop,
-        scrollLeftNormalized: No(l, i.direction),
+        scrollLeftNormalized: No(l, a.direction),
         scrollWidth: l.scrollWidth,
-        top: a.top,
-        bottom: a.bottom,
-        left: a.left,
-        right: a.right
+        top: i.top,
+        bottom: i.bottom,
+        left: i.left,
+        right: i.right
       };
     }
     let s;
     if (l && P !== !1) {
-      const a = G.current.children;
-      if (a.length > 0) {
-        const h = a[eo.get(P)];
+      const i = G.current.children;
+      if (i.length > 0) {
+        const h = i[eo.get(P)];
         process.env.NODE_ENV !== "production" && (h || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${P}".`, eo.keys ? `You can provide one of the following values: ${Array.from(eo.keys()).join(", ")}.` : null].join(`
 `))), s = h ? h.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !Oo && s && s.width === 0 && s.height === 0 && // if the whole Tabs component is hidden, don't warn
         r.clientWidth !== 0 && (r = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${P}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join(`
@@ -707,29 +705,29 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
       tabsMeta: l,
       tabMeta: r
     } = Co();
-    let s = 0, a;
+    let s = 0, i;
     if (T)
-      a = "top", r && l && (s = r.top - l.top + l.scrollTop);
-    else if (a = d ? "right" : "left", r && l) {
+      i = "top", r && l && (s = r.top - l.top + l.scrollTop);
+    else if (i = d ? "right" : "left", r && l) {
       const B = d ? l.scrollLeftNormalized + l.clientWidth - l.scrollWidth : l.scrollLeft;
-      s = (d ? -1 : 1) * (r[a] - l[a] + B);
+      s = (d ? -1 : 1) * (r[i] - l[i] + B);
     }
     const h = {
-      [a]: s,
+      [i]: s,
       // May be wrong until the font is loaded.
       [q]: r ? r[q] : 0
     };
-    if (isNaN(L[a]) || isNaN(L[q]))
+    if (isNaN(L[i]) || isNaN(L[q]))
       To(h);
     else {
-      const B = Math.abs(L[a] - h[a]), X = Math.abs(L[q] - h[q]);
+      const B = Math.abs(L[i] - h[i]), X = Math.abs(L[q] - h[q]);
       (B >= 1 || X >= 1) && To(h);
     }
   }), uo = (l, {
     animation: r = !0
   } = {}) => {
     r ? he(K, E.current, l, {
-      duration: i.transitions.duration.standard
+      duration: a.transitions.duration.standard
     }) : E.current[K] = l;
   }, wo = (l) => {
     let r = E.current[K];
@@ -738,10 +736,10 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
     const l = E.current[co];
     let r = 0;
     const s = Array.from(G.current.children);
-    for (let a = 0; a < s.length; a += 1) {
-      const h = s[a];
+    for (let i = 0; i < s.length; i += 1) {
+      const h = s[i];
       if (r + h[co] > l) {
-        a === 0 && (r = l);
+        i === 0 && (r = l);
         break;
       }
       r += h[co];
@@ -797,13 +795,13 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
     } = Co();
     if (!(!s || !r)) {
       if (s[Z] < r[Z]) {
-        const a = r[K] + (s[Z] - r[Z]);
-        uo(a, {
+        const i = r[K] + (s[Z] - r[Z]);
+        uo(i, {
           animation: l
         });
       } else if (s[oo] > r[oo]) {
-        const a = r[K] + (s[oo] - r[oo]);
-        uo(a, {
+        const i = r[K] + (s[oo] - r[oo]);
+        uo(i, {
           animation: l
         });
       }
@@ -814,15 +812,15 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
         scrollTop: l,
         scrollHeight: r,
         clientHeight: s,
-        scrollWidth: a,
+        scrollWidth: i,
         clientWidth: h
       } = E.current;
       let B, X;
       if (T)
         B = l > 1, X = l < r - s - 1;
       else {
-        const lo = No(E.current, i.direction);
-        B = d ? lo < a - h - 1 : lo > 1, X = d ? lo > 1 : lo < a - h - 1;
+        const lo = No(E.current, a.direction);
+        B = d ? lo < i - h - 1 : lo > 1, X = d ? lo > 1 : lo < i - h - 1;
       }
       (B !== V.start || X !== V.end) && Ko({
         start: B,
@@ -836,8 +834,8 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
     }), r = $o(E.current);
     r.addEventListener("resize", l);
     let s;
-    return typeof ResizeObserver < "u" && (s = new ResizeObserver(l), Array.from(G.current.children).forEach((a) => {
-      s.observe(a);
+    return typeof ResizeObserver < "u" && (s = new ResizeObserver(l), Array.from(G.current.children).forEach((i) => {
+      s.observe(i);
     })), () => {
       l.clear(), r.removeEventListener("resize", l), s && s.disconnect();
     };
@@ -875,7 +873,7 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
       fullWidth: M === "fullWidth",
       indicator: s && !go && Mo,
       selected: s,
-      selectionFollowsFocus: io,
+      selectionFollowsFocus: ao,
       onChange: w,
       textColor: Q,
       value: r
@@ -913,7 +911,7 @@ const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
       ownerState: z,
       style: {
         overflow: Bo.overflow,
-        [T ? `margin${d ? "Left" : "Right"}` : "marginBottom"]: ao ? void 0 : -Bo.scrollbarWidth
+        [T ? `margin${d ? "Left" : "Right"}` : "marginBottom"]: io ? void 0 : -Bo.scrollbarWidth
       },
       ref: E,
       onScroll: po,
@@ -1080,9 +1078,9 @@ process.env.NODE_ENV !== "production" && (_o.propTypes = {
    */
   visibleScrollbar: e.bool
 });
-const qe = _o;
+const Ye = _o;
 export {
-  qe as T,
-  Ke as a,
+  Ye as T,
+  Ue as a,
   ho as t
 };