mates-design 0.1.0-beta.2

package/dist/Mates-design/src/lib/snackbar/snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/snackbar/snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GACxB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;AAEd,MAAM,WAAW,eAAe;IAC9B,oBAAoB;IACpB,OAAO,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,mCAAmC;IACnC,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAChD,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACpC,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IAC7B,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AA2CD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,GAAG,cAAc,CAiE9D"}

package/dist/Mates-design/src/lib/snackbar/snackbar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=snackbar.test.d.ts.map

package/dist/Mates-design/src/lib/snackbar/snackbar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.test.d.ts","sourceRoot":"","sources":["../../../../../src/lib/snackbar/snackbar.test.ts"],"names":[],"mappings":""}

package/dist/Mates-design/src/lib/spinner/spinner.d.ts

@@ -0,0 +1,20 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import "./spinner.css";
+export type SpinnerSize = "xs" | "sm" | "md" | "lg";
+export type SpinnerColor = "primary" | "white" | "muted" | "error";
+export interface SpinnerOptions {
+    size?: SpinnerSize;
+    color?: SpinnerColor;
+    label?: string;
+    /** Overrides default `data-testid="md-spinner"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+    styles?: {
+        root?: StyleMap;
+    };
+}
+export declare function Spinner(opts?: SpinnerOptions): TemplateResult;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/Mates-design/src/lib/spinner/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../../src/lib/spinner/spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAenE,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAG,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3B,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;CAC9B;AAED,wBAAgB,OAAO,CAAC,IAAI,GAAE,cAAmB,GAAG,cAAc,CA6BjE"}

package/dist/Mates-design/src/lib/spinner/spinner.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=spinner.test.d.ts.map

package/dist/Mates-design/src/lib/spinner/spinner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.test.d.ts","sourceRoot":"","sources":["../../../../../src/lib/spinner/spinner.test.ts"],"names":[],"mappings":""}

package/dist/Mates-design/src/lib/split-pane/split-pane.d.ts

@@ -0,0 +1,30 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./split-pane.css";
+export interface SplitPaneOptions {
+    start: TemplateResult;
+    end: TemplateResult;
+    /** Accessible name for the resizable start pane */
+    startLabel?: string;
+    endLabel?: string;
+    /** Initial split percentage (0–100). Default 50. */
+    initialSplit?: number;
+    /** Minimum split percentage. Default 10. */
+    min?: number;
+    /** Maximum split percentage. Default 90. */
+    max?: number;
+    /** Keyboard step size in percentage points. Default 2. */
+    step?: number;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Two-pane layout with a draggable + keyboard-accessible separator.
+ *
+ * The separator has `role="separator"` with full ARIA attributes and supports
+ * Arrow keys, Home, and End for keyboard resizing.
+ */
+export declare function SplitPane(opts: SplitPaneOptions): TemplateResult;
+//# sourceMappingURL=split-pane.d.ts.map

package/dist/Mates-design/src/lib/split-pane/split-pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-pane.d.ts","sourceRoot":"","sources":["../../../../../src/lib/split-pane/split-pane.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,EAAE,cAAc,CAAC;IACpB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAyHD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,gBAAgB,GAAG,cAAc,CAqDhE"}

package/dist/Mates-design/src/lib/statistic/statistic.d.ts

@@ -0,0 +1,47 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import "./statistic.css";
+export type StatisticTrend = "up" | "down";
+export interface StatisticOptions {
+    /** Label displayed above the value. */
+    title?: string | TemplateResult;
+    /** Content placed before the value (icon, currency symbol, etc.). */
+    prefix?: string | TemplateResult;
+    /** Content placed after the value (unit, %, etc.). */
+    suffix?: string | TemplateResult;
+    /** Number of decimal places to display when `value` is a number. */
+    precision?: number;
+    /** Custom style map applied directly to the value element. */
+    valueStyle?: StyleMap;
+    /** Custom formatter — receives the raw value and returns display content. */
+    formatter?: (value: number | string) => string | TemplateResult;
+    /** Shows a colored trend arrow: green ↑ for "up", red ↓ for "down". */
+    trend?: StatisticTrend;
+    /** Label shown next to the trend arrow (e.g. "+12%", "−3.2%"). */
+    trendValue?: string;
+    /** When `true`, renders skeleton placeholders instead of content. */
+    loading?: boolean;
+    /** Overrides the default `data-testid="md-statistic"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+        title?: StyleMap;
+        value?: StyleMap;
+        trend?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Statistic — display a prominent number or metric with title, prefix/suffix,
+ * optional trend indicator, and loading skeleton.
+ *
+ * @example
+ * Statistic(1128, { title: "Active Users" })
+ * Statistic(93.7, { title: "Uptime", suffix: "%", precision: 1 })
+ * Statistic(42800, { title: "Revenue", prefix: "$", trend: "up", trendValue: "+12%" })
+ * Statistic("—", { title: "Latency", loading: true })
+ */
+export declare function Statistic(value: number | string, opts?: StatisticOptions): TemplateResult;
+//# sourceMappingURL=statistic.d.ts.map

package/dist/Mates-design/src/lib/statistic/statistic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistic.d.ts","sourceRoot":"","sources":["../../../../../src/lib/statistic/statistic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,iBAAiB,CAAC;AAIzB,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAChC,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,GAAG,cAAc,CAAC;IAChE,uEAAuE;IACvE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,KAAK,CAAC,EAAE,QAAQ,CAAC;QACjB,KAAK,CAAC,EAAE,QAAQ,CAAC;QACjB,KAAK,CAAC,EAAE,QAAQ,CAAC;KAClB,CAAC;IACF,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAID;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,IAAI,GAAE,gBAAqB,GAC1B,cAAc,CAsIhB"}

package/dist/Mates-design/src/lib/statistic/statistic.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=statistic.test.d.ts.map

package/dist/Mates-design/src/lib/statistic/statistic.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistic.test.d.ts","sourceRoot":"","sources":["../../../../../src/lib/statistic/statistic.test.ts"],"names":[],"mappings":""}

package/dist/Mates-design/src/lib/swipe-row/swipe-row.d.ts

@@ -0,0 +1,19 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./swipe-row.css";
+export interface SwipeRowOptions {
+    /** Primary row content */
+    main: TemplateResult;
+    /** Trailing actions (revealed by horizontal swipe or scroll) */
+    actions: TemplateResult;
+    ariaLabel?: string;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Touch-friendly row: swipe left to reveal trailing actions (horizontal scroll + scroll snap).
+ */
+export declare function SwipeRow(opts: SwipeRowOptions): TemplateResult;
+//# sourceMappingURL=swipe-row.d.ts.map

package/dist/Mates-design/src/lib/swipe-row/swipe-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe-row.d.ts","sourceRoot":"","sources":["../../../../../src/lib/swipe-row/swipe-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,IAAI,EAAE,cAAc,CAAC;IACrB,gEAAgE;IAChE,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,GAAG,cAAc,CAyB9D"}

package/dist/Mates-design/src/lib/switch/switch.d.ts

@@ -0,0 +1,40 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./switch.css";
+export type SwitchSize = "sm" | "md" | "lg";
+export interface SwitchOptions {
+    label?: string | TemplateResult;
+    checked?: boolean;
+    disabled?: boolean;
+    size?: SwitchSize;
+    /** Icon shown inside thumb when ON */
+    onIcon?: IconInput;
+    /** Icon shown inside thumb when OFF */
+    offIcon?: IconInput;
+    id?: string;
+    name?: string;
+    /** Overrides default `data-testid="md-switch"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+        label?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+        input?: AttrMap;
+    };
+    on?: {
+        change?: (e: Event) => void;
+        root?: OnEventMap;
+    };
+}
+/**
+ * Switch — animated toggle switch.
+ *
+ * @example
+ * Switch({ label: "Dark mode", checked: isDark(), on: { change: toggle } })
+ * Switch({ checked: true, onIcon: "check", offIcon: "close" })
+ */
+export declare function Switch(opts?: SwitchOptions): TemplateResult;
+//# sourceMappingURL=switch.d.ts.map

package/dist/Mates-design/src/lib/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/lib/switch/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sCAAsC;IACtC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,KAAK,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IAC/C,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5C,EAAE,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;CACzD;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,IAAI,GAAE,aAAkB,GAAG,cAAc,CAuE/D"}

package/dist/Mates-design/src/lib/switch/switch.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=switch.test.d.ts.map

package/dist/Mates-design/src/lib/switch/switch.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.test.d.ts","sourceRoot":"","sources":["../../../../../src/lib/switch/switch.test.ts"],"names":[],"mappings":""}

package/dist/Mates-design/src/lib/table/table-internals.d.ts

@@ -0,0 +1,53 @@
+import type { TableColumn, SortDir } from "./table-types";
+/** One visible row after flattening a nested tree (see {@link flattenVisibleTableRows}). */
+export interface TableFlatRow<T> {
+    row: T;
+    depth: number;
+    hasChildren: boolean;
+    flatIndex: number;
+}
+/** Default child accessor: non-empty `row.children` arrays. */
+export declare function defaultGetRowChildren<T>(row: T): T[] | undefined;
+/**
+ * Depth-first list of rows visible with the given `expandedKeys` (`rowKey` values).
+ */
+export declare function flattenVisibleTableRows<T>(rows: readonly T[], rowKey: (row: T) => string, getChildren: (row: T) => readonly T[] | T[] | undefined | null, expandedKeys: readonly string[]): TableFlatRow<T>[];
+/** Like {@link selectionDerived}, but `allKeys` is precomputed (e.g. visible flat rows). */
+export declare function selectionDerivedForKeys(allKeys: string[], selected: string[] | undefined, selectable: boolean | undefined): {
+    allKeys: string[];
+    allSelected: boolean;
+    someSelected: boolean;
+};
+/** Appended as a fake last row in {@link TableVirtualized} when lazy-loading. */
+export declare const MD_TABLE_LAZY_SENTINEL: Readonly<{
+    __mdTableLazySentinel: true;
+}>;
+export type MdTableLazySentinel = typeof MD_TABLE_LAZY_SENTINEL;
+export declare function isMdTableLazySentinel(row: unknown): row is MdTableLazySentinel;
+/**
+ * Build the CSS `grid-template-columns` string for a virtual table row.
+ *
+ * Each data column becomes `minmax(minWidth, 1fr)` so columns always fill the
+ * available width and only overflow (triggering the horizontal scrollbar) when
+ * the container is narrower than the sum of all `minWidth` values.
+ */
+export declare function columnGridTemplate<T = unknown>(selectable: boolean, columns: TableColumn<T>[], nestedRows?: boolean): string;
+/**
+ * Compute the total minimum row width as a CSS value.
+ *
+ * This is the sum of every column's minimum width contribution.  The virtual
+ * table shell receives `min-width: <result>` so the outer `overflow-x:auto`
+ * wrapper knows when to show the horizontal scrollbar.
+ *
+ * Returns a plain CSS value (`"6rem"`) or a `calc(…)` expression.
+ */
+export declare function columnMinWidth<T = unknown>(selectable: boolean, columns: TableColumn<T>[], nestedRows?: boolean): string;
+export declare function handleSortClick(colId: string, sortBy: string | undefined, sortDir: SortDir, onSort?: (id: string, dir: SortDir) => void): void;
+export declare function selectionDerived(rows: unknown[], rowKey: (row: unknown) => string, selected: string[] | undefined, selectable: boolean | undefined, 
+/** When set (e.g. paged grid), select-all uses these keys instead of only current `rows`. */
+selectionScopeKeys?: string[]): {
+    allKeys: string[];
+    allSelected: boolean;
+    someSelected: boolean;
+};
+//# sourceMappingURL=table-internals.d.ts.map

package/dist/Mates-design/src/lib/table/table-internals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-internals.d.ts","sourceRoot":"","sources":["../../../../../src/lib/table/table-internals.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE1D,4FAA4F;AAC5F,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,GAAG,EAAE,CAAC,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,+DAA+D;AAC/D,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAKhE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,EACvC,IAAI,EAAE,SAAS,CAAC,EAAE,EAClB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,EAC1B,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,EAC9D,YAAY,EAAE,SAAS,MAAM,EAAE,GAC9B,YAAY,CAAC,CAAC,CAAC,EAAE,CAgBnB;AAED,4FAA4F;AAC5F,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,EAAE,EACjB,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,EAC9B,UAAU,EAAE,OAAO,GAAG,SAAS,GAC9B;IACD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;CACvB,CASA;AAED,iFAAiF;AACjF,eAAO,MAAM,sBAAsB;;EAEjC,CAAC;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,sBAAsB,CAAC;AAEhE,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,OAAO,GACX,GAAG,IAAI,mBAAmB,CAM5B;AAoDD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,OAAO,EAC5C,UAAU,EAAE,OAAO,EACnB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,EACzB,UAAU,CAAC,EAAE,OAAO,GACnB,MAAM,CAMR;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,OAAO,EACxC,UAAU,EAAE,OAAO,EACnB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,EACzB,UAAU,CAAC,EAAE,OAAO,GACnB,MAAM,CAQR;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,KAAK,IAAI,GAC1C,IAAI,CAON;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,OAAO,EAAE,EACf,MAAM,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,EAChC,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,EAC9B,UAAU,EAAE,OAAO,GAAG,SAAS;AAC/B,6FAA6F;AAC7F,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAC5B;IACD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;CACvB,CAMA"}

package/dist/Mates-design/src/lib/table/table-shared-templates.d.ts

@@ -0,0 +1,87 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap } from "mates";
+import type { TableColumn, SortDir } from "./table-types";
+/** Bottom sentinel for virtual table lazy load (mates `onScrolledIntoView`). */
+export declare function tableLazySentinelRow(opts: {
+    onLoad: () => void;
+    rootMargin?: string;
+    threshold?: number;
+    gridTpl?: string;
+    minRowWidth?: string;
+}): TemplateResult;
+/** Header `<tr>` only (expand + checkbox + sortable headers). */
+export declare function tableHeaderRowTr<T>(columns: TableColumn<T>[], opts: {
+    selectable: boolean;
+    expandColumn?: boolean;
+    allSelected: boolean;
+    someSelected: boolean;
+    sortBy?: string;
+    sortDir: SortDir;
+    onSort?: (id: string, dir: SortDir) => void;
+    onSelectAll: () => void;
+}): TemplateResult;
+/** Native `<thead>` with a single header row (convenience wrapper). */
+export declare function tableTheadRow<T>(columns: TableColumn<T>[], opts: {
+    selectable: boolean;
+    expandColumn?: boolean;
+    allSelected: boolean;
+    someSelected: boolean;
+    sortBy?: string;
+    sortDir: SortDir;
+    onSort?: (id: string, dir: SortDir) => void;
+    onSelectAll: () => void;
+}): TemplateResult;
+/** Grid header row for virtualised table (uses `--md-table-vcol-tpl` from ancestor). */
+export declare function tableVirtualHeadRow<T>(columns: TableColumn<T>[], opts: {
+    selectable: boolean;
+    expandColumn?: boolean;
+    allSelected: boolean;
+    someSelected: boolean;
+    sortBy?: string;
+    sortDir: SortDir;
+    onSort?: (id: string, dir: SortDir) => void;
+    onSelectAll: () => void;
+    gridTpl?: string;
+    minRowWidth?: string;
+}): TemplateResult;
+/** Native `<td>` for the expand column. */
+export declare function tableExpandTd(opts: {
+    hasChildren: boolean;
+    expanded: boolean;
+    onToggle: () => void;
+}): TemplateResult;
+/** Virtual grid cell for expand column. */
+export declare function tableExpandVirtualCell(opts: {
+    hasChildren: boolean;
+    expanded: boolean;
+    onToggle: () => void;
+}): TemplateResult;
+/** Extra `padding-left` on the first data column so nested rows read as children. */
+export declare function nestedFirstDataCellStyle(opts: {
+    expandColumn: boolean;
+    depth: number;
+    indentStep: number;
+    dense: boolean;
+}): StyleMap;
+/** One virtual row (grid); `idx` drives striped styling. */
+export declare function tableVirtualBodyRow<T>(row: T, idx: number, columns: TableColumn<T>[], opts: {
+    selectable: boolean;
+    expandColumn?: boolean;
+    expand?: {
+        depth: number;
+        indentStep: number;
+        hasChildren: boolean;
+        expanded: boolean;
+        onToggle: () => void;
+    };
+    dense?: boolean;
+    selected: string[];
+    rowKey: (row: T) => string;
+    variant: "default" | "striped" | "bordered";
+    onRowClick?: (row: T, e: MouseEvent) => void;
+    onSelectRow: (key: string) => void;
+    gridTpl?: string;
+    minRowWidth?: string;
+    ariaSelected?: boolean;
+}): TemplateResult;
+//# sourceMappingURL=table-shared-templates.d.ts.map

package/dist/Mates-design/src/lib/table/table-shared-templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-shared-templates.d.ts","sourceRoot":"","sources":["../../../../../src/lib/table/table-shared-templates.ts"],"names":[],"mappings":"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"}

package/dist/Mates-design/src/lib/table/table-types.d.ts

@@ -0,0 +1,105 @@
+import type { TemplateResult } from "mates";
+export type TableAlign = "left" | "center" | "right";
+export type TableVariant = "default" | "striped" | "bordered";
+export type SortDir = "asc" | "desc";
+export interface TableColumn<T = unknown> {
+    id: string;
+    header: string | TemplateResult;
+    render: (row: T, index: number) => TemplateResult | string | number;
+    width?: string;
+    align?: TableAlign;
+    sortable?: boolean;
+    /** Minimum width as design px at 16px root (rendered as rem). */
+    minWidth?: number;
+    /** Extra header content after label/sort (e.g. column filter trigger). */
+    headerEnd?: () => TemplateResult;
+    /** Pin this column sticky left or right. DataGrid sets this from DataGridColumn.pinned. */
+    pinnedLeft?: boolean;
+    pinnedRight?: boolean;
+    /** Pixel offset for left-pinned sticky columns (e.g. "44px"). Set by DataGrid. */
+    pinnedLeftOffset?: string;
+    /** Pixel offset for right-pinned sticky columns (e.g. "0px"). Set by DataGrid. */
+    pinnedRightOffset?: string;
+    /** Show a column resize drag handle. */
+    resizable?: boolean;
+    /** Called with (colId, newWidthPx) when user finishes resizing. */
+    onResize?: (colId: string, widthPx: number) => void;
+    /** Make the column header draggable for reordering. Set by DataGrid when enableColumnReorder is true. */
+    draggable?: boolean;
+    /** Called when the user starts dragging this column header. */
+    onDragStart?: (colId: string) => void;
+    /** Called when another column is dragged over this column header. */
+    onDragOver?: (e: DragEvent, colId: string) => void;
+    /** Called when a dragged column is dropped onto this column header. */
+    onDrop?: (e: DragEvent, colId: string) => void;
+}
+/** Options shared by {@link Table} and {@link TableVirtualized}. */
+export interface TableSharedOptions<T = unknown> {
+    columns: TableColumn<T>[];
+    rows: T[];
+    /** Stable unique id per row. With `nestedRows`, keys must be unique across the whole tree. */
+    rowKey: (row: T) => string;
+    variant?: TableVariant;
+    stickyHeader?: boolean;
+    loading?: boolean;
+    loadingRows?: number;
+    emptyText?: string;
+    onRowClick?: (row: T, e: MouseEvent) => void;
+    sortBy?: string;
+    sortDir?: SortDir;
+    onSort?: (colId: string, dir: SortDir) => void;
+    selected?: string[];
+    onSelect?: (keys: string[]) => void;
+    selectable?: boolean;
+    /**
+     * When set, a sentinel row is rendered after the data rows. Each time it
+     * **scrolls into view** (viewport intersection), mates `onScrolledIntoView`
+     * calls this — use for infinite scroll / lazy loading the next chunk.
+     */
+    onScrolledIntoView?: () => void;
+    /** `IntersectionObserver` rootMargin for the sentinel (e.g. `"200px"` to prefetch early). */
+    lazyLoadRootMargin?: string;
+    /** `IntersectionObserver` threshold (0–1). */
+    lazyLoadThreshold?: number;
+    /** Extra `<tr>` nodes inside `<thead>` after the header row (e.g. filter row). */
+    theadExtra?: TemplateResult;
+    /** Tighter cell padding. */
+    dense?: boolean;
+    /** Table `<caption>` for accessibility. */
+    caption?: string | TemplateResult;
+    /**
+     * Row keys used for select-all / selection counts when not the same as `rows`
+     * (e.g. client-paged table: `rows` is one page, scope is full filtered set).
+     */
+    selectionScopeKeys?: string[];
+    /**
+     * Nested rows: when true, rows with children (see `getRowChildren`) show an
+     * expand control; expanded descendants are rendered below the parent.
+     */
+    nestedRows?: boolean;
+    /** Expanded row keys (`rowKey(row)`). Controlled with `onExpandedChange`. */
+    expandedKeys?: string[];
+    /** Updates expanded keys when the user toggles a row. */
+    onExpandedChange?: (keys: string[]) => void;
+    /** Called when a row **opens** (not when collapsing). */
+    onRowExpand?: (row: T) => void;
+    /**
+     * Per-level indent for nested rows (design px at 16px root → rem), added as extra
+     * `padding-left` on the **first data column** so children appear nested. Expand
+     * chevrons stay aligned in the leading column. Default `20`.
+     */
+    nestedRowIndent?: number;
+    /**
+     * How to read child rows. Default: non-empty `row.children` array.
+     */
+    getRowChildren?: (row: T) => readonly T[] | T[] | undefined | null;
+}
+export interface TableOptions<T = unknown> extends TableSharedOptions<T> {
+}
+export interface TableVirtualizedOptions<T = unknown> extends TableSharedOptions<T> {
+    /**
+     * Scrollable body height (e.g. `"25rem"`). The header stays fixed; rows virtualize inside.
+     */
+    bodyHeight: string;
+}
+//# sourceMappingURL=table-types.d.ts.map

package/dist/Mates-design/src/lib/table/table-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/table/table-types.ts"],"names":[],"mappings":"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"}

package/dist/Mates-design/src/lib/table/table-virtualized.d.ts

@@ -0,0 +1,10 @@
+import { type TemplateResult } from "mates";
+import type { TableVirtualizedOptions } from "./table-types";
+import "./table.css";
+/**
+ * Virtualised table — same options as {@link Table} plus `bodyHeight`, with the
+ * body rendered through mates `virtualList`. Header uses CSS Grid so columns
+ * line up with rows; set `width` on columns for the most predictable layout.
+ */
+export declare function TableVirtualized<T = unknown>(opts: TableVirtualizedOptions<T>): TemplateResult;
+//# sourceMappingURL=table-virtualized.d.ts.map

package/dist/Mates-design/src/lib/table/table-virtualized.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-virtualized.d.ts","sourceRoot":"","sources":["../../../../../src/lib/table/table-virtualized.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAe7D,OAAO,aAAa,CAAC;AAErB;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,GAAG,OAAO,EAC1C,IAAI,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAC/B,cAAc,CAkPhB"}

package/dist/Mates-design/src/lib/table/table.d.ts

@@ -0,0 +1,34 @@
+import { type TemplateResult } from "mates";
+import "./table.css";
+export type { TableAlign, TableColumn, TableOptions, TableSharedOptions, TableVariant, SortDir, } from "./table-types";
+import type { TableOptions } from "./table-types";
+/**
+ * Table — 100 % stateless, fully customisable data table.
+ *
+ * All state (sort, selection, pagination) lives outside — pass it via props
+ * and wire callbacks to your atoms.
+ *
+ * @example
+ * const sortBy  = atom("name");
+ * const sortDir = atom<SortDir>("asc");
+ * const sel     = atom<string[]>([]);
+ *
+ * Table({
+ *   columns: [
+ *     { id: "name",  header: "Name",  render: r => r.name,  sortable: true },
+ *     { id: "email", header: "Email", render: r => r.email },
+ *     { id: "role",  header: "Role",  render: r => Badge({ label: r.role }) },
+ *   ],
+ *   rows:      users,
+ *   rowKey:    r => r.id,
+ *   sortBy:    sortBy(),
+ *   sortDir:   sortDir(),
+ *   onSort:    (col, dir) => { sortBy.set(col); sortDir.set(dir); },
+ *   selected:  sel(),
+ *   onSelect:  keys => sel.set(keys),
+ *   selectable: true,
+ *   onRowClick: (row) => navigateTo(`/users/${row.id}`),
+ * })
+ */
+export declare function Table<T = unknown>(opts: TableOptions<T>): TemplateResult;
+//# sourceMappingURL=table.d.ts.map

package/dist/Mates-design/src/lib/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../src/lib/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,aAAa,CAAC;AAErB,YAAY,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,OAAO,GACR,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAalD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,KAAK,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,cAAc,CAyTxE"}

package/dist/Mates-design/src/lib/tabs/tabs.d.ts

@@ -0,0 +1,58 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./tabs.css";
+export type TabsVariant = "line" | "filled" | "pill";
+export type TabsSize = "sm" | "md" | "lg";
+export interface TabItem {
+    id: string;
+    label: string;
+    /** Icon before label (Material name, SVG, https URL, or lit-html) */
+    icon?: IconInput;
+    /** Badge count or label */
+    badge?: string | number;
+    disabled?: boolean;
+}
+export interface TabPanel {
+    id: string;
+    content: TemplateResult | (() => TemplateResult);
+}
+export interface TabsOptions {
+    tabs: TabItem[];
+    /** ID of the currently active tab (controlled). */
+    activeId: string;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    /** Called when a tab is clicked. */
+    onChange: (id: string) => void;
+    /** Optional panels rendered below the tab list. */
+    panels?: TabPanel[];
+    /** Overrides default `data-testid="md-tabs"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+    styles?: {
+        root?: StyleMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * Tabs — controlled tab navigation with three visual variants.
+ *
+ * @example
+ * const active = atom("overview");
+ * Tabs({
+ *   tabs:     [{ id: "overview", label: "Overview" }, { id: "details", label: "Details" }],
+ *   activeId: active(),
+ *   onChange: id => active.set(id),
+ *   panels: [
+ *     { id: "overview", content: html`<p>Overview content</p>` },
+ *     { id: "details",  content: html`<p>Details content</p>` },
+ *   ],
+ * })
+ */
+export declare function Tabs(opts: TabsOptions): TemplateResult;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/Mates-design/src/lib/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/lib/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,YAAY,CAAC;AAIpB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,cAAc,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oCAAoC;IACpC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,mDAAmD;IACnD,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3B,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IAC7B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;CAC5B;AAID;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,WAAW,GAAG,cAAc,CAwHtD"}

package/dist/Mates-design/src/lib/tabs/tabs.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tabs.test.d.ts.map

package/dist/Mates-design/src/lib/tabs/tabs.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.test.d.ts","sourceRoot":"","sources":["../../../../../src/lib/tabs/tabs.test.ts"],"names":[],"mappings":""}