@konstructio/ui 0.1.2-alpha.105 → 0.1.2-alpha.106

package/dist/components/Select/components/List/List.js

@@ -1,20 +1,20 @@
-import { o as K } from "../../../../rolldown-runtime-Ck3dxwZt.js";
+import { o as Q } from "../../../../rolldown-runtime-Dw9YIBcH.js";
 import { t as n } from "../../../../utils-Cx-WzRZF.js";
-import { t as Q } from "../../../../Loading-DUh9PMJN.js";
-import { t as W } from "../../../../debounce-C5Ycjilj.js";
-import { useSelectContext as Y } from "../../contexts/select.hook.js";
-import { n as $, t as R } from "../../../../AdditionalOptions-D0BAS2HG.js";
-import { listGroupLabelVariants as ee, listVariants as te } from "./List.variants.js";
+import { t as W } from "../../../../Loading-DUh9PMJN.js";
+import { t as Y } from "../../../../debounce-BdyZeJQk.js";
+import { useSelectContext as $ } from "../../contexts/select.hook.js";
+import { n as R, t as ee } from "../../../../AdditionalOptions-D0BAS2HG.js";
+import { listGroupLabelVariants as te, listVariants as re } from "./List.variants.js";
 import "../../constants/pagination.js";
 import "../../constants/list.js";
-import { useNavigationUlList as re } from "../../hooks/useNavigationList.js";
+import { useNavigationUlList as oe } from "../../hooks/useNavigationList.js";
 import { ListItem as g } from "../ListItem/ListItem.js";
-import { Fragment as oe, forwardRef as se, useEffect as ne, useImperativeHandle as ae, useMemo as T, useRef as H, useState as ie } from "react";
+import { Fragment as se, forwardRef as ne, useEffect as ae, useImperativeHandle as ie, useMemo as T, useRef as H, useState as le } from "react";
 import { jsx as o, jsxs as I } from "react/jsx-runtime";
-var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className: P, groupedOptions: l, inputRef: c, isLoading: j, itemClassName: u, name: M, searchable: f = !1, listItemSecondRowClassName: p, wrapperInputRef: O, isInfiniteScrollEnabled: h, noOptionsText: C, onFetchMoreOptions: L, visibleItems: E }, S) => {
-  const m = H(null), v = H(null), [b, F] = ie(!1), { canContinueFetching: d, canFilter: y, isOpen: q, isTyping: k, options: G, page: w, searchTerm: s, setCanContinueFetching: A, setOptions: U, setPage: V } = Y(), z = E !== void 0 ? { maxHeight: E * 40 } : void 0;
-  ae(S, () => m.current, [m]);
-  const a = l.length > 0 && $(l[0]), x = f && y ? G.filter((e) => {
+var ce = /* @__PURE__ */ Q(Y(), 1), Ee = ne(({ additionalOptions: N, className: O, groupedOptions: l, inputRef: c, isLoading: P, itemClassName: u, name: j, searchable: f = !1, listItemSecondRowClassName: p, wrapperInputRef: M, isInfiniteScrollEnabled: h, noOptionsText: C, onFetchMoreOptions: L, visibleItems: E }, S) => {
+  const m = H(null), v = H(null), [b, F] = le(!1), { canContinueFetching: d, canFilter: y, isOpen: q, isTyping: k, options: G, page: w, searchTerm: s, setCanContinueFetching: A, setOptions: U, setPage: V } = $(), z = E !== void 0 ? { maxHeight: E * 40 } : void 0;
+  ie(S, () => m.current, [m]);
+  const a = l.length > 0 && R(l[0]), x = f && y ? G.filter((e) => {
     const t = s.toLowerCase();
     return (typeof e.label == "string" ? e.label.toLowerCase() : "").includes(t);
   }) : G, _ = T(() => {
@@ -32,23 +32,23 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
     f,
     y,
     s
-  ]);
-  re({
+  ]), D = a ? _.flatMap((e) => e.options) : x;
+  oe({
     ulRef: m,
-    wrapperInputRef: O,
+    wrapperInputRef: M,
     searchable: f,
-    filteredOptions: a ? _.flatMap((e) => e.options) : x
+    filteredOptions: D
   });
-  const D = x.filter((e, t, r) => t === r.findIndex((i) => i.value === e.value)), X = a ? _.length === 0 : x.length === 0, Z = T(() => (0, le.default)(async (e) => {
+  const X = x.filter((e, t, r) => t === r.findIndex((i) => i.value === e.value)), Z = a ? _.length === 0 : x.length === 0, B = T(() => (0, ce.default)(async (e) => {
     const [t] = e;
     if (t.isIntersecting && !b && L && d) try {
       F(!0);
-      const r = w + 1, { data: i, hasMore: B } = await L({
+      const r = w + 1, { data: i, hasMore: J } = await L({
         page: r,
         pageSize: 10,
         termOfSearch: s
       });
-      V(r), A(B), U((J) => [...J, ...i]);
+      V(r), A(J), U((K) => [...K, ...i]);
     } catch {
       console.error("Error fetching more options");
     } finally {
@@ -60,9 +60,9 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
     s,
     w
   ]);
-  return ne(() => {
+  return ae(() => {
     if (h && d && v.current && !k) {
-      const e = new IntersectionObserver(Z, { threshold: 0.1 });
+      const e = new IntersectionObserver(B, { threshold: 0.1 });
       return e.observe(v.current), () => e.disconnect();
     }
   }, [
@@ -73,20 +73,20 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
     w
   ]), /* @__PURE__ */ I("ul", {
     ref: m,
-    title: M,
+    title: j,
     role: "listbox",
-    className: n(te({ className: P })),
+    className: n(re({ className: O })),
     style: z,
     "data-state": q ? "open" : "closed",
     children: [
-      j ? /* @__PURE__ */ o(g, {
+      P ? /* @__PURE__ */ o(g, {
         className: n("select-none", u),
         isClickable: !1,
         inputRef: c,
         value: "Loading...",
         label: "Loading...",
         listItemSecondRowClassName: p
-      }) : X ? /* @__PURE__ */ o(g, {
+      }) : Z ? /* @__PURE__ */ o(g, {
         isEmpty: !0,
         className: n("select-none", u),
         isClickable: !1,
@@ -94,11 +94,11 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
         value: C ?? "",
         label: C ?? "No options",
         listItemSecondRowClassName: p
-      }) : a ? _.map((e) => /* @__PURE__ */ I(oe, { children: [/* @__PURE__ */ o("li", {
+      }) : a ? _.map((e) => /* @__PURE__ */ I(se, { children: [/* @__PURE__ */ o("li", {
         role: "presentation",
         "aria-hidden": "true",
         "data-action": "true",
-        className: n(ee()),
+        className: n(te()),
         children: e.groupLabel
       }), e.options.map((t) => /* @__PURE__ */ o(g, {
         className: n("select-none", u),
@@ -106,7 +106,7 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
         inputRef: c,
         listItemSecondRowClassName: p,
         ...t
-      }, t.value))] }, e.groupLabel)) : D.map((e) => /* @__PURE__ */ o(g, {
+      }, t.value))] }, e.groupLabel)) : X.map((e) => /* @__PURE__ */ o(g, {
         className: n("select-none", u),
         isClickable: !0,
         inputRef: c,
@@ -119,12 +119,12 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
         "data-action": "true",
         className: "flex items-center justify-center py-3",
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ o(Q, { className: "w-4 h-4 text-aurora-500 select-none" })
+        children: /* @__PURE__ */ o(W, { className: "w-4 h-4 text-aurora-500 select-none" })
       }),
-      /* @__PURE__ */ o(R, { additionalOptions: N })
+      /* @__PURE__ */ o(ee, { additionalOptions: N })
     ]
   });
 });
 export {
-  Ce as List
+  Ee as List
 };

package/dist/components/Select/hooks/useNavigationList.js

@@ -1,7 +1,7 @@
 import { useSelectContext as k } from "../contexts/select.hook.js";
-import { useEffect as a, useRef as b } from "react";
+import { useEffect as a, useRef as m } from "react";
 var A = ({ searchable: o, ulRef: n, wrapperInputRef: e, filteredOptions: f }) => {
-  const r = b(0), { isOpen: s } = k();
+  const r = m(0), { isOpen: s } = k();
   a(() => {
     const g = n.current?.querySelectorAll("li") ?? [], t = Array.from(g).filter((c) => c.getAttribute("data-action") !== "true"), u = new AbortController(), i = () => {
       r.current < t.length - 1 ? (r.current = r.current + 1, t[r.current].focus()) : (r.current = 0, t[0].focus());
@@ -21,7 +21,6 @@ var A = ({ searchable: o, ulRef: n, wrapperInputRef: e, filteredOptions: f }) =>
           break;
         case "Enter":
           t[r.current]?.click();
-          break;
       }
     }, { signal: u.signal }), () => {
       u.abort();

package/dist/components/Select/hooks/useSelect.js

@@ -1,11 +1,11 @@
-import { useClickOutside as m } from "../../../hooks/useClickOutside.js";
-import { useSelectContext as E } from "../contexts/select.hook.js";
-import { useCallback as b, useEffect as l, useRef as g } from "react";
-var h = ({ inputRef: r, searchInputRef: v, internalValue: c, onBlur: i }) => {
-  const t = g(null), d = g(null), { value: o, setSearchTerm: f, setCanFilter: u, toggleOpen: n } = E();
-  return m(t, b(() => {
+import { useClickOutside as E } from "../../../hooks/useClickOutside.js";
+import { useSelectContext as b } from "../contexts/select.hook.js";
+import { useCallback as p, useEffect as l, useRef as g } from "react";
+var k = ({ inputRef: r, searchInputRef: v, internalValue: c, onBlur: i }) => {
+  const t = g(null), d = g(null), { value: o, setSearchTerm: f, setCanFilter: u, toggleOpen: n } = b(), m = p(() => {
     n(!1);
-  }, [n])), l(() => {
+  }, [n]);
+  return E(t, m), l(() => {
     const e = new AbortController(), s = (a) => {
       a.key === "Escape" && n(!1);
     };
@@ -52,5 +52,5 @@ var h = ({ inputRef: r, searchInputRef: v, internalValue: c, onBlur: i }) => {
   };
 };
 export {
-  h as useSelect
+  k as useSelect
 };

package/dist/components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../HamburgerTrigger-DRylBL2d.js";
+import { t as e } from "../../../../HamburgerTrigger-BT2yUUJ-.js";
 export {
   e as HamburgerTrigger
 };

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

@@ -1,5 +1,5 @@
 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 { a as j, i as P, n as V, o as A, r as D, t as E } from "../../../../dist-oJzmvhAb.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";

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

@@ -1,4 +1,4 @@
-import { t as Q } from "../../../../HamburgerTrigger-DRylBL2d.js";
+import { t as Q } from "../../../../HamburgerTrigger-BT2yUUJ-.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";

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

@@ -1,4 +1,4 @@
-import { t as r } from "../../../HamburgerTrigger-DRylBL2d.js";
+import { t as r } from "../../../HamburgerTrigger-BT2yUUJ-.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";

package/dist/components/Slider/Slider.js

@@ -1,5 +1,5 @@
 import { t } from "../../utils-Cx-WzRZF.js";
-import { i as v, r as N, t as S } from "../../dist-DDck_2lb.js";
+import { i as v, r as N, t as S } from "../../dist-CqNOgbfR.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";

package/dist/components/Switch/Switch.js

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

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

@@ -1,5 +1,5 @@
 import { t as a } from "../../dist-B9GE4SXf.js";
-var t = a([
+var e = a([
   "w-10",
   "h-5",
   "flex",
@@ -13,8 +13,6 @@ var t = a([
   "delay-10",
   "duration-250",
   "cursor-pointer",
-  "bg-aurora-500",
-  "kubefirst:bg-kubefirst-primary",
   "[&+label,&+span]:cursor-pointer",
   "disabled:[&+label,&+span,&]:cursor-not-allowed",
   "disabled:bg-gray-200",
@@ -24,7 +22,17 @@ var t = a([
   "dark:disabled:data-[state=unchecked]:[&>span]:bg-metal-600",
   "dark:disabled:data-[state=unchecked]:bg-metal-700",
   "dark:disabled:[&>span]:bg-metal-600"
-]), d = a([
+], {
+  variants: { variant: {
+    default: ["bg-aurora-500", "kubefirst:bg-kubefirst-primary"],
+    black: [
+      "bg-black",
+      "dark:bg-aurora-500",
+      "kubefirst:bg-kubefirst-primary"
+    ]
+  } },
+  defaultVariants: { variant: "default" }
+}), d = a([
   "block",
   "w-4",
   "h-4",
@@ -34,12 +42,12 @@ var t = a([
   "rounded-full",
   "shadow-md",
   "transition-all",
-  "translate-x-1",
-  "data-[state=checked]:translate-x-5",
+  "translate-x-0.5",
+  "data-[state=checked]:translate-x-5.5",
   "delay-10",
   "duration-300"
 ]);
 export {
-  t as switchVariants,
+  e as switchVariants,
   d as thumbVariants
 };

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

@@ -1,4 +1,4 @@
-import { t as a } from "../../../Input-Cf44DzfE.js";
+import { t as a } from "../../../Input-wp-rsCmX.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-BlPTJNIm.js";
+import { r as e } from "../../dist-ut_BEHii.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/components/Content.js

@@ -1,5 +1,5 @@
 import { t as r } from "../../../utils-Cx-WzRZF.js";
-import { t as n } from "../../../dist-BlPTJNIm.js";
+import { t as n } from "../../../dist-ut_BEHii.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-BlPTJNIm.js";
+import { n } from "../../../dist-ut_BEHii.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-BlPTJNIm.js";
+import { i as n } from "../../../dist-ut_BEHii.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/TagSelect/TagSelect.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as m } from "../../Wrapper-CVJSuYWx.js";
+import { t as m } from "../../Wrapper-CvDRHgN4.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/components/Wrapper/Wrapper.js

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

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

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

package/dist/components/TagSelect/hooks/useTagSelect.js

@@ -1,15 +1,15 @@
-import { useClickOutside as o } from "../../../hooks/useClickOutside.js";
-import { useTagSelect as s } from "../contexts/TagSelect.hook.js";
-import { useCallback as l, useEffect as c, useRef as u } from "react";
-var m = () => {
-  const n = u(null), { onOpen: e } = s();
-  return o(n, l(() => {
+import { useClickOutside as s } from "../../../hooks/useClickOutside.js";
+import { useTagSelect as l } from "../contexts/TagSelect.hook.js";
+import { useCallback as c, useEffect as u, useRef as d } from "react";
+var g = () => {
+  const n = d(null), { onOpen: e } = l(), a = c(() => {
     e(!1);
-  }, [e])), c(() => {
-    const t = new AbortController(), r = (a) => {
-      a.key === "Escape" && e(!1);
+  }, [e]);
+  return s(n, a), u(() => {
+    const t = new AbortController(), o = (r) => {
+      r.key === "Escape" && e(!1);
     };
-    return document.addEventListener("keydown", r, { signal: t.signal }), () => {
+    return document.addEventListener("keydown", o, { signal: t.signal }), () => {
       t.abort();
     };
   }, [e]), {
@@ -20,5 +20,5 @@ var m = () => {
   };
 };
 export {
-  m as useTagSelect
+  g as useTagSelect
 };

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -1,15 +1,15 @@
 import { t as y } from "../../../../utils-Cx-WzRZF.js";
-import { useClickOutside as Q } from "../../../../hooks/useClickOutside.js";
-import { t as X } from "../../../../chevron-down-DNP-OOAQ.js";
+import { useClickOutside as X } from "../../../../hooks/useClickOutside.js";
+import { t as Y } from "../../../../chevron-down-DNP-OOAQ.js";
 import { Typography as w } from "../../../Typography/Typography.js";
 import { parseTimeString as P } from "../../utils/index.js";
-import { useTimePickerContext as Y } from "../../contexts/time-picker.hook.js";
-import { timePickerVariants as Z } from "../../TimePicker.variants.js";
-import { WrapperList as _ } from "../WrapperList/WrapperList.js";
-import { useCallback as ee, useEffect as S, useId as te, useRef as C, useState as I } from "react";
+import { useTimePickerContext as Z } from "../../contexts/time-picker.hook.js";
+import { timePickerVariants as _ } from "../../TimePicker.variants.js";
+import { WrapperList as ee } from "../WrapperList/WrapperList.js";
+import { useCallback as te, useEffect as S, useId as re, useRef as C, useState as I } from "react";
 import { jsx as s, jsxs as p } from "react/jsx-runtime";
-var ue = ({ name: A, label: N, isRequired: D, scrollBehavior: O, className: R, listClassName: V, listItemClassName: F, listItemButtonClassName: W, disabled: l, mode: T = "select", showList: $ = !0, error: j, placeholder: B }) => {
-  const H = te(), [u, a] = I(!1), m = C(!1), b = C(null), M = C(null), { format: f, formattedTime: i, setTimeDirectly: E, setIsTyping: v } = Y(), g = A ?? `time-${H}`, [k, h] = I(i), [L, n] = I(), x = j || L;
+var me = ({ name: A, label: N, isRequired: D, scrollBehavior: O, className: R, listClassName: V, listItemClassName: F, listItemButtonClassName: W, disabled: l, mode: T = "select", showList: $ = !0, error: j, placeholder: B }) => {
+  const H = re(), [u, a] = I(!1), m = C(!1), b = C(null), M = C(null), { format: f, formattedTime: i, setTimeDirectly: E, setIsTyping: v } = Z(), g = A ?? `time-${H}`, [k, h] = I(i), [L, n] = I(), x = j || L;
   S(() => {
     m.current || (h(i), n(void 0));
   }, [i]);
@@ -43,17 +43,17 @@ var ue = ({ name: A, label: N, isRequired: D, scrollBehavior: O, className: R, l
     m.current = !0, v(!0);
     const o = r.length < k.length;
     if (f === "12") {
-      const c = r.replace(/[^0-9:apmAPM\s]/g, "").replace(/[apm]/gi, (J) => J.toUpperCase());
+      const c = r.replace(/[^0-9:apmAPM\s]/g, "").replace(/[apm]/gi, (Q) => Q.toUpperCase());
       c.match(/^(\d{0,2}):?(\d{0,2})\s?(A|AM|P|PM)?$/i) || c === "" ? (e = c.slice(0, 8), !o && /^\d{2}$/.test(e) && (e = e + ":")) : e = k;
     } else
       e = r.replace(/[^0-9:]/g, "").replace(/:+/g, ":").slice(0, 5), !o && /^\d{2}$/.test(e) && (e = e + ":");
     h(e), n(void 0);
     const d = P(e, f);
     d && E(d);
-  };
-  return Q(b, ee(() => {
+  }, J = te(() => {
     a(!1);
-  }, [])), S(() => {
+  }, []);
+  return X(b, J), S(() => {
     const t = new AbortController(), r = (e) => {
       e.key === "Escape" && a(!1);
     };
@@ -87,11 +87,11 @@ var ue = ({ name: A, label: N, isRequired: D, scrollBehavior: O, className: R, l
           "aria-haspopup": "listbox",
           "aria-expanded": "true",
           "aria-controls": "time-options",
-          className: y(Z({ className: R }), l && "opacity-50 cursor-not-allowed"),
+          className: y(_({ className: R }), l && "opacity-50 cursor-not-allowed"),
           "data-open": u,
           onClick: K,
           disabled: l,
-          children: [i, /* @__PURE__ */ s(X, {
+          children: [i, /* @__PURE__ */ s(Y, {
             className: "w-4 h-4 transition-all text-gray-400 data-[open=true]:rotate-180",
             "data-open": u
           })]
@@ -115,7 +115,7 @@ var ue = ({ name: A, label: N, isRequired: D, scrollBehavior: O, className: R, l
             className: "text-red-600 dark:text-red-500 text-xs",
             children: x
           })]
-        }), $ && /* @__PURE__ */ s(_, {
+        }), $ && /* @__PURE__ */ s(ee, {
           isOpen: u,
           scrollBehavior: O,
           listClassName: V,
@@ -134,5 +134,5 @@ var ue = ({ name: A, label: N, isRequired: D, scrollBehavior: O, className: R, l
   });
 };
 export {
-  ue as Wrapper
+  me as Wrapper
 };

package/dist/components/Toast/Toast.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as o } from "../../Toast-3NEz7LLa.js";
+import { t as o } from "../../Toast-DLJDExxw.js";
 export {
   o as Toast
 };

package/dist/components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 import { t as p } from "../../utils-Cx-WzRZF.js";
-import { a as c, i as h, n as x, o as f, r as g, t as w } from "../../dist-tGUUcv8n.js";
+import { a as c, i as h, n as x, o as f, r as g, t as w } from "../../dist-oJzmvhAb.js";
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
 var C = ({ content: t, children: e, side: s = "top", sideOffset: o = 4, bgClassName: i = "bg-slate-700", arrowClassName: l = "fill-slate-700", textClassName: n = "text-white", className: d, delayDuration: m = 0 }) => /* @__PURE__ */ r(h, {
   delayDuration: m,

package/dist/components/Typography/Typography.js

@@ -1,18 +1,21 @@
-import { t as s } from "../../utils-Cx-WzRZF.js";
-import { typographyVariants as y } from "./Typography.variants.js";
-import { forwardRef as f } from "react";
-import { jsx as h } from "react/jsx-runtime";
-var i = f(({ className: o, theme: p, children: m, variant: r, component: t, ...a }, e) => /* @__PURE__ */ h(t ?? (r?.includes("h") ? r : "p"), {
-  ref: e,
-  "data-theme": p,
-  className: s(y({
-    className: o,
-    variant: r
-  })),
-  ...a,
-  children: m
-}));
-i.displayName = "KonstructTypography";
+import { t as y } from "../../utils-Cx-WzRZF.js";
+import { typographyVariants as f } from "./Typography.variants.js";
+import { forwardRef as n } from "react";
+import { jsx as c } from "react/jsx-runtime";
+var h = n(({ className: r, theme: p, children: t, variant: o, component: m, ...a }, e) => {
+  const s = m ?? (o?.includes("h") ? o : "p");
+  return /* @__PURE__ */ c(s, {
+    ref: e,
+    "data-theme": p,
+    className: y(f({
+      className: r,
+      variant: o
+    })),
+    ...a,
+    children: t
+  });
+});
+h.displayName = "KonstructTypography";
 export {
-  i as Typography
+  h as Typography
 };

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -1,6 +1,6 @@
 import { t as l } from "../../utils-Cx-WzRZF.js";
 import { Actions as ee } from "./components/Actions/Actions.js";
-import { t as re } from "../../table.provider-B0BafHuU.js";
+import { t as re } from "../../table.provider-DfZ74xMZ.js";
 import { sendResetFiltersEvent as te } from "./events/filters/filters.js";
 import { sendRefreshEvent as ae } from "./events/refresh/refresh.js";
 import { sendCollapseRowEvent as le, sendExpandRowEvent as oe, sendToggleRowEvent as ie } from "./events/row/row.js";

package/dist/components/VirtualizedTable/components/Body/Body.js

@@ -1,5 +1,5 @@
 import { t as r } from "../../../../utils-Cx-WzRZF.js";
-import { n as I } from "../../../../table.provider-B0BafHuU.js";
+import { n as I } from "../../../../table.provider-DfZ74xMZ.js";
 import { useTableContext as T } from "../../contexts/table.hook.js";
 import { isPaginationBarVisible as q } from "../../utils/pagination.js";
 import { Skeleton as G } from "../Skeleton/Skeleton.js";

package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js

@@ -1,7 +1,7 @@
 import { t as o } from "../../../../utils-Cx-WzRZF.js";
 import { t as u } from "../../../../chevron-up-Bjpvg6ui.js";
 import { Typography as c } from "../../../Typography/Typography.js";
-import { i as b, n as v, r as w, t as S } from "../../../../dist-BaPW7qXd2.js";
+import { i as b, n as v, r as w, t as S } from "../../../../dist-B6ExqXM_2.js";
 import { listVariants as k } from "../../../Select/components/List/List.variants.js";
 import { listItemVariants as N } from "../../../Select/components/ListItem/ListItem.variants.js";
 import { selectVariants as C } from "../../../Select/Select.variants.js";

package/dist/components/VirtualizedTable/components/Filter/Filter.js

@@ -1,10 +1,10 @@
-import { o as z } from "../../../../rolldown-runtime-Ck3dxwZt.js";
-import { t as V } from "../../../../Input-Cf44DzfE.js";
+import { o as z } from "../../../../rolldown-runtime-Dw9YIBcH.js";
+import { t as V } from "../../../../Input-wp-rsCmX.js";
 import { t as $ } from "../../../../utils-Cx-WzRZF.js";
 import { Button as G } from "../../../Button/Button.js";
 import { resetEvent as H } from "../../../Filter/events/index.js";
 import { Filter as o } from "../../../Filter/Filter.js";
-import { t as J } from "../../../../debounce-C5Ycjilj.js";
+import { t as J } from "../../../../debounce-BdyZeJQk.js";
 import { useTableContext as K } from "../../contexts/table.hook.js";
 import { getTableId as Q } from "../../utils/get-table-id.js";
 import { t as U } from "../../../../events.types-BG1Uh8i6.js";

package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js

@@ -1,4 +1,4 @@
-import { t as s } from "../../../../Input-Cf44DzfE.js";
+import { t as s } from "../../../../Input-wp-rsCmX.js";
 import { Button as i } from "../../../Button/Button.js";
 import { Typography as p } from "../../../Typography/Typography.js";
 import { useTableContext as u } from "../../contexts/table.hook.js";

package/dist/components/VirtualizedTable/components/Header/Header.js

@@ -1,5 +1,5 @@
 import { t } from "../../../../utils-Cx-WzRZF.js";
-import { n as g } from "../../../../table.provider-B0BafHuU.js";
+import { n as g } from "../../../../table.provider-DfZ74xMZ.js";
 import { useTableContext as k } from "../../contexts/table.hook.js";
 import u from "../../assets/chevron-up.js";
 import C from "../../assets/chevron-down.js";

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js

@@ -1,7 +1,7 @@
-import { o as R } from "../../../../rolldown-runtime-Ck3dxwZt.js";
+import { o as R } from "../../../../rolldown-runtime-Dw9YIBcH.js";
 import { t as i } from "../../../../utils-Cx-WzRZF.js";
 import { Typography as l } from "../../../Typography/Typography.js";
-import { t as _ } from "../../../../debounce-C5Ycjilj.js";
+import { t as _ } from "../../../../debounce-BdyZeJQk.js";
 import { Tooltip as g } from "../../../Tooltip/Tooltip.js";
 import { useCallback as v, useEffect as a, useRef as z, useState as E } from "react";
 import { jsx as n } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as r } from "../../../table.provider-B0BafHuU.js";
+import { t as r } from "../../../table.provider-DfZ74xMZ.js";
 import { TableContext as e } from "./table.context.js";
 import { useTableContext as a } from "./table.hook.js";
 export {

package/dist/components/VirtualizedTable/contexts/table.provider.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../table.provider-B0BafHuU.js";
+import { t as o } from "../../../table.provider-DfZ74xMZ.js";
 export {
   o as TableProvider
 };