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

package/dist/components/Button/Button.variants.js

@@ -1,96 +1,315 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const a = r(["select-none", "border", "cursor-pointer", "disabled:pointer-events-none", "flex", "focus-visible:outline-none", "focus-visible:ring-1", "focus-visible:ring-ring", "font-semibold", "gap-2", "inline-flex", "items-center", "justify-center", "rounded", "transition-colors", "whitespace-nowrap", "h-10", "px-4", "py-2", "text-sm", "bg-aurora-500", "border-aurora-500", "text-metal-900", "focus-visible:bg-aurora-400", "hover:bg-aurora-400", "hover:border-aurora-400", "kubefirst:border-kubefirst-primary", "kubefirst:bg-kubefirst-primary", "kubefirst:hover:bg-kubefirst-secondary", "kubefirst:hover:border-kubefirst-secondary", "kubefirst:text-white"], {
+import { t as r } from "../../dist-DtEbXv47.js";
+var a = r([
+  "select-none",
+  "border",
+  "cursor-pointer",
+  "disabled:pointer-events-none",
+  "flex",
+  "focus-visible:outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-ring",
+  "font-semibold",
+  "gap-2",
+  "inline-flex",
+  "items-center",
+  "justify-center",
+  "rounded",
+  "transition-colors",
+  "whitespace-nowrap",
+  "h-10",
+  "px-4",
+  "py-2",
+  "text-sm",
+  "bg-aurora-500",
+  "border-aurora-500",
+  "text-metal-900",
+  "focus-visible:bg-aurora-400",
+  "hover:bg-aurora-400",
+  "hover:border-aurora-400",
+  "kubefirst:border-kubefirst-primary",
+  "kubefirst:bg-kubefirst-primary",
+  "kubefirst:hover:bg-kubefirst-secondary",
+  "kubefirst:hover:border-kubefirst-secondary",
+  "kubefirst:text-white"
+], {
   variants: {
     variant: {
       primary: "",
       secondary: ["bg-white"],
       tertiary: [],
-      danger: ["border-red-700", "bg-red-700", "text-white", "hover:bg-red-800", "hover:border-red-800", "focus-visible:bg-red-800", "focus-visible:border-red-800", "focus-visible:ring-red-300"],
-      link: ["bg-transparent", "border-transparent", "text-blue-600", "hover:underline", "hover:text-blue-700", "hover:bg-transparent", "hover:border-transparent", "dark:text-aurora-500", "dark:hover:text-aurora-500", "focus-visible:bg-transparent"]
-    },
-    shape: {
-      circle: ["rounded-full", "p-1"]
+      danger: [
+        "border-red-700",
+        "bg-red-700",
+        "text-white",
+        "hover:bg-red-800",
+        "hover:border-red-800",
+        "focus-visible:bg-red-800",
+        "focus-visible:border-red-800",
+        "focus-visible:ring-red-300"
+      ],
+      link: [
+        "bg-transparent",
+        "border-transparent",
+        "text-blue-600",
+        "hover:underline",
+        "hover:text-blue-700",
+        "hover:bg-transparent",
+        "hover:border-transparent",
+        "dark:text-aurora-500",
+        "dark:hover:text-aurora-500",
+        "focus-visible:bg-transparent"
+      ]
     },
+    shape: { circle: ["rounded-full", "p-1"] },
     version: {
       default: "",
       alternate: ""
     },
     disabled: {
-      true: ["text-zinc-500", "border-zinc-200", "bg-zinc-200"],
+      true: [
+        "text-zinc-500",
+        "border-zinc-200",
+        "bg-zinc-200"
+      ],
       false: ""
     },
     size: {
       medium: "",
       large: ""
     },
-    appearance: {
-      compact: ["px-2", "py-1", "text-[13px]", "leading-5.5", "h-7.5"]
-    }
+    appearance: { compact: [
+      "px-2",
+      "py-1",
+      "text-[13px]",
+      "leading-5.5",
+      "h-7.5"
+    ] }
   },
-  compoundVariants: [{
-    variant: "primary",
-    disabled: !0,
-    class: ["text-metal-900", "bg-aurora-500", "border-transparent", "kubefirst:bg-zinc-200", "kubefirst:border-zinc-200", "kubefirst:text-zinc-500", "text-gray-700", "opacity-45"]
-  }, {
-    variant: "secondary",
-    disabled: !1,
-    class: ["transition-colors", "bg-white", "hover:bg-white", "text-slate-700", "border-slate-300", "hover:text-slate-700", "hover:border-slate-300", "hover:bg-slate-50", "focus-visible:bg-slate-50", "dark:bg-transparent", "dark:text-aurora-500", "dark:border-aurora-500", "dark:focus-visible:bg-aurora-900", "dark:hover:bg-aurora-900", "dark:hover:border-aurora-500", "dark:hover:text-aurora-500", "kubefirst:text-kubefirst-primary", "kubefirst:border-kubefirst-primary", "kubefirst:hover:text-kubefirst-secondary", "kubefirst:hover:border-kubefirst-secondary", "kubefirst:hover:bg-purple-50", "kubefirst:bg-white"]
-  }, {
-    variant: "secondary",
-    disabled: !0,
-    class: ["kubefirst:bg-white", "kubefirst:border-zinc-500", "kubefirst:text-zinc-500", "border-slate-300", "bg-white", "text-slate-700", "dark:bg-aurora-900", "dark:border-aurora-500", "dark:text-aurora-500", "opacity-45"]
-  }, {
-    variant: "tertiary",
-    disabled: !1,
-    class: ["transition-colors", "bg-transparent", "border-transparent", "text-slate-700", "hover:bg-aurora-100", "focus-visible:bg-aurora-100", "hover:text-slate-700", "hover:border-transparent", "dark:bg-transparent", "dark:text-metal-100", "dark:border-metal-100", "dark:focus-visible:bg-green-400/15", "dark:hover:bg-green-400/15", "dark:hover:border-metal-100", "dark:hover:text-metal-100"]
-  }, {
-    variant: "tertiary",
-    disabled: !0,
-    class: ["border-transparent", "bg-white", "text-slate-700", "opacity-45", "dark:bg-transparent", "dark:border-metal-100", "dark:text-metal-100"]
-  }, {
-    variant: "danger",
-    version: "alternate",
-    class: ["text-red-700", "border-red-700", "bg-white", "hover:bg-red-50", "focus-visible:bg-red-50", "focus-visible:border-red-700", "focus-visible:ring-red-300", "dark:bg-transparent", "dark:border-rose-400", "dark:text-rose-400", "dark:hover:bg-rose-950", "dark:hover:border-rose-400", "dark:focus-visible:bg-rose-950"]
-  }, {
-    variant: "danger",
-    disabled: !0,
-    class: ["text-white", "border-red-700", "bg-red-700", "opacity-45"]
-  }, {
-    variant: "danger",
-    version: "alternate",
-    disabled: !0,
-    class: ["text-red-700", "border-red-700", "bg-white", "opacity-45"]
-  }, {
-    variant: "link",
-    disabled: !0,
-    class: ["bg-transparent", "border-transparent", "text-blue-600", "opacity-45"]
-  }, {
-    shape: "circle",
-    size: ["medium", "large"],
-    disabled: !1,
-    class: ["w-8", "h-8", "text-slate-500", "bg-transparent", "border-transparent", "hover:border-transparent", "hover:bg-aurora-50", "focus-visible:bg-aurora-50", "hover:text-slate-800", "focus-visible:text-slate-800", "[&>svg]:w-5", "[&>svg]:h-5", "dark:text-metal-400", "dark:focus-visible:text-aurora-500", "dark:hover:text-aurora-500", "dark:hover:bg-green-400/15", "dark:focus-visible:bg-green-400/15"]
-  }, {
-    shape: "circle",
-    size: "large",
-    disabled: !1,
-    class: ["w-11", "h-11", "[&>svg]:w-6", "[&>svg]:h-6"]
-  }, {
-    variant: "danger",
-    shape: "circle",
-    size: ["medium", "large"],
-    disabled: !1,
-    class: ["text-red-700", "focus-visible:text-red-700", "hover:text-red-700", "focus-visible:bg-red-50", "focus-visible:ring-red-300", "hover:bg-red-50", "dark:text-red-500", "dark:hover:text-red-500", "dark:focus-visible:text-red-500", "dark:hover:bg-red-950/55", "dark:focus-visible:bg-red-950/55"]
-  }, {
-    shape: "circle",
-    size: ["medium", "large"],
-    disabled: !0,
-    class: ["opacity-45", "text-slate-500", "bg-transparent", "border-transparent", "w-8", "h-8", "[&>svg]:w-5", "[&>svg]:h-5", "dark:text-metal-400"]
-  }, {
-    shape: "circle",
-    size: "large",
-    disabled: !0,
-    class: ["w-11", "h-11", "[&>svg]:w-6", "[&>svg]:h-6"]
-  }],
+  compoundVariants: [
+    {
+      variant: "primary",
+      disabled: !0,
+      class: [
+        "text-metal-900",
+        "bg-aurora-500",
+        "border-transparent",
+        "kubefirst:bg-zinc-200",
+        "kubefirst:border-zinc-200",
+        "kubefirst:text-zinc-500",
+        "text-gray-700",
+        "opacity-45"
+      ]
+    },
+    {
+      variant: "secondary",
+      disabled: !1,
+      class: [
+        "transition-colors",
+        "bg-white",
+        "hover:bg-white",
+        "text-slate-700",
+        "border-slate-300",
+        "hover:text-slate-700",
+        "hover:border-slate-300",
+        "hover:bg-slate-50",
+        "focus-visible:bg-slate-50",
+        "dark:bg-transparent",
+        "dark:text-aurora-500",
+        "dark:border-aurora-500",
+        "dark:focus-visible:bg-aurora-900",
+        "dark:hover:bg-aurora-900",
+        "dark:hover:border-aurora-500",
+        "dark:hover:text-aurora-500",
+        "kubefirst:text-kubefirst-primary",
+        "kubefirst:border-kubefirst-primary",
+        "kubefirst:hover:text-kubefirst-secondary",
+        "kubefirst:hover:border-kubefirst-secondary",
+        "kubefirst:hover:bg-purple-50",
+        "kubefirst:bg-white"
+      ]
+    },
+    {
+      variant: "secondary",
+      disabled: !0,
+      class: [
+        "kubefirst:bg-white",
+        "kubefirst:border-zinc-500",
+        "kubefirst:text-zinc-500",
+        "border-slate-300",
+        "bg-white",
+        "text-slate-700",
+        "dark:bg-aurora-900",
+        "dark:border-aurora-500",
+        "dark:text-aurora-500",
+        "opacity-45"
+      ]
+    },
+    {
+      variant: "tertiary",
+      disabled: !1,
+      class: [
+        "transition-colors",
+        "bg-transparent",
+        "border-transparent",
+        "text-slate-700",
+        "hover:bg-aurora-100",
+        "focus-visible:bg-aurora-100",
+        "hover:text-slate-700",
+        "hover:border-transparent",
+        "dark:bg-transparent",
+        "dark:text-metal-100",
+        "dark:border-metal-100",
+        "dark:focus-visible:bg-green-400/15",
+        "dark:hover:bg-green-400/15",
+        "dark:hover:border-metal-100",
+        "dark:hover:text-metal-100"
+      ]
+    },
+    {
+      variant: "tertiary",
+      disabled: !0,
+      class: [
+        "border-transparent",
+        "bg-white",
+        "text-slate-700",
+        "opacity-45",
+        "dark:bg-transparent",
+        "dark:border-metal-100",
+        "dark:text-metal-100"
+      ]
+    },
+    {
+      variant: "danger",
+      version: "alternate",
+      class: [
+        "text-red-700",
+        "border-red-700",
+        "bg-white",
+        "hover:bg-red-50",
+        "focus-visible:bg-red-50",
+        "focus-visible:border-red-700",
+        "focus-visible:ring-red-300",
+        "dark:bg-transparent",
+        "dark:border-rose-400",
+        "dark:text-rose-400",
+        "dark:hover:bg-rose-950",
+        "dark:hover:border-rose-400",
+        "dark:focus-visible:bg-rose-950"
+      ]
+    },
+    {
+      variant: "danger",
+      disabled: !0,
+      class: [
+        "text-white",
+        "border-red-700",
+        "bg-red-700",
+        "opacity-45"
+      ]
+    },
+    {
+      variant: "danger",
+      version: "alternate",
+      disabled: !0,
+      class: [
+        "text-red-700",
+        "border-red-700",
+        "bg-white",
+        "opacity-45"
+      ]
+    },
+    {
+      variant: "link",
+      disabled: !0,
+      class: [
+        "bg-transparent",
+        "border-transparent",
+        "text-blue-600",
+        "opacity-45"
+      ]
+    },
+    {
+      shape: "circle",
+      size: ["medium", "large"],
+      disabled: !1,
+      class: [
+        "w-8",
+        "h-8",
+        "text-slate-500",
+        "bg-transparent",
+        "border-transparent",
+        "hover:border-transparent",
+        "hover:bg-aurora-50",
+        "focus-visible:bg-aurora-50",
+        "hover:text-slate-800",
+        "focus-visible:text-slate-800",
+        "[&>svg]:w-5",
+        "[&>svg]:h-5",
+        "dark:text-metal-400",
+        "dark:focus-visible:text-aurora-500",
+        "dark:hover:text-aurora-500",
+        "dark:hover:bg-green-400/15",
+        "dark:focus-visible:bg-green-400/15"
+      ]
+    },
+    {
+      shape: "circle",
+      size: "large",
+      disabled: !1,
+      class: [
+        "w-11",
+        "h-11",
+        "[&>svg]:w-6",
+        "[&>svg]:h-6"
+      ]
+    },
+    {
+      variant: "danger",
+      shape: "circle",
+      size: ["medium", "large"],
+      disabled: !1,
+      class: [
+        "text-red-700",
+        "focus-visible:text-red-700",
+        "hover:text-red-700",
+        "focus-visible:bg-red-50",
+        "focus-visible:ring-red-300",
+        "hover:bg-red-50",
+        "dark:text-red-500",
+        "dark:hover:text-red-500",
+        "dark:focus-visible:text-red-500",
+        "dark:hover:bg-red-950/55",
+        "dark:focus-visible:bg-red-950/55"
+      ]
+    },
+    {
+      shape: "circle",
+      size: ["medium", "large"],
+      disabled: !0,
+      class: [
+        "opacity-45",
+        "text-slate-500",
+        "bg-transparent",
+        "border-transparent",
+        "w-8",
+        "h-8",
+        "[&>svg]:w-5",
+        "[&>svg]:h-5",
+        "dark:text-metal-400"
+      ]
+    },
+    {
+      shape: "circle",
+      size: "large",
+      disabled: !0,
+      class: [
+        "w-11",
+        "h-11",
+        "[&>svg]:w-6",
+        "[&>svg]:h-6"
+      ]
+    }
+  ],
   defaultVariants: {
     variant: "primary",
     version: "default",

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,105 +1,88 @@
-import { jsx as D, jsxs as _ } from "react/jsx-runtime";
-import { c as ae } from "../../compiler-runtime-DA41awpA.js";
-import { cn as Z } from "../../utils/index.js";
-import { buttonGroupWrapperVariants as ie, buttonGroupVariants as re, buttonGroupPillVariants as oe } from "./ButtonGroup.variants.js";
-import { useButtonGroup as ne } from "./hooks/useButtonGroup.js";
-import { m as me } from "../../proxy-BGrSEZuV.js";
-import { ButtonGroupLabel as ue } from "./components/ButtonGroupLabel/ButtonGroupLabel.js";
-import { ButtonGroupItem as ce } from "./components/ButtonGroupItem/ButtonGroupItem.js";
-import { ButtonGroupMessage as de } from "./components/ButtonGroupMessage/ButtonGroupMessage.js";
-const pe = (ee) => {
-  const e = ae.c(73), {
-    className: R,
-    contentClassName: h,
-    defaultValue: S,
-    descriptionAlign: N,
-    descriptionClassName: b,
-    disabled: l,
-    duration: a,
-    error: j,
-    errorClassName: q,
-    helperText: A,
-    helperTextClassName: F,
-    isRequired: T,
-    itemClassName: v,
-    itemLabelClassName: C,
-    label: g,
-    labelAlign: G,
-    labelClassName: E,
-    name: M,
+import { t as n } from "../../utils-DHuiYnx1.js";
+import { t as k } from "../../proxy-uLtw-ZML.js";
+import { buttonGroupPillVariants as q, buttonGroupVariants as z, buttonGroupWrapperVariants as A } from "./ButtonGroup.variants.js";
+import { ButtonGroupItem as E } from "./components/ButtonGroupItem/ButtonGroupItem.js";
+import { ButtonGroupLabel as H } from "./components/ButtonGroupLabel/ButtonGroupLabel.js";
+import { ButtonGroupMessage as J } from "./components/ButtonGroupMessage/ButtonGroupMessage.js";
+import { useButtonGroup as Q } from "./hooks/useButtonGroup.js";
+import { useMemo as T } from "react";
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+var U = ({ className: p, contentClassName: f, defaultValue: h, descriptionAlign: v, descriptionClassName: G, disabled: s, duration: l, error: b, errorClassName: N, helperText: y, helperTextClassName: B, isRequired: D, itemClassName: g, itemLabelClassName: x, label: i, labelAlign: w, labelClassName: I, name: K, options: t, pillClassName: S, requiredClassName: V, theme: $, value: j, wrapperClassName: F, onValueChange: L }) => {
+  const { animationDirection: M, groupRef: C, id: m, selected: r, handleKeyDown: O, handleSelect: P } = Q({
+    defaultValue: h,
+    disabled: s ?? void 0,
     options: t,
-    pillClassName: O,
-    requiredClassName: P,
-    theme: W,
-    value: k,
-    wrapperClassName: z,
-    onValueChange: H
-  } = ee, J = l ?? void 0;
-  let w;
-  e[0] !== S || e[1] !== H || e[2] !== t || e[3] !== J || e[4] !== k ? (w = {
-    defaultValue: S,
-    disabled: J,
-    options: t,
-    value: k,
-    onValueChange: H
-  }, e[0] = S, e[1] = H, e[2] = t, e[3] = J, e[4] = k, e[5] = w) : w = e[5];
-  const {
-    animationDirection: x,
-    groupRef: Q,
-    id: V,
-    selected: s,
-    handleKeyDown: y,
-    handleSelect: B
-  } = ne(w), $ = t.length;
-  let I;
-  e[6] !== s ? (I = (p) => p.value === s, e[6] = s, e[7] = I) : I = e[7];
-  const K = t.findIndex(I);
-  let i;
-  e[8] !== z ? (i = Z(ie(), z), e[8] = z, e[9] = i) : i = e[9];
-  let r;
-  e[10] !== V || e[11] !== T || e[12] !== g || e[13] !== E || e[14] !== P ? (r = g && /* @__PURE__ */ D(ue, { className: E, htmlFor: V, isRequired: T, label: g, requiredClassName: P }), e[10] = V, e[11] = T, e[12] = g, e[13] = E, e[14] = P, e[15] = r) : r = e[15];
-  const U = g ? V : void 0;
-  let o;
-  e[16] !== R || e[17] !== l ? (o = Z(re({
-    disabled: l
-  }), R), e[16] = R, e[17] = l, e[18] = o) : o = e[18];
-  let n;
-  e[19] !== a || e[20] !== $ || e[21] !== O || e[22] !== K ? (n = K >= 0 && /* @__PURE__ */ D(me.div, { "aria-hidden": "true", className: Z(oe(), O), initial: !1, animate: {
-    left: `calc(${K} * (100% / ${$}) + 8px)`,
-    width: `calc(100% / ${$} - 16px)`
-  }, transition: {
-    type: "tween",
-    ease: "linear",
-    duration: a ?? 0.3
-  } }), e[19] = a, e[20] = $, e[21] = O, e[22] = K, e[23] = n) : n = e[23];
-  let m;
-  if (e[24] !== x || e[25] !== h || e[26] !== N || e[27] !== b || e[28] !== l || e[29] !== a || e[30] !== y || e[31] !== B || e[32] !== v || e[33] !== C || e[34] !== G || e[35] !== t || e[36] !== s) {
-    let p;
-    e[38] !== x || e[39] !== h || e[40] !== N || e[41] !== b || e[42] !== l || e[43] !== a || e[44] !== y || e[45] !== B || e[46] !== v || e[47] !== C || e[48] !== G || e[49] !== t.length || e[50] !== s ? (p = (f, Y) => {
-      const te = s === f.value, le = l || f.disabled, se = !!f.description;
-      return /* @__PURE__ */ D(ce, { animationDirection: x, className: v, contentClassName: h, descriptionAlign: N, descriptionClassName: b, duration: a, hasDescription: se, index: Y, isDisabled: !!le, isFirst: Y === 0, isLast: Y === t.length - 1, isSelected: te, labelAlign: G, labelClassName: C, option: f, value: f.value, onKeyDown: y, onSelect: B }, f.value);
-    }, e[38] = x, e[39] = h, e[40] = N, e[41] = b, e[42] = l, e[43] = a, e[44] = y, e[45] = B, e[46] = v, e[47] = C, e[48] = G, e[49] = t.length, e[50] = s, e[51] = p) : p = e[51], m = t.map(p), e[24] = x, e[25] = h, e[26] = N, e[27] = b, e[28] = l, e[29] = a, e[30] = y, e[31] = B, e[32] = v, e[33] = C, e[34] = G, e[35] = t, e[36] = s, e[37] = m;
-  } else
-    m = e[37];
-  let u;
-  e[52] !== Q || e[53] !== U || e[54] !== o || e[55] !== n || e[56] !== m ? (u = /* @__PURE__ */ _("div", { ref: Q, role: "radiogroup", "aria-labelledby": U, className: o, children: [
-    n,
-    m
-  ] }), e[52] = Q, e[53] = U, e[54] = o, e[55] = n, e[56] = m, e[57] = u) : u = e[57];
-  const X = s ?? "";
-  let c;
-  e[58] !== M || e[59] !== X ? (c = /* @__PURE__ */ D("input", { type: "hidden", name: M, value: X }), e[58] = M, e[59] = X, e[60] = c) : c = e[60];
-  let d;
-  e[61] !== j || e[62] !== q || e[63] !== A || e[64] !== F ? (d = /* @__PURE__ */ D(de, { error: j, errorClassName: q, helperText: A, helperTextClassName: F }), e[61] = j, e[62] = q, e[63] = A, e[64] = F, e[65] = d) : d = e[65];
-  let L;
-  return e[66] !== u || e[67] !== c || e[68] !== d || e[69] !== i || e[70] !== r || e[71] !== W ? (L = /* @__PURE__ */ _("div", { className: i, "data-theme": W, children: [
-    r,
-    u,
-    c,
-    d
-  ] }), e[66] = u, e[67] = c, e[68] = d, e[69] = i, e[70] = r, e[71] = W, e[72] = L) : L = e[72], L;
+    value: j,
+    onValueChange: L
+  }), u = t.length, c = T(() => t.findIndex((e) => e.value === r), [t, r]);
+  return /* @__PURE__ */ d("div", {
+    className: n(A(), F),
+    "data-theme": $,
+    children: [
+      i && /* @__PURE__ */ a(H, {
+        className: I,
+        htmlFor: m,
+        isRequired: D,
+        label: i,
+        requiredClassName: V
+      }),
+      /* @__PURE__ */ d("div", {
+        ref: C,
+        role: "radiogroup",
+        "aria-labelledby": i ? m : void 0,
+        className: n(z({ disabled: s }), p),
+        children: [c >= 0 && /* @__PURE__ */ a(k.div, {
+          "aria-hidden": "true",
+          className: n(q(), S),
+          initial: !1,
+          animate: {
+            left: `calc(${c} * (100% / ${u}) + 8px)`,
+            width: `calc(100% / ${u} - 16px)`
+          },
+          transition: {
+            type: "tween",
+            ease: "linear",
+            duration: l ?? 0.3
+          }
+        }), t.map((e, o) => {
+          const R = r === e.value, W = s || e.disabled;
+          return /* @__PURE__ */ a(E, {
+            animationDirection: M,
+            className: g,
+            contentClassName: f,
+            descriptionAlign: v,
+            descriptionClassName: G,
+            duration: l,
+            hasDescription: !!e.description,
+            index: o,
+            isDisabled: !!W,
+            isFirst: o === 0,
+            isLast: o === t.length - 1,
+            isSelected: R,
+            labelAlign: w,
+            labelClassName: x,
+            option: e,
+            value: e.value,
+            onKeyDown: O,
+            onSelect: P
+          }, e.value);
+        })]
+      }),
+      /* @__PURE__ */ a("input", {
+        type: "hidden",
+        name: K,
+        value: r ?? ""
+      }),
+      /* @__PURE__ */ a(J, {
+        error: b,
+        errorClassName: N,
+        helperText: y,
+        helperTextClassName: B
+      })
+    ]
+  });
 };
-pe.displayName = "KonstructButtonGroup";
+U.displayName = "KonstructButtonGroup";
 export {
-  pe as ButtonGroup
+  U as ButtonGroup
 };

package/dist/components/ButtonGroup/ButtonGroup.variants.js

@@ -1,17 +1,32 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const a = t(["absolute", "top-2", "bottom-2", "bg-metal-800", "rounded-lg", "pointer-events-none"]), o = t(["flex", "flex-col", "gap-2", "w-full"]), l = t(["inline-flex", "items-stretch", "w-full", "relative", "bg-metal-900", "rounded-lg"], {
-  variants: {
-    disabled: {
-      true: "opacity-50 cursor-not-allowed",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    disabled: !1
-  }
+import { t } from "../../dist-DtEbXv47.js";
+var e = t([
+  "absolute",
+  "top-2",
+  "bottom-2",
+  "bg-metal-800",
+  "rounded-lg",
+  "pointer-events-none"
+]), l = t([
+  "flex",
+  "flex-col",
+  "gap-2",
+  "w-full"
+]), r = t([
+  "inline-flex",
+  "items-stretch",
+  "w-full",
+  "relative",
+  "bg-metal-900",
+  "rounded-lg"
+], {
+  variants: { disabled: {
+    true: "opacity-50 cursor-not-allowed",
+    false: ""
+  } },
+  defaultVariants: { disabled: !1 }
 });
 export {
-  a as buttonGroupPillVariants,
-  l as buttonGroupVariants,
-  o as buttonGroupWrapperVariants
+  e as buttonGroupPillVariants,
+  r as buttonGroupVariants,
+  l as buttonGroupWrapperVariants
 };