@konstructio/ui 0.0.2 → 0.0.3

package/dist/components/Modal/components/Wrapper/Wrapper.variants.js

@@ -1,5 +1,5 @@
-import { c as t } from "../../../../index-BwYCDOHZ.js";
-const o = t(
+import { c as e } from "../../../../index-BNmRGtA6.js";
+const r = e(
   [
     "bg-metal-1000",
     "bg-white",
@@ -19,22 +19,22 @@ const o = t(
     variants: {
       theme: {
         colony: ["shadow-red-400"],
-        konstruct: ["shadow-orange-400"],
-        kubefirst: ["shadow-kubefirst-purple-light"]
+        kubefirst: ["shadow-kubefirst-primary"],
+        civo: ""
       }
     },
     defaultVariants: {
       theme: "kubefirst"
     }
   }
-), r = t(
+), o = e(
   ["absolute", "right-1.5", "top-1.5", "text-inherit"],
   {
     variants: {
       theme: {
-        kubefirst: ["text-kubefirst-purple-light"],
-        konstruct: ["text-orange-400"],
-        colony: ["text-red-400"]
+        kubefirst: ["text-kubefirst-primary"],
+        colony: ["text-red-400"],
+        civo: ""
       }
     },
     defaultVariants: {
@@ -43,6 +43,6 @@ const o = t(
   }
 );
 export {
-  r as buttonCloseVariants,
-  o as modalVariants
+  o as buttonCloseVariants,
+  r as modalVariants
 };

package/dist/components/Modal/components/index.js

@@ -1,7 +1,7 @@
 import { Body as e } from "./Body/Body.js";
 import { Footer as t } from "./Footer/Footer.js";
 import { Header as m } from "./Header/Header.js";
-import { W as a } from "../../../Modal-CO0_SnXD.js";
+import { W as a } from "../../../Modal-Bg9UG35z.js";
 export {
   e as Body,
   t as Footer,

package/dist/components/Modal/hooks/useModal.d.ts

@@ -1,5 +1,5 @@
 export declare const useModal: () => {
-    closeBtnRef: import('react').RefObject<HTMLButtonElement>;
+    closeBtnRef: import('react').RefObject<HTMLButtonElement | null>;
     isOpen: boolean;
     content: string | import('react').ReactNode;
     shouldShowClose: boolean;

package/dist/components/NumberInput/NumberInput.js

@@ -1,47 +1,48 @@
-import { jsxs as g, jsx as c } from "react/jsx-runtime";
-import p, { forwardRef as b, useId as I, useState as _, useCallback as w } from "react";
+import { jsxs as y, jsx as u } from "react/jsx-runtime";
+import p, { forwardRef as v, useId as _, useState as E, useCallback as w } from "react";
+import { R as x } from "../../index-ffjBR8Av.js";
 import "../../contexts/theme.context.js";
-import { useTheme as E } from "../../contexts/theme.hook.js";
+import { useTheme as T } from "../../contexts/theme.hook.js";
 import "../../js.cookie-OLEfuq_g.js";
-import { labelVariants as T, buttonVariants as j, numberInputVariants as $ } from "./NumberInput.variants.js";
-import { P as a } from "../../index-DQMInta3.js";
-function y() {
-  return y = Object.assign || function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var e in n)
-        Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
+import { labelVariants as $, buttonVariants as j, numberInputVariants as L } from "./NumberInput.variants.js";
+import { P as a } from "../../index-D68N8v8R.js";
+function h() {
+  return h = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var n = arguments[o];
+      for (var t in n)
+        Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
     }
-    return t;
-  }, y.apply(this, arguments);
+    return e;
+  }, h.apply(this, arguments);
 }
-function L(t, i) {
-  if (t == null) return {};
-  var n = W(t, i), e, r;
+function W(e, o) {
+  if (e == null) return {};
+  var n = V(e, o), t, r;
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < o.length; r++)
-      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < i.length; r++)
+      t = i[r], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
   }
   return n;
 }
-function W(t, i) {
-  if (t == null) return {};
-  var n = {}, e = Object.keys(t), r, o;
-  for (o = 0; o < e.length; o++)
-    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
+function V(e, o) {
+  if (e == null) return {};
+  var n = {}, t = Object.keys(e), r, i;
+  for (i = 0; i < t.length; i++)
+    r = t[i], !(o.indexOf(r) >= 0) && (n[r] = e[r]);
   return n;
 }
-var h = b(function(t, i) {
-  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, f = L(t, ["color", "size"]);
-  return /* @__PURE__ */ p.createElement("svg", y({
-    ref: i,
+var d = v(function(e, o) {
+  var n = e.color, t = n === void 0 ? "currentColor" : n, r = e.size, i = r === void 0 ? 24 : r, f = W(e, ["color", "size"]);
+  return /* @__PURE__ */ p.createElement("svg", h({
+    ref: o,
     xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
+    width: i,
+    height: i,
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: e,
+    stroke: t,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -52,48 +53,48 @@ var h = b(function(t, i) {
     y2: "12"
   }));
 });
-h.propTypes = {
+d.propTypes = {
   color: a.string,
   size: a.oneOfType([a.string, a.number])
 };
-h.displayName = "Minus";
-function v() {
-  return v = Object.assign || function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var e in n)
-        Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
+d.displayName = "Minus";
+function b() {
+  return b = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var n = arguments[o];
+      for (var t in n)
+        Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
     }
-    return t;
-  }, v.apply(this, arguments);
+    return e;
+  }, b.apply(this, arguments);
 }
-function V(t, i) {
-  if (t == null) return {};
-  var n = M(t, i), e, r;
+function M(e, o) {
+  if (e == null) return {};
+  var n = R(e, o), t, r;
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < o.length; r++)
-      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < i.length; r++)
+      t = i[r], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
   }
   return n;
 }
-function M(t, i) {
-  if (t == null) return {};
-  var n = {}, e = Object.keys(t), r, o;
-  for (o = 0; o < e.length; o++)
-    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
+function R(e, o) {
+  if (e == null) return {};
+  var n = {}, t = Object.keys(e), r, i;
+  for (i = 0; i < t.length; i++)
+    r = t[i], !(o.indexOf(r) >= 0) && (n[r] = e[r]);
   return n;
 }
-var d = b(function(t, i) {
-  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, f = V(t, ["color", "size"]);
-  return /* @__PURE__ */ p.createElement("svg", v({
-    ref: i,
+var O = v(function(e, o) {
+  var n = e.color, t = n === void 0 ? "currentColor" : n, r = e.size, i = r === void 0 ? 24 : r, f = M(e, ["color", "size"]);
+  return /* @__PURE__ */ p.createElement("svg", b({
+    ref: o,
     xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
+    width: i,
+    height: i,
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: e,
+    stroke: t,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -109,67 +110,75 @@ var d = b(function(t, i) {
     y2: "12"
   }));
 });
-d.propTypes = {
+O.propTypes = {
   color: a.string,
   size: a.oneOfType([a.string, a.number])
 };
-d.displayName = "Plus";
-const G = b(
+O.displayName = "Plus";
+const J = v(
   ({
-    className: t,
-    init: i,
+    className: e,
+    init: o,
     label: n,
-    max: e = -1 / 0,
+    max: t = -1 / 0,
     min: r = 1 / 0,
-    name: o,
+    name: i,
     theme: f,
     onChange: s
-  }, x) => {
-    const { theme: P } = E(), m = f ?? P, k = I(), [u, O] = _(() => i || 0), N = w(() => {
+  }, P) => {
+    const { theme: k } = T(), m = f ?? k, I = _(), [c, g] = E(() => o || 0), N = w(() => {
       let l = 0;
-      r === 1 / 0 ? l = u - 1 : l = Math.max(r, u - 1), O(l), s == null || s(l);
-    }, [u, r, s]), z = w(() => {
+      r === 1 / 0 ? l = c - 1 : l = Math.max(r, c - 1), g(l), s == null || s(l);
+    }, [c, r, s]), z = w(() => {
       let l = 0;
-      e === -1 / 0 ? l = u + 1 : l = Math.min(e, u + 1), O(l), s == null || s(l);
-    }, [u, e, s]);
-    return /* @__PURE__ */ g("div", { className: "flex flex-col gap-1", children: [
-      n ? /* @__PURE__ */ c(
+      t === -1 / 0 ? l = c + 1 : l = Math.min(t, c + 1), g(l), s == null || s(l);
+    }, [c, t, s]);
+    return /* @__PURE__ */ y("div", { className: "flex flex-col gap-1", children: [
+      n ? /* @__PURE__ */ u(
         "label",
         {
-          htmlFor: o ?? k,
-          className: T({
+          htmlFor: i ?? I,
+          className: $({
             theme: m
           }),
           children: n
         }
       ) : null,
-      /* @__PURE__ */ g("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ c(
+      /* @__PURE__ */ y("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ y(
           "button",
           {
             type: "button",
             onClick: N,
             className: j({ theme: m, button: "rigth" }),
-            children: /* @__PURE__ */ c(h, { className: "w-4 h-4" })
+            children: [
+              /* @__PURE__ */ u(d, { className: "w-4 h-4" }),
+              /* @__PURE__ */ u(x, { children: "Decrement" })
+            ]
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u(
           "input",
           {
-            ref: x,
+            ref: P,
             type: "number",
-            value: u,
-            className: $({ className: t, theme: m }),
-            readOnly: !0
+            value: c,
+            name: i,
+            className: L({ className: e, theme: m }),
+            readOnly: !0,
+            role: "textbox"
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ y(
           "button",
           {
             type: "button",
             onClick: z,
             className: j({ theme: m, button: "left" }),
-            children: /* @__PURE__ */ c(d, { className: "w-4 h-4" })
+            children: [
+              /* @__PURE__ */ u(O, { className: "w-4 h-4" }),
+              /* @__PURE__ */ u(x, { children: "Increment" })
+            ]
           }
         )
       ] })
@@ -177,5 +186,5 @@ const G = b(
   }
 );
 export {
-  G as NumberInput
+  J as NumberInput
 };

package/dist/components/NumberInput/NumberInput.variants.d.ts

@@ -1,11 +1,11 @@
 export declare const numberInputVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const buttonVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
     button?: "left" | "rigth" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const labelVariants: (props?: ({
     variant?: "default" | null | undefined;
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/NumberInput/NumberInput.variants.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../index-BwYCDOHZ.js";
+import { c as e } from "../../index-BNmRGtA6.js";
 const t = e(
   [
     "[&::-webkit-inner-spin-button]:appearance-none",
@@ -16,35 +16,28 @@ const t = e(
     variants: {
       theme: {
         colony: ["border-red-700", "text-red-700"],
-        kubefirst: [
-          "border-kubefirst-purple-light",
-          "text-kubefirst-purple-light"
-        ],
-        konstruct: ["border-orange-500", "text-orange-500"]
+        kubefirst: ["border-kubefirst-primary", "text-kubefirst-primary"],
+        civo: ""
       }
     },
     defaultVariants: {
       theme: "kubefirst"
     }
   }
-), n = e(
+), a = e(
   ["p-2", "items-center", "justify-center", "border"],
   {
     variants: {
       theme: {
         colony: ["border-red-700", "text-red-700", "hover:bg-red-50"],
         kubefirst: [
-          "border-kubefirst-purple-light",
-          "text-kubefirst-purple-light",
-          "hover:text-kubefirst-purple-dark",
-          "hover:border-kubefirst-purple-dark",
+          "border-kubefirst-primary",
+          "text-kubefirst-primary",
+          "hover:text-kubefirst-secondary",
+          "hover:border-kubefirst-secondary",
           "hover:bg-purple-100"
         ],
-        konstruct: [
-          "border-orange-500",
-          "text-orange-500",
-          "hover:bg-orange-50"
-        ]
+        civo: ""
       },
       button: {
         left: ["rounded-e-sm"],
@@ -55,15 +48,15 @@ const t = e(
       theme: "kubefirst"
     }
   }
-), a = e(["pl-1", "text-base", "cursor-pointer"], {
+), n = e(["pl-1", "text-base", "cursor-pointer"], {
   variants: {
     variant: {
       default: ""
     },
     theme: {
       kubefirst: "",
-      konstruct: "",
-      colony: ""
+      colony: "",
+      civo: ""
     }
   },
   defaultVariants: {
@@ -72,7 +65,7 @@ const t = e(
   }
 });
 export {
-  n as buttonVariants,
-  a as labelVariants,
+  a as buttonVariants,
+  n as labelVariants,
   t as numberInputVariants
 };

package/dist/components/ProgressBar/ProgressBar.variants.d.ts

@@ -1,7 +1,7 @@
 export declare const progressBarVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const progressBarProgress: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
     status?: "progress" | "error" | "success" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/ProgressBar/ProgressBar.variants.js

@@ -1,12 +1,12 @@
-import { c as s } from "../../index-BwYCDOHZ.js";
-const e = s(
+import { c as s } from "../../index-BNmRGtA6.js";
+const t = s(
   ["h-2", "rounded-full", "overflow-hidden", "mt-4", "bg-zinc-200"],
   {
     variants: {
       theme: {
-        konstruct: "",
         kubefirst: "",
-        colony: ""
+        colony: "",
+        civo: ""
       }
     },
     defaultVariants: {
@@ -18,9 +18,9 @@ const e = s(
   {
     variants: {
       theme: {
-        konstruct: "",
         kubefirst: "",
-        colony: ""
+        colony: "",
+        civo: ""
       },
       status: {
         success: "",
@@ -39,11 +39,6 @@ const e = s(
         theme: "kubefirst",
         class: ["bg-[#81E2B4]"]
       },
-      {
-        status: "progress",
-        theme: "konstruct",
-        class: ["bg-kubefirst-gradient"]
-      },
       {
         status: "progress",
         theme: "colony",
@@ -58,5 +53,5 @@ const e = s(
 );
 export {
   r as progressBarProgress,
-  e as progressBarVariants
+  t as progressBarVariants
 };

package/dist/components/Radio/Radio.variants.d.ts

@@ -1,3 +1,3 @@
 export declare const radioVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Radio/Radio.variants.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../index-BwYCDOHZ.js";
+import { c as e } from "../../index-BNmRGtA6.js";
 const o = e(
   [
     "border-2",
@@ -30,13 +30,10 @@ const o = e(
           "peer-checked:before:bg-red-700"
         ],
         kubefirst: [
-          "peer-checked:border-kubefirst-purple-light",
-          "peer-checked:before:bg-kubefirst-purple-light"
+          "peer-checked:border-kubefirst-primary",
+          "peer-checked:before:bg-kubefirst-primary"
         ],
-        konstruct: [
-          "peer-checked:border-orange-600",
-          "peer-checked:before:bg-orange-600"
-        ]
+        civo: ""
       }
     },
     defaultVariants: {

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,6 +1,6 @@
 import { jsx as m, Fragment as n } from "react/jsx-runtime";
 import { useState as k, useCallback as l } from "react";
-import { S as R } from "../../index-CCavb-1K.js";
+import { S as R } from "../../index-DoOsnuB6.js";
 import "../../contexts/theme.context.js";
 import { useTheme as T } from "../../contexts/theme.hook.js";
 import "../../js.cookie-OLEfuq_g.js";

package/dist/components/Range/Range.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { forwardRef as R, useRef as V, useState as v, useImperativeHandle as T, useEffect as b, useCallback as j } from "react";
-import { R as k, T as w, a as y, b as l } from "../../index-DFbnnPzA.js";
+import { R as k, T as w, a as y, b as l } from "../../index-Ci9Yg4G1.js";
 import { cn as C } from "../../utils/index.js";
 import "../../contexts/theme.context.js";
 import { useTheme as S } from "../../contexts/theme.hook.js";

package/dist/components/Range/Range.variants.d.ts

@@ -1,14 +1,14 @@
 export declare const rangeVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const rangeOutsideVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const trackVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const thumbVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Range/Range.variants.js

@@ -1,5 +1,5 @@
-import { c as e } from "../../index-BwYCDOHZ.js";
-const r = e(
+import { c as e } from "../../index-BNmRGtA6.js";
+const t = e(
   [
     "relative",
     "flex",
@@ -14,33 +14,33 @@ const r = e(
     variants: {
       theme: {
         kubefirst: "",
-        konstruct: "",
-        colony: ""
+        colony: "",
+        civo: ""
       }
     },
     defaultVariants: {
       theme: "kubefirst"
     }
   }
-), s = e(["absolute", "h-full"], {
+), a = e(["absolute", "h-full"], {
   variants: {
     theme: {
-      kubefirst: ["bg-kubefirst-purple-dark"],
-      konstruct: ["bg-orange-500"],
-      colony: ["bg-red-500"]
+      kubefirst: ["bg-kubefirst-secondary"],
+      colony: ["bg-red-500"],
+      civo: ""
     }
   },
   defaultVariants: {
     theme: "kubefirst"
   }
-}), a = e(
+}), s = e(
   ["relative", "flex-grow", "bg-gray-100", "rounded-full"],
   {
     variants: {
       theme: {
         kubefirst: "",
-        konstruct: "",
-        colony: ""
+        colony: "",
+        civo: ""
       },
       size: {
         sm: ["h-1"],
@@ -53,7 +53,7 @@ const r = e(
       size: "md"
     }
   }
-), o = e(
+), i = e(
   [
     "block",
     "w-5",
@@ -70,8 +70,8 @@ const r = e(
     variants: {
       theme: {
         kubefirst: "",
-        konstruct: "",
-        colony: ""
+        colony: "",
+        civo: ""
       },
       size: {
         sm: ["w-5", "h-5"],
@@ -86,8 +86,8 @@ const r = e(
   }
 );
 export {
-  s as rangeOutsideVariants,
-  r as rangeVariants,
-  o as thumbVariants,
-  a as trackVariants
+  a as rangeOutsideVariants,
+  t as rangeVariants,
+  i as thumbVariants,
+  s as trackVariants
 };

package/dist/components/Slider/Slider.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { forwardRef as N, useRef as v, useState as T, useImperativeHandle as V, useEffect as b, useCallback as R } from "react";
-import { R as g, T as j, b as k } from "../../index-DFbnnPzA.js";
+import { R as g, T as j, b as k } from "../../index-Ci9Yg4G1.js";
 import "../../contexts/theme.context.js";
 import { useTheme as w } from "../../contexts/theme.hook.js";
 import "../../js.cookie-OLEfuq_g.js";