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

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,142 +1,105 @@
-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-BvdTb_6B.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: M,
-    groupRef: C,
-    id: m,
-    selected: r,
-    handleKeyDown: O,
-    handleSelect: P
-  } = H({
-    defaultValue: h,
-    disabled: o ?? void 0,
+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: 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
-          }
-        )
-      ]
-    }
-  );
+    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;
 };
-X.displayName = "KonstructButtonGroup";
+pe.displayName = "KonstructButtonGroup";
 export {
-  X as ButtonGroup
+  pe as ButtonGroup
 };

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

@@ -1,37 +1,15 @@
 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
+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
   }
-);
+});
 export {
   a as buttonGroupPillVariants,
   l as buttonGroupVariants,

package/dist/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.js

@@ -1,116 +1,108 @@
-import { jsx as s, jsxs as a } from "react/jsx-runtime";
-import { memo as L } from "react";
-import { cn as t } from "../../../../utils/index.js";
-import { buttonGroupLabelVariants as u, buttonGroupDescriptionVariants as V, buttonGroupItemContentVariants as g, buttonGroupItemVariants as w } from "./ButtonGroupItem.variants.js";
-import { m as j } from "../../../../proxy-BvdTb_6B.js";
-const k = (r, n) => n === "none" ? r ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : r ? "inset(0 0 0 0)" : n === "right" ? "inset(0 0 0 100%)" : "inset(0 100% 0 0)", B = L(
-  ({
-    animationDirection: r,
-    className: n,
-    contentClassName: d,
-    descriptionAlign: p,
-    descriptionClassName: h,
-    duration: b = 0.3,
-    hasDescription: f,
-    index: c,
+import { jsx as K, jsxs as D } from "react/jsx-runtime";
+import { c as U } from "../../../../compiler-runtime-DA41awpA.js";
+import { memo as W } from "react";
+import { cn as G } from "../../../../utils/index.js";
+import { buttonGroupItemVariants as X, buttonGroupItemContentVariants as Y, buttonGroupLabelVariants as M, buttonGroupDescriptionVariants as Z } from "./ButtonGroupItem.variants.js";
+import { m as _ } from "../../../../proxy-BGrSEZuV.js";
+const ee = (I, e) => e === "none" ? I ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : I ? "inset(0 0 0 0)" : e === "right" ? "inset(0 0 0 100%)" : "inset(0 100% 0 0)", te = W((I) => {
+  const e = U.c(68), {
+    animationDirection: j,
+    className: k,
+    contentClassName: A,
+    descriptionAlign: B,
+    descriptionClassName: P,
+    duration: J,
+    hasDescription: E,
+    index: w,
     isDisabled: l,
-    isFirst: y,
-    isLast: N,
-    isSelected: i,
-    labelAlign: m,
-    labelClassName: o,
-    option: e,
-    value: v,
-    onKeyDown: G,
-    onSelect: x
-  }) => /* @__PURE__ */ s(
-    "button",
-    {
-      type: "button",
-      role: "radio",
-      "aria-checked": i,
-      "data-value": e.value,
-      disabled: l,
-      tabIndex: i || c === 0 ? 0 : -1,
-      onClick: () => !l && x(v),
-      onKeyDown: (I) => G(I, c),
-      className: t(
-        w({ disabled: l, isFirst: y, isLast: N }),
-        "relative",
-        n
-      ),
-      children: /* @__PURE__ */ a(
-        "div",
-        {
-          className: t(
-            g({ hasDescription: f }),
-            "relative",
-            d
-          ),
-          children: [
-            /* @__PURE__ */ a("span", { className: "relative w-full", children: [
-              /* @__PURE__ */ a(
-                "span",
-                {
-                  className: t(
-                    u({ selected: !1, labelAlign: m }),
-                    o
-                  ),
-                  children: [
-                    /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
-                      e.icon,
-                      e.label
-                    ] }),
-                    e.secondaryLabel && /* @__PURE__ */ s("span", { children: e.secondaryLabel })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ a(
-                j.span,
-                {
-                  className: t(
-                    u({ selected: !0, labelAlign: m }),
-                    "absolute inset-0",
-                    o
-                  ),
-                  "aria-hidden": "true",
-                  initial: !1,
-                  animate: {
-                    clipPath: k(i, r)
-                  },
-                  transition: {
-                    type: "tween",
-                    ease: "linear",
-                    duration: b
-                  },
-                  children: [
-                    /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
-                      e.icon,
-                      e.label
-                    ] }),
-                    e.secondaryLabel && /* @__PURE__ */ s("span", { children: e.secondaryLabel })
-                  ]
-                }
-              )
-            ] }),
-            e.description && /* @__PURE__ */ s(
-              "span",
-              {
-                className: t(
-                  V({ descriptionAlign: p }),
-                  h
-                ),
-                children: e.description
-              }
-            )
-          ]
-        }
-      )
-    },
-    e.value
-  )
-);
-B.displayName = "KonstructButtonGroupItem";
+    isFirst: F,
+    isLast: R,
+    isSelected: s,
+    labelAlign: i,
+    labelClassName: a,
+    option: t,
+    value: S,
+    onKeyDown: $,
+    onSelect: q
+  } = I, z = J === void 0 ? 0.3 : J, O = t.value, Q = t.value, H = s || w === 0 ? 0 : -1;
+  let n;
+  e[0] !== l || e[1] !== q || e[2] !== S ? (n = () => !l && q(S), e[0] = l, e[1] = q, e[2] = S, e[3] = n) : n = e[3];
+  let o;
+  e[4] !== w || e[5] !== $ ? (o = (T) => $(T, w), e[4] = w, e[5] = $, e[6] = o) : o = e[6];
+  let r;
+  e[7] !== k || e[8] !== l || e[9] !== F || e[10] !== R ? (r = G(X({
+    disabled: l,
+    isFirst: F,
+    isLast: R
+  }), "relative", k), e[7] = k, e[8] = l, e[9] = F, e[10] = R, e[11] = r) : r = e[11];
+  let c;
+  e[12] !== A || e[13] !== E ? (c = G(Y({
+    hasDescription: E
+  }), "relative", A), e[12] = A, e[13] = E, e[14] = c) : c = e[14];
+  let d;
+  e[15] !== i || e[16] !== a ? (d = G(M({
+    selected: !1,
+    labelAlign: i
+  }), a), e[15] = i, e[16] = a, e[17] = d) : d = e[17];
+  let m;
+  e[18] !== t.icon || e[19] !== t.label ? (m = /* @__PURE__ */ D("span", { className: "flex items-center gap-2", children: [
+    t.icon,
+    t.label
+  ] }), e[18] = t.icon, e[19] = t.label, e[20] = m) : m = e[20];
+  let p;
+  e[21] !== t.secondaryLabel ? (p = t.secondaryLabel && /* @__PURE__ */ K("span", { children: t.secondaryLabel }), e[21] = t.secondaryLabel, e[22] = p) : p = e[22];
+  let f;
+  e[23] !== m || e[24] !== p || e[25] !== d ? (f = /* @__PURE__ */ D("span", { className: d, children: [
+    m,
+    p
+  ] }), e[23] = m, e[24] = p, e[25] = d, e[26] = f) : f = e[26];
+  let u;
+  e[27] !== i || e[28] !== a ? (u = G(M({
+    selected: !0,
+    labelAlign: i
+  }), "absolute inset-0", a), e[27] = i, e[28] = a, e[29] = u) : u = e[29];
+  let b;
+  e[30] !== j || e[31] !== s ? (b = ee(s, j), e[30] = j, e[31] = s, e[32] = b) : b = e[32];
+  let h;
+  e[33] !== b ? (h = {
+    clipPath: b
+  }, e[33] = b, e[34] = h) : h = e[34];
+  let y;
+  e[35] !== z ? (y = {
+    type: "tween",
+    ease: "linear",
+    duration: z
+  }, e[35] = z, e[36] = y) : y = e[36];
+  let N;
+  e[37] !== t.icon || e[38] !== t.label ? (N = /* @__PURE__ */ D("span", { className: "flex items-center gap-2", children: [
+    t.icon,
+    t.label
+  ] }), e[37] = t.icon, e[38] = t.label, e[39] = N) : N = e[39];
+  let v;
+  e[40] !== t.secondaryLabel ? (v = t.secondaryLabel && /* @__PURE__ */ K("span", { children: t.secondaryLabel }), e[40] = t.secondaryLabel, e[41] = v) : v = e[41];
+  let L;
+  e[42] !== u || e[43] !== h || e[44] !== y || e[45] !== N || e[46] !== v ? (L = /* @__PURE__ */ D(_.span, { className: u, "aria-hidden": "true", initial: !1, animate: h, transition: y, children: [
+    N,
+    v
+  ] }), e[42] = u, e[43] = h, e[44] = y, e[45] = N, e[46] = v, e[47] = L) : L = e[47];
+  let x;
+  e[48] !== f || e[49] !== L ? (x = /* @__PURE__ */ D("span", { className: "relative w-full", children: [
+    f,
+    L
+  ] }), e[48] = f, e[49] = L, e[50] = x) : x = e[50];
+  let g;
+  e[51] !== B || e[52] !== P || e[53] !== t.description ? (g = t.description && /* @__PURE__ */ K("span", { className: G(Z({
+    descriptionAlign: B
+  }), P), children: t.description }), e[51] = B, e[52] = P, e[53] = t.description, e[54] = g) : g = e[54];
+  let C;
+  e[55] !== x || e[56] !== g || e[57] !== c ? (C = /* @__PURE__ */ D("div", { className: c, children: [
+    x,
+    g
+  ] }), e[55] = x, e[56] = g, e[57] = c, e[58] = C) : C = e[58];
+  let V;
+  return e[59] !== l || e[60] !== s || e[61] !== t.value || e[62] !== C || e[63] !== H || e[64] !== n || e[65] !== o || e[66] !== r ? (V = /* @__PURE__ */ K("button", { type: "button", role: "radio", "aria-checked": s, "data-value": Q, disabled: l, tabIndex: H, onClick: n, onKeyDown: o, className: r, children: C }, O), e[59] = l, e[60] = s, e[61] = t.value, e[62] = C, e[63] = H, e[64] = n, e[65] = o, e[66] = r, e[67] = V) : V = e[67], V;
+});
+te.displayName = "KonstructButtonGroupItem";
 export {
-  B as ButtonGroupItem
+  te as ButtonGroupItem
 };