asheeui 0.6.14 → 0.7.0

package/dist/components/radio/Radio.js

@@ -1,81 +1,44 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as w, useId as F } from "react";
-import { useAsheeConfig as G } from "../../libs/context.js";
-import { resolveCascade as L } from "../../utils/resolve-token.js";
-import { FieldShell as O } from "../field/FieldShell.js";
-import { FALLBACK_RADIO_CONFIG as a } from "./radio-config.js";
-import { RadioContext as S } from "./radio-context.js";
-import { cn as _ } from "../../utils/cn.js";
-const j = w(
-  ({
-    children: i,
-    name: s,
-    value: n,
-    onChange: m,
-    size: d,
-    color: c,
-    variant: p,
-    orientation: f = "vertical",
-    status: u,
-    label: g,
-    labelAlign: v,
-    description: A,
-    message: x,
-    required: R,
-    disabled: b,
-    className: h
-  }, C) => {
-    var t;
-    const o = (t = G().components) == null ? void 0 : t.radio, r = F(), I = s ?? r, l = u ?? a.status, N = L(
-      v,
-      o == null ? void 0 : o.labelAlign,
-      void 0,
-      a.labelAlign
-    );
-    return /* @__PURE__ */ e(
-      O,
-      {
-        id: r,
-        label: g,
-        labelAlign: N,
-        description: A,
-        message: x,
-        status: l,
-        required: R,
-        children: /* @__PURE__ */ e(
-          S.Provider,
-          {
-            value: {
-              name: I,
-              value: n,
-              onChange: m,
-              size: d,
-              color: c,
-              variant: p,
-              disabled: b,
-              status: l
-            },
-            children: /* @__PURE__ */ e(
-              "div",
-              {
-                ref: C,
-                role: "radiogroup",
-                className: _(
-                  "flex",
-                  f === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4",
-                  h
-                ),
-                children: i
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-j.displayName = "RadioGroup";
-export {
-  j as RadioGroup
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveCascade as n } from "../../utils/resolve-token.js";
+import { FieldShell as r } from "../field/FieldShell.js";
+import { FALLBACK_RADIO_CONFIG as i } from "./radio-config.js";
+import { RadioContext as a } from "./radio-context.js";
+import { forwardRef as o, useId as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/components/radio/Radio.tsx
+var l = o(({ children: o, name: l, value: u, onChange: d, size: f, color: p, variant: m, orientation: h = "vertical", status: g, label: _, labelAlign: v, description: y, message: b, required: x, disabled: S, className: C }, w) => {
+	let T = t().components?.radio, E = s(), D = l ?? E, O = g ?? i.status, k = n(v, T?.labelAlign, void 0, i.labelAlign);
+	return /* @__PURE__ */ c(r, {
+		id: E,
+		label: _,
+		labelAlign: k,
+		description: y,
+		message: b,
+		status: O,
+		required: x,
+		children: /* @__PURE__ */ c(a.Provider, {
+			value: {
+				name: D,
+				value: u,
+				onChange: d,
+				size: f,
+				color: p,
+				variant: m,
+				disabled: S,
+				status: O
+			},
+			children: /* @__PURE__ */ c("div", {
+				ref: w,
+				role: "radiogroup",
+				className: e("flex", h === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4", C),
+				children: o
+			})
+		})
+	});
+});
+l.displayName = "RadioGroup";
+//#endregion
+export { l as RadioGroup };

package/dist/components/radio/RadioGroup.js

@@ -1,156 +1,58 @@
 "use client";
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
-import { forwardRef as as, useId as rs, useState as ts, useCallback as os } from "react";
-import { useAsheeConfig as is } from "../../libs/context.js";
-import { resolveCascade as A, resolveRadiusKey as ns, resolveClassKey as r } from "../../utils/resolve-token.js";
-import { FALLBACK_RADIO_CONFIG as a } from "./radio-config.js";
-import { useRadioGroupContext as ls } from "./radio-context.js";
-import { RADIO_OUTER_SIZE_CLASS as ds, RADIO_INNER_SIZE_CLASS as cs, RADIO_FONT_SIZE_CLASS as ms, RADIO_GAP_CLASS as fs, RADIO_COLOR_CLASS as N, RADIO_STATUS_BORDER_CLASS as O } from "./radio-styles.js";
-import { RADIUS_CLASS as h } from "../../shared/radius.js";
-import { cn as i } from "../../utils/cn.js";
-const us = as(
-  ({
-    value: t,
-    size: z,
-    color: D,
-    radius: L,
-    variant: k,
-    status: K,
-    label: f,
-    description: u,
-    id: E,
-    name: w,
-    className: B,
-    style: T,
-    disabled: U,
-    checked: S,
-    defaultChecked: j = !1,
-    onChange: n,
-    ...F
-  }, G) => {
-    var y;
-    const C = is(), s = ls(), e = (y = C.components) == null ? void 0 : y.radio, Z = rs(), $ = E ?? Z, P = w ?? (s == null ? void 0 : s.name), l = U ?? (s == null ? void 0 : s.disabled) ?? !1, [V, q] = ts(j), d = s ? s.value === t : S ?? V, c = A(
-      z ?? (s == null ? void 0 : s.size),
-      e == null ? void 0 : e.size,
-      void 0,
-      a.size
-    ), H = A(
-      k ?? (s == null ? void 0 : s.variant),
-      e == null ? void 0 : e.variant,
-      void 0,
-      a.variant
-    ), J = A(
-      D ?? (s == null ? void 0 : s.color),
-      e == null ? void 0 : e.color,
-      C.defaultColor,
-      a.color
-    ), M = K ?? (s == null ? void 0 : s.status) ?? a.status, R = H === "card", v = ns(
-      L,
-      e == null ? void 0 : e.radius,
-      void 0,
-      a.radius
-    ), Q = R && v === "full" ? "xl" : v, W = r(
-      c,
-      ds,
-      a.size
-    ), X = r(
-      c,
-      cs,
-      a.size
-    ), Y = r(
-      c,
-      ms,
-      a.size
-    ), g = r(
-      c,
-      fs,
-      a.size
-    ), _ = r(
-      v,
-      h,
-      a.radius
-    ), ss = r(
-      Q,
-      h,
-      "xl"
-    ), m = N[J] ?? N.primary, p = O[M] ?? O.default, es = os(
-      (I) => {
-        var x;
-        l || (s ? (x = s.onChange) == null || x.call(s, t) : S === void 0 && q(!0), n == null || n(I.target.checked, t, I));
-      },
-      [S, s, l, n, t]
-    );
-    return /* @__PURE__ */ b(
-      "label",
-      {
-        className: i(
-          "relative inline-flex items-start select-none cursor-pointer transition-all duration-150 shrink-0",
-          g,
-          R ? i("p-3 border bg-background", ss) : "",
-          R && (d ? `${m.border} ${m.cardBg}` : p),
-          l && "opacity-50 pointer-events-none cursor-not-allowed",
-          B
-        ),
-        style: T,
-        children: [
-          /* @__PURE__ */ o(
-            "input",
-            {
-              ref: G,
-              id: $,
-              type: "radio",
-              name: P,
-              value: t,
-              checked: d,
-              disabled: l,
-              onChange: es,
-              className: "sr-only peer",
-              ...F
-            }
-          ),
-          /* @__PURE__ */ o(
-            "div",
-            {
-              className: i(
-                "shrink-0 flex items-center justify-center border-2 transition-all duration-150 mt-0.5",
-                "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2",
-                W,
-                _,
-                d ? m.border : p
-              ),
-              children: /* @__PURE__ */ o(
-                "span",
-                {
-                  className: i(
-                    X,
-                    _,
-                    m.bg,
-                    "transition-all duration-200 ease-in-out transform-gpu",
-                    d ? "scale-100 opacity-100" : "scale-0 opacity-0"
-                  )
-                }
-              )
-            }
-          ),
-          (f || u) && /* @__PURE__ */ b("div", { className: "flex flex-col min-w-0", children: [
-            f && /* @__PURE__ */ o(
-              "span",
-              {
-                className: i(
-                  "font-medium text-foreground leading-snug",
-                  Y
-                ),
-                children: f
-              }
-            ),
-            u && /* @__PURE__ */ o("span", { className: "text-xs sm:text-sm text-foreground/70 leading-snug mt-0.5", children: u })
-          ] })
-        ]
-      }
-    );
-  }
-);
-us.displayName = "Radio";
-export {
-  us as Radio
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { RADIUS_CLASS as n } from "../../shared/radius.js";
+import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
+import { FALLBACK_RADIO_CONFIG as o } from "./radio-config.js";
+import { useRadioGroupContext as ee } from "./radio-context.js";
+import { RADIO_COLOR_CLASS as s, RADIO_FONT_SIZE_CLASS as c, RADIO_GAP_CLASS as te, RADIO_INNER_SIZE_CLASS as l, RADIO_OUTER_SIZE_CLASS as ne, RADIO_STATUS_BORDER_CLASS as u } from "./radio-styles.js";
+import { forwardRef as d, useCallback as f, useId as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/radio/RadioGroup.tsx
+var _ = d(({ value: d, size: _, color: v, radius: y, variant: b, status: x, label: S, description: C, id: re, name: w, className: T, style: E, disabled: D, checked: O, defaultChecked: k = !1, onChange: A, ...j }, M) => {
+	let N = t(), P = ee(), F = N.components?.radio, I = p(), L = re ?? I, R = w ?? P?.name, z = D ?? P?.disabled ?? !1, [B, V] = m(k), H = P ? P.value === d : O ?? B, U = r(_ ?? P?.size, F?.size, void 0, o.size), W = r(b ?? P?.variant, F?.variant, void 0, o.variant), G = r(v ?? P?.color, F?.color, N.defaultColor, o.color), K = x ?? P?.status ?? o.status, q = W === "card", J = a(y, F?.radius, void 0, o.radius), Y = q && J === "full" ? "xl" : J, X = i(U, ne, o.size), ie = i(U, l, o.size), ae = i(U, c, o.size), oe = i(U, te, o.size), Z = i(J, n, o.radius), se = i(Y, n, "xl"), Q = s[G] ?? s.primary, $ = u[K] ?? u.default, ce = f((e) => {
+		z || (P ? P.onChange?.(d) : O === void 0 && V(!0), A?.(e.target.checked, d, e));
+	}, [
+		O,
+		P,
+		z,
+		A,
+		d
+	]);
+	return /* @__PURE__ */ g("label", {
+		className: e("relative inline-flex items-start select-none cursor-pointer transition-all duration-150 shrink-0", oe, q ? e("p-3 border bg-background", se) : "", q && (H ? `${Q.border} ${Q.cardBg}` : $), z && "opacity-50 pointer-events-none cursor-not-allowed", T),
+		style: E,
+		children: [
+			/* @__PURE__ */ h("input", {
+				ref: M,
+				id: L,
+				type: "radio",
+				name: R,
+				value: d,
+				checked: H,
+				disabled: z,
+				onChange: ce,
+				className: "sr-only peer",
+				...j
+			}),
+			/* @__PURE__ */ h("div", {
+				className: e("shrink-0 flex items-center justify-center border-2 transition-all duration-150 mt-0.5", "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2", X, Z, H ? Q.border : $),
+				children: /* @__PURE__ */ h("span", { className: e(ie, Z, Q.bg, "transition-all duration-200 ease-in-out transform-gpu", H ? "scale-100 opacity-100" : "scale-0 opacity-0") })
+			}),
+			(S || C) && /* @__PURE__ */ g("div", {
+				className: "flex flex-col min-w-0",
+				children: [S && /* @__PURE__ */ h("span", {
+					className: e("font-medium text-foreground leading-snug", ae),
+					children: S
+				}), C && /* @__PURE__ */ h("span", {
+					className: "text-xs sm:text-sm text-foreground/70 leading-snug mt-0.5",
+					children: C
+				})]
+			})
+		]
+	});
+});
+_.displayName = "Radio";
+//#endregion
+export { _ as Radio };

package/dist/components/radio/radio-config.js

@@ -1,18 +1,17 @@
 "use client";
-import { registerComponentDefaults as t } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as o } from "../field/field-config.js";
-import { defaultInputConfig as r } from "../input/input-config.js";
-const a = {
-  ...r,
-  radius: "full",
-  variant: "default"
-}, u = {
-  ...o,
-  radius: "full",
-  variant: "default"
-};
-t("radio", a);
-export {
-  u as FALLBACK_RADIO_CONFIG,
-  a as defaultRadioConfig
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
+import { defaultInputConfig as n } from "../input/input-config.js";
+//#region src/components/radio/radio-config.ts
+var r = {
+	...n,
+	radius: "full",
+	variant: "default"
+}, i = {
+	...t,
+	radius: "full",
+	variant: "default"
 };
+e("radio", r);
+//#endregion
+export { i as FALLBACK_RADIO_CONFIG, r as defaultRadioConfig };

package/dist/components/radio/radio-context.js

@@ -1,7 +1,7 @@
 "use client";
-import { createContext as t, useContext as o } from "react";
-const e = t(null), r = () => o(e);
-export {
-  e as RadioContext,
-  r as useRadioGroupContext
-};
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/components/radio/radio-context.ts
+var n = e(null), r = () => t(n);
+//#endregion
+export { n as RadioContext, r as useRadioGroupContext };

package/dist/components/radio/radio-styles.js

@@ -1,62 +1,57 @@
 "use client";
-const r = {
-  sm: "size-4",
-  md: "size-5",
-  lg: "size-6"
-}, e = {
-  sm: "size-2",
-  md: "size-2.5",
-  lg: "size-3"
-}, g = {
-  sm: "text-xs",
-  md: "text-sm",
-  lg: "text-base"
-}, s = {
-  sm: "gap-2",
-  md: "gap-2.5",
-  lg: "gap-3"
-}, d = {
-  none: {
-    border: "border-border",
-    bg: "bg-foreground",
-    cardBg: "bg-secondary/10"
-  },
-  primary: {
-    border: "border-primary",
-    bg: "bg-primary",
-    cardBg: "bg-primary/10"
-  },
-  secondary: {
-    border: "border-secondary",
-    bg: "bg-secondary",
-    cardBg: "bg-secondary/10"
-  },
-  danger: {
-    border: "border-danger",
-    bg: "bg-danger",
-    cardBg: "bg-danger/10"
-  },
-  warning: {
-    border: "border-warning",
-    bg: "bg-warning",
-    cardBg: "bg-warning/10"
-  },
-  success: {
-    border: "border-success",
-    bg: "bg-success",
-    cardBg: "bg-success/10"
-  }
-}, b = {
-  default: "border-border",
-  error: "border-danger",
-  warning: "border-warning",
-  success: "border-success"
-};
-export {
-  d as RADIO_COLOR_CLASS,
-  g as RADIO_FONT_SIZE_CLASS,
-  s as RADIO_GAP_CLASS,
-  e as RADIO_INNER_SIZE_CLASS,
-  r as RADIO_OUTER_SIZE_CLASS,
-  b as RADIO_STATUS_BORDER_CLASS
+//#region src/components/radio/radio-styles.ts
+var e = {
+	sm: "size-4",
+	md: "size-5",
+	lg: "size-6"
+}, t = {
+	sm: "size-2",
+	md: "size-2.5",
+	lg: "size-3"
+}, n = {
+	sm: "text-xs",
+	md: "text-sm",
+	lg: "text-base"
+}, r = {
+	sm: "gap-2",
+	md: "gap-2.5",
+	lg: "gap-3"
+}, i = {
+	none: {
+		border: "border-border",
+		bg: "bg-foreground",
+		cardBg: "bg-secondary/10"
+	},
+	primary: {
+		border: "border-primary",
+		bg: "bg-primary",
+		cardBg: "bg-primary/10"
+	},
+	secondary: {
+		border: "border-secondary",
+		bg: "bg-secondary",
+		cardBg: "bg-secondary/10"
+	},
+	danger: {
+		border: "border-danger",
+		bg: "bg-danger",
+		cardBg: "bg-danger/10"
+	},
+	warning: {
+		border: "border-warning",
+		bg: "bg-warning",
+		cardBg: "bg-warning/10"
+	},
+	success: {
+		border: "border-success",
+		bg: "bg-success",
+		cardBg: "bg-success/10"
+	}
+}, a = {
+	default: "border-border",
+	error: "border-danger",
+	warning: "border-warning",
+	success: "border-success"
 };
+//#endregion
+export { i as RADIO_COLOR_CLASS, n as RADIO_FONT_SIZE_CLASS, r as RADIO_GAP_CLASS, t as RADIO_INNER_SIZE_CLASS, e as RADIO_OUTER_SIZE_CLASS, a as RADIO_STATUS_BORDER_CLASS };