@konstructio/ui 0.1.1-alpha.6 → 0.1.2-alpha.10

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

@@ -1,5 +1,5 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const t = e(
+import { c as r } from "../../index-D29mdTf5.js";
+const t = r(
   [
     "border",
     "cursor-pointer",
@@ -20,32 +20,28 @@ const t = e(
     "px-4",
     "py-2",
     "text-sm",
-    "border-kubefirst-primary",
-    "bg-kubefirst-primary",
-    "hover:bg-kubefirst-secondary",
-    "hover:border-kubefirst-secondary",
-    "civo:bg-aurora-500",
-    "civo:border-aurora-500",
-    "civo:text-slate-700",
-    "civo:hover:bg-aurora-400",
-    "civo:hover:border-aurora-400"
+    "kubefirst:border-kubefirst-primary",
+    "kubefirst:bg-kubefirst-primary",
+    "kubefirst:hover:bg-kubefirst-secondary",
+    "kubefirst:hover:border-kubefirst-secondary",
+    "kubefirst:text-white",
+    "bg-aurora-500",
+    "border-aurora-500",
+    "text-slate-700",
+    "hover:bg-aurora-400",
+    "hover:border-aurora-400"
   ],
   {
     variants: {
       variant: {
-        primary: ["text-white"],
+        primary: "",
         secondary: ["bg-white"],
         danger: [
           "border-red-700",
           "bg-red-700",
           "text-white",
           "hover:bg-red-800",
-          "hover:border-red-800",
-          "civo:border-red-700",
-          "civo:bg-red-700",
-          "civo:text-white",
-          "civo:hover:bg-red-800",
-          "civo:hover:border-red-800"
+          "hover:border-red-800"
         ],
         text: ["bg-transparent", "border-transparent", "text-slate-500"]
       },
@@ -80,82 +76,86 @@ const t = e(
         variant: "secondary",
         disabled: !1,
         class: [
-          "text-kubefirst-primary",
-          "border-kubefirst-primary",
-          "hover:text-kubefirst-secondary",
-          "hover:border-kubefirst-secondary",
-          "hover:bg-purple-50",
-          "civo:bg-white",
-          "civo:hover:bg-white",
-          "civo:text-slate-700",
-          "civo:border-slate-300",
-          "civo:hover:text-slate-700",
-          "civo:hover:border-slate-300",
-          "civo:hover:bg-slate-50",
-          "civo-dark:bg-transparent",
-          "civo-dark:text-white",
-          "civo-dark:border-gray-600"
+          "bg-white",
+          "hover:bg-white",
+          "text-slate-700",
+          "border-slate-300",
+          "hover:text-slate-700",
+          "hover:border-slate-300",
+          "hover:bg-slate-50",
+          "dark:bg-transparent",
+          "dark:text-aurora-500",
+          "dark:border-aurora-500",
+          "dark:hover:bg-aurora-900",
+          "dark:hover:border-aurora-500",
+          "dark:hover:text-aurora-500",
+          "kubefirst:text-kubefirst-primary",
+          "kubefirst:border-kubefirst-primary",
+          "kubefirst:hover:text-kubefirst-secondary",
+          "kubefirst:hover:border-kubefirst-secondary",
+          "kubefirst:hover:bg-purple-50",
+          "kubefirst:bg-white"
         ]
       },
       {
         variant: "primary",
         disabled: !0,
         class: [
-          "bg-zinc-200",
-          "border-zinc-200",
-          "text-zinc-500",
-          "civo:text-gray-700",
-          "civo:opacity-45"
+          "kubefirst:bg-zinc-200",
+          "kubefirst:border-zinc-200",
+          "kubefirst:text-zinc-500",
+          "text-gray-700",
+          "opacity-45"
         ]
       },
       {
         variant: "secondary",
         disabled: !0,
         class: [
+          "kubefirst:bg-white",
+          "kubefirst:border-zinc-500",
+          "kubefirst:text-zinc-500",
+          "border-slate-300/45",
           "bg-white",
-          "border-zinc-500",
-          "text-zinc-500",
-          "civo:border-slate-300/45",
-          "civo:bg-white",
-          "civo:text-slate-700/45"
+          "text-slate-700/45"
         ]
       },
       {
         variant: "danger",
         version: "alternate",
         class: [
+          "kubefirst:border-red-700",
+          "kubefirst:text-red-700",
+          "kubefirst:bg-white",
+          "kubefirst:hover:bg-red-50",
           "border-red-700",
           "text-red-700",
           "bg-white",
-          "hover:bg-red-50",
-          "civo:border-red-700",
-          "civo:text-red-700",
-          "civo:bg-white",
-          "civo:hover:bg-red-50"
+          "hover:bg-red-50"
         ]
       },
       {
         variant: "danger",
         disabled: !0,
-        class: [
-          "civo:text-white",
-          "civo:bg-red-700/45",
-          "civo:border-transparent"
-        ]
+        class: ["text-white", "bg-red-700/45", "border-transparent"]
       },
       {
         variant: "text",
         disabled: !1,
         version: "default",
         class: [
+          "kubefirst:hover:border-transparent",
+          "kubefirst:hover:text-kubefirst-primary",
+          "kubefirst:text-kubefirst-primary",
+          "kubefirst:hover:bg-purple-50",
+          "kubefirst:bg-white",
+          "kubefirst:border-transparent",
+          "bg-white",
+          "border-transparent",
+          "text-slate-700",
           "hover:border-transparent",
-          "hover:text-kubefirst-primary",
-          "hover:bg-purple-50",
-          "civo:bg-white",
-          "civo:border-transparent",
-          "civo:hover:border-transparent",
-          "civo:hover:text-civo-primary",
-          "civo:hover:bg-transparent"
+          "hover:text-aurora-500",
+          "hover:bg-transparent"
         ]
       },
       {
@@ -163,16 +163,18 @@ const t = e(
         disabled: !1,
         version: "alternate",
         class: [
+          "bg-white",
+          "border-transparent",
+          "text-aurora-500",
           "hover:border-transparent",
-          "text-kubefirst-primary",
-          "hover:text-kubefirst-primary",
-          "hover:bg-purple-50",
-          "civo:bg-white",
-          "civo:border-transparent",
-          "civo:hover:border-transparent",
-          "civo:text-civo-primary",
-          "civo:hover:text-civo-primary",
-          "civo:hover:bg-blue-50"
+          "hover:text-aurora-500",
+          "hover:bg-aurora-50",
+          "kubefirst:hover:border-transparent",
+          "kubefirst:text-kubefirst-primary",
+          "kubefirst:border-transparent",
+          "kubefirst:bg-white",
+          "kubefirst:hover:text-kubefirst-primary",
+          "kubefirst:hover:bg-purple-50"
         ]
       },
       {
@@ -180,112 +182,86 @@ const t = e(
         disabled: !0,
         version: ["default", "alternate"],
         class: [
+          "kubefirst:bg-white",
+          "kubefirst:border-white",
+          "kubefirst:text-zinc-400",
           "bg-white",
           "border-white",
-          "text-zinc-400",
-          "civo:bg-white",
-          "civo:border-white",
-          "civo:text-civo-primary/45"
+          "text-slate-700/45"
         ]
       },
       {
         shape: "circle",
-        size: "medium",
+        size: ["medium", "large"],
         disabled: !1,
         class: [
-          "text-slate-400",
-          "bg-transparent",
-          "border-transparent",
-          "hover:border-transparent",
-          "hover:bg-kubefirst-primary/5",
-          "hover:text-kubefirst-primary",
           "w-8",
           "h-8",
-          "civo:text-slate-400",
-          "civo:bg-transparent",
-          "civo:border-transparent",
-          "civo:hover:border-transparent",
-          "civo:hover:bg-civo-primary/5",
-          "civo:hover:text-civo-primary",
-          "civo:[&>svg]:w-5",
-          "civo:[&>svg]:h-5"
-        ]
-      },
-      {
-        shape: "circle",
-        size: "large",
-        disabled: !1,
-        class: [
           "text-slate-400",
           "bg-transparent",
           "border-transparent",
           "hover:border-transparent",
-          "hover:bg-kubefirst-primary/5",
-          "hover:text-kubefirst-primary",
-          "w-11",
-          "h-11",
-          "[&>svg]:w-6",
-          "[&>svg]:h-6",
-          "civo:text-slate-400",
-          "civo:bg-transparent",
-          "civo:border-transparent",
-          "civo:hover:border-transparent",
-          "civo:hover:bg-civo-primary/5",
-          "civo:hover:text-civo-primary",
-          "civo:w-11",
-          "civo:h-11",
-          "civo:[&>svg]:w-6",
-          "civo:[&>svg]:h-6"
+          "hover:bg-aurora-500/5",
+          "hover:text-slate-800",
+          "[&>svg]:w-5",
+          "[&>svg]:h-5",
+          "dark:text-slate-400",
+          "dark:hover:text-aurora-500",
+          "dark:hover:bg-aurora-900",
+          "kubefirst:text-slate-400",
+          "kubefirst:bg-transparent",
+          "kubefirst:border-transparent",
+          "kubefirst:hover:border-transparent",
+          "kubefirst:hover:bg-kubefirst-primary/5",
+          "kubefirst:hover:text-kubefirst-primary",
+          "kubefirst-dark:text-slate-400",
+          "kubefirst-dark:bg-transparent",
+          "kubefirst-dark:border-transparent",
+          "kubefirst-dark:hover:border-transparent",
+          "kubefirst-dark:hover:bg-kubefirst-primary/5",
+          "kubefirst-dark:hover:text-kubefirst-primary",
+          "kubefirst-dark:hover:bg-kubefirst-primary/25"
         ]
       },
       {
-        variant: "danger",
         shape: "circle",
         size: "large",
         disabled: !1,
-        class: [
-          "text-red-700",
-          "hover:text-red-700",
-          "hover:bg-red-50",
-          "civo:text-red-700",
-          "civo:hover:text-red-700",
-          "civo:hover:bg-red-50"
-        ]
+        class: ["w-11", "h-11", "[&>svg]:w-6", "[&>svg]:h-6"]
       },
       {
         variant: "danger",
         shape: "circle",
-        size: "medium",
+        size: ["medium", "large"],
         disabled: !1,
         class: [
           "text-red-700",
           "hover:text-red-700",
           "hover:bg-red-50",
-          "civo:text-red-700",
-          "civo:hover:text-red-700",
-          "civo:hover:bg-red-50"
+          "dark:text-red-700",
+          "dark:hover:text-red-500",
+          "dark:hover:bg-red-700/25"
         ]
       },
       {
         shape: "circle",
-        size: "medium",
+        size: ["medium", "large"],
         disabled: !0,
         class: [
-          "text-slate-300",
+          "text-slate-400",
           "bg-transparent",
           "border-transparent",
           "w-8",
           "h-8",
           "[&>svg]:w-5",
-          "[&>svg]:h-5",
-          "civo:text-slate-300",
-          "civo:bg-transparent",
-          "civo:border-transparent",
-          "civo:w-8",
-          "civo:h-8",
-          "civo:[&>svg]:w-5",
-          "civo:[&>svg]:h-5"
+          "[&>svg]:h-5"
         ]
+      },
+      {
+        shape: "circle",
+        size: "large",
+        disabled: !0,
+        class: ["w-11", "h-11", "[&>svg]:w-6", "[&>svg]:h-6"]
       }
     ],
     defaultVariants: {

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",
-    "border-kubefirst-primary",
-    "civo:border-zinc-400"
+    "text-slate-800",
+    "border-zinc-400",
+    "kubefirst:border-kubefirst-primary",
+    "kubefirst:text-white"
   ],
   {
     variants: {
@@ -28,9 +29,9 @@ const t = r(
       {
         checked: !0,
         class: [
-          "bg-kubefirst-primary",
-          "civo:bg-aurora-500",
-          "civo:border-aurora-500"
+          "kubefirst:bg-kubefirst-primary",
+          "bg-aurora-500",
+          "border-aurora-500"
         ]
       }
     ],
@@ -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,