@0001-labs/design-system-1 0.3.0-alpha.13 → 0.3.0-alpha.15

package/dist/2-core/generated/icons-immediate.d.ts

@@ -1,3 +1,3 @@
 export declare const icons: Readonly<Record<string, string>>;
-export declare const deferredIconNames: readonly ["1x", "1xdots", "1xgrid", "1xlines", "2x", "2xdots", "2xgrid", "2xgrid-alt", "2xgrid-alt-2", "2xgrid-alt-3", "2xlines", "4x4", "archive-alt", "arrange-archive", "arrange-check", "arrange-chevron", "arrange-connect", "arrange-draft", "arrange-dropdown", "arrange-home", "arrange-link", "arrange-menu", "arrange-more", "arrange-page", "arrange-plus", "arrange-site", "avatar", "badge-bands", "badge-bands-3d", "badge-blue-fan", "badge-blue-fan-3d", "badge-bricks", "badge-bricks-3d", "badge-broken-stripes", "badge-broken-stripes-3d", "badge-checker", "badge-checker-3d", "badge-diamond", "badge-diamond-3d", "badge-fan", "badge-fan-3d", "badge-fan-dark", "badge-fan-dark-3d", "badge-halves", "badge-halves-3d", "badge-halves-green", "badge-halves-green-3d", "badge-red", "badge-red-3d", "badge-red-blue-bricks", "badge-red-blue-bricks-3d", "badge-round-fan", "badge-round-fan-3d", "badge-shard", "badge-shard-3d", "badge-split-circle", "badge-split-circle-3d", "badge-tall-bricks", "badge-tall-bricks-3d", "badge-weave", "badge-weave-3d", "block-accordion", "block-banner", "block-breadcrumbs", "block-button", "block-divider", "block-forms", "block-group", "block-heading", "block-image", "block-logo-marquee", "block-page-progress", "block-section", "block-table", "block-tabs", "block-text", "bold", "bullet", "callout", "categories", "check-alt", "code", "code-block", "color", "column", "comment", "connect", "content", "default", "dictate", "divider", "equation", "exercise", "ezo-accordion-chevron", "ezo-account-close", "ezo-android-screen-archive", "ezo-android-screen-calendar", "ezo-android-screen-camera", "ezo-android-screen-check", "ezo-android-screen-compose", "ezo-android-screen-globe", "ezo-android-screen-lists", "ezo-android-screen-shared", "ezo-android-screen-stats", "ezo-android-screen-store", "ezo-android-screen-views", "ezo-android-screen-work", "ezo-arrow-cursor", "ezo-block-accordion", "ezo-block-divider", "ezo-block-group", "ezo-block-image", "ezo-block-section", "ezo-block-table", "ezo-code", "ezo-down", "ezo-figma-premium-star", "ezo-item-button-complete", "ezo-item-button-header", "ezo-item-button-open", "ezo-item-button-reopen", "ezo-item-button-star", "ezo-item-button-start", "ezo-item-button-unheader", "ezo-item-button-unstar", "ezo-item-star", "ezo-left", "ezo-logo", "ezo-mic", "ezo-move-column", "ezo-move-row", "ezo-navigation-check", "ezo-note-back", "ezo-note-menu-complete", "ezo-note-menu-delete", "ezo-note-menu-duplicate", "ezo-note-menu-note", "ezo-note-menu-page", "ezo-note-menu-star", "ezo-note-menu-start", "ezo-note-menu-stop", "ezo-note-more", "ezo-note-star", "ezo-password-visibility-see", "ezo-password-visibility-unsee", "ezo-pattern-call-to-action", "ezo-play", "ezo-premium-star", "ezo-setting-1xdots", "ezo-setting-1xgrid", "ezo-setting-1xlines", "ezo-setting-2xdots", "ezo-setting-2xgrid", "ezo-setting-2xlines", "ezo-setting-blank", "ezo-store-chevron", "ezo-upgrade-close", "form", "gallery", "globe", "group", "group-alt", "group-alt-2", "h1", "h2", "h3", "handle", "head", "help", "help-alt", "icon", "image", "in", "indent", "italic", "item", "life", "link", "list-line", "lock-filled", "logo-marquee", "mention", "menu", "minimize", "minimize-alt", "money", "navigation-check", "note-alt", "note-alt-2", "note-lines", "notifications", "numbered", "open-alt", "open-source", "outdent", "page", "page-18", "page-alt", "page-note", "panel", "pattern-call-to-action", "pattern-card", "pattern-feature", "pattern-hero", "play-alt", "quote", "redo", "relationships", "rewind", "rewind-30", "rewind-30-alt", "row", "school", "search-30", "see-30", "settings", "slash", "star-alt", "star-alt-2", "status", "status-alt", "status-filled", "strike", "table", "templates", "text", "title", "titlestyle", "todo", "toggle", "triangle", "underline", "undo", "ungroup", "unhead", "unicon", "untitle", "up-right", "warning", "work"];
+export declare const deferredIconNames: readonly ["1x", "1xdots", "1xgrid", "1xlines", "2x", "2xdots", "2xgrid", "2xgrid-alt", "2xgrid-alt-2", "2xgrid-alt-3", "2xlines", "4x4", "airtable", "archive-alt", "arrange-archive", "arrange-check", "arrange-chevron", "arrange-connect", "arrange-draft", "arrange-dropdown", "arrange-home", "arrange-link", "arrange-menu", "arrange-more", "arrange-page", "arrange-plus", "arrange-site", "attach", "audio", "avatar", "badge-bands", "badge-bands-3d", "badge-blue-fan", "badge-blue-fan-3d", "badge-bricks", "badge-bricks-3d", "badge-broken-stripes", "badge-broken-stripes-3d", "badge-checker", "badge-checker-3d", "badge-diamond", "badge-diamond-3d", "badge-fan", "badge-fan-3d", "badge-fan-dark", "badge-fan-dark-3d", "badge-halves", "badge-halves-3d", "badge-halves-green", "badge-halves-green-3d", "badge-red", "badge-red-3d", "badge-red-blue-bricks", "badge-red-blue-bricks-3d", "badge-round-fan", "badge-round-fan-3d", "badge-shard", "badge-shard-3d", "badge-split-circle", "badge-split-circle-3d", "badge-tall-bricks", "badge-tall-bricks-3d", "badge-weave", "badge-weave-3d", "bag-alt", "bank", "banknote", "block-accordion", "block-banner", "block-breadcrumbs", "block-button", "block-divider", "block-forms", "block-group", "block-heading", "block-image", "block-logo-marquee", "block-page-progress", "block-section", "block-table", "block-tabs", "block-text", "bold", "bolt", "book", "book-alt", "box", "briefcase", "building", "bullet", "callout", "car", "card", "cart", "categories", "check-alt", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "cloud", "code", "code-block", "coffee", "coins", "color", "column", "comment", "connect", "content", "cursor", "curve", "default", "dictate", "dislike", "divider", "dot-bank", "dot-banknote", "dot-banknotes", "dot-card", "dot-coin", "dot-coins", "dot-receipt", "dot-safe", "dot-transfer", "dot-wallet", "download", "drive", "drop", "dropbox", "dumbbell", "equation", "exercise", "eye", "eye-off", "facebook", "figma", "flame", "flip", "food", "form", "fuel", "gallery", "game", "gift", "github", "globe", "group", "group-alt", "group-alt-2", "h1", "h2", "h3", "handle", "head", "heart", "help", "help-alt", "history", "home-alt", "icon", "image", "in", "income", "indent", "info", "instagram", "italic", "item", "jpbank", "key", "keyboard", "life", "like", "link", "linkedin", "list-line", "lock-filled", "logo-marquee", "loom", "map", "medical", "mention", "menu", "minimize", "minimize-alt", "minus", "money", "moon", "move", "music", "music-alt", "navigation-check", "note-alt", "note-alt-2", "note-lines", "notifications", "notion", "numbered", "offline", "open-alt", "open-source", "outdent", "page", "page-18", "page-alt", "page-note", "panel", "password-see", "password-unsee", "pattern-call-to-action", "pattern-card", "pattern-feature", "pattern-hero", "pause", "paw", "pdf", "people", "percent", "phone", "pill", "plane", "play-alt", "postal", "present", "quote", "reaction", "receipt", "redo", "refresh", "refund", "relationships", "repeat", "rewind", "rewind-30", "rewind-30-alt", "rotate", "row", "safe", "school", "school-alt", "search-30", "see-30", "settings", "shield", "shield-alt", "shirt", "shop", "sign-in", "sign-out", "slack", "slash", "sparkle", "star-alt", "star-alt-2", "start", "status", "status-alt", "status-filled", "stop", "strike", "sun", "system", "table", "tag", "templates", "text", "ticket", "title", "title-struck", "titlestyle", "todo", "toggle", "train", "transfer", "triangle", "tv", "underline", "undo", "ungroup", "unhead", "unicon", "untitle", "up-right", "upload", "video", "vimeo", "wallet", "warning", "wifi", "window", "work", "wrench", "x-brand", "youtube"];
 //# sourceMappingURL=icons-immediate.d.ts.map

package/dist/2-core/generated/icons-immediate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons-immediate.d.ts","sourceRoot":"","sources":["../../../DS1/2-core/generated/icons-immediate.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA8ClD,CAAA;AACD,eAAO,MAAM,iBAAiB,4zHAA8kH,CAAA"}
+{"version":3,"file":"icons-immediate.d.ts","sourceRoot":"","sources":["../../../DS1/2-core/generated/icons-immediate.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA8ClD,CAAA;AACD,eAAO,MAAM,iBAAiB,4lHAAuzG,CAAA"}

package/dist/2-core/generated/icons-immediate.js

@@ -46,4 +46,4 @@ export const icons = {
     "up": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7.49645 3.48222V16H8.50702L8.50841 3.48259L11.4156 6.38982L12.1095 5.68299L8.00173 1.57524L3.8905 5.68647L4.59784 6.39381L7.49645 3.48222Z\" fill=\"currentColor\"/>\n</svg>",
     "views": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"7\" cy=\"7\" r=\"4.5\" stroke=\"currentColor\" stroke-width=\"0.92\"/>\n<path d=\"M10.2 10.2L13.5 13.5\" stroke=\"currentColor\" stroke-width=\"0.92\"/>\n</svg>"
 };
-export const deferredIconNames = ["1x", "1xdots", "1xgrid", "1xlines", "2x", "2xdots", "2xgrid", "2xgrid-alt", "2xgrid-alt-2", "2xgrid-alt-3", "2xlines", "4x4", "archive-alt", "arrange-archive", "arrange-check", "arrange-chevron", "arrange-connect", "arrange-draft", "arrange-dropdown", "arrange-home", "arrange-link", "arrange-menu", "arrange-more", "arrange-page", "arrange-plus", "arrange-site", "avatar", "badge-bands", "badge-bands-3d", "badge-blue-fan", "badge-blue-fan-3d", "badge-bricks", "badge-bricks-3d", "badge-broken-stripes", "badge-broken-stripes-3d", "badge-checker", "badge-checker-3d", "badge-diamond", "badge-diamond-3d", "badge-fan", "badge-fan-3d", "badge-fan-dark", "badge-fan-dark-3d", "badge-halves", "badge-halves-3d", "badge-halves-green", "badge-halves-green-3d", "badge-red", "badge-red-3d", "badge-red-blue-bricks", "badge-red-blue-bricks-3d", "badge-round-fan", "badge-round-fan-3d", "badge-shard", "badge-shard-3d", "badge-split-circle", "badge-split-circle-3d", "badge-tall-bricks", "badge-tall-bricks-3d", "badge-weave", "badge-weave-3d", "block-accordion", "block-banner", "block-breadcrumbs", "block-button", "block-divider", "block-forms", "block-group", "block-heading", "block-image", "block-logo-marquee", "block-page-progress", "block-section", "block-table", "block-tabs", "block-text", "bold", "bullet", "callout", "categories", "check-alt", "code", "code-block", "color", "column", "comment", "connect", "content", "default", "dictate", "divider", "equation", "exercise", "ezo-accordion-chevron", "ezo-account-close", "ezo-android-screen-archive", "ezo-android-screen-calendar", "ezo-android-screen-camera", "ezo-android-screen-check", "ezo-android-screen-compose", "ezo-android-screen-globe", "ezo-android-screen-lists", "ezo-android-screen-shared", "ezo-android-screen-stats", "ezo-android-screen-store", "ezo-android-screen-views", "ezo-android-screen-work", "ezo-arrow-cursor", "ezo-block-accordion", "ezo-block-divider", "ezo-block-group", "ezo-block-image", "ezo-block-section", "ezo-block-table", "ezo-code", "ezo-down", "ezo-figma-premium-star", "ezo-item-button-complete", "ezo-item-button-header", "ezo-item-button-open", "ezo-item-button-reopen", "ezo-item-button-star", "ezo-item-button-start", "ezo-item-button-unheader", "ezo-item-button-unstar", "ezo-item-star", "ezo-left", "ezo-logo", "ezo-mic", "ezo-move-column", "ezo-move-row", "ezo-navigation-check", "ezo-note-back", "ezo-note-menu-complete", "ezo-note-menu-delete", "ezo-note-menu-duplicate", "ezo-note-menu-note", "ezo-note-menu-page", "ezo-note-menu-star", "ezo-note-menu-start", "ezo-note-menu-stop", "ezo-note-more", "ezo-note-star", "ezo-password-visibility-see", "ezo-password-visibility-unsee", "ezo-pattern-call-to-action", "ezo-play", "ezo-premium-star", "ezo-setting-1xdots", "ezo-setting-1xgrid", "ezo-setting-1xlines", "ezo-setting-2xdots", "ezo-setting-2xgrid", "ezo-setting-2xlines", "ezo-setting-blank", "ezo-store-chevron", "ezo-upgrade-close", "form", "gallery", "globe", "group", "group-alt", "group-alt-2", "h1", "h2", "h3", "handle", "head", "help", "help-alt", "icon", "image", "in", "indent", "italic", "item", "life", "link", "list-line", "lock-filled", "logo-marquee", "mention", "menu", "minimize", "minimize-alt", "money", "navigation-check", "note-alt", "note-alt-2", "note-lines", "notifications", "numbered", "open-alt", "open-source", "outdent", "page", "page-18", "page-alt", "page-note", "panel", "pattern-call-to-action", "pattern-card", "pattern-feature", "pattern-hero", "play-alt", "quote", "redo", "relationships", "rewind", "rewind-30", "rewind-30-alt", "row", "school", "search-30", "see-30", "settings", "slash", "star-alt", "star-alt-2", "status", "status-alt", "status-filled", "strike", "table", "templates", "text", "title", "titlestyle", "todo", "toggle", "triangle", "underline", "undo", "ungroup", "unhead", "unicon", "untitle", "up-right", "warning", "work"];
+export const deferredIconNames = ["1x", "1xdots", "1xgrid", "1xlines", "2x", "2xdots", "2xgrid", "2xgrid-alt", "2xgrid-alt-2", "2xgrid-alt-3", "2xlines", "4x4", "airtable", "archive-alt", "arrange-archive", "arrange-check", "arrange-chevron", "arrange-connect", "arrange-draft", "arrange-dropdown", "arrange-home", "arrange-link", "arrange-menu", "arrange-more", "arrange-page", "arrange-plus", "arrange-site", "attach", "audio", "avatar", "badge-bands", "badge-bands-3d", "badge-blue-fan", "badge-blue-fan-3d", "badge-bricks", "badge-bricks-3d", "badge-broken-stripes", "badge-broken-stripes-3d", "badge-checker", "badge-checker-3d", "badge-diamond", "badge-diamond-3d", "badge-fan", "badge-fan-3d", "badge-fan-dark", "badge-fan-dark-3d", "badge-halves", "badge-halves-3d", "badge-halves-green", "badge-halves-green-3d", "badge-red", "badge-red-3d", "badge-red-blue-bricks", "badge-red-blue-bricks-3d", "badge-round-fan", "badge-round-fan-3d", "badge-shard", "badge-shard-3d", "badge-split-circle", "badge-split-circle-3d", "badge-tall-bricks", "badge-tall-bricks-3d", "badge-weave", "badge-weave-3d", "bag-alt", "bank", "banknote", "block-accordion", "block-banner", "block-breadcrumbs", "block-button", "block-divider", "block-forms", "block-group", "block-heading", "block-image", "block-logo-marquee", "block-page-progress", "block-section", "block-table", "block-tabs", "block-text", "bold", "bolt", "book", "book-alt", "box", "briefcase", "building", "bullet", "callout", "car", "card", "cart", "categories", "check-alt", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "cloud", "code", "code-block", "coffee", "coins", "color", "column", "comment", "connect", "content", "cursor", "curve", "default", "dictate", "dislike", "divider", "dot-bank", "dot-banknote", "dot-banknotes", "dot-card", "dot-coin", "dot-coins", "dot-receipt", "dot-safe", "dot-transfer", "dot-wallet", "download", "drive", "drop", "dropbox", "dumbbell", "equation", "exercise", "eye", "eye-off", "facebook", "figma", "flame", "flip", "food", "form", "fuel", "gallery", "game", "gift", "github", "globe", "group", "group-alt", "group-alt-2", "h1", "h2", "h3", "handle", "head", "heart", "help", "help-alt", "history", "home-alt", "icon", "image", "in", "income", "indent", "info", "instagram", "italic", "item", "jpbank", "key", "keyboard", "life", "like", "link", "linkedin", "list-line", "lock-filled", "logo-marquee", "loom", "map", "medical", "mention", "menu", "minimize", "minimize-alt", "minus", "money", "moon", "move", "music", "music-alt", "navigation-check", "note-alt", "note-alt-2", "note-lines", "notifications", "notion", "numbered", "offline", "open-alt", "open-source", "outdent", "page", "page-18", "page-alt", "page-note", "panel", "password-see", "password-unsee", "pattern-call-to-action", "pattern-card", "pattern-feature", "pattern-hero", "pause", "paw", "pdf", "people", "percent", "phone", "pill", "plane", "play-alt", "postal", "present", "quote", "reaction", "receipt", "redo", "refresh", "refund", "relationships", "repeat", "rewind", "rewind-30", "rewind-30-alt", "rotate", "row", "safe", "school", "school-alt", "search-30", "see-30", "settings", "shield", "shield-alt", "shirt", "shop", "sign-in", "sign-out", "slack", "slash", "sparkle", "star-alt", "star-alt-2", "start", "status", "status-alt", "status-filled", "stop", "strike", "sun", "system", "table", "tag", "templates", "text", "ticket", "title", "title-struck", "titlestyle", "todo", "toggle", "train", "transfer", "triangle", "tv", "underline", "undo", "ungroup", "unhead", "unicon", "untitle", "up-right", "upload", "video", "vimeo", "wallet", "warning", "wifi", "window", "work", "wrench", "x-brand", "youtube"];

package/dist/3-unit/calendar-base.d.ts

@@ -0,0 +1,149 @@
+import { LitElement, type PropertyValues } from "lit";
+import { type CalendarEvent, type Day, type Weekday } from "../0-face/calendar";
+export type { CalendarEvent, Day } from "../0-face/calendar";
+/** Detail of `day-press`: the day and the events on it. Cancel it to keep a selectable calendar's value. */
+export interface CalendarDayDetail {
+    day: Day;
+    events: CalendarEvent[];
+}
+/** Detail of `event-press`: the event and the day it was pressed on. */
+export interface CalendarEventDetail {
+    event: CalendarEvent;
+    day: Day;
+}
+/**
+ * Detail of `change`: the value a person chose and the one before it. In a
+ * range, `value` is `start/end` once both are chosen and the start alone
+ * while the end is still to come.
+ */
+export interface CalendarChangeDetail {
+    value: string;
+    previous: string;
+    start: Day;
+    end: Day;
+}
+/** A value read as a range: `2026-10-21/2026-10-24`, or one day as both ends. Times after a `T` are left off. */
+export declare function readRange(value: string | null | undefined): {
+    start: Day;
+    end: Day;
+};
+/** Detail of `navigate`: the first month now shown, `YYYY-MM`. */
+export interface CalendarNavigateDetail {
+    month: string;
+}
+/** A month written `YYYY-MM` or a day in it, as the first of that month; `null` for anything else. */
+export declare function readMonth(value: string | null | undefined): Day | null;
+export declare abstract class CalendarBase extends LitElement {
+    static properties: {
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        min: {
+            type: StringConstructor;
+        };
+        max: {
+            type: StringConstructor;
+        };
+        today: {
+            type: StringConstructor;
+        };
+        weekStart: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        selectable: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        range: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        literal: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        events: {
+            attribute: boolean;
+        };
+        focusDay: {
+            state: boolean;
+        };
+        hoverDay: {
+            state: boolean;
+        };
+    };
+    /** The selected day, `YYYY-MM-DD`, or with `range` the days `YYYY-MM-DD/YYYY-MM-DD`; empty for none. */
+    value: string;
+    /** The first day a person may choose. */
+    min: string | undefined;
+    /** The last day a person may choose. */
+    max: string | undefined;
+    /** The day drawn as today; the reader's own today when left out. */
+    today: string | undefined;
+    /** The first day of the week: `0`–`6` from Sunday, or a day's English name; the language's own when left out. */
+    weekStart: string | undefined;
+    /** Pressing a day selects it and fires `change`. */
+    selectable: boolean;
+    /** A selectable calendar chooses a first and a last day. */
+    range: boolean;
+    /** The grid's name: a translation key, or literal words. The month's name when left out. */
+    label: string | undefined;
+    /** Show `label` as written, never looked up. */
+    literal: boolean;
+    /** What happens on the days. */
+    events: CalendarEvent[];
+    /** The day that holds the grid's one Tab stop. */
+    focusDay: Day | undefined;
+    /** The day under the pointer, which previews a range's end. */
+    hoverDay: Day | undefined;
+    /** Weeks run along rows (a month) or along columns (the large calendar). */
+    protected abstract readonly weeksRun: "rows" | "columns";
+    private readonly relabel;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    /** Shared words, filled in: `words("Week {week}", { week: 42 })`. */
+    protected words(key: string, params?: Record<string, string | number>): string;
+    /** The page's name for the grid, or `fallback`. */
+    protected nameOr(fallback: string): string;
+    protected get firstDay(): Weekday;
+    protected get todayDay(): Day;
+    protected get minDay(): Day | undefined;
+    protected get maxDay(): Day | undefined;
+    /** Whether a person may choose the day. */
+    protected allowed(day: Day): boolean;
+    /** The chosen days: the first and the last of a range, or the one day twice. */
+    protected get chosen(): {
+        start: Day;
+        end: Day;
+    };
+    /** How a day stands to the selection: an end of it, inside it, or neither; with the end still to come, the pointer previews it. */
+    protected selection(day: Day): {
+        selected: boolean;
+        inside: boolean;
+        first: boolean;
+        last: boolean;
+    };
+    /** What a day's cell is called: the whole date, then what is on it. */
+    protected cellLabel(day: Day, events: readonly CalendarEvent[]): string;
+    /** The day a key moves to from `from`, or `null` for a key the grid leaves alone. */
+    protected keyTarget(event: KeyboardEvent, from: Day): Day | null;
+    /** The events a day holds, for `day-press`. */
+    protected abstract eventsOn(day: Day): CalendarEvent[];
+    /**
+     * A person pressed a day: `day-press` fires, and unless it is cancelled a
+     * selectable calendar takes the day and fires `change`.
+     */
+    protected press(day: Day): void;
+    protected pressEvent(event: CalendarEvent, day: Day): void;
+    protected announceMonth(month: Day): void;
+    /** Puts keyboard focus on a drawn day once the grid has drawn it. */
+    protected focusCell(day: Day): Promise<void>;
+}
+//# sourceMappingURL=calendar-base.d.ts.map

package/dist/3-unit/calendar-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-base.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/calendar-base.ts"],"names":[],"mappings":"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"}

package/dist/3-unit/calendar-base.js

@@ -0,0 +1,172 @@
+// calendar-base.ts
+// What ds-calendar and ds-calendar-large share: the days a person may reach,
+// today, the selected day, the week's start, events, words in the current
+// language and the grid's keys. Each element draws its own grid; the month
+// calendar lays weeks in rows, the large calendar weeks in columns, and the
+// keys follow the drawing.
+import { LitElement } from "lit";
+import { getText } from "../0-face/i18n";
+import { addDays, addMonths, clampDay, dayLabel, firstWeekday, isDay, readWeekday, today, weekdayOf, } from "../0-face/calendar";
+/** A value read as a range: `2026-10-21/2026-10-24`, or one day as both ends. Times after a `T` are left off. */
+export function readRange(value) {
+    const [first = "", second = ""] = (value ?? "").split("/").map(part => part.trim().slice(0, 10));
+    const start = isDay(first) ? first : "";
+    const end = isDay(second) ? second : "";
+    if (start && end && end < start)
+        return { start: end, end: start };
+    return { start, end };
+}
+/** A month written `YYYY-MM` or a day in it, as the first of that month; `null` for anything else. */
+export function readMonth(value) {
+    const text = value?.trim() ?? "";
+    const day = /^\d{4}-\d{2}$/.test(text) ? `${text}-01` : text;
+    return isDay(day) ? `${day.slice(0, 8)}01` : null;
+}
+export class CalendarBase extends LitElement {
+    constructor() {
+        super();
+        this.relabel = () => this.requestUpdate();
+        this.value = "";
+        this.selectable = false;
+        this.range = false;
+        this.literal = false;
+        this.events = [];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener("language-changed", this.relabel);
+        window.addEventListener("translations-loaded", this.relabel);
+    }
+    disconnectedCallback() {
+        window.removeEventListener("language-changed", this.relabel);
+        window.removeEventListener("translations-loaded", this.relabel);
+        super.disconnectedCallback();
+    }
+    willUpdate(changed) {
+        super.willUpdate(changed);
+        if (changed.has("value") && this.value && !readRange(this.value).start)
+            this.value = "";
+    }
+    /** Shared words, filled in: `words("Week {week}", { week: 42 })`. */
+    words(key, params) {
+        const text = getText(key, params) || key;
+        return params ? text.replace(/\{\{?(\w+)\}?\}/g, (whole, name) => (name in params ? String(params[name]) : whole)) : text;
+    }
+    /** The page's name for the grid, or `fallback`. */
+    nameOr(fallback) {
+        if (!this.label)
+            return fallback;
+        return this.literal ? this.label : getText(this.label) || this.label;
+    }
+    get firstDay() {
+        return readWeekday(this.weekStart) ?? firstWeekday();
+    }
+    get todayDay() {
+        return isDay(this.today) ? this.today : today();
+    }
+    get minDay() {
+        return isDay(this.min) ? this.min : undefined;
+    }
+    get maxDay() {
+        return isDay(this.max) ? this.max : undefined;
+    }
+    /** Whether a person may choose the day. */
+    allowed(day) {
+        return clampDay(day, this.minDay, this.maxDay) === day;
+    }
+    /** The chosen days: the first and the last of a range, or the one day twice. */
+    get chosen() {
+        const { start, end } = readRange(this.value);
+        return this.range ? { start, end } : { start, end: start };
+    }
+    /** How a day stands to the selection: an end of it, inside it, or neither; with the end still to come, the pointer previews it. */
+    selection(day) {
+        let { start, end } = this.chosen;
+        if (this.range && start && !end && this.hoverDay)
+            end = this.hoverDay;
+        if (end && end < start)
+            [start, end] = [end, start];
+        const selected = day === start || day === end;
+        const spans = Boolean(this.range && start && end && start !== end);
+        return { selected, inside: spans && day > start && day < end, first: spans && day === start, last: spans && day === end };
+    }
+    /** What a day's cell is called: the whole date, then what is on it. */
+    cellLabel(day, events) {
+        return [dayLabel(day), ...events.map(event => (event.time ? `${event.time} ${event.title}` : event.title))].join(", ");
+    }
+    /** The day a key moves to from `from`, or `null` for a key the grid leaves alone. */
+    keyTarget(event, from) {
+        const rtl = getComputedStyle(this).direction === "rtl";
+        const across = this.weeksRun === "rows" ? 1 : 7;
+        const down = this.weeksRun === "rows" ? 7 : 1;
+        const start = (weekdayOf(from) - this.firstDay + 7) % 7;
+        switch (event.key) {
+            case "ArrowRight": return addDays(from, rtl ? -across : across);
+            case "ArrowLeft": return addDays(from, rtl ? across : -across);
+            case "ArrowDown": return addDays(from, down);
+            case "ArrowUp": return addDays(from, -down);
+            case "Home": return addDays(from, -start);
+            case "End": return addDays(from, 6 - start);
+            case "PageUp": return addMonths(from, event.shiftKey ? -12 : -1);
+            case "PageDown": return addMonths(from, event.shiftKey ? 12 : 1);
+            default: return null;
+        }
+    }
+    /**
+     * A person pressed a day: `day-press` fires, and unless it is cancelled a
+     * selectable calendar takes the day and fires `change`.
+     */
+    press(day) {
+        const pressed = new CustomEvent("day-press", {
+            bubbles: true,
+            composed: true,
+            cancelable: true,
+            detail: { day, events: this.eventsOn(day) },
+        });
+        if (!this.dispatchEvent(pressed) || !this.selectable || !this.allowed(day))
+            return;
+        const previous = this.value || "";
+        let value = day;
+        if (this.range) {
+            // The first press starts a range, the second ends it (either way round); a third starts again.
+            const { start, end } = readRange(previous);
+            if (start && !end)
+                value = day < start ? `${day}/${start}` : `${start}/${day}`;
+        }
+        this.focusDay = day;
+        if (value === previous)
+            return;
+        this.value = value;
+        this.hoverDay = undefined;
+        const { start, end } = readRange(value);
+        this.dispatchEvent(new CustomEvent("change", { bubbles: true, composed: true, detail: { value, previous, start, end: this.range ? end : start } }));
+    }
+    pressEvent(event, day) {
+        this.dispatchEvent(new CustomEvent("event-press", { bubbles: true, composed: true, detail: { event, day } }));
+    }
+    announceMonth(month) {
+        this.dispatchEvent(new CustomEvent("navigate", { bubbles: true, composed: true, detail: { month: month.slice(0, 7) } }));
+    }
+    /** Puts keyboard focus on a drawn day once the grid has drawn it. */
+    async focusCell(day) {
+        this.focusDay = day;
+        await this.updateComplete;
+        const cell = this.renderRoot.querySelector(`[data-day="${day}"]`);
+        cell?.focus({ preventScroll: true });
+        cell?.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+    }
+}
+CalendarBase.properties = {
+    value: { type: String, reflect: true },
+    min: { type: String },
+    max: { type: String },
+    today: { type: String },
+    weekStart: { type: String, attribute: "week-start" },
+    selectable: { type: Boolean, reflect: true },
+    range: { type: Boolean, reflect: true },
+    label: { type: String },
+    literal: { type: Boolean, reflect: true },
+    events: { attribute: false },
+    focusDay: { state: true },
+    hoverDay: { state: true },
+};

package/dist/3-unit/ds-accordion.d.ts

@@ -9,6 +9,9 @@ import "./ds-row";
  * Usage (with translation text):
  * <ds-accordion summary="How it began" details="Designed in Hokkaido"></ds-accordion>
  *
+ * Usage (with text someone wrote, shown as it stands and never translated):
+ * <ds-accordion literal summary="Ideas for spring" details="Plant the bulbs"></ds-accordion>
+ *
  * Usage (with slotted details content):
  * <ds-accordion summary="How it began">
  *   <div slot="details">Rich HTML content here</div>
@@ -22,6 +25,10 @@ export declare class Accordion extends LitElement {
         details: {
             type: StringConstructor;
         };
+        literal: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
         open: {
             type: BooleanConstructor;
             reflect: boolean;
@@ -37,6 +44,8 @@ export declare class Accordion extends LitElement {
     };
     summary: string;
     details: string;
+    /** The summary and details are what someone wrote, not translation keys. */
+    literal: boolean;
     open: boolean;
     control: string;
     _hasSlottedContent: boolean;

package/dist/3-unit/ds-accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-accordion.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAClD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAE7B,OAAO,UAAU,CAAC;AAGlB;;;;;;;;;;GAUG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;MAMf;IAEM,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,EAAE,OAAO,CAAC;;IAkBpC,OAAO,CAAC,SAAS,CASf;IACF,OAAO;IAEP,MAAM,CAAC,MAAM,0BAAqB;IAElC,OAAO,CAAC,iBAAiB;IAYzB,MAAM;CAmCP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}
+{"version":3,"file":"ds-accordion.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAClD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAE7B,OAAO,UAAU,CAAC;AAGlB;;;;;;;;;;;;;GAaG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;MAOf;IAEM,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IACxB,4EAA4E;IACpE,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,EAAE,OAAO,CAAC;;IAmBpC,OAAO,CAAC,SAAS,CASf;IACF,OAAO;IAEP,MAAM,CAAC,MAAM,0BAAqB;IAElC,OAAO,CAAC,iBAAiB;IAYzB,MAAM;CAoCP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}

package/dist/3-unit/ds-accordion.js

@@ -11,6 +11,9 @@ import styles from "./styles/ds-accordion.css?inline";
  * Usage (with translation text):
  * <ds-accordion summary="How it began" details="Designed in Hokkaido"></ds-accordion>
  *
+ * Usage (with text someone wrote, shown as it stands and never translated):
+ * <ds-accordion literal summary="Ideas for spring" details="Plant the bulbs"></ds-accordion>
+ *
  * Usage (with slotted details content):
  * <ds-accordion summary="How it began">
  *   <div slot="details">Rich HTML content here</div>
@@ -34,6 +37,7 @@ export class Accordion extends LitElement {
         };
         this.summary = "";
         this.details = "";
+        this.literal = false;
         this.open = false;
         this.control = "native";
         this._hasSlottedContent = false;
@@ -64,7 +68,7 @@ export class Accordion extends LitElement {
       <details ?open=${this.open}>
         <summary>
           <ds-row class="summaryRow" centered>
-            <ds-text .text=${this.summary}></ds-text>
+            <ds-text .text=${this.summary} ?literal=${this.literal}></ds-text>
             <ds-icon class="chevron" aria-hidden="true">
               <svg
                 viewBox="0 0 10.157 8.219"
@@ -87,6 +91,7 @@ export class Accordion extends LitElement {
             ? html `<ds-text
                 class="detailsText"
                 .text=${this.details}
+                ?literal=${this.literal}
               ></ds-text>`
             : ""}
         </div>
@@ -97,6 +102,7 @@ export class Accordion extends LitElement {
 Accordion.properties = {
     summary: { type: String },
     details: { type: String },
+    literal: { type: Boolean, reflect: true },
     open: { type: Boolean, reflect: true },
     control: { type: String, reflect: true },
     _hasSlottedContent: { type: Boolean, state: true },

package/dist/3-unit/ds-avatar-group.d.ts

@@ -17,6 +17,7 @@ export declare class AvatarGroup extends LitElement {
             state: boolean;
         };
     };
+    /** Avatars have one size; `compact` is kept for products that still name it. */
     size: "default" | "compact";
     vertical: boolean;
     private hasLead;

package/dist/3-unit/ds-avatar-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-avatar-group.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-avatar-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,gFAAgF;AAChF,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;MAKf;IACM,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAC1B,QAAgB,OAAO,CAAU;IACjC,QAAgB,UAAU,CAAU;IACpC,MAAM,CAAC,MAAM,0BAAqB;IAClC,OAAO,CAAC,MAAM,CAAC,MAAM,CAA2C;IAChE,OAAO,CAAC,KAAK,CAAyD;IACtE,OAAO,CAAC,QAAQ,CAA8C;;IAQ9D,iBAAiB;IAYjB,oBAAoB;IAKpB,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,OAAO,CAiCb;IACF,MAAM;CAMP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,WAAW,CAAC;KAChC;CACF"}
+{"version":3,"file":"ds-avatar-group.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-avatar-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,gFAAgF;AAChF,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;MAKf;IACF,gFAAgF;IACxE,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAC1B,QAAgB,OAAO,CAAU;IACjC,QAAgB,UAAU,CAAU;IACpC,MAAM,CAAC,MAAM,0BAAqB;IAClC,OAAO,CAAC,MAAM,CAAC,MAAM,CAA2C;IAChE,OAAO,CAAC,KAAK,CAAyD;IACtE,OAAO,CAAC,QAAQ,CAA8C;;IAQ9D,iBAAiB;IAYjB,oBAAoB;IAKpB,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,OAAO,CAiCb;IACF,MAAM;CAMP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,WAAW,CAAC;KAChC;CACF"}

package/dist/3-unit/ds-calendar-large.d.ts

@@ -0,0 +1,138 @@
+import { type PropertyValues } from "lit";
+import { type CalendarEvent, type Day } from "../0-face/calendar";
+import { CalendarBase } from "./calendar-base";
+import "../2-core/ds-icon";
+export * from "./calendar-base";
+/**
+ * @element ds-calendar-large
+ * @prop {string} start - The first month drawn, `YYYY-MM`; the month before
+ *   today's by default.
+ * @prop {number} months - How many months are drawn: 6 by default.
+ * @prop {number} scale - How many times the grid it is drawn: 1.5 by default.
+ * @prop {string} value - The selected day, `YYYY-MM-DD`.
+ * @prop {boolean} selectable - Pressing a day selects it and fires `change`.
+ * @prop {boolean} noHeader - Leave out the title and arrows (`no-header`).
+ * @prop {string} min - The first day a person may choose.
+ * @prop {string} max - The last day a person may choose.
+ * @prop {string} weekStart - The week's first day (`week-start`); the
+ *   language's own by default.
+ * @prop {string} today - The day drawn as today; the reader's own by default.
+ * @prop {CalendarEvent[]} events - What happens on the days (property only).
+ *
+ * @fires day-press - A day was pressed or chosen with Enter or Space; `{ day, events }`.
+ * @fires change - A person selected a day; `{ value, previous }`.
+ * @fires navigate - The months drawn moved on or back; `{ month }`, the first one.
+ *
+ * @example
+ * <ds-calendar-large start="2026-09" months="6"></ds-calendar-large>
+ */
+export declare class CalendarLarge extends CalendarBase {
+    static properties: {
+        start: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        months: {
+            type: NumberConstructor;
+        };
+        scale: {
+            type: NumberConstructor;
+        };
+        noHeader: {
+            type: BooleanConstructor;
+            attribute: string;
+            reflect: boolean;
+        };
+        visible: {
+            state: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        min: {
+            type: StringConstructor;
+        };
+        max: {
+            type: StringConstructor;
+        };
+        today: {
+            type: StringConstructor;
+        };
+        weekStart: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        selectable: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        range: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        literal: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        events: {
+            attribute: boolean;
+        };
+        focusDay: {
+            state: boolean;
+        };
+        hoverDay: {
+            state: boolean;
+        };
+    };
+    static styles: import("lit").CSSResult[];
+    start: string | undefined;
+    months: number | undefined;
+    scale: number | undefined;
+    noHeader: boolean;
+    /** The month at the start of the view, named in the title. */
+    visible: Day | undefined;
+    protected readonly weeksRun: "columns";
+    private byDay;
+    private placed;
+    private frame;
+    constructor();
+    /** The first of the first month drawn. */
+    get firstMonth(): Day;
+    private get monthCount();
+    /** The first day of each week drawn, from the week holding the first month's first day. */
+    private get weekStarts();
+    private get lastDay();
+    protected eventsOn(day: Day): CalendarEvent[];
+    protected willUpdate(changed: PropertyValues<this>): void;
+    protected firstUpdated(): void;
+    disconnectedCallback(): void;
+    private get scroller();
+    private columnOf;
+    /** Scrolls the week holding `day` to the start of the view. */
+    scrollToDay(day: Day, smooth?: boolean): void;
+    /** Moves the view a month back or on; past the months drawn, the months move with it. */
+    private step;
+    /** The month before, as the previous arrow does. */
+    previousMonth(): void;
+    /** The month after, as the next arrow does. */
+    nextMonth(): void;
+    /** Brings today into view, moving the months drawn when it is outside them. */
+    showToday(): void;
+    private onScroll;
+    private get tabDay();
+    private onKeyDown;
+    private onClick;
+    private renderHeader;
+    render(): import("lit").TemplateResult<1>;
+    protected updated(changed: PropertyValues<this>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-calendar-large": CalendarLarge;
+    }
+}
+//# sourceMappingURL=ds-calendar-large.d.ts.map

package/dist/3-unit/ds-calendar-large.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-calendar-large.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-calendar-large.ts"],"names":[],"mappings":"AAOA,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpE,OAAO,EAUL,KAAK,aAAa,EAClB,KAAK,GAAG,EACT,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAa,MAAM,iBAAiB,CAAC;AAC1D,OAAO,mBAAmB,CAAC;AAK3B,cAAc,iBAAiB,CAAC;AAWhC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAC7C,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAOf;IAEF,MAAM,CAAC,MAAM,4BAAgE;IAErE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAC1B,8DAA8D;IACtD,OAAO,EAAE,GAAG,GAAG,SAAS,CAAC;IAEjC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,SAAS,CAAU;IAEjD,OAAO,CAAC,KAAK,CAAmC;IAChD,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,KAAK,CAAK;;IAOlB,0CAA0C;IAC1C,IAAI,UAAU,IAAI,GAAG,CAEpB;IAED,OAAO,KAAK,UAAU,GAGrB;IAED,2FAA2F;IAC3F,OAAO,KAAK,UAAU,GAOrB;IAED,OAAO,KAAK,OAAO,GAElB;IAED,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,aAAa,EAAE;IAI7C,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAMlD,SAAS,CAAC,YAAY;IAOtB,oBAAoB;IAKpB,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,CAAC,QAAQ;IAIhB,+DAA+D;IAC/D,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,UAAO;IAWnC,yFAAyF;IACzF,OAAO,CAAC,IAAI;IAaZ,oDAAoD;IACpD,aAAa;IAEb,+CAA+C;IAC/C,SAAS;IAET,+EAA+E;IAC/E,SAAS;IAaT,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,KAAK,MAAM,GAIjB;IAED,OAAO,CAAC,SAAS,CAmBf;IAEF,OAAO,CAAC,OAAO,CAMb;IAEF,OAAO,CAAC,YAAY;IAmBpB,MAAM;IA8EN,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;CAIhD;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,aAAa,CAAC;KACpC;CACF"}