asheeui 0.6.14 → 0.7.0

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 { 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_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 = t(), 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, n, 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 };

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

@@ -1,56 +1,52 @@
 "use client";
-const e = {
-  sm: "py-1.5",
-  md: "py-2.5",
-  lg: "py-3.5"
-}, s = {
-  sm: "px-2",
-  md: "px-3",
-  lg: "px-4"
+//#region src/components/table/table-styles.ts
+var e = {
+	sm: "py-1.5",
+	md: "py-2.5",
+	lg: "py-3.5"
+}, t = {
+	sm: "px-2",
+	md: "px-3",
+	lg: "px-4"
+}, n = {
+	sm: "text-[0.8125rem]",
+	md: "text-sm",
+	lg: "text-base"
 }, r = {
-  sm: "text-[0.8125rem]",
-  md: "text-sm",
-  lg: "text-base"
-}, o = {
-  sm: "text-xs",
-  md: "text-[0.8125rem]",
-  lg: "text-sm"
+	sm: "text-xs",
+	md: "text-[0.8125rem]",
+	lg: "text-sm"
 }, i = {
-  primary: {
-    selected: "bg-primary text-secondary font-medium hover:bg-primary/90 hover:text-secondary",
-    hover: "hover:bg-primary/10 hover:text-foreground",
-    focus: "focus-visible:bg-primary/15 focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-inset"
-  },
-  secondary: {
-    selected: "bg-secondary text-foreground font-medium hover:bg-secondary/90 hover:text-foreground",
-    hover: "hover:bg-secondary/10 hover:text-foreground",
-    focus: "focus-visible:bg-secondary/15 focus-visible:ring-1 focus-visible:ring-secondary focus-visible:ring-inset"
-  },
-  danger: {
-    selected: "bg-danger text-secondary font-medium hover:bg-danger/90 hover:text-secondary",
-    hover: "hover:bg-danger/10 hover:text-foreground",
-    focus: "focus-visible:bg-danger/15 focus-visible:ring-1 focus-visible:ring-danger focus-visible:ring-inset"
-  },
-  warning: {
-    selected: "bg-warning text-secondary font-medium hover:bg-warning/90 hover:text-secondary",
-    hover: "hover:bg-warning/10 hover:text-foreground",
-    focus: "focus-visible:bg-warning/15 focus-visible:ring-1 focus-visible:ring-warning focus-visible:ring-inset"
-  },
-  success: {
-    selected: "bg-success text-secondary font-medium hover:bg-success/90 hover:text-secondary",
-    hover: "hover:bg-success/10 hover:text-foreground",
-    focus: "focus-visible:bg-success/15 focus-visible:ring-1 focus-visible:ring-success focus-visible:ring-inset"
-  },
-  none: {
-    selected: "bg-secondary text-foreground font-medium hover:bg-secondary/80",
-    hover: "hover:bg-secondary/40 hover:text-foreground",
-    focus: "focus-visible:bg-secondary/50 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset"
-  }
-};
-export {
-  s as TABLE_CELL_PADDING_X_CLASS,
-  e as TABLE_CELL_PADDING_Y_CLASS,
-  i as TABLE_COLOR_STYLES,
-  r as TABLE_FONT_CLASS,
-  o as TABLE_HEADER_FONT_CLASS
+	primary: {
+		selected: "bg-primary text-secondary font-medium hover:bg-primary/90 hover:text-secondary",
+		hover: "hover:bg-primary/10 hover:text-foreground",
+		focus: "focus-visible:bg-primary/15 focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-inset"
+	},
+	secondary: {
+		selected: "bg-secondary text-foreground font-medium hover:bg-secondary/90 hover:text-foreground",
+		hover: "hover:bg-secondary/10 hover:text-foreground",
+		focus: "focus-visible:bg-secondary/15 focus-visible:ring-1 focus-visible:ring-secondary focus-visible:ring-inset"
+	},
+	danger: {
+		selected: "bg-danger text-secondary font-medium hover:bg-danger/90 hover:text-secondary",
+		hover: "hover:bg-danger/10 hover:text-foreground",
+		focus: "focus-visible:bg-danger/15 focus-visible:ring-1 focus-visible:ring-danger focus-visible:ring-inset"
+	},
+	warning: {
+		selected: "bg-warning text-secondary font-medium hover:bg-warning/90 hover:text-secondary",
+		hover: "hover:bg-warning/10 hover:text-foreground",
+		focus: "focus-visible:bg-warning/15 focus-visible:ring-1 focus-visible:ring-warning focus-visible:ring-inset"
+	},
+	success: {
+		selected: "bg-success text-secondary font-medium hover:bg-success/90 hover:text-secondary",
+		hover: "hover:bg-success/10 hover:text-foreground",
+		focus: "focus-visible:bg-success/15 focus-visible:ring-1 focus-visible:ring-success focus-visible:ring-inset"
+	},
+	none: {
+		selected: "bg-secondary text-foreground font-medium hover:bg-secondary/80",
+		hover: "hover:bg-secondary/40 hover:text-foreground",
+		focus: "focus-visible:bg-secondary/50 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset"
+	}
 };
+//#endregion
+export { t as TABLE_CELL_PADDING_X_CLASS, e as TABLE_CELL_PADDING_Y_CLASS, i as TABLE_COLOR_STYLES, n as TABLE_FONT_CLASS, r as TABLE_HEADER_FONT_CLASS };

package/dist/components/tabs/Tabs.d.ts

@@ -1,5 +1,15 @@
-import { TabItem, TabsConfig } from './tabs-config';
-type BaseTabsProps = TabsConfig & Omit<React.HTMLAttributes<HTMLDivElement>, "color" | "onChange">;
+import { TabItem, TabsConfig, TabsOptionsConfig } from './tabs-config';
+/**
+ * Options props for the tab items.
+ * Extends the options config with instance-only props.
+ */
+export interface TabsOptionProps extends TabsOptionsConfig {
+    /**
+     * Class name for individual tab trigger buttons.
+     */
+    tabClassName?: string;
+}
+type BaseTabsProps = Omit<TabsConfig, "options"> & Omit<React.HTMLAttributes<HTMLDivElement>, "color" | "onChange">;
 /**
  * Configuration options for the Tabs component.
  */
@@ -36,9 +46,10 @@ export interface TabsProps extends BaseTabsProps {
      */
     tabListClassName?: string;
     /**
-     * Class name for individual tab trigger buttons.
+     * Options configuration for the tab items (active/inactive styling),
+     * plus the instance-only tab class override.
      */
-    tabClassName?: string;
+    options?: TabsOptionProps;
     /**
      * Class name for the tab content panel wrapper.
      */
@@ -66,11 +77,8 @@ export interface TabsProps extends BaseTabsProps {
  * @param props.variant - Visual style variant. Defaults to "underline".
  * @param props.size - Density scale. Defaults to "md".
  * @param props.radius - Corner rounding of the container. Defaults to "md".
- * @param props.activeRadius - Corner rounding of the active tab. Defaults to "md".
- * @param props.activeVariant - Visual variant for the active tab. Defaults to "solid".
- * @param props.activeColor - Theme color for the active tab. Defaults to "primary".
+ * @param props.options - Tab item options (active/inactive radius, variant and color) plus tabClassName.
  * @param props.tabListClassName - Extra classes for the tablist.
- * @param props.tabClassName - Extra classes for individual tabs.
  * @param props.tabPanelClassName - Extra classes for the content panel.
  *
  * @example

package/dist/components/tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,UAAU,EAEhB,MAAM,eAAe,CAAC;AASvB,KAAK,aAAa,GAAG,UAAU,GAC7B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;OAGG;IACH,IAAI,EAAE,OAAO,EAAE,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAElC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEzC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,eAAO,MAAM,IAAI,sGA4QhB,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,iBAAiB,EAEvB,MAAM,eAAe,CAAC;AASvB;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,KAAK,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;OAGG;IACH,IAAI,EAAE,OAAO,EAAE,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAElC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEzC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,eAAO,MAAM,IAAI,sGAgShB,CAAC"}