mates-design 0.1.0-beta.10

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 mates-design contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/accordion/accordion.d.ts

@@ -0,0 +1,52 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./accordion.css";
+export type AccordionVariant = "default" | "bordered" | "filled";
+export interface AccordionItemData {
+    id: string;
+    title: string;
+    /** Rendered inside the collapsed body */
+    content: TemplateResult | string;
+    /** Leading icon (Material name, SVG, https URL, or lit-html) */
+    icon?: IconInput;
+    disabled?: boolean;
+}
+export interface AccordionOptions {
+    items: AccordionItemData[];
+    /** IDs of currently open items (controlled). */
+    openIds?: string[];
+    /** Allow more than one item open simultaneously. Default false. */
+    multiple?: boolean;
+    variant?: AccordionVariant;
+    /** Called when an item is toggled. */
+    onToggle?: (id: string, open: boolean) => void;
+    /** Overrides default `data-testid="md-accordion"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Accordion — controlled collapsible section list.
+ *
+ * Uses `data-accordion-item-id` / `data-accordion-panel-id` with scoped
+ * queries instead of global `id` attributes, preventing collisions when
+ * multiple Accordion instances share the same item IDs.
+ *
+ * Keyboard navigation (WAI-ARIA Accordion pattern):
+ * - Arrow Down / Up: Move focus between accordion triggers
+ * - Home / End: Move focus to first / last trigger
+ * - Enter / Space: Toggle the focused section (handled natively by `<button>`)
+ *
+ * @example
+ * const open = atom<string[]>([]);
+ * Accordion({
+ *   items:    SECTIONS,
+ *   openIds:  open(),
+ *   onToggle: (id, isOpen) =>
+ *     open.set(isOpen ? [...open(), id] : open().filter(x => x !== id)),
+ * })
+ */
+export declare function Accordion(opts: AccordionOptions): TemplateResult;
+//# sourceMappingURL=accordion.d.ts.map

package/dist/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/lib/accordion/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,iBAAiB,CAAC;AAIzB,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,OAAO,EAAE,cAAc,GAAG,MAAM,CAAC;IACjC,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAID;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,gBAAgB,GAAG,cAAc,CAgHhE"}

package/dist/accordion/accordion.test.d.ts

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

package/dist/accordion/accordion.test.d.ts.map

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

package/dist/affix/affix.d.ts

@@ -0,0 +1,67 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import "./affix.css";
+export interface AffixOptions {
+    /** The content to render inside the sticky wrapper. */
+    children: TemplateResult;
+    /**
+     * Offset from the top of the viewport (or scroll container) in pixels.
+     * When set, the element sticks to the top. Default `0`.
+     */
+    offsetTop?: number;
+    /**
+     * Offset from the bottom of the viewport (or scroll container) in pixels.
+     * When set, the element sticks to the bottom instead of the top.
+     * If both `offsetTop` and `offsetBottom` are provided, `offsetBottom` wins.
+     */
+    offsetBottom?: number;
+    /**
+     * Called when the affix state changes (i.e. the element becomes stuck or unstuck).
+     * Receives `true` when the element is affixed, `false` when released.
+     */
+    onChange?: (affixed: boolean) => void;
+    /**
+     * CSS selector for the scroll container to observe. When omitted the
+     * component uses `position: sticky` relative to its nearest scrollable
+     * ancestor / viewport which is the default CSS behaviour.
+     */
+    target?: string;
+    /** Overrides default `data-testid="md-affix"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+        inner?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * Affix — sticky wrapper that pins its children to the viewport edge when
+ * the user scrolls past.
+ *
+ * Uses CSS `position: sticky` for the actual sticking behaviour and an
+ * `IntersectionObserver` on a tiny sentinel element to detect when the
+ * component enters or leaves its stuck state. When the sentinel scrolls out
+ * of view the wrapper is considered "affixed" and the `md-affix--fixed` class
+ * is added (useful for adding shadows, background changes, etc.).
+ *
+ * @example
+ * Affix({
+ *   children: html`<nav class="toolbar">…</nav>`,
+ *   offsetTop: 0,
+ *   onChange: (stuck) => console.log("stuck?", stuck),
+ * })
+ *
+ * @example
+ * // Stick to bottom
+ * Affix({
+ *   children: html`<footer>…</footer>`,
+ *   offsetBottom: 16,
+ * })
+ */
+export declare function Affix(opts: AffixOptions): TemplateResult;
+//# sourceMappingURL=affix.d.ts.map

package/dist/affix/affix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"affix.d.ts","sourceRoot":"","sources":["../../src/lib/affix/affix.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,aAAa,CAAC;AAIrB,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,QAAQ,EAAE,cAAc,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,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,CAAA;KAAE,CAAC;IAC3B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;CAC5B;AAID;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,YAAY,GAAG,cAAc,CA2IxD"}

package/dist/alert/alert.d.ts

@@ -0,0 +1,38 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./alert.css";
+export type AlertSeverity = "info" | "success" | "warning" | "error";
+export interface AlertOptions {
+    severity?: AlertSeverity;
+    title?: string;
+    message?: string | TemplateResult;
+    /** Override icon (Material / SVG / https / TemplateResult), or `false` to hide. */
+    icon?: IconInput | false;
+    action?: string;
+    onAction?: () => void;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    /** When `false`, nothing is rendered (parent can toggle). */
+    visible?: boolean;
+    filled?: boolean;
+    /** Overrides default `data-testid="md-alert"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+        content?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * Inline alert banner — severity styling, optional action and dismiss.
+ *
+ * Error and warning use `role="alert"`; info and success use `role="status"`.
+ */
+export declare function Alert(opts?: AlertOptions): TemplateResult;
+//# sourceMappingURL=alert.d.ts.map

package/dist/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/lib/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AASrE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAI,aAAa,CAAC;IAC3B,KAAK,CAAC,EAAO,MAAM,CAAC;IACpB,OAAO,CAAC,EAAK,MAAM,GAAG,cAAc,CAAC;IACrC,mFAAmF;IACnF,IAAI,CAAC,EAAQ,SAAS,GAAG,KAAK,CAAC;IAC/B,MAAM,CAAC,EAAM,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAI,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAG,MAAM,IAAI,CAAC;IACxB,6DAA6D;IAC7D,OAAO,CAAC,EAAK,OAAO,CAAC;IACrB,MAAM,CAAC,EAAM,OAAO,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAM,MAAM,CAAC;IACpB,MAAM,CAAC,EAAM;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,OAAO,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IACrD,KAAK,CAAC,EAAO;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAChC,EAAE,CAAC,EAAU;QAAE,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;CACpC;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,IAAI,GAAE,YAAiB,GAAG,cAAc,CAoG7D"}

package/dist/alert/alert.test.d.ts

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

package/dist/alert/alert.test.d.ts.map

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

package/dist/anchor/anchor.d.ts

@@ -0,0 +1,118 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import "./anchor.css";
+export type AnchorDirection = "vertical" | "horizontal";
+export interface AnchorItem {
+    /** Unique key for this anchor link. Defaults to `href` if omitted. */
+    key?: string;
+    /** Target href, e.g. `"#section-1"`. */
+    href: string;
+    /** Display label. */
+    title: string | TemplateResult;
+    /** Nested children (only used in vertical direction). */
+    children?: AnchorItem[];
+}
+export interface AnchorOptions {
+    /** Flat or nested list of anchor links. */
+    items: AnchorItem[];
+    /** Currently active anchor key (controlled). */
+    activeKey?: string;
+    /** Layout direction. Default `"vertical"`. */
+    direction?: AnchorDirection;
+    /** Pixel offset from top of viewport to trigger active state during scroll-spy. Default `0`. */
+    offsetTop?: number;
+    /** Pixel offset from the top of the target element when scrolling to it. Default `0`. */
+    targetOffset?: number;
+    /** Use `position: sticky` to affix the nav. Default `false`. */
+    affix?: boolean;
+    /** Sticky top offset in pixels when `affix` is true. Default `0`. */
+    affixTop?: number;
+    /** Called when the active anchor changes (from scroll-spy or click). */
+    onChange?: (key: string) => void;
+    /** Called when an anchor link is clicked. Return `false` to prevent default scroll behavior. */
+    onClick?: (e: MouseEvent, link: {
+        key: string;
+        href: string;
+    }) => void;
+    /** Overrides default `data-testid="md-anchor"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * Anchor — in-page anchor navigation with an active indicator.
+ *
+ * Renders a vertical (or horizontal) list of links that jump to sections
+ * on the page. Pair with {@link anchorScrollSpy} to automatically highlight
+ * the link whose target section is currently in view.
+ *
+ * @example
+ * ```ts
+ * const active = atom("");
+ *
+ * // Wire up scroll-spy (call once, e.g. in onMount):
+ * anchorScrollSpy({
+ *   items: myItems,
+ *   offsetTop: 80,
+ *   onChange: (key) => active.set(key),
+ * });
+ *
+ * // In template:
+ * Anchor({
+ *   items: [
+ *     { href: "#overview", title: "Overview" },
+ *     { href: "#api",      title: "API", children: [
+ *       { href: "#props",  title: "Props" },
+ *       { href: "#events", title: "Events" },
+ *     ]},
+ *     { href: "#examples", title: "Examples" },
+ *   ],
+ *   activeKey: active(),
+ *   onChange: (key) => active.set(key),
+ *   affix: true,
+ *   affixTop: 80,
+ * })
+ * ```
+ */
+export declare function Anchor(opts: AnchorOptions): TemplateResult;
+export interface AnchorScrollSpyOptions {
+    /** The same `items` array passed to the Anchor component. */
+    items: AnchorItem[];
+    /** Pixel offset from top of viewport. Default `0`. */
+    offsetTop?: number;
+    /** Called with the key of the currently visible section. */
+    onChange: (key: string) => void;
+    /** Custom scroll container. Defaults to `window`. */
+    container?: HTMLElement | Window;
+}
+/**
+ * Start scroll-spy for anchor navigation.
+ *
+ * Listens to `scroll` events on the given container (default `window`)
+ * and determines which target section is currently in view based on
+ * the `href` values of the provided items.
+ *
+ * Returns a cleanup function that removes the scroll listener.
+ *
+ * @example
+ * ```ts
+ * // In onMount:
+ * const cleanup = anchorScrollSpy({
+ *   items: myItems,
+ *   offsetTop: 80,
+ *   onChange: (key) => activeAnchor.set(key),
+ * });
+ *
+ * // In onCleanup:
+ * cleanup();
+ * ```
+ */
+export declare function anchorScrollSpy(opts: AnchorScrollSpyOptions): () => void;
+//# sourceMappingURL=anchor.d.ts.map

package/dist/anchor/anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../src/lib/anchor/anchor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,cAAc,CAAC;AAItB,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,sEAAsE;IACtE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,2CAA2C;IAC3C,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gGAAgG;IAChG,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE,mDAAmD;IACnD,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;AAsGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,aAAa,GAAG,cAAc,CA0D1D;AAID,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,qDAAqD;IACrD,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,sBAAsB,GAAG,MAAM,IAAI,CAyExE"}

package/dist/audio-player/audio-player.d.ts

@@ -0,0 +1,20 @@
+import { type AttrMap, type TemplateResult } from "mates";
+import "./audio-player.css";
+export interface AudioPlayerOptions {
+    src: string;
+    title?: string;
+    nativeControls?: boolean;
+    showPlayPause?: boolean;
+    showSeek?: boolean;
+    showTime?: boolean;
+    /** Custom controls only. @default true */
+    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[];
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+export declare function AudioPlayer(opts: AudioPlayerOptions): TemplateResult;
+//# sourceMappingURL=audio-player.d.ts.map

package/dist/audio-player/audio-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player.d.ts","sourceRoot":"","sources":["../../src/lib/audio-player/audio-player.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wFAAwF;IACxF,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAqLD,wBAAgB,WAAW,CAAC,IAAI,EAAE,kBAAkB,GAAG,cAAc,CA6HpE"}

package/dist/audio-recorder/audio-recorder.d.ts

@@ -0,0 +1,14 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import "./audio-recorder.css";
+export interface AudioRecorderOptions {
+    onRecordingReady?: (blob: Blob) => void;
+    downloadFilename?: string;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/** Microphone recording with local button state (no external atom required). */
+export declare function AudioRecorder(opts?: AudioRecorderOptions): TemplateResult;
+//# sourceMappingURL=audio-recorder.d.ts.map

package/dist/audio-recorder/audio-recorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-recorder.d.ts","sourceRoot":"","sources":["../../src/lib/audio-recorder/audio-recorder.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;AAE9B,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AAuHD,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,IAAI,GAAE,oBAAyB,GAAG,cAAc,CAsC7E"}

package/dist/avatar/avatar.d.ts

@@ -0,0 +1,41 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./avatar.css";
+export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type AvatarStatus = "online" | "away" | "busy" | "offline";
+export interface AvatarOptions {
+    /** Image URL */
+    src?: string;
+    /** Alt text for image */
+    alt?: string;
+    /** Full name — auto-generates two-character initials */
+    name?: string;
+    /** Explicit initials override */
+    initials?: string;
+    /** Fallback icon when no image or initials (default: "person") */
+    icon?: IconInput;
+    size?: AvatarSize;
+    status?: AvatarStatus;
+    /** Overrides default `data-testid="md-avatar"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * Avatar — person or entity representation.
+ *
+ * @example
+ * Avatar({ src: "/photo.jpg", name: "Jane Doe" })
+ * Avatar({ name: "Alice Wang", status: "online" })
+ * Avatar({ icon: "smart_toy", size: "lg" })
+ */
+export declare function Avatar(opts?: AvatarOptions): TemplateResult;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/lib/avatar/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,mDAAmD;IACnD,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;AAQD;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,IAAI,GAAE,aAAkB,GAAG,cAAc,CA+D/D"}

package/dist/avatar/avatar.test.d.ts

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

package/dist/avatar/avatar.test.d.ts.map

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

package/dist/badge/badge.d.ts

@@ -0,0 +1,32 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import "./badge.css";
+export type BadgeVariant = "primary" | "error" | "success" | "warning" | "neutral";
+export type BadgeSize = "sm" | "md" | "lg";
+export interface BadgeOptions {
+    variant?: BadgeVariant;
+    /** Pill / dot scale. Default `md`. */
+    size?: BadgeSize;
+    /** Max count — displays `${max}+` when value exceeds this */
+    max?: number;
+    dot?: boolean;
+    /** Overrides default `data-testid` (`md-badge` / `md-badge-dot`). */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Badge — small status indicator or count bubble.
+ *
+ * @example
+ * Badge(3)
+ * Badge(99, { max: 99, variant: "error" })
+ * Badge(undefined, { dot: true, variant: "primary" })
+ * Badge(12, { size: "sm" })
+ */
+export declare function Badge(value?: number | string, opts?: BadgeOptions): TemplateResult;
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/lib/badge/badge.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,aAAa,CAAC;AAErB,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AACd,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,sCAAsC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,qEAAqE;IACrE,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;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EACvB,IAAI,GAAE,YAAiB,GACtB,cAAc,CAoDhB"}

package/dist/badge/badge.test.d.ts

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

package/dist/badge/badge.test.d.ts.map

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

package/dist/bottom-sheet/bottom-sheet.d.ts

@@ -0,0 +1,25 @@
+import { type TemplateResult } from "mates";
+import type { AtomType } from "mates";
+import type { AttrMap } from "mates";
+import "./bottom-sheet.css";
+export interface BottomSheetOptions {
+    openAtom?: AtomType<boolean>;
+    open?: boolean;
+    /** @default "bottom" */
+    position?: "bottom" | "top";
+    title?: string;
+    body?: TemplateResult;
+    showClose?: boolean;
+    scrimDismiss?: boolean;
+    maxHeight?: string;
+    /** @default "slide" */
+    animation?: "slide" | "none";
+    onClose?: () => void;
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/** Bottom-anchored sheet — mobile-friendly, scrim dismiss, focus trap. */
+export declare function BottomSheet(opts: BottomSheetOptions): TemplateResult;
+//# sourceMappingURL=bottom-sheet.d.ts.map

package/dist/bottom-sheet/bottom-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.d.ts","sourceRoot":"","sources":["../../src/lib/bottom-sheet/bottom-sheet.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,oBAAoB,CAAC;AAI5B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,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;AAiDD,0EAA0E;AAC1E,wBAAgB,WAAW,CAAC,IAAI,EAAE,kBAAkB,GAAG,cAAc,CAwFpE"}

package/dist/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,56 @@
+import { type TemplateResult } from "mates";
+import type { AttrMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./breadcrumbs.css";
+export type BreadcrumbsSize = "sm" | "md" | "lg";
+export interface BreadcrumbItem {
+    label: string;
+    /** Navigation href — renders an `<a>` when provided. */
+    href?: string;
+    /** Icon before the label (Material name, SVG, https URL, or lit-html). */
+    icon?: IconInput;
+    /** Custom click handler (use instead of href for SPA routing). */
+    onClick?: (e: MouseEvent) => void;
+}
+export interface BreadcrumbsOptions {
+    items: BreadcrumbItem[];
+    /**
+     * Collapse middle items when total count exceeds this value.
+     * Shows first item + "…" + last N items. Default: no collapse.
+     */
+    maxItems?: number;
+    /**
+     * How many trailing items to always show when collapsed. Default 1.
+     */
+    trailingVisible?: number;
+    /** Custom separator. Default "/" */
+    separator?: string | TemplateResult;
+    size?: BreadcrumbsSize;
+    /** Called when the "…" ellipsis is clicked to expand. */
+    onExpand?: () => void;
+    /** Overrides default `data-testid="md-breadcrumbs"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Breadcrumbs — accessible navigation trail.
+ *
+ * @example
+ * Breadcrumbs({
+ *   items: [
+ *     { label: "Home",     href: "/" },
+ *     { label: "Settings", href: "/settings" },
+ *     { label: "Profile" },
+ *   ],
+ * })
+ *
+ * // SPA routing (no href):
+ * Breadcrumbs({
+ *   items: crumbs.map(c => ({ ...c, onClick: () => navigateTo(c.path) })),
+ *   maxItems: 4,
+ * })
+ */
+export declare function Breadcrumbs(opts: BreadcrumbsOptions): TemplateResult;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/breadcrumbs/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/lib/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,mBAAmB,CAAC;AAI3B,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAO,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAO,MAAM,CAAC;IACnB,0EAA0E;IAC1E,IAAI,CAAC,EAAO,SAAS,CAAC;IACtB,kEAAkE;IAClE,OAAO,CAAC,EAAI,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAQ,cAAc,EAAE,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAI,MAAM,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,SAAS,CAAC,EAAG,MAAM,GAAG,cAAc,CAAC;IACrC,IAAI,CAAC,EAAQ,eAAe,CAAC;IAC7B,yDAAyD;IACzD,QAAQ,CAAC,EAAI,MAAM,IAAI,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAM,MAAM,CAAC;IACpB,KAAK,CAAC,EAAO;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CACjC;AAID;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,kBAAkB,GAAG,cAAc,CAwGpE"}

package/dist/breadcrumbs/breadcrumbs.test.d.ts

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

package/dist/breadcrumbs/breadcrumbs.test.d.ts.map

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

package/dist/button/button.d.ts

@@ -0,0 +1,48 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap, OnEventMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./button.css";
+export type ButtonVariant = "filled" | "outlined" | "ghost" | "danger" | "success";
+export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonShape = "pill" | "rounded" | "md" | "square";
+export interface ButtonOptions {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /**
+     * Corner radius: `pill` (default), `rounded` (previous default, `--md-radius-sm`), `md`, or `square`.
+     * For arbitrary values, use `styles.root.borderRadius`.
+     */
+    shape?: ButtonShape;
+    icon?: IconInput;
+    trailingIcon?: IconInput;
+    disabled?: boolean;
+    loading?: boolean;
+    href?: string;
+    type?: "button" | "submit" | "reset";
+    fullWidth?: boolean;
+    /** Overrides default `data-testid="md-button"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+        label?: StyleMap;
+        icon?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+    on?: {
+        root?: OnEventMap;
+    };
+}
+/**
+ * Button — primary action element.
+ *
+ * @example
+ * Button("Save")
+ * Button("Delete", { variant: "danger", icon: "delete" })
+ * Button("Submit", { variant: "filled", loading: true })
+ * Button("Learn more", { variant: "ghost", trailingIcon: "arrow_forward" })
+ * Button("Square", { shape: "square" })
+ */
+export declare function Button(label?: string | TemplateResult, opts?: ButtonOptions): TemplateResult;
+//# sourceMappingURL=button.d.ts.map

package/dist/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/lib/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,UAAU,GACV,OAAO,GACP,QAAQ,GACR,SAAS,CAAC;AACd,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;QAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IAChE,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;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CACpB,KAAK,GAAE,MAAM,GAAG,cAAmB,EACnC,IAAI,GAAE,aAAkB,GACvB,cAAc,CAiHhB"}

package/dist/button/button.test.d.ts

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

package/dist/button/button.test.d.ts.map

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