@televet/kibble-ui 5.0.25-beta.13 → 5.0.25-beta.3

package/dist/chunks/{tab.types-CCzf31Vv.js → tab.types-_hNel9QA.js}

@@ -3,13 +3,12 @@ import { I as L } from "./icon.component-PV_nHBId.js";
 import { N as Y } from "./notificationCounter.component-6Q3q8jWj.js";
 import { W as G } from "./heading.component-CpSAN3cv.js";
 import { c as J } from "./create-slot-recipe-context-D_FXDJGp.js";
-import { useState as Q, useEffect as Z, forwardRef as y, useId as ee } from "react";
-import { a as te, b as x, d as h, e as ae, c as N, u as se, f as oe, g as re, n as ne } from "./use-locale-context-DmcfCmf9.js";
-import { a6 as R, s as ie, aa as ce, E as le, b2 as ue, r as m, aR as de, aS as ge, a1 as fe, f as pe, c as v, a3 as be, z as ve, O as Te, j as me, l as ye, b5 as he, q as Re, aD as Ce, _ as Pe, $ as Ve } from "./index-BcafYtXX.js";
-import { u as Ee, s as j, R as $ } from "./render-strategy-DLvzMQD1.js";
+import { useState as Q, useEffect as Z, forwardRef as m, useId as ee } from "react";
+import { a as te, b as x, d as y, e as ae, c as w, u as se, f as oe, g as re, n as ne } from "./use-locale-context-DmcfCmf9.js";
+import { u as ie, s as $, R as j } from "./render-strategy-DLvzMQD1.js";
+import { a6 as h, s as ce, aa as le, E as ue, b2 as de, r as T, aR as ge, aS as fe, a1 as pe, f as be, c as b, a3 as ve, z as Te, O as me, j as ye, l as he, b5 as Re, q as Ce, aD as Pe, _ as Ve, $ as Ee } from "./index-BcafYtXX.js";
 import { c as Ae, d as Ie } from "./index-DcmJgLUo.js";
-import { B as xe } from "./index-9BerxEcw.js";
-function Fe(e, t) {
+function xe(e, t) {
   const [s, a] = Q(e);
   return Z(() => {
     const r = setTimeout(() => {
@@ -24,40 +23,40 @@ const [B, F] = te({
   name: "TabsContext",
   hookName: "useTabsContext",
   providerName: "<TabsProvider />"
-}), k = y((e, t) => {
-  const [s, a] = x()(e, ["value"]), r = F(), o = Ee(), n = Ae({
+}), k = m((e, t) => {
+  const [s, a] = x()(e, ["value"]), r = F(), o = ie(), n = Ae({
     ...o,
-    present: Fe(r.value === e.value, 0),
+    present: xe(r.value === e.value, 0),
     immediate: !0
-  }), u = R(r.getContentProps(s), n.getPresenceProps(), a);
-  return /* @__PURE__ */ c.jsx(Ie, { value: n, children: n.unmounted ? null : /* @__PURE__ */ c.jsx(h.div, { ...u, ref: ae(n.ref, t) }) });
+  }), d = h(r.getContentProps(s), n.getPresenceProps(), a);
+  return /* @__PURE__ */ c.jsx(Ie, { value: n, children: n.unmounted ? null : /* @__PURE__ */ c.jsx(y.div, { ...d, ref: ae(n.ref, t) }) });
 });
 k.displayName = "TabContent";
-const D = y((e, t) => {
-  const s = F(), a = R(s.getIndicatorProps(), e);
-  return /* @__PURE__ */ c.jsx(h.div, { ...a, ref: t });
+const D = m((e, t) => {
+  const s = F(), a = h(s.getIndicatorProps(), e);
+  return /* @__PURE__ */ c.jsx(y.div, { ...a, ref: t });
 });
 D.displayName = "TabIndicator";
-const U = y((e, t) => {
-  const s = F(), a = R(s.getListProps(), e);
-  return /* @__PURE__ */ c.jsx(h.div, { ...a, ref: t });
+const U = m((e, t) => {
+  const s = F(), a = h(s.getListProps(), e);
+  return /* @__PURE__ */ c.jsx(y.div, { ...a, ref: t });
 });
 U.displayName = "TabList";
-const W = y((e, t) => {
-  const [s, a] = x()(e, ["disabled", "value"]), r = F(), o = R(r.getTriggerProps(s), a);
-  return /* @__PURE__ */ c.jsx(h.button, { ...o, ref: t });
+const W = m((e, t) => {
+  const [s, a] = x()(e, ["disabled", "value"]), r = F(), o = h(r.getTriggerProps(s), a);
+  return /* @__PURE__ */ c.jsx(y.button, { ...o, ref: t });
 });
 W.displayName = "TabTrigger";
-var _e = pe("tabs").parts("root", "list", "trigger", "content", "indicator"), P = _e.build(), Ne = (e) => e.ids?.root ?? `tabs:${e.id}`, V = (e) => e.ids?.list ?? `tabs:${e.id}:list`, _ = (e, t) => e.ids?.content ?? `tabs:${e.id}:content-${t}`, T = (e, t) => e.ids?.trigger ?? `tabs:${e.id}:trigger-${t}`, M = (e) => e.ids?.indicator ?? `tabs:${e.id}:indicator`, we = (e) => e.getById(V(e)), Se = (e, t) => e.getById(_(e, t)), I = (e, t) => e.getById(T(e, t)), O = (e) => e.getById(M(e)), E = (e) => {
-  const s = `[role=tab][data-ownedby='${CSS.escape(V(e))}']:not([disabled])`;
-  return Re(we(e), s);
-}, Le = (e) => Ve(E(e)), Oe = (e) => Pe(E(e)), je = (e, t) => ge(E(e), T(e, t.value), t.loopFocus), $e = (e, t) => de(E(e), T(e, t.value), t.loopFocus), X = (e) => ({
+var Fe = be("tabs").parts("root", "list", "trigger", "content", "indicator"), C = Fe.build(), _e = (e) => e.ids?.root ?? `tabs:${e.id}`, P = (e) => e.ids?.list ?? `tabs:${e.id}:list`, _ = (e, t) => e.ids?.content ?? `tabs:${e.id}:content-${t}`, v = (e, t) => e.ids?.trigger ?? `tabs:${e.id}:trigger-${t}`, M = (e) => e.ids?.indicator ?? `tabs:${e.id}:indicator`, we = (e) => e.getById(P(e)), Ne = (e, t) => e.getById(_(e, t)), I = (e, t) => e.getById(v(e, t)), O = (e) => e.getById(M(e)), V = (e) => {
+  const s = `[role=tab][data-ownedby='${CSS.escape(P(e))}']:not([disabled])`;
+  return Ce(we(e), s);
+}, Se = (e) => Ee(V(e)), Le = (e) => Ve(V(e)), Oe = (e, t) => fe(V(e), v(e, t.value), t.loopFocus), $e = (e, t) => ge(V(e), v(e, t.value), t.loopFocus), X = (e) => ({
   left: e?.offsetLeft ?? 0,
   top: e?.offsetTop ?? 0,
   width: e?.offsetWidth ?? 0,
   height: e?.offsetHeight ?? 0
-}), Be = (e, t) => {
-  const s = he(E(e), T(e, t));
+}), je = (e, t) => {
+  const s = Re(V(e), v(e, t));
   return H(X(s));
 }, H = (e) => ({
   width: `${e.width}px`,
@@ -65,8 +64,8 @@ var _e = pe("tabs").parts("root", "list", "trigger", "content", "indicator"), P
   left: `${e.left}px`,
   top: `${e.top}px`
 });
-function ke(e, t) {
-  const { state: s, send: a, context: r, prop: o, scope: n } = e, u = o("translations"), g = s.matches("focused"), d = o("orientation") === "vertical", f = o("orientation") === "horizontal", w = o("composite");
+function Be(e, t) {
+  const { state: s, send: a, context: r, prop: o, scope: n } = e, d = o("translations"), u = s.matches("focused"), g = o("orientation") === "vertical", A = o("orientation") === "horizontal", N = o("composite");
   function S(i) {
     return {
       selected: r.get("value") === i.value,
@@ -84,7 +83,7 @@ function ke(e, t) {
       a({ type: "CLEAR_VALUE" });
     },
     setIndicatorRect(i) {
-      const l = T(n, i);
+      const l = v(n, i);
       a({ type: "SET_INDICATOR_RECT", id: l });
     },
     syncTabIndex() {
@@ -102,37 +101,37 @@ function ke(e, t) {
     },
     getRootProps() {
       return t.element({
-        ...P.root.attrs,
-        id: Ne(n),
+        ...C.root.attrs,
+        id: _e(n),
         "data-orientation": o("orientation"),
-        "data-focus": v(g),
+        "data-focus": b(u),
         dir: o("dir")
       });
     },
     getListProps() {
       return t.element({
-        ...P.list.attrs,
-        id: V(n),
+        ...C.list.attrs,
+        id: P(n),
         role: "tablist",
         dir: o("dir"),
-        "data-focus": v(g),
+        "data-focus": b(u),
         "aria-orientation": o("orientation"),
         "data-orientation": o("orientation"),
-        "aria-label": u?.listLabel,
+        "aria-label": d?.listLabel,
         onKeyDown(i) {
-          if (i.defaultPrevented || !Te(i) || me(i)) return;
+          if (i.defaultPrevented || !me(i) || ye(i)) return;
           const l = {
             ArrowDown() {
-              f || a({ type: "ARROW_NEXT", key: "ArrowDown" });
+              A || a({ type: "ARROW_NEXT", key: "ArrowDown" });
             },
             ArrowUp() {
-              f || a({ type: "ARROW_PREV", key: "ArrowUp" });
+              A || a({ type: "ARROW_PREV", key: "ArrowUp" });
             },
             ArrowLeft() {
-              d || a({ type: "ARROW_PREV", key: "ArrowLeft" });
+              g || a({ type: "ARROW_PREV", key: "ArrowLeft" });
             },
             ArrowRight() {
-              d || a({ type: "ARROW_NEXT", key: "ArrowRight" });
+              g || a({ type: "ARROW_NEXT", key: "ArrowRight" });
             },
             Home() {
               a({ type: "HOME" });
@@ -141,13 +140,13 @@ function ke(e, t) {
               a({ type: "END" });
             }
           };
-          let p = ye(i, {
+          let f = he(i, {
             dir: o("dir"),
             orientation: o("orientation")
           });
-          const b = l[p];
-          if (b) {
-            i.preventDefault(), b(i);
+          const p = l[f];
+          if (p) {
+            i.preventDefault(), p(i);
             return;
           }
         }
@@ -155,56 +154,56 @@ function ke(e, t) {
     },
     getTriggerState: S,
     getTriggerProps(i) {
-      const { value: l, disabled: p } = i, b = S(i);
+      const { value: l, disabled: f } = i, p = S(i);
       return t.button({
-        ...P.trigger.attrs,
+        ...C.trigger.attrs,
         role: "tab",
         type: "button",
-        disabled: p,
+        disabled: f,
         dir: o("dir"),
         "data-orientation": o("orientation"),
-        "data-disabled": v(p),
-        "aria-disabled": p,
+        "data-disabled": b(f),
+        "aria-disabled": f,
         "data-value": l,
-        "aria-selected": b.selected,
-        "data-selected": v(b.selected),
-        "data-focus": v(b.focused),
-        "aria-controls": b.selected ? _(n, l) : void 0,
-        "data-ownedby": V(n),
-        "data-ssr": v(r.get("ssr")),
-        id: T(n, l),
-        tabIndex: b.selected && w ? 0 : -1,
+        "aria-selected": p.selected,
+        "data-selected": b(p.selected),
+        "data-focus": b(p.focused),
+        "aria-controls": p.selected ? _(n, l) : void 0,
+        "data-ownedby": P(n),
+        "data-ssr": b(r.get("ssr")),
+        id: v(n, l),
+        tabIndex: p.selected && N ? 0 : -1,
         onFocus() {
           a({ type: "TAB_FOCUS", value: l });
         },
-        onBlur(C) {
-          C.relatedTarget?.getAttribute("role") !== "tab" && a({ type: "TAB_BLUR" });
+        onBlur(R) {
+          R.relatedTarget?.getAttribute("role") !== "tab" && a({ type: "TAB_BLUR" });
         },
-        onClick(C) {
-          C.defaultPrevented || be(C) || p || (ve() && C.currentTarget.focus(), a({ type: "TAB_CLICK", value: l }));
+        onClick(R) {
+          R.defaultPrevented || ve(R) || f || (Te() && R.currentTarget.focus(), a({ type: "TAB_CLICK", value: l }));
         }
       });
     },
     getContentProps(i) {
-      const { value: l } = i, p = r.get("value") === l;
+      const { value: l } = i, f = r.get("value") === l;
       return t.element({
-        ...P.content.attrs,
+        ...C.content.attrs,
         dir: o("dir"),
         id: _(n, l),
-        tabIndex: w ? 0 : -1,
-        "aria-labelledby": T(n, l),
+        tabIndex: N ? 0 : -1,
+        "aria-labelledby": v(n, l),
         role: "tabpanel",
-        "data-ownedby": V(n),
-        "data-selected": v(p),
+        "data-ownedby": P(n),
+        "data-selected": b(f),
         "data-orientation": o("orientation"),
-        hidden: !p
+        hidden: !f
       });
     },
     getIndicatorProps() {
       const i = r.get("indicatorRect"), l = r.get("indicatorTransition");
       return t.element({
         id: M(n),
-        ...P.indicator.attrs,
+        ...C.indicator.attrs,
         dir: o("dir"),
         "data-orientation": o("orientation"),
         style: {
@@ -218,13 +217,13 @@ function ke(e, t) {
           transitionProperty: "var(--transition-property)",
           transitionDuration: l ? "var(--transition-duration, 150ms)" : "0ms",
           transitionTimingFunction: "var(--transition-timing-function)",
-          [f ? "left" : "top"]: f ? "var(--left)" : "var(--top)"
+          [A ? "left" : "top"]: A ? "var(--left)" : "var(--top)"
         }
       });
     }
   };
 }
-var { createMachine: De } = ie(), Ue = De({
+var { createMachine: ke } = ce(), De = ke({
   props({ props: e }) {
     return {
       dir: "ltr",
@@ -233,7 +232,7 @@ var { createMachine: De } = ie(), Ue = De({
       loopFocus: !0,
       composite: !0,
       navigate(t) {
-        fe(t.node);
+        pe(t.node);
       },
       defaultValue: null,
       ...e
@@ -358,7 +357,7 @@ var { createMachine: De } = ie(), Ue = De({
     },
     actions: {
       selectFocusedTab({ context: e, prop: t }) {
-        m(() => {
+        T(() => {
           const s = e.get("focusedValue");
           if (!s) return;
           const r = t("deselectable") && e.get("value") === s ? null : s;
@@ -381,23 +380,23 @@ var { createMachine: De } = ie(), Ue = De({
         e.set("value", null);
       },
       focusFirstTab({ scope: e }) {
-        m(() => {
-          Le(e)?.focus();
+        T(() => {
+          Se(e)?.focus();
         });
       },
       focusLastTab({ scope: e }) {
-        m(() => {
-          Oe(e)?.focus();
+        T(() => {
+          Le(e)?.focus();
         });
       },
       focusNextTab({ context: e, prop: t, scope: s, event: a }) {
         const r = a.value ?? e.get("focusedValue");
         if (!r) return;
-        const o = je(s, {
+        const o = Oe(s, {
           value: r,
           loopFocus: t("loopFocus")
         });
-        m(() => {
+        T(() => {
           t("composite") ? o?.focus() : o?.dataset.value != null && e.set("focusedValue", o.dataset.value);
         });
       },
@@ -408,17 +407,17 @@ var { createMachine: De } = ie(), Ue = De({
           value: r,
           loopFocus: t("loopFocus")
         });
-        m(() => {
+        T(() => {
           t("composite") ? o?.focus() : o?.dataset.value != null && e.set("focusedValue", o.dataset.value);
         });
       },
       syncTabIndex({ context: e, scope: t }) {
-        m(() => {
+        T(() => {
           const s = e.get("value");
           if (!s) return;
-          const a = Se(t, s);
+          const a = Ne(t, s);
           if (!a) return;
-          Ce(a).length > 0 ? a.removeAttribute("tabindex") : a.setAttribute("tabindex", "0");
+          Pe(a).length > 0 ? a.removeAttribute("tabindex") : a.setAttribute("tabindex", "0");
         });
       },
       cleanupObserver({ refs: e }) {
@@ -435,7 +434,7 @@ var { createMachine: De } = ie(), Ue = De({
           e.set("indicatorTransition", !1);
           return;
         }
-        I(s, a) && (e.set("indicatorRect", Be(s, a)), ue(() => {
+        I(s, a) && (e.set("indicatorRect", je(s, a)), de(() => {
           e.set("indicatorTransition", !1);
         }));
       },
@@ -452,27 +451,27 @@ var { createMachine: De } = ie(), Ue = De({
         }
         const o = I(s, r), n = O(s);
         if (!o || !n) return;
-        const u = le([o], {
-          measure(g) {
-            return X(g);
+        const d = ue([o], {
+          measure(u) {
+            return X(u);
           },
-          onEntry({ rects: g }) {
-            const [d] = g;
-            e.set("indicatorRect", H(d));
+          onEntry({ rects: u }) {
+            const [g] = u;
+            e.set("indicatorRect", H(g));
           }
         });
-        t.set("indicatorCleanup", u);
+        t.set("indicatorCleanup", d);
       },
       navigateIfNeeded({ context: e, prop: t, scope: s }) {
         const a = e.get("value");
         if (!a) return;
         const r = I(s, a);
-        ce(r) && t("navigate")?.({ value: a, node: r, href: r.href });
+        le(r) && t("navigate")?.({ value: a, node: r, href: r.href });
       }
     }
   }
 });
-N()([
+w()([
   "activationMode",
   "composite",
   "deselectable",
@@ -489,18 +488,18 @@ N()([
   "value",
   "defaultValue"
 ]);
-N()(["disabled", "value"]);
-N()(["value"]);
-const We = (e) => {
+w()(["disabled", "value"]);
+w()(["value"]);
+const Ue = (e) => {
   const t = ee(), { getRootNode: s } = se(), { dir: a } = oe(), r = {
     id: t,
     dir: a,
     getRootNode: s,
     ...e
-  }, o = re(Ue, r);
-  return ke(o, ne);
-}, K = y((e, t) => {
-  const [s, a] = j(e), [r, o] = x()(a, [
+  }, o = re(De, r);
+  return Be(o, ne);
+}, K = m((e, t) => {
+  const [s, a] = $(e), [r, o] = x()(a, [
     "activationMode",
     "composite",
     "defaultValue",
@@ -514,55 +513,55 @@ const We = (e) => {
     "orientation",
     "translations",
     "value"
-  ]), n = We(r), u = R(n.getRootProps(), o);
-  return /* @__PURE__ */ c.jsx(B, { value: n, children: /* @__PURE__ */ c.jsx($, { value: s, children: /* @__PURE__ */ c.jsx(h.div, { ...u, ref: t }) }) });
+  ]), n = Ue(r), d = h(n.getRootProps(), o);
+  return /* @__PURE__ */ c.jsx(B, { value: n, children: /* @__PURE__ */ c.jsx(j, { value: s, children: /* @__PURE__ */ c.jsx(y.div, { ...d, ref: t }) }) });
 });
 K.displayName = "TabsRoot";
-const q = y((e, t) => {
-  const [s, a] = j(e), [{ value: r }, o] = x()(a, ["value"]), n = R(r.getRootProps(), o);
-  return /* @__PURE__ */ c.jsx(B, { value: r, children: /* @__PURE__ */ c.jsx($, { value: s, children: /* @__PURE__ */ c.jsx(h.div, { ...n, ref: t }) }) });
+const q = m((e, t) => {
+  const [s, a] = $(e), [{ value: r }, o] = x()(a, ["value"]), n = h(r.getRootProps(), o);
+  return /* @__PURE__ */ c.jsx(B, { value: r, children: /* @__PURE__ */ c.jsx(j, { value: s, children: /* @__PURE__ */ c.jsx(y.div, { ...n, ref: t }) }) });
 });
 q.displayName = "TabsRootProvider";
 const {
   withProvider: z,
-  withContext: A
+  withContext: E
 } = J({ key: "tabs" });
 z(q, "root", { forwardAsChild: !0 });
-const Me = z(
+const We = z(
   K,
   "root",
   { forwardAsChild: !0 }
-), Xe = A(
+), Me = E(
   W,
   "trigger",
   { forwardAsChild: !0 }
-), He = A(
+), Xe = E(
   k,
   "content",
   { forwardAsChild: !0 }
 );
-A("div", "contentGroup");
-const Ke = A(
+E("div", "contentGroup");
+const He = E(
   U,
   "list",
   { forwardAsChild: !0 }
 );
-A(
+E(
   D,
   "indicator",
   { forwardAsChild: !0 }
 );
-const qe = {
+const Ke = {
   xs: "sm",
   sm: "md",
   md: "md",
   lg: "lg"
-}, ze = {
+}, qe = {
   xs: "xs",
   sm: "xs",
   md: "sm",
   lg: "md"
-}, Ye = ({
+}, ze = ({
   iconName: e,
   iconPosition: t = "left",
   label: s,
@@ -570,8 +569,8 @@ const qe = {
   showNotificationCounter: r,
   size: o = "md",
   ["data-testid"]: n = "kibble-tab",
-  ...u
-}) => /* @__PURE__ */ c.jsxs(Xe, { className: "Tab", "data-testid": n, ...u, children: [
+  ...d
+}) => /* @__PURE__ */ c.jsxs(Me, { className: "Tab", "data-testid": n, ...d, children: [
   !!e && t === "left" && /* @__PURE__ */ c.jsx(
     L,
     {
@@ -582,7 +581,7 @@ const qe = {
       variant: "default"
     }
   ),
-  /* @__PURE__ */ c.jsx(G, { as: "span", className: "Tab__Label", "data-testid": `${n}-label`, size: ze[o], children: s }),
+  /* @__PURE__ */ c.jsx(G, { as: "span", className: "Tab__Label", "data-testid": `${n}-label`, size: qe[o], children: s }),
   !!e && t === "right" && /* @__PURE__ */ c.jsx(L, { className: "Tab__Icon", "data-testid": `${n}-icon-right`, name: e, size: o }),
   r && /* @__PURE__ */ c.jsx(
     Y,
@@ -590,10 +589,10 @@ const qe = {
       className: "Tab__NotificationCounter",
       "data-testid": `${n}-notification-counter`,
       ...a,
-      size: qe[o]
+      size: Ke[o]
     }
   )
-] }), ct = ({
+] }), nt = ({
   align: e = "start",
   onChange: t,
   scrollable: s = !1,
@@ -601,45 +600,47 @@ const qe = {
   tabs: r,
   tabsContent: o,
   ["data-testid"]: n = "kibble-tabs",
-  ...u
-}) => {
-  console.log("frank -another one");
-  const g = /* @__PURE__ */ c.jsx(Ke, { className: "Tabs__List", "data-testid": `${n}-trigger-list`, children: r.map((d, f) => /* @__PURE__ */ c.jsx(
-    Ye,
-    {
-      ...d,
-      "data-testid": `${n}-trigger-${d.value}`,
-      size: a,
-      ...s && { style: { flexShrink: 0 } }
-    },
-    `tab-${f}`
-  )) });
-  return /* @__PURE__ */ c.jsxs(
-    Me,
-    {
-      className: "Tabs",
-      "data-testid": n,
-      justify: e || u.justify,
-      size: a,
-      onValueChange: ({ value: d }) => t?.(d),
-      ...u,
-      children: [
-        s ? /* @__PURE__ */ c.jsx(xe, { overflowX: "auto", scrollbarWidth: "none", children: g }) : g,
-        !!o && o.map((d, f) => /* @__PURE__ */ c.jsx(
-          He,
-          {
-            "data-testid": `${n}-content-${r[f].value}`,
-            ...d
+  ...d
+}) => /* @__PURE__ */ c.jsxs(
+  We,
+  {
+    className: "Tabs",
+    "data-testid": n,
+    justify: e || d.justify,
+    size: a,
+    onValueChange: ({ value: u }) => t?.(u),
+    ...d,
+    children: [
+      /* @__PURE__ */ c.jsx(
+        He,
+        {
+          className: "Tabs__List",
+          "data-testid": `${n}-trigger-list`,
+          ...s && {
+            css: {
+              overflowX: "auto !important",
+              flexWrap: "nowrap !important",
+              scrollbarWidth: "none",
+              "&::-webkit-scrollbar": { display: "none" }
+            }
           },
-          `${n}-tabContent-${f}`
-        ))
-      ]
-    }
-  );
-}, lt = ["xs", "sm", "md", "lg"], ut = ["left", "right"];
+          children: r.map((u, g) => /* @__PURE__ */ c.jsx(ze, { ...u, "data-testid": `${n}-trigger-${u.value}`, size: a }, `tab-${g}`))
+        }
+      ),
+      !!o && o.map((u, g) => /* @__PURE__ */ c.jsx(
+        Xe,
+        {
+          "data-testid": `${n}-content-${r[g].value}`,
+          ...u
+        },
+        `${n}-tabContent-${g}`
+      ))
+    ]
+  }
+), it = ["xs", "sm", "md", "lg"], ct = ["left", "right"];
 export {
-  ct as T,
-  ut as a,
-  lt as t
+  nt as T,
+  ct as a,
+  it as t
 };
-//# sourceMappingURL=tab.types-CCzf31Vv.js.map
+//# sourceMappingURL=tab.types-_hNel9QA.js.map