mates-design 0.1.0-beta.2

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

@@ -0,0 +1,22 @@
+import { type TemplateResult } from "mates";
+import type { AtomType } from "mates";
+import type { AttrMap } from "mates";
+import "./drawer.css";
+export type DrawerSide = "left" | "right";
+export interface DrawerOptions {
+    openAtom?: AtomType<boolean>;
+    open?: boolean;
+    side?: DrawerSide;
+    title?: string;
+    body?: TemplateResult;
+    showClose?: boolean;
+    scrimDismiss?: boolean;
+    width?: string;
+    onClose?: () => void;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+export declare function Drawer(opts: DrawerOptions): TemplateResult;
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/lib/drawer/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1C,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAoDD,wBAAgB,MAAM,CAAC,IAAI,EAAE,aAAa,GAAG,cAAc,CAgF1D"}

package/dist/Mates-design/src/lib/empty-state/empty-state.d.ts

@@ -0,0 +1,20 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./empty-state.css";
+export interface EmptyStateOptions {
+    title: string;
+    description?: string;
+    icon?: IconInput;
+    /** Primary / secondary actions row */
+    actions?: TemplateResult;
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+export declare function EmptyState(opts: EmptyStateOptions): TemplateResult;
+//# sourceMappingURL=empty-state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../../src/lib/empty-state/empty-state.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;AAE9C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,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;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,iBAAiB,GAAG,cAAc,CA+BlE"}

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

@@ -0,0 +1,19 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap, OnEventMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./fab.css";
+export interface FabOptions {
+    icon: IconInput;
+    label: string;
+    /** If set, pill-shaped FAB with text */
+    extendedLabel?: string;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+export declare function Fab(opts: FabOptions): TemplateResult;
+//# sourceMappingURL=fab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fab.d.ts","sourceRoot":"","sources":["../../../../../src/lib/fab/fab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,WAAW,CAAC;AAEnB,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;CAC5B;AAED,wBAAgB,GAAG,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,CA6BpD"}

package/dist/Mates-design/src/lib/file-dropzone/file-dropzone.d.ts

@@ -0,0 +1,17 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./file-dropzone.css";
+export interface FileDropzoneOptions {
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    title?: string;
+    hint?: string;
+    onFiles?: (files: File[]) => void;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+export declare function FileDropzone(opts?: FileDropzoneOptions): TemplateResult;
+//# sourceMappingURL=file-dropzone.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-dropzone.d.ts","sourceRoot":"","sources":["../../../../../src/lib/file-dropzone/file-dropzone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AA2DD,wBAAgB,YAAY,CAAC,IAAI,GAAE,mBAAwB,GAAG,cAAc,CAqE3E"}

package/dist/Mates-design/src/lib/filter-chip-bar/filter-chip-bar.d.ts

@@ -0,0 +1,20 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./filter-chip-bar.css";
+export interface FilterChipBarItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface FilterChipBarOptions {
+    items: FilterChipBarItem[];
+    selectedIds: ReadonlySet<string> | string[];
+    onToggle: (id: string) => void;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/** Horizontally scrollable row of filter chips. */
+export declare function FilterChipBar(opts: FilterChipBarOptions): TemplateResult;
+//# sourceMappingURL=filter-chip-bar.d.ts.map

package/dist/Mates-design/src/lib/filter-chip-bar/filter-chip-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-chip-bar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/filter-chip-bar/filter-chip-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC;IAC5C,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAMD,mDAAmD;AACnD,wBAAgB,aAAa,CAAC,IAAI,EAAE,oBAAoB,GAAG,cAAc,CAkFxE"}

package/dist/Mates-design/src/lib/focus-ring/focus-ring.d.ts

@@ -0,0 +1,27 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./focus-ring.css";
+export interface FocusRingOptions {
+    /** Draw ring inside the element rather than outside */
+    inset?: boolean;
+    /** Overrides default `data-testid="md-focus-ring"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * FocusRing — composable focus indicator.
+ *
+ * Place inside any interactive element that has `position: relative` and
+ * `overflow: hidden` (or `overflow: visible` for outset ring). The ring
+ * becomes visible when the parent receives `:focus-visible`.
+ *
+ * @example
+ * html`<button style="position:relative;overflow:hidden">
+ *   ${FocusRing()}
+ *   Click me
+ * </button>`
+ */
+export declare function FocusRing(opts?: FocusRingOptions): TemplateResult;
+//# sourceMappingURL=focus-ring.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focus-ring.d.ts","sourceRoot":"","sources":["../../../../../src/lib/focus-ring/focus-ring.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,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,IAAI,GAAE,gBAAqB,GAAG,cAAc,CAarE"}

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

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

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

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

package/dist/Mates-design/src/lib/footer-bar/footer-bar.d.ts

@@ -0,0 +1,37 @@
+import { type TemplateResult } from "mates";
+import "./footer-bar.css";
+export interface FooterBarOptions {
+    /** Remove outer padding (e.g. when used inside a dialog footer slot). Default false. */
+    noPadding?: boolean;
+    /** Additional CSS class on the root element. */
+    class?: string;
+    /** Accessible label for the action group. Default "Actions". */
+    ariaLabel?: string;
+}
+/**
+ * FooterBar — a smart action-button row that spaces buttons based on count.
+ *
+ * Layout rules:
+ *   1 button  → pinned to the right end of the row
+ *   2 buttons → evenly spaced (space-between), one on each side
+ *   3+ buttons → first button on the left, remaining buttons grouped on the right
+ *
+ * Each element in `buttons` should be a fully constructed `TemplateResult`
+ * (e.g. the return value of `Button("Cancel", { variant: "ghost" })`).
+ *
+ * @example
+ * FooterBar([
+ *   Button("Cancel", { variant: "ghost",  on: { root: { click: () => close() } } }),
+ *   Button("Save",   { variant: "filled", on: { root: { click: () => save()  } } }),
+ * ])
+ *
+ * @example
+ * // Three buttons — Cancel on left, Delete + Confirm grouped on right
+ * FooterBar([
+ *   Button("Cancel",  { variant: "ghost"  }),
+ *   Button("Delete",  { variant: "danger" }),
+ *   Button("Confirm", { variant: "filled" }),
+ * ])
+ */
+export declare function FooterBar(buttons: TemplateResult[], opts?: FooterBarOptions): TemplateResult;
+//# sourceMappingURL=footer-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer-bar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/footer-bar/footer-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,SAAS,CACvB,OAAO,EAAE,cAAc,EAAE,EACzB,IAAI,GAAE,gBAAqB,GAC1B,cAAc,CAqDhB"}

package/dist/Mates-design/src/lib/form-bindings/debounced-form.d.ts

@@ -0,0 +1,33 @@
+import { type AtomType, type FormAtom, type ValidatorFn } from "mates";
+export type DebouncedFormStringResult = {
+    /** Immediate value for {@link TextField} / {@link Textarea}. */
+    draft: AtomType<string>;
+    /** Validated value updated after `delayMs` quiet period. */
+    committed: FormAtom<string>;
+    flush: () => void;
+    cancel: () => void;
+    dispose: () => void;
+};
+export type DebouncedFormNumberResult = {
+    /** Immediate value for {@link Slider} `value` / inputs. */
+    live: AtomType<number>;
+    /** Validated value updated after `delayMs` quiet period. */
+    committed: FormAtom<number>;
+    flush: () => void;
+    cancel: () => void;
+    dispose: () => void;
+};
+/**
+ * String field: type into `draft`; after `delayMs` without changes, `committed` updates and validators run.
+ * Call `flush()` before submit to apply pending input. Call `dispose()` when tearing down (e.g. route leave).
+ */
+export declare function debouncedFormString(initial: string | undefined, delayMs: number, validators?: ValidatorFn<string>[]): DebouncedFormStringResult;
+/**
+ * Numeric field: scrub `live` on every pointer move; `committed` (and validators) update after quiet period.
+ */
+export declare function debouncedFormNumber(initial: number, delayMs: number, validators?: ValidatorFn<number>[]): DebouncedFormNumberResult;
+/** Reset both draft and committed string atoms and re-run validation. */
+export declare function resetDebouncedString(pair: DebouncedFormStringResult, value?: string): void;
+/** Reset live + committed number atoms. */
+export declare function resetDebouncedNumber(pair: DebouncedFormNumberResult, value: number): void;
+//# sourceMappingURL=debounced-form.d.ts.map

package/dist/Mates-design/src/lib/form-bindings/debounced-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounced-form.d.ts","sourceRoot":"","sources":["../../../../../src/lib/form-bindings/debounced-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,WAAW,EACjB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,yBAAyB,GAAG;IACtC,gEAAgE;IAChE,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,4DAA4D;IAC5D,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,2DAA2D;IAC3D,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvB,4DAA4D;IAC5D,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,oBAAK,EACZ,OAAO,EAAE,MAAM,EACf,UAAU,GAAE,WAAW,CAAC,MAAM,CAAC,EAAO,GACrC,yBAAyB,CAoB3B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,UAAU,GAAE,WAAW,CAAC,MAAM,CAAC,EAAO,GACrC,yBAAyB,CAoB3B;AAED,yEAAyE;AACzE,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,yBAAyB,EAC/B,KAAK,SAAK,GACT,IAAI,CAIN;AAED,2CAA2C;AAC3C,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,yBAAyB,EAC/B,KAAK,EAAE,MAAM,GACZ,IAAI,CAIN"}

package/dist/Mates-design/src/lib/form-bindings/form-bindings.d.ts

@@ -0,0 +1,40 @@
+import type { FormAtom } from "mates";
+import type { TextFieldOptions } from "../text-field/text-field";
+import type { TextareaOptions } from "../textarea/textarea";
+import type { CheckboxOptions } from "../checkbox/checkbox";
+import type { SwitchOptions } from "../switch/switch";
+import type { SliderOptions } from "../slider/slider";
+import type { DebouncedFormNumberResult, DebouncedFormStringResult } from "./debounced-form";
+/** First validation message, or `undefined` if valid. */
+export declare function formErrorText(field: FormAtom<unknown>): string | undefined;
+/**
+ * {@link TextField} options wired to a string {@link FormAtom}: value, errors, and `input` → `field.set`.
+ */
+export declare function bindFormTextField(field: FormAtom<string>, extra?: Partial<TextFieldOptions>): TextFieldOptions;
+/**
+ * {@link TextField} `type="number"` with a numeric {@link FormAtom}. Empty input is stored as `0`
+ * (pair with `isMin` / `isMax` from mates as needed).
+ */
+export declare function bindFormNumberTextField(field: FormAtom<number>, extra?: Partial<TextFieldOptions>): TextFieldOptions;
+/** {@link Textarea} options wired to a string {@link FormAtom}. */
+export declare function bindFormTextarea(field: FormAtom<string>, extra?: Partial<TextareaOptions>): TextareaOptions;
+/** {@link Checkbox} bound to a boolean {@link FormAtom}. */
+export declare function bindFormCheckbox(field: FormAtom<boolean>, extra?: Partial<CheckboxOptions>): CheckboxOptions;
+/** {@link Switch} bound to a boolean {@link FormAtom}. */
+export declare function bindFormSwitch(field: FormAtom<boolean>, extra?: Partial<SwitchOptions>): SwitchOptions;
+/**
+ * {@link Slider} bound to a numeric {@link FormAtom}. Optional `labelSuffix` appends validation state
+ * (errors still surface via {@link formErrorText} — use a caption under the slider if you want).
+ */
+export declare function bindFormSlider(field: FormAtom<number>, extra?: Partial<SliderOptions> & {
+    labelSuffixErrors?: boolean;
+}): SliderOptions;
+/**
+ * {@link TextField} on `draft` while showing errors from debounced `committed`.
+ */
+export declare function bindDebouncedDraftTextField(pair: DebouncedFormStringResult, extra?: Partial<TextFieldOptions>): TextFieldOptions;
+/**
+ * {@link Slider} on `live` with validation/errors from debounced `committed`.
+ */
+export declare function bindDebouncedLiveSlider(pair: DebouncedFormNumberResult, extra?: Partial<SliderOptions>): SliderOptions;
+//# sourceMappingURL=form-bindings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-bindings.d.ts","sourceRoot":"","sources":["../../../../../src/lib/form-bindings/form-bindings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EACV,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,yDAAyD;AACzD,wBAAgB,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,SAAS,CAG1E;AA4BD;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,EACvB,KAAK,GAAE,OAAO,CAAC,gBAAgB,CAAM,GACpC,gBAAgB,CAWlB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,EACvB,KAAK,GAAE,OAAO,CAAC,gBAAgB,CAAM,GACpC,gBAAgB,CAgBlB;AA4BD,mEAAmE;AACnE,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,EACvB,KAAK,GAAE,OAAO,CAAC,eAAe,CAAM,GACnC,eAAe,CAWjB;AAqBD,4DAA4D;AAC5D,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,EACxB,KAAK,GAAE,OAAO,CAAC,eAAe,CAAM,GACnC,eAAe,CAUjB;AAqBD,0DAA0D;AAC1D,wBAAgB,cAAc,CAC5B,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,EACxB,KAAK,GAAE,OAAO,CAAC,aAAa,CAAM,GACjC,aAAa,CAQf;AA4BD;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,EACvB,KAAK,GAAE,OAAO,CAAC,aAAa,CAAC,GAAG;IAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAAO,GACnE,aAAa,CAoBf;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,yBAAyB,EAC/B,KAAK,GAAE,OAAO,CAAC,gBAAgB,CAAM,GACpC,gBAAgB,CAYlB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,yBAAyB,EAC/B,KAAK,GAAE,OAAO,CAAC,aAAa,CAAM,GACjC,aAAa,CAoBf"}

package/dist/Mates-design/src/lib/form-bindings/index.d.ts

@@ -0,0 +1,5 @@
+export { bindFormTextField, bindFormNumberTextField, bindFormTextarea, bindFormCheckbox, bindFormSwitch, bindFormSlider, bindDebouncedDraftTextField, bindDebouncedLiveSlider, formErrorText, } from "./form-bindings";
+export { formFieldDescribedBy } from "../form-field/form-field";
+export { debouncedFormString, debouncedFormNumber, resetDebouncedString, resetDebouncedNumber, } from "./debounced-form";
+export type { DebouncedFormStringResult, DebouncedFormNumberResult, } from "./debounced-form";
+//# sourceMappingURL=index.d.ts.map

package/dist/Mates-design/src/lib/form-bindings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/form-bindings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,2BAA2B,EAC3B,uBAAuB,EACvB,aAAa,GACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,kBAAkB,CAAC"}

package/dist/Mates-design/src/lib/form-field/form-field.d.ts

@@ -0,0 +1,74 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import "./form-field.css";
+/**
+ * Compute the space-separated `aria-describedby` value that a control nested
+ * inside a {@link FormField} should carry.  Returns `undefined` when there are
+ * no description targets so the attribute can be omitted cleanly.
+ *
+ * @param baseId  The same `id` (or `labelFor`) you pass to `FormField`.
+ * @param opts    Which sections are present — pass the same `helper` / `error` /
+ *                `hint` values you give to `FormField`.
+ *
+ * @example
+ * const ffId = "email";
+ * FormField({
+ *   id: ffId,
+ *   label: "Email",
+ *   error: emailErr,
+ *   helper: "We won't share it",
+ *   control: TextField({
+ *     id: ffId,
+ *     "aria-describedby": formFieldDescribedBy(ffId, {
+ *       error: emailErr,
+ *       helper: "We won't share it",
+ *     }),
+ *   }),
+ * });
+ */
+export declare function formFieldDescribedBy(baseId: string, opts?: {
+    error?: string | boolean;
+    helper?: string;
+    hint?: string | TemplateResult;
+}): string | undefined;
+export type FormFieldLabelPosition = "top" | "start" | "end";
+export interface FormFieldOptions {
+    /** Stable id for hint region and ARIA wiring. Auto-generated when omitted. */
+    id?: string;
+    label?: string;
+    labelFor?: string;
+    helper?: string;
+    error?: string | boolean;
+    required?: boolean;
+    disabled?: boolean;
+    labelPosition?: FormFieldLabelPosition;
+    control: TemplateResult;
+    hint?: string | TemplateResult;
+    /** Overrides default `data-testid="md-form-field"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * Compute the stable base ID used internally by a `FormField` instance.
+ * Useful when you need to reference the generated IDs externally (e.g. for
+ * `aria-describedby` via {@link formFieldDescribedBy}).
+ */
+export declare function formFieldBaseId(opts: {
+    id?: string;
+    labelFor?: string;
+}): string;
+/**
+ * FormField — label, optional hint, helper/error footer around any control.
+ *
+ * Pass `labelFor` (matching the control `id`) or `id` so hint ids stay stable across re-renders.
+ */
+export declare function FormField(opts: FormFieldOptions): TemplateResult;
+//# sourceMappingURL=form-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../../src/lib/form-field/form-field.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;AAG3D,OAAO,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,EACd,IAAI,GAAE;IACJ,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CAC3B,GACL,MAAM,GAAG,SAAS,CAQpB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,8EAA8E;IAC9E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,uDAAuD;IACvD,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;AAID;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,MAAM,CAIT;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,gBAAgB,GAAG,cAAc,CAmJhE"}

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

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

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

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

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

@@ -0,0 +1,42 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap } from "mates";
+import type { AttrMap } from "mates";
+import type { OnEventMap } from "mates";
+import "./icon.css";
+/** Material name, raw `<svg…` markup (trusted), `https://` image URL, or a lit-html fragment. */
+export type IconInput = string | TemplateResult;
+export interface IconOptions {
+    /** Number: design px at 16px root → rem. String: any CSS length (e.g. `1.5rem`, `100%`). */
+    size?: string | number;
+    /** FILL variation 0–1. Default: 0 (outlined). 1 = filled. (Material glyphs only.) */
+    fill?: 0 | 1;
+    /** Weight variation 100–700. Default: 400 (Material glyphs only.) */
+    weight?: 100 | 200 | 300 | 400 | 500 | 600 | 700;
+    /** Color. Defaults to currentColor (inherits). */
+    color?: string;
+    /** aria-label for standalone icons. Omit when decorative. */
+    label?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * Icon — Material Symbols glyph, trusted inline SVG, `https://` image, or custom lit-html.
+ *
+ * @param nameOrContent  Material name (e.g. `"home"`), `<svg…` string, `https://…` URL, or `TemplateResult`.
+ *
+ * @example
+ * Icon("home")
+ * Icon("search", { size: 20, fill: 1 })
+ * Icon(html`<svg viewBox="0 0 24 24">...</svg>`)
+ * Icon(`<svg xmlns="http://www.w3.org/2000/svg" ...></svg>`)
+ * Icon("https://example.com/icon.svg", { size: 24 })
+ */
+export declare function Icon(nameOrContent: IconInput, opts?: IconOptions): TemplateResult;
+//# sourceMappingURL=icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,YAAY,CAAC;AAIpB,iGAAiG;AACjG,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,cAAc,CAAC;AAEhD,MAAM,WAAW,WAAW;IAC1B,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,qFAAqF;IACrF,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACb,qEAAqE;IACrE,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACjD,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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;AAoBD;;;;;;;;;;;GAWG;AACH,wBAAgB,IAAI,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,GAAE,WAAgB,GAAG,cAAc,CA6FrF"}

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

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

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

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

package/dist/Mates-design/src/lib/icon-button/icon-button.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 "./icon-button.css";
+export type IconButtonVariant = "standard" | "filled" | "outlined" | "tonal";
+export type IconButtonSize = "sm" | "md" | "lg";
+export interface IconButtonOptions {
+    icon: IconInput;
+    /** Alternate icon shown when selected=true. Enables toggle mode. */
+    selectedIcon?: IconInput;
+    variant?: IconButtonVariant;
+    size?: IconButtonSize;
+    selected?: boolean;
+    disabled?: boolean;
+    /** Accessible label (defaults to icon name when `icon` is a string) */
+    label?: string;
+    href?: string;
+    type?: "button" | "submit" | "reset";
+    /** Overrides default `data-testid="md-icon-button"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * IconButton — icon-only pressable button.
+ *
+ * @example
+ * IconButton({ icon: "favorite" })
+ * IconButton({ icon: "bookmark", selectedIcon: "bookmark_added", selected: true })
+ * IconButton({ icon: "settings", variant: "filled" })
+ */
+export declare function IconButton(opts: IconButtonOptions): TemplateResult;
+//# sourceMappingURL=icon-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../../src/lib/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC7E,MAAM,MAAM,cAAc,GAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAY,SAAS,CAAC;IAC1B,oEAAoE;IACpE,YAAY,CAAC,EAAG,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAQ,iBAAiB,CAAC;IAClC,IAAI,CAAC,EAAW,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAO,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAO,OAAO,CAAC;IACxB,uEAAuE;IACvE,KAAK,CAAC,EAAU,MAAM,CAAC;IACvB,IAAI,CAAC,EAAW,MAAM,CAAC;IACvB,IAAI,CAAC,EAAW,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,wDAAwD;IACxD,MAAM,CAAC,EAAS,MAAM,CAAC;IACvB,MAAM,CAAC,EAAS;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IACpC,KAAK,CAAC,EAAU;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACnC,EAAE,CAAC,EAAa;QAAE,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;CACvC;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,iBAAiB,GAAG,cAAc,CAgElE"}

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

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

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

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

package/dist/Mates-design/src/lib/image-gallery/image-carousel.d.ts

@@ -0,0 +1,24 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import type { ImageGalleryItem } from "./image-gallery-types";
+import "./image-carousel.css";
+export interface ImageCarouselOptions {
+    images: ImageGalleryItem[];
+    index: number;
+    onIndexChange?: (i: number) => void;
+    /** Focus root on mount for keyboard navigation without clicking first */
+    autoFocus?: boolean;
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * In-flow image carousel for a sized container (no lightbox / close).
+ * Click into the region or pass `autoFocus` for ArrowLeft/ArrowRight.
+ */
+export declare function ImageCarousel(opts: ImageCarouselOptions): TemplateResult;
+//# sourceMappingURL=image-carousel.d.ts.map

package/dist/Mates-design/src/lib/image-gallery/image-carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-carousel.d.ts","sourceRoot":"","sources":["../../../../../src/lib/image-gallery/image-carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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;AA6CD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,oBAAoB,GAAG,cAAc,CAsExE"}

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

@@ -0,0 +1,10 @@
+/** One slide in ImagePreview / ImageCarousel / MasonryGrid. */
+export interface ImageGalleryItem {
+    id: string;
+    /** Full-size image URL */
+    src: string;
+    /** Thumbnail URL (may match `src` for small sets) */
+    thumbSrc: string;
+    alt?: string;
+}
+//# sourceMappingURL=image-gallery-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-gallery-types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/image-gallery/image-gallery-types.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd"}

package/dist/Mates-design/src/lib/image-gallery/image-preview.d.ts

@@ -0,0 +1,23 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import type { ImageGalleryItem } from "./image-gallery-types";
+import "./image-preview.css";
+export interface ImagePreviewOptions {
+    open: boolean;
+    images: ImageGalleryItem[];
+    index: number;
+    onIndexChange?: (i: number) => void;
+    onClose: () => void;
+    /** Click scrim to close. Default true. */
+    scrimDismiss?: boolean;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Full-screen image lightbox with thumbnails, keyboard and wheel scrolling on the strip.
+ * Renders nothing when `open` is false or `images` is empty.
+ */
+export declare function ImagePreview(opts: ImagePreviewOptions): TemplateResult;
+//# sourceMappingURL=image-preview.d.ts.map

package/dist/Mates-design/src/lib/image-gallery/image-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview.d.ts","sourceRoot":"","sources":["../../../../../src/lib/image-gallery/image-preview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAiFD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,mBAAmB,GAAG,cAAc,CAwEtE"}

package/dist/Mates-design/src/lib/image-gallery/image-viewer-body.d.ts

@@ -0,0 +1,18 @@
+import { type Component } from "mates";
+import type { ImageGalleryItem } from "./image-gallery-types";
+export type ImageViewerVariant = "lightbox" | "inline";
+export interface MdImageViewerBodyOptions {
+    variant: ImageViewerVariant;
+    images: ImageGalleryItem[];
+    index: number;
+    onIndexChange: (i: number) => void;
+    /** Optional test id prefix for main image */
+    testId?: string;
+}
+/**
+ * Shared chrome: main image (keyed animation), prev/next, thumbnail strip.
+ * Render with {@link x}: `x(MdImageViewerBody, { ... })` so the gallery has a mates host
+ * (`getCurrentHost`, `addToCleanUps`, `DOMReadyEvent`, etc.).
+ */
+export declare const MdImageViewerBody: Component<MdImageViewerBodyOptions>;
+//# sourceMappingURL=image-viewer-body.d.ts.map

package/dist/Mates-design/src/lib/image-gallery/image-viewer-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-viewer-body.d.ts","sourceRoot":"","sources":["../../../../../src/lib/image-gallery/image-viewer-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,CAAC,wBAAwB,CA8DjE,CAAC"}

package/dist/Mates-design/src/lib/image-gallery/image-viewer-thumb-strip.d.ts

@@ -0,0 +1,25 @@
+import { type Component } from "mates";
+import type { ImageGalleryItem } from "./image-gallery-types";
+export interface ImageViewerThumbStripProps {
+    images: ImageGalleryItem[];
+    index: number;
+    onIndexChange: (i: number) => void;
+}
+/** Active thumbnail and its ring neighbors — kept for test compat. */
+export declare function eagerThumbIndices(len: number, idx: number): Set<number>;
+/**
+ * Thumbnail strip — renders all thumbnails with `src` set directly.
+ *
+ * Thumbnails are small (~120 px) so there is no need for IntersectionObserver
+ * lazy-loading.  The previous IO + MutationObserver scheme had two bugs:
+ *
+ * 1. `src=${false}` in a lit-html attribute binding renders the string
+ *    `"false"` instead of omitting the attribute, producing broken `<img>`s.
+ * 2. The MutationObserver only watched `childList`, so when the active index
+ *    changed and the eager-set shifted, attribute updates on existing `<img>`
+ *    nodes were never detected and newly-lazy images were never observed.
+ *
+ * The simplest correct fix: just set `src` on every thumbnail.
+ */
+export declare const ImageViewerThumbStrip: Component<ImageViewerThumbStripProps>;
+//# sourceMappingURL=image-viewer-thumb-strip.d.ts.map