asheeui 0.6.15 → 1.0.0

package/dist/components/switch/Switch.js

@@ -1,155 +1,65 @@
 "use client";
-import { jsx as r, jsxs as Z } from "react/jsx-runtime";
-import { forwardRef as G, useId as O, useState as V, useCallback as J } from "react";
-import { useAsheeConfig as P } from "../../libs/context.js";
-import { resolveCascade as u, resolveRadiusKey as Q, resolveClassKey as l } from "../../utils/resolve-token.js";
-import { FieldShell as X } from "../field/FieldShell.js";
-import { FALLBACK_SWITCH_CONFIG as s } from "./switch-config.js";
-import { SWITCH_TRACK_SIZE_CLASS as Y, SWITCH_THUMB_SIZE_CLASS as $, SWITCH_THUMB_TRANSLATE_CLASS as q } from "./switch-styles.js";
-import { RADIUS_CLASS as ee } from "../../shared/radius.js";
-import { resolveVariantClass as se } from "../../shared/variant.js";
-import { cn as a } from "../../utils/cn.js";
-const re = G(
-  ({
-    size: C,
-    color: k,
-    radius: A,
-    label: y,
-    labelAlign: I,
-    description: _,
-    required: p,
-    isLoading: n,
-    id: z,
-    className: T,
-    style: x,
-    disabled: N,
-    checked: c,
-    defaultChecked: w = !1,
-    onChange: o,
-    ...K
-  }, H) => {
-    var b;
-    const S = P(), e = (b = S.components) == null ? void 0 : b.switch, L = O(), d = z ?? L, [R, g] = V(w), t = c ?? R, m = u(
-      C,
-      e == null ? void 0 : e.size,
-      void 0,
-      s.size
-    ), F = u(
-      k,
-      e == null ? void 0 : e.color,
-      S.defaultColor,
-      s.color
-    ), U = Q(
-      A,
-      e == null ? void 0 : e.radius,
-      void 0,
-      s.radius
-    ), W = u(
-      I,
-      e == null ? void 0 : e.labelAlign,
-      void 0,
-      s.labelAlign
-    ), B = l(
-      m,
-      Y,
-      s.size
-    ), E = l(
-      m,
-      $,
-      s.size
-    ), j = l(
-      m,
-      q,
-      s.size
-    ), h = l(
-      U,
-      ee,
-      s.radius
-    ), D = se("solid", F), i = N || n, M = J(
-      (f) => {
-        if (i) return;
-        const v = f.target.checked;
-        c === void 0 && g(v), o == null || o(v, f);
-      },
-      [c, i, o]
-    );
-    return /* @__PURE__ */ r(
-      X,
-      {
-        id: d,
-        label: y,
-        labelAlign: W,
-        description: _,
-        required: p,
-        isLoading: n,
-        children: /* @__PURE__ */ r(
-          "label",
-          {
-            htmlFor: d,
-            className: a(
-              "inline-flex items-center gap-3 select-none cursor-pointer shrink-0",
-              i && "opacity-50 pointer-events-none cursor-not-allowed"
-            ),
-            children: /* @__PURE__ */ Z(
-              "div",
-              {
-                className: a(
-                  "relative shrink-0 inline-flex items-center",
-                  B
-                ),
-                children: [
-                  /* @__PURE__ */ r(
-                    "input",
-                    {
-                      ref: H,
-                      id: d,
-                      type: "checkbox",
-                      role: "switch",
-                      checked: t,
-                      disabled: i,
-                      required: p,
-                      "aria-checked": t,
-                      "aria-busy": n,
-                      onChange: M,
-                      className: "sr-only peer",
-                      ...K
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    "div",
-                    {
-                      className: a(
-                        "absolute inset-0 border border-border/60 transition-colors duration-200 shrink-0",
-                        "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2",
-                        h,
-                        t ? D : "bg-secondary",
-                        T
-                      ),
-                      style: x
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    "span",
-                    {
-                      className: a(
-                        "relative z-10 bg-background shadow-sm pointer-events-none shrink-0",
-                        "transition-transform duration-200 ease-in-out transform-gpu",
-                        h,
-                        E,
-                        t ? j : "translate-x-0"
-                      )
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-re.displayName = "Switch";
-export {
-  re as Switch
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { resolveVariantClass as n } from "../../shared/variant.js";
+import { useAsheeConfig as r } from "../../libs/context.js";
+import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
+import { FieldShell as s } from "../field/FieldShell.js";
+import { FALLBACK_SWITCH_CONFIG as c } from "./switch-config.js";
+import { SWITCH_THUMB_SIZE_CLASS as l, SWITCH_THUMB_TRANSLATE_CLASS as u, SWITCH_TRACK_SIZE_CLASS as d } from "./switch-styles.js";
+import { forwardRef as f, useCallback as p, useId as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/switch/Switch.tsx
+var v = f(({ size: f, color: v, radius: y, label: b, labelAlign: x, description: S, required: C, isLoading: w, id: T, className: E, style: D, disabled: O, checked: k, defaultChecked: A = !1, onChange: j, ...M }, N) => {
+	let P = r(), F = P.components?.switch, I = m(), L = T ?? I, [R, z] = h(A), B = k ?? R, V = i(f, F?.size, void 0, c.size), H = i(v, F?.color, P.defaultColor, c.color), U = o(y, F?.radius, void 0, c.radius), W = i(x, F?.labelAlign, void 0, c.labelAlign), G = a(V, d, c.size), K = a(V, l, c.size), q = a(V, u, c.size), J = a(U, t, c.radius), Y = n("solid", H), X = O || w, Z = S ? `${L}-description` : void 0, Q = p((e) => {
+		if (X) return;
+		let t = e.target.checked;
+		k === void 0 && z(t), j?.(t, e);
+	}, [
+		k,
+		X,
+		j
+	]);
+	return /* @__PURE__ */ g(s, {
+		id: L,
+		label: b,
+		labelAlign: W,
+		description: S,
+		descriptionId: Z,
+		required: C,
+		isLoading: w,
+		children: /* @__PURE__ */ g("label", {
+			htmlFor: L,
+			className: e("inline-flex items-center gap-3 select-none cursor-pointer shrink-0", X && "opacity-50 pointer-events-none cursor-not-allowed"),
+			children: /* @__PURE__ */ _("div", {
+				className: e("relative shrink-0 inline-flex items-center", G),
+				children: [
+					/* @__PURE__ */ g("input", {
+						ref: N,
+						id: L,
+						type: "checkbox",
+						role: "switch",
+						checked: B,
+						disabled: X,
+						required: C,
+						"aria-checked": B,
+						"aria-busy": w,
+						"aria-describedby": Z,
+						onChange: Q,
+						className: "sr-only peer",
+						...M
+					}),
+					/* @__PURE__ */ g("div", {
+						className: e("absolute inset-0 border border-border/60 transition-colors duration-200 shrink-0", "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2", J, B ? Y : "bg-secondary", E),
+						style: D
+					}),
+					/* @__PURE__ */ g("span", { className: e("relative z-10 bg-background shadow-sm pointer-events-none shrink-0", "transition-transform duration-200 ease-in-out transform-gpu", J, K, B ? q : "translate-x-0") })
+				]
+			})
+		})
+	});
+});
+v.displayName = "Switch";
+//#endregion
+export { v as Switch };

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

@@ -1,13 +1,12 @@
 "use client";
-import { registerComponentDefaults as t } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as o } from "../field/field-config.js";
-import { defaultInputConfig as i } from "../input/input-config.js";
-const r = {
-  ...i,
-  radius: "full"
-}, C = o;
-t("switch", r);
-export {
-  C as FALLBACK_SWITCH_CONFIG,
-  r as defaultSwitchConfig
-};
+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/switch/switch-config.ts
+var r = {
+	...n,
+	radius: "full"
+}, i = t;
+e("switch", r);
+//#endregion
+export { i as FALLBACK_SWITCH_CONFIG, r as defaultSwitchConfig };

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

@@ -1,19 +1,17 @@
 "use client";
-const s = {
-  sm: "w-8 h-4.5 p-0.5",
-  md: "w-11 h-6 p-0.5",
-  lg: "w-14 h-7.5 p-1"
-}, S = {
-  sm: "size-3.5",
-  md: "size-5",
-  lg: "size-5.5"
+//#region src/components/switch/switch-styles.ts
+var e = {
+	sm: "w-8 h-4.5 p-0.5",
+	md: "w-11 h-6 p-0.5",
+	lg: "w-14 h-7.5 p-1"
 }, t = {
-  sm: "translate-x-3.5",
-  md: "translate-x-5",
-  lg: "translate-x-6"
-};
-export {
-  S as SWITCH_THUMB_SIZE_CLASS,
-  t as SWITCH_THUMB_TRANSLATE_CLASS,
-  s as SWITCH_TRACK_SIZE_CLASS
+	sm: "size-3.5",
+	md: "size-5",
+	lg: "size-5.5"
+}, n = {
+	sm: "translate-x-3.5",
+	md: "translate-x-5",
+	lg: "translate-x-6"
 };
+//#endregion
+export { t as SWITCH_THUMB_SIZE_CLASS, n as SWITCH_THUMB_TRANSLATE_CLASS, e as SWITCH_TRACK_SIZE_CLASS };

package/dist/components/table/Table.js

@@ -1,188 +1,66 @@
 "use client";
-import { jsx as t, jsxs as V } from "react/jsx-runtime";
-import { useCallback as W } from "react";
-import { useAsheeConfig as Z } from "../../libs/context.js";
-import { resolveCascade as L, resolveRadiusKey as $, resolveClassKey as m } from "../../utils/resolve-token.js";
-import { FALLBACK_TABLE_CONFIG as s } from "./table-config.js";
-import { TABLE_CELL_PADDING_Y_CLASS as k, TABLE_CELL_PADDING_X_CLASS as ee, TABLE_FONT_CLASS as re, TABLE_HEADER_FONT_CLASS as te, TABLE_COLOR_STYLES as K } from "./table-styles.js";
-import { RADIUS_CLASS as se } from "../../shared/radius.js";
-import { cn as l } from "../../utils/cn.js";
-function ae({
-  data: u = [],
-  columns: n = [],
-  gridClasses: de,
-  rowKeyAccessor: y,
-  handleClick: i,
-  handleDoubleClick: h,
-  selectedRowKey: x,
-  emptyMessage: z = "No items available",
-  isClickable: B,
-  variant: D,
-  color: R,
-  size: F,
-  radius: O,
-  headerClassName: w,
-  rowClassName: G,
-  cellClassName: A,
-  className: I,
-  style: Y,
-  ...j
-}) {
-  var E;
-  const v = Z(), e = (E = v.components) == null ? void 0 : E.table, p = L(
-    F,
-    e == null ? void 0 : e.size,
-    void 0,
-    s.size
-  ), c = L(
-    D,
-    e == null ? void 0 : e.variant,
-    void 0,
-    s.variant
-  ), C = L(
-    R,
-    e == null ? void 0 : e.color,
-    v.defaultColor,
-    s.color
-  ), N = (r) => r === "full" ? "xl" : r, P = $(
-    N(O),
-    N(e == null ? void 0 : e.radius),
-    v.defaultRadius,
-    s.radius
-  ), _ = m(
-    p,
-    k,
-    s.size
-  ), f = m(
-    p,
-    ee,
-    s.size
-  ), X = m(
-    p,
-    re,
-    s.size
-  ), H = m(
-    p,
-    te,
-    s.size
-  ), U = m(
-    P,
-    se,
-    s.radius
-  ), S = K[C] ?? K.primary, q = W(
-    (r, a) => {
-      if (y)
-        try {
-          return y(r);
-        } catch {
-          return a;
-        }
-      return a;
-    },
-    [y]
-  ), J = Array.isArray(u) && u.length > 0, b = B ?? !!(i || h);
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: l(
-        "w-full h-full scrollable",
-        c === "ghost" ? "border-0 shadow-none rounded-none" : l("border border-border", U),
-        e == null ? void 0 : e.className,
-        I
-      ),
-      style: Y,
-      ...j,
-      children: /* @__PURE__ */ V("table", { className: "w-full border-collapse text-left caption-bottom", children: [
-        /* @__PURE__ */ t(
-          "thead",
-          {
-            className: l(
-              "sticky top-0 z-10 border-b border-border bg-secondary/90 backdrop-blur-xs font-semibold text-foreground/70 select-none",
-              e == null ? void 0 : e.headerClassName,
-              w
-            ),
-            children: /* @__PURE__ */ t("tr", { children: n.map((r, a) => {
-              const o = r.id ?? (typeof r.header == "string" ? r.header : String(a));
-              return /* @__PURE__ */ t(
-                "th",
-                {
-                  scope: "col",
-                  className: l(
-                    "font-medium uppercase tracking-wider text-left align-middle truncate min-w-0",
-                    _,
-                    f,
-                    H,
-                    c === "grid" && a < n.length - 1 && "border-r border-border",
-                    e == null ? void 0 : e.cellClassName,
-                    A
-                  ),
-                  children: r.header
-                },
-                o
-              );
-            }) })
-          }
-        ),
-        /* @__PURE__ */ t("tbody", { children: J ? u.map((r, a) => {
-          const o = q(r, a), g = o === x, M = c === "striped" && a % 2 === 1;
-          return /* @__PURE__ */ t(
-            "tr",
-            {
-              tabIndex: b ? 0 : -1,
-              "aria-selected": g,
-              onClick: b && i ? () => i(r, o) : void 0,
-              onDoubleClick: b && h ? () => h(r, o) : void 0,
-              onKeyDown: (d) => {
-                b && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), i == null || i(r, o));
-              },
-              className: l(
-                "border-b border-border/60 transition-all duration-150 outline-none align-middle",
-                X,
-                c === "ghost" && "last:border-b-0",
-                M && "bg-secondary",
-                b && l(
-                  "cursor-pointer select-none active:scale-[0.99] active:opacity-90",
-                  S.hover,
-                  S.focus
-                ),
-                g && S.selected,
-                e == null ? void 0 : e.rowClassName,
-                G
-              ),
-              children: n.map((d, T) => {
-                const Q = d.id ?? (typeof d.header == "string" ? d.header : String(T));
-                return /* @__PURE__ */ t(
-                  "td",
-                  {
-                    className: l(
-                      "truncate min-w-0 align-middle",
-                      _,
-                      f,
-                      c === "grid" && T < n.length - 1 && "border-r border-border",
-                      e == null ? void 0 : e.cellClassName,
-                      A
-                    ),
-                    children: d.cell(r)
-                  },
-                  Q
-                );
-              })
-            },
-            String(o)
-          );
-        }) : /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
-          "td",
-          {
-            colSpan: n.length || 1,
-            className: "h-48 text-center align-middle p-6 text-sm text-foreground/70",
-            children: z
-          }
-        ) }) })
-      ] })
-    }
-  );
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { useAsheeConfig as n } from "../../libs/context.js";
+import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
+import { FALLBACK_TABLE_CONFIG as o } from "./table-config.js";
+import { TABLE_CELL_PADDING_X_CLASS as s, TABLE_CELL_PADDING_Y_CLASS as c, TABLE_COLOR_STYLES as l, TABLE_FONT_CLASS as u, TABLE_HEADER_FONT_CLASS as d } from "./table-styles.js";
+import { useCallback as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/table/Table.tsx
+function h({ data: h = [], columns: g = [], gridClasses: _, rowKeyAccessor: v, handleClick: y, handleDoubleClick: b, selectedRowKey: x, emptyMessage: S = "No items available", isClickable: C, variant: w, color: T, size: E, radius: D, headerClassName: O, rowClassName: k, cellClassName: A, className: j, style: M, ...N }) {
+	let P = n(), F = P.components?.table, I = r(E, F?.size, void 0, o.size), L = r(w, F?.variant, void 0, o.variant), R = r(T, F?.color, P.defaultColor, o.color), z = (e) => e === "full" ? "xl" : e, B = a(z(D), z(F?.radius), P.defaultRadius, o.radius), V = i(I, c, o.size), H = i(I, s, o.size), U = i(I, u, o.size), W = i(I, d, o.size), G = i(B, t, o.radius), K = l[R] ?? l.primary, q = f((e, t) => {
+		if (v) try {
+			return v(e);
+		} catch {
+			return t;
+		}
+		return t;
+	}, [v]), J = Array.isArray(h) && h.length > 0, Y = C ?? !!(y || b);
+	return /* @__PURE__ */ p("div", {
+		className: e("w-full h-full scrollable", L === "ghost" ? "border-0 shadow-none rounded-none" : e("border border-border", G), F?.className, j),
+		style: M,
+		...N,
+		children: /* @__PURE__ */ m("table", {
+			className: "w-full border-collapse text-left caption-bottom",
+			children: [/* @__PURE__ */ p("thead", {
+				className: e("sticky top-0 z-10 border-b border-border bg-secondary/90 backdrop-blur-xs font-semibold text-foreground/70 select-none", F?.headerClassName, O),
+				children: /* @__PURE__ */ p("tr", { children: g.map((t, n) => {
+					let r = t.id ?? (typeof t.header == "string" ? t.header : String(n));
+					return /* @__PURE__ */ p("th", {
+						scope: "col",
+						className: e("font-medium uppercase tracking-wider text-left align-middle truncate min-w-0", V, H, W, L === "grid" && n < g.length - 1 && "border-r border-border", F?.cellClassName, A),
+						children: t.header
+					}, r);
+				}) })
+			}), /* @__PURE__ */ p("tbody", { children: J ? h.map((t, n) => {
+				let r = q(t, n), i = r === x, a = L === "striped" && n % 2 == 1;
+				return /* @__PURE__ */ p("tr", {
+					tabIndex: Y ? 0 : -1,
+					"aria-selected": i,
+					onClick: Y && y ? () => y(t, r) : void 0,
+					onDoubleClick: Y && b ? () => b(t, r) : void 0,
+					onKeyDown: (e) => {
+						Y && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), y?.(t, r));
+					},
+					className: e("border-b border-border/60 transition-all duration-150 outline-none align-middle", U, L === "ghost" && "last:border-b-0", a && "bg-secondary", Y && e("cursor-pointer select-none active:scale-[0.99] active:opacity-90", K.hover, K.focus), i && K.selected, F?.rowClassName, k),
+					children: g.map((n, r) => {
+						let i = n.id ?? (typeof n.header == "string" ? n.header : String(r));
+						return /* @__PURE__ */ p("td", {
+							className: e("truncate min-w-0 align-middle", V, H, L === "grid" && r < g.length - 1 && "border-r border-border", F?.cellClassName, A),
+							children: n.cell(t)
+						}, i);
+					})
+				}, String(r));
+			}) : /* @__PURE__ */ p("tr", { children: /* @__PURE__ */ p("td", {
+				colSpan: g.length || 1,
+				className: "h-48 text-center align-middle p-6 text-sm text-foreground/70",
+				children: S
+			}) }) })]
+		})
+	});
 }
-ae.displayName = "Table";
-export {
-  ae as Table
-};
+h.displayName = "Table";
+//#endregion
+export { h as Table };

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

@@ -1,20 +1,19 @@
 "use client";
-import { registerComponentDefaults as a } from "../../libs/registry.js";
-const e = {
-  size: "md",
-  variant: "grid"
-}, r = {
-  size: "md",
-  variant: "grid",
-  color: "primary",
-  radius: "md",
-  className: "",
-  headerClassName: "",
-  rowClassName: "",
-  cellClassName: ""
-};
-a("table", e);
-export {
-  r as FALLBACK_TABLE_CONFIG,
-  e as defaultTableConfig
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/table/table-config.ts
+var t = {
+	size: "md",
+	variant: "grid"
+}, n = {
+	size: "md",
+	variant: "grid",
+	color: "primary",
+	radius: "md",
+	className: "",
+	headerClassName: "",
+	rowClassName: "",
+	cellClassName: ""
 };
+e("table", t);
+//#endregion
+export { n as FALLBACK_TABLE_CONFIG, t as defaultTableConfig };