@konstructio/ui 0.0.12-alpha.9 → 0.0.13-alpha.1

package/dist/components/Input/Input.js

@@ -1,9 +1,8 @@
 import { jsxs as O, jsx as c } from "react/jsx-runtime";
 import l, { forwardRef as p, useState as E, useId as k } from "react";
-import { cn as z } from "../../utils/index.js";
-import { inputVariants as N } from "./Input.variants.js";
+import { cn as w } from "../../utils/index.js";
+import { inputVariants as z } from "./Input.variants.js";
 import { P as a } from "../../index-C5psggHV.js";
-import { useTheme as $ } from "../../contexts/theme.hook.js";
 function u() {
   return u = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {
@@ -14,9 +13,9 @@ function u() {
     return e;
   }, u.apply(this, arguments);
 }
-function _(e, o) {
+function N(e, o) {
   if (e == null) return {};
-  var r = L(e, o), t, n;
+  var r = $(e, o), t, n;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (n = 0; n < i.length; n++)
@@ -24,15 +23,15 @@ function _(e, o) {
   }
   return r;
 }
-function L(e, o) {
+function $(e, o) {
   if (e == null) return {};
   var r = {}, t = Object.keys(e), n, i;
   for (i = 0; i < t.length; i++)
     n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
   return r;
 }
-var y = p(function(e, o) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, s = _(e, ["color", "size"]);
+var h = p(function(e, o) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, s = N(e, ["color", "size"]);
   return /* @__PURE__ */ l.createElement("svg", u({
     ref: o,
     xmlns: "http://www.w3.org/2000/svg",
@@ -60,11 +59,11 @@ var y = p(function(e, o) {
     y2: "16"
   }));
 });
-y.propTypes = {
+h.propTypes = {
   color: a.string,
   size: a.oneOfType([a.string, a.number])
 };
-y.displayName = "AlertCircle";
+h.displayName = "AlertCircle";
 function m() {
   return m = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {
@@ -75,9 +74,9 @@ function m() {
     return e;
   }, m.apply(this, arguments);
 }
-function W(e, o) {
+function _(e, o) {
   if (e == null) return {};
-  var r = T(e, o), t, n;
+  var r = L(e, o), t, n;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (n = 0; n < i.length; n++)
@@ -85,7 +84,7 @@ function W(e, o) {
   }
   return r;
 }
-function T(e, o) {
+function L(e, o) {
   if (e == null) return {};
   var r = {}, t = Object.keys(e), n, i;
   for (i = 0; i < t.length; i++)
@@ -93,7 +92,7 @@ function T(e, o) {
   return r;
 }
 var v = p(function(e, o) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, s = W(e, ["color", "size"]);
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, s = _(e, ["color", "size"]);
   return /* @__PURE__ */ l.createElement("svg", m({
     ref: o,
     xmlns: "http://www.w3.org/2000/svg",
@@ -119,17 +118,17 @@ v.propTypes = {
   size: a.oneOfType([a.string, a.number])
 };
 v.displayName = "EyeOff";
-function h() {
-  return h = Object.assign || function(e) {
+function y() {
+  return y = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {
       var r = arguments[o];
       for (var t in r)
         Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
     }
     return e;
-  }, h.apply(this, arguments);
+  }, y.apply(this, arguments);
 }
-function C(e, o) {
+function W(e, o) {
   if (e == null) return {};
   var r = I(e, o), t, n;
   if (Object.getOwnPropertySymbols) {
@@ -147,8 +146,8 @@ function I(e, o) {
   return r;
 }
 var g = p(function(e, o) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, s = C(e, ["color", "size"]);
-  return /* @__PURE__ */ l.createElement("svg", h({
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, s = W(e, ["color", "size"]);
+  return /* @__PURE__ */ l.createElement("svg", y({
     ref: o,
     xmlns: "http://www.w3.org/2000/svg",
     width: i,
@@ -172,7 +171,7 @@ g.propTypes = {
   size: a.oneOfType([a.string, a.number])
 };
 g.displayName = "Eye";
-const S = p(
+const T = p(
   ({
     className: e,
     error: o,
@@ -181,33 +180,34 @@ const S = p(
     name: n,
     type: i,
     theme: s,
-    ...w
-  }, b) => {
-    const [f, x] = E(!1), d = k(), { theme: j } = $(), P = f ? g : v;
-    return /* @__PURE__ */ O("div", { className: "flex flex-col gap-1.5 w-full", children: [
-      r ? /* @__PURE__ */ c("label", { htmlFor: d, className: z("cursor-pointer", t), children: r }) : null,
+    ...b
+  }, x) => {
+    const [f, j] = E(!1), d = k(), P = f ? g : v;
+    return /* @__PURE__ */ O("div", { className: "flex flex-col gap-1.5 w-full", "data-theme": s, children: [
+      r ? /* @__PURE__ */ c("label", { htmlFor: d, className: w("cursor-pointer", t), children: r }) : null,
       /* @__PURE__ */ O("div", { className: "relative", children: [
         /* @__PURE__ */ c(
           "input",
           {
             id: d,
-            ref: b,
+            ref: x,
             name: n,
             type: f ? "text" : i,
-            className: N({
-              className: e,
-              theme: s ?? j,
-              variant: o ? "error" : "default"
-            }),
-            ...w
+            className: w(
+              z({
+                className: e,
+                variant: o ? "error" : "default"
+              })
+            ),
+            ...b
           }
         ),
-        o ? /* @__PURE__ */ c("i", { className: "absolute right-3 text-red-600 top-0 translate-y-[40%]", children: /* @__PURE__ */ c(y, { className: "w-5 h-5" }) }) : null,
+        o ? /* @__PURE__ */ c("i", { className: "absolute right-3 text-red-600 top-0 translate-y-[40%]", children: /* @__PURE__ */ c(h, { className: "w-5 h-5" }) }) : null,
         i === "password" && !o ? /* @__PURE__ */ c("i", { className: "absolute right-3 text-slate-400 top-0 translate-y-[40%]", children: /* @__PURE__ */ c(
           P,
           {
             className: "w-5 h-5 cursor-pointer",
-            onClick: () => x(!f)
+            onClick: () => j(!f)
           }
         ) }) : null
       ] }),
@@ -215,7 +215,7 @@ const S = p(
     ] });
   }
 );
-S.displayName = "Input";
+T.displayName = "Input";
 export {
-  S as Input
+  T as Input
 };

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

@@ -1,7 +1,7 @@
 import { c as r } from "../../index-BNmRGtA6.js";
-const o = r(
+const i = r(
   [
-    "bg-transparent",
+    "bg-white",
     "border",
     "border-zinc-200",
     "disabled:cursor-not-allowed",
@@ -15,28 +15,23 @@ const o = r(
     "pr-10",
     "py-1",
     "rounded-md",
-    "shadow-sm",
+    "shadow-2xs",
     "transition-colors",
-    "w-full"
+    "w-full",
+    "focus:ring-kubefirst-primary"
   ],
   {
     variants: {
       variant: {
         default: "",
-        error: "!border-red-600 pr-8 focus-visible:ring-transparent"
-      },
-      theme: {
-        kubefirst: "focus:ring-kubefirst-primary",
-        colony: "",
-        civo: ""
+        error: "border-red-600 pr-8 focus-visible:ring-transparent"
       }
     },
     defaultVariants: {
-      variant: "default",
-      theme: "kubefirst"
+      variant: "default"
     }
   }
 );
 export {
-  o as inputVariants
+  i as inputVariants
 };

package/dist/components/Loading/Loading.js

@@ -1,22 +1,27 @@
-import { jsx as f } from "react/jsx-runtime";
-import { cn as h } from "../../utils/index.js";
-import { loadingVariants as g } from "./Loading.variants.js";
-import { forwardRef as s, createElement as i } from "react";
-import { useTheme as w } from "../../contexts/theme.hook.js";
+import { jsx as g } from "react/jsx-runtime";
+import { cn as w } from "../../utils/index.js";
+import { loadingVariants as f } from "./Loading.variants.js";
+import { forwardRef as i, createElement as n } from "react";
 /**
-* @license lucide-react v0.477.0 - ISC
+* @license lucide-react v0.488.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const C = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), m = (...r) => r.filter((e, o, t) => !!e && e.trim() !== "" && t.indexOf(e) === o).join(" ").trim();
+const h = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), L = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
+), c = (e) => {
+  const t = L(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, l = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim();
 /**
-* @license lucide-react v0.477.0 - ISC
+* @license lucide-react v0.488.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-var L = {
+var k = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -28,82 +33,79 @@ var L = {
   strokeLinejoin: "round"
 };
 /**
-* @license lucide-react v0.477.0 - ISC
+* @license lucide-react v0.488.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const k = s(
+const A = i(
   ({
-    color: r = "currentColor",
-    size: e = 24,
+    color: e = "currentColor",
+    size: t = 24,
     strokeWidth: o = 2,
-    absoluteStrokeWidth: t,
-    className: a = "",
-    children: n,
-    iconNode: c,
+    absoluteStrokeWidth: r,
+    className: s = "",
+    children: a,
+    iconNode: m,
     ...d
-  }, l) => i(
+  }, p) => n(
     "svg",
     {
-      ref: l,
-      ...L,
-      width: e,
-      height: e,
-      stroke: r,
-      strokeWidth: t ? Number(o) * 24 / Number(e) : o,
-      className: m("lucide", a),
+      ref: p,
+      ...k,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: r ? Number(o) * 24 / Number(t) : o,
+      className: l("lucide", s),
       ...d
     },
     [
-      ...c.map(([u, p]) => i(u, p)),
-      ...Array.isArray(n) ? n : [n]
+      ...m.map(([u, C]) => n(u, C)),
+      ...Array.isArray(a) ? a : [a]
     ]
   )
 );
 /**
-* @license lucide-react v0.477.0 - ISC
+* @license lucide-react v0.488.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const x = (r, e) => {
-  const o = s(
-    ({ className: t, ...a }, n) => i(k, {
-      ref: n,
-      iconNode: e,
-      className: m(`lucide-${C(r)}`, t),
-      ...a
+const b = (e, t) => {
+  const o = i(
+    ({ className: r, ...s }, a) => n(A, {
+      ref: a,
+      iconNode: t,
+      className: l(
+        `lucide-${h(c(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...s
     })
   );
-  return o.displayName = `${r}`, o;
+  return o.displayName = c(e), o;
 };
 /**
-* @license lucide-react v0.477.0 - ISC
+* @license lucide-react v0.488.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const b = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], y = x("LoaderCircle", b), N = ({
-  className: r,
-  theme: e,
-  ...o
-}) => {
-  const { theme: t } = w();
-  return /* @__PURE__ */ f(
-    y,
-    {
-      className: h(
-        g({
-          className: r,
-          theme: e ?? t
-        })
-      ),
-      ...o
-    }
-  );
-};
-N.displayName = "Loading";
+const x = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], y = b("loader-circle", x), v = ({ className: e, theme: t, ...o }) => /* @__PURE__ */ g(
+  y,
+  {
+    "data-theme": t,
+    className: w(
+      f({
+        className: e
+      })
+    ),
+    ...o
+  }
+);
+v.displayName = "Loading";
 export {
-  N as Loading
+  v as Loading
 };

package/dist/components/Loading/Loading.variants.js

@@ -1,19 +1,13 @@
 import { c as t } from "../../index-BNmRGtA6.js";
-const r = t(
-  ["h-8", "w-8", "animate-spin", "text-inherit"],
-  {
-    variants: {
-      theme: {
-        kubefirst: "text-kubefirst-primary",
-        colony: "text-colony-primary",
-        civo: "text-civo-primary"
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+const r = t([
+  "h-8",
+  "w-8",
+  "animate-spin",
+  "text-inherit",
+  "text-kubefirst-primary",
+  "colony:text-colony-primary",
+  "civo:text-civo-primary"
+]);
 export {
   r as loadingVariants
 };

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../index-D7QNmo_D.js";
-import { M as d } from "../../Modal-B-E9uaA6.js";
+import "../../index-g-TFwd6Y.js";
+import { M as d } from "../../Modal-i7eolhYH.js";
 import "./components/Header/Header.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";

package/dist/components/Modal/components/Body/Body.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as n } from "../../../../index-B_6_jmOO.js";
+import { S as n } from "../../../../index-Bk324h27.js";
 import { cn as e } from "../../../../utils/index.js";
 const i = ({ children: o, asChild: t, className: m }) => /* @__PURE__ */ r(t ? n : "div", { className: e("flex-1", m), children: o });
 export {

package/dist/components/Modal/components/Footer/Footer.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "../../../../index-B_6_jmOO.js";
+import { S as n } from "../../../../index-Bk324h27.js";
 import { cn as e } from "../../../../utils/index.js";
-const a = ({ children: o, asChild: t, className: r }) => /* @__PURE__ */ m(t ? n : "div", { className: e(r), children: o });
+const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
 export {
   a as Footer
 };

package/dist/components/Modal/components/Header/Header.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "../../../../index-B_6_jmOO.js";
+import { S as n } from "../../../../index-Bk324h27.js";
 import { cn as e } from "../../../../utils/index.js";
-const i = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e(t), children: o });
+const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
 export {
-  i as Header
+  a as Header
 };

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

@@ -1,12 +1,11 @@
 import "react/jsx-runtime";
-import "../../../../index-CbTU3cnP.js";
+import "../../../../index-CWKdynYu.js";
 import "react";
-import { W as s } from "../../../../Modal-B-E9uaA6.js";
+import { W as f } from "../../../../Modal-i7eolhYH.js";
 import "../../../../Combination-b348x__d.js";
 import "../../../../utils/index.js";
 import "./Wrapper.variants.js";
 import "../../../../x-DU-Zw-L_.js";
-import "../../../../contexts/theme.hook.js";
 export {
-  s as Wrapper
+  f as Wrapper
 };

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

@@ -1,48 +1,34 @@
-import { c as e } from "../../../../index-BNmRGtA6.js";
-const r = e(
-  [
-    "bg-metal-1000",
-    "bg-white",
-    "border-none",
-    "flex",
-    "flex-col",
-    "justify-between",
-    "min-h-[450px]",
-    "min-w-[500px]",
-    "overflow-auto",
-    "relative",
-    "rounded-md",
-    "shadow-xs",
-    "lg:overflow-hidden"
-  ],
-  {
-    variants: {
-      theme: {
-        colony: ["shadow-red-400"],
-        kubefirst: ["shadow-kubefirst-primary"],
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-), o = e(
-  ["absolute", "right-1.5", "top-1.5", "text-inherit"],
-  {
-    variants: {
-      theme: {
-        kubefirst: ["text-kubefirst-primary"],
-        colony: ["text-red-400"],
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+import { c as o } from "../../../../index-BNmRGtA6.js";
+const t = o([
+  "bg-metal-1000",
+  "bg-white",
+  "border-none",
+  "flex",
+  "flex-col",
+  "justify-between",
+  "min-h-[450px]",
+  "min-w-[500px]",
+  "overflow-auto",
+  "relative",
+  "rounded-md",
+  "shadow-xs",
+  "lg:overflow-hidden",
+  "animate-in",
+  "fade-in-0",
+  "zoom-in-95",
+  "duration-150",
+  "shadow-kubefirst-primary",
+  "colony:shadow-red-400"
+]), r = o([
+  "absolute",
+  "right-1.5",
+  "top-1.5",
+  "text-inherit",
+  "cursor-pointer",
+  "text-kubefirst-primary",
+  "colony:text-red-400"
+]);
 export {
-  o as buttonCloseVariants,
-  r as modalVariants
+  r as buttonCloseVariants,
+  t 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-B-E9uaA6.js";
+import { W as a } from "../../../Modal-i7eolhYH.js";
 export {
   e as Body,
   t as Footer,