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

package/dist/components/Dropdown/Dropdown.variants.js

@@ -16,20 +16,20 @@ const a = r(
     "outline-none",
     "h-9",
     "border-gray-200",
-    "aria-expanded:border-kubefirst-primary",
-    "aria-expanded:text-kubefirst-secondary",
     "focus-visible:bg-zinc-50",
-    "civo:aria-expanded:border-aurora-500",
-    "civo:aria-expanded:text-aurora-500"
+    "aria-expanded:border-aurora-500",
+    "aria-expanded:text-aurora-500",
+    "kubefirst:aria-expanded:border-kubefirst-primary",
+    "kubefirst:aria-expanded:text-kubefirst-secondary"
   ],
   {
     variants: {
       hasError: {
         true: [
-          "border-red-600",
-          "text-red-600",
-          "civo:aria-expanded:border-red-600",
-          "civo:aria-expanded:text-red-600"
+          "aria-expanded:border-red-600",
+          "aria-expanded:text-red-600",
+          "kubefirst:border-red-600",
+          "kubefirst:text-red-600"
         ],
         false: ""
       }

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js

@@ -5,7 +5,7 @@ import { Checkbox as C } from "../../../Checkbox/Checkbox.js";
 import { cn as n } from "../../../../utils/index.js";
 import { filterButtonIconVariants as y, filterButtonVariants as N } from "../../Filter.variants.js";
 import { useBadgeMultiSelect as B } from "./BadgeMultiSelect.hook.js";
-import { C as O } from "../../../../chevron-down-CVce9Mvh.js";
+import { C as O } from "../../../../chevron-down-BLZPftpV.js";
 const $ = ({
   options: i,
   label: p,

package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js

@@ -5,7 +5,7 @@ import { DatePicker as w } from "../../../Datepicker/DatePicker.js";
 import { cn as o } from "../../../../utils/index.js";
 import { filterButtonIconVariants as x, filterButtonVariants as y } from "../../Filter.variants.js";
 import { useDateFilterDropdown as D } from "./DateFilterDropdown.hook.js";
-import { C as N } from "../../../../chevron-down-CVce9Mvh.js";
+import { C as N } from "../../../../chevron-down-BLZPftpV.js";
 const R = ({
   label: s,
   position: l = "left",

package/dist/components/Input/Input.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import l, { forwardRef as g, useId as _, useRef as I, useState as W } from "react";
+import l, { forwardRef as x, useId as _, useRef as I, useState as W } from "react";
 import { cn as u } from "../../utils/index.js";
 import { inputVariants as $ } from "./Input.variants.js";
 import { SearchIcon as L } from "../../assets/icons/components/Search.js";
@@ -8,37 +8,37 @@ import { P as i } from "../../index-h-Ul0anl.js";
 function h() {
   return h = Object.assign || function(t) {
     for (var n = 1; n < arguments.length; n++) {
-      var o = arguments[n];
-      for (var e in o)
-        Object.prototype.hasOwnProperty.call(o, e) && (t[e] = o[e]);
+      var a = arguments[n];
+      for (var e in a)
+        Object.prototype.hasOwnProperty.call(a, e) && (t[e] = a[e]);
     }
     return t;
   }, h.apply(this, arguments);
 }
 function S(t, n) {
   if (t == null) return {};
-  var o = C(t, n), e, r;
+  var a = C(t, n), e, r;
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < a.length; r++)
-      e = a[r], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (o[e] = t[e]);
+    var o = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < o.length; r++)
+      e = o[r], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (a[e] = t[e]);
   }
-  return o;
+  return a;
 }
 function C(t, n) {
   if (t == null) return {};
-  var o = {}, e = Object.keys(t), r, a;
-  for (a = 0; a < e.length; a++)
-    r = e[a], !(n.indexOf(r) >= 0) && (o[r] = t[r]);
-  return o;
+  var a = {}, e = Object.keys(t), r, o;
+  for (o = 0; o < e.length; o++)
+    r = e[o], !(n.indexOf(r) >= 0) && (a[r] = t[r]);
+  return a;
 }
-var x = g(function(t, n) {
-  var o = t.color, e = o === void 0 ? "currentColor" : o, r = t.size, a = r === void 0 ? 24 : r, c = S(t, ["color", "size"]);
+var v = x(function(t, n) {
+  var a = t.color, e = a === void 0 ? "currentColor" : a, r = t.size, o = r === void 0 ? 24 : r, c = S(t, ["color", "size"]);
   return /* @__PURE__ */ l.createElement("svg", h({
     ref: n,
     xmlns: "http://www.w3.org/2000/svg",
-    width: a,
-    height: a,
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: e,
@@ -54,45 +54,45 @@ var x = g(function(t, n) {
     y2: "23"
   }));
 });
-x.propTypes = {
+v.propTypes = {
   color: i.string,
   size: i.oneOfType([i.string, i.number])
 };
-x.displayName = "EyeOff";
-function v() {
-  return v = Object.assign || function(t) {
+v.displayName = "EyeOff";
+function g() {
+  return g = Object.assign || function(t) {
     for (var n = 1; n < arguments.length; n++) {
-      var o = arguments[n];
-      for (var e in o)
-        Object.prototype.hasOwnProperty.call(o, e) && (t[e] = o[e]);
+      var a = arguments[n];
+      for (var e in a)
+        Object.prototype.hasOwnProperty.call(a, e) && (t[e] = a[e]);
     }
     return t;
-  }, v.apply(this, arguments);
+  }, g.apply(this, arguments);
 }
 function M(t, n) {
   if (t == null) return {};
-  var o = R(t, n), e, r;
+  var a = R(t, n), e, r;
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < a.length; r++)
-      e = a[r], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (o[e] = t[e]);
+    var o = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < o.length; r++)
+      e = o[r], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (a[e] = t[e]);
   }
-  return o;
+  return a;
 }
 function R(t, n) {
   if (t == null) return {};
-  var o = {}, e = Object.keys(t), r, a;
-  for (a = 0; a < e.length; a++)
-    r = e[a], !(n.indexOf(r) >= 0) && (o[r] = t[r]);
-  return o;
+  var a = {}, e = Object.keys(t), r, o;
+  for (o = 0; o < e.length; o++)
+    r = e[o], !(n.indexOf(r) >= 0) && (a[r] = t[r]);
+  return a;
 }
-var y = g(function(t, n) {
-  var o = t.color, e = o === void 0 ? "currentColor" : o, r = t.size, a = r === void 0 ? 24 : r, c = M(t, ["color", "size"]);
-  return /* @__PURE__ */ l.createElement("svg", v({
+var y = x(function(t, n) {
+  var a = t.color, e = a === void 0 ? "currentColor" : a, r = t.size, o = r === void 0 ? 24 : r, c = M(t, ["color", "size"]);
+  return /* @__PURE__ */ l.createElement("svg", g({
     ref: n,
     xmlns: "http://www.w3.org/2000/svg",
-    width: a,
-    height: a,
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: e,
@@ -112,14 +112,14 @@ y.propTypes = {
   size: i.oneOfType([i.string, i.number])
 };
 y.displayName = "Eye";
-const A = g(
+const A = x(
   ({
     className: t,
     error: n,
-    isRequired: o = !1,
+    isRequired: a = !1,
     isSearch: e = !1,
     label: r,
-    labelClassName: a,
+    labelClassName: o,
     name: c,
     theme: O,
     type: f = "text",
@@ -127,20 +127,20 @@ const A = g(
     helperTextClassName: j,
     ...k
   }, N) => {
-    const b = _(), P = I(f === "password"), [d, E] = W(() => f !== "password"), p = typeof n == "string" && n.length >= 0, z = d ? y : x;
+    const b = _(), P = I(f === "password"), [d, E] = W(() => f !== "password"), p = typeof n == "string" && n.length >= 0, z = d ? y : v;
     return /* @__PURE__ */ m("div", { className: "flex flex-col gap-2 w-full relative", "data-theme": O, children: [
       r ? /* @__PURE__ */ m(
         "label",
         {
           htmlFor: b,
           className: u(
-            "cursor-pointer text-slate-500 flex gap-1 text-sm font-medium civo-dark:text-slate-50 kubefirst-dark:text-slate-50",
-            a
+            "cursor-pointer text-slate-500 flex gap-1 text-sm font-medium dark:text-slate-50 kubefirst-dark:text-slate-50",
+            o
           ),
           children: [
             r,
             " ",
-            o && /* @__PURE__ */ s("span", { className: "text-red-600 text-xs mt-0.5", children: "*" })
+            a && /* @__PURE__ */ s("span", { className: "text-red-600 text-xs mt-0.5", children: "*" })
           ]
         }
       ) : null,
@@ -192,7 +192,7 @@ const A = g(
         "span",
         {
           className: u(
-            "text-xs text-slate-600 civo-dark:text-slate-200 kubefirst-dark:text-slate-200",
+            "text-xs text-slate-600 dark:text-slate-200 kubefirst-dark:text-slate-200",
             j
           ),
           children: w

package/dist/components/Input/Input.variants.js

@@ -19,15 +19,15 @@ const a = r(
     "text-sm",
     "w-full",
     "transition-all",
-    "data-[error=false]:civo-dark:focus:ring-aurora-500",
-    "data-[error=false]:civo:focus:ring-aurora-500",
-    "data-[error=false]:focus:ring-kubefirst-primary",
-    "civo-dark:bg-slate-800",
-    "civo-dark:border-slate-600",
-    "civo-dark:disabled:bg-slate-900",
-    "civo-dark:disabled:text-slate-400",
-    "civo-dark:text-slate-50",
-    "civo-dark:text-white",
+    "data-[error=false]:dark:focus:ring-aurora-500",
+    "data-[error=false]:focus:ring-aurora-500",
+    "data-[error=false]:kubefirst:focus:ring-kubefirst-primary",
+    "dark:bg-slate-800",
+    "dark:border-slate-600",
+    "dark:disabled:bg-slate-900",
+    "dark:disabled:text-slate-400",
+    "dark:text-slate-50",
+    "dark:text-white",
     "kubefirst-dark:bg-slate-800",
     "kubefirst-dark:border-slate-600",
     "kubefirst-dark:disabled:bg-slate-900",
@@ -39,7 +39,7 @@ const a = r(
     variants: {
       variant: {
         default: "",
-        error: "border-red-600 kubefirst-dark:border-red-500 civo-dark:border-red-500 dark:border-red-500 pr-8 focus-visible:ring-transparent"
+        error: "border-red-600 kubefirst-dark:border-red-500 dark:border-red-500 dark:border-red-500 pr-8 focus-visible:ring-transparent"
       }
     },
     defaultVariants: {

package/dist/components/Loading/Loading.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as c } from "../../utils/index.js";
 import { loadingVariants as i } from "./Loading.variants.js";
-import { c as t } from "../../createLucideIcon-BpsAkT97.js";
+import { c as t } from "../../createLucideIcon-DbC6TvM5.js";
 /**
-* @license lucide-react v0.542.0 - ISC
+* @license lucide-react v0.544.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/Loading/Loading.variants.js

@@ -1,12 +1,12 @@
 import { c as t } from "../../index-D29mdTf5.js";
-const r = t([
+const a = t([
   "h-8",
   "w-8",
   "animate-spin",
   "text-inherit",
-  "text-kubefirst-primary",
-  "civo:text-civo-primary"
+  "kubefirst:text-kubefirst-primary",
+  "text-aurora-500"
 ]);
 export {
-  r as loadingVariants
+  a as loadingVariants
 };

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

@@ -51,10 +51,10 @@ const a = e(
         disabled: !1,
         checked: [!0, !1],
         class: [
-          "peer-checked:border-kubefirst-primary",
-          "peer-checked:before:bg-kubefirst-primary",
-          "civo:peer-checked:border-aurora-500",
-          "civo:peer-checked:before:bg-aurora-500"
+          "kubefirst:peer-checked:border-kubefirst-primary",
+          "kubefirst:peer-checked:before:bg-kubefirst-primary",
+          "peer-checked:border-aurora-500",
+          "peer-checked:before:bg-aurora-500"
         ]
       },
       {

package/dist/components/Switch/Switch.js

@@ -1,112 +1,112 @@
-import { jsxs as x, jsx as n } from "react/jsx-runtime";
-import * as p from "react";
+import { jsxs as C, jsx as i } from "react/jsx-runtime";
+import * as h from "react";
 import { forwardRef as H, useRef as M, useId as $, useImperativeHandle as j, useEffect as z } from "react";
 import { a as A, c as U, b as q } from "../../index-BfXxHr_2.js";
-import { u as P } from "../../index-DQH6odE9.js";
+import { u as N } from "../../index-DQH6odE9.js";
 import { u as F, a as L } from "../../index-CZnD2QxM.js";
-import { P as y } from "../../index-C9T9HQaa.js";
+import { P } from "../../index-C9T9HQaa.js";
 import { cn as R } from "../../utils/index.js";
 import { thumbVariants as O, switchVariants as V } from "./Switch.variants.js";
-var b = "Switch", [D, se] = U(b), [W, X] = D(b), N = p.forwardRef(
-  (t, i) => {
+var b = "Switch", [D, se] = U(b), [W, X] = D(b), y = h.forwardRef(
+  (e, l) => {
     const {
-      __scopeSwitch: r,
+      __scopeSwitch: t,
       name: s,
       checked: o,
       defaultChecked: d,
       required: u,
-      disabled: c,
-      value: a = "on",
+      disabled: r,
+      value: c = "on",
       onCheckedChange: m,
-      form: e,
-      ...f
-    } = t, [l, h] = p.useState(null), v = P(i, (S) => h(S)), C = p.useRef(!1), k = l ? e || !!l.closest("form") : !0, [w, B] = A({
+      form: n,
+      ...a
+    } = e, [p, f] = h.useState(null), w = N(l, (v) => f(v)), x = h.useRef(!1), k = p ? n || !!p.closest("form") : !0, [S, B] = A({
       prop: o,
       defaultProp: d ?? !1,
       onChange: m,
       caller: b
     });
-    return /* @__PURE__ */ x(W, { scope: r, checked: w, disabled: c, children: [
-      /* @__PURE__ */ n(
-        y.button,
+    return /* @__PURE__ */ C(W, { scope: t, checked: S, disabled: r, children: [
+      /* @__PURE__ */ i(
+        P.button,
         {
           type: "button",
           role: "switch",
-          "aria-checked": w,
+          "aria-checked": S,
           "aria-required": u,
-          "data-state": I(w),
-          "data-disabled": c ? "" : void 0,
-          disabled: c,
-          value: a,
-          ...f,
-          ref: v,
-          onClick: q(t.onClick, (S) => {
-            B((T) => !T), k && (C.current = S.isPropagationStopped(), C.current || S.stopPropagation());
+          "data-state": I(S),
+          "data-disabled": r ? "" : void 0,
+          disabled: r,
+          value: c,
+          ...a,
+          ref: w,
+          onClick: q(e.onClick, (v) => {
+            B((T) => !T), k && (x.current = v.isPropagationStopped(), x.current || v.stopPropagation());
           })
         }
       ),
-      k && /* @__PURE__ */ n(
+      k && /* @__PURE__ */ i(
         _,
         {
-          control: l,
-          bubbles: !C.current,
+          control: p,
+          bubbles: !x.current,
           name: s,
-          value: a,
-          checked: w,
+          value: c,
+          checked: S,
           required: u,
-          disabled: c,
-          form: e,
+          disabled: r,
+          form: n,
           style: { transform: "translateX(-100%)" }
         }
       )
     ] });
   }
 );
-N.displayName = b;
-var g = "SwitchThumb", E = p.forwardRef(
-  (t, i) => {
-    const { __scopeSwitch: r, ...s } = t, o = X(g, r);
-    return /* @__PURE__ */ n(
-      y.span,
+y.displayName = b;
+var g = "SwitchThumb", E = h.forwardRef(
+  (e, l) => {
+    const { __scopeSwitch: t, ...s } = e, o = X(g, t);
+    return /* @__PURE__ */ i(
+      P.span,
       {
         "data-state": I(o.checked),
         "data-disabled": o.disabled ? "" : void 0,
         ...s,
-        ref: i
+        ref: l
       }
     );
   }
 );
 E.displayName = g;
-var G = "SwitchBubbleInput", _ = p.forwardRef(
+var G = "SwitchBubbleInput", _ = h.forwardRef(
   ({
-    __scopeSwitch: t,
-    control: i,
-    checked: r,
+    __scopeSwitch: e,
+    control: l,
+    checked: t,
     bubbles: s = !0,
     ...o
   }, d) => {
-    const u = p.useRef(null), c = P(u, d), a = F(r), m = L(i);
-    return p.useEffect(() => {
-      const e = u.current;
-      if (!e) return;
-      const f = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(
-        f,
+    const u = h.useRef(null), r = N(u, d), c = F(t), m = L(l);
+    return h.useEffect(() => {
+      const n = u.current;
+      if (!n) return;
+      const a = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(
+        a,
         "checked"
       ).set;
-      if (a !== r && h) {
-        const v = new Event("click", { bubbles: s });
-        h.call(e, r), e.dispatchEvent(v);
+      if (c !== t && f) {
+        const w = new Event("click", { bubbles: s });
+        f.call(n, t), n.dispatchEvent(w);
       }
-    }, [a, r, s]), /* @__PURE__ */ n(
+    }, [c, t, s]), /* @__PURE__ */ i(
       "input",
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: r,
+        defaultChecked: t,
         ...o,
         tabIndex: -1,
-        ref: c,
+        ref: r,
         style: {
           ...o.style,
           ...m,
@@ -120,53 +120,45 @@ var G = "SwitchBubbleInput", _ = p.forwardRef(
   }
 );
 _.displayName = G;
-function I(t) {
-  return t ? "checked" : "unchecked";
+function I(e) {
+  return e ? "checked" : "unchecked";
 }
-var J = N, K = E;
+var J = y, K = E;
 const ce = H(
   ({
-    name: t,
-    alignment: i = "horizontal",
-    theme: r,
+    name: e,
+    alignment: l = "horizontal",
+    theme: t,
     thumbClassName: s,
     className: o,
     label: d,
     defaultChecked: u,
-    onChange: c,
-    value: a
-  }, m) => {
-    const e = M(null), f = $(), l = t ? `${f}-${t}` : f;
-    return j(m, () => e.current, [e]), z(() => {
-      e.current && (e.current.value = `${a}`);
-    }, [a]), /* @__PURE__ */ x(
+    value: r,
+    helperText: c,
+    onChange: m
+  }, n) => {
+    const a = M(null), p = $(), f = e ? `${p}-${e}` : p;
+    return j(n, () => a.current, [a]), z(() => {
+      a.current && (a.current.value = `${r}`);
+    }, [r]), /* @__PURE__ */ C(
       "div",
       {
         className: R(
           "w-full flex gap-3",
-          i === "vertical" ? "flex-col" : "flex-row"
+          l === "vertical" ? "flex-col" : "flex-row"
         ),
-        "data-theme": r,
+        "data-theme": t,
         children: [
-          d ? /* @__PURE__ */ n(
-            "label",
-            {
-              className: "text-base",
-              htmlFor: l,
-              style: { paddingRight: 15 },
-              children: d
-            }
-          ) : null,
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ i(
             J,
             {
-              id: l,
+              id: f,
               defaultChecked: u,
-              checked: a,
-              onCheckedChange: (h) => c?.(h),
+              checked: r,
+              onCheckedChange: (w) => m?.(w),
               className: R(V({ className: o })),
               "aria-label": d,
-              children: /* @__PURE__ */ n(
+              children: /* @__PURE__ */ i(
                 K,
                 {
                   className: O({
@@ -176,11 +168,23 @@ const ce = H(
               )
             }
           ),
-          /* @__PURE__ */ n(
+          d ? /* @__PURE__ */ C(
+            "label",
+            {
+              className: "flex flex-col text-slate-800 dark:text-white text-sm",
+              htmlFor: f,
+              style: { paddingRight: 15 },
+              children: [
+                d,
+                c ? /* @__PURE__ */ i("span", { className: "text-slate-600 dark:text-slate-400 text-xs", children: c }) : null
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ i(
             "input",
             {
-              ref: e,
-              name: t,
+              ref: a,
+              name: e,
               type: "text",
               className: "hidden",
               "aria-hidden": "true"

package/dist/components/Switch/Switch.variants.js

@@ -1,32 +1,36 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const e = t([
-  "w-[44px]",
-  "h-[22px]",
+import { c as a } from "../../index-D29mdTf5.js";
+const r = a([
+  "w-[40px]",
+  "h-[20px]",
   "flex",
   "items-center",
   "rounded-full",
   "shadow",
   "focus:shadow-md",
-  "data-[state=unchecked]:bg-zinc-200",
+  "data-[state=unchecked]:bg-gray-300",
+  "dark:data-[state=unchecked]:bg-gray-600",
   "transition-all",
   "delay-10",
   "duration-250",
   "cursor-pointer",
-  "bg-kubefirst-primary"
-]), r = t([
+  "bg-aurora-500",
+  "kubefirst:bg-kubefirst-primary"
+]), e = a([
   "block",
-  "w-[18px]",
-  "h-[18px]",
+  "w-[16px]",
+  "h-[16px]",
   "bg-white",
+  "dark:bg-gray-400",
+  "dark:data-[state=checked]:bg-white",
   "rounded-full",
   "shadow-md",
   "transition-all",
   "translate-x-1",
-  "data-[state=checked]:translate-x-5.5",
+  "data-[state=checked]:translate-x-5",
   "delay-10",
   "duration-300"
 ]);
 export {
-  e as switchVariants,
-  r as thumbVariants
+  r as switchVariants,
+  e as thumbVariants
 };

package/dist/components/Tabs/Tabs.variants.js

@@ -36,8 +36,8 @@ const r = a([""], {
       active: [
         "text-zinc-700",
         "font-[600]",
-        "civo:border-b-2",
-        "civo:border-aurora-500",
+        "border-b-2",
+        "border-aurora-500",
         "kubefirst:border-b-2",
         "kubefirst:border-kubefirst-primary"
       ],

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -3,7 +3,7 @@ import { useId as N, useState as y, useRef as E, useCallback as O, useEffect as
 import { cn as m } from "../../../../utils/index.js";
 import { timePickerVariants as L } from "../../TimePicker.variants.js";
 import { WrapperList as j } from "../WrapperList/WrapperList.js";
-import { C as P } from "../../../../chevron-down-CVce9Mvh.js";
+import { C as P } from "../../../../chevron-down-BLZPftpV.js";
 import { useTimePickerContext as R } from "../../contexts/time-picker.hook.js";
 const V = ({
   name: d,