@konstructio/ui 0.1.2-alpha.2 → 0.1.2-alpha.21

package/dist/{Modal-V67Uz78z.js → Modal-B8jrP02v.js}

@@ -1,15 +1,15 @@
 import { Body as b } from "./components/Modal/components/Body/Body.js";
 import { Footer as g } from "./components/Modal/components/Footer/Footer.js";
 import { Header as v } from "./components/Modal/components/Header/Header.js";
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
 import { Children as i, isValidElement as s, useEffect as w } from "react";
-import { r as x } from "./index-C9T9HQaa.js";
-import { R as A } from "./index-iXyXtdgP.js";
-import { R as E } from "./Combination-VYaRRJBZ.js";
-import { cn as f } from "./utils/index.js";
-import { buttonCloseVariants as N, modalVariants as R } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { X as k } from "./x-BPcqkRZd.js";
-const B = ({
+import { createPortal as A } from "react-dom";
+import { R as N } from "./index-sp5ZfG6g.js";
+import { R } from "./Combination-VYaRRJBZ.js";
+import { cn as p } from "./utils/index.js";
+import { buttonCloseVariants as k, modalVariants as x } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
+import { X as B } from "./x-4F_5p77m.js";
+const E = ({
   children: e,
   theme: t,
   className: m,
@@ -27,7 +27,7 @@ const B = ({
       o.type
     )
   );
-  return /* @__PURE__ */ n(E, { children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ n(R, { children: /* @__PURE__ */ f(
     "div",
     {
       className: "fixed inset-0 grid place-content-center",
@@ -41,11 +41,11 @@ const B = ({
             role: "presentation"
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ f(
           "div",
           {
-            className: f(
-              R({
+            className: p(
+              x({
                 className: m
               })
             ),
@@ -53,18 +53,18 @@ const B = ({
             "aria-modal": "true",
             children: [
               l,
-              /* @__PURE__ */ p(
+              /* @__PURE__ */ f(
                 "button",
                 {
-                  className: f(
-                    N({
+                  className: p(
+                    k({
                       className: d
                     })
                   ),
                   onClick: a,
                   children: [
-                    /* @__PURE__ */ n(k, {}),
-                    /* @__PURE__ */ n(A, { children: "Dismiss modal" })
+                    /* @__PURE__ */ n(B, {}),
+                    /* @__PURE__ */ n(N, { children: "Dismiss modal" })
                   ]
                 }
               ),
@@ -85,8 +85,8 @@ const B = ({
   }), () => {
     a.abort();
   };
-}, [t]), e ? x.createPortal(
-  /* @__PURE__ */ n(B, { ...d, onClose: t }),
+}, [t]), e ? A(
+  /* @__PURE__ */ n(E, { ...d, onClose: t }),
   m || document.body
 ) : null);
 r.Header = v;
@@ -94,5 +94,5 @@ r.Body = b;
 r.Footer = g;
 export {
   r as M,
-  B as W
+  E as W
 };

package/dist/_commonjsHelpers-DaMA6jEr.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};

package/dist/{chevron-down-BLZPftpV.js → chevron-down-J5nS1Tu0.js}

@@ -1,6 +1,6 @@
-import { c as o } from "./createLucideIcon-DbC6TvM5.js";
+import { c as o } from "./createLucideIcon-DGhJ8Z4k.js";
 /**
-* @license lucide-react v0.544.0 - ISC
+* @license lucide-react v0.548.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/chevron-right-DeMVrnIg.js

@@ -0,0 +1,19 @@
+import { c as o } from "./createLucideIcon-DGhJ8Z4k.js";
+/**
+* @license lucide-react v0.548.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const e = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], n = o("chevron-left", e);
+/**
+* @license lucide-react v0.548.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], h = o("chevron-right", t);
+export {
+  n as C,
+  h as a
+};

package/dist/components/Alert/Alert.js

@@ -1,9 +1,9 @@
 import { jsx as l, jsxs as s } from "react/jsx-runtime";
 import { useRef as f, useState as h, useMemo as b, isValidElement as C, useCallback as V, useEffect as v } from "react";
-import { V as k } from "../../index-iXyXtdgP.js";
+import { V as k } from "../../index-sp5ZfG6g.js";
 import { cn as a } from "../../utils/index.js";
 import { closeButtonVariants as w, alertVariants as x } from "./Alert.variants.js";
-import { X as y } from "../../x-BPcqkRZd.js";
+import { X as y } from "../../x-4F_5p77m.js";
 const R = ({
   theme: i,
   type: o,

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-Oq5GlCHP.js";
+import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-Bn4c-gww.js";
 import { Button as l } from "../Button/Button.js";
 import { cn as t } from "../../utils/index.js";
 import { useAlertDialog as z } from "./hooks/useAlertDialog.js";

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../index-Oq5GlCHP.js";
+import { A as p } from "../../../index-Bn4c-gww.js";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-Oq5GlCHP.js";
+import { A as g } from "../../../index-Bn4c-gww.js";
 export {
   g as AlertDialogTrigger
 };

package/dist/components/Badge/Badge.js

@@ -1,34 +1,36 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useRef as f, useState as h, useCallback as g, useEffect as v } from "react";
-import { cn as c } from "../../utils/index.js";
-import { buttonDismissVariants as w, badgeVariants as x } from "./Badge.variants.js";
-import { c as y } from "../../createLucideIcon-DbC6TvM5.js";
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { useRef as h, useState as g, useCallback as v, useEffect as w } from "react";
+import { cn as m } from "../../utils/index.js";
+import { buttonDismissVariants as x, badgeVariants as y } from "./Badge.variants.js";
+import { S as M } from "../../index-DQH6odE9.js";
+import { c as N } from "../../createLucideIcon-DGhJ8Z4k.js";
 /**
-* @license lucide-react v0.544.0 - ISC
+* @license lucide-react v0.548.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const M = [
+const Z = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Z = y("x", M), N = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M7.05002%201.45002C7.05002%201.17155%206.9394%200.904476%206.74249%200.707562C6.54557%200.510649%206.2785%200.400024%206.00002%200.400024C5.72155%200.400024%205.45448%200.510649%205.25756%200.707562C5.06065%200.904476%204.95002%201.17155%204.95002%201.45002C4.95002%201.7285%205.06065%201.99557%205.25756%202.19249C5.45448%202.3894%205.72155%202.50002%206.00002%202.50002C6.2785%202.50002%206.54557%202.3894%206.74249%202.19249C6.9394%201.99557%207.05002%201.7285%207.05002%201.45002ZM7.05002%2010.55C7.05002%2010.2715%206.9394%2010.0045%206.74249%209.80756C6.54557%209.61065%206.2785%209.50002%206.00002%209.50002C5.72155%209.50002%205.45448%209.61065%205.25756%209.80756C5.06065%2010.0045%204.95002%2010.2715%204.95002%2010.55C4.95002%2010.8285%205.06065%2011.0956%205.25756%2011.2925C5.45448%2011.4894%205.72155%2011.6%206.00002%2011.6C6.2785%2011.6%206.54557%2011.4894%206.74249%2011.2925C6.9394%2011.0956%207.05002%2010.8285%207.05002%2010.55ZM1.45002%207.05002C1.7285%207.05002%201.99557%206.9394%202.19249%206.74249C2.3894%206.54557%202.50002%206.2785%202.50002%206.00002C2.50002%205.72155%202.3894%205.45448%202.19249%205.25756C1.99557%205.06065%201.7285%204.95002%201.45002%204.95002C1.17155%204.95002%200.904476%205.06065%200.707562%205.25756C0.510649%205.45448%200.400024%205.72155%200.400024%206.00002C0.400024%206.2785%200.510649%206.54557%200.707562%206.74249C0.904476%206.9394%201.17155%207.05002%201.45002%207.05002ZM11.6%206.00002C11.6%205.72155%2011.4894%205.45448%2011.2925%205.25756C11.0956%205.06065%2010.8285%204.95002%2010.55%204.95002C10.2715%204.95002%2010.0045%205.06065%209.80756%205.25756C9.61065%205.45448%209.50002%205.72155%209.50002%206.00002C9.50002%206.2785%209.61065%206.54557%209.80756%206.74249C10.0045%206.9394%2010.2715%207.05002%2010.55%207.05002C10.8285%207.05002%2011.0956%206.9394%2011.2925%206.74249C11.4894%206.54557%2011.6%206.2785%2011.6%206.00002ZM3.52596%209.9594C3.62349%209.86187%203.70085%209.74609%203.75363%209.61867C3.80641%209.49124%203.83358%209.35467%203.83358%209.21674C3.83358%209.07882%203.80641%208.94225%203.75363%208.81482C3.70085%208.6874%203.62349%208.57161%203.52596%208.47409C3.42844%208.37656%203.31265%208.2992%203.18523%208.24642C3.0578%208.19364%202.92123%208.16647%202.78331%208.16647C2.50476%208.16647%202.23761%208.27712%202.04065%208.47409C1.84368%208.67105%201.73303%208.93819%201.73303%209.21674C1.73303%209.49529%201.84368%209.76243%202.04065%209.9594C2.23761%2010.1564%202.50476%2010.267%202.78331%2010.267C3.06186%2010.267%203.329%2010.1564%203.52596%209.9594ZM3.52596%203.52377C3.62833%203.42738%203.7103%203.31141%203.76701%203.18274C3.82371%203.05407%203.85399%202.91532%203.85605%202.77472C3.85812%202.63413%203.83192%202.49455%203.77902%202.36427C3.72611%202.23399%203.64758%202.11566%203.54808%202.01631C3.44858%201.91695%203.33014%201.8386%203.19978%201.78589C3.06942%201.73318%202.92981%201.70718%202.78921%201.70945C2.64862%201.71172%202.50992%201.74221%202.38133%201.7991C2.25274%201.85599%202.13689%201.93814%202.04065%202.04065C1.84368%202.23761%201.73303%202.50476%201.73303%202.78331C1.73303%203.06186%201.84368%203.329%202.04065%203.52596C2.23761%203.72293%202.50476%203.83358%202.78331%203.83358C3.06186%203.83358%203.329%203.72293%203.52596%203.52596V3.52377ZM8.47409%209.9594C8.57161%2010.0569%208.6874%2010.1343%208.81482%2010.1871C8.94225%2010.2399%209.07882%2010.267%209.21674%2010.267C9.35467%2010.267%209.49124%2010.2399%209.61867%2010.1871C9.74609%2010.1343%209.86187%2010.0569%209.9594%209.9594C10.0569%209.86187%2010.1343%209.74609%2010.1871%209.61867C10.2399%209.49124%2010.267%209.35467%2010.267%209.21674C10.267%209.07882%2010.2399%208.94225%2010.1871%208.81482C10.1343%208.6874%2010.0569%208.57161%209.9594%208.47409C9.86187%208.37656%209.74609%208.2992%209.61867%208.24642C9.49124%208.19364%209.35467%208.16647%209.21674%208.16647C9.07882%208.16647%208.94225%208.19364%208.81482%208.24642C8.6874%208.2992%208.57161%208.37656%208.47409%208.47409C8.37656%208.57161%208.2992%208.6874%208.24642%208.81482C8.19364%208.94225%208.16647%209.07882%208.16647%209.21674C8.16647%209.35467%208.19364%209.49124%208.24642%209.61867C8.2992%209.74609%208.37656%209.86187%208.47409%209.9594Z'%20fill='currentColor'%20/%3e%3c/svg%3e", B = ({
+], V = N("x", Z), D = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M7.05002%201.45002C7.05002%201.17155%206.9394%200.904476%206.74249%200.707562C6.54557%200.510649%206.2785%200.400024%206.00002%200.400024C5.72155%200.400024%205.45448%200.510649%205.25756%200.707562C5.06065%200.904476%204.95002%201.17155%204.95002%201.45002C4.95002%201.7285%205.06065%201.99557%205.25756%202.19249C5.45448%202.3894%205.72155%202.50002%206.00002%202.50002C6.2785%202.50002%206.54557%202.3894%206.74249%202.19249C6.9394%201.99557%207.05002%201.7285%207.05002%201.45002ZM7.05002%2010.55C7.05002%2010.2715%206.9394%2010.0045%206.74249%209.80756C6.54557%209.61065%206.2785%209.50002%206.00002%209.50002C5.72155%209.50002%205.45448%209.61065%205.25756%209.80756C5.06065%2010.0045%204.95002%2010.2715%204.95002%2010.55C4.95002%2010.8285%205.06065%2011.0956%205.25756%2011.2925C5.45448%2011.4894%205.72155%2011.6%206.00002%2011.6C6.2785%2011.6%206.54557%2011.4894%206.74249%2011.2925C6.9394%2011.0956%207.05002%2010.8285%207.05002%2010.55ZM1.45002%207.05002C1.7285%207.05002%201.99557%206.9394%202.19249%206.74249C2.3894%206.54557%202.50002%206.2785%202.50002%206.00002C2.50002%205.72155%202.3894%205.45448%202.19249%205.25756C1.99557%205.06065%201.7285%204.95002%201.45002%204.95002C1.17155%204.95002%200.904476%205.06065%200.707562%205.25756C0.510649%205.45448%200.400024%205.72155%200.400024%206.00002C0.400024%206.2785%200.510649%206.54557%200.707562%206.74249C0.904476%206.9394%201.17155%207.05002%201.45002%207.05002ZM11.6%206.00002C11.6%205.72155%2011.4894%205.45448%2011.2925%205.25756C11.0956%205.06065%2010.8285%204.95002%2010.55%204.95002C10.2715%204.95002%2010.0045%205.06065%209.80756%205.25756C9.61065%205.45448%209.50002%205.72155%209.50002%206.00002C9.50002%206.2785%209.61065%206.54557%209.80756%206.74249C10.0045%206.9394%2010.2715%207.05002%2010.55%207.05002C10.8285%207.05002%2011.0956%206.9394%2011.2925%206.74249C11.4894%206.54557%2011.6%206.2785%2011.6%206.00002ZM3.52596%209.9594C3.62349%209.86187%203.70085%209.74609%203.75363%209.61867C3.80641%209.49124%203.83358%209.35467%203.83358%209.21674C3.83358%209.07882%203.80641%208.94225%203.75363%208.81482C3.70085%208.6874%203.62349%208.57161%203.52596%208.47409C3.42844%208.37656%203.31265%208.2992%203.18523%208.24642C3.0578%208.19364%202.92123%208.16647%202.78331%208.16647C2.50476%208.16647%202.23761%208.27712%202.04065%208.47409C1.84368%208.67105%201.73303%208.93819%201.73303%209.21674C1.73303%209.49529%201.84368%209.76243%202.04065%209.9594C2.23761%2010.1564%202.50476%2010.267%202.78331%2010.267C3.06186%2010.267%203.329%2010.1564%203.52596%209.9594ZM3.52596%203.52377C3.62833%203.42738%203.7103%203.31141%203.76701%203.18274C3.82371%203.05407%203.85399%202.91532%203.85605%202.77472C3.85812%202.63413%203.83192%202.49455%203.77902%202.36427C3.72611%202.23399%203.64758%202.11566%203.54808%202.01631C3.44858%201.91695%203.33014%201.8386%203.19978%201.78589C3.06942%201.73318%202.92981%201.70718%202.78921%201.70945C2.64862%201.71172%202.50992%201.74221%202.38133%201.7991C2.25274%201.85599%202.13689%201.93814%202.04065%202.04065C1.84368%202.23761%201.73303%202.50476%201.73303%202.78331C1.73303%203.06186%201.84368%203.329%202.04065%203.52596C2.23761%203.72293%202.50476%203.83358%202.78331%203.83358C3.06186%203.83358%203.329%203.72293%203.52596%203.52596V3.52377ZM8.47409%209.9594C8.57161%2010.0569%208.6874%2010.1343%208.81482%2010.1871C8.94225%2010.2399%209.07882%2010.267%209.21674%2010.267C9.35467%2010.267%209.49124%2010.2399%209.61867%2010.1871C9.74609%2010.1343%209.86187%2010.0569%209.9594%209.9594C10.0569%209.86187%2010.1343%209.74609%2010.1871%209.61867C10.2399%209.49124%2010.267%209.35467%2010.267%209.21674C10.267%209.07882%2010.2399%208.94225%2010.1871%208.81482C10.1343%208.6874%2010.0569%208.57161%209.9594%208.47409C9.86187%208.37656%209.74609%208.2992%209.61867%208.24642C9.49124%208.19364%209.35467%208.16647%209.21674%208.16647C9.07882%208.16647%208.94225%208.19364%208.81482%208.24642C8.6874%208.2992%208.57161%208.37656%208.47409%208.47409C8.37656%208.57161%208.2992%208.6874%208.24642%208.81482C8.19364%208.94225%208.16647%209.07882%208.16647%209.21674C8.16647%209.35467%208.19364%209.49124%208.24642%209.61867C8.2992%209.74609%208.37656%209.86187%208.47409%209.9594Z'%20fill='currentColor'%20/%3e%3c/svg%3e", P = ({
   className: d,
-  dismissible: m = !1,
+  dismissible: u = !1,
   label: a,
-  loading: r = !1,
-  size: o,
-  variant: i,
+  leftIcon: r,
+  loading: o = !1,
+  size: i,
+  variant: n,
   onClick: e,
-  onDismiss: n
+  onDismiss: l
 }) => {
-  const C = f(null), [u, p] = h("visible"), b = g(
+  const C = h(null), [p, b] = g("visible"), f = v(
     (t) => {
-      t.stopPropagation(), n?.(), p("hidden");
+      t.stopPropagation(), l?.(), b("hidden");
     },
-    [n]
+    [l]
   );
-  return v(() => {
+  return w(() => {
     const t = new AbortController();
     return C.current?.addEventListener(
       "animationend",
@@ -37,33 +39,34 @@ const M = [
       },
       { signal: t.signal }
     ), () => t.abort();
-  }, []), /* @__PURE__ */ l(
+  }, []), /* @__PURE__ */ c(
     "span",
     {
       ref: C,
-      className: c(
-        x({ variant: i, size: o, className: d }),
+      className: m(
+        y({ variant: n, size: i, className: d }),
         e && "cursor-pointer"
       ),
       role: e ? "button" : void 0,
       onClick: e,
       tabIndex: e ? 0 : void 0,
       "aria-label": e ? `${a} badge` : void 0,
-      "aria-busy": r,
+      "aria-busy": o,
       "aria-live": "polite",
-      "data-state": u,
+      "data-state": p,
       children: [
-        r && /* @__PURE__ */ s(N, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
+        o && /* @__PURE__ */ s(D, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
+        r ? /* @__PURE__ */ s(M, { className: "h-3 w-3", children: r }) : null,
         a,
-        m && /* @__PURE__ */ l(
+        u && /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            className: c(w({ size: o, variant: i })),
-            onClick: b,
+            className: m(x({ size: i, variant: n })),
+            onClick: f,
             "aria-label": "Dismiss",
             children: [
-              /* @__PURE__ */ s(Z, { className: "h-full w-full" }),
+              /* @__PURE__ */ s(V, { className: "h-full w-full" }),
               /* @__PURE__ */ s("span", { className: "sr-only", children: "Dismiss" })
             ]
           }
@@ -73,5 +76,5 @@ const M = [
   );
 };
 export {
-  B as Badge
+  P as Badge
 };

package/dist/components/Badge/Badge.variants.js

@@ -1,5 +1,5 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const a = e(
+import { c as t } from "../../index-D29mdTf5.js";
+const a = t(
   [
     "flex",
     "items-center",
@@ -21,7 +21,8 @@ const a = e(
         danger: ["bg-red-100", "text-red-800"],
         info: ["bg-blue-100", "text-blue-800"],
         success: ["bg-green-100", "text-green-800"],
-        warning: ["bg-yellow-100", "text-yellow-800"]
+        warning: ["bg-yellow-100", "text-yellow-800"],
+        violet: ["bg-violet-50", "text-violet-800"]
       },
       size: {
         default: "text-sm leading-[16px]"
@@ -32,7 +33,7 @@ const a = e(
       size: "default"
     }
   }
-), n = e(
+), n = t(
   [
     "rounded-full",
     "inline-flex",
@@ -50,7 +51,8 @@ const a = e(
         danger: ["text-red-700"],
         info: ["text-blue-700"],
         success: ["text-green-700"],
-        warning: ["text-yellow-700"]
+        warning: ["text-yellow-700"],
+        violet: ["text-violet-700"]
       },
       size: {
         default: ["h-3.5", "w-3.5"]

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -3,7 +3,7 @@ import u, { forwardRef as b, useId as v, Fragment as y } from "react";
 import { cn as h } from "../../utils/index.js";
 import { breadcrumbVariants as O, breadcrumbWrapperVariants as j } from "./Breadcrumb.variants.js";
 import { Item as w } from "./components/Item/Item.js";
-import { P as l } from "../../index-h-Ul0anl.js";
+import { P as l } from "../../index-N2OStZoU.js";
 function m() {
   return m = Object.assign || function(r) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/components/Breadcrumb/components/Item/Item.js

@@ -1,46 +1,47 @@
-import { jsx as a, Fragment as p } from "react/jsx-runtime";
+import { jsx as e, Fragment as p } from "react/jsx-runtime";
 import { cn as m } from "../../../../utils/index.js";
-import { u as f, L as h } from "../../../../useBreadcrumb-B8DnuqkR.js";
-import { breadcrumbLinkVariants as o, breadcrumbLabelVariants as b } from "./Item.variants.js";
+import { u as h, L as b } from "../../../../useBreadcrumb-B8DnuqkR.js";
+import { breadcrumbLinkVariants as d, breadcrumbLabelVariants as k } from "./Item.variants.js";
 const g = ({
   isActive: r,
   isLast: t,
   label: n,
-  target: i,
+  target: s,
   theme: c,
-  to: e,
-  component: d = "a"
+  to: a,
+  component: l = "a"
 }) => {
-  const { isInsideRouter: l } = f(), s = (u) => {
-    e === "#" && u.preventDefault();
-  };
-  return /* @__PURE__ */ a(
+  const { isInsideRouter: u } = h(), o = (f) => {
+    a === "#" && f.preventDefault();
+  }, i = l;
+  return /* @__PURE__ */ e(
     "li",
     {
       "aria-current": t ? "page" : void 0,
       className: "group font-medium text-inherit",
       "data-theme": c,
-      children: e ? /* @__PURE__ */ a(p, { children: l ? /* @__PURE__ */ a(
-        h,
+      children: a ? /* @__PURE__ */ e(p, { children: u ? /* @__PURE__ */ e(
+        b,
         {
-          to: e,
-          target: i,
-          className: m(o({ isActive: r })),
+          to: a,
+          target: s,
+          className: m(d({ isActive: r })),
           "aria-disabled": r ? "true" : "false",
-          onClick: s,
+          onClick: o,
           children: n
         }
-      ) : /* @__PURE__ */ a(
-        d,
+      ) : /* @__PURE__ */ e(
+        i,
         {
-          href: e,
-          target: i,
-          className: m(o({ isActive: r })),
+          href: i === "a" ? a : void 0,
+          to: i !== "a" ? a : void 0,
+          target: s,
+          className: m(d({ isActive: r })),
           "aria-disabled": r ? "true" : "false",
-          onClick: s,
+          onClick: o,
           children: n
         }
-      ) }) : /* @__PURE__ */ a("span", { className: m(b({ isActive: r })), children: n })
+      ) }) : /* @__PURE__ */ e("span", { className: m(k({ isActive: r })), children: n })
     }
   );
 };

package/dist/components/Button/Button.variants.js

@@ -66,7 +66,7 @@ const t = r(
           "py-1",
           "h-auto",
           "text-[0.8125rem]",
-          "leading-[1.375rem]",
+          "leading-5.5",
           "h-[30px]"
         ]
       }

package/dist/components/Checkbox/Checkbox.js

@@ -3,13 +3,14 @@ import * as h from "react";
 import S, { forwardRef as z, useId as V, useCallback as X } from "react";
 import { u as L } from "../../index-DQH6odE9.js";
 import { c as J, a as Q, b as j } from "../../index-BfXxHr_2.js";
-import { u as Y, a as Z } from "../../index-CZnD2QxM.js";
+import { u as Y } from "../../index-BZPx6jYI.js";
+import { u as Z } from "../../index-BAEWsOG1.js";
 import { P as ee } from "../../index-C1g_chDT.js";
-import { P as w } from "../../index-C9T9HQaa.js";
+import { P as w } from "../../index-BVRIAMfe.js";
 import { cn as T } from "../../utils/index.js";
 import { checkboxVariants as te, labelVariants as re } from "./Checkbox.variants.js";
 import { useToggle as oe } from "../../hooks/useToggle.js";
-import { P as y } from "../../index-h-Ul0anl.js";
+import { P as y } from "../../index-N2OStZoU.js";
 function R() {
   return R = Object.assign || function(e) {
     for (var a = 1; a < arguments.length; a++) {
@@ -59,7 +60,7 @@ I.propTypes = {
   size: y.oneOfType([y.string, y.number])
 };
 I.displayName = "Check";
-var P = "Checkbox", [ce, ye] = J(P), [se, N] = ce(P);
+var P = "Checkbox", [ce, Pe] = J(P), [se, N] = ce(P);
 function ie(e) {
   const {
     __scopeCheckbox: a,

package/dist/components/Checkbox/Checkbox.variants.js

@@ -1,5 +1,5 @@
 import { c as r } from "../../index-D29mdTf5.js";
-const t = r(
+const e = r(
   [
     "cursor-pointer",
     "border",
@@ -10,9 +10,10 @@ const t = r(
     "justify-center",
     "items-center",
     "transition-all",
-    "text-white",
+    "text-slate-800",
     "border-zinc-400",
-    "kubefirst:border-kubefirst-primary"
+    "kubefirst:border-kubefirst-primary",
+    "kubefirst:text-white"
   ],
   {
     variants: {
@@ -40,6 +41,6 @@ const t = r(
   }
 ), a = r(["cursor-pointer", "text-slate-800"]);
 export {
-  t as checkboxVariants,
+  e as checkboxVariants,
   a as labelVariants
 };

package/dist/components/Command/Command.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { R as s, D as p } from "../../index-BXuxPoz7.js";
-import { V as l } from "../../index-iXyXtdgP.js";
+import { R as s, D as p } from "../../index-amYX3uxF.js";
+import { V as l } from "../../index-sp5ZfG6g.js";
 import { cn as m } from "../../utils/index.js";
 import { wrapperVariants as f } from "./Command.variants.js";
 import { DialogContent as c } from "./components/DialogContent.js";

package/dist/components/Command/components/Command.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-D3xzCzcO.js";
+import { _ as o } from "../../../index-0XtjXVpJ.js";
 const s = p(({ className: r, children: a, ...e }, i) => /* @__PURE__ */ m(o, { ref: i, className: r, ...e, children: /* @__PURE__ */ m("div", { className: "w-[500px]", children: a }) }));
 s.displayName = o.displayName;
 export {

package/dist/components/Command/components/CommandEmpty.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as m } from "../../../index-D3xzCzcO.js";
+import { _ as m } from "../../../index-0XtjXVpJ.js";
 const r = p((t, e) => /* @__PURE__ */ o(
   m.Empty,
   {

package/dist/components/Command/components/CommandGroup.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-D3xzCzcO.js";
+import { _ as o } from "../../../index-0XtjXVpJ.js";
 import { cn as a } from "../../../utils/index.js";
 const t = p(({ className: r, ...m }, d) => /* @__PURE__ */ e(
   o.Group,

package/dist/components/Command/components/CommandInput.js

@@ -1,9 +1,9 @@
 import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-D3xzCzcO.js";
+import { _ as m } from "../../../index-0XtjXVpJ.js";
 import s, { forwardRef as u } from "react";
 import { cn as f } from "../../../utils/index.js";
 import { searchInconInputVariants as v, inputVariants as g } from "../Command.variants.js";
-import { P as a } from "../../../index-h-Ul0anl.js";
+import { P as a } from "../../../index-N2OStZoU.js";
 function p() {
   return p = Object.assign || function(r) {
     for (var n = 1; n < arguments.length; n++) {

package/dist/components/Command/components/CommandItem.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as i, useContext as c, useCallback as l } from "react";
-import { _ as o } from "../../../index-D3xzCzcO.js";
+import { _ as o } from "../../../index-0XtjXVpJ.js";
 import { cn as p } from "../../../utils/index.js";
 import { CommandContext as u } from "../contexts/Command.context.js";
 const f = i(({ className: n, onSelect: e, ...r }, a) => {

package/dist/components/Command/components/CommandList.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { _ as o } from "../../../index-D3xzCzcO.js";
+import { _ as o } from "../../../index-0XtjXVpJ.js";
 import { cn as t } from "../../../utils/index.js";
 const e = s(({ className: m, ...r }, a) => /* @__PURE__ */ i(
   o.List,

package/dist/components/Command/components/CommandSeparator.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as r } from "../../../index-D3xzCzcO.js";
+import { _ as r } from "../../../index-0XtjXVpJ.js";
 import { cn as t } from "../../../utils/index.js";
 const s = p(({ className: o, ...a }, m) => /* @__PURE__ */ e(
   r.Separator,

package/dist/components/Command/components/DialogContent.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { a as r, C as o, b as l } from "../../../index-BXuxPoz7.js";
+import { a as r, C as o, b as l } from "../../../index-amYX3uxF.js";
 import { cn as m } from "../../../utils/index.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
-import { X as c } from "../../../x-BPcqkRZd.js";
+import { X as c } from "../../../x-4F_5p77m.js";
 const f = i(({ className: e, children: s, ...n }, d) => /* @__PURE__ */ t(r, { children: [
   /* @__PURE__ */ a(p, {}),
   /* @__PURE__ */ t(

package/dist/components/Command/components/DialogOverlay.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { O as a } from "../../../index-BXuxPoz7.js";
+import { O as a } from "../../../index-amYX3uxF.js";
 import { cn as i } from "../../../utils/index.js";
 const m = d(({ className: t, ...e }, o) => /* @__PURE__ */ s(
   a,