mates-design 0.1.0-beta.2

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

@@ -0,0 +1,68 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import "./tour.css";
+export type TourPlacement = "top" | "bottom" | "left" | "right" | "center";
+export interface TourStep {
+    /** CSS selector for the element to highlight. If omitted or "center", shows centered modal. */
+    target?: string;
+    /** Step title. */
+    title: string;
+    /** Step description — plain string or lit-html template. */
+    description?: string | TemplateResult;
+    /** Optional cover image / media rendered above the content. */
+    cover?: TemplateResult;
+    /** Preferred placement of the card relative to the target. Default "bottom". */
+    placement?: TourPlacement;
+    /** Override the "Next" button text for this step. */
+    nextButtonText?: string;
+    /** Override the "Previous" button text for this step. */
+    prevButtonText?: string;
+}
+export interface TourOptions {
+    /** Array of tour steps to display. */
+    steps: TourStep[];
+    /** Current step index (0-based, controlled). */
+    current: number;
+    /** Whether the tour is visible. */
+    open: boolean;
+    /** Called when the current step changes (prev / next / dot click). */
+    onChange?: (current: number) => void;
+    /** Called when the tour is closed (close button or overlay click). */
+    onClose?: () => void;
+    /** Called when the user clicks "Finish" on the last step. */
+    onFinish?: () => void;
+    /** Gap between the spotlight cutout and the target element (px). Default 8. */
+    spotlightPadding?: number;
+    /** Whether clicking the overlay/scrim closes the tour. Default false. */
+    scrimDismiss?: boolean;
+    /** Overrides default `data-testid="md-tour"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Tour — product tour / onboarding guide with a spotlight overlay.
+ *
+ * Renders a fixed overlay with a spotlight cutout around the target element
+ * and a floating card with step content, navigation buttons, and progress dots.
+ *
+ * @example
+ * Tour({
+ *   steps: [
+ *     { target: "#step-1", title: "Welcome", description: "This is the first step." },
+ *     { target: "#step-2", title: "Features", description: "Check out these features.", placement: "right" },
+ *     { title: "All done!", description: "You're ready to go." },
+ *   ],
+ *   current: currentStep(),
+ *   open: tourOpen(),
+ *   onChange: (i) => setCurrentStep(i),
+ *   onClose: () => setTourOpen(false),
+ *   onFinish: () => { setTourOpen(false); markOnboardingDone(); },
+ * })
+ */
+export declare function Tour(opts: TourOptions): TemplateResult;
+//# sourceMappingURL=tour.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tour.d.ts","sourceRoot":"","sources":["../../../../../src/lib/tour/tour.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,YAAY,CAAC;AAIpB,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3E,MAAM,WAAW,QAAQ;IACvB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACtC,+DAA+D;IAC/D,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,gFAAgF;IAChF,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,gDAAgD;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iDAAiD;IACjD,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;AA0KD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,WAAW,GAAG,cAAc,CA8NtD"}

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

@@ -0,0 +1,80 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import "./transfer.css";
+export interface TransferItem {
+    key: string;
+    title: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface TransferOptions {
+    /** All available items. */
+    dataSource?: TransferItem[];
+    /** Keys of items currently in the right (target) list. */
+    targetKeys?: string[];
+    /** Keys of items currently checked (selected) in either list. */
+    selectedKeys?: string[];
+    /**
+     * Called when items are transferred between lists.
+     * @param targetKeys  The new set of target keys after the move.
+     * @param direction   Which direction the items moved.
+     * @param moveKeys    The keys that were actually moved.
+     */
+    onChange?: (targetKeys: string[], direction: "left" | "right", moveKeys: string[]) => void;
+    /**
+     * Called when checkbox selection changes.
+     * @param sourceSelectedKeys  Currently checked keys in the source (left) panel.
+     * @param targetSelectedKeys  Currently checked keys in the target (right) panel.
+     */
+    onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void;
+    /** Titles for the left and right panels. Default `["Source", "Target"]`. */
+    titles?: [string, string];
+    /** Show a search input in each panel. */
+    showSearch?: boolean;
+    /** Custom filter function when `showSearch` is enabled. */
+    filterOption?: (inputValue: string, item: TransferItem) => boolean;
+    /** Disable the entire transfer widget. */
+    disabled?: boolean;
+    /** One-way mode: only allow left → right transfer (hide the ← button). */
+    oneWay?: boolean;
+    /** Placeholder text for search inputs. Default `"Search"`. */
+    searchPlaceholder?: string;
+    /** Overrides default `data-testid="md-transfer"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * Transfer — dual-listbox widget for moving items between two panels.
+ *
+ * Fully controlled: pass `targetKeys` and `selectedKeys` as state and wire
+ * `onChange` / `onSelectChange` to update them. Search state is internal per
+ * render (stateless filter text should be lifted if needed).
+ *
+ * @example
+ * const data: TransferItem[] = [
+ *   { key: "1", title: "Item A" },
+ *   { key: "2", title: "Item B" },
+ *   { key: "3", title: "Item C", disabled: true },
+ * ];
+ * const target = atom<string[]>([]);
+ * const selected = atom<string[]>([]);
+ *
+ * Transfer({
+ *   dataSource:    data,
+ *   targetKeys:    target(),
+ *   selectedKeys:  selected(),
+ *   onChange:       (keys) => target.set(keys),
+ *   onSelectChange: (src, tgt) => selected.set([...src, ...tgt]),
+ *   showSearch:    true,
+ * })
+ */
+export declare function Transfer(opts?: TransferOptions): TemplateResult;
+//# sourceMappingURL=transfer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["../../../../../src/lib/transfer/transfer.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;AAI3D,OAAO,gBAAgB,CAAC;AAIxB,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACT,UAAU,EAAE,MAAM,EAAE,EACpB,SAAS,EAAE,MAAM,GAAG,OAAO,EAC3B,QAAQ,EAAE,MAAM,EAAE,KACf,IAAI,CAAC;IACV;;;;OAIG;IACH,cAAc,CAAC,EAAE,CACf,kBAAkB,EAAE,MAAM,EAAE,EAC5B,kBAAkB,EAAE,MAAM,EAAE,KACzB,IAAI,CAAC;IACV,4EAA4E;IAC5E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IACnE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,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;IAC3B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;CAC5B;AAcD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,QAAQ,CAAC,IAAI,GAAE,eAAoB,GAAG,cAAc,CAyUnE"}

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

@@ -0,0 +1,51 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./tree.css";
+export interface TreeNode<T = unknown> {
+    id: string;
+    label: string | TemplateResult;
+    children?: TreeNode<T>[];
+    disabled?: boolean;
+    /** Leading icon (Material name, SVG, https URL, or lit-html). */
+    icon?: IconInput;
+    /** Custom payload for `onSelect` / app logic. */
+    data?: T;
+}
+export interface TreeOptions<T = unknown> {
+    nodes: TreeNode<T>[];
+    /** Expanded branch ids (controlled). */
+    expandedIds: string[];
+    onExpandChange: (ids: string[]) => void;
+    /** Optional single selection. */
+    selectedId?: string | null;
+    onSelect?: (id: string, node: TreeNode<T>) => void;
+    /** Design px per nesting level (→ rem). Default `16`. */
+    indentStep?: number;
+    dense?: boolean;
+    /** `aria-label` on the `role="tree"` root. */
+    ariaLabel?: string;
+    /** Overrides default `data-testid="md-tree"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Accessible hierarchical tree — controlled `expandedIds`, optional
+ * `selectedId` + `onSelect`.
+ *
+ * Keyboard navigation follows the WAI-ARIA Tree View pattern:
+ * - **Arrow Down / Up** — move focus between visible tree items
+ * - **Arrow Right** — expand a collapsed branch, or move to its first child
+ * - **Arrow Left** — collapse an expanded branch, or move to its parent
+ * - **Home / End** — move focus to the first / last visible tree item
+ * - **Enter / Space** — toggle expand (branch) or select (leaf)
+ *
+ * Uses roving `tabindex` so the tree occupies a single Tab stop.
+ */
+export declare function Tree<T = unknown>(opts: TreeOptions<T>): TemplateResult;
+//# sourceMappingURL=tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../../../src/lib/tree/tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,OAAO;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,OAAO;IACtC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,wCAAwC;IACxC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,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;AAqJD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,cAAc,CA+ItE"}

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

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

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

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

package/dist/Mates-design/src/lib/tree-select/tree-select.d.ts

@@ -0,0 +1,106 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import "./tree-select.css";
+export interface TreeSelectNode {
+    /** Unique value identifier. */
+    value: string;
+    /** Display title. */
+    title: string;
+    /** Child nodes. */
+    children?: TreeSelectNode[];
+    /** Disable this node. */
+    disabled?: boolean;
+    /** Whether this node can be selected (default true). */
+    selectable?: boolean;
+    /** Whether to show a checkbox for this node (only when treeCheckable). */
+    checkable?: boolean;
+    /** Explicitly mark as leaf even without children. */
+    isLeaf?: boolean;
+}
+export interface TreeSelectOptions {
+    /** Tree data source. */
+    treeData: TreeSelectNode[];
+    /** Selected value(s). String for single, string[] for multiple. */
+    value?: string | string[];
+    /** Called when selection changes. Receives value(s) and matching node(s). */
+    onChange?: (value: string | string[], nodes: TreeSelectNode | TreeSelectNode[]) => void;
+    /** Controlled popup visibility. */
+    open?: boolean;
+    /** Called when popup visibility changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Disable the entire component. */
+    disabled?: boolean;
+    /** Allow selecting multiple values. Shows tags/chips in the trigger. */
+    multiple?: boolean;
+    /** Show checkboxes on each tree node (implies multiple). */
+    treeCheckable?: boolean;
+    /** Enable search filtering within the dropdown. */
+    showSearch?: boolean;
+    /** Expand all tree nodes by default. */
+    treeDefaultExpandAll?: boolean;
+    /** Controlled expanded keys. */
+    treeExpandedKeys?: string[];
+    /** Called when expanded keys change. */
+    onTreeExpand?: (expandedKeys: string[]) => void;
+    /** Allow clearing the selection. Default true. */
+    allowClear?: boolean;
+    /** Size variant. Default "md". */
+    size?: "sm" | "md" | "lg";
+    /** Controlled search value. */
+    searchValue?: string;
+    /** Called when search input changes. */
+    onSearch?: (value: string) => void;
+    /** Maximum number of tags to display in the trigger. Default 3. */
+    maxTagCount?: number;
+    /** Overrides default `data-testid="md-tree-select"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+        trigger?: StyleMap;
+        dropdown?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * TreeSelect — tree-based dropdown selector.
+ *
+ * In single-select mode, clicking a node selects it and closes the dropdown.
+ * In multiple / treeCheckable mode, checkboxes allow multi-selection shown as
+ * tags/chips in the trigger.
+ *
+ * @example
+ * // Single select
+ * TreeSelect({
+ *   treeData: [
+ *     { value: "parent-1", title: "Parent 1", children: [
+ *       { value: "child-1-1", title: "Child 1-1" },
+ *       { value: "child-1-2", title: "Child 1-2" },
+ *     ]},
+ *     { value: "parent-2", title: "Parent 2" },
+ *   ],
+ *   value: selectedValue(),
+ *   onChange: (val) => setSelectedValue(val),
+ *   open: dropdownOpen(),
+ *   onOpenChange: (o) => setDropdownOpen(o),
+ * })
+ *
+ * @example
+ * // Multi select with checkboxes
+ * TreeSelect({
+ *   treeData: treeNodes,
+ *   value: selectedValues(),
+ *   treeCheckable: true,
+ *   onChange: (vals) => setSelectedValues(vals),
+ *   open: dropdownOpen(),
+ *   onOpenChange: (o) => setDropdownOpen(o),
+ * })
+ */
+export declare function TreeSelect(opts: TreeSelectOptions): TemplateResult;
+//# sourceMappingURL=tree-select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["../../../../../src/lib/tree-select/tree-select.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;AAI3D,OAAO,mBAAmB,CAAC;AAI3B,MAAM,WAAW,cAAc;IAC7B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,wBAAwB;IACxB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,EAAE,cAAc,GAAG,cAAc,EAAE,KACrC,IAAI,CAAC;IACV,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kCAAkC;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,OAAO,CAAC,EAAE,QAAQ,CAAC;QAAC,QAAQ,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IACtE,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;CAC5B;AAgED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,iBAAiB,GAAG,cAAc,CAyZlE"}

package/dist/Mates-design/src/lib/video-player/video-player.d.ts

@@ -0,0 +1,50 @@
+import { type AttrMap, type TemplateResult } from "mates";
+import "./video-player.css";
+export interface VideoPlayerOptions {
+    src: string;
+    poster?: string;
+    /** When true, only the native `<video controls>` bar is shown */
+    nativeControls?: boolean;
+    /**
+     * Live / event stream: duration may be `Infinity` — seek is off by default, time shows “Live”.
+     */
+    live?: boolean;
+    /** Show “Live” chip in the control strip when `live` is true. @default true */
+    showLiveBadge?: boolean;
+    preload?: "none" | "metadata" | "auto";
+    crossOrigin?: "" | "anonymous" | "use-credentials";
+    /** Maps to `disablepictureinpicture` on `<video>`. */
+    disablePictureInPicture?: boolean;
+    /**
+     * Native controls only — forwarded to `controlslist` (e.g. `nodownload noplaybackrate noremoteplayback`).
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#controlslist
+     */
+    controlsList?: string;
+    /** Prevent the browser context menu on the player (video + shell). @default false */
+    suppressContextMenu?: boolean;
+    showPlayPause?: boolean;
+    /** @default true, or false when `live` is true unless you pass `true` */
+    showSeek?: boolean;
+    showTime?: boolean;
+    showVolume?: boolean;
+    showFullscreen?: boolean;
+    /**
+     * Custom controls only. Hidden by default when `live` is true (speed is rarely useful for live).
+     * @default `true` when not `live`
+     */
+    showPlaybackSpeed?: boolean;
+    /** Must include `1` so 1× appears in the list. @default [0.5, 0.75, 1, 1.25, 1.5, 2] */
+    playbackRates?: readonly number[];
+    loop?: boolean;
+    muted?: boolean;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Video with optional custom control strip, **live** layout (no seek by default),
+ * and UI toggles (`suppressContextMenu`, playback speed, etc.).
+ */
+export declare function VideoPlayer(opts: VideoPlayerOptions): TemplateResult;
+//# sourceMappingURL=video-player.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"video-player.d.ts","sourceRoot":"","sources":["../../../../../src/lib/video-player/video-player.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAGf,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,WAAW,CAAC,EAAE,EAAE,GAAG,WAAW,GAAG,iBAAiB,CAAC;IACnD,sDAAsD;IACtD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wFAAwF;IACxF,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAkPD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,kBAAkB,GAAG,cAAc,CA0JpE"}

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

@@ -0,0 +1,60 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import "./watermark.css";
+export interface WatermarkOptions {
+    /** Watermark text. Pass an array for multi-line. */
+    content: string | string[];
+    /** The content to render underneath the watermark overlay. */
+    children?: TemplateResult;
+    /** Rotation angle in degrees. Default `-22`. */
+    rotate?: number;
+    /** `[horizontal, vertical]` gap between watermark repetitions in px. Default `[100, 100]`. */
+    gap?: [number, number];
+    /** `[x, y]` offset from top-left origin in px. Default `[0, 0]`. */
+    offset?: [number, number];
+    /** Font size in px. Default `16`. */
+    fontSize?: number;
+    /** Font color. Default `"rgba(0, 0, 0, 0.15)"`. */
+    fontColor?: string;
+    /** Font weight (CSS value). Default `"normal"`. */
+    fontWeight?: string;
+    /** Font family. Default uses the design-system font family. */
+    fontFamily?: string;
+    /** Overlay opacity. Default `1` (color alpha is expected to handle transparency). */
+    opacity?: number;
+    /** z-index for the overlay. Default `9`. */
+    zIndex?: number;
+    /** Overrides default `data-testid="md-watermark"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+        overlay?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Watermark — renders a repeating text watermark over its children.
+ *
+ * Uses an off-screen `<canvas>` to generate a tiled PNG pattern which is
+ * applied as a `background-image` on an absolutely-positioned overlay with
+ * `pointer-events: none`, so the content beneath remains fully interactive.
+ *
+ * @example
+ * Watermark({
+ *   content: "CONFIDENTIAL",
+ *   children: html`<div>Your secret content here</div>`,
+ * })
+ *
+ * @example
+ * Watermark({
+ *   content: ["Draft", "Do not distribute"],
+ *   rotate: -30,
+ *   fontSize: 20,
+ *   fontColor: "rgba(255, 0, 0, 0.08)",
+ *   children: html`<article>…</article>`,
+ * })
+ */
+export declare function Watermark(opts: WatermarkOptions): TemplateResult;
+//# sourceMappingURL=watermark.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"watermark.d.ts","sourceRoot":"","sources":["../../../../../src/lib/watermark/watermark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,oDAAoD;IACpD,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8FAA8F;IAC9F,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvB,oEAAoE;IACpE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,OAAO,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IACjD,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAgKD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,gBAAgB,GAAG,cAAc,CAuDhE"}

package/dist/Mates-design/src/lib/webcam-capture/webcam-capture.d.ts

@@ -0,0 +1,17 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./webcam-capture.css";
+export interface WebcamCaptureOptions {
+    /** Invoked with image/png blob after capture */
+    onPhotoBlob?: (blob: Blob) => void;
+    /** If set, triggers a file download in addition to `onPhotoBlob` */
+    downloadFilename?: string;
+    facingMode?: "user" | "environment";
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/** Live camera preview with capture to `Blob` and optional download. */
+export declare function WebcamCapture(opts?: WebcamCaptureOptions): TemplateResult;
+//# sourceMappingURL=webcam-capture.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webcam-capture.d.ts","sourceRoot":"","sources":["../../../../../src/lib/webcam-capture/webcam-capture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,sBAAsB,CAAC;AAI9B,MAAM,WAAW,oBAAoB;IACnC,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAmED,wEAAwE;AACxE,wBAAgB,aAAa,CAAC,IAAI,GAAE,oBAAyB,GAAG,cAAc,CAmE7E"}

package/dist/Mates-design/src/lib/wizard-stepper/wizard-stepper.d.ts

@@ -0,0 +1,19 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./wizard-stepper.css";
+export interface WizardStep {
+    id: string;
+    label: string;
+}
+export interface WizardStepperOptions {
+    steps: WizardStep[];
+    /** 0-based index of active step */
+    currentIndex: number;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/** Horizontal step indicator (labels + completion state). */
+export declare function WizardStepper(opts: WizardStepperOptions): TemplateResult;
+//# sourceMappingURL=wizard-stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-stepper.d.ts","sourceRoot":"","sources":["../../../../../src/lib/wizard-stepper/wizard-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAED,6DAA6D;AAC7D,wBAAgB,aAAa,CAAC,IAAI,EAAE,oBAAoB,GAAG,cAAc,CAgExE"}