asheeui 0.5.0

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,51 @@
+import { SVGAttributes } from 'react';
+import { Color } from '../../shared/variant';
+import { SpinnerSizeKey } from './spinner-config';
+/**
+ * Configuration options for the Spinner component.
+ */
+export interface SpinnerProps extends SVGAttributes<SVGSVGElement> {
+    /** Pixel-size scale.
+     *
+     * @default "md"
+     */
+    size?: SpinnerSizeKey;
+    /** Theme accent color.
+     *
+     * @default "primary"
+     */
+    color?: Color;
+    /** CSS `animation-duration` for one rotation.
+     *
+     * @default "0.75s"
+     */
+    speed?: string;
+    /** Extra classes merged with internal styles. */
+    className?: string;
+}
+/**
+ * An animated SVG loading indicator.
+ *
+ * Spinner renders a rotating circle using the current theme color.
+ * Visual tokens (`size`, `color`, `speed`) resolve through the
+ * standard AsheeUI cascade. The SVG is hidden from assistive
+ * technology (`aria-hidden`); pair it with a visually hidden label or
+ * text for meaningful loading feedback.
+ *
+ * @param props - Spinner configuration options and SVG attributes.
+ * @param props.size - Pixel-size scale. Defaults to "md".
+ * @param props.color - Theme accent color. Defaults to "primary".
+ * @param props.speed - Rotation duration. Defaults to "0.75s".
+ * @param props.className - Extra classes for the SVG element.
+ *
+ * @example
+ * ```tsx
+ * import { Spinner } from "asheeui";
+ *
+ * export function Example() {
+ *   return <Spinner size="lg" color="primary" />;
+ * }
+ * ```
+ */
+export declare const Spinner: import('react').ForwardRefExoticComponent<SpinnerProps & import('react').RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/components/spinner/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAC;AAG1B;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,aAAa,CAAC,aAAa,CAAC;IAChE;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO,wGA8EnB,CAAC"}

package/dist/components/spinner/spinner.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { cn as y } from "@asheeui/utils";
+import { forwardRef as z } from "react";
+import { useAsheeConfig as _ } from "../../libs/context.js";
+import { resolveCascade as o, resolveClassKey as t } from "../../utils/resolve-token.js";
+import { FALLBACK_SPINNER_CONFIG as e } from "./spinner-config.js";
+import { SPINNER_SIZE_CLASS as x, SPINNER_COLOR_CLASS as A } from "./spinner-styles.js";
+const I = z(
+  ({ size: c, color: i, speed: m, className: p, style: n, ...d }, N) => {
+    var l;
+    const s = _(), r = (l = s.components) == null ? void 0 : l.spinner, S = o(
+      c,
+      r == null ? void 0 : r.size,
+      void 0,
+      e.size
+    ), v = o(
+      i,
+      r == null ? void 0 : r.color,
+      s.defaultColor,
+      e.color
+    ), u = o(
+      m,
+      r == null ? void 0 : r.speed,
+      void 0,
+      e.speed
+    ), C = t(
+      S,
+      x,
+      e.size
+    ), f = t(
+      v,
+      A,
+      e.color
+    );
+    return /* @__PURE__ */ h(
+      "svg",
+      {
+        ref: N,
+        "aria-hidden": "true",
+        className: y(
+          "animate-spin shrink-0",
+          C,
+          f,
+          r == null ? void 0 : r.className,
+          p
+        ),
+        style: {
+          animationDuration: u,
+          ...n
+        },
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ...d,
+        children: [
+          /* @__PURE__ */ a(
+            "circle",
+            {
+              className: "opacity-25",
+              cx: "12",
+              cy: "12",
+              r: "10",
+              stroke: "currentColor",
+              strokeWidth: "4"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "path",
+            {
+              className: "opacity-75",
+              fill: "currentColor",
+              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+I.displayName = "Spinner";
+export {
+  I as Spinner
+};

package/dist/components/switch/Switch.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { Radius } from '../../shared/radius';
+import { Color } from '../../shared/variant';
+import { FieldSizeKey, FieldStatus, LabelAlign } from '../field/field-config';
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "children" | "color"> {
+    size?: FieldSizeKey;
+    color?: Color;
+    radius?: Radius;
+    status?: FieldStatus;
+    label?: string;
+    labelAlign?: LabelAlign;
+    description?: string;
+    message?: string;
+    required?: boolean;
+    isLoading?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/components/switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EAIzB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,KAAK,KAAK,EAAuB,MAAM,sBAAsB,CAAC;AAOvE,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACX,MAAM,uBAAuB,CAAC;AAW/B,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3C;IACD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7E;AAID,eAAO,MAAM,MAAM,0GAiLlB,CAAC"}

package/dist/components/switch/Switch.js

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

package/dist/components/switch/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Switch';
+export * from './switch-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}

package/dist/components/switch/index.js

@@ -0,0 +1,3 @@
+export * from "./Switch.js";
+export * from "./switch-config.js";
+export * from "./switch-styles.js";

package/dist/components/switch/switch-config.d.ts

@@ -0,0 +1,17 @@
+import { Radius } from '../../shared/radius';
+import { Color } from '../../shared/variant';
+import { FieldConfig, FieldSizeKey } from '../field/field-config';
+export type SwitchSizeKey = FieldSizeKey;
+export interface SwitchConfig extends Omit<FieldConfig, "size" | "variant"> {
+    size?: SwitchSizeKey;
+    color?: Color;
+    radius?: Radius;
+}
+export declare const defaultSwitchConfig: SwitchConfig;
+export declare const FALLBACK_SWITCH_CONFIG: Required<SwitchConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        switch: SwitchConfig;
+    }
+}
+//# sourceMappingURL=switch-config.d.ts.map

package/dist/components/switch/switch-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-config.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC;AAEzC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IACzE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,EAAE,YAIjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,YAAY,CAOhD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,MAAM,EAAE,YAAY,CAAC;KACtB;CACF"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { registerComponentDefaults as l } from "../../libs/registry.js";
+import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
+const e = {
+  size: "md",
+  labelAlign: "left",
+  radius: "full"
+}, r = {
+  ...t,
+  size: "md",
+  radius: "full",
+  color: "primary",
+  status: "default",
+  labelAlign: "left"
+};
+l("switch", e);
+export {
+  r as FALLBACK_SWITCH_CONFIG,
+  e as defaultSwitchConfig
+};

package/dist/components/switch/switch-styles.d.ts

@@ -0,0 +1,6 @@
+import { FieldSizeKey, FieldStatus } from '../field/field-config';
+export declare const SWITCH_TRACK_SIZE_CLASS: Record<FieldSizeKey, string>;
+export declare const SWITCH_THUMB_SIZE_CLASS: Record<FieldSizeKey, string>;
+export declare const SWITCH_THUMB_TRANSLATE_CLASS: Record<FieldSizeKey, string>;
+export declare const SWITCH_STATUS_BORDER_CLASS: Record<FieldStatus, string>;
+//# sourceMappingURL=switch-styles.d.ts.map

package/dist/components/switch/switch-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-styles.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEvE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIrE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAKlE,CAAC"}

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

@@ -0,0 +1,25 @@
+"use client";
+const r = {
+  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"
+}, e = {
+  sm: "translate-x-3.5",
+  md: "translate-x-5",
+  lg: "translate-x-6"
+}, S = {
+  default: "border-border/60",
+  error: "border-danger",
+  warning: "border-warning",
+  success: "border-success"
+};
+export {
+  S as SWITCH_STATUS_BORDER_CLASS,
+  s as SWITCH_THUMB_SIZE_CLASS,
+  e as SWITCH_THUMB_TRANSLATE_CLASS,
+  r as SWITCH_TRACK_SIZE_CLASS
+};

package/dist/components/table/Table.d.ts

@@ -0,0 +1,43 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { Radius } from '../../shared/radius';
+import { Color } from '../../shared/variant';
+import { ColumnDef, TableSizeKey, TableVariant } from './table-config';
+export interface TableProps<TData> extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
+    /** Array of row data objects. */
+    data: TData[];
+    /** Column definition array. */
+    columns: ColumnDef<TData>[];
+    /** Optional Tailwind grid or layout utility classes. */
+    gridClasses?: string;
+    /** Accessor callback to return a unique key per row. */
+    rowKeyAccessor?: (row: TData) => string | number;
+    /** Primary row click handler. */
+    handleClick?: (data: TData, rowId?: string | number) => void;
+    /** Primary row double-click handler. */
+    handleDoubleClick?: (data: TData, rowId?: string | number) => void;
+    /** Key of currently selected row. */
+    selectedRowKey?: string | number;
+    /** Display text or React element when data array is empty. */
+    emptyMessage?: ReactNode;
+    /** Enables interactive hover, active press animations, and click styling on rows. */
+    isClickable?: boolean;
+    /** Visual table style variant. */
+    variant?: TableVariant;
+    /** Color token for row selections, hover states, and keyboard focus rings. */
+    color?: Color;
+    /** Density/size scale key. */
+    size?: TableSizeKey;
+    /** Border radius token key. */
+    radius?: Radius;
+    /** Custom class for header container. */
+    headerClassName?: string;
+    /** Custom class for individual row elements. */
+    rowClassName?: string;
+    /** Custom class for individual cells. */
+    cellClassName?: string;
+}
+export declare function Table<TData>({ data, columns, gridClasses, rowKeyAccessor, handleClick, handleDoubleClick, selectedRowKey, emptyMessage, isClickable, variant: variantProp, color: colorProp, size, radius, headerClassName, rowClassName, cellClassName, className, style, ...props }: TableProps<TData>): import("react").JSX.Element;
+export declare namespace Table {
+    var displayName: string;
+}
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAMlD,OAAO,EACL,KAAK,SAAS,EAGd,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AASxB,MAAM,WAAW,UAAU,CAAC,KAAK,CAC/B,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACvD,iCAAiC;IACjC,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,+BAA+B;IAC/B,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IAE5B,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,GAAG,MAAM,CAAC;IAEjD,iCAAiC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAE7D,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEnE,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEjC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,qFAAqF;IACrF,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,kCAAkC;IAClC,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,EAC3B,IAAS,EACT,OAAY,EACZ,WAAW,EACX,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,YAAmC,EACnC,WAAW,EACX,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,MAAM,EACN,eAAe,EACf,YAAY,EACZ,aAAa,EACb,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,KAAK,CAAC,+BAsOnB;yBA1Pe,KAAK"}

package/dist/components/table/Table.js

@@ -0,0 +1,188 @@
+"use client";
+import { jsx as t, jsxs as V } from "react/jsx-runtime";
+import { cn as l } from "@asheeui/utils";
+import { useCallback as W } from "react";
+import { useAsheeConfig as Z } from "../../libs/context.js";
+import { RADIUS_CLASS as $ } from "../../shared/radius.js";
+import { resolveCascade as L, resolveRadiusKey as k, resolveClassKey as m } from "../../utils/resolve-token.js";
+import { FALLBACK_TABLE_CONFIG as a } from "./table-config.js";
+import { TABLE_CELL_PADDING_Y_CLASS as ee, TABLE_CELL_PADDING_X_CLASS as re, TABLE_FONT_CLASS as te, TABLE_HEADER_FONT_CLASS as ae, TABLE_COLOR_STYLES as x } from "./table-styles.js";
+function se({
+  data: u = [],
+  columns: n = [],
+  gridClasses: oe,
+  rowKeyAccessor: h,
+  handleClick: i,
+  handleDoubleClick: v,
+  selectedRowKey: z,
+  emptyMessage: B = "No items available",
+  isClickable: D,
+  variant: K,
+  color: R,
+  size: F,
+  radius: O,
+  headerClassName: w,
+  rowClassName: G,
+  cellClassName: A,
+  className: I,
+  style: Y,
+  ...j
+}) {
+  var E;
+  const y = Z(), e = (E = y.components) == null ? void 0 : E.table, p = L(
+    F,
+    e == null ? void 0 : e.size,
+    void 0,
+    a.size
+  ), c = L(
+    K,
+    e == null ? void 0 : e.variant,
+    void 0,
+    a.variant
+  ), C = L(
+    R,
+    e == null ? void 0 : e.color,
+    y.defaultColor,
+    a.color
+  ), N = (r) => r === "full" ? "xl" : r, P = k(
+    N(O),
+    N(e == null ? void 0 : e.radius),
+    y.defaultRadius,
+    a.radius
+  ), _ = m(
+    p,
+    ee,
+    a.size
+  ), f = m(
+    p,
+    re,
+    a.size
+  ), X = m(
+    p,
+    te,
+    a.size
+  ), H = m(
+    p,
+    ae,
+    a.size
+  ), U = m(
+    P,
+    $,
+    a.radius
+  ), S = x[C] ?? x.primary, q = W(
+    (r, s) => {
+      if (h)
+        try {
+          return h(r);
+        } catch {
+          return s;
+        }
+      return s;
+    },
+    [h]
+  ), J = Array.isArray(u) && u.length > 0, b = D ?? !!(i || v);
+  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, s) => {
+              const d = r.id ?? (typeof r.header == "string" ? r.header : String(s));
+              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" && s < n.length - 1 && "border-r border-border",
+                    e == null ? void 0 : e.cellClassName,
+                    A
+                  ),
+                  children: r.header
+                },
+                d
+              );
+            }) })
+          }
+        ),
+        /* @__PURE__ */ t("tbody", { children: J ? u.map((r, s) => {
+          const d = q(r, s), g = d === z, M = c === "striped" && s % 2 === 1;
+          return /* @__PURE__ */ t(
+            "tr",
+            {
+              tabIndex: b ? 0 : -1,
+              "aria-selected": g,
+              onClick: b && i ? () => i(r, d) : void 0,
+              onDoubleClick: b && v ? () => v(r, d) : void 0,
+              onKeyDown: (o) => {
+                b && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), i == null || i(r, d));
+              },
+              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((o, T) => {
+                const Q = o.id ?? (typeof o.header == "string" ? o.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: o.cell(r)
+                  },
+                  Q
+                );
+              })
+            },
+            String(d)
+          );
+        }) : /* @__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: B
+          }
+        ) }) })
+      ] })
+    }
+  );
+}
+se.displayName = "Table";
+export {
+  se as Table
+};

package/dist/components/table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Table';
+export * from './table-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/components/table/index.js

@@ -0,0 +1,3 @@
+export * from "./Table.js";
+export * from "./table-config.js";
+export * from "./table-styles.js";