@konstructio/ui 0.1.0-alpha.7 → 0.1.0-alpha.8

package/dist/chevron-down-UW8ts6wI.js

@@ -0,0 +1,11 @@
+import { c as o } from "./createLucideIcon-ByJ0JZvK.js";
+/**
+* @license lucide-react v0.513.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const n = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], e = o("chevron-down", n);
+export {
+  e as C
+};

package/dist/components/Badge/Badge.js

@@ -2,9 +2,9 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { useRef as v, useState as w, useCallback as x, useEffect as y } from "react";
 import { cn as u } from "../../utils/index.js";
 import { buttonDismissVariants as M, badgeVariants as Z } from "./Badge.variants.js";
-import { c as N } from "../../createLucideIcon-vyksFS6P.js";
+import { c as N } from "../../createLucideIcon-ByJ0JZvK.js";
 /**
-* @license lucide-react v0.511.0 - ISC
+* @license lucide-react v0.513.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/components/Button/Button.variants.js

@@ -218,7 +218,7 @@ const o = r(
           "colony:text-zinc-400",
           "civo:bg-white",
           "civo:border-white",
-          "civo:text-zinc-400"
+          "civo:text-civo-primary/45"
         ]
       },
       {

package/dist/components/Checkbox/Checkbox.js

@@ -12,35 +12,35 @@ import { useToggle as oe } from "../../hooks/useToggle.js";
 import { P as y } from "../../index-h-Ul0anl.js";
 function R() {
   return R = Object.assign || function(e) {
-    for (var c = 1; c < arguments.length; c++) {
-      var o = arguments[c];
+    for (var a = 1; a < arguments.length; a++) {
+      var o = arguments[a];
       for (var n in o)
         Object.prototype.hasOwnProperty.call(o, n) && (e[n] = o[n]);
     }
     return e;
   }, R.apply(this, arguments);
 }
-function ne(e, c) {
+function ne(e, a) {
   if (e == null) return {};
-  var o = ce(e, c), n, r;
+  var o = ae(e, a), n, r;
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(e);
     for (r = 0; r < t.length; r++)
-      n = t[r], !(c.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+      n = t[r], !(a.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
   }
   return o;
 }
-function ce(e, c) {
+function ae(e, a) {
   if (e == null) return {};
   var o = {}, n = Object.keys(e), r, t;
   for (t = 0; t < n.length; t++)
-    r = n[t], !(c.indexOf(r) >= 0) && (o[r] = e[r]);
+    r = n[t], !(a.indexOf(r) >= 0) && (o[r] = e[r]);
   return o;
 }
-var I = z(function(e, c) {
-  var o = e.color, n = o === void 0 ? "currentColor" : o, r = e.size, t = r === void 0 ? 24 : r, i = ne(e, ["color", "size"]);
+var I = z(function(e, a) {
+  var o = e.color, n = o === void 0 ? "currentColor" : o, r = e.size, t = r === void 0 ? 24 : r, l = ne(e, ["color", "size"]);
   return /* @__PURE__ */ S.createElement("svg", R({
-    ref: c,
+    ref: a,
     xmlns: "http://www.w3.org/2000/svg",
     width: t,
     height: t,
@@ -50,7 +50,7 @@ var I = z(function(e, c) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, i), /* @__PURE__ */ S.createElement("polyline", {
+  }, l), /* @__PURE__ */ S.createElement("polyline", {
     points: "20 6 9 17 4 12"
   }));
 });
@@ -59,41 +59,41 @@ I.propTypes = {
   size: y.oneOfType([y.string, y.number])
 };
 I.displayName = "Check";
-var P = "Checkbox", [ae, ge] = J(P), [se, N] = ae(P);
+var P = "Checkbox", [ce, ge] = J(P), [se, N] = ce(P);
 function ie(e) {
   const {
-    __scopeCheckbox: c,
+    __scopeCheckbox: a,
     checked: o,
     children: n,
     defaultChecked: r,
     disabled: t,
-    form: i,
+    form: l,
     name: f,
-    onCheckedChange: l,
+    onCheckedChange: d,
     required: b,
     value: k = "on",
     // @ts-expect-error
-    internal_do_not_use_render: a
-  } = e, [p, C] = Q({
+    internal_do_not_use_render: c
+  } = e, [p, x] = Q({
     prop: o,
     defaultProp: r ?? !1,
-    onChange: l,
+    onChange: d,
     caller: P
-  }), [m, v] = h.useState(null), [g, s] = h.useState(null), d = h.useRef(!1), _ = m ? !!i || !!m.closest("form") : (
+  }), [m, C] = h.useState(null), [g, s] = h.useState(null), i = 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 = {
     checked: p,
     disabled: t,
-    setChecked: C,
+    setChecked: x,
     control: m,
-    setControl: v,
+    setControl: C,
     name: f,
-    form: i,
+    form: l,
     value: k,
-    hasConsumerStoppedPropagationRef: d,
+    hasConsumerStoppedPropagationRef: i,
     required: b,
-    defaultChecked: x(r) ? !1 : r,
+    defaultChecked: v(r) ? !1 : r,
     isFormControl: _,
     bubbleInput: g,
     setBubbleInput: s
@@ -101,50 +101,50 @@ function ie(e) {
   return /* @__PURE__ */ u(
     se,
     {
-      scope: c,
+      scope: a,
       ...E,
-      children: le(a) ? a(E) : n
+      children: le(c) ? c(E) : n
     }
   );
 }
 var M = "CheckboxTrigger", q = h.forwardRef(
-  ({ __scopeCheckbox: e, onKeyDown: c, onClick: o, ...n }, r) => {
+  ({ __scopeCheckbox: e, onKeyDown: a, onClick: o, ...n }, r) => {
     const {
       control: t,
-      value: i,
+      value: l,
       disabled: f,
-      checked: l,
+      checked: d,
       required: b,
       setControl: k,
-      setChecked: a,
+      setChecked: c,
       hasConsumerStoppedPropagationRef: p,
-      isFormControl: C,
+      isFormControl: x,
       bubbleInput: m
-    } = N(M, e), v = L(r, k), g = h.useRef(l);
+    } = 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 d = () => a(g.current);
-        return s.addEventListener("reset", d), () => s.removeEventListener("reset", d);
+        const i = () => c(g.current);
+        return s.addEventListener("reset", i), () => s.removeEventListener("reset", i);
       }
-    }, [t, a]), /* @__PURE__ */ u(
+    }, [t, c]), /* @__PURE__ */ u(
       w.button,
       {
         type: "button",
         role: "checkbox",
-        "aria-checked": x(l) ? "mixed" : l,
+        "aria-checked": v(d) ? "mixed" : d,
         "aria-required": b,
-        "data-state": $(l),
+        "data-state": $(d),
         "data-disabled": f ? "" : void 0,
         disabled: f,
-        value: i,
+        value: l,
         ...n,
-        ref: v,
-        onKeyDown: j(c, (s) => {
+        ref: C,
+        onKeyDown: j(a, (s) => {
           s.key === "Enter" && s.preventDefault();
         }),
         onClick: j(o, (s) => {
-          a((d) => x(d) ? !0 : !d), m && C && (p.current = s.isPropagationStopped(), p.current || s.stopPropagation());
+          c((i) => v(i) ? !0 : !i), m && x && (p.current = s.isPropagationStopped(), p.current || s.stopPropagation());
         })
       }
     );
@@ -152,18 +152,18 @@ var M = "CheckboxTrigger", q = h.forwardRef(
 );
 q.displayName = M;
 var A = h.forwardRef(
-  (e, c) => {
+  (e, a) => {
     const {
       __scopeCheckbox: o,
       name: n,
       checked: r,
       defaultChecked: t,
-      required: i,
+      required: l,
       disabled: f,
-      value: l,
+      value: d,
       onCheckedChange: b,
       form: k,
-      ...a
+      ...c
     } = e;
     return /* @__PURE__ */ u(
       ie,
@@ -172,17 +172,17 @@ var A = h.forwardRef(
         checked: r,
         defaultChecked: t,
         disabled: f,
-        required: i,
+        required: l,
         onCheckedChange: b,
         name: n,
         form: k,
-        value: l,
+        value: d,
         internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ B(U, { children: [
           /* @__PURE__ */ u(
             q,
             {
-              ...a,
-              ref: c,
+              ...c,
+              ref: a,
               __scopeCheckbox: o
             }
           ),
@@ -199,19 +199,19 @@ var A = h.forwardRef(
 );
 A.displayName = P;
 var F = "CheckboxIndicator", D = h.forwardRef(
-  (e, c) => {
+  (e, a) => {
     const { __scopeCheckbox: o, forceMount: n, ...r } = e, t = N(F, o);
     return /* @__PURE__ */ u(
       ee,
       {
-        present: n || x(t.checked) || t.checked === !0,
+        present: n || v(t.checked) || t.checked === !0,
         children: /* @__PURE__ */ u(
           w.span,
           {
             "data-state": $(t.checked),
             "data-disabled": t.disabled ? "" : void 0,
             ...r,
-            ref: c,
+            ref: a,
             style: { pointerEvents: "none", ...e.style }
           }
         )
@@ -221,49 +221,49 @@ var F = "CheckboxIndicator", D = h.forwardRef(
 );
 D.displayName = F;
 var H = "CheckboxBubbleInput", W = h.forwardRef(
-  ({ __scopeCheckbox: e, ...c }, o) => {
+  ({ __scopeCheckbox: e, ...a }, o) => {
     const {
       control: n,
       hasConsumerStoppedPropagationRef: r,
       checked: t,
-      defaultChecked: i,
+      defaultChecked: l,
       required: f,
-      disabled: l,
+      disabled: d,
       name: b,
       value: k,
-      form: a,
+      form: c,
       bubbleInput: p,
-      setBubbleInput: C
-    } = N(H, e), m = L(o, C), v = Y(t), g = Z(n);
+      setBubbleInput: x
+    } = N(H, e), m = L(o, x), C = Y(t), g = Z(n);
     h.useEffect(() => {
-      const d = p;
-      if (!d) return;
+      const i = p;
+      if (!i) return;
       const _ = window.HTMLInputElement.prototype, O = Object.getOwnPropertyDescriptor(
         _,
         "checked"
       ).set, G = !r.current;
-      if (v !== t && O) {
+      if (C !== t && O) {
         const K = new Event("click", { bubbles: G });
-        d.indeterminate = x(t), O.call(d, x(t) ? !1 : t), d.dispatchEvent(K);
+        i.indeterminate = v(t), O.call(i, v(t) ? !1 : t), i.dispatchEvent(K);
       }
-    }, [p, v, t, r]);
-    const s = h.useRef(x(t) ? !1 : t);
+    }, [p, C, t, r]);
+    const s = h.useRef(v(t) ? !1 : t);
     return /* @__PURE__ */ u(
       w.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: i ?? s.current,
+        defaultChecked: l ?? s.current,
         required: f,
-        disabled: l,
+        disabled: d,
         name: b,
         value: k,
-        form: a,
-        ...c,
+        form: c,
+        ...a,
         tabIndex: -1,
         ref: m,
         style: {
-          ...c.style,
+          ...a.style,
           ...g,
           position: "absolute",
           pointerEvents: "none",
@@ -282,49 +282,54 @@ W.displayName = H;
 function le(e) {
   return typeof e == "function";
 }
-function x(e) {
+function v(e) {
   return e === "indeterminate";
 }
 function $(e) {
-  return x(e) ? "indeterminate" : e ? "checked" : "unchecked";
+  return v(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 const ye = z(
   ({
     ariaLabelledBy: e,
-    className: c,
+    className: a,
     defaultChecked: o,
     disabled: n,
     id: r,
     label: t,
-    labelClassName: i,
+    labelClassName: l,
     name: f,
-    theme: l,
+    theme: d,
     title: b,
     variant: k,
-    onChange: a
-  }, p) => {
-    const [C, m] = oe(o), v = V(), g = X(() => {
-      m(), a == null || a();
-    }, [a, m]);
-    return /* @__PURE__ */ B("div", { className: "flex items-center gap-2", "data-theme": l, children: [
+    onChange: c,
+    ...p
+  }, x) => {
+    const [m, C] = oe(o ?? !1), g = V(), s = X(
+      (i) => {
+        C(i), c == null || c(i);
+      },
+      [c, C]
+    );
+    return /* @__PURE__ */ B("div", { className: "flex items-center gap-2", "data-theme": d, children: [
       /* @__PURE__ */ u(
         A,
         {
-          id: r ?? v,
-          checked: C,
-          ref: p,
+          id: r ?? g,
+          checked: m,
+          ref: x,
           name: f,
           disabled: n,
           "aria-labelledby": e,
           title: b,
           className: T(
             te({
-              className: c,
+              className: a,
               variant: k,
-              checked: C
+              checked: m
             })
           ),
-          onCheckedChange: g,
+          onCheckedChange: s,
+          ...p,
           children: /* @__PURE__ */ u(D, { children: /* @__PURE__ */ u(I, { className: "w-4 h-4 stroke-2" }) })
         }
       ),
@@ -334,7 +339,7 @@ const ye = z(
           htmlFor: f ?? r,
           className: T(
             re({
-              className: i
+              className: l
             })
           ),
           children: t

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

@@ -13,7 +13,7 @@ const t = r(
     "text-white",
     "border-kubefirst-primary",
     "colony:border-red-700",
-    "civo:border-civo-primary"
+    "civo:border-zinc-400"
   ],
   {
     variants: {
@@ -31,7 +31,7 @@ const t = r(
         class: [
           "bg-kubefirst-primary",
           "colony:bg-red-700",
-          "civo:bg-civo-primary"
+          ["civo:bg-civo-primary", "civo:border-civo-primary"]
         ]
       }
     ],