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

package/dist/components/RadioCardGroup/RadioCardGroup.js

@@ -1,45 +1,27 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as C, useCallback as N } from "react";
-import { cn as t } from "../../utils/index.js";
-import { RadioCard as S } from "../RadioCard/RadioCard.js";
-import { radioCardGroupVariants as k } from "./RadioCardGroup.variants.js";
-const g = ({
-  className: a,
-  defaultChecked: m,
-  direction: s,
-  name: c,
-  options: d,
-  theme: i,
-  wrapperClassName: p,
-  onValueChange: e
-}) => {
-  const [n, f] = C(m), l = N(
-    (r) => {
-      f(r), e?.(r);
-    },
-    [e]
-  );
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: t(
-        k({ className: p, direction: s })
-      ),
-      "data-theme": i,
-      children: d.map(({ value: r, ...h }) => /* @__PURE__ */ o(
-        S,
-        {
-          value: r,
-          name: c,
-          className: t(a),
-          checked: n === r,
-          onChange: () => l(r),
-          ...h
-        },
-        r
-      ))
-    }
-  );
+import { t } from "../../utils-DHuiYnx1.js";
+import { RadioCard as C } from "../RadioCard/RadioCard.js";
+import { radioCardGroupVariants as N } from "./RadioCardGroup.variants.js";
+import { useCallback as S, useState as k } from "react";
+import { jsx as a } from "react/jsx-runtime";
+var g = ({ className: o, defaultChecked: m, direction: s, name: d, options: c, theme: i, wrapperClassName: p, onValueChange: e }) => {
+  const [n, f] = k(m), l = S((r) => {
+    f(r), e?.(r);
+  }, [e]);
+  return /* @__PURE__ */ a("div", {
+    className: t(N({
+      className: p,
+      direction: s
+    })),
+    "data-theme": i,
+    children: c.map(({ value: r, ...h }) => /* @__PURE__ */ a(C, {
+      value: r,
+      name: d,
+      className: t(o),
+      checked: n === r,
+      onChange: () => l(r),
+      ...h
+    }, r))
+  });
 };
 export {
   g as RadioCardGroup

package/dist/components/RadioCardGroup/RadioCardGroup.variants.js

@@ -1,15 +1,11 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const r = a(["flex"], {
-  variants: {
-    direction: {
-      row: ["flex-row", "gap-8"],
-      col: ["flex-col", "gap-4"]
-    }
-  },
-  defaultVariants: {
-    direction: "col"
-  }
+import { t as a } from "../../dist-DtEbXv47.js";
+var o = a(["flex"], {
+  variants: { direction: {
+    row: ["flex-row", "gap-8"],
+    col: ["flex-col", "gap-4"]
+  } },
+  defaultVariants: { direction: "col" }
 });
 export {
-  r as radioCardGroupVariants
+  o as radioCardGroupVariants
 };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,51 +1,29 @@
-import { jsx as s } from "react/jsx-runtime";
-import { S as G } from "../../index-BvoZGpli.js";
-import { useState as R, useCallback as b } from "react";
-import { cn as c } from "../../utils/index.js";
-import { Radio as j } from "../Radio/Radio.js";
-import { radioGroupVariants as u } from "./RadioGroup.variants.js";
-const A = ({
-  asChild: m,
-  className: a,
-  defaultChecked: n,
-  direction: i,
-  name: d,
-  options: l,
-  theme: p,
-  value: e,
-  wrapperClassName: f,
-  onValueChange: r
-}) => {
-  const S = m ? G : "div", t = e !== void 0, [h, C] = R(
-    () => n
-  ), N = t ? e : h, k = b(
-    (o) => {
-      t || C(o), r?.(o);
-    },
-    [t, r]
-  );
-  return /* @__PURE__ */ s(
-    S,
-    {
-      className: c(
-        u({ className: f, direction: i })
-      ),
-      "data-theme": p,
-      children: l.map(({ value: o, ...x }) => /* @__PURE__ */ s(
-        j,
-        {
-          value: o,
-          name: d,
-          className: c(a),
-          checked: N === o,
-          onChange: () => k(o),
-          ...x
-        },
-        o
-      ))
-    }
-  );
+import { t as G } from "../../dist-DXJSck4j.js";
+import { t as s } from "../../utils-DHuiYnx1.js";
+import { Radio as R } from "../Radio/Radio.js";
+import { radioGroupVariants as b } from "./RadioGroup.variants.js";
+import { useCallback as j, useState as I } from "react";
+import { jsx as m } from "react/jsx-runtime";
+var D = ({ asChild: a, className: c, defaultChecked: i, direction: n, name: d, options: p, theme: l, value: e, wrapperClassName: f, onValueChange: r }) => {
+  const S = a ? G : "div", o = e !== void 0, [h, C] = I(() => i), N = o ? e : h, k = j((t) => {
+    o || C(t), r?.(t);
+  }, [o, r]);
+  return /* @__PURE__ */ m(S, {
+    className: s(b({
+      className: f,
+      direction: n
+    })),
+    "data-theme": l,
+    children: p.map(({ value: t, ...x }) => /* @__PURE__ */ m(R, {
+      value: t,
+      name: d,
+      className: s(c),
+      checked: N === t,
+      onChange: () => k(t),
+      ...x
+    }, t))
+  });
 };
 export {
-  A as RadioGroup
+  D as RadioGroup
 };

package/dist/components/RadioGroup/RadioGroup.variants.js

@@ -1,15 +1,11 @@
-import { c as o } from "../../index-D29mdTf5.js";
-const r = o(["flex"], {
-  variants: {
-    direction: {
-      row: ["flex-row", "gap-8"],
-      col: ["flex-col", "gap-4"]
-    }
-  },
-  defaultVariants: {
-    direction: "col"
-  }
+import { t as a } from "../../dist-DtEbXv47.js";
+var o = a(["flex"], {
+  variants: { direction: {
+    row: ["flex-row", "gap-8"],
+    col: ["flex-col", "gap-4"]
+  } },
+  defaultVariants: { direction: "col" }
 });
 export {
-  r as radioGroupVariants
+  o as radioGroupVariants
 };

package/dist/components/Range/Range.js

@@ -1,64 +1,52 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { R, T as V, a as v, b as c } from "../../index-Jr0cra7i.js";
-import { forwardRef as b, useRef as j, useState as k, useImperativeHandle as w, useEffect as y, useCallback as C } from "react";
-import { cn as a } from "../../utils/index.js";
-import { rangeOutsideVariants as T, trackVariants as S, thumbVariants as i, rangeVariants as $ } from "./Range.variants.js";
-const A = b(
-  ({
-    label: n,
-    labelWrapperClassName: u,
-    defaultValue: m = [0, 100],
-    name: o,
-    theme: f,
-    size: l,
-    showValue: d,
-    ...h
-  }, p) => {
-    const t = j(null), [s, x] = k(m);
-    w(p, () => t.current, [t]), y(() => {
-      t.current && (t.current.value = `[${s.toString()}]`);
-    }, [s]);
-    const N = C(
-      (g) => x(g),
-      []
-    );
-    return /* @__PURE__ */ r("div", { className: "w-full relative flex flex-col gap-3", "data-theme": f, children: [
-      /* @__PURE__ */ r(
-        "div",
-        {
-          className: a(
-            "flex items-center",
-            n ? "justify-between" : "justify-end",
-            u
-          ),
+import { t as e } from "../../utils-DHuiYnx1.js";
+import { i as v, n as V, r as c, t as R } from "../../dist-BL8l9uRy.js";
+import { rangeOutsideVariants as j, rangeVariants as b, thumbVariants as i, trackVariants as k } from "./Range.variants.js";
+import { forwardRef as w, useCallback as y, useEffect as C, useImperativeHandle as S, useRef as T, useState as $ } from "react";
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+var A = w(({ label: n, labelWrapperClassName: u, defaultValue: m = [0, 100], name: o, theme: f, size: l, showValue: d, ...h }, p) => {
+  const t = T(null), [s, x] = $(m);
+  S(p, () => t.current, [t]), C(() => {
+    t.current && (t.current.value = `[${s.toString()}]`);
+  }, [s]);
+  const N = y((g) => x(g), []);
+  return /* @__PURE__ */ r("div", {
+    className: "w-full relative flex flex-col gap-3",
+    "data-theme": f,
+    children: [
+      /* @__PURE__ */ r("div", {
+        className: e("flex items-center", n ? "justify-between" : "justify-end", u),
+        children: [n ? /* @__PURE__ */ a("label", { children: n }) : null, d ? /* @__PURE__ */ r("span", {
+          className: "text-xs",
           children: [
-            n ? /* @__PURE__ */ e("label", { children: n }) : null,
-            d ? /* @__PURE__ */ r("span", { className: "text-xs", children: [
-              s[0],
-              " - ",
-              s[1]
-            ] }) : null
+            s[0],
+            " - ",
+            s[1]
           ]
-        }
-      ),
-      /* @__PURE__ */ e("input", { ref: t, name: o, className: "hidden", type: "text" }),
-      /* @__PURE__ */ r(
-        R,
-        {
-          value: s,
-          className: a($()),
-          onValueChange: N,
-          ...h,
-          children: [
-            /* @__PURE__ */ e(V, { className: a(S({ size: l })), children: /* @__PURE__ */ e(v, { className: a(T()) }) }),
-            /* @__PURE__ */ e(c, { className: a(i({ size: l })) }),
-            /* @__PURE__ */ e(c, { className: a(i({ size: l })) })
-          ]
-        }
-      )
-    ] });
-  }
-);
+        }) : null]
+      }),
+      /* @__PURE__ */ a("input", {
+        ref: t,
+        name: o,
+        className: "hidden",
+        type: "text"
+      }),
+      /* @__PURE__ */ r(V, {
+        value: s,
+        className: e(b()),
+        onValueChange: N,
+        ...h,
+        children: [
+          /* @__PURE__ */ a(v, {
+            className: e(k({ size: l })),
+            children: /* @__PURE__ */ a(R, { className: e(j()) })
+          }),
+          /* @__PURE__ */ a(c, { className: e(i({ size: l })) }),
+          /* @__PURE__ */ a(c, { className: e(i({ size: l })) })
+        ]
+      })
+    ]
+  });
+});
 export {
   A as Range
 };

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

@@ -1,5 +1,5 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const a = r([
+import { t as r } from "../../dist-DtEbXv47.js";
+var e = r([
   "relative",
   "flex",
   "items-center",
@@ -12,49 +12,40 @@ const a = r([
   "absolute",
   "h-full",
   "bg-kubefirst-secondary"
-]), t = r(
-  ["relative", "flex-grow", "bg-gray-100", "rounded-full"],
-  {
-    variants: {
-      size: {
-        sm: ["h-1"],
-        md: ["h-2"],
-        lg: ["h-3"]
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), o = r(
-  [
-    "block",
-    "w-5",
-    "h-5",
-    "rounded-full",
-    "cursor-pointer",
-    "focus-visible:outline-none",
-    "shadow-md",
-    "bg-white",
-    "border",
-    "border-gray-300"
-  ],
-  {
-    variants: {
-      size: {
-        sm: ["w-5", "h-5"],
-        md: ["w-6", "h-6"],
-        lg: ["w-7", "h-7"]
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
+]), t = r([
+  "relative",
+  "flex-grow",
+  "bg-gray-100",
+  "rounded-full"
+], {
+  variants: { size: {
+    sm: ["h-1"],
+    md: ["h-2"],
+    lg: ["h-3"]
+  } },
+  defaultVariants: { size: "md" }
+}), i = r([
+  "block",
+  "w-5",
+  "h-5",
+  "rounded-full",
+  "cursor-pointer",
+  "focus-visible:outline-none",
+  "shadow-md",
+  "bg-white",
+  "border",
+  "border-gray-300"
+], {
+  variants: { size: {
+    sm: ["w-5", "h-5"],
+    md: ["w-6", "h-6"],
+    lg: ["w-7", "h-7"]
+  } },
+  defaultVariants: { size: "md" }
+});
 export {
   s as rangeOutsideVariants,
-  a as rangeVariants,
-  o as thumbVariants,
+  e as rangeVariants,
+  i as thumbVariants,
   t as trackVariants
 };

package/dist/components/Select/Select.js

@@ -1,71 +1,38 @@
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
-import { forwardRef as N, useMemo as O } from "react";
-import { cn as a } from "../../utils/index.js";
-import { i as g } from "../../AdditionalOptions-C2FDVZhu.js";
-import { SelectProvider as j } from "./contexts/select.provider.js";
-import { Wrapper as k } from "./components/Wrapper.js";
-const W = N(
-  ({
-    error: e,
-    errorClassName: m,
-    helperText: l,
-    helperTextClassName: n,
-    highlightSearch: o,
-    mainWrapperClassName: p,
-    name: s,
-    value: c,
-    options: t,
-    onChange: d,
-    onBlur: i,
-    ...f
-  }, x) => {
-    const u = O(() => t.length ? g(t.at(0)) ? t.flatMap((h) => h.options) : t : [], [t]);
-    return /* @__PURE__ */ r(
-      j,
-      {
-        highlightSearch: o,
+import { t as a } from "../../utils-DHuiYnx1.js";
+import { t as h } from "../../Wrapper-DEJ-hyar.js";
+import { SelectProvider as v } from "./contexts/select.provider.js";
+import { n as N } from "../../AdditionalOptions-Cx9wU01w.js";
+import { forwardRef as g, useMemo as j } from "react";
+import { jsx as r, jsxs as k } from "react/jsx-runtime";
+var R = g(({ error: e, errorClassName: i, helperText: l, helperTextClassName: d, highlightSearch: p, mainWrapperClassName: f, name: s, value: n, options: t, onChange: c, onBlur: m, ...o }, x) => /* @__PURE__ */ r(v, {
+  highlightSearch: p,
+  name: s,
+  value: n,
+  options: j(() => t.length ? N(t.at(0)) ? t.flatMap((u) => u.options) : t : [], [t]),
+  onBlur: m,
+  onChange: c,
+  children: /* @__PURE__ */ k("div", {
+    className: a("relative w-full", f),
+    children: [
+      /* @__PURE__ */ r(h, {
+        error: e,
         name: s,
-        value: c,
-        options: u,
-        onBlur: i,
-        onChange: d,
-        children: /* @__PURE__ */ v("div", { className: a("relative w-full", p), children: [
-          /* @__PURE__ */ r(
-            k,
-            {
-              error: e,
-              name: s,
-              ref: x,
-              onBlur: i,
-              groupedOptions: t,
-              ...f
-            }
-          ),
-          e ? /* @__PURE__ */ r(
-            "span",
-            {
-              className: a(
-                "text-xs text-red-700 dark:text-red-400",
-                m
-              ),
-              children: e
-            }
-          ) : null,
-          !e && l ? /* @__PURE__ */ r(
-            "span",
-            {
-              className: a(
-                "text-xs text-slate-600 dark:text-slate-200",
-                n
-              ),
-              children: l
-            }
-          ) : null
-        ] })
-      }
-    );
-  }
-);
+        ref: x,
+        onBlur: m,
+        groupedOptions: t,
+        ...o
+      }),
+      e ? /* @__PURE__ */ r("span", {
+        className: a("text-xs text-red-700 dark:text-red-400", i),
+        children: e
+      }) : null,
+      !e && l ? /* @__PURE__ */ r("span", {
+        className: a("text-xs text-slate-600 dark:text-slate-200", d),
+        children: l
+      }) : null
+    ]
+  })
+}));
 export {
-  W as Select
+  R as Select
 };

package/dist/components/Select/Select.variants.js

@@ -1,54 +1,55 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const a = e(
-  [
-    "group",
-    "border",
-    "cursor-pointer",
-    "ease-in-out",
-    "flex",
-    "items-center",
-    "justify-between",
-    "px-3",
-    "py-1",
-    "relative",
-    "rounded",
-    "transition-all",
-    "w-full",
-    "outline-none",
-    "h-10",
-    "border-gray-200",
-    "focus-visible:bg-zinc-50",
-    "aria-expanded:border-aurora-500",
-    "aria-expanded:text-aurora-500",
-    "kubefirst:aria-expanded:border-kubefirst-primary",
-    "kubefirst:aria-expanded:text-kubefirst-secondary",
-    "dark:border-metal-700",
-    "dark:focus-visible:bg-metal-800",
-    "dark:bg-metal-800"
-  ],
-  {
-    variants: {
-      hasError: {
-        true: [
-          "aria-expanded:border-red-600",
-          "aria-expanded:text-red-600",
-          "kubefirst:border-red-600",
-          "kubefirst:text-red-600",
-          "dark:border-red-500"
-        ],
-        false: ""
-      },
-      disabled: {
-        true: ["cursor-default", "bg-gray-100", "dark:bg-metal-700/80"],
-        false: []
-      }
+import { t as e } from "../../dist-DtEbXv47.js";
+var a = e([
+  "group",
+  "border",
+  "cursor-pointer",
+  "ease-in-out",
+  "flex",
+  "items-center",
+  "justify-between",
+  "px-3",
+  "py-1",
+  "relative",
+  "rounded",
+  "transition-all",
+  "w-full",
+  "outline-none",
+  "h-10",
+  "border-gray-200",
+  "focus-visible:bg-zinc-50",
+  "aria-expanded:border-aurora-500",
+  "aria-expanded:text-aurora-500",
+  "kubefirst:aria-expanded:border-kubefirst-primary",
+  "kubefirst:aria-expanded:text-kubefirst-secondary",
+  "dark:border-metal-700",
+  "dark:focus-visible:bg-metal-800",
+  "dark:bg-metal-800"
+], {
+  variants: {
+    hasError: {
+      true: [
+        "aria-expanded:border-red-600",
+        "aria-expanded:text-red-600",
+        "kubefirst:border-red-600",
+        "kubefirst:text-red-600",
+        "dark:border-red-500"
+      ],
+      false: ""
     },
-    defaultVariants: {
-      hasError: !1,
-      disabled: !1
+    disabled: {
+      true: [
+        "cursor-default",
+        "bg-gray-100",
+        "dark:bg-metal-700/80"
+      ],
+      false: []
     }
+  },
+  defaultVariants: {
+    hasError: !1,
+    disabled: !1
   }
-), t = e([
+}), t = e([
   "flex-1",
   "bg-transparent",
   "border-none",

package/dist/components/Select/components/AdditionalOptions/AdditionalOptions.js

@@ -1,11 +1,4 @@
-import "react/jsx-runtime";
-import "../../../../index-BvoZGpli.js";
-import "react";
-import "../../../../utils/index.js";
-import { A as s } from "../../../../AdditionalOptions-C2FDVZhu.js";
-import "../List/List.variants.js";
-import "./AdditionalOptions.variants.js";
-import "../../contexts/select.hook.js";
+import { t } from "../../../../AdditionalOptions-Cx9wU01w.js";
 export {
-  s as AdditionalOptions
+  t as AdditionalOptions
 };