@konstructio/ui 0.1.2-alpha.78 → 0.1.2-alpha.79

package/dist/components/PhoneNumberInput/utils/index.js

@@ -1,11 +1,10 @@
-import { l as t } from "../../../libphonenumber-aZ-2KWIf.js";
-const e = t.PhoneNumberUtil.getInstance(), m = (r) => {
-  const o = r.code, n = e.getExampleNumber(o);
-  if (!n)
-    return;
-  const a = e.format(n, t.PhoneNumberFormat.NATIONAL), c = `+${e.getCountryCodeForRegion(o)}`, l = a.replace(/\d/g, "_");
-  return `${c} ${l}`;
+import { t as m } from "../../../libphonenumber-7uXgv7U8.js";
+var n = m(), e = n.PhoneNumberUtil.getInstance(), p = (t) => {
+  const r = t.code, o = e.getExampleNumber(r);
+  if (!o) return;
+  const a = e.format(o, n.PhoneNumberFormat.NATIONAL);
+  return `${`+${e.getCountryCodeForRegion(r)}`} ${a.replace(/\d/g, "_")}`;
 };
 export {
-  m as getPhoneMask
+  p as getPhoneMask
 };

package/dist/components/PieChart/PieChart.js

@@ -1,77 +1,51 @@
-import { jsx as y } from "react/jsx-runtime";
-import { C as A, A as v, D as B } from "../../index-qDQP8rW4.js";
+import { a as $, r as D, t as v } from "../../dist-DRmqW28Z2.js";
 import { useMemo as i } from "react";
-A.register(v);
-const E = ({
-  values: p,
-  colors: c = ["#525252", "#00D492"],
-  borderColors: x = ["#FFFFFF", "#FFFFFF"],
-  borderWidth: h = 0,
-  cutoutPercentage: m = 80,
-  title: r,
-  subtitle: n,
-  titleFontSize: o = 16,
-  subtitleFontSize: t = 14,
-  titleColor: l = "#111827",
-  subtitleColor: g = "#6B7280",
-  titleFontWeight: u = "bold",
-  subtitleFontWeight: w = "normal",
-  redraw: F = !0
-}) => {
-  const D = i(
-    () => ({
-      datasets: [
-        {
-          data: p,
-          backgroundColor: c,
-          borderWidth: h,
-          borderColor: x
-        }
-      ]
-    }),
-    [x, h, c, p]
-  ), $ = i(
-    () => ({
-      plugins: {
-        legend: {
-          display: !1
-        }
-      },
-      cutout: `${m}%`,
-      hover: { mode: null }
-    }),
-    [m]
-  ), C = i(() => {
-    const a = [];
-    return r && a.push({
+import { jsx as y } from "react/jsx-runtime";
+$.register(D);
+var T = ({ values: p, colors: x = ["#525252", "#00D492"], borderColors: h = ["#FFFFFF", "#FFFFFF"], borderWidth: m = 0, cutoutPercentage: l = 80, title: n, subtitle: s, titleFontSize: a = 16, subtitleFontSize: o = 14, titleColor: g = "#111827", subtitleColor: c = "#6B7280", titleFontWeight: u = "bold", subtitleFontWeight: w = "normal", redraw: F = !0 }) => /* @__PURE__ */ y(v, {
+  data: i(() => ({ datasets: [{
+    data: p,
+    backgroundColor: x,
+    borderWidth: m,
+    borderColor: h
+  }] }), [
+    h,
+    m,
+    x,
+    p
+  ]),
+  options: i(() => ({
+    plugins: { legend: { display: !1 } },
+    cutout: `${l}%`,
+    hover: { mode: null }
+  }), [l]),
+  plugins: i(() => {
+    const f = [];
+    return n && f.push({
       id: "titleCenter",
-      beforeDraw(e) {
-        const s = e.ctx, f = e.width, d = e.height;
-        s.restore(), s.font = `${u} ${o}px sans-serif`, s.fillStyle = l, s.textAlign = "center", s.textBaseline = "middle", s.fillText(
-          r,
-          f / 2,
-          d / 2 - (n ? o / 2 : 0)
-        ), s.save();
+      beforeDraw(r) {
+        const e = r.ctx, t = r.width, d = r.height;
+        e.restore(), e.font = `${u} ${a}px sans-serif`, e.fillStyle = g, e.textAlign = "center", e.textBaseline = "middle", e.fillText(n, t / 2, d / 2 - (s ? a / 2 : 0)), e.save();
       }
-    }), n && a.push({
+    }), s && f.push({
       id: "subtitleCenter",
-      beforeDraw(e) {
-        const s = e.ctx, f = e.width, d = e.height;
-        s.restore(), s.font = `${w} ${t}px sans-serif`, s.fillStyle = g, s.fillText(n, f / 2, d / 2 + t / 2), s.save();
+      beforeDraw(r) {
+        const e = r.ctx, t = r.width, d = r.height;
+        e.restore(), e.font = `${w} ${o}px sans-serif`, e.fillStyle = c, e.fillText(s, t / 2, d / 2 + o / 2), e.save();
       }
-    }), a;
+    }), f;
   }, [
+    s,
+    c,
+    o,
+    w,
     n,
     g,
-    t,
-    w,
-    r,
-    l,
-    o,
+    a,
     u
-  ]);
-  return /* @__PURE__ */ y(B, { data: D, options: $, plugins: C, redraw: F });
-};
+  ]),
+  redraw: F
+});
 export {
-  E as PieChart
+  T as PieChart
 };

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,40 +1,31 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { cn as n } from "../../utils/index.js";
+import { t as n } from "../../utils-DHuiYnx1.js";
 import { progressBarFillVariants as p, progressBarTrackVariants as x } from "./ProgressBar.variants.js";
-const w = ({
-  className: c,
-  fillClassName: r,
-  leftContent: e,
-  percent: l,
-  rightContent: a,
-  status: m,
-  theme: d,
-  trackClassName: t
-}) => {
-  const o = Math.min(Math.max(l, 0), 100), h = e || a;
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: n("flex flex-col gap-1 w-full", c),
-      "data-theme": d,
-      children: [
-        h && /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-          e && /* @__PURE__ */ s("div", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: e }),
-          a && /* @__PURE__ */ s("div", { className: "text-right shrink-0", children: a })
-        ] }),
-        /* @__PURE__ */ s("div", { className: x({ className: t }), children: /* @__PURE__ */ s(
-          "div",
-          {
-            className: p({
-              status: r ? null : m,
-              className: r
-            }),
-            style: { width: `${o}%` }
-          }
-        ) })
-      ]
-    }
-  );
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+var w = ({ className: l, fillClassName: r, leftContent: a, percent: c, rightContent: e, status: m, theme: d, trackClassName: t }) => {
+  const h = Math.min(Math.max(c, 0), 100), o = a || e;
+  return /* @__PURE__ */ i("div", {
+    className: n("flex flex-col gap-1 w-full", l),
+    "data-theme": d,
+    children: [o && /* @__PURE__ */ i("div", {
+      className: "flex items-center justify-between",
+      children: [a && /* @__PURE__ */ s("div", {
+        className: "overflow-hidden text-ellipsis whitespace-nowrap",
+        children: a
+      }), e && /* @__PURE__ */ s("div", {
+        className: "text-right shrink-0",
+        children: e
+      })]
+    }), /* @__PURE__ */ s("div", {
+      className: x({ className: t }),
+      children: /* @__PURE__ */ s("div", {
+        className: p({
+          status: r ? null : m,
+          className: r
+        }),
+        style: { width: `${h}%` }
+      })
+    })]
+  });
 };
 export {
   w as ProgressBar

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

@@ -1,35 +1,28 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const t = r([
+import { t as r } from "../../dist-DtEbXv47.js";
+var t = r([
   "relative",
   "h-2",
   "w-full",
   "rounded",
   "bg-gray-300",
   "dark:bg-gray-700"
-]), s = r(
-  [
-    "absolute",
-    "inset-y-0",
-    "left-0",
-    "rounded",
-    "transition-[width,background-color]",
-    "duration-500"
-  ],
-  {
-    variants: {
-      status: {
-        default: "bg-metal-600",
-        success: "bg-green-600",
-        warning: "bg-amber-500",
-        error: "bg-red-500"
-      }
-    },
-    defaultVariants: {
-      status: "default"
-    }
-  }
-);
+]), e = r([
+  "absolute",
+  "inset-y-0",
+  "left-0",
+  "rounded",
+  "transition-[width,background-color]",
+  "duration-500"
+], {
+  variants: { status: {
+    default: "bg-metal-600",
+    success: "bg-green-600",
+    warning: "bg-amber-500",
+    error: "bg-red-500"
+  } },
+  defaultVariants: { status: "default" }
+});
 export {
-  s as progressBarFillVariants,
+  e as progressBarFillVariants,
   t as progressBarTrackVariants
 };

package/dist/components/Radio/Radio.js

@@ -1,97 +1,53 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { forwardRef as V, useId as j, useCallback as w } from "react";
-import { Typography as d } from "../Typography/Typography.js";
-import { cn as a } from "../../utils/index.js";
-import { radioVariants as F, labelRadioVariants as p, wrapperRadioVariants as $ } from "./Radio.variants.js";
-const C = V(
-  ({
-    checked: r = !1,
-    className: f,
-    defaultChecked: l,
-    disabled: e,
-    label: N,
-    labelTextClassName: h,
-    description: o,
-    descriptionClassName: x,
-    name: m,
-    theme: R,
-    value: n,
-    wrapperClassName: u,
-    onChange: i
-  }, y) => {
-    const t = `${j()}-${m}`, b = w(
-      (g) => {
-        i?.(g);
-      },
-      [i]
-    );
-    return /* @__PURE__ */ c(
-      "label",
-      {
-        htmlFor: t,
-        className: a(
-          $({
-            className: u,
-            disabled: e || !1
-          })
-        ),
-        "data-theme": R,
-        children: [
-          /* @__PURE__ */ s(
-            "input",
-            {
-              ref: y,
-              id: t,
-              type: "radio",
-              name: m,
-              value: n,
-              checked: r,
-              defaultChecked: l,
-              className: "hidden peer",
-              onChange: () => b(n),
-              disabled: e
-            }
-          ),
-          /* @__PURE__ */ s(
-            "span",
-            {
-              className: a(
-                F({
-                  className: f,
-                  disabled: e || !1,
-                  checked: r || l || !1
-                })
-              )
-            }
-          ),
-          /* @__PURE__ */ c("div", { className: a(o && "flex flex-col gap-1"), children: [
-            /* @__PURE__ */ s(
-              d,
-              {
-                component: "span",
-                className: a(
-                  p({ className: h })
-                ),
-                children: N
-              }
-            ),
-            o && /* @__PURE__ */ s(
-              d,
-              {
-                component: "span",
-                className: a(
-                  p({ className: x })
-                ),
-                children: o
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-C.displayName = "KonstructRadio";
+import { t as a } from "../../utils-DHuiYnx1.js";
+import { Typography as c } from "../Typography/Typography.js";
+import { labelRadioVariants as p, radioVariants as V, wrapperRadioVariants as j } from "./Radio.variants.js";
+import { forwardRef as w, useCallback as F, useId as $ } from "react";
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+var v = w(({ checked: l = !1, className: f, defaultChecked: o, disabled: e, label: N, labelTextClassName: h, description: r, descriptionClassName: x, name: m, theme: R, value: n, wrapperClassName: u, onChange: t }, y) => {
+  const i = `${$()}-${m}`, b = F((g) => {
+    t?.(g);
+  }, [t]);
+  return /* @__PURE__ */ d("label", {
+    htmlFor: i,
+    className: a(j({
+      className: u,
+      disabled: e || !1
+    })),
+    "data-theme": R,
+    children: [
+      /* @__PURE__ */ s("input", {
+        ref: y,
+        id: i,
+        type: "radio",
+        name: m,
+        value: n,
+        checked: l,
+        defaultChecked: o,
+        className: "hidden peer",
+        onChange: () => b(n),
+        disabled: e
+      }),
+      /* @__PURE__ */ s("span", { className: a(V({
+        className: f,
+        disabled: e || !1,
+        checked: l || o || !1
+      })) }),
+      /* @__PURE__ */ d("div", {
+        className: a(r && "flex flex-col gap-1"),
+        children: [/* @__PURE__ */ s(c, {
+          component: "span",
+          className: a(p({ className: h })),
+          children: N
+        }), r && /* @__PURE__ */ s(c, {
+          component: "span",
+          className: a(p({ className: x })),
+          children: r
+        })]
+      })
+    ]
+  });
+});
+v.displayName = "KonstructRadio";
 export {
-  C as Radio
+  v as Radio
 };

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

@@ -1,96 +1,90 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const a = e(
-  ["inline-flex", "items-center", "cursor-pointer", "gap-2", "w-max"],
-  {
-    variants: {
-      disabled: {
-        true: ["cursor-not-allowed"],
-        false: ["cursor-pointer"]
-      }
+import { t as e } from "../../dist-DtEbXv47.js";
+var a = e([
+  "inline-flex",
+  "items-center",
+  "cursor-pointer",
+  "gap-2",
+  "w-max"
+], {
+  variants: { disabled: {
+    true: ["cursor-not-allowed"],
+    false: ["cursor-pointer"]
+  } },
+  defaultVariants: { disabled: !1 }
+}), o = e([
+  "border",
+  "border-zinc-400",
+  "dark:border-metal-600",
+  "duration-300",
+  "inline-block",
+  "rounded-full",
+  "transition-all",
+  "flex",
+  "flex-col",
+  "items-center",
+  "justify-center",
+  "before:content-['']",
+  "before:rounded-full",
+  "before:w-0",
+  "before:h-0",
+  "before:duration-100",
+  "before:transition-all",
+  "h-4",
+  "w-4",
+  "peer-checked:before:h-[70%]",
+  "peer-checked:before:w-[70%]"
+], {
+  variants: {
+    disabled: {
+      true: "",
+      false: ""
     },
-    defaultVariants: {
-      disabled: !1
+    checked: {
+      true: "",
+      false: ""
     }
-  }
-), o = e(
-  [
-    "border",
-    "border-zinc-400",
-    "dark:border-metal-600",
-    "duration-300",
-    "inline-block",
-    "rounded-full",
-    "transition-all",
-    "flex",
-    "flex-col",
-    "items-center",
-    "justify-center",
-    "before:content-['']",
-    "before:rounded-full",
-    "before:w-0",
-    "before:h-0",
-    "before:duration-100",
-    "before:transition-all",
-    "h-4",
-    "w-4",
-    "peer-checked:before:h-[70%]",
-    "peer-checked:before:w-[70%]"
-  ],
-  {
-    variants: {
-      disabled: {
-        true: "",
-        false: ""
-      },
-      checked: {
-        true: "",
-        false: ""
-      }
+  },
+  compoundVariants: [
+    {
+      disabled: !1,
+      checked: [!0, !1],
+      class: [
+        "kubefirst:peer-checked:border-kubefirst-primary",
+        "kubefirst:peer-checked:before:bg-kubefirst-primary",
+        "peer-checked:border-aurora-500",
+        "peer-checked:before:bg-aurora-500"
+      ]
+    },
+    {
+      disabled: !0,
+      checked: !0,
+      class: [
+        "peer-checked:border-zinc-300",
+        "peer-checked:before:bg-zinc-300",
+        "cursor-not-allowed",
+        "[&+span]:cursor-not-allowed",
+        "dark:peer-checked:before:bg-aurora-500/50",
+        "dark:peer-checked:border-aurora-500/50"
+      ]
     },
-    compoundVariants: [
-      {
-        disabled: !1,
-        checked: [!0, !1],
-        class: [
-          "kubefirst:peer-checked:border-kubefirst-primary",
-          "kubefirst:peer-checked:before:bg-kubefirst-primary",
-          "peer-checked:border-aurora-500",
-          "peer-checked:before:bg-aurora-500"
-        ]
-      },
-      {
-        disabled: !0,
-        checked: !0,
-        class: [
-          "peer-checked:border-zinc-300",
-          "peer-checked:before:bg-zinc-300",
-          "cursor-not-allowed",
-          "[&+span]:cursor-not-allowed",
-          "dark:peer-checked:before:bg-aurora-500/50",
-          "dark:peer-checked:border-aurora-500/50"
-        ]
-      },
-      {
-        disabled: !0,
-        checked: !1,
-        class: [
-          "peer-checked:border-zinc-300",
-          "peer-checked:before:bg-zinc-50",
-          "cursor-not-allowed",
-          "[&+span]:cursor-not-allowed",
-          "bg-gray-50",
-          "dark:bg-metal-800",
-          "dark:bg-metal-800"
-        ]
-      }
-    ],
-    defaultVariants: {
-      disabled: !1
+    {
+      disabled: !0,
+      checked: !1,
+      class: [
+        "peer-checked:border-zinc-300",
+        "peer-checked:before:bg-zinc-50",
+        "cursor-not-allowed",
+        "[&+span]:cursor-not-allowed",
+        "bg-gray-50",
+        "dark:bg-metal-800",
+        "dark:bg-metal-800"
+      ]
     }
-  }
-), c = e(["text-sm", "text-zinc-700"]);
+  ],
+  defaultVariants: { disabled: !1 }
+}), d = e(["text-sm", "text-zinc-700"]);
 export {
-  c as labelRadioVariants,
+  d as labelRadioVariants,
   o as radioVariants,
   a as wrapperRadioVariants
 };

package/dist/components/RadioCard/RadioCard.js

@@ -1,37 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as a } from "../../utils/index.js";
+import { t as a } from "../../utils-DHuiYnx1.js";
 import { Card as d } from "../Card/Card.js";
 import { Radio as l } from "../Radio/Radio.js";
 import { radioCardVariants as e } from "./RadioCard.variants.js";
-const f = ({
-  wrapperClassName: r,
-  theme: i,
-  labelWrapperClassName: t,
-  checked: o,
-  description: s,
-  ...p
-}) => /* @__PURE__ */ m(
-  d,
-  {
-    "data-theme": i,
-    className: a(
-      e({
-        className: r
-      })
-    ),
-    wrapperClassName: a("w-max", r),
-    isActive: o,
-    children: /* @__PURE__ */ m(
-      l,
-      {
-        wrapperClassName: a("w-full h-full p-3 gap-3", t),
-        checked: o,
-        description: s,
-        ...p
-      }
-    )
-  }
-);
+import { jsx as o } from "react/jsx-runtime";
+var f = ({ wrapperClassName: r, theme: i, labelWrapperClassName: t, checked: m, description: s, ...p }) => /* @__PURE__ */ o(d, {
+  "data-theme": i,
+  className: a(e({ className: r })),
+  wrapperClassName: a("w-max", r),
+  isActive: m,
+  children: /* @__PURE__ */ o(l, {
+    wrapperClassName: a("w-full h-full p-3 gap-3", t),
+    checked: m,
+    description: s,
+    ...p
+  })
+});
 f.displayName = "KonstructRadioCard";
 export {
   f as RadioCard

package/dist/components/RadioCard/RadioCard.variants.js

@@ -1,5 +1,10 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const e = r(["flex", "items-center", "p-0", "border"]);
+import { t as r } from "../../dist-DtEbXv47.js";
+var e = r([
+  "flex",
+  "items-center",
+  "p-0",
+  "border"
+]);
 export {
   e as radioCardVariants
 };