mates-design 0.1.0-beta.2

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

@@ -0,0 +1,109 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./notification.css";
+export type NotificationPlacement = "topRight" | "topLeft" | "bottomRight" | "bottomLeft";
+export interface NotificationConfig {
+    /** Unique key. Auto-generated when omitted. */
+    key?: string;
+    /** Title / heading of the notification card. */
+    message: string | TemplateResult;
+    /** Body text below the title. */
+    description?: string | TemplateResult;
+    /** Leading icon (Material name, SVG, https URL, or TemplateResult). */
+    icon?: IconInput;
+    /** Duration in ms before auto-dismiss. Default 4500. Use 0 for persistent. */
+    duration?: number;
+    /** Corner placement. Default `"topRight"`. */
+    placement?: NotificationPlacement;
+    /** Optional action buttons rendered at the bottom-right of the card. */
+    btn?: TemplateResult;
+    /** Whether to show the close button. Default `true`. */
+    closable?: boolean;
+    /** Called when the notification is closed (by user or auto-dismiss). */
+    onClose?: () => void;
+}
+export interface NotificationItem extends Required<Pick<NotificationConfig, "key" | "message" | "duration" | "placement" | "closable">> {
+    description?: string | TemplateResult;
+    icon?: IconInput;
+    btn?: TemplateResult;
+    onClose?: () => void;
+    /** Internal: css class for preset icon coloring. */
+    _iconColorClass: string;
+    /** Internal: preset type for a11y role selection. */
+    _type?: string;
+    /** Internal: timestamp for ordering. */
+    _ts: number;
+}
+export interface NotificationContainerOptions {
+    /** Maximum number of notifications visible per placement. Default 5. */
+    maxCount?: number;
+    /** Overrides default `data-testid="md-notification-container"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+export interface NotificationApi {
+    /** Renders the notification container. Call once in your root template. */
+    container: (opts?: NotificationContainerOptions) => TemplateResult;
+    /** Open a new notification. Returns the notification key. */
+    open: (config: NotificationConfig) => string;
+    /** Close a specific notification by key. */
+    close: (key: string) => void;
+    /** Close all notifications. */
+    destroy: () => void;
+    /** Open a notification with an info icon preset. */
+    info: (config: NotificationConfig) => string;
+    /** Open a notification with a success icon preset. */
+    success: (config: NotificationConfig) => string;
+    /** Open a notification with a warning icon preset. */
+    warning: (config: NotificationConfig) => string;
+    /** Open a notification with an error icon preset. */
+    error: (config: NotificationConfig) => string;
+}
+/**
+ * Create an independent notification API instance.
+ *
+ * Each call returns its own `container` renderer and imperative helpers
+ * (`open`, `close`, `destroy`, `info`, `success`, `warning`, `error`).
+ * The container must be rendered exactly once in your root template;
+ * notifications are managed via atoms so the UI updates automatically.
+ *
+ * @example
+ * ```ts
+ * const notification = createNotificationApi();
+ *
+ * // In your root template:
+ * html`
+ *   ${notification.container()}
+ *   ${AppContent()}
+ * `;
+ *
+ * // Anywhere in your code:
+ * notification.open({
+ *   message: "File uploaded",
+ *   description: "report-2024.pdf was uploaded successfully.",
+ *   icon: "cloud_upload",
+ *   duration: 5000,
+ * });
+ *
+ * notification.success({
+ *   message: "Payment received",
+ *   description: "Your payment of $49.99 has been processed.",
+ * });
+ *
+ * notification.error({
+ *   message: "Upload failed",
+ *   description: "Could not reach the server. Please try again.",
+ *   duration: 0,
+ *   btn: html`<button @click=${retry}>Retry</button>`,
+ * });
+ * ```
+ */
+export declare function createNotificationApi(): NotificationApi;
+/** Default singleton notification container. Place once at your app root. */
+export declare const NotificationContainer: (opts?: NotificationContainerOptions) => TemplateResult;
+/** Default singleton imperative notification API. */
+export declare const Notification: Omit<NotificationApi, "container">;
+//# sourceMappingURL=notification.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../../src/lib/notification/notification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,oBAAoB,CAAC;AAI5B,MAAM,MAAM,qBAAqB,GAC7B,UAAU,GACV,SAAS,GACT,aAAa,GACb,YAAY,CAAC;AAEjB,MAAM,WAAW,kBAAkB;IACjC,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,OAAO,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACtC,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,wEAAwE;IACxE,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,QAAQ,CAChD,IAAI,CACF,kBAAkB,EAClB,KAAK,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,CAC1D,CACF;IACC,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,4BAA4B;IAC3C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,2EAA2E;IAC3E,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,4BAA4B,KAAK,cAAc,CAAC;IACnE,6DAA6D;IAC7D,IAAI,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,MAAM,CAAC;IAC7C,4CAA4C;IAC5C,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,+BAA+B;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,IAAI,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,MAAM,CAAC;IAC7C,sDAAsD;IACtD,OAAO,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,MAAM,CAAC;IAChD,sDAAsD;IACtD,OAAO,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,MAAM,CAAC;IAChD,qDAAqD;IACrD,KAAK,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,MAAM,CAAC;CAC/C;AA6BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,qBAAqB,IAAI,eAAe,CAgMvD;AAmBD,6EAA6E;AAC7E,eAAO,MAAM,qBAAqB,UAvSb,4BAA4B,KAAK,cAuSI,CAAC;AAE3D,qDAAqD;AACrD,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,CAQ3D,CAAC"}

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

@@ -0,0 +1,21 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap, OnEventMap } from "mates";
+import "./numeric-stepper.css";
+export interface NumericStepperOptions {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    label?: string;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        change?: (value: number) => void;
+        root?: OnEventMap;
+    };
+}
+export declare function NumericStepper(opts: NumericStepperOptions): TemplateResult;
+//# sourceMappingURL=numeric-stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-stepper.d.ts","sourceRoot":"","sources":["../../../../../src/lib/numeric-stepper/numeric-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3B,EAAE,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;CAC9D;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,qBAAqB,GAAG,cAAc,CAqF1E"}

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

@@ -0,0 +1,17 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./otp-input.css";
+export interface OtpInputOptions {
+    length?: number;
+    value: string;
+    disabled?: boolean;
+    label?: string;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+    onChange?: (value: string) => void;
+}
+/** OTP / PIN — one character per cell, paste-friendly, keyboard navigation. */
+export declare function OtpInput(opts: OtpInputOptions): TemplateResult;
+//# sourceMappingURL=otp-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input.d.ts","sourceRoot":"","sources":["../../../../../src/lib/otp-input/otp-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAaD,+EAA+E;AAC/E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,GAAG,cAAc,CA4F9D"}

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

@@ -0,0 +1,40 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./pagination.css";
+export interface PaginationOptions {
+    /** Current page, 1-based. */
+    currentPage: number;
+    /** Total number of pages (≥ 1 for a visible page strip). */
+    totalPages: number;
+    /** Called with the new 1-based page when the user navigates. */
+    onChange: (page: number) => void;
+    /**
+     * How many page numbers to show on each side of the current page
+     * (not counting first/last). Default `1`.
+     */
+    siblingCount?: number;
+    disabled?: boolean;
+    /** `aria-label` on the navigation landmark. */
+    label?: string;
+    /** Overrides default `data-testid="md-pagination"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Pagination — previous/next controls and a compact page list.
+ *
+ * Page buttons are rendered with mates `repeat` for stable updates when the
+ * window around the current page changes.
+ *
+ * @example
+ * const page = atom(1);
+ * Pagination({
+ *   currentPage: page(),
+ *   totalPages: 24,
+ *   onChange: (p) => page.set(p),
+ * })
+ */
+export declare function Pagination(opts: PaginationOptions): TemplateResult;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../src/lib/pagination/pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAwDD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,iBAAiB,GAAG,cAAc,CAmIlE"}

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

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

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

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

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

@@ -0,0 +1,44 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import type { TextFieldSize, TextFieldVariant } from "../text-field/text-field";
+import "./password-field.css";
+export interface PasswordFieldOptions {
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    variant?: TextFieldVariant;
+    size?: TextFieldSize;
+    helperText?: string;
+    errorText?: string;
+    error?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    maxLength?: number;
+    id?: string;
+    name?: string;
+    autocomplete?: string;
+    showStrengthMeter?: boolean;
+    /** When true, characters are visible (parent toggles, e.g. with `atom`) */
+    passwordVisible?: boolean;
+    onToggleVisibility?: () => void;
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+        input?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+        input?: AttrMap;
+    };
+    on?: {
+        input?: (e: Event) => void;
+        change?: (e: Event) => void;
+        root?: OnEventMap;
+    };
+}
+/**
+ * Password field with optional strength meter.
+ * Wire `passwordVisible` + `onToggleVisibility` from an `atom` for show/hide.
+ */
+export declare function PasswordField(opts?: PasswordFieldOptions): TemplateResult;
+//# sourceMappingURL=password-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../../src/lib/password-field/password-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,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,KAAK,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IAC/C,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5C,EAAE,CAAC,EAAE;QACH,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;QAC3B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;QAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;KACnB,CAAC;CACH;AAqBD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,GAAE,oBAAyB,GAAG,cAAc,CA4H7E"}

package/dist/Mates-design/src/lib/pdf-viewer/pdf-viewer.d.ts

@@ -0,0 +1,17 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./pdf-viewer.css";
+export interface PdfViewerOptions {
+    /** Document URL (https or blob:) */
+    src: string;
+    title?: string;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Embeds a PDF in an iframe. Many browsers open PDFs inline; some hosts send headers that block embedding.
+ */
+export declare function PdfViewer(opts: PdfViewerOptions): TemplateResult;
+//# sourceMappingURL=pdf-viewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-viewer.d.ts","sourceRoot":"","sources":["../../../../../src/lib/pdf-viewer/pdf-viewer.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,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,gBAAgB,GAAG,cAAc,CAWhE"}

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

@@ -0,0 +1,45 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import "./phone-input.css";
+export interface PhoneInputOptions {
+    value?: string;
+    countryId?: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    errorText?: string;
+    helperText?: string;
+    size?: "sm" | "md" | "lg";
+    onInput?: (value: string, e: Event) => void;
+    onCountryChange?: (countryId: string, dialCode: string) => void;
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * PhoneInput — country code picker + phone number field.
+ *
+ * Click the flag/code button to open a searchable country list.
+ * Type a country name or dial code like "+91" to filter.
+ *
+ * @example
+ * const phone = atom("");
+ * const countryId = atom("us");
+ * PhoneInput({
+ *   value: phone(),
+ *   countryId: countryId(),
+ *   onInput: (v) => phone.set(v),
+ *   onCountryChange: (id) => countryId.set(id),
+ *   label: "Phone number",
+ * })
+ */
+export declare function PhoneInput(opts?: PhoneInputOptions): TemplateResult;
+//# sourceMappingURL=phone-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../../../src/lib/phone-input/phone-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAgB,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAWzE,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,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;AA0SD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,IAAI,GAAE,iBAAsB,GAAG,cAAc,CAEvE"}

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

@@ -0,0 +1,45 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import type { PopoverPlacement } from "../popover/popover";
+import "./popconfirm.css";
+export interface PopconfirmOptions {
+    /** The confirmation question shown as the popover title. */
+    title: string;
+    /** Optional longer description below the title. */
+    description?: string;
+    /** The trigger element that opens the popconfirm on click. */
+    trigger: TemplateResult;
+    /** Controlled open state. */
+    open: boolean;
+    /** Called when the confirm button is clicked. */
+    onConfirm?: () => void;
+    /** Called when the cancel button is clicked. */
+    onCancel?: () => void;
+    /** Label for the confirm button. Default `"Yes"`. */
+    okText?: string;
+    /** Label for the cancel button. Default `"No"`. */
+    cancelText?: string;
+    /** Button variant for the confirm button. Default `"filled"`. */
+    okVariant?: "filled" | "outlined" | "danger" | "ghost" | "success";
+    /** Icon before the title. Pass `false` to hide. Default is a warning icon. */
+    icon?: IconInput | false;
+    /** Popover placement relative to the trigger. */
+    placement?: PopoverPlacement;
+    /** When `true`, clicking the trigger does nothing. */
+    disabled?: boolean;
+    /** Overrides default `data-testid="md-popconfirm"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+        body?: StyleMap;
+        title?: StyleMap;
+        description?: StyleMap;
+        actions?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+export declare function Popconfirm(opts: PopconfirmOptions): TemplateResult;
+//# sourceMappingURL=popconfirm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm.d.ts","sourceRoot":"","sources":["../../../../../src/lib/popconfirm/popconfirm.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,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,OAAO,EAAE,cAAc,CAAC;IACxB,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnE,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,iDAAiD;IACjD,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,KAAK,CAAC,EAAE,QAAQ,CAAC;QACjB,WAAW,CAAC,EAAE,QAAQ,CAAC;QACvB,OAAO,CAAC,EAAE,QAAQ,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAkDD,wBAAgB,UAAU,CAAC,IAAI,EAAE,iBAAiB,GAAG,cAAc,CAkGlE"}

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

@@ -0,0 +1,24 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./popover.css";
+export type PopoverPlacement = "bottom-start" | "bottom-end" | "top-start" | "top-end";
+export interface PopoverOptions {
+    open: boolean;
+    /** Inline trigger (button, chip, etc.) */
+    trigger: TemplateResult;
+    /** Floating surface */
+    content: TemplateResult;
+    placement?: PopoverPlacement;
+    /** id for aria-controls on trigger (caller sets on trigger) */
+    panelId?: string;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Lightweight anchored popover: place `trigger` + `content` in a relative wrapper.
+ * For accessibility, add `aria-expanded` and `aria-controls` on the trigger in your template.
+ */
+export declare function Popover(opts: PopoverOptions): TemplateResult;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/lib/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,gBAAgB,GACxB,cAAc,GACd,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;AAEd,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,OAAO,EAAE,cAAc,CAAC;IACxB,uBAAuB;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,cAAc,CA+B5D"}

package/dist/Mates-design/src/lib/popup-list/popup-list.d.ts

@@ -0,0 +1,77 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import type { PopupListItemData, PopupListCheckType, PopupListCheckPosition, PopupListSize } from "../popup-list-item/popup-list-item";
+import "./popup-list.css";
+/** Options/radios that participate in keyboard focus (excludes disabled). */
+export declare const popupListActionableItemSelector: string;
+/**
+ * Focus the selected or first actionable option inside a floating panel that
+ * contains a {@link PopupList}. Use with mates `popup({ onOpen })` — the list’s
+ * mount-time hook only runs once, not each time the panel opens.
+ */
+export declare function focusPopupListInPanel(panel: HTMLElement): void;
+export type { PopupListItemData, PopupListCheckType, PopupListCheckPosition, PopupListSize };
+export interface PopupListGroup {
+    /** Optional section header label. */
+    label?: string;
+    items: PopupListItemData[];
+}
+export interface PopupListOptions {
+    /** Flat list of items. */
+    items?: PopupListItemData[];
+    /** Grouped items with optional section headers. */
+    groups?: PopupListGroup[];
+    /** Currently selected item IDs. */
+    selected?: string[];
+    /** Selection indicator type. Default "none". */
+    checkType?: PopupListCheckType;
+    /** Side the check/radio sits on. Default "start". */
+    checkPosition?: PopupListCheckPosition;
+    /**
+     * Called when an item is selected.
+     * `ids` is the NEW full selection array after the click.
+     * - checkType "none" / "radio" → single-item array
+     * - checkType "check" → toggles; may be multi-item
+     */
+    onSelect?: (ids: string[], item: PopupListItemData, e: Event) => void;
+    /** Max height of the scrollable body. Default "17.5rem". */
+    maxHeight?: string;
+    /** Text shown when items array is empty. Default "No items". */
+    emptyText?: string;
+    /** Optional header rendered above the list. */
+    header?: TemplateResult;
+    /** Optional footer rendered below the list. */
+    footer?: TemplateResult;
+    /** Show skeleton rows instead of items (loading state). */
+    loading?: boolean;
+    /** How many skeleton rows to render when loading. Defaults to items.length or 5. */
+    skeletonCount?: number;
+    /** Error message displayed instead of the list. */
+    error?: string;
+    /** ARIA listbox ID. */
+    id?: string;
+    /**
+     * Custom item renderer — replaces the default PopupListItem.
+     * Return a TemplateResult to fully control how each item looks.
+     */
+    itemRenderer?: (item: PopupListItemData, selected: boolean, onClick: (item: PopupListItemData, e: Event) => void) => TemplateResult;
+    /** Size of all items in the list. Default "md". */
+    size?: PopupListSize;
+    /**
+     * Tab key callback — mates `popup()` already closes on Escape at document level.
+     * Use this to dismiss from Tab (e.g. synthetic document click) without trapping focus.
+     */
+    onEscape?: () => void;
+    /**
+     * Auto-focus the selected item (or first item) when the list mounts.
+     * Defaults to true — required for keyboard navigation to work.
+     */
+    autoFocus?: boolean;
+    /** Overrides default `data-testid="md-popup-list"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+export declare function PopupList(opts?: PopupListOptions): TemplateResult;
+//# sourceMappingURL=popup-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup-list.d.ts","sourceRoot":"","sources":["../../../../../src/lib/popup-list/popup-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACd,MAAM,oCAAoC,CAAC;AAG5C,OAAO,kBAAkB,CAAC;AAE1B,6EAA6E;AAC7E,eAAO,MAAM,+BAA+B,QAEE,CAAC;AAK/C;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAe9D;AAmBD,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,aAAa,EAAE,CAAC;AAI7F,MAAM,WAAW,cAAc;IAC7B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAG,iBAAiB,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,KAAK,CAAC,EAAU,iBAAiB,EAAE,CAAC;IACpC,mDAAmD;IACnD,MAAM,CAAC,EAAS,cAAc,EAAE,CAAC;IACjC,mCAAmC;IACnC,QAAQ,CAAC,EAAO,MAAM,EAAE,CAAC;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAM,kBAAkB,CAAC;IACnC,qDAAqD;IACrD,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;;;OAKG;IACH,QAAQ,CAAC,EAAO,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC3E,4DAA4D;IAC5D,SAAS,CAAC,EAAM,MAAM,CAAC;IACvB,gEAAgE;IAChE,SAAS,CAAC,EAAM,MAAM,CAAC;IACvB,+CAA+C;IAC/C,MAAM,CAAC,EAAS,cAAc,CAAC;IAC/B,+CAA+C;IAC/C,MAAM,CAAC,EAAS,cAAc,CAAC;IAC/B,2DAA2D;IAC3D,OAAO,CAAC,EAAQ,OAAO,CAAC;IACxB,oFAAoF;IACpF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAU,MAAM,CAAC;IACvB,uBAAuB;IACvB,EAAE,CAAC,EAAa,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAG,CACd,IAAI,EAAM,iBAAiB,EAC3B,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAG,CAAC,IAAI,EAAE,iBAAiB,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,KAClD,cAAc,CAAC;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAID,wBAAgB,SAAS,CAAC,IAAI,GAAE,gBAAqB,GAAG,cAAc,CAwLrE"}

package/dist/Mates-design/src/lib/popup-list-item/popup-list-item.d.ts

@@ -0,0 +1,38 @@
+import { type TemplateResult } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./popup-list-item.css";
+export type PopupListItemType = "item" | "divider" | "header";
+export type PopupListCheckType = "none" | "check" | "radio";
+export type PopupListCheckPosition = "start" | "end";
+export type PopupListSize = "sm" | "md" | "lg";
+export interface PopupListItemData {
+    /** Unique identifier. Falls back to `label` when absent. */
+    id?: string;
+    label: string;
+    subLabel?: string;
+    /** Material name, `<svg…`, `https://…` image URL, or lit-html. */
+    icon?: IconInput;
+    /** Trailing icon — same shapes as `icon`. */
+    trailingIcon?: IconInput;
+    disabled?: boolean;
+    /** "item" (default) | "divider" | "header" */
+    type?: PopupListItemType;
+    /** Arbitrary payload forwarded to callbacks. */
+    data?: unknown;
+}
+export interface PopupListItemOptions {
+    item: PopupListItemData;
+    selected?: boolean;
+    /** Type of selection indicator shown on the item. */
+    checkType?: PopupListCheckType;
+    /** Which side the check/radio indicator sits on. */
+    checkPosition?: PopupListCheckPosition;
+    /** Size of the item row. Default "md". */
+    size?: PopupListSize;
+    /** Called when the item is clicked (leaf items only). */
+    onClick?: (item: PopupListItemData, e: Event) => void;
+    /** Overrides default `data-testid="md-popup-list-item"`. */
+    testId?: string;
+}
+export declare function PopupListItem(opts: PopupListItemOptions): TemplateResult;
+//# sourceMappingURL=popup-list-item.d.ts.map

package/dist/Mates-design/src/lib/popup-list-item/popup-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-list-item.d.ts","sourceRoot":"","sources":["../../../../../src/lib/popup-list-item/popup-list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,uBAAuB,CAAC;AAI/B,MAAM,MAAM,iBAAiB,GAAQ,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnE,MAAM,MAAM,kBAAkB,GAAO,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAChE,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,KAAK,CAAC;AACrD,MAAM,MAAM,aAAa,GAAY,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,EAAE,CAAC,EAAY,MAAM,CAAC;IACtB,KAAK,EAAU,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAM,MAAM,CAAC;IACtB,kEAAkE;IAClE,IAAI,CAAC,EAAU,SAAS,CAAC;IACzB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAM,OAAO,CAAC;IACvB,8CAA8C;IAC9C,IAAI,CAAC,EAAU,iBAAiB,CAAC;IACjC,gDAAgD;IAChD,IAAI,CAAC,EAAU,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAY,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAO,OAAO,CAAC;IACxB,qDAAqD;IACrD,SAAS,CAAC,EAAM,kBAAkB,CAAC;IACnC,oDAAoD;IACpD,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,0CAA0C;IAC1C,IAAI,CAAC,EAAW,aAAa,CAAC;IAC9B,yDAAyD;IACzD,OAAO,CAAC,EAAQ,CAAC,IAAI,EAAE,iBAAiB,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5D,4DAA4D;IAC5D,MAAM,CAAC,EAAS,MAAM,CAAC;CACxB;AAID,wBAAgB,aAAa,CAAC,IAAI,EAAE,oBAAoB,GAAG,cAAc,CAqHxE"}

package/dist/Mates-design/src/lib/popup-list-item/popup-list-item.test.d.ts

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

package/dist/Mates-design/src/lib/popup-list-item/popup-list-item.test.d.ts.map

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

package/dist/Mates-design/src/lib/popup-list-virtualised/popup-list-virtualised.d.ts

@@ -0,0 +1,54 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import type { PopupListItemData, PopupListCheckType, PopupListCheckPosition, PopupListSize } from "../popup-list-item/popup-list-item";
+import "../popup-list/popup-list.css";
+export type { PopupListItemData, PopupListCheckType, PopupListCheckPosition, PopupListSize };
+export interface PopupListVirtualisedGroup {
+    label?: string;
+    items: PopupListItemData[];
+}
+export interface PopupListVirtualisedOptions {
+    items?: PopupListItemData[];
+    groups?: PopupListVirtualisedGroup[];
+    selected?: string[];
+    checkType?: PopupListCheckType;
+    checkPosition?: PopupListCheckPosition;
+    size?: PopupListSize;
+    onSelect?: (ids: string[], item: PopupListItemData, e: Event) => void;
+    /** Height of the virtualised scroll window. Default "17.5rem". */
+    maxHeight?: string;
+    emptyText?: string;
+    header?: TemplateResult;
+    footer?: TemplateResult;
+    loading?: boolean;
+    skeletonCount?: number;
+    error?: string;
+    id?: string;
+    autoFocus?: boolean;
+    /**
+     * Tab key — dismiss floating panel (mates `popup()` closes on Escape globally).
+     */
+    onEscape?: () => void;
+    /** Overrides default `data-testid="md-popup-list-virtualised"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * PopupListVirtualised — drop-in replacement for PopupList that virtualises
+ * the item rows via the mates `virtualList` engine.
+ *
+ * Use for large datasets (hundreds of items) where rendering every row at
+ * once would be too slow. The API is identical to PopupList.
+ *
+ * @example
+ * PopupListVirtualised({
+ *   items: thousandsOfItems,
+ *   selected: sel(),
+ *   checkType: "check",
+ *   onSelect: (ids) => sel.set(ids),
+ * })
+ */
+export declare function PopupListVirtualised(opts?: PopupListVirtualisedOptions): TemplateResult;
+//# sourceMappingURL=popup-list-virtualised.d.ts.map

package/dist/Mates-design/src/lib/popup-list-virtualised/popup-list-virtualised.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-list-virtualised.d.ts","sourceRoot":"","sources":["../../../../../src/lib/popup-list-virtualised/popup-list-virtualised.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACd,MAAM,oCAAoC,CAAC;AAG5C,OAAO,8BAA8B,CAAC;AAmCtC,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,aAAa,EAAE,CAAC;AAI7F,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAG,iBAAiB,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAU,iBAAiB,EAAE,CAAC;IACpC,MAAM,CAAC,EAAS,yBAAyB,EAAE,CAAC;IAC5C,QAAQ,CAAC,EAAO,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAM,kBAAkB,CAAC;IACnC,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,IAAI,CAAC,EAAW,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAO,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC3E,kEAAkE;IAClE,SAAS,CAAC,EAAM,MAAM,CAAC;IACvB,SAAS,CAAC,EAAM,MAAM,CAAC;IACvB,MAAM,CAAC,EAAS,cAAc,CAAC;IAC/B,MAAM,CAAC,EAAS,cAAc,CAAC;IAC/B,OAAO,CAAC,EAAQ,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAU,MAAM,CAAC;IACvB,EAAE,CAAC,EAAa,MAAM,CAAC;IACvB,SAAS,CAAC,EAAM,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAO,MAAM,IAAI,CAAC;IAC3B,mEAAmE;IACnE,MAAM,CAAC,EAAS,MAAM,CAAC;IACvB,KAAK,CAAC,EAAU;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CACpC;AAID;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,GAAE,2BAAgC,GAAG,cAAc,CAuM3F"}

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

@@ -0,0 +1,12 @@
+/**
+ * pressBloom — soft radial bloom effect on pointer down.
+ *
+ * A luminous circle blooms outward from the contact point, the element
+ * compresses slightly on press, and springs back on release.
+ * Uses CSS custom properties from the token system.
+ *
+ * Apply to any interactive element:
+ *   html`<button ${pressBloom()}>Click me</button>`
+ */
+export declare const pressBloom: () => import("lit-html/directive.js").DirectiveResult;
+//# sourceMappingURL=pressBloom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pressBloom.d.ts","sourceRoot":"","sources":["../../../../src/lib/pressBloom.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,uDA0GrB,CAAC"}