@konstructio/ui 0.1.2-alpha.84 → 0.1.2-alpha.86

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

@@ -1,16 +1,31 @@
-import { t as n } from "../../../../utils-DHuiYnx1.js";
-import { navigationOptionVariants as p } from "./NavigationOption.variants.js";
-import { jsx as e } from "react/jsx-runtime";
-var m = ({ children: i, className: t, isVisible: o = !0, isActive: r, ...a }) => o ? /* @__PURE__ */ e("li", {
-  ...a,
-  role: "option",
-  className: n(p({
-    className: t,
-    isActive: r
-  })),
-  children: i
-}) : null;
-m.displayName = "KonstructSidebarNavigationOption";
+import { t as u } from "../../../../utils-COaoD3PI.js";
+import { useSidebarContext as v } from "../../contexts/SidebarContext.js";
+import { navigationOptionVariants as m } from "./NavigationOption.variants.js";
+import { jsx as d } from "react/jsx-runtime";
+var k = ({ children: i, className: r, closeDrawerOnClick: n = !0, isVisible: t = !0, isActive: a, ...o }) => {
+  const { isCollapsed: e, expandOnHover: s, closeDrawer: l } = v(), p = e && s;
+  if (!t) return null;
+  const c = "onClick" in o ? o.onClick : void 0;
+  return /* @__PURE__ */ d("li", {
+    ...o,
+    role: "option",
+    onClick: () => {
+      n && l(), c?.();
+    },
+    className: u(m({
+      className: r,
+      isActive: a
+    }), p && [
+      "group/sidebar-option",
+      "relative",
+      "hover:z-50",
+      "hover:shadow-lg",
+      "hover:bg-kubefirst-dark-blue-900"
+    ]),
+    children: i
+  });
+};
+k.displayName = "KonstructSidebarNavigationOption";
 export {
-  m as NavigationOption
+  k as NavigationOption
 };

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

@@ -1,5 +1,5 @@
-import { t } from "../../../../dist-DtEbXv47.js";
-var a = t([
+import { t as e } from "../../../../dist-Bcn6lMQe.js";
+var a = e([
   "[&>a]:flex",
   "[&>a]:gap-2",
   "[&>a]:no-underline",
@@ -11,8 +11,8 @@ var a = t([
   "font-normal",
   "gap-2",
   "rounded-xl",
-  "md:px-4",
-  "md:py-2.5",
+  "group-data-[mode=expanded]/sidebar:px-4",
+  "group-data-[mode=expanded]/sidebar:py-2.5",
   "p-2",
   "text-black",
   "w-full",

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../../../utils-DHuiYnx1.js";
+import { t as r } from "../../../../utils-COaoD3PI.js";
 import { navigationSeparatorVariant as o } from "./NavigationSeparator.variants.js";
 import { jsx as t } from "react/jsx-runtime";
 var i = ({ className: a }) => /* @__PURE__ */ t("div", { className: r(o({ className: a })) });

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

@@ -1,9 +1,10 @@
-import { t as r } from "../../../../dist-DtEbXv47.js";
-var o = r([
-  "border-t",
-  "rounded-full",
-  "my-1.5"
+import { t as a } from "../../../../dist-Bcn6lMQe.js";
+var t = a([
+  "h-px",
+  "w-full",
+  "bg-white/10",
+  "my-3"
 ]);
 export {
-  o as navigationSeparatorVariant
+  t as navigationSeparatorVariant
 };

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { t as a } from "../../../../utils-COaoD3PI.js";
 import { navigationTitleVariants as e } from "./NavigationTitle.variants.js";
 import { jsx as n } from "react/jsx-runtime";
 var o = ({ title: i, className: r, isVisible: t = !0 }) => t ? /* @__PURE__ */ n("h2", {

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

@@ -1,4 +1,4 @@
-import { t } from "../../../../dist-DtEbXv47.js";
+import { t } from "../../../../dist-Bcn6lMQe.js";
 var i = t([
   "text-sm",
   "font-bold",

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

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

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

@@ -1,18 +1,22 @@
-import { Footer as r } from "./Footer/Footer.js";
-import { Logo as t } from "./Logo/Logo.js";
-import { NavigationTitle as p } from "./NavigationTitle/NavigationTitle.js";
-import { NavigationGroup as f } from "./NavigationGroup/NavigationGroup.js";
-import { NavigationOption as n } from "./NavigationOption/NavigationOption.js";
-import { NavigationSeparator as v } from "./NavigationSeparator/NavigationSeparator.js";
-import { Navigation as l } from "./Navigation/Navigation.js";
+import { t as r } from "../../../HamburgerTrigger-BzCfBWzH.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 { 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";
 export {
-  r as Footer,
-  t as Logo,
-  l as Navigation,
-  f as NavigationGroup,
-  n as NavigationOption,
-  v as NavigationSeparator,
-  p as NavigationTitle,
+  m as Footer,
+  r as HamburgerTrigger,
+  a as Label,
+  f as Logo,
+  T as Navigation,
+  v as NavigationGroup,
+  b as NavigationOption,
+  u as NavigationSeparator,
+  e as NavigationTitle,
   x as Wrapper
 };

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

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

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

@@ -0,0 +1,5 @@
+import { SidebarContext as t, useSidebarContext as o } from "./SidebarContext.js";
+export {
+  t as SidebarContext,
+  o as useSidebarContext
+};

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

@@ -0,0 +1,6 @@
+import { DEFAULT_DRAWER_BREAKPOINT as A, DEFAULT_EXPANDED_BREAKPOINT as D, useSidebarMode as e } from "./useSidebarMode.js";
+export {
+  A as DEFAULT_DRAWER_BREAKPOINT,
+  D as DEFAULT_EXPANDED_BREAKPOINT,
+  e as useSidebarMode
+};

package/dist/components/Sidebar/hooks/useSidebarMode.js

@@ -0,0 +1,10 @@
+import { useMediaQuery as e } from "../../../hooks/useMediaQuery.js";
+var u = 1024, n = 640, p = (r = "auto", t = u, a = 640) => {
+  const i = e(`(min-width: ${t}px)`), o = e(`(max-width: ${a - 0.02}px)`);
+  return r !== "auto" ? r : o ? "drawer" : i ? "expanded" : "collapsed";
+};
+export {
+  n as DEFAULT_DRAWER_BREAKPOINT,
+  u as DEFAULT_EXPANDED_BREAKPOINT,
+  p as useSidebarMode
+};

package/dist/components/Slider/Slider.js

@@ -1,5 +1,5 @@
-import { t } from "../../utils-DHuiYnx1.js";
-import { i as v, n as N, r as V } from "../../dist-BL8l9uRy.js";
+import { t } from "../../utils-COaoD3PI.js";
+import { i as v, n as N, r as V } from "../../dist-BfrkYZKI.js";
 import { sliderVariants as b, thumbVariants as g, trackVariants as j } from "./Slider.variants.js";
 import { forwardRef as R, useCallback as k, useEffect as w, useImperativeHandle as y, useRef as C, useState as S } from "react";
 import { jsx as a, jsxs as l } from "react/jsx-runtime";

package/dist/components/Slider/Slider.variants.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../dist-DtEbXv47.js";
+import { t as r } from "../../dist-Bcn6lMQe.js";
 var a = r([
   "relative",
   "flex",

package/dist/components/Spinner/Spinner.js

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

package/dist/components/Spinner/Spinner.variants.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../dist-DtEbXv47.js";
+import { t as a } from "../../dist-Bcn6lMQe.js";
 var r = a([
   "h-full",
   "flex",

package/dist/components/Stepper/Stepper.js

@@ -1,4 +1,4 @@
-import { t as s } from "../../utils-DHuiYnx1.js";
+import { t as s } from "../../utils-COaoD3PI.js";
 import { stepItemVariants as S, stepListVariants as b, stepperVariants as k } from "./Stepper.variants.js";
 import { StepItem as C } from "./components/StepItem/StepItem.js";
 import { useMemo as I } from "react";

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

@@ -1,4 +1,4 @@
-import { t } from "../../dist-DtEbXv47.js";
+import { t } from "../../dist-Bcn6lMQe.js";
 var e = t(["flex"], {
   variants: { orientation: {
     vertical: ["flex-col"],

package/dist/components/Stepper/components/HorizontalStepItem/HorizontalStepItem.js

@@ -1,5 +1,5 @@
-import { t } from "../../../../utils-DHuiYnx1.js";
-import { t as v } from "../../../../StepIndicatorContent-D5z1Ziqg.js";
+import { t } from "../../../../utils-COaoD3PI.js";
+import { t as v } from "../../../../StepIndicatorContent-87ASgJsX.js";
 import { useStepItemLogic as w } from "../../hooks/useStepItemLogic.js";
 import { stepContentVariants as C, stepDescriptionVariants as k, stepIndicatorVariants as g, stepLabelVariants as I, stepVariants as x } from "../../Stepper.variants.js";
 import { getStepAriaLabel as S } from "../../utils/index.js";

package/dist/components/Stepper/components/StepConnector/StepConnector.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../../utils-DHuiYnx1.js";
+import { t as m } from "../../../../utils-COaoD3PI.js";
 import { stepConnectorVariants as n } from "../../Stepper.variants.js";
 import { memo as i } from "react";
 import { jsx as p } from "react/jsx-runtime";

package/dist/components/Stepper/components/StepIndicatorContent/StepIndicatorContent.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../StepIndicatorContent-D5z1Ziqg.js";
+import { t as o } from "../../../../StepIndicatorContent-87ASgJsX.js";
 export {
   o as StepIndicatorContent
 };

package/dist/components/Stepper/components/VerticalStepItem/VerticalStepItem.js

@@ -1,5 +1,5 @@
-import { t as a } from "../../../../utils-DHuiYnx1.js";
-import { t as x } from "../../../../StepIndicatorContent-D5z1Ziqg.js";
+import { t as a } from "../../../../utils-COaoD3PI.js";
+import { t as x } from "../../../../StepIndicatorContent-87ASgJsX.js";
 import { useStepItemLogic as V } from "../../hooks/useStepItemLogic.js";
 import { stepContentVariants as I, stepDescriptionVariants as S, stepIndicatorVariants as k, stepLabelVariants as D, stepVariants as L } from "../../Stepper.variants.js";
 import { getStepAriaLabel as g } from "../../utils/index.js";

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

@@ -1,4 +1,4 @@
-import { t as u } from "../../../dist-DXJSck4j.js";
+import { t as u } from "../../../dist-CMPkuWNy.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(() => {

package/dist/components/Switch/Switch.js

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

package/dist/components/Switch/Switch.variants.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../dist-DtEbXv47.js";
+import { t as a } from "../../dist-Bcn6lMQe.js";
 var t = a([
   "w-10",
   "h-5",

package/dist/components/Table/Table.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../utils-DHuiYnx1.js";
+import { t as e } from "../../utils-COaoD3PI.js";
 import { tableVariants as i } from "./Table.variants.js";
 import { Body as p } from "./components/Body.js";
 import { Filter as f } from "./components/Filter.js";

package/dist/components/Table/Table.variants.js

@@ -1,4 +1,4 @@
-import { t } from "../../dist-DtEbXv47.js";
+import { t } from "../../dist-Bcn6lMQe.js";
 var a = t([
   "table-auto",
   "w-full",

package/dist/components/Table/components/Body.js

@@ -1,4 +1,4 @@
-import { t } from "../../../utils-DHuiYnx1.js";
+import { t } from "../../../utils-COaoD3PI.js";
 import { bodyVariants as a } from "../Table.variants.js";
 import { jsx as s } from "react/jsx-runtime";
 var f = ({ children: o, className: r, ...m }) => /* @__PURE__ */ s("tbody", {

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

@@ -1,4 +1,4 @@
-import { t as a } from "../../../Input-GBMxM3Z7.js";
+import { t as a } from "../../../Input-BZG7N8m1.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/Table/components/Head.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../utils-DHuiYnx1.js";
+import { t as o } from "../../../utils-COaoD3PI.js";
 import { headVariants as t } from "../Table.variants.js";
 import { jsx as e } from "react/jsx-runtime";
 var d = ({ children: a, className: r, ...m }) => /* @__PURE__ */ e("thead", {

package/dist/components/Table/components/Row.js

@@ -1,4 +1,4 @@
-import { t as i } from "../../../utils-DHuiYnx1.js";
+import { t as i } from "../../../utils-COaoD3PI.js";
 import { rowVariants as p } from "../Table.variants.js";
 import { jsx as c } from "react/jsx-runtime";
 var n = ({ children: r, className: o, width: t, isSelected: m, onSelect: a, ...s }) => /* @__PURE__ */ c("tr", {

package/dist/components/Tabs/Tabs.js

@@ -1,5 +1,5 @@
-import { t as s } from "../../utils-DHuiYnx1.js";
-import { r as e } from "../../dist-B5SlrgYz.js";
+import { t as s } from "../../utils-COaoD3PI.js";
+import { r as e } from "../../dist-Br5jSLr2.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

@@ -1,4 +1,4 @@
-import { t as a } from "../../dist-DtEbXv47.js";
+import { t as a } from "../../dist-Bcn6lMQe.js";
 var r = a([""], {
   variants: { variant: {
     horizontal: "",

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

@@ -1,5 +1,5 @@
-import { t as r } from "../../../utils-DHuiYnx1.js";
-import { t as n } from "../../../dist-B5SlrgYz.js";
+import { t as r } from "../../../utils-COaoD3PI.js";
+import { t as n } from "../../../dist-Br5jSLr2.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-DHuiYnx1.js";
-import { n } from "../../../dist-B5SlrgYz.js";
+import { t as a } from "../../../utils-COaoD3PI.js";
+import { n } from "../../../dist-Br5jSLr2.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-DHuiYnx1.js";
+import { t as e } from "../../../utils-COaoD3PI.js";
 import { Typography as m } from "../../Typography/Typography.js";
-import { i as n } from "../../../dist-B5SlrgYz.js";
+import { i as n } from "../../../dist-Br5jSLr2.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,5 +1,5 @@
-import { t as e } from "../../dist-DXJSck4j.js";
-import { t as n } from "../../utils-DHuiYnx1.js";
+import { t as e } from "../../dist-CMPkuWNy.js";
+import { t as n } from "../../utils-COaoD3PI.js";
 import { tagVariants as o } from "./Tag.variants.js";
 import { jsx as a, jsxs as c } from "react/jsx-runtime";
 var u = ({ label: i, color: s, rightIcon: t, leftIcon: r, className: l, "data-value": m }) => /* @__PURE__ */ c("div", {

package/dist/components/Tag/Tag.variants.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../dist-DtEbXv47.js";
+import { t as e } from "../../dist-Bcn6lMQe.js";
 var f = e([
   "px-2",
   "py-1",

package/dist/components/TagSelect/TagSelect.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as m } from "../../Wrapper-CjUokv72.js";
+import { t as m } from "../../Wrapper-F9NmImqw.js";
 import { TagSelectProvider as p } from "./contexts/TagSelect.provider.js";
 import { forwardRef as a } from "react";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/TagSelect/TagSelect.variants.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../dist-DtEbXv47.js";
+import { t as r } from "../../dist-Bcn6lMQe.js";
 var a = r([
   "flex",
   "flex-col",

package/dist/components/TagSelect/components/Item/Item.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../utils-DHuiYnx1.js";
+import { t as o } from "../../../../utils-COaoD3PI.js";
 import { Tag as a } from "../../../Tag/Tag.js";
 import { useTagSelect as i } from "../../contexts/TagSelect.hook.js";
 import { wrapperVariants as c } from "./Item.variants.js";

package/dist/components/TagSelect/components/Item/Item.variants.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../dist-DtEbXv47.js";
+import { t as e } from "../../../../dist-Bcn6lMQe.js";
 var a = e([
   "cursor-pointer",
   "py-1.5",

package/dist/components/TagSelect/components/List/List.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { t as a } from "../../../../utils-COaoD3PI.js";
 import { useTagSelect as m } from "../../contexts/TagSelect.hook.js";
 import { Item as s } from "../Item/Item.js";
 import { wrapperVariants as i } from "./List.variants.js";

package/dist/components/TagSelect/components/List/List.variants.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../../../dist-DtEbXv47.js";
+import { t as r } from "../../../../dist-Bcn6lMQe.js";
 var o = r([
   "absolute",
   "bg-white",

package/dist/components/TagSelect/components/Wrapper/Wrapper.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../../Wrapper-CjUokv72.js";
+import { t as p } from "../../../../Wrapper-F9NmImqw.js";
 export {
   p as Wrapper
 };

package/dist/components/TagSelect/components/index.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../Wrapper-CjUokv72.js";
+import { t as m } from "../../../Wrapper-F9NmImqw.js";
 import { Item as t } from "./Item/Item.js";
 import { List as i } from "./List/List.js";
 export {

package/dist/components/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../utils-DHuiYnx1.js";
+import { t as m } from "../../utils-COaoD3PI.js";
 import { textAreaVariants as h } from "./TextArea.variants.js";
 import { forwardRef as u, useId as p } from "react";
 import { jsx as e, jsxs as v } from "react/jsx-runtime";

package/dist/components/TextArea/TextArea.variants.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../dist-DtEbXv47.js";
+import { t as r } from "../../dist-Bcn6lMQe.js";
 var i = r([
   "border",
   "border-gray-200",