@konstructio/ui 0.1.0-alpha.9 → 0.1.1-alpha.1

package/dist/components/Checkbox/Checkbox.js

@@ -1,11 +1,11 @@
 import { jsx as u, jsxs as B, Fragment as U } from "react/jsx-runtime";
 import * as h from "react";
 import S, { forwardRef as z, useId as V, useCallback as X } from "react";
-import { u as L } from "../../index-B5MIi2tR.js";
-import { c as J, a as Q, b as j } from "../../index-Cq1I1cG9.js";
-import { u as Y, a as Z } from "../../index-Bc1LNrRD.js";
-import { P as ee } from "../../index-Dm-ooN_M.js";
-import { P as w } from "../../index-BCGvACM9.js";
+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 { P as ee } from "../../index-C1g_chDT.js";
+import { P as w } from "../../index-C9T9HQaa.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";
@@ -59,7 +59,7 @@ I.propTypes = {
   size: y.oneOfType([y.string, y.number])
 };
 I.displayName = "Check";
-var P = "Checkbox", [ce, ge] = J(P), [se, N] = ce(P);
+var P = "Checkbox", [ce, ye] = J(P), [se, N] = ce(P);
 function ie(e) {
   const {
     __scopeCheckbox: a,
@@ -73,13 +73,13 @@ function ie(e) {
     required: b,
     value: k = "on",
     // @ts-expect-error
-    internal_do_not_use_render: c
+    internal_do_not_use_render: i
   } = e, [p, x] = Q({
     prop: o,
     defaultProp: r ?? !1,
     onChange: d,
     caller: P
-  }), [m, C] = h.useState(null), [g, s] = h.useState(null), i = h.useRef(!1), _ = m ? !!l || !!m.closest("form") : (
+  }), [m, C] = h.useState(null), [g, c] = h.useState(null), s = h.useRef(!1), _ = m ? !!l || !!m.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), E = {
@@ -91,19 +91,19 @@ function ie(e) {
     name: f,
     form: l,
     value: k,
-    hasConsumerStoppedPropagationRef: i,
+    hasConsumerStoppedPropagationRef: s,
     required: b,
     defaultChecked: v(r) ? !1 : r,
     isFormControl: _,
     bubbleInput: g,
-    setBubbleInput: s
+    setBubbleInput: c
   };
   return /* @__PURE__ */ u(
     se,
     {
       scope: a,
       ...E,
-      children: le(c) ? c(E) : n
+      children: le(i) ? i(E) : n
     }
   );
 }
@@ -116,35 +116,35 @@ var M = "CheckboxTrigger", q = h.forwardRef(
       checked: d,
       required: b,
       setControl: k,
-      setChecked: c,
+      setChecked: i,
       hasConsumerStoppedPropagationRef: p,
       isFormControl: x,
       bubbleInput: m
     } = N(M, e), C = L(r, k), g = h.useRef(d);
     return h.useEffect(() => {
-      const s = t == null ? void 0 : t.form;
-      if (s) {
-        const i = () => c(g.current);
-        return s.addEventListener("reset", i), () => s.removeEventListener("reset", i);
+      const c = t?.form;
+      if (c) {
+        const s = () => i(g.current);
+        return c.addEventListener("reset", s), () => c.removeEventListener("reset", s);
       }
-    }, [t, c]), /* @__PURE__ */ u(
+    }, [t, i]), /* @__PURE__ */ u(
       w.button,
       {
         type: "button",
         role: "checkbox",
         "aria-checked": v(d) ? "mixed" : d,
         "aria-required": b,
-        "data-state": $(d),
+        "data-state": W(d),
         "data-disabled": f ? "" : void 0,
         disabled: f,
         value: l,
         ...n,
         ref: C,
-        onKeyDown: j(a, (s) => {
-          s.key === "Enter" && s.preventDefault();
+        onKeyDown: j(a, (c) => {
+          c.key === "Enter" && c.preventDefault();
         }),
-        onClick: j(o, (s) => {
-          c((i) => v(i) ? !0 : !i), m && x && (p.current = s.isPropagationStopped(), p.current || s.stopPropagation());
+        onClick: j(o, (c) => {
+          i((s) => v(s) ? !0 : !s), m && x && (p.current = c.isPropagationStopped(), p.current || c.stopPropagation());
         })
       }
     );
@@ -163,7 +163,7 @@ var A = h.forwardRef(
       value: d,
       onCheckedChange: b,
       form: k,
-      ...c
+      ...i
     } = e;
     return /* @__PURE__ */ u(
       ie,
@@ -181,13 +181,13 @@ var A = h.forwardRef(
           /* @__PURE__ */ u(
             q,
             {
-              ...c,
+              ...i,
               ref: a,
               __scopeCheckbox: o
             }
           ),
           p && /* @__PURE__ */ u(
-            W,
+            K,
             {
               __scopeCheckbox: o
             }
@@ -208,7 +208,7 @@ var F = "CheckboxIndicator", D = h.forwardRef(
         children: /* @__PURE__ */ u(
           w.span,
           {
-            "data-state": $(t.checked),
+            "data-state": W(t.checked),
             "data-disabled": t.disabled ? "" : void 0,
             ...r,
             ref: a,
@@ -220,7 +220,7 @@ var F = "CheckboxIndicator", D = h.forwardRef(
   }
 );
 D.displayName = F;
-var H = "CheckboxBubbleInput", W = h.forwardRef(
+var H = "CheckboxBubbleInput", K = h.forwardRef(
   ({ __scopeCheckbox: e, ...a }, o) => {
     const {
       control: n,
@@ -231,34 +231,34 @@ var H = "CheckboxBubbleInput", W = h.forwardRef(
       disabled: d,
       name: b,
       value: k,
-      form: c,
+      form: i,
       bubbleInput: p,
       setBubbleInput: x
     } = N(H, e), m = L(o, x), C = Y(t), g = Z(n);
     h.useEffect(() => {
-      const i = p;
-      if (!i) return;
+      const s = p;
+      if (!s) return;
       const _ = window.HTMLInputElement.prototype, O = Object.getOwnPropertyDescriptor(
         _,
         "checked"
-      ).set, G = !r.current;
+      ).set, $ = !r.current;
       if (C !== t && O) {
-        const K = new Event("click", { bubbles: G });
-        i.indeterminate = v(t), O.call(i, v(t) ? !1 : t), i.dispatchEvent(K);
+        const G = new Event("click", { bubbles: $ });
+        s.indeterminate = v(t), O.call(s, v(t) ? !1 : t), s.dispatchEvent(G);
       }
     }, [p, C, t, r]);
-    const s = h.useRef(v(t) ? !1 : t);
+    const c = h.useRef(v(t) ? !1 : t);
     return /* @__PURE__ */ u(
       w.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: l ?? s.current,
+        defaultChecked: l ?? c.current,
         required: f,
         disabled: d,
         name: b,
         value: k,
-        form: c,
+        form: i,
         ...a,
         tabIndex: -1,
         ref: m,
@@ -278,17 +278,17 @@ var H = "CheckboxBubbleInput", W = h.forwardRef(
     );
   }
 );
-W.displayName = H;
+K.displayName = H;
 function le(e) {
   return typeof e == "function";
 }
 function v(e) {
   return e === "indeterminate";
 }
-function $(e) {
+function W(e) {
   return v(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const ye = z(
+const de = z(
   ({
     ariaLabelledBy: e,
     className: a,
@@ -301,14 +301,14 @@ const ye = z(
     theme: d,
     title: b,
     variant: k,
-    onChange: c,
+    onChange: i,
     ...p
   }, x) => {
-    const [m, C] = oe(o ?? !1), g = V(), s = X(
-      (i) => {
-        C(i), c == null || c(i);
+    const [m, C] = oe(o ?? !1), g = V(), c = X(
+      (s) => {
+        C(s), i?.(s);
       },
-      [c, C]
+      [i, C]
     );
     return /* @__PURE__ */ B("div", { className: "flex items-center gap-2", "data-theme": d, children: [
       /* @__PURE__ */ u(
@@ -328,9 +328,9 @@ const ye = z(
               checked: m
             })
           ),
-          onCheckedChange: s,
+          onCheckedChange: c,
           ...p,
-          children: /* @__PURE__ */ u(D, { children: /* @__PURE__ */ u(I, { className: "w-4 h-4 stroke-2" }) })
+          children: /* @__PURE__ */ u(D, { children: /* @__PURE__ */ u(I, { className: "w-4 h-4 stroke-2 civo:text-slate-700" }) })
         }
       ),
       t ? /* @__PURE__ */ u(
@@ -348,6 +348,7 @@ const ye = z(
     ] });
   }
 );
+de.displayName = "KonstructCheckbox";
 export {
-  ye as Checkbox
+  de as Checkbox
 };

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

@@ -1,4 +1,4 @@
-import { c as r } from "../../index-BNmRGtA6.js";
+import { c as r } from "../../index-D29mdTf5.js";
 const t = r(
   [
     "cursor-pointer",
@@ -12,7 +12,6 @@ const t = r(
     "transition-all",
     "text-white",
     "border-kubefirst-primary",
-    "colony:border-red-700",
     "civo:border-zinc-400"
   ],
   {
@@ -30,8 +29,8 @@ const t = r(
         checked: !0,
         class: [
           "bg-kubefirst-primary",
-          "colony:bg-red-700",
-          ["civo:bg-civo-primary", "civo:border-civo-primary"]
+          "civo:bg-aurora-500",
+          "civo:border-aurora-500"
         ]
       }
     ],

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-DLYwlPRZ.js";
-import { V as l } from "../../index--EmNlyHx.js";
+import { R as s, D as p } from "../../index-BXuxPoz7.js";
+import { V as l } from "../../index-iXyXtdgP.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/Command.variants.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../index-BNmRGtA6.js";
+import { c as e } from "../../index-D29mdTf5.js";
 const r = e([
   "[&_[cmdk-group-heading]]:font-medium",
   "[&_[cmdk-group-heading]]:px-2",

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-Dkt8F6CZ.js";
+import { _ as o } from "../../../index-D3xzCzcO.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-Dkt8F6CZ.js";
+import { _ as m } from "../../../index-D3xzCzcO.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-Dkt8F6CZ.js";
+import { _ as o } from "../../../index-D3xzCzcO.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,5 +1,5 @@
 import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-Dkt8F6CZ.js";
+import { _ as m } from "../../../index-D3xzCzcO.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";

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

@@ -1,29 +1,29 @@
 import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as i, useContext as p, useCallback as c } from "react";
-import { _ as r } from "../../../index-Dkt8F6CZ.js";
-import { cn as l } from "../../../utils/index.js";
+import { forwardRef as i, useContext as c, useCallback as l } from "react";
+import { _ as o } from "../../../index-D3xzCzcO.js";
+import { cn as p } from "../../../utils/index.js";
 import { CommandContext as u } from "../contexts/Command.context.js";
-const f = i(({ className: a, onSelect: e, ...s }, o) => {
-  const { setOpen: t } = p(u), n = c(
+const f = i(({ className: n, onSelect: e, ...r }, a) => {
+  const { setOpen: t } = c(u), s = l(
     (m) => {
-      e == null || e(m), t(!1);
+      e?.(m), t(!1);
     },
     [t, e]
   );
   return /* @__PURE__ */ d(
-    r.Item,
+    o.Item,
     {
-      ref: o,
-      className: l(
+      ref: a,
+      className: p(
         "relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-        a
+        n
       ),
-      onSelect: n,
-      ...s
+      onSelect: s,
+      ...r
     }
   );
 });
-f.displayName = r.Item.displayName;
+f.displayName = o.Item.displayName;
 export {
   f as CommandItem
 };

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-Dkt8F6CZ.js";
+import { _ as o } from "../../../index-D3xzCzcO.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-Dkt8F6CZ.js";
+import { _ as r } from "../../../index-D3xzCzcO.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,6 +1,6 @@
 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-DLYwlPRZ.js";
+import { a as r, C as o, b as l } from "../../../index-BXuxPoz7.js";
 import { cn as m } from "../../../utils/index.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
 import { X as c } from "../../../x-BPcqkRZd.js";

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-DLYwlPRZ.js";
+import { O as a } from "../../../index-BXuxPoz7.js";
 import { cn as i } from "../../../utils/index.js";
 const m = d(({ className: t, ...e }, o) => /* @__PURE__ */ s(
   a,