@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

package/dist/components/Input/Input.js

@@ -1,207 +1,4 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-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";
-import { Warning as T } from "../../assets/icons/components/Warning.js";
-import { P as i } from "../../index-N2OStZoU.js";
-function h() {
-  return h = Object.assign || function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      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 a = C(t, n), e, r;
-  if (Object.getOwnPropertySymbols) {
-    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 a;
-}
-function C(t, n) {
-  if (t == null) return {};
-  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 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: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: e,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, c), /* @__PURE__ */ l.createElement("path", {
-    d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"
-  }), /* @__PURE__ */ l.createElement("line", {
-    x1: "1",
-    y1: "1",
-    x2: "23",
-    y2: "23"
-  }));
-});
-v.propTypes = {
-  color: i.string,
-  size: i.oneOfType([i.string, i.number])
-};
-v.displayName = "EyeOff";
-function g() {
-  return g = Object.assign || function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var e in a)
-        Object.prototype.hasOwnProperty.call(a, e) && (t[e] = a[e]);
-    }
-    return t;
-  }, g.apply(this, arguments);
-}
-function M(t, n) {
-  if (t == null) return {};
-  var a = R(t, n), e, r;
-  if (Object.getOwnPropertySymbols) {
-    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 a;
-}
-function R(t, n) {
-  if (t == null) return {};
-  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 = 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: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: e,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, c), /* @__PURE__ */ l.createElement("path", {
-    d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
-  }), /* @__PURE__ */ l.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "3"
-  }));
-});
-y.propTypes = {
-  color: i.string,
-  size: i.oneOfType([i.string, i.number])
-};
-y.displayName = "Eye";
-const A = x(
-  ({
-    className: t,
-    error: n,
-    isRequired: a = !1,
-    isSearch: e = !1,
-    label: r,
-    labelClassName: o,
-    name: c,
-    theme: O,
-    type: f = "text",
-    helperText: w,
-    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 : 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 dark:text-slate-50 kubefirst-dark:text-slate-50",
-            o
-          ),
-          children: [
-            r,
-            " ",
-            a && /* @__PURE__ */ s("span", { className: "text-red-600 text-xs mt-0.5", children: "*" })
-          ]
-        }
-      ) : null,
-      /* @__PURE__ */ m("div", { className: "relative", children: [
-        e ? /* @__PURE__ */ s(
-          "i",
-          {
-            className: u(
-              "absolute left-2.5 top-1/2 -translate-y-[50%] text-slate-400",
-              {
-                "text-red-700": p
-              }
-            ),
-            children: /* @__PURE__ */ s(L, { className: "w-5 h-5" })
-          }
-        ) : null,
-        /* @__PURE__ */ s(
-          "input",
-          {
-            id: r ? b : void 0,
-            ref: N,
-            name: c,
-            type: d ? P.current ? "text" : f : "password",
-            "data-error": p,
-            className: u(
-              $({
-                className: t,
-                variant: p ? "error" : "default"
-              }),
-              {
-                "pr-10": f === "password" || p,
-                "pl-8": e
-              }
-            ),
-            ...k
-          }
-        ),
-        p ? /* @__PURE__ */ s("i", { className: "absolute right-3 text-red-700 dark:text-red-500 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ s(T, { className: "w-5 h-5" }) }) : null,
-        f === "password" && !n ? /* @__PURE__ */ s("i", { className: "absolute right-3 text-slate-400 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ s(
-          z,
-          {
-            className: "w-5 h-5 cursor-pointer",
-            onClick: () => E(!d)
-          }
-        ) }) : null
-      ] }),
-      n ? /* @__PURE__ */ s("span", { className: "text-xs text-red-700 dark:text-red-500", children: n }) : null,
-      !n && w ? /* @__PURE__ */ s(
-        "span",
-        {
-          className: u(
-            "text-xs text-slate-600 dark:text-slate-200 kubefirst-dark:text-slate-200",
-            j
-          ),
-          children: w
-        }
-      ) : null
-    ] });
-  }
-);
-A.displayName = "KonstructInput";
+import { t as o } from "../../Input-GBMxM3Z7.js";
 export {
-  A as Input
+  o as Input
 };

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

@@ -1,52 +1,50 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const a = r(
-  [
-    "bg-white",
-    "border-gray-300",
-    "border",
-    "disabled:bg-gray-50",
-    "disabled:cursor-not-allowed",
-    "disabled:text-slate-500",
-    "flex",
-    "focus-visible:outline-none",
-    "focus-visible:ring-1",
-    "h-10",
-    "placeholder:text-slate-400",
-    "px-2.5",
-    "py-2",
-    "rounded",
-    "text-slate-800",
-    "text-sm",
-    "w-full",
-    "transition-all",
-    "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",
-    "kubefirst-dark:disabled:text-slate-400",
-    "kubefirst-dark:text-slate-50",
-    "kubefirst-dark:text-white"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "",
-        error: "border-red-600 kubefirst-dark:border-red-500 dark:border-red-500 dark:border-red-500 pr-8 focus-visible:ring-transparent"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
+import { t as e } from "../../dist-DtEbXv47.js";
+var r = e([
+  "bg-white",
+  "border",
+  "border-gray-300",
+  "caret-text-slate-800",
+  "disabled:cursor-not-allowed",
+  "disabled:text-slate-500",
+  "flex",
+  "focus-visible:border-transparent",
+  "focus-visible:outline-none",
+  "focus-visible:ring-1",
+  "h-10",
+  "px-2.5",
+  "py-2",
+  "rounded",
+  "text-slate-800",
+  "text-sm",
+  "transition-all",
+  "w-full",
+  "disabled:bg-gray-50",
+  "placeholder:text-slate-400",
+  "data-[error=false]:dark:focus:ring-aurora-500",
+  "data-[error=false]:focus:ring-aurora-500",
+  "dark:bg-metal-800",
+  "dark:border-metal-700",
+  "dark:caret-text-metal-50",
+  "dark:disabled:bg-metal-900",
+  "dark:disabled:placeholder:text-metal-400",
+  "dark:disabled:text-metal-400",
+  "dark:disabled:text-slate-400",
+  "dark:placeholder:text-metal-300",
+  "dark:text-slate-50",
+  "dark:text-white"
+], {
+  variants: { variant: {
+    default: "",
+    error: [
+      "pr-8",
+      "border-red-600",
+      "focus-visible:border-red-600",
+      "focus-visible:ring-transparent",
+      "dark:border-red-500"
+    ]
+  } },
+  defaultVariants: { variant: "default" }
+});
 export {
-  a as inputVariants
+  r as inputVariants
 };

package/dist/components/LineChart/LineChart.js

@@ -0,0 +1,127 @@
+import { i as l, t as _ } from "../../utils-DHuiYnx1.js";
+import { Typography as z } from "../Typography/Typography.js";
+import { a as P, c as j, d as D, i as E, l as F, n as H, o as N, s as O, u as M } from "../../dist-DRmqW28Z2.js";
+import { useMemo as h } from "react";
+import { jsx as p, jsxs as V } from "react/jsx-runtime";
+P.register(E, F, M, O, N, j, D);
+var a = [
+  "--color-aurora-500",
+  "--color-rose-500",
+  "--color-violet-500",
+  "--color-emerald-500",
+  "--color-sky-500",
+  "--color-teal-500",
+  "--color-amber-500",
+  "--color-fuchsia-500",
+  "--color-indigo-500",
+  "--color-cyan-500"
+], J = ({ title: n, titleProps: k, labels: u, datasets: i, yAxisFormatter: t, showLegend: b, height: C = 300, smooth: m = !0, axisColor: c = "#9F9FA9", gridColor: e = "#45556C", showGrid: g = !0, lineWidth: f = 2, showAxisBorder: s = !1, tooltipTextColor: d = l("--color-metal-100"), className: S }) => {
+  const v = b !== void 0 ? b : i.length > 1, L = h(() => ({
+    labels: u,
+    datasets: i.map((o, r) => ({
+      label: o.label,
+      data: o.data,
+      borderColor: o.color ?? l(a[r % a.length]),
+      backgroundColor: o.color ?? l(a[r % a.length]),
+      borderDash: o.borderDash,
+      borderWidth: f,
+      pointRadius: 0,
+      pointHoverRadius: 4,
+      tension: m ? 0.3 : 0,
+      fill: !1
+    }))
+  }), [
+    u,
+    i,
+    m,
+    f
+  ]), R = h(() => ({
+    responsive: !0,
+    maintainAspectRatio: !1,
+    onHover: (o, r) => {
+      const y = o.native?.target;
+      y && (y.style.cursor = r.length > 0 ? "pointer" : "default");
+    },
+    interaction: {
+      mode: "index",
+      intersect: !1
+    },
+    plugins: {
+      legend: {
+        display: v,
+        position: "top",
+        align: "end",
+        labels: {
+          color: "#9FAFBC",
+          font: {
+            size: 12,
+            weight: 500
+          },
+          usePointStyle: !0,
+          pointStyle: "line",
+          boxWidth: 24,
+          padding: 16
+        }
+      },
+      tooltip: {
+        enabled: !0,
+        backgroundColor: l("--color-metal-700"),
+        titleColor: d,
+        bodyColor: d,
+        boxPadding: 6,
+        callbacks: { labelTextColor: () => d }
+      }
+    },
+    scales: {
+      x: {
+        grid: { color: "transparent" },
+        ticks: {
+          color: c,
+          font: { size: 12 }
+        },
+        border: {
+          display: s,
+          color: e
+        }
+      },
+      y: {
+        grid: { color: g ? e : "transparent" },
+        ticks: {
+          color: c,
+          font: { size: 12 },
+          callback: t ? (o) => t(o) : void 0
+        },
+        border: {
+          display: s,
+          color: e
+        }
+      }
+    }
+  }), [
+    v,
+    t,
+    c,
+    e,
+    g,
+    s
+  ]);
+  return /* @__PURE__ */ V("div", {
+    className: _("w-full", S),
+    children: [n && /* @__PURE__ */ p(z, {
+      variant: "subtitle2",
+      className: "mb-6",
+      ...k,
+      children: n
+    }), /* @__PURE__ */ p("div", {
+      style: { height: C },
+      children: /* @__PURE__ */ p(H, {
+        "aria-label": n ?? "Line chart",
+        data: L,
+        options: R
+      })
+    })]
+  });
+};
+export {
+  J as LineChart
+};

package/dist/components/Loading/Loading.js

@@ -1,26 +1,4 @@
-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-D2CN7Ma9.js";
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const d = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], m = t("loader-circle", d), n = ({ className: o, theme: a, ...r }) => /* @__PURE__ */ e(
-  m,
-  {
-    "data-theme": a,
-    className: c(
-      i({
-        className: o
-      })
-    ),
-    ...r
-  }
-);
-n.displayName = "Loading";
+import { t as r } from "../../Loading-DKqxR-oV.js";
 export {
-  n as Loading
+  r as Loading
 };

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

@@ -1,5 +1,5 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const a = t([
+import { t } from "../../dist-DtEbXv47.js";
+var a = t([
   "h-8",
   "w-8",
   "animate-spin",

package/dist/components/Modal/Modal.js

@@ -1,10 +1,5 @@
-import "react/jsx-runtime";
-import "react";
-import "react-dom";
-import { M as d } from "../../Modal-B8jrP02v.js";
-import "./components/Header/Header.js";
-import "./components/Body/Body.js";
-import "./components/Footer/Footer.js";
+"use client";
+import { t } from "../../Modal-DbTe8PVX.js";
 export {
-  d as Modal
+  t as Modal
 };

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

@@ -1,7 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
-import { S as n } from "../../../../index-DQH6odE9.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 });
+import { t as m } from "../../../../dist-DXJSck4j.js";
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { jsx as s } from "react/jsx-runtime";
+var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ s(o ? m : "div", {
+  className: a("flex-1", t),
+  children: r
+});
 export {
-  i as Body
+  p as Body
 };

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

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

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

@@ -1,7 +1,10 @@
+import { t as a } from "../../../../dist-DXJSck4j.js";
+import { t as e } from "../../../../utils-DHuiYnx1.js";
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "../../../../index-DQH6odE9.js";
-import { cn as e } from "../../../../utils/index.js";
-const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
+var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ m(o ? a : "div", {
+  className: e("border-zinc-200 dark:border-metal-700", t),
+  children: r
+});
 export {
-  a as Header
+  p as Header
 };

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

@@ -1,11 +1,4 @@
-import "react/jsx-runtime";
-import "../../../../index-sp5ZfG6g.js";
-import "react";
-import "../../../../Combination-VYaRRJBZ.js";
-import { W as f } from "../../../../Modal-B8jrP02v.js";
-import "../../../../utils/index.js";
-import "./Wrapper.variants.js";
-import "../../../../x-4F_5p77m.js";
+import { n as p } from "../../../../Modal-DbTe8PVX.js";
 export {
-  f as Wrapper
+  p as Wrapper
 };

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

@@ -1,30 +1,33 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const i = t([
-  "bg-metal-1000",
+import { t } from "../../../../dist-DtEbXv47.js";
+var a = t([
   "bg-white",
-  "border-none",
+  "border",
+  "border-transparent",
+  "dark:bg-metal-800",
+  "dark:border-slate-700",
   "flex",
   "flex-col",
   "justify-between",
-  "min-h-[450px]",
-  "min-w-[500px]",
+  "min-h-112.5",
+  "min-w-125",
   "relative",
   "rounded-md",
   "shadow-xs",
   "animate-in",
   "fade-in-0",
   "zoom-in-95",
-  "duration-150",
-  "shadow-kubefirst-primary"
-]), o = t([
+  "duration-150"
+]), r = t([
   "absolute",
   "right-1.5",
   "top-1.5",
-  "text-inherit",
   "cursor-pointer",
-  "text-kubefirst-primary"
+  "text-slate-500",
+  "dark:text-slate-300",
+  "hover:text-slate-700",
+  "dark:hover:text-slate-100"
 ]);
 export {
-  o as buttonCloseVariants,
-  i as modalVariants
+  r as buttonCloseVariants,
+  a as modalVariants
 };

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

@@ -1,10 +1,10 @@
-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-B8jrP02v.js";
+import { Body as o } from "./Body/Body.js";
+import { Footer as p } from "./Footer/Footer.js";
+import { Header as e } from "./Header/Header.js";
+import { n as i } from "../../../Modal-DbTe8PVX.js";
 export {
-  e as Body,
-  t as Footer,
-  m as Header,
-  a as Wrapper
+  o as Body,
+  p as Footer,
+  e as Header,
+  i as Wrapper
 };

package/dist/components/Modal/contexts/Modal.context.js

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-const n = {
+var n = {
   content: void 0,
   isOpen: !1,
   shouldShowClose: !0,
@@ -10,9 +10,7 @@ const n = {
     throw new Error("onClose not implemented");
   },
   setContentAndOpen: () => {
-    throw new Error(
-      "ModalContext: setContentAndOpen function must be overridden"
-    );
+    throw new Error("ModalContext: setContentAndOpen function must be overridden");
   }
 }, t = e(n);
 export {