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

package/dist/components/ButtonGroup/components/ButtonGroupLabel/ButtonGroupLabel.js

@@ -1,45 +1,23 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { memo as l } from "react";
-import { cn as t } from "../../../../utils/index.js";
+import { t } from "../../../../utils-DHuiYnx1.js";
 import { Typography as e } from "../../../Typography/Typography.js";
-const c = l(
-  ({ className: o, htmlFor: r, isRequired: m, label: a, requiredClassName: n }) => /* @__PURE__ */ p(
-    e,
-    {
-      component: "label",
-      variant: "labelLarge",
-      htmlFor: r,
-      className: t(
-        "cursor-pointer",
-        "flex",
-        "gap-1",
-        "text-sm",
-        "font-medium",
-        "text-metal-50",
-        o
-      ),
-      children: [
-        a,
-        " ",
-        m && /* @__PURE__ */ s(
-          e,
-          {
-            component: "span",
-            className: t(
-              "text-red-600",
-              "dark:text-red-500",
-              "text-xs",
-              "mt-0.5",
-              n
-            ),
-            children: "*"
-          }
-        )
-      ]
-    }
-  )
-);
-c.displayName = "KonstructButtonGroupLabel";
+import { memo as n } from "react";
+import { jsx as s, jsxs as l } from "react/jsx-runtime";
+var i = n(({ className: r, htmlFor: o, isRequired: a, label: m, requiredClassName: p }) => /* @__PURE__ */ l(e, {
+  component: "label",
+  variant: "labelLarge",
+  htmlFor: o,
+  className: t("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium", "text-metal-50", r),
+  children: [
+    m,
+    " ",
+    a && /* @__PURE__ */ s(e, {
+      component: "span",
+      className: t("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5", p),
+      children: "*"
+    })
+  ]
+}));
+i.displayName = "KonstructButtonGroupLabel";
 export {
-  c as ButtonGroupLabel
+  i as ButtonGroupLabel
 };

package/dist/components/ButtonGroup/components/ButtonGroupLabel/index.js

@@ -1,4 +1,4 @@
-import { ButtonGroupLabel as t } from "./ButtonGroupLabel.js";
+import { ButtonGroupLabel as r } from "./ButtonGroupLabel.js";
 export {
-  t as ButtonGroupLabel
+  r as ButtonGroupLabel
 };

package/dist/components/ButtonGroup/components/ButtonGroupMessage/ButtonGroupMessage.js

@@ -1,36 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import { memo as m } from "react";
-import { cn as r } from "../../../../utils/index.js";
+import { t as o } from "../../../../utils-DHuiYnx1.js";
 import { Typography as e } from "../../../Typography/Typography.js";
-const p = m(
-  ({ error: t, errorClassName: s, helperText: n, helperTextClassName: a }) => typeof t == "string" && t.length > 0 ? /* @__PURE__ */ o(
-    e,
-    {
-      component: "span",
-      className: r(
-        "text-xs",
-        "tracking-normal",
-        "text-red-400",
-        s
-      ),
-      children: t
-    }
-  ) : n ? /* @__PURE__ */ o(
-    e,
-    {
-      component: "span",
-      variant: "body1",
-      className: r(
-        "text-xs",
-        "text-metal-300",
-        "select-none",
-        "tracking-normal",
-        a
-      ),
-      children: n
-    }
-  ) : null
-);
+import { memo as s } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var p = s(({ error: t, errorClassName: a, helperText: n, helperTextClassName: m }) => typeof t == "string" && t.length > 0 ? /* @__PURE__ */ r(e, {
+  component: "span",
+  className: o("text-xs", "tracking-normal", "text-red-400", a),
+  children: t
+}) : n ? /* @__PURE__ */ r(e, {
+  component: "span",
+  variant: "body1",
+  className: o("text-xs", "text-metal-300", "select-none", "tracking-normal", m),
+  children: n
+}) : null);
 p.displayName = "KonstructButtonGroupMessage";
 export {
   p as ButtonGroupMessage

package/dist/components/ButtonGroup/components/index.js

@@ -1,8 +1,8 @@
-import { ButtonGroupItem as r } from "./ButtonGroupItem/ButtonGroupItem.js";
-import { ButtonGroupLabel as p } from "./ButtonGroupLabel/ButtonGroupLabel.js";
-import { ButtonGroupMessage as m } from "./ButtonGroupMessage/ButtonGroupMessage.js";
+import { ButtonGroupItem as t } from "./ButtonGroupItem/ButtonGroupItem.js";
+import { ButtonGroupLabel as m } from "./ButtonGroupLabel/ButtonGroupLabel.js";
+import { ButtonGroupMessage as u } from "./ButtonGroupMessage/ButtonGroupMessage.js";
 export {
-  r as ButtonGroupItem,
-  p as ButtonGroupLabel,
-  m as ButtonGroupMessage
+  t as ButtonGroupItem,
+  m as ButtonGroupLabel,
+  u as ButtonGroupMessage
 };

package/dist/components/ButtonGroup/hooks/index.js

@@ -1,4 +1,4 @@
-import { useButtonGroup as t } from "./useButtonGroup.js";
+import { useButtonGroup as r } from "./useButtonGroup.js";
 export {
-  t as useButtonGroup
+  r as useButtonGroup
 };

package/dist/components/ButtonGroup/hooks/useButtonGroup.js

@@ -1,30 +1,23 @@
-import { useId as A, useRef as S, useState as D, useCallback as d } from "react";
-const R = ({
-  defaultValue: g,
-  disabled: l,
-  options: o,
-  value: f,
-  onValueChange: x
-}) => {
-  const p = A(), I = S(null), u = f !== void 0, [k, w] = D(
-    () => g
-  ), a = u ? f : k, [b, m] = D("none"), s = d(
-    (e) => e ? o.findIndex((n) => n.value === e) : -1,
-    [o]
-  ), i = d(
-    (e) => {
-      if (l) return;
-      const n = s(a), t = s(e);
-      n !== -1 && t !== -1 && m(t > n ? "right" : "left"), u || w(e), x?.(e);
-    },
-    [l, s, u, x, a]
-  ), v = d(
-    (e, n) => {
-      const t = o.filter(
-        (c) => !c.disabled && !l
-      ), h = t.findIndex(
-        (c) => c.value === o[n].value
-      );
+import { useCallback as d, useId as m, useRef as A, useState as D } from "react";
+var y = ({ defaultValue: g, disabled: l, options: a, value: f, onValueChange: x }) => {
+  const p = m(), I = A(null), o = f !== void 0, [k, v] = D(() => g), u = o ? f : k, [w, b] = D("none"), s = d((e) => e ? a.findIndex((n) => n.value === e) : -1, [a]), i = d((e) => {
+    if (l) return;
+    const n = s(u), t = s(e);
+    n !== -1 && t !== -1 && b(t > n ? "right" : "left"), o || v(e), x?.(e);
+  }, [
+    l,
+    s,
+    o,
+    x,
+    u
+  ]);
+  return {
+    animationDirection: w,
+    groupRef: I,
+    id: p,
+    selected: u,
+    handleKeyDown: d((e, n) => {
+      const t = a.filter((c) => !c.disabled && !l), h = t.findIndex((c) => c.value === a[n].value);
       let r = -1;
       switch (e.key) {
         case "ArrowRight":
@@ -46,22 +39,16 @@ const R = ({
       }
       if (r >= 0) {
         const c = t[r];
-        i(c.value), I.current?.querySelector(
-          `[data-value="${c.value}"]`
-        )?.focus();
+        i(c.value), I.current?.querySelector(`[data-value="${c.value}"]`)?.focus();
       }
-    },
-    [l, i, o]
-  );
-  return {
-    animationDirection: b,
-    groupRef: I,
-    id: p,
-    selected: a,
-    handleKeyDown: v,
+    }, [
+      l,
+      i,
+      a
+    ]),
     handleSelect: i
   };
 };
 export {
-  R as useButtonGroup
+  y as useButtonGroup
 };

package/dist/components/Card/Card.js

@@ -1,36 +1,24 @@
-import { jsx as m } from "react/jsx-runtime";
+import { t as m } from "../../utils-DHuiYnx1.js";
+import { cardBaseVariants as f, cardVariants as p } from "./Card.variants.js";
 import { forwardRef as c } from "react";
-import { cn as s } from "../../utils/index.js";
-import { cardVariants as f, cardBaseVariants as p } from "./Card.variants.js";
-const l = c(
-  ({ className: d, theme: o, isActive: a, canHover: r, wrapperClassName: t, ...e }, i) => /* @__PURE__ */ m(
-    "div",
-    {
-      "data-theme": o,
-      className: s(
-        p({
-          canHover: r,
-          className: t,
-          isActive: a
-        })
-      ),
-      children: /* @__PURE__ */ m(
-        "div",
-        {
-          ref: i,
-          className: s(
-            f({
-              className: d,
-              isActive: a,
-              canHover: r
-            })
-          ),
-          ...e
-        }
-      )
-    }
-  )
-);
+import { jsx as s } from "react/jsx-runtime";
+var l = c(({ className: d, theme: o, isActive: a, canHover: r, wrapperClassName: t, ...e }, i) => /* @__PURE__ */ s("div", {
+  "data-theme": o,
+  className: m(f({
+    canHover: r,
+    className: t,
+    isActive: a
+  })),
+  children: /* @__PURE__ */ s("div", {
+    ref: i,
+    className: m(p({
+      className: d,
+      isActive: a,
+      canHover: r
+    })),
+    ...e
+  })
+}));
 l.displayName = "Card";
 export {
   l as Card

package/dist/components/Card/Card.variants.js

@@ -1,44 +1,45 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const e = r(
-  ["rounded-xl", "border", "border-gray-200", "dark:border-metal-700"],
-  {
-    variants: {
-      isActive: {
-        true: "border-transparent",
-        false: ""
-      },
-      canHover: {
-        true: ["group", "hover:border-transparent"],
-        false: ""
-      }
-    }
+import { t as r } from "../../dist-DtEbXv47.js";
+var e = r([
+  "rounded-xl",
+  "border",
+  "border-gray-200",
+  "dark:border-metal-700"
+], { variants: {
+  isActive: {
+    true: "border-transparent",
+    false: ""
+  },
+  canHover: {
+    true: ["group", "hover:border-transparent"],
+    false: ""
   }
-), o = r(
-  ["border", "border-4", "p-3", "text-card-foreground", "rounded-xl"],
-  {
-    variants: {
-      isActive: {
-        true: ["border-aurora-500", "shadow"],
-        false: "border-transparent"
-      },
-      canHover: {
-        true: [
-          "cursor-pointer",
-          "border-transparent",
-          "group-hover:border-aurora-500"
-        ],
-        false: ""
-      }
+} }), o = r([
+  "border",
+  "border-4",
+  "p-3",
+  "text-card-foreground",
+  "rounded-xl"
+], {
+  variants: {
+    isActive: {
+      true: ["border-aurora-500", "shadow"],
+      false: "border-transparent"
     },
-    compoundVariants: [
-      {
-        canHover: void 0,
-        isActive: void 0,
-        class: "border-transparent"
-      }
-    ]
-  }
-);
+    canHover: {
+      true: [
+        "cursor-pointer",
+        "border-transparent",
+        "group-hover:border-aurora-500"
+      ],
+      false: ""
+    }
+  },
+  compoundVariants: [{
+    canHover: void 0,
+    isActive: void 0,
+    class: "border-transparent"
+  }]
+});
 export {
   e as cardBaseVariants,
   o as cardVariants