mates-design 0.1.0-beta.2

package/dist/Mates-design/src/lib/countries-dropdown/countries-dropdown.d.ts

@@ -0,0 +1,50 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import "./countries-dropdown.css";
+export interface CountryItem {
+    id: string;
+    label: string;
+    flag: string;
+    dialCode: string;
+}
+/** Full countries list — derived from compact tuple data. */
+export declare const COUNTRIES_LIST: CountryItem[];
+/** Dial code lookup by ISO alpha-2 lowercase. */
+export declare const DIAL_CODES: Record<string, string>;
+/** Find a country by id. */
+export declare function getCountry(id: string): CountryItem | undefined;
+export interface CountriesDropdownOptions {
+    /** Selected country id (ISO alpha-2 lowercase). */
+    value?: string;
+    /** Called when a country is selected. */
+    onChange?: (countryId: string, country: CountryItem) => void;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    /** Only show countries whose id is in this list. */
+    filter?: string[];
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * CountriesDropdown — searchable country picker.
+ *
+ * Type a country name, dial code, or flag to filter.
+ * Uses popup() for proper floating panel positioning and click-outside-to-close.
+ *
+ * @example
+ * const country = atom("");
+ * CountriesDropdown({
+ *   value: country(),
+ *   onChange: (id) => country.set(id),
+ *   label: "Country",
+ * })
+ */
+export declare function CountriesDropdown(opts?: CountriesDropdownOptions): TemplateResult;
+//# sourceMappingURL=countries-dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"countries-dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/lib/countries-dropdown/countries-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAgB,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAM7D,OAAO,0BAA0B,CAAC;AAIlC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAuOD,6DAA6D;AAC7D,eAAO,MAAM,cAAc,EAAE,WAAW,EAOvC,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE7C,CAAC;AAEF,4BAA4B;AAC5B,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAE9D;AAID,MAAM,WAAW,wBAAwB;IACvC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,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;AA+RD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,GAAE,wBAA6B,GAClC,cAAc,CAEhB"}

package/dist/Mates-design/src/lib/credit-card-input/credit-card-input.d.ts

@@ -0,0 +1,165 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import "./credit-card-input.css";
+export type CardNetwork = "visa" | "mastercard" | "amex" | "discover" | "maestro" | "unionpay" | "jcb" | "diners" | "unknown";
+/**
+ * Detects the card network from a card number string (spaces are ignored).
+ *
+ * Detection is prefix-based and follows widely-used BIN ranges.
+ * The returned network can be used to:
+ *  - display the correct logo badge
+ *  - apply the correct digit grouping (Amex: 4-6-5, others: 4-4-4-4)
+ *  - set the correct max length (Amex: 15 digits, others: 16)
+ *  - determine CVC length (Amex: 4 digits, others: 3)
+ */
+export declare function detectNetwork(num: string): CardNetwork;
+/**
+ * Formats a raw card number string with spaces for display.
+ * Amex uses 4-6-5 grouping; all others use 4-4-4-4.
+ *
+ * @param raw     - Raw input string (may contain non-digits)
+ * @param network - Detected card network (used to pick grouping)
+ * @returns       - Formatted string with spaces (max 17 chars for Amex, 19 for others)
+ */
+export declare function formatCardNumber(raw: string, network: CardNetwork): string;
+/**
+ * Validates an expiry string of the form "MM/YY".
+ *
+ * @returns `true` when month is 01–12 and the card is not yet expired.
+ */
+export declare function validateExpiry(value: string): boolean;
+/**
+ * Auto-formats raw expiry input into "MM/YY".
+ *
+ * Call this inside the `onExpiryChange` handler. The formatted value should be
+ * stored in reactive state and passed back as `expiryDate`.
+ *
+ * Behaviour:
+ * - Strips all non-digits
+ * - Inserts `/` automatically after the two month digits
+ * - Caps at 4 digits (MMYY → "MM/YY")
+ */
+export declare function formatExpiry(raw: string): string;
+export interface CreditCardInputOptions {
+    /**
+     * Card number for display — pass the **formatted** string (with spaces) that
+     * you get back from `formatCardNumber(raw, network)`.
+     * Raw digits (no spaces) also work; the field just won't show grouping until
+     * the parent formats and re-passes the value.
+     */
+    cardNumber?: string;
+    /** Expiry date in `"MM/YY"` format (or partial while the user is typing). */
+    expiryDate?: string;
+    /** CVC / CVV digits. */
+    cvc?: string;
+    /** Cardholder full name. */
+    cardholderName?: string;
+    /** Show the cardholder name field. Default: `true`. */
+    showName?: boolean;
+    variant?: "outlined" | "filled";
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+    /**
+     * When `true`, inline validation error messages are shown beneath the relevant
+     * fields. The parent is still responsible for controlling field values; this
+     * flag only controls error-message visibility.
+     */
+    showErrors?: boolean;
+    /**
+     * Whether the CVC field is currently showing plain text (`true`) or is masked
+     * (`false`, the default). Wire this to a reactive atom and toggle it with
+     * `onCvcToggle`.
+     */
+    cvcVisible?: boolean;
+    /**
+     * Called when the eye icon on the CVC field is clicked.
+     * Flip your `cvcVisible` atom here.
+     */
+    onCvcToggle?: () => void;
+    /**
+     * Called on every card-number input event.
+     *
+     * **Stateless contract:** the component does not hold its own value.
+     * 1. Receive `value` (raw digits, no spaces) and `network`.
+     * 2. Call `formatCardNumber(value, network)` and store the result.
+     * 3. Pass the formatted string back as `cardNumber` so the field re-renders.
+     *
+     * @param value   Raw digits only (no spaces).
+     * @param network The network detected from the current prefix.
+     */
+    onCardNumberChange?: (value: string, network: CardNetwork) => void;
+    /**
+     * Called on every expiry input event.
+     *
+     * **Stateless contract:** call `formatExpiry(value)` inside this handler,
+     * store the result, and pass it back as `expiryDate`.
+     *
+     * @param value   Current formatted value (`"MM/YY"` or partial).
+     * @param isValid `true` when the value represents a valid, non-expired date.
+     */
+    onExpiryChange?: (value: string, isValid: boolean) => void;
+    /**
+     * Called on every CVC input event.
+     * @param value Current CVC string — digits only, max 3 (or 4 for Amex).
+     */
+    onCvcChange?: (value: string) => void;
+    /**
+     * Called on every cardholder-name input event.
+     * @param value Current name string.
+     */
+    onNameChange?: (value: string) => void;
+    /** Overrides the default `data-testid="md-credit-card-input"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * CreditCardInput — composite payment-card form.
+ *
+ * Renders four coordinated `TextField` fields:
+ *
+ * | Field            | Details                                                     |
+ * |------------------|-------------------------------------------------------------|
+ * | **Card number**  | Live network badge, monospace font, 4-4-4-4 / Amex 4-6-5   |
+ * | **Expiry date**  | Auto-formatted `MM/YY`, month + year validation             |
+ * | **CVC / CVV**    | Masked by default, eye-toggle, Amex = 4 digits, hint text  |
+ * | **Cardholder**   | Optional (`showName`), `autocomplete="cc-name"`             |
+ *
+ * ### Stateless usage
+ *
+ * ```ts
+ * const cardNum    = atom("");        // formatted: "4111 1111 1111 1111"
+ * const expiry     = atom("");        // "MM/YY"
+ * const cvc        = atom("");
+ * const name       = atom("");
+ * const cvcVisible = atom(false);
+ *
+ * CreditCardInput({
+ *   cardNumber:     cardNum(),
+ *   expiryDate:     expiry(),
+ *   cvc:            cvc(),
+ *   cardholderName: name(),
+ *   cvcVisible:     cvcVisible(),
+ *   showErrors:     true,
+ *
+ *   onCardNumberChange: (raw, network) =>
+ *     cardNum.set(formatCardNumber(raw, network)),
+ *
+ *   onExpiryChange: (val) =>
+ *     expiry.set(formatExpiry(val)),
+ *
+ *   onCvcChange:  (val) => cvc.set(val),
+ *   onNameChange: (val) => name.set(val),
+ *   onCvcToggle:  ()    => cvcVisible.set(!cvcVisible()),
+ * })
+ * ```
+ *
+ * Also exported from this module for parent use:
+ * `detectNetwork`, `formatCardNumber`, `formatExpiry`, `validateExpiry`.
+ */
+export declare function CreditCardInput(opts?: CreditCardInputOptions): TemplateResult;
+//# sourceMappingURL=credit-card-input.d.ts.map

package/dist/Mates-design/src/lib/credit-card-input/credit-card-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credit-card-input.d.ts","sourceRoot":"","sources":["../../../../../src/lib/credit-card-input/credit-card-input.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,yBAAyB,CAAC;AAIjC,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,YAAY,GACZ,MAAM,GACN,UAAU,GACV,SAAS,GACT,UAAU,GACV,KAAK,GACL,QAAQ,GACR,SAAS,CAAC;AAEd;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAWtD;AAID;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,MAAM,CAY1E;AAID;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAUrD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAIhD;AAqOD,MAAM,WAAW,sBAAsB;IACrC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACnE;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kEAAkE;IAClE,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;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,eAAe,CAC7B,IAAI,GAAE,sBAA2B,GAChC,cAAc,CAwNhB"}

package/dist/Mates-design/src/lib/data-grid/column-organiser.d.ts

@@ -0,0 +1,30 @@
+import { type TemplateResult } from "mates";
+import type { AtomType } from "mates";
+import type { DataGridColumn, DataGridStrings } from "./data-grid-types";
+export interface ColumnOrganiserOptions<T> {
+    /**
+     * The atom holding the column definitions. The organiser writes back to
+     * this atom directly — reorder splices the array, toggle flips `col.hidden`.
+     */
+    columnsAtom: AtomType<DataGridColumn<T>[]>;
+    /** Locale strings — omitted keys fall back to English defaults. */
+    strings?: DataGridStrings;
+}
+/**
+ * ColumnOrganiser — a drag-to-reorder + show/hide panel for DataGrid columns.
+ *
+ * Pass the same `columnsAtom` you give to `DataGrid`. The panel reads the
+ * current column list from the atom and writes mutations back on every
+ * interaction — no callbacks needed.
+ *
+ * Layout of each row:
+ *   ⠿  drag grip  │  column label  │  👁 visibility toggle
+ *
+ * @example
+ * const colsAtom = atom<DataGridColumn<User>[]>([...]);
+ *
+ * // In your toolbar or a popup trigger:
+ * ColumnOrganiser({ columnsAtom: colsAtom })
+ */
+export declare function ColumnOrganiser<T>(opts: ColumnOrganiserOptions<T>): TemplateResult;
+//# sourceMappingURL=column-organiser.d.ts.map

package/dist/Mates-design/src/lib/data-grid/column-organiser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-organiser.d.ts","sourceRoot":"","sources":["../../../../../src/lib/data-grid/column-organiser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKzE,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC;;;OAGG;IACH,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC3C,mEAAmE;IACnE,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAcD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAC/B,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAC9B,cAAc,CA8JhB"}

package/dist/Mates-design/src/lib/data-grid/data-grid-filter.d.ts

@@ -0,0 +1,16 @@
+import { type TemplateResult } from "mates";
+import type { DataGridColumn, DataGridColumnFilter, DataGridColumnFilterType, DataGridFilterOperator, DataGridStrings } from "./data-grid-types";
+import "../select/select.css";
+import "./data-grid.css";
+export declare function defaultOperatorsForColumnType(t: DataGridColumnFilterType): DataGridFilterOperator[];
+export declare function getFilterForColumn(filters: DataGridColumnFilter[], columnId: string): DataGridColumnFilter | undefined;
+/** @deprecated Use {@link legacyColumnFiltersRecord} from `data-grid-process`. */
+export { legacyColumnFiltersRecord } from "./data-grid-process";
+/**
+ * Column filter popover. Uses IconButton, TextField, Button, and Select-aligned
+ * operator control (native <select> in `md-select` shell — same tokens as
+ * {@link Select}; a full Select is controlled and would not update its label
+ * inside this static popup without a parent re-render).
+ */
+export declare function dataGridColumnFilterTrigger<T>(col: DataGridColumn<T>, filters: DataGridColumnFilter[], operators: DataGridFilterOperator[], onApply: (next: DataGridColumnFilter[]) => void, strings?: DataGridStrings): TemplateResult;
+//# sourceMappingURL=data-grid-filter.d.ts.map

package/dist/Mates-design/src/lib/data-grid/data-grid-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-filter.d.ts","sourceRoot":"","sources":["../../../../../src/lib/data-grid/data-grid-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,KAAK,EACV,cAAc,EACd,oBAAoB,EACpB,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAO3B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AAuBzB,wBAAgB,6BAA6B,CAC3C,CAAC,EAAE,wBAAwB,GAC1B,sBAAsB,EAAE,CAE1B;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,oBAAoB,EAAE,EAC/B,QAAQ,EAAE,MAAM,GACf,oBAAoB,GAAG,SAAS,CAElC;AAED,kFAAkF;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAehE;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,EAC3C,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,EACtB,OAAO,EAAE,oBAAoB,EAAE,EAC/B,SAAS,EAAE,sBAAsB,EAAE,EACnC,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,KAAK,IAAI,EAC/C,OAAO,GAAE,eAA2C,GACnD,cAAc,CA+IhB"}

package/dist/Mates-design/src/lib/data-grid/data-grid-process.d.ts

@@ -0,0 +1,21 @@
+import type { SortDir } from "../table/table-types";
+import type { DataGridColumn, DataGridColumnFilter } from "./data-grid-types";
+export declare function dataGridCellText<T>(row: T, col: DataGridColumn<T>): string;
+/** Legacy `Record<colId, substring>` → `contains` filters. */
+export declare function legacyColumnFiltersRecord(record: Record<string, string>): DataGridColumnFilter[];
+export declare function rowMatchesColumnFilter<T>(row: T, col: DataGridColumn<T>, f: DataGridColumnFilter): boolean;
+export declare function filterDataGridRowsByModel<T>(rows: T[], columns: DataGridColumn<T>[], globalSearch: string, filters: DataGridColumnFilter[]): T[];
+/**
+ * Apply or replace one column filter. Empty value clears unless operator is isEmpty / isNotEmpty.
+ */
+export declare function applyColumnFilter(filters: DataGridColumnFilter[], f: DataGridColumnFilter): DataGridColumnFilter[];
+export declare function removeColumnFilter(filters: DataGridColumnFilter[], columnId: string): DataGridColumnFilter[];
+/**
+ * Global + column filters. Prefer `columnFilterModel` when using structured header filters;
+ * otherwise uses legacy `columnFilters` record as `contains` rules.
+ */
+export declare function filterDataGridRows<T>(rows: T[], columns: DataGridColumn<T>[], globalFilter: string, columnFiltersRecord: Record<string, string> | undefined, columnFilterModel: DataGridColumnFilter[] | undefined, structuredColumnFilters: boolean): T[];
+export declare function sortDataGridRows<T>(rows: T[], sortBy: string | undefined, sortDir: SortDir, columns: DataGridColumn<T>[]): T[];
+export declare function paginateDataGridRows<T>(rows: T[], page: number, pageSize: number): T[];
+export declare function dataGridExportCsv<T>(rows: T[], columns: DataGridColumn<T>[]): string;
+//# sourceMappingURL=data-grid-process.d.ts.map

package/dist/Mates-design/src/lib/data-grid/data-grid-process.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-process.d.ts","sourceRoot":"","sources":["../../../../../src/lib/data-grid/data-grid-process.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EACV,cAAc,EACd,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAE3B,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,MAAM,CAQ1E;AAED,8DAA8D;AAC9D,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,oBAAoB,EAAE,CAQxB;AAED,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,EACtB,CAAC,EAAE,oBAAoB,GACtB,OAAO,CAkDT;AAED,wBAAgB,yBAAyB,CAAC,CAAC,EACzC,IAAI,EAAE,CAAC,EAAE,EACT,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,EAC5B,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,oBAAoB,EAAE,GAC9B,CAAC,EAAE,CAkBL;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,oBAAoB,EAAE,EAC/B,CAAC,EAAE,oBAAoB,GACtB,oBAAoB,EAAE,CAOxB;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,oBAAoB,EAAE,EAC/B,QAAQ,EAAE,MAAM,GACf,oBAAoB,EAAE,CAExB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,IAAI,EAAE,CAAC,EAAE,EACT,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,EAC5B,YAAY,EAAE,MAAM,EACpB,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,EACvD,iBAAiB,EAAE,oBAAoB,EAAE,GAAG,SAAS,EACrD,uBAAuB,EAAE,OAAO,GAC/B,CAAC,EAAE,CAKL;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAChC,IAAI,EAAE,CAAC,EAAE,EACT,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,GAC3B,CAAC,EAAE,CAwBL;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,IAAI,EAAE,CAAC,EAAE,EACT,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GACf,CAAC,EAAE,CAKL;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,IAAI,EAAE,CAAC,EAAE,EACT,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,GAC3B,MAAM,CAaR"}

package/dist/Mates-design/src/lib/data-grid/data-grid-process.test.d.ts

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

package/dist/Mates-design/src/lib/data-grid/data-grid-process.test.d.ts.map

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

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

@@ -0,0 +1,267 @@
+import type { TemplateResult } from "mates";
+import type { StyleMap, AttrMap, AtomType } from "mates";
+import type { TableAlign, SortDir, TableVariant } from "../table/table-types";
+/**
+ * All user-facing strings in the DataGrid.
+ * Pass a partial override via `DataGridOptions.strings` — any key you omit
+ * falls back to the English default.
+ */
+export interface DataGridStrings {
+    /** Shown when the grid has zero rows. */
+    emptyText: string;
+    searchPlaceholder: string;
+    exportCsvLabel: string;
+    toggleColumnsLabel: string;
+    columnsTitle: string;
+    columnsDragHint: string;
+    /** Aria-label for the show-column button. `{col}` is replaced with the column name. */
+    showColumnLabel: string;
+    /** Aria-label for the hide-column button. `{col}` is replaced with the column name. */
+    hideColumnLabel: string;
+    filterConditionLabel: string;
+    filterValueLabel: string;
+    filterValuePlaceholder: string;
+    filterClearLabel: string;
+    filterApplyLabel: string;
+    /** `{col}` is replaced with the column name. */
+    filterColumnLabel: string;
+    /** `{col}` is replaced with the column name. */
+    filterColumnActiveLabel: string;
+    opContains: string;
+    opEquals: string;
+    opNotEquals: string;
+    opStartsWith: string;
+    opEndsWith: string;
+    opLessThan: string;
+    opLessThanOrEqual: string;
+    opGreaterThan: string;
+    opGreaterThanOrEqual: string;
+    opIsEmpty: string;
+    opIsNotEmpty: string;
+    /** `{start}`, `{end}`, `{total}` are replaced. */
+    rowsRangeText: string;
+    zeroRowsText: string;
+    perPageLabel: string;
+    legacyFilterPlaceholder: string;
+}
+/** English defaults — used when no `strings` override is provided. */
+export declare const DEFAULT_DATA_GRID_STRINGS: DataGridStrings;
+/**
+ * Merge a partial strings override with the defaults.
+ * Omitted keys fall back to English.
+ */
+export declare function mergeDataGridStrings(partial: Partial<DataGridStrings> | undefined): DataGridStrings;
+/**
+ * Resolve the label for a filter operator using the locale strings.
+ */
+export declare function operatorLabel(op: DataGridFilterOperator, s: DataGridStrings): string;
+/** Replace `{key}` placeholders in a template string. */
+export declare function interpolate(template: string, vars: Record<string, string | number>): string;
+/** MUI-style operators; override per column with {@link DataGridColumn.filterOperators}. */
+export type DataGridFilterOperator = "contains" | "equals" | "notEquals" | "startsWith" | "endsWith" | "lt" | "lte" | "gt" | "gte" | "isEmpty" | "isNotEmpty";
+export type DataGridColumnFilterType = "text" | "number";
+export interface DataGridColumnFilter {
+    columnId: string;
+    operator: DataGridFilterOperator;
+    value: string;
+}
+/** Payload for server-backed grids when search, filters, or sort change. */
+export interface DataGridFilterQuery {
+    globalSearch: string;
+    columnFilters: DataGridColumnFilter[];
+    sortBy?: string;
+    sortDir: SortDir;
+}
+export type DataGridFilterMode = "local" | "remote";
+export interface DataGridColumn<T> {
+    id: string;
+    header: string | TemplateResult;
+    /** Used for sort, filter, search, CSV when `cell` is custom. */
+    accessor?: (row: T) => unknown;
+    cell?: (row: T, index: number) => TemplateResult | string | number;
+    sortable?: boolean;
+    /** Enables column-header filter popover (structured operators). */
+    filterable?: boolean;
+    /** Default `text`. Drives operator set and input type. */
+    filterType?: DataGridColumnFilterType;
+    /** Subset of operators for this column; default from `filterType`. */
+    filterOperators?: DataGridFilterOperator[];
+    width?: string;
+    minWidth?: number;
+    align?: TableAlign;
+    hidden?: boolean;
+    /** Pin column to left or right edge (sticky positioning). */
+    pinned?: "left" | "right";
+    /** Allow user to resize this column by dragging the header edge. Defaults to grid-level enableColumnResize. */
+    resizable?: boolean;
+    /** Value shown in the footer row for this column. String, number, or TemplateResult. */
+    footerCell?: string | number | TemplateResult;
+    /**
+     * Current rendered width in px — written back by the grid when
+     * `columnsAtom` is provided and the user resizes the column.
+     * You can also set it upfront to give a column a fixed starting width.
+     */
+    currentWidth?: number;
+}
+export interface DataGridOptions<T> {
+    /**
+     * Override any user-facing string for i18n / localisation.
+     * Keys you omit fall back to the English defaults in `DEFAULT_DATA_GRID_STRINGS`.
+     *
+     * @example
+     * DataGrid({
+     *   strings: { emptyText: "データなし", searchPlaceholder: "検索…" },
+     *   ...
+     * })
+     */
+    strings?: Partial<DataGridStrings>;
+    /**
+     * Reactive atom holding the column definitions.
+     *
+     * When provided:
+     *  - `columns` is still required for the initial render pass.
+     *  - **Resize**: dragging a column edge writes `currentWidth` + `minWidth` back into the atom.
+     *  - **Reorder**: dropping a column header splices the atom array in place.
+     *  - **Hide/Show**: toggling a column in the visibility panel flips `col.hidden` in the atom.
+     *
+     * Create with: `atom<DataGridColumn<T>[]>(initialColumns)`
+     *
+     * @example
+     * const colsAtom = atom<DataGridColumn<User>[]>([
+     *   { id: "name", header: "Name", accessor: r => r.name, minWidth: 160 },
+     * ]);
+     * DataGrid({ columnsAtom: colsAtom, columns: colsAtom(), rows, rowKey: r => r.id })
+     */
+    columnsAtom?: AtomType<DataGridColumn<T>[]>;
+    columns: DataGridColumn<T>[];
+    rows: T[];
+    rowKey: (row: T) => string;
+    sortBy?: string;
+    sortDir?: SortDir;
+    onSort?: (id: string, dir: SortDir) => void;
+    selectable?: boolean;
+    selected?: string[];
+    onSelect?: (keys: string[]) => void;
+    /**
+     * Row keys for select-all / selection counts when data is server-paged
+     * (overrides the default: all keys in the current filtered working set).
+     */
+    selectionScopeKeys?: string[];
+    /**
+     * @deprecated Prefer `enablePagination`.
+     */
+    pagination?: boolean;
+    /** When true, show footer pagination controls. */
+    enablePagination?: boolean;
+    /** 1-based current page (ignored if `pageAtom` is set). */
+    page?: number;
+    /** External page atom. Pair with `totalPages` or `totalRowCount` for server data. */
+    pageAtom?: AtomType<number>;
+    pageSize?: number;
+    onPageChange?: (page: number) => void;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (size: number) => void;
+    /** Server / controlled total pages (local grid computes from row count when omitted). */
+    totalPages?: number;
+    /** Total rows across all pages (for range text when server-paginated). */
+    totalRowCount?: number;
+    /**
+     * Drag handle on column headers to resize columns.
+     * Requires `columnsAtom` to persist widths across re-renders.
+     */
+    enableColumnResize?: boolean;
+    /**
+     * Drag column headers to reorder columns.
+     * When `columnsAtom` is provided the atom array is reordered directly.
+     * Otherwise use `columnOrder` + `onColumnOrderChange`.
+     */
+    enableColumnReorder?: boolean;
+    /**
+     * Show a column visibility toggle panel in the toolbar.
+     * When `columnsAtom` is provided, `col.hidden` is toggled in the atom directly.
+     * Otherwise use `hiddenColumns` + `onHiddenColumnsChange`.
+     */
+    enableColumnHiding?: boolean;
+    /**
+     * Controlled hidden column ids.
+     * Only used when `columnsAtom` is NOT provided.
+     */
+    hiddenColumns?: string[];
+    /**
+     * Called when the user toggles a column's visibility.
+     * Only used when `columnsAtom` is NOT provided.
+     */
+    onHiddenColumnsChange?: (hidden: string[]) => void;
+    /**
+     * Controlled column id order array.
+     * Only used when `columnsAtom` is NOT provided.
+     */
+    columnOrder?: string[];
+    /**
+     * Called when the user reorders columns via drag-and-drop.
+     * Only used when `columnsAtom` is NOT provided.
+     */
+    onColumnOrderChange?: (order: string[]) => void;
+    /** Show a summary footer row. Each column may supply `footerCell`. */
+    showFooterRow?: boolean;
+    /** Enable arrow-key cell navigation. */
+    enableKeyboardNav?: boolean;
+    /** Case-insensitive substring search across all accessor columns. */
+    globalFilter?: string;
+    onGlobalFilterChange?: (q: string) => void;
+    /**
+     * Structured per-column filters (MUI-style operators).
+     * Use with `onColumnFilterModelChange` to enable header filter popovers.
+     */
+    columnFilterModel?: DataGridColumnFilter[];
+    onColumnFilterModelChange?: (filters: DataGridColumnFilter[]) => void;
+    /**
+     * Legacy per-column substring filter record.
+     * @deprecated Prefer `columnFilterModel` + header filters.
+     */
+    columnFilters?: Record<string, string>;
+    onColumnFiltersChange?: (filters: Record<string, string>) => void;
+    /** `"local"` (default) — filters/sort run client-side. `"remote"` — rows are pre-filtered by the server. */
+    filterMode?: DataGridFilterMode;
+    /**
+     * Fired when global search, column filters, or sort change.
+     * Wire to your backend fetch in `"remote"` mode.
+     */
+    onSearch?: (query: DataGridFilterQuery) => void;
+    /**
+     * @deprecated Use pagination instead.
+     */
+    lazyLoad?: boolean;
+    /** @deprecated */
+    onLazyLoad?: () => void;
+    showToolbar?: boolean;
+    /** Show the global search field. Default true when `onGlobalFilterChange` is set. */
+    showToolbarSearch?: boolean;
+    showExportCsv?: boolean;
+    onExportCsv?: () => void;
+    dense?: boolean;
+    stickyHeader?: boolean;
+    loading?: boolean;
+    variant?: TableVariant;
+    emptyText?: string;
+    caption?: string | TemplateResult;
+    onRowClick?: (row: T, e: MouseEvent) => void;
+    /** Default true (virtualized body). Set false for nested rows or non-virtual use cases. */
+    virtualized?: boolean;
+    bodyHeight?: string;
+    nestedRows?: boolean;
+    expandedKeys?: string[];
+    onExpandedChange?: (keys: string[]) => void;
+    onRowExpand?: (row: T) => void;
+    getRowChildren?: (row: T) => readonly T[] | T[] | undefined | null;
+    onScrolledIntoView?: () => void;
+    lazyLoadRootMargin?: string;
+    lazyLoadThreshold?: number;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+//# sourceMappingURL=data-grid-types.d.ts.map

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

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

package/dist/Mates-design/src/lib/data-grid/data-grid.d.ts

@@ -0,0 +1,15 @@
+import { type TemplateResult } from "mates";
+import { dataGridCellText, filterDataGridRows, filterDataGridRowsByModel, dataGridExportCsv, legacyColumnFiltersRecord, sortDataGridRows, paginateDataGridRows, applyColumnFilter, removeColumnFilter, rowMatchesColumnFilter } from "./data-grid-process";
+import type { DataGridOptions } from "./data-grid-types";
+import "./data-grid.css";
+export type { DataGridColumn, DataGridColumnFilter, DataGridFilterQuery, DataGridFilterMode, DataGridFilterOperator, DataGridColumnFilterType, DataGridOptions, DataGridStrings, } from "./data-grid-types";
+export { DEFAULT_DATA_GRID_STRINGS, mergeDataGridStrings, operatorLabel, interpolate, } from "./data-grid-types";
+export { dataGridCellText, filterDataGridRows, filterDataGridRowsByModel, sortDataGridRows, paginateDataGridRows, dataGridExportCsv, legacyColumnFiltersRecord, applyColumnFilter, removeColumnFilter, rowMatchesColumnFilter, };
+export { defaultOperatorsForColumnType, getFilterForColumn, dataGridColumnFilterTrigger, } from "./data-grid-filter";
+/**
+ * DataGrid — toolbar search, MUI-style column filters, client sort, pagination or lazy load,
+ * selection scope, export hook, optional virtualization (default on).
+ * Now supports: column hiding, pinned column sticky offsets, column reordering, keyboard nav, footer row.
+ */
+export declare function DataGrid<T>(opts: DataGridOptions<T>): TemplateResult;
+//# sourceMappingURL=data-grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../../src/lib/data-grid/data-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAiB3D,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,yBAAyB,EACzB,iBAAiB,EACjB,yBAAyB,EACzB,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAIV,eAAe,EAEhB,MAAM,mBAAmB,CAAC;AAW3B,OAAO,iBAAiB,CAAC;AAEzB,YAAY,EACV,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,eAAe,EACf,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,aAAa,EACb,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,yBAAyB,EACzB,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,yBAAyB,EACzB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,GACvB,CAAC;AAEF,OAAO,EACL,6BAA6B,EAC7B,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,oBAAoB,CAAC;AAqL5B;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,cAAc,CAutBpE"}