@humain/ui 2.2.3 → 2.2.5

package/dist/wc/Tabs.js

@@ -1,10 +1,10 @@
 import { a as _t } from "./rolldown-runtime.js";
-import { i as Dt, t as kt } from "./vendor/react.js";
+import { i as Dt, t as Ht } from "./vendor/react.js";
 import { n as P } from "./utils.js";
-import { s as Ht, t as Z, u as vt } from "./useRenderElement.js";
+import { s as At, t as Z, u as vt } from "./useRenderElement.js";
 import { r as X, t as F } from "./useStableCallback.js";
 import { E as lt } from "./composite.js";
-import { f as At, t as Bt } from "./floating-ui.utils.dom.js";
+import { f as kt, t as Bt } from "./floating-ui.utils.dom.js";
 import { n as Wt, t as Ot } from "./shadowDom.js";
 import { _ as dt, a as $t, t as et, u as ut, v as ct } from "./createBaseUIEventDetails.js";
 import { t as bt } from "./owner.js";
@@ -21,9 +21,9 @@ import { n as Qt, t as Zt } from "./CompositeRoot.js";
 import { t as ta } from "./use-controllable-state.js";
 import { t as aa } from "./useIsHydrating.js";
 import { t as ea } from "./CSPContext.js";
-import { t as ra } from "./Badge.js";
-var f = kt(), e = /* @__PURE__ */ _t(Dt(), 1);
-function ia() {
+import { t as ia } from "./Badge.js";
+var f = Ht(), e = /* @__PURE__ */ _t(Dt(), 1);
+function ra() {
   const [, t] = e.useState({});
   return e.useCallback(() => {
     t({});
@@ -31,10 +31,10 @@ function ia() {
 }
 function pt(t) {
   const a = Bt(t);
-  let i = parseFloat(a.width) || 0, d = parseFloat(a.height) || 0;
-  const r = At(t), u = r ? t.offsetWidth : i, o = r ? t.offsetHeight : d;
-  return (lt(i) !== u || lt(d) !== o) && (i = u, d = o), {
-    width: i,
+  let r = parseFloat(a.width) || 0, d = parseFloat(a.height) || 0;
+  const i = kt(t), u = i ? t.offsetWidth : r, o = i ? t.offsetHeight : d;
+  return (lt(r) !== u || lt(d) !== o) && (r = u, d = o), {
+    width: r,
     height: d
   };
 }
@@ -46,10 +46,10 @@ function tt() {
 }
 var oa = /* @__PURE__ */ (function(t) {
   return t.activationDirection = "data-activation-direction", t.orientation = "data-orientation", t;
-})({}), G = { tabActivationDirection: (t) => ({ [oa.activationDirection]: t }) }, Tt = /* @__PURE__ */ e.forwardRef(function(a, i) {
-  const { className: d, defaultValue: r = 0, onValueChange: u, orientation: o = "horizontal", render: p, value: N, style: j, ...y } = a, H = a.defaultValue !== void 0, _ = e.useRef([]), [g, L] = e.useState(() => /* @__PURE__ */ new Map()), [n, R] = Kt({
+})({}), G = { tabActivationDirection: (t) => ({ [oa.activationDirection]: t }) }, Tt = /* @__PURE__ */ e.forwardRef(function(a, r) {
+  const { className: d, defaultValue: i = 0, onValueChange: u, orientation: o = "horizontal", render: p, value: N, style: j, ...y } = a, A = a.defaultValue !== void 0, _ = e.useRef([]), [g, L] = e.useState(() => /* @__PURE__ */ new Map()), [n, R] = Kt({
     controlled: N,
-    default: r,
+    default: i,
     name: "Tabs",
     state: "value"
   }), S = N !== void 0, [s, v] = e.useState(() => /* @__PURE__ */ new Map()), M = e.useRef(void 0), h = e.useCallback((l) => {
@@ -77,7 +77,7 @@ var oa = /* @__PURE__ */ (function(t) {
     b.activationDirection = gt(n, l, o, s), u?.(l, b), !b.isCanceled && R(l);
   }), D = F((l, b) => {
     u?.(l, et(b, void 0, void 0, { activationDirection: "none" }));
-  }), A = F((l, b) => {
+  }), k = F((l, b) => {
     L((I) => {
       if (I.get(l) === b) return I;
       const W = new Map(I);
@@ -97,7 +97,7 @@ var oa = /* @__PURE__ */ (function(t) {
     getTabPanelIdByValue: B,
     onValueChange: q,
     orientation: o,
-    registerMountedTabPanel: A,
+    registerMountedTabPanel: k,
     setTabMap: v,
     unregisterMountedTabPanel: O,
     tabActivationDirection: z,
@@ -108,16 +108,16 @@ var oa = /* @__PURE__ */ (function(t) {
     B,
     q,
     o,
-    A,
+    k,
     v,
     O,
     z,
     n
-  ]), k = e.useMemo(() => {
+  ]), H = e.useMemo(() => {
     for (const l of s.values()) if (l != null && l.value === n) return l;
   }, [s, n]), J = e.useMemo(() => {
     for (const l of s.values()) if (l != null && !l.disabled) return l.value;
-  }, [s]), Q = e.useRef(!H), ot = e.useRef(r), nt = e.useRef(H), st = e.useRef(!1);
+  }, [s]), Q = e.useRef(!A), ot = e.useRef(i), nt = e.useRef(A), st = e.useRef(!1);
   X(() => {
     if (S) return;
     function l(V, Y) {
@@ -131,7 +131,7 @@ var oa = /* @__PURE__ */ (function(t) {
       return;
     }
     st.current = !0, M.current = s.keys().next().value;
-    const b = k?.disabled, I = k == null && n !== null;
+    const b = H?.disabled, I = H == null && n !== null;
     if (!b && n === ot.current && (nt.current = !1), nt.current && b && n === ot.current) return;
     const W = Q.current;
     if (b || I) {
@@ -144,12 +144,12 @@ var oa = /* @__PURE__ */ (function(t) {
       W ? Y = ut : b && (Y = $t), l(V, Y);
       return;
     }
-    W && k != null && (D(n, ut), Q.current = !1);
+    W && H != null && (D(n, ut), Q.current = !1);
   }, [
     J,
     S,
     D,
-    k,
+    H,
     R,
     s,
     n
@@ -159,7 +159,7 @@ var oa = /* @__PURE__ */ (function(t) {
       orientation: o,
       tabActivationDirection: z
     },
-    ref: i,
+    ref: r,
     props: y,
     stateAttributesMapping: G
   });
@@ -171,18 +171,18 @@ var oa = /* @__PURE__ */ (function(t) {
     })
   });
 });
-function gt(t, a, i, d) {
+function gt(t, a, r, d) {
   if (t == null || a == null) return "none";
-  let r = null, u = null;
+  let i = null, u = null;
   for (const [N, j] of d.entries()) {
     if (j == null) continue;
     const y = j.value ?? j.index;
-    if (t === y && (r = N), a === y && (u = N), r != null && u != null) break;
+    if (t === y && (i = N), a === y && (u = N), i != null && u != null) break;
   }
-  if (r == null || u == null)
-    return r !== u && (typeof t == "number" || typeof t == "string") && typeof t == typeof a ? i === "horizontal" ? a > t ? "right" : "left" : a > t ? "down" : "up" : "none";
-  const o = r.getBoundingClientRect(), p = u.getBoundingClientRect();
-  if (i === "horizontal") {
+  if (i == null || u == null)
+    return i !== u && (typeof t == "number" || typeof t == "string") && typeof t == typeof a ? r === "horizontal" ? a > t ? "right" : "left" : a > t ? "down" : "up" : "none";
+  const o = i.getBoundingClientRect(), p = u.getBoundingClientRect();
+  if (r === "horizontal") {
     if (p.left < o.left) return "left";
     if (p.left > o.left) return "right";
   } else {
@@ -197,16 +197,16 @@ function Rt() {
   if (t === void 0) throw new Error(vt(65));
   return t;
 }
-var wt = /* @__PURE__ */ e.forwardRef(function(a, i) {
-  const { className: d, disabled: r = !1, render: u, value: o, id: p, nativeButton: N = !0, style: j, ...y } = a, { value: H, getTabPanelIdByValue: _, orientation: g, tabActivationDirection: L } = tt(), { activateOnFocus: n, highlightedTabIndex: R, onTabActivation: S, registerTabResizeObserverElement: s, setHighlightedTabIndex: v, tabsListElement: M } = Rt(), h = mt(p), { compositeProps: w, compositeRef: E, index: x } = Gt({ metadata: e.useMemo(() => ({
-    disabled: r,
+var wt = /* @__PURE__ */ e.forwardRef(function(a, r) {
+  const { className: d, disabled: i = !1, render: u, value: o, id: p, nativeButton: N = !0, style: j, ...y } = a, { value: A, getTabPanelIdByValue: _, orientation: g, tabActivationDirection: L } = tt(), { activateOnFocus: n, highlightedTabIndex: R, onTabActivation: S, registerTabResizeObserverElement: s, setHighlightedTabIndex: v, tabsListElement: M } = Rt(), h = mt(p), { compositeProps: w, compositeRef: E, index: x } = Gt({ metadata: e.useMemo(() => ({
+    disabled: i,
     id: h,
     value: o
   }), [
-    r,
+    i,
     h,
     o
-  ]) }), T = o === H, z = e.useRef(!1), c = e.useRef(null);
+  ]) }), T = o === A, z = e.useRef(!1), c = e.useRef(null);
   X(() => {
     const m = c.current;
     if (m)
@@ -219,46 +219,46 @@ var wt = /* @__PURE__ */ e.forwardRef(function(a, i) {
     if (!(T && x > -1 && R !== x)) return;
     const m = M;
     if (m != null) {
-      const k = Ot(bt(m));
-      if (k && Wt(m, k)) return;
+      const H = Ot(bt(m));
+      if (H && Wt(m, H)) return;
     }
-    r || v(x);
+    i || v(x);
   }, [
     T,
     x,
     R,
     v,
-    r,
+    i,
     M
   ]);
   const { getButtonProps: C, buttonRef: U } = Xt({
-    disabled: r,
+    disabled: i,
     native: N,
     focusableWhenDisabled: !0
-  }), q = _(o), D = e.useRef(!1), A = e.useRef(!1);
+  }), q = _(o), D = e.useRef(!1), k = e.useRef(!1);
   function O(m) {
-    T || r || S(o, et(ct, m.nativeEvent, void 0, { activationDirection: "none" }));
+    T || i || S(o, et(ct, m.nativeEvent, void 0, { activationDirection: "none" }));
   }
   function B(m) {
-    T || (x > -1 && !r && v(x), !r && n && (!D.current || D.current && A.current) && S(o, et(ct, m.nativeEvent, void 0, { activationDirection: "none" })));
+    T || (x > -1 && !i && v(x), !i && n && (!D.current || D.current && k.current) && S(o, et(ct, m.nativeEvent, void 0, { activationDirection: "none" })));
   }
   function $(m) {
-    if (T || r) return;
+    if (T || i) return;
     D.current = !0;
-    function k() {
-      D.current = !1, A.current = !1;
+    function H() {
+      D.current = !1, k.current = !1;
     }
-    (!m.button || m.button === 0) && (A.current = !0, bt(m.currentTarget).addEventListener("pointerup", k, { once: !0 }));
+    (!m.button || m.button === 0) && (k.current = !0, bt(m.currentTarget).addEventListener("pointerup", H, { once: !0 }));
   }
   return Z("button", a, {
     state: {
-      disabled: r,
+      disabled: i,
       active: T,
       orientation: g,
       tabActivationDirection: L
     },
     ref: [
-      i,
+      r,
       U,
       E,
       c
@@ -290,18 +290,18 @@ var K = /* @__PURE__ */ (function(t) {
   ...G,
   activeTabPosition: () => null,
   activeTabSize: () => null
-}, zt = /* @__PURE__ */ e.forwardRef(function(a, i) {
-  const { className: d, render: r, renderBeforeHydration: u = !1, style: o, ...p } = a, { nonce: N } = ea(), { getTabElementBySelectedValue: j, orientation: y, tabActivationDirection: H, value: _ } = tt(), { tabsListElement: g, registerIndicatorUpdateListener: L } = Rt(), n = aa(), R = ia();
+}, zt = /* @__PURE__ */ e.forwardRef(function(a, r) {
+  const { className: d, render: i, renderBeforeHydration: u = !1, style: o, ...p } = a, { nonce: N } = ea(), { getTabElementBySelectedValue: j, orientation: y, tabActivationDirection: A, value: _ } = tt(), { tabsListElement: g, registerIndicatorUpdateListener: L } = Rt(), n = aa(), R = ra();
   e.useEffect(() => L(R), [L, R]);
   let S = 0, s = 0, v = 0, M = 0, h = 0, w = 0, E = !1;
   if (_ != null && g != null) {
     const C = j(_);
     if (C != null) {
       E = !0;
-      const { width: U, height: q } = pt(C), { width: D, height: A } = pt(g), O = C.getBoundingClientRect(), B = g.getBoundingClientRect(), $ = D > 0 ? B.width / D : 1, m = A > 0 ? B.height / A : 1;
+      const { width: U, height: q } = pt(C), { width: D, height: k } = pt(g), O = C.getBoundingClientRect(), B = g.getBoundingClientRect(), $ = D > 0 ? B.width / D : 1, m = k > 0 ? B.height / k : 1;
       if (Math.abs($) > Number.EPSILON && Math.abs(m) > Number.EPSILON) {
-        const k = O.left - B.left, J = O.top - B.top;
-        S = k / $ + g.scrollLeft - g.clientLeft, v = J / m + g.scrollTop - g.clientTop;
+        const H = O.left - B.left, J = O.top - B.top;
+        S = H / $ + g.scrollLeft - g.clientLeft, v = J / m + g.scrollTop - g.clientTop;
       } else
         S = C.offsetLeft, v = C.offsetTop;
       h = U, w = q, s = g.scrollWidth - S - h, M = g.scrollHeight - v - w;
@@ -327,9 +327,9 @@ var K = /* @__PURE__ */ (function(t) {
       orientation: y,
       activeTabPosition: x,
       activeTabSize: T,
-      tabActivationDirection: H
+      tabActivationDirection: A
     },
-    ref: i,
+    ref: r,
     props: [
       {
         role: "presentation",
@@ -351,19 +351,19 @@ var K = /* @__PURE__ */ (function(t) {
 })({}), la = {
   ...G,
   ...Ft
-}, Ct = /* @__PURE__ */ e.forwardRef(function(a, i) {
-  const { className: d, value: r, render: u, keepMounted: o = !1, style: p, ...N } = a, { value: j, getTabIdByPanelValue: y, orientation: H, tabActivationDirection: _, registerMountedTabPanel: g, unregisterMountedTabPanel: L } = tt(), n = mt(), { ref: R, index: S } = Yt({ metadata: e.useMemo(() => ({
+}, Ct = /* @__PURE__ */ e.forwardRef(function(a, r) {
+  const { className: d, value: i, render: u, keepMounted: o = !1, style: p, ...N } = a, { value: j, getTabIdByPanelValue: y, orientation: A, tabActivationDirection: _, registerMountedTabPanel: g, unregisterMountedTabPanel: L } = tt(), n = mt(), { ref: R, index: S } = Yt({ metadata: e.useMemo(() => ({
     id: n,
-    value: r
-  }), [n, r]) }), s = r === j, { mounted: v, transitionStatus: M, setMounted: h } = Vt(s), w = !v, E = y(r), x = {
+    value: i
+  }), [n, i]) }), s = i === j, { mounted: v, transitionStatus: M, setMounted: h } = Vt(s), w = !v, E = y(i), x = {
     hidden: w,
-    orientation: H,
+    orientation: A,
     tabActivationDirection: _,
     transitionStatus: M
   }, T = e.useRef(null), z = Z("div", a, {
     state: x,
     ref: [
-      i,
+      r,
       R,
       T
     ],
@@ -386,19 +386,19 @@ var K = /* @__PURE__ */ (function(t) {
     }
   }), X(() => {
     if (!(w && !o) && n != null)
-      return g(r, n), () => {
-        L(r, n);
+      return g(i, n), () => {
+        L(i, n);
       };
   }, [
     w,
     o,
-    r,
+    i,
     n,
     g,
     L
   ]), o || v ? z : null;
-}), Nt = /* @__PURE__ */ e.forwardRef(function(a, i) {
-  const { activateOnFocus: d = !1, className: r, loopFocus: u = !0, render: o, style: p, ...N } = a, { onValueChange: j, orientation: y, value: H, setTabMap: _, tabActivationDirection: g } = tt(), [L, n] = e.useState(0), [R, S] = e.useState(null), s = e.useRef(/* @__PURE__ */ new Set()), v = e.useRef(/* @__PURE__ */ new Set()), M = e.useRef(null);
+}), Nt = /* @__PURE__ */ e.forwardRef(function(a, r) {
+  const { activateOnFocus: d = !1, className: i, loopFocus: u = !0, render: o, style: p, ...N } = a, { onValueChange: j, orientation: y, value: A, setTabMap: _, tabActivationDirection: g } = tt(), [L, n] = e.useState(0), [R, S] = e.useState(null), s = e.useRef(/* @__PURE__ */ new Set()), v = e.useRef(/* @__PURE__ */ new Set()), M = e.useRef(null);
   X(() => {
     if (typeof ResizeObserver > "u") return;
     const c = new ResizeObserver(() => {
@@ -417,7 +417,7 @@ var K = /* @__PURE__ */ (function(t) {
   })), w = F((c) => (v.current.add(c), M.current?.observe(c), () => {
     v.current.delete(c), M.current?.unobserve(c);
   })), E = F((c, C) => {
-    c !== H && j(c, C);
+    c !== A && j(c, C);
   }), x = {
     orientation: y,
     tabActivationDirection: g
@@ -445,10 +445,10 @@ var K = /* @__PURE__ */ (function(t) {
     value: z,
     children: /* @__PURE__ */ (0, f.jsx)(Zt, {
       render: o,
-      className: r,
+      className: i,
       style: p,
       state: x,
-      refs: [i, S],
+      refs: [r, S],
       props: [T, N],
       stateAttributesMapping: G,
       highlightedIndex: L,
@@ -457,7 +457,7 @@ var K = /* @__PURE__ */ (function(t) {
       orientation: y,
       onHighlightedIndexChange: n,
       onMapChange: _,
-      disabledIndices: Ht
+      disabledIndices: At
     })
   });
 }), Mt = ht("group/tabs-list inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
@@ -589,11 +589,11 @@ var K = /* @__PURE__ */ (function(t) {
   "group-data-[size=lg]/tabs-list:[&_svg:not([class*='size-'])]:size-5",
   "group-data-[variant=boxed]/tabs-list:rounded-[10px] group-data-[variant=boxed]/tabs-list:flex-1 group-data-[variant=boxed]/tabs-list:h-[calc(100%-1px)]",
   "group-data-[variant=boxed]/tabs-list:data-active:bg-secondary group-data-[variant=boxed]/tabs-list:data-active:shadow-sm group-data-[variant=boxed]/tabs-list:data-active:text-foreground",
-  "group-data-[variant=boxed]/tabs-list:hover:bg-primary-foreground dark:group-data-[variant=boxed]/tabs-list:hover:bg-input/30",
+  "group-data-[variant=boxed]/tabs-list:hover:bg-accent",
   "group-data-[orientation=vertical]/tabs:group-data-[variant=boxed]/tabs-list:flex-initial group-data-[orientation=vertical]/tabs:group-data-[variant=boxed]/tabs-list:justify-center",
   "group-data-[variant=pill]/tabs-list:rounded-full group-data-[variant=pill]/tabs-list:flex-1 group-data-[variant=pill]/tabs-list:h-[calc(100%-1px)]",
   "group-data-[variant=pill]/tabs-list:data-active:bg-background group-data-[variant=pill]/tabs-list:data-active:shadow-sm group-data-[variant=pill]/tabs-list:data-active:text-foreground",
-  "group-data-[variant=pill]/tabs-list:hover:bg-primary-foreground dark:group-data-[variant=pill]/tabs-list:hover:bg-input/30",
+  "group-data-[variant=pill]/tabs-list:hover:bg-accent",
   "dark:group-data-[variant=pill]/tabs-list:data-active:bg-accent dark:group-data-[variant=pill]/tabs-list:data-active:text-accent-foreground dark:group-data-[variant=pill]/tabs-list:data-active:border-input",
   "group-data-[orientation=vertical]/tabs:group-data-[variant=pill]/tabs-list:flex-initial group-data-[orientation=vertical]/tabs:group-data-[variant=pill]/tabs-list:justify-center",
   "group-data-[variant=bordered]/tabs-list:bg-transparent group-data-[variant=bordered]/tabs-list:rounded-none",
@@ -624,39 +624,39 @@ var K = /* @__PURE__ */ (function(t) {
   "group-data-[variant=boxed]/tabs-list:group-data-[gradient]/tabs-list:data-active:bg-[linear-gradient(100deg,var(--air-100)/0.1,var(--primary)/0.1)] group-data-[variant=boxed]/tabs-list:group-data-[gradient]/tabs-list:data-active:text-primary",
   "group-data-[variant=pill]/tabs-list:group-data-[gradient]/tabs-list:data-active:bg-[linear-gradient(98deg,var(--air-100),var(--primary))] group-data-[variant=pill]/tabs-list:group-data-[gradient]/tabs-list:data-active:text-primary-foreground",
   "group-has-[[data-slot=tabs-indicator]]/tabs-list:after:hidden"
-]), da = e.forwardRef(({ className: t, orientation: a = "horizontal", ...i }, d) => /* @__PURE__ */ (0, f.jsx)(Tt, {
+]), da = e.forwardRef(({ className: t, orientation: a = "horizontal", ...r }, d) => /* @__PURE__ */ (0, f.jsx)(Tt, {
   ref: d,
   "data-slot": "tabs",
   "data-orientation": a,
   className: P("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", t),
-  ...i
-})), ua = e.forwardRef(({ className: t, variant: a = "boxed", size: i = "md", align: d = "start", borderPosition: r = "bottom", gradient: u, ...o }, p) => /* @__PURE__ */ (0, f.jsx)(Nt, {
+  ...r
+})), ua = e.forwardRef(({ className: t, variant: a = "boxed", size: r = "md", align: d = "start", borderPosition: i = "bottom", gradient: u, ...o }, p) => /* @__PURE__ */ (0, f.jsx)(Nt, {
   ref: p,
   "data-slot": "tabs-list",
   "data-variant": a,
   "data-align": d,
-  "data-size": i,
-  "data-border-position": r,
+  "data-size": r,
+  "data-border-position": i,
   ...u ? { "data-gradient": "" } : {},
   className: P(Mt({
     variant: a,
-    size: i,
+    size: r,
     align: d,
-    borderPosition: r
+    borderPosition: i
   }), t),
   ...o
-})), ca = e.forwardRef(({ className: t, ...a }, i) => /* @__PURE__ */ (0, f.jsx)(wt, {
-  ref: i,
+})), ca = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ (0, f.jsx)(wt, {
+  ref: r,
   "data-slot": "tabs-trigger",
   className: P(St(), t),
   ...a
-})), ba = e.forwardRef(({ className: t, ...a }, i) => /* @__PURE__ */ (0, f.jsx)(Ct, {
-  ref: i,
+})), ba = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ (0, f.jsx)(Ct, {
+  ref: r,
   "data-slot": "tabs-content",
   className: P("flex-1 focus-visible:outline-none delight-fade-in", t),
   ...a
-})), fa = e.forwardRef(({ className: t, ...a }, i) => /* @__PURE__ */ (0, f.jsx)(zt, {
-  ref: i,
+})), fa = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ (0, f.jsx)(zt, {
+  ref: r,
   "data-slot": "tabs-indicator",
   className: P("absolute bottom-0 left-0 h-0.5 z-10 bg-primary/90", "w-[var(--active-tab-width)]", "transition-[transform,width] duration-300 ease-smooth motion-reduce:transition-none", t),
   style: { transform: "translateX(var(--active-tab-left, 0px))" },
@@ -667,11 +667,11 @@ ua.displayName = "TabsList";
 ca.displayName = "TabsTrigger";
 ba.displayName = "TabsContent";
 fa.displayName = "TabsIndicator";
-function rt({ value: t, defaultValue: a, onValueChange: i, orientation: d = "horizontal", children: r, className: u, ...o }) {
+function it({ value: t, defaultValue: a, onValueChange: r, orientation: d = "horizontal", children: i, className: u, ...o }) {
   const [p, N] = ta({
     value: t,
     defaultValue: a ?? "",
-    onChange: i
+    onChange: r
   }), j = e.useCallback((y) => {
     y !== null && N(y);
   }, [N]);
@@ -682,42 +682,42 @@ function rt({ value: t, defaultValue: a, onValueChange: i, orientation: d = "hor
     onValueChange: j,
     className: P("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", u),
     ...o,
-    children: r
+    children: i
   });
 }
-function Et({ className: t, variant: a = "boxed", size: i = "md", align: d = "start", borderPosition: r = "bottom", gradient: u, ...o }) {
+function Et({ className: t, variant: a = "boxed", size: r = "md", align: d = "start", borderPosition: i = "bottom", gradient: u, ...o }) {
   return /* @__PURE__ */ (0, f.jsx)(Nt, {
     "data-slot": "tabs-list",
     "data-variant": a,
-    "data-size": i,
+    "data-size": r,
     "data-align": d,
-    "data-border-position": r,
+    "data-border-position": i,
     ...u ? { "data-gradient": "" } : {},
     className: P(Mt({
       variant: a,
-      size: i,
+      size: r,
       align: d,
-      borderPosition: r
+      borderPosition: i
     }), t),
     ...o
   });
 }
-function it({ className: t, icon: a, iconPosition: i = "start", dot: d, badge: r, children: u, ...o }) {
+function rt({ className: t, icon: a, iconPosition: r = "start", dot: d, badge: i, children: u, ...o }) {
   const p = a && !u;
   return /* @__PURE__ */ (0, f.jsxs)(wt, {
     "data-slot": "tabs-trigger",
-    "data-icon-position": i,
+    "data-icon-position": r,
     "data-icon-only": p || void 0,
-    className: P(St(), i === "top" && "flex-col gap-1 pb-6", p && "px-2", t),
+    className: P(St(), r === "top" && "flex-col gap-1 pb-6", p && "px-2", t),
     ...o,
     children: [
       a && /* @__PURE__ */ (0, f.jsx)("span", {
         "data-slot": "tabs-trigger-icon",
-        className: P("shrink-0 [&_svg:not([class*='size-'])]:size-4", i === "top" && "[&_svg:not([class*='size-'])]:size-[18px]"),
+        className: P("shrink-0 [&_svg:not([class*='size-'])]:size-4", r === "top" && "[&_svg:not([class*='size-'])]:size-[18px]"),
         children: a
       }),
       u,
-      r,
+      i,
       d && /* @__PURE__ */ (0, f.jsx)("span", {
         "data-slot": "tabs-trigger-dot",
         className: "absolute -top-0.5 -right-0.5 size-2 rounded-full bg-primary delight-status-pulse"
@@ -740,39 +740,39 @@ function It({ className: t, ...a }) {
     ...a
   });
 }
-function jt({ children: t, count: a, isActive: i, className: d, ...r }) {
-  return /* @__PURE__ */ (0, f.jsxs)(it, {
+function jt({ children: t, count: a, isActive: r, className: d, ...i }) {
+  return /* @__PURE__ */ (0, f.jsxs)(rt, {
     className: P("gap-2", d),
-    ...r,
-    children: [t, a !== void 0 && /* @__PURE__ */ (0, f.jsx)(ra, {
+    ...i,
+    children: [t, a !== void 0 && /* @__PURE__ */ (0, f.jsx)(ia, {
       variant: "soft",
-      color: i ? "primary" : "secondary",
+      color: r ? "primary" : "secondary",
       size: "xs",
       className: "min-w-[18px]",
       children: a
     })]
   });
 }
-rt.displayName = "Tabs";
+it.displayName = "Tabs";
 Et.displayName = "TabsList";
-it.displayName = "TabsTrigger";
+rt.displayName = "TabsTrigger";
 Lt.displayName = "TabsContent";
 It.displayName = "TabsIndicator";
 jt.displayName = "TabsTriggerWithCount";
-var Aa = Object.assign(rt, {
-  Root: rt,
+var ka = Object.assign(it, {
+  Root: it,
   List: Et,
-  Trigger: it,
+  Trigger: rt,
   Content: Lt,
   Indicator: It,
   TriggerWithCount: jt
 });
 export {
-  it as a,
+  rt as a,
   Et as i,
   Lt as n,
   It as r,
-  Aa as t
+  ka as t
 };
 
 //# sourceMappingURL=Tabs.js.map