@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.104

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js

@@ -1,54 +1,58 @@
-import { t as l } from "../../../../utils-Cx-WzRZF.js";
-import { a as T, i as j, n as P, o as V, r as A, t as D } from "../../../../dist-CVDFmWf2.js";
-import { useSidebarContext as E } from "../../contexts/SidebarContext.js";
-import { NavigationOptionContext as H } from "./NavigationOption.context.js";
-import { navigationOptionVariants as R } from "./NavigationOption.variants.js";
-import { Children as z, isValidElement as B, useCallback as K, useMemo as M, useState as q } from "react";
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-var F = (e) => {
-  const o = z.toArray(e);
-  return o.length === 1 && B(o[0]) ? o[0] : /* @__PURE__ */ t("span", {
+import { t as u } from "../../../../utils-Cx-WzRZF.js";
+import { a as j, i as P, n as V, o as A, r as D, t as E } from "../../../../dist-tGUUcv8n.js";
+import { useSidebarContext as H } from "../../contexts/SidebarContext.js";
+import { NavigationOptionContext as R } from "./NavigationOption.context.js";
+import { navigationOptionVariants as z } from "./NavigationOption.variants.js";
+import { Children as B, isValidElement as K, useCallback as M, useMemo as q, useState as F } from "react";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+var G = (e) => {
+  const o = B.toArray(e);
+  return o.length === 1 && K(o[0]) ? o[0] : /* @__PURE__ */ t("span", {
     className: "flex w-full items-center justify-center gap-2",
     children: e
   });
-}, G = ({ children: e, className: o, closeDrawerOnClick: d = !0, isVisible: p = !0, isActive: n, tooltip: u, tooltipBgClassName: m = "bg-kubefirst-dark-blue-900", tooltipArrowClassName: f = "fill-kubefirst-dark-blue-900", tooltipTextClassName: C = "text-white", tooltipClassName: g, ...r }) => {
-  const { isCollapsed: h, expandOnHover: v, closeDrawer: x } = E(), i = h && v, [b, k] = q(null), a = K((S) => {
-    k(S);
-  }, []), w = M(() => ({
-    hasOwnTooltip: i,
-    registerTooltipContent: a
-  }), [i, a]);
-  if (!p) return null;
-  const N = "onClick" in r ? r.onClick : void 0, O = () => {
-    d && x(), N?.();
-  }, s = u ?? b, y = i && s ? /* @__PURE__ */ t(j, {
+}, I = ({ children: e, className: o, closeDrawerOnClick: m = !0, isVisible: f = !0, isActive: r, role: a, tooltip: C, tooltipBgClassName: g = "bg-kubefirst-dark-blue-900", tooltipArrowClassName: h = "fill-kubefirst-dark-blue-900", tooltipTextClassName: b = "text-white", tooltipClassName: v, ...i }) => {
+  const { isCollapsed: x, expandOnHover: k, closeDrawer: w } = H(), n = x && k, [N, y] = F(null), s = M((T) => {
+    y(T);
+  }, []), O = q(() => ({
+    hasOwnTooltip: n,
+    registerTooltipContent: s
+  }), [n, s]);
+  if (!f) return null;
+  const S = "onClick" in i ? i.onClick : void 0, l = () => {
+    m && w(), S?.();
+  }, c = C ?? N, d = n && c ? /* @__PURE__ */ t(P, {
     delayDuration: 0,
-    children: /* @__PURE__ */ c(T, { children: [/* @__PURE__ */ t(V, {
+    children: /* @__PURE__ */ p(j, { children: [/* @__PURE__ */ t(A, {
       asChild: !0,
-      children: F(e)
-    }), /* @__PURE__ */ t(A, { children: /* @__PURE__ */ c(P, {
+      children: G(e)
+    }), /* @__PURE__ */ t(D, { children: /* @__PURE__ */ p(V, {
       side: "right",
       sideOffset: 12,
-      className: l("z-[60] flex w-fit items-center gap-2 rounded px-3 py-2 text-sm shadow-lg whitespace-nowrap", "animate-in fade-in-0", m, C, g),
-      children: [s, /* @__PURE__ */ t(D, { className: f })]
+      className: u("z-60 flex w-fit items-center gap-2 rounded px-3 py-2 text-sm shadow-lg whitespace-nowrap", "animate-in fade-in-0", g, b, v),
+      children: [c, /* @__PURE__ */ t(E, { className: h })]
     }) })] })
   }) : e;
-  return /* @__PURE__ */ t(H.Provider, {
-    value: w,
+  return /* @__PURE__ */ t(R.Provider, {
+    value: O,
     children: /* @__PURE__ */ t("li", {
-      ...r,
-      role: "option",
-      "data-active": n ? "true" : void 0,
-      onClick: O,
-      className: l(R({
+      ...i,
+      "data-active": r ? "true" : void 0,
+      onClick: a === "button" ? void 0 : l,
+      className: u(z({
         className: o,
-        isActive: n
+        isActive: r
       })),
-      children: y
+      children: a === "button" ? /* @__PURE__ */ t("button", {
+        type: "button",
+        onClick: l,
+        className: "flex w-full cursor-pointer items-center gap-2",
+        children: d
+      }) : d
     })
   });
 };
-G.displayName = "KonstructSidebarNavigationOption";
+I.displayName = "KonstructSidebarNavigationOption";
 export {
-  G as NavigationOption
+  I as NavigationOption
 };

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.js

@@ -12,16 +12,15 @@ var t = e([
   "cursor-pointer",
   "flex",
   "font-normal",
-  "font-normal",
   "gap-4",
   "rounded",
+  "shrink-0",
   "group-data-[mode=collapsed]/sidebar:justify-center",
   "group-data-[mode=collapsed]/sidebar:[&>a]:justify-center",
-  "text-black",
   "w-full",
-  "text-[#9ea2c6]",
+  "text-kubefirst-dark-blue-300",
   "hover:text-white",
-  "hover:bg-[#252a41]",
+  "hover:bg-kubefirst-dark-blue-800",
   "selection:bg-powder-500",
   "selection:text-white"
 ], {
@@ -31,7 +30,7 @@ var t = e([
   } },
   compoundVariants: [{
     isActive: !0,
-    class: ["text-white", "bg-[#252a41]"]
+    class: ["data-[active=true]:text-white", "data-[active=true]:bg-kubefirst-dark-blue-800"]
   }]
 });
 export {

package/dist/components/Sidebar/components/Wrapper/Wrapper.js

@@ -1,114 +1,121 @@
-import { t as B } from "../../../../HamburgerTrigger-1vOTrm8-.js";
-import { t as i } from "../../../../utils-Cx-WzRZF.js";
-import { Drawer as G } from "../../../Drawer/Drawer.js";
-import { SidebarContext as z } from "../../contexts/SidebarContext.js";
-import { useSidebarMode as J } from "../../hooks/useSidebarMode.js";
-import { dragVariants as K, wrapperSiderbarVariants as H } from "../../Sidebar.variants.js";
-import { useCallback as l, useEffect as f, useRef as m, useState as V } from "react";
-import { Fragment as Q, jsx as o, jsxs as k } from "react/jsx-runtime";
-var Y = 280, Z = ({ animateOnHover: A = !0, canResize: F = !0, children: b, dividerClassName: I, drawerBreakpoint: N, drawerClassNames: u, drawerMaxWidth: x = Y, expandedBreakpoint: P, expandOnHover: T = !0, initialMode: _, initialWidth: D = 256, maxWith: s = 300, minWith: a = 240, mode: $ = "auto", separatorClassName: g, style: L, theme: M, triggerClassName: j, wrapperClassName: E }) => {
-  const r = J($, P, N, _), [R, v] = V(!1), [O, C] = V(null), n = m(null), e = m(null), w = m(!1), S = m(!1);
+import { t as Q } from "../../../../HamburgerTrigger-DRylBL2d.js";
+import { t as l } from "../../../../utils-Cx-WzRZF.js";
+import { Drawer as Y } from "../../../Drawer/Drawer.js";
+import { SidebarContext as k } from "../../contexts/SidebarContext.js";
+import { useSidebarMode as Z } from "../../hooks/useSidebarMode.js";
+import { dragVariants as ee, wrapperSiderbarVariants as A } from "../../Sidebar.variants.js";
+import { useCallback as p, useEffect as f, useRef as m, useState as M } from "react";
+import { Fragment as re, jsx as o, jsxs as F } from "react/jsx-runtime";
+var te = 280, ne = ({ animateOnHover: I = !0, canResize: N = !0, children: y, dividerClassName: P, drawerBreakpoint: _, drawerClassNames: i, drawerMaxWidth: b = te, expandedBreakpoint: $, expandOnHover: j = !0, initialMode: C, initialWidth: x = 256, maxWith: s = 300, minWith: a = 240, mode: U = "auto", separatorClassName: D, style: L, theme: E, triggerClassName: X, wrapperClassName: O }) => {
+  const t = Z(U, $, _, C), [R, v] = M(!1), [S, W] = M(null), [z, T] = M(null), u = t === "drawer" ? "drawer" : z ?? t, n = m(null), r = m(null), w = m(!1), H = m(!1);
   f(() => {
-    if (r !== "drawer") return;
-    const t = () => {
-      C(window.innerWidth);
+    if (t !== "drawer") return;
+    const e = () => {
+      W(window.innerWidth);
     };
-    return t(), window.addEventListener("resize", t), () => {
-      window.removeEventListener("resize", t);
+    return e(), window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
     };
-  }, [r]);
-  const p = l((t) => {
+  }, [t]);
+  const g = p((e) => {
     if (!w.current) {
       n.current && (n.current.style.opacity = "0");
       return;
     }
-    let c = t.clientX;
-    c < a && (c = a), c > s && (c = s), e.current && n.current && (e.current.style.width = `${c}px`, n.current.classList.add("opacity-100"));
-  }, [s, a]), h = l(() => {
-    w.current = !1, n.current && n.current.classList.remove("opacity-100"), e.current && e.current.classList.remove("transition-none"), document.body.style.userSelect = "", document.body.style.cursor = "", document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", h);
-  }, [p]), U = l((t) => {
-    t.preventDefault(), t.stopPropagation(), w.current = !0, e.current && e.current.classList.add("transition-none"), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize", document.addEventListener("mousemove", p), document.addEventListener("mouseup", h);
-  }, [p, h]);
+    let c = e.clientX;
+    c < a && (c = a), c > s && (c = s), r.current && n.current && (r.current.style.width = `${c}px`, n.current.classList.add("opacity-100"));
+  }, [s, a]), V = p(() => {
+    w.current = !1, n.current && n.current.classList.remove("opacity-100"), r.current && r.current.classList.remove("transition-none"), document.body.style.userSelect = "", document.body.style.cursor = "", document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", V);
+  }, [g]), q = (e) => {
+    e.preventDefault(), e.stopPropagation(), w.current = !0, r.current && r.current.classList.add("transition-none"), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize", document.addEventListener("mousemove", g), document.addEventListener("mouseup", V);
+  };
   f(() => {
-    r !== "expanded" && e.current && (e.current.style.width = "");
-  }, [r]), f(() => {
-    r !== "drawer" && v(!1);
-  }, [r]), f(() => {
-    if (S.current || r !== "expanded" || !e.current) return;
-    const t = Math.min(Math.max(D, a), s);
-    e.current.style.width = `${t}px`, S.current = !0;
+    u !== "expanded" && r.current && (r.current.style.width = "");
+  }, [u]), f(() => {
+    t !== "drawer" && v(!1), T(null);
+  }, [t]), f(() => {
+    if (H.current || u !== "expanded" || !r.current) return;
+    const e = Math.min(Math.max(x, a), s);
+    r.current.style.width = `${e}px`, H.current = !0;
   }, [
-    D,
+    x,
     s,
     a,
-    r
+    u
   ]);
-  const X = l(() => {
+  const B = () => {
     v(!0);
-  }, []), y = l(() => {
+  }, h = p(() => {
     v(!1);
-  }, []);
-  if (r === "drawer") return /* @__PURE__ */ k(Q, { children: [/* @__PURE__ */ o(B, {
+  }, []), G = p(() => {
+    T((e) => (e ?? t) === "collapsed" ? "expanded" : "collapsed");
+  }, [t]);
+  if (t === "drawer") return /* @__PURE__ */ F(re, { children: [/* @__PURE__ */ o(Q, {
     isOpen: R,
-    onClick: X,
-    className: j
-  }), /* @__PURE__ */ o(G, {
+    onClick: B,
+    className: X
+  }), /* @__PURE__ */ o(Y, {
     isOpen: R,
-    onClose: y,
+    onClose: h,
     position: "left",
-    defaultWidth: O !== null ? Math.min(O, x) : x,
-    theme: M,
+    defaultWidth: S !== null ? Math.min(S, b) : b,
+    theme: E,
     classNames: {
-      ...u,
-      root: i("z-[60]", u?.root),
-      panel: i(H({ mode: "expanded" }), "h-full border-r-0", E, u?.panel),
-      content: i("gap-0", u?.content)
+      ...i,
+      root: l("z-60", i?.root),
+      panel: l(A({ mode: "expanded" }), "h-full border-r-0", O, i?.panel),
+      content: l("gap-0", i?.content)
     },
-    children: /* @__PURE__ */ o(z.Provider, {
+    children: /* @__PURE__ */ o(k.Provider, {
       value: {
         mode: "expanded",
         isCollapsed: !1,
         expandOnHover: !1,
         animateOnHover: !1,
-        separatorClassName: g,
-        closeDrawer: y
+        separatorClassName: D,
+        closeDrawer: h,
+        canToggle: !1,
+        toggleMode: () => {
+        }
       },
       children: /* @__PURE__ */ o("div", {
         className: "konstruct-sidebar group/sidebar flex flex-col flex-1 min-h-0",
         "data-mode": "expanded",
         style: L,
-        children: b
+        children: y
       })
     })
   })] });
-  const d = r, W = F && d === "expanded", q = {
+  const d = z ?? t, J = N && d === "expanded", K = {
     mode: d,
     isCollapsed: d === "collapsed",
-    expandOnHover: T,
-    animateOnHover: A,
-    separatorClassName: g,
-    closeDrawer: y
+    expandOnHover: j,
+    animateOnHover: I,
+    separatorClassName: D,
+    closeDrawer: h,
+    canToggle: !0,
+    toggleMode: G
   };
-  return /* @__PURE__ */ o(z.Provider, {
-    value: q,
-    children: /* @__PURE__ */ k("aside", {
-      ref: e,
-      className: i("konstruct-sidebar", H({
+  return /* @__PURE__ */ o(k.Provider, {
+    value: K,
+    children: /* @__PURE__ */ F("aside", {
+      ref: r,
+      className: l("konstruct-sidebar", A({
         mode: d,
-        className: E
+        className: O
       })),
-      "data-theme": M,
+      "data-theme": E,
       "data-mode": d,
       style: L,
-      children: [b, W && /* @__PURE__ */ o("div", {
+      children: [y, J && /* @__PURE__ */ o("div", {
         ref: n,
-        className: i(K({ className: I })),
-        onMouseDown: U
+        className: l(ee({ className: P })),
+        onMouseDown: q
       })]
     })
   });
 };
-Z.displayName = "Sidebar.Wrapper";
+ne.displayName = "Sidebar.Wrapper";
 export {
-  Z as Wrapper
+  ne as Wrapper
 };

package/dist/components/Sidebar/components/index.js

@@ -1,22 +1,24 @@
-import { t as r } from "../../../HamburgerTrigger-1vOTrm8-.js";
-import { Footer as m } from "./Footer/Footer.js";
-import { Label as a } from "./Label/Label.js";
-import { Logo as f } from "./Logo/Logo.js";
-import { NavigationTitle as e } from "./NavigationTitle/NavigationTitle.js";
-import { NavigationGroup as v } from "./NavigationGroup/NavigationGroup.js";
+import { t as r } from "../../../HamburgerTrigger-DRylBL2d.js";
+import { CollapseTrigger as m } from "./CollapseTrigger/CollapseTrigger.js";
+import { Footer as p } from "./Footer/Footer.js";
+import { Label as f } from "./Label/Label.js";
+import { Logo as e } from "./Logo/Logo.js";
+import { NavigationTitle as v } from "./NavigationTitle/NavigationTitle.js";
+import { NavigationGroup as l } from "./NavigationGroup/NavigationGroup.js";
 import { NavigationOption as b } from "./NavigationOption/NavigationOption.js";
 import { NavigationSeparator as u } from "./NavigationSeparator/NavigationSeparator.js";
-import { Navigation as T } from "./Navigation/Navigation.js";
-import { Wrapper as x } from "./Wrapper/Wrapper.js";
+import { Navigation as x } from "./Navigation/Navigation.js";
+import { Wrapper as F } from "./Wrapper/Wrapper.js";
 export {
-  m as Footer,
+  m as CollapseTrigger,
+  p as Footer,
   r as HamburgerTrigger,
-  a as Label,
-  f as Logo,
-  T as Navigation,
-  v as NavigationGroup,
+  f as Label,
+  e as Logo,
+  x as Navigation,
+  l as NavigationGroup,
   b as NavigationOption,
   u as NavigationSeparator,
-  e as NavigationTitle,
-  x as Wrapper
+  v as NavigationTitle,
+  F as Wrapper
 };

package/dist/components/Sidebar/contexts/SidebarContext.js

@@ -1,13 +1,16 @@
-import { createContext as e, useContext as r } from "react";
-var t = e({
+import { createContext as e, useContext as a } from "react";
+var o = e({
   mode: "expanded",
   isCollapsed: !1,
   expandOnHover: !1,
   animateOnHover: !0,
   closeDrawer: () => {
+  },
+  canToggle: !1,
+  toggleMode: () => {
   }
-}), o = () => r(t);
+}), t = () => a(o);
 export {
-  t as SidebarContext,
-  o as useSidebarContext
+  o as SidebarContext,
+  t as useSidebarContext
 };

package/dist/components/Slider/Slider.js

@@ -1,41 +1,43 @@
 import { t } from "../../utils-Cx-WzRZF.js";
-import { i as v, r as N, t as S } from "../../dist-CT6d9xe7.js";
-import { sliderVariants as V, thumbVariants as b, trackVariants as g } from "./Slider.variants.js";
-import { forwardRef as j, useCallback as k, useEffect as w, useImperativeHandle as y, useRef as C, useState as R } from "react";
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-var q = j(({ label: s, labelWrapperClassName: i, defaultValue: c = [0], name: u, theme: m, size: n, showValue: d, ...f }, o) => {
-  const e = C(null), [r, h] = R(c);
+import { i as v, r as N, t as S } from "../../dist-DDck_2lb.js";
+import { sliderVariants as V, thumbVariants as g, trackVariants as j } from "./Slider.variants.js";
+import { forwardRef as b, useEffect as w, useImperativeHandle as y, useRef as R, useState as k } from "react";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+var $ = b(({ label: s, labelWrapperClassName: i, defaultValue: c = [0], name: u, theme: m, size: n, showValue: d, ...f }, o) => {
+  const e = R(null), [a, h] = k(c);
   y(o, () => e.current, [e]), w(() => {
-    e.current && (e.current.value = r.toString());
-  }, [r]);
-  const p = k((x) => h(x), []);
+    e.current && (e.current.value = a.toString());
+  }, [a]);
+  const p = (x) => {
+    h(x);
+  };
   return /* @__PURE__ */ l("div", {
     className: "w-full relative flex flex-col gap-3",
     "data-theme": m,
     children: [
       /* @__PURE__ */ l("div", {
         className: t("flex items-center", s ? "justify-between" : "justify-end", i),
-        children: [s ? /* @__PURE__ */ a("label", { children: s }) : null, d ? /* @__PURE__ */ a("span", {
+        children: [s ? /* @__PURE__ */ r("label", { children: s }) : null, d ? /* @__PURE__ */ r("span", {
           className: "text-xs",
-          children: r
+          children: a
         }) : null]
       }),
-      /* @__PURE__ */ a("input", {
+      /* @__PURE__ */ r("input", {
         ref: e,
         name: u,
         className: "hidden",
         type: "number"
       }),
       /* @__PURE__ */ l(S, {
-        value: r,
+        value: a,
         className: t(V()),
         onValueChange: p,
         ...f,
-        children: [/* @__PURE__ */ a(v, { className: t(g({ size: n })) }), /* @__PURE__ */ a(N, { className: t(b({ size: n })) })]
+        children: [/* @__PURE__ */ r(v, { className: t(j({ size: n })) }), /* @__PURE__ */ r(N, { className: t(g({ size: n })) })]
       })
     ]
   });
 });
 export {
-  q as Slider
+  $ as Slider
 };

package/dist/components/Spinner/Spinner.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Spinner-Lw9mZYhg.js";
+import { t as o } from "../../Spinner-CUwE2bLm.js";
 export {
   o as Spinner
 };

package/dist/components/Stepper/Stepper.variants.js

@@ -117,8 +117,8 @@ var e = t(["flex"], {
         "font-semibold"
       ],
       lg: [
-        "w-[54px]",
-        "h-[54px]",
+        "w-13.5",
+        "h-13.5",
         "text-lg",
         "font-semibold"
       ]
@@ -252,7 +252,7 @@ var e = t(["flex"], {
       size: "lg",
       class: [
         "h-6",
-        "ml-[26px]",
+        "ml-6.5",
         "my-1"
       ]
     },
@@ -293,20 +293,20 @@ var e = t(["flex"], {
     size: "sm",
     variant: "inline"
   }
-}), x = t([
+}), m = t([
   "flex",
   "items-center",
   "flex-1"
 ], {
   variants: { variant: {
     inline: ["mt-2.5"],
-    stacked: ["mt-[26px]"],
+    stacked: ["mt-6.5"],
     horizontal: ["mt-0"]
   } },
   defaultVariants: { variant: "inline" }
 });
 export {
-  x as horizontalConnectorWrapperVariants,
+  m as horizontalConnectorWrapperVariants,
   c as stepConnectorVariants,
   l as stepContentVariants,
   d as stepDescriptionVariants,

package/dist/components/Stepper/hooks/useStepItemLogic.js

@@ -1,24 +1,19 @@
-import { t as u } from "../../../dist-DqKFpce5.js";
-import { useCallback as s } from "react";
-function d({ clickable: c, onClick: e, step: n }) {
-  const i = n.status ?? "pending", l = n.disabled || i === "active", r = !!(n.onClick || e), t = c && !l && r, f = typeof n.label == "string" ? "span" : u, o = s(() => {
+import { t as f } from "../../../dist-xCbHbMLA.js";
+function b({ clickable: s, onClick: e, step: n }) {
+  const a = n.status ?? "pending", i = n.disabled || a === "active", c = !!(n.onClick || e), t = s && !i && c, r = typeof n.label == "string" ? "span" : f, l = () => {
     t && (n.onClick ? n.onClick() : e && e());
-  }, [
-    t,
-    n.onClick,
-    e
-  ]);
+  };
   return {
     isClickable: t,
-    isDisabled: l,
-    LabelComponent: f,
-    status: i,
-    handleClick: o,
-    handleKeyDown: s((a) => {
-      t && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), o());
-    }, [t, o])
+    isDisabled: i,
+    LabelComponent: r,
+    status: a,
+    handleClick: l,
+    handleKeyDown: (o) => {
+      t && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), l());
+    }
   };
 }
 export {
-  d as useStepItemLogic
+  b as useStepItemLogic
 };

package/dist/components/Switch/Switch.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Switch-WBRr8uOJ.js";
+import { t as o } from "../../Switch-aPhL5rNG.js";
 export {
   o as Switch
 };

package/dist/components/Table/components/Filter.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../Input-CW0VwW2T.js";
+import { t as a } from "../../../Input-Cf44DzfE.js";
 import { jsx as s, jsxs as t } from "react/jsx-runtime";
 var m = ({ children: e, ...r }) => /* @__PURE__ */ t("div", {
   className: "flex px-4 py-6 rounded-t",

package/dist/components/Tabs/Tabs.js

@@ -1,5 +1,5 @@
 import { t as s } from "../../utils-Cx-WzRZF.js";
-import { r as e } from "../../dist-Db6UeFo4.js";
+import { r as e } from "../../dist-BlPTJNIm.js";
 import { rootVariants as p } from "./Tabs.variants.js";
 import { Content as n } from "./components/Content.js";
 import { List as f } from "./components/List.js";

package/dist/components/Tabs/Tabs.variants.js

@@ -12,7 +12,7 @@ var r = a([""], {
   variants: { variant: {
     default: "flex gap-6",
     horizontal: "",
-    vertical: "flex-col min-w-[132px] h-full items-center"
+    vertical: "flex-col min-w-33 h-full items-center"
   } },
   defaultVariants: { variant: "default" }
 }), n = a([

package/dist/components/Tabs/components/Content.js

@@ -1,5 +1,5 @@
 import { t as r } from "../../../utils-Cx-WzRZF.js";
-import { t as n } from "../../../dist-Db6UeFo4.js";
+import { t as n } from "../../../dist-BlPTJNIm.js";
 import { contentVariants as m } from "../Tabs.variants.js";
 import { jsx as s } from "react/jsx-runtime";
 var e = ({ children: t, className: o, ...a }) => /* @__PURE__ */ s(n, {

package/dist/components/Tabs/components/List.js

@@ -1,5 +1,5 @@
 import { t as a } from "../../../utils-Cx-WzRZF.js";
-import { n } from "../../../dist-Db6UeFo4.js";
+import { n } from "../../../dist-BlPTJNIm.js";
 import { listVariants as t } from "../Tabs.variants.js";
 import { jsx as r } from "react/jsx-runtime";
 var e = ({ children: s, className: i, orientation: m, ...o }) => /* @__PURE__ */ r("div", {

package/dist/components/Tabs/components/Trigger.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../../utils-Cx-WzRZF.js";
 import { Typography as m } from "../../Typography/Typography.js";
-import { i as n } from "../../../dist-Db6UeFo4.js";
+import { i as n } from "../../../dist-BlPTJNIm.js";
 import { triggerVariants as p } from "../Tabs.variants.js";
 import { jsx as r } from "react/jsx-runtime";
 var s = ({ tab: a, label: i, isActive: o, className: t }) => /* @__PURE__ */ r(n, {

package/dist/components/Tag/Tag.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../dist-DqKFpce5.js";
+import { t as e } from "../../dist-xCbHbMLA.js";
 import { t as n } from "../../utils-Cx-WzRZF.js";
 import { tagVariants as o } from "./Tag.variants.js";
 import { jsx as a, jsxs as c } from "react/jsx-runtime";