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

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

@@ -1,103 +1,299 @@
 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"], {
-  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"]
+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"
+  ],
+  {
+    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"]
+      },
+      version: {
+        default: "",
+        alternate: ""
+      },
+      disabled: {
+        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"]
+      }
     },
-    shape: {
-      circle: ["rounded-full", "p-1"]
-    },
-    version: {
-      default: "",
-      alternate: ""
-    },
-    disabled: {
-      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"]
+    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",
+      disabled: !1,
+      size: "medium"
     }
-  },
-  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",
-    disabled: !1,
-    size: "medium"
   }
-});
+);
 export {
   a as buttonVariants
 };

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,105 +1,142 @@
-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,
-    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];
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { useMemo as q } from "react";
+import { cn as n } from "../../utils/index.js";
+import { buttonGroupPillVariants as z, buttonGroupVariants as A, buttonGroupWrapperVariants as E } from "./ButtonGroup.variants.js";
+import { useButtonGroup as H } from "./hooks/useButtonGroup.js";
+import { ButtonGroupLabel as J } from "./components/ButtonGroupLabel/ButtonGroupLabel.js";
+import { m as Q } from "../../proxy-BGrSEZuV.js";
+import { ButtonGroupItem as T } from "./components/ButtonGroupItem/ButtonGroupItem.js";
+import { ButtonGroupMessage as U } from "./components/ButtonGroupMessage/ButtonGroupMessage.js";
+const X = ({
+  className: p,
+  contentClassName: f,
+  defaultValue: h,
+  descriptionAlign: v,
+  descriptionClassName: G,
+  disabled: o,
+  duration: l,
+  error: b,
+  errorClassName: N,
+  helperText: y,
+  helperTextClassName: B,
+  isRequired: D,
+  itemClassName: g,
+  itemLabelClassName: x,
+  label: s,
+  labelAlign: w,
+  labelClassName: I,
+  name: K,
+  options: t,
+  pillClassName: S,
+  requiredClassName: V,
+  theme: $,
+  value: j,
+  wrapperClassName: F,
+  onValueChange: L
+}) => {
   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;
+    animationDirection: M,
+    groupRef: C,
+    id: m,
+    selected: r,
+    handleKeyDown: O,
+    handleSelect: P
+  } = H({
+    defaultValue: h,
+    disabled: o ?? void 0,
+    options: t,
+    value: j,
+    onValueChange: L
+  }), u = t.length, c = q(
+    () => t.findIndex((e) => e.value === r),
+    [t, r]
+  );
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: n(E(), F),
+      "data-theme": $,
+      children: [
+        s && /* @__PURE__ */ a(
+          J,
+          {
+            className: I,
+            htmlFor: m,
+            isRequired: D,
+            label: s,
+            requiredClassName: V
+          }
+        ),
+        /* @__PURE__ */ d(
+          "div",
+          {
+            ref: C,
+            role: "radiogroup",
+            "aria-labelledby": s ? m : void 0,
+            className: n(A({ disabled: o }), p),
+            children: [
+              c >= 0 && /* @__PURE__ */ a(
+                Q.div,
+                {
+                  "aria-hidden": "true",
+                  className: n(z(), 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, i) => {
+                const R = r === e.value, W = o || e.disabled, k = !!e.description;
+                return /* @__PURE__ */ a(
+                  T,
+                  {
+                    animationDirection: M,
+                    className: g,
+                    contentClassName: f,
+                    descriptionAlign: v,
+                    descriptionClassName: G,
+                    duration: l,
+                    hasDescription: k,
+                    index: i,
+                    isDisabled: !!W,
+                    isFirst: i === 0,
+                    isLast: i === 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(
+          U,
+          {
+            error: b,
+            errorClassName: N,
+            helperText: y,
+            helperTextClassName: B
+          }
+        )
+      ]
+    }
+  );
 };
-pe.displayName = "KonstructButtonGroup";
+X.displayName = "KonstructButtonGroup";
 export {
-  pe as ButtonGroup
+  X as ButtonGroup
 };