mates-design 0.1.0-beta.2

package/dist/Mates-design/src/lib/date-picker/calendar-bounds.d.ts

@@ -0,0 +1,39 @@
+/** Timestamp or ISO date string. */
+export type PickerDateInput = number | string;
+/** Local calendar midnight for the given instant. */
+export declare function localDayStart(ts: number): number;
+/**
+ * Merges `min` / `max` with `disableBefore` / `disableAfter` (all inclusive local
+ * days). Stricter bound wins: lower bound = max of sources; upper = min of sources.
+ */
+export declare function resolveSelectableBounds(p: {
+    min?: PickerDateInput;
+    max?: PickerDateInput;
+    disableBefore?: PickerDateInput;
+    disableAfter?: PickerDateInput;
+}): {
+    minTs: number | null;
+    maxTs: number | null;
+};
+/** Inclusive first and last month the calendar may show (local). */
+export interface NavigableMonthBounds {
+    firstYear: number;
+    firstMonth: number;
+    lastYear: number;
+    lastMonth: number;
+}
+/**
+ * `calendarStart` / `calendarEnd` are any dates in the first / last navigable month.
+ * Omit one side for an open-ended range.
+ */
+export declare function parseNavigableBounds(calendarStart?: PickerDateInput, calendarEnd?: PickerDateInput): NavigableMonthBounds | null;
+export declare function canNavigateToMonth(year: number, month: number, nav: NavigableMonthBounds | null): boolean;
+export declare function addCalendarMonths(year: number, month: number, delta: number): [number, number];
+/** Intersect selectable year span with navigable years. */
+export declare function mergeYearNavBounds(minYearFromDates: number, maxYearFromDates: number, nav: NavigableMonthBounds | null): {
+    minYear: number;
+    maxYear: number;
+};
+/** First month 1–12 in `year` that is navigable, or `fallback` if none. */
+export declare function firstNavigableMonthInYear(year: number, nav: NavigableMonthBounds | null, fallback: number): number;
+//# sourceMappingURL=calendar-bounds.d.ts.map

package/dist/Mates-design/src/lib/date-picker/calendar-bounds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-bounds.d.ts","sourceRoot":"","sources":["../../../../../src/lib/date-picker/calendar-bounds.ts"],"names":[],"mappings":"AAEA,oCAAoC;AACpC,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAM9C,qDAAqD;AACrD,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAGhD;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,EAAE;IACzC,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAajD;AAED,oEAAoE;AACpE,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,aAAa,CAAC,EAAE,eAAe,EAC/B,WAAW,CAAC,EAAE,eAAe,GAC5B,oBAAoB,GAAG,IAAI,CAsB7B;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,oBAAoB,GAAG,IAAI,GAC/B,OAAO,CAMT;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GACZ,CAAC,MAAM,EAAE,MAAM,CAAC,CAYlB;AAED,2DAA2D;AAC3D,wBAAgB,kBAAkB,CAChC,gBAAgB,EAAE,MAAM,EACxB,gBAAgB,EAAE,MAAM,EACxB,GAAG,EAAE,oBAAoB,GAAG,IAAI,GAC/B;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CActC;AAED,2EAA2E;AAC3E,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,oBAAoB,GAAG,IAAI,EAChC,QAAQ,EAAE,MAAM,GACf,MAAM,CAMR"}

package/dist/Mates-design/src/lib/date-picker/calendar-keyboard.d.ts

@@ -0,0 +1,38 @@
+import type { CalendarDay } from "./get-calendar";
+/** Midnight-local timestamp, `delta` days from `fromTs`. */
+export declare function calendarMoveByDays(fromTs: number, deltaDays: number): number;
+export declare function calendarDayEnabled(ts: number, minTs: number | null, maxTs: number | null, extraDisabled?: (ts: number) => boolean): boolean;
+/** First enabled day in visual order. */
+export declare function firstEnabledDay(weeks: CalendarDay[][], minTs: number | null, maxTs: number | null, extraDisabled?: (ts: number) => boolean): CalendarDay | null;
+/**
+ * Which calendar cell gets tabindex=0 for single-date pickers.
+ */
+export declare function primaryDayTabStopSingle(weeks: CalendarDay[][], selectedTs: number | null, minTs: number | null, maxTs: number | null, sameDay: (a: number, b: number) => boolean, extraDisabled?: (ts: number) => boolean): CalendarDay | null;
+/**
+ * Range picker: focus end when complete, else start anchor, else today / first.
+ */
+export declare function primaryDayTabStopRange(weeks: CalendarDay[][], startTs: number | null, endTs: number | null, minTs: number | null, maxTs: number | null, sameDay: (a: number, b: number) => boolean, extraDisabled?: (ts: number) => boolean): CalendarDay | null;
+/**
+ * Focus the roving tabindex=0 day after the panel mounts or month changes.
+ */
+export declare function focusCalendarGridFromPanel(panel: HTMLElement): void;
+export interface CalendarGridKeydownCtx {
+    weeks: CalendarDay[][];
+    viewYear: number;
+    viewMonth: number;
+    weekStart: 0 | 1;
+    minTs: number | null;
+    maxTs: number | null;
+    onViewChange: (year: number, month: number) => void;
+    sameDay: (a: number, b: number) => boolean;
+    /** Extra disabled days (e.g. `disabledRanges`), beyond min/max. */
+    extraDisabled?: (ts: number) => boolean;
+    /** Block month changes outside this range (keyboard PageUp/Down and arrow cross-month). */
+    canNavigateToMonth?: (year: number, month: number) => boolean;
+}
+/**
+ * Arrow keys, Home/End (week), PageUp/PageDown (month), and roving tabindex
+ * updates on the day grid.
+ */
+export declare function handleCalendarGridKeydown(e: KeyboardEvent, gridEl: HTMLElement, ctx: CalendarGridKeydownCtx): void;
+//# sourceMappingURL=calendar-keyboard.d.ts.map

package/dist/Mates-design/src/lib/date-picker/calendar-keyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-keyboard.d.ts","sourceRoot":"","sources":["../../../../../src/lib/date-picker/calendar-keyboard.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmBlD,4DAA4D;AAC5D,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAG5E;AAED,wBAAgB,kBAAkB,CAChC,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GACtC,OAAO,CAKT;AAcD,yCAAyC;AACzC,wBAAgB,eAAe,CAC7B,KAAK,EAAE,WAAW,EAAE,EAAE,EACtB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GACtC,WAAW,GAAG,IAAI,CAIpB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,WAAW,EAAE,EAAE,EACtB,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO,EAC1C,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GACtC,WAAW,GAAG,IAAI,CAiBpB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,WAAW,EAAE,EAAE,EACtB,OAAO,EAAE,MAAM,GAAG,IAAI,EACtB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO,EAC1C,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GACtC,WAAW,GAAG,IAAI,CAgCpB;AA0BD;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAWnE;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,mEAAmE;IACnE,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,2FAA2F;IAC3F,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAC/D;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,CAAC,EAAE,aAAa,EAChB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,sBAAsB,GAC1B,IAAI,CAyKN"}

package/dist/Mates-design/src/lib/date-picker/date-picker-locale.d.ts

@@ -0,0 +1,24 @@
+/**
+ * UI strings for the calendar panel (English defaults). Override per locale via
+ * `DatePicker` / `DateRangePicker` `strings` option.
+ */
+export interface DatePickerUiStrings {
+    clear: string;
+    today: string;
+    previousMonth: string;
+    nextMonth: string;
+    monthSelect: string;
+    yearInput: string;
+    /** `role="dialog"` accessible name */
+    calendarDialog: string;
+}
+export declare const DEFAULT_DATE_PICKER_STRINGS: DatePickerUiStrings;
+export declare const DEFAULT_DATE_RANGE_PICKER_STRINGS: DatePickerUiStrings;
+export declare function mergeDatePickerStrings(partial: Partial<DatePickerUiStrings> | undefined, base: DatePickerUiStrings): DatePickerUiStrings;
+/**
+ * Resolves the locale passed to `Intl.DateTimeFormat`.
+ * Omit or pass `undefined` to keep `"default"` (browser / runtime locale).
+ */
+export declare function resolvePickerLocale(locale?: string | string[]): string | string[];
+export declare function defaultFormatForLocale(locale: string | string[]): (ts: number) => string;
+//# sourceMappingURL=date-picker-locale.d.ts.map

package/dist/Mates-design/src/lib/date-picker/date-picker-locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-locale.d.ts","sourceRoot":"","sources":["../../../../../src/lib/date-picker/date-picker-locale.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,2BAA2B,EAAE,mBAQzC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,mBAG/C,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,SAAS,EACjD,IAAI,EAAE,mBAAmB,GACxB,mBAAmB,CAErB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE,CAKjF;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAGxF"}

package/dist/Mates-design/src/lib/date-picker/date-picker.d.ts

@@ -0,0 +1,97 @@
+import { type TemplateResult } from "mates";
+import { getCalendar, getWeekdayHeaders } from "./get-calendar";
+import type { CalendarDay } from "./get-calendar";
+import type { DatePickerUiStrings } from "./date-picker-locale";
+import type { DateDisabledRange } from "./disabled-ranges";
+import type { NavigableMonthBounds } from "./calendar-bounds";
+import "./date-picker.css";
+export type { CalendarDay, DatePickerUiStrings };
+export type { DateDisabledRange };
+export type { NavigableMonthBounds };
+export { isTimestampInDisabledRanges, isCalendarDaySelectable, } from "./disabled-ranges";
+export { resolveSelectableBounds, parseNavigableBounds, canNavigateToMonth, localDayStart, } from "./calendar-bounds";
+export { getCalendar, getWeekdayHeaders };
+export { DEFAULT_DATE_PICKER_STRINGS, DEFAULT_DATE_RANGE_PICKER_STRINGS, mergeDatePickerStrings, resolvePickerLocale, defaultFormatForLocale, } from "./date-picker-locale";
+export interface DatePickerOptions {
+    /** Selected date as timestamp (ms) or ISO string. `null` = no selection. */
+    value?: number | string | null;
+    /** Placeholder text shown when no date is selected. */
+    placeholder?: string;
+    /** Label shown above the trigger. */
+    label?: string;
+    /** Helper / error text below the trigger. */
+    helper?: string;
+    error?: boolean;
+    disabled?: boolean;
+    /** Minimum selectable date (timestamp or ISO string). */
+    min?: number | string;
+    /** Maximum selectable date (timestamp or ISO string). */
+    max?: number | string;
+    /**
+     * Inclusive local calendar-day ranges that cannot be selected (single date or
+     * range start/end). Days here may still appear between a chosen range’s bounds.
+     */
+    disabledRanges?: readonly DateDisabledRange[];
+    /**
+     * First selectable local calendar day (inclusive). Merged with `min` via the
+     * stricter lower bound.
+     */
+    disableBefore?: number | string;
+    /**
+     * Last selectable local calendar day (inclusive). Merged with `max` via the
+     * stricter upper bound.
+     */
+    disableAfter?: number | string;
+    /**
+     * Earliest month the user may open (any date in that month). Prev / month /
+     * year controls stay within `[calendarStart … calendarEnd]`.
+     */
+    calendarStart?: number | string;
+    /** Latest navigable month (any date in that month). */
+    calendarEnd?: number | string;
+    /** 0 = Sunday (default), 1 = Monday */
+    weekStart?: 0 | 1;
+    /** Format function for the trigger display text. */
+    format?: (ts: number) => string;
+    /**
+     * BCP 47 locale (e.g. `"de"`, `"fr-FR"`, `"ja-JP"`) or fallback list for
+     * month names, weekday headers, default trigger format, and day `aria-label`s.
+     * Omit to use the runtime default locale (`"default"` in `Intl`).
+     */
+    locale?: string | string[];
+    /**
+     * Override calendar UI strings (Clear, Today, nav `aria-label`s). Month and
+     * weekday names come from `Intl` via `locale`.
+     */
+    strings?: Partial<DatePickerUiStrings>;
+    /** Currently shown year (controlled). Falls back to value's year or today. */
+    viewYear?: number;
+    /** Currently shown month 1–12 (controlled). */
+    viewMonth?: number;
+    /** Called when user selects a day. */
+    onChange?: (ts: number | null) => void;
+    /** Called when the calendar panel navigates to a new month/year. */
+    onViewChange?: (year: number, month: number) => void;
+    id?: string;
+}
+/**
+ * DatePicker — calendar popup for selecting a single date.
+ *
+ * Fully controlled: pass `value`, `viewYear`, `viewMonth` as atoms and wire
+ * `onChange` / `onViewChange` to update them.
+ *
+ * @example
+ * const picked = atom<number | null>(null);
+ * const viewY  = atom(date().values.year);
+ * const viewM  = atom(date().values.month);
+ *
+ * DatePicker({
+ *   value:         picked(),
+ *   viewYear:      viewY(),
+ *   viewMonth:     viewM(),
+ *   onChange:      ts => picked.set(ts),
+ *   onViewChange:  (y, m) => { viewY.set(y); viewM.set(m); },
+ * })
+ */
+export declare function DatePicker(opts?: DatePickerOptions): TemplateResult;
+//# sourceMappingURL=date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../../src/lib/date-picker/date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAUhE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAS3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,mBAAmB,CAAC;AAE3B,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAClC,YAAY,EAAE,oBAAoB,EAAE,CAAC;AACrC,OAAO,EACL,2BAA2B,EAC3B,uBAAuB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC;AAC1C,OAAO,EACL,2BAA2B,EAC3B,iCAAiC,EACjC,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC9C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,uCAAuC;IACvC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAClB,oDAAoD;IACpD,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACvC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAkBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,IAAI,GAAE,iBAAsB,GAAG,cAAc,CA0UvE"}

package/dist/Mates-design/src/lib/date-picker/disabled-ranges.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Inclusive calendar-day ranges (local midnight). Days inside cannot be chosen as
+ * a single-date value or as range start/end; they may still lie between a chosen
+ * start and end (caller keeps the value in sync).
+ */
+export interface DateDisabledRange {
+    start: number | string;
+    end: number | string;
+}
+/** True if `dayMidnightTs` (any time that day) falls on a calendar day inside any range (inclusive). */
+export declare function isTimestampInDisabledRanges(dayMidnightTs: number, ranges: readonly DateDisabledRange[] | undefined): boolean;
+/** Selectable day: respects `min` / `max` and `disabledRanges` (local midnight). */
+export declare function isCalendarDaySelectable(dayMidnightTs: number, minTs: number | null, maxTs: number | null, disabledRanges: readonly DateDisabledRange[] | undefined): boolean;
+//# sourceMappingURL=disabled-ranges.d.ts.map

package/dist/Mates-design/src/lib/date-picker/disabled-ranges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled-ranges.d.ts","sourceRoot":"","sources":["../../../../../src/lib/date-picker/disabled-ranges.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB;AAWD,wGAAwG;AACxG,wBAAgB,2BAA2B,CACzC,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,SAAS,iBAAiB,EAAE,GAAG,SAAS,GAC/C,OAAO,CAWT;AAED,oFAAoF;AACpF,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,cAAc,EAAE,SAAS,iBAAiB,EAAE,GAAG,SAAS,GACvD,OAAO,CAKT"}

package/dist/Mates-design/src/lib/date-picker/get-calendar.d.ts

@@ -0,0 +1,31 @@
+export interface CalendarDay {
+    /** Day of month (1–31) */
+    date: number;
+    /** 1-based month */
+    month: number;
+    year: number;
+    /** true only for days that belong to the requested month */
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    /** ms timestamp (midnight local time) */
+    timestamp: number;
+}
+/**
+ * getCalendar(year, month, weekStart?)
+ *
+ * @param year       Full year, e.g. 2025
+ * @param month      1-based month, e.g. 1 = January
+ * @param weekStart  0 = Sunday (default), 1 = Monday
+ * @returns Array of up to 6 weeks; each week is always exactly 7 CalendarDay items.
+ *
+ * @example
+ * const weeks = getCalendar(2025, 4, 1);  // April 2025, week starts Monday
+ * weeks.forEach(week => week.forEach(day => console.log(day.date)));
+ */
+export declare function getCalendar(year: number, month: number, weekStart?: 0 | 1): CalendarDay[][];
+/**
+ * Weekday header labels for the calendar grid.
+ * @param locale BCP 47 tag(s) for `Intl`, or omit / `"default"` for runtime locale.
+ */
+export declare function getWeekdayHeaders(weekStart?: 0 | 1, style?: "narrow" | "short", locale?: string | string[]): string[];
+//# sourceMappingURL=get-calendar.d.ts.map

package/dist/Mates-design/src/lib/date-picker/get-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-calendar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/date-picker/get-calendar.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;CACnB;AAmBD;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,SAAS,GAAE,CAAC,GAAG,CAAK,GACnB,WAAW,EAAE,EAAE,CAiEjB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,GAAE,CAAC,GAAG,CAAK,EACpB,KAAK,GAAE,QAAQ,GAAG,OAAkB,EACpC,MAAM,GAAE,MAAM,GAAG,MAAM,EAAc,GACpC,MAAM,EAAE,CASV"}

package/dist/Mates-design/src/lib/date-picker/year-field.d.ts

@@ -0,0 +1,4 @@
+/** Parse a year string; must be an integer in [minY, maxY]. */
+export declare function parseYearInRange(raw: string, minY: number, maxY: number): number | null;
+export declare const dpYearField: (viewYear: number, minYear: number, maxYear: number, onValidYear: (y: number) => void) => import("lit-html/directive.js").DirectiveResult;
+//# sourceMappingURL=year-field.d.ts.map

package/dist/Mates-design/src/lib/date-picker/year-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-field.d.ts","sourceRoot":"","sources":["../../../../../src/lib/date-picker/year-field.ts"],"names":[],"mappings":"AAEA,+DAA+D;AAC/D,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAOvF;AASD,eAAO,MAAM,WAAW,wEAHL,MAAM,KAAK,IAAI,oDA0EhC,CAAC"}

package/dist/Mates-design/src/lib/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,42 @@
+import { type TemplateResult } from "mates";
+import type { DatePickerUiStrings } from "../date-picker/date-picker-locale";
+import type { DateDisabledRange } from "../date-picker/disabled-ranges";
+import "../date-picker/date-picker.css";
+export type { DateDisabledRange };
+export interface DateRange {
+    start: number | null;
+    end: number | null;
+}
+export interface DateRangePickerOptions {
+    value?: DateRange | null;
+    placeholder?: string;
+    label?: string;
+    helper?: string;
+    error?: boolean;
+    disabled?: boolean;
+    min?: number | string;
+    max?: number | string;
+    /** Inclusive local days that cannot be range start/end (may still lie inside a range). */
+    disabledRanges?: readonly DateDisabledRange[];
+    disableBefore?: number | string;
+    disableAfter?: number | string;
+    calendarStart?: number | string;
+    calendarEnd?: number | string;
+    weekStart?: 0 | 1;
+    /** Format one timestamp for the trigger (each side of the range). */
+    format?: (ts: number) => string;
+    /** BCP 47 locale for month/weekday names and default `format` (see single DatePicker). */
+    locale?: string | string[];
+    /** Calendar UI strings; defaults include a range-specific dialog label. */
+    strings?: Partial<DatePickerUiStrings>;
+    viewYear?: number;
+    viewMonth?: number;
+    onChange?: (range: DateRange) => void;
+    onViewChange?: (year: number, month: number) => void;
+    id?: string;
+}
+/**
+ * DateRangePicker — two-click range selection (start, then end) in a calendar popup.
+ */
+export declare function DateRangePicker(opts?: DateRangePickerOptions): TemplateResult;
+//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/Mates-design/src/lib/date-range-picker/date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../../src/lib/date-range-picker/date-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAYjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAU7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AASxE,OAAO,gCAAgC,CAAC;AAExC,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAElC,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAClB,qEAAqE;IACrE,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AA2ID;;GAEG;AACH,wBAAgB,eAAe,CAC7B,IAAI,GAAE,sBAA2B,GAChC,cAAc,CAuVhB"}

package/dist/Mates-design/src/lib/date-time-picker/date-time-picker.d.ts

@@ -0,0 +1,48 @@
+import { type TemplateResult } from "mates";
+import type { DatePickerUiStrings } from "../date-picker/date-picker-locale";
+import type { DateDisabledRange } from "../date-picker/disabled-ranges";
+import type { TimeValue } from "../time-picker/time-picker";
+import "./date-time-picker.css";
+import "../date-picker/date-picker.css";
+import "../time-picker/time-picker.css";
+export type { TimeValue };
+export type { DateDisabledRange };
+export interface DateTimePickerOptions {
+    /** Selected instant (ms) or ISO string. `null` = none. */
+    value?: number | string | null;
+    placeholder?: string;
+    label?: string;
+    helper?: string;
+    error?: boolean;
+    disabled?: boolean;
+    min?: number | string;
+    max?: number | string;
+    disabledRanges?: readonly DateDisabledRange[];
+    disableBefore?: number | string;
+    disableAfter?: number | string;
+    calendarStart?: number | string;
+    calendarEnd?: number | string;
+    weekStart?: 0 | 1;
+    /** Trigger text; default: medium date + short time via Intl. */
+    format?: (ts: number) => string;
+    locale?: string | string[];
+    strings?: Partial<DatePickerUiStrings> & {
+        /** `role="dialog"` name; default: "Date and time". */
+        dateTimeDialog?: string;
+        hour?: string;
+        minute?: string;
+    };
+    minuteStep?: number;
+    viewYear?: number;
+    viewMonth?: number;
+    onChange?: (ts: number | null) => void;
+    onViewChange?: (year: number, month: number) => void;
+    id?: string;
+}
+/**
+ * DateTimePicker — one trigger opens a panel with calendar + time (AM/PM, hour, minute).
+ * Value is a full timestamp; changing the date keeps the time, and changing the time
+ * keeps the date (or uses today if no date is selected yet).
+ */
+export declare function DateTimePicker(opts?: DateTimePickerOptions): TemplateResult;
+//# sourceMappingURL=date-time-picker.d.ts.map

package/dist/Mates-design/src/lib/date-time-picker/date-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../../../src/lib/date-time-picker/date-time-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAWjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAU7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAUxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,wBAAwB,CAAC;AAChC,OAAO,gCAAgC,CAAC;AACxC,OAAO,gCAAgC,CAAC;AAExC,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAElC,MAAM,WAAW,qBAAqB;IACpC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAClB,gEAAgE;IAChE,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG;QACvC,sDAAsD;QACtD,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAkID;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,IAAI,GAAE,qBAA0B,GAC/B,cAAc,CAybhB"}

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

@@ -0,0 +1,81 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import "./descriptions.css";
+export type DescriptionsLayout = "horizontal" | "vertical";
+export type DescriptionsSize = "sm" | "md" | "lg";
+export interface DescriptionItem {
+    /** Label / key displayed for this item. */
+    label: string | TemplateResult;
+    /** Value / content displayed for this item. */
+    children: string | number | TemplateResult;
+    /**
+     * Number of grid columns this item should span.
+     * Clamped to the current `column` count. Default `1`.
+     */
+    span?: number;
+}
+export interface DescriptionsOptions {
+    /** Optional header title. */
+    title?: string | TemplateResult;
+    /** Items to display as key-value pairs. */
+    items: DescriptionItem[];
+    /**
+     * Number of key-value pairs per row (1–4).
+     * Default `3`.
+     */
+    column?: number;
+    /**
+     * Label placement relative to content.
+     * - `"horizontal"` — label and value sit side-by-side in each cell.
+     * - `"vertical"` — label stacks above value.
+     * Default `"horizontal"`.
+     */
+    layout?: DescriptionsLayout;
+    /** Render borders around cells. Default `false`. */
+    bordered?: boolean;
+    /** Density variant. Default `"md"`. */
+    size?: DescriptionsSize;
+    /** Show a colon after each label. Default `true`. */
+    colon?: boolean;
+    /** Extra action content rendered at the trailing end of the header row. */
+    extra?: TemplateResult;
+    /** Overrides default `data-testid="md-descriptions"`. */
+    testId?: string;
+    styles?: {
+        root?: StyleMap;
+        header?: StyleMap;
+        body?: StyleMap;
+    };
+    attrs?: {
+        root?: AttrMap;
+    };
+}
+/**
+ * Descriptions — key-value detail list, similar to Ant Design's Descriptions.
+ *
+ * Uses CSS grid for columnar layout with optional borders, colon separators,
+ * and horizontal / vertical label placement.
+ *
+ * @example
+ * Descriptions({
+ *   title: "User Info",
+ *   items: [
+ *     { label: "Name", children: "Alice" },
+ *     { label: "Age",  children: 30 },
+ *     { label: "Email", children: "alice@example.com", span: 2 },
+ *   ],
+ * })
+ *
+ * @example
+ * Descriptions({
+ *   items: myItems,
+ *   column: 2,
+ *   bordered: true,
+ *   layout: "vertical",
+ *   size: "sm",
+ *   colon: false,
+ *   extra: html`<button>Edit</button>`,
+ * })
+ */
+export declare function Descriptions(opts: DescriptionsOptions): TemplateResult;
+//# sourceMappingURL=descriptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../../../../src/lib/descriptions/descriptions.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,oBAAoB,CAAC;AAS5B,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAChC,2CAA2C;IAC3C,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,MAAM,CAAC,EAAE,QAAQ,CAAC;QAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;IACjE,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5B;AA2CD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,mBAAmB,GAAG,cAAc,CAuMtE"}

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

@@ -0,0 +1,106 @@
+import { type TemplateResult } from "mates";
+import type { AtomType } from "mates";
+import type { AttrMap, StyleMap } from "mates";
+import type { IconInput } from "../icon/icon";
+import "./dialog.css";
+export type DialogVariant = "standard" | "alert" | "fullscreen";
+export interface DialogOptions {
+    /** Reactive atom — preferred. Visibility follows `openAtom()`; close sets it to `false`. */
+    openAtom?: AtomType<boolean>;
+    /** Plain boolean — use when you re-render each frame (e.g. `open: myAtom()`). */
+    open?: boolean;
+    /** Visual variant. Default `"standard"`. */
+    variant?: DialogVariant;
+    /** Panel width. Default `"25rem"` (400 px). Pass `"auto"` to size by content. */
+    width?: string;
+    /** Max panel height. Default `"min(90vh, 48rem)"`. */
+    maxHeight?: string;
+    /**
+     * Fully custom header.  When provided, `title`, `icon`, `closeButton`,
+     * `fullscreenLeading`, and `fullscreenTrailing` are all ignored.
+     */
+    header?: TemplateResult;
+    /** Heading text or template. Renders inside the default header. */
+    title?: string | TemplateResult;
+    /** Leading icon shown in alert / standard header (left of title). */
+    icon?: IconInput;
+    /** Show the built-in ✕ close button in the header. Default `false`. */
+    closeButton?: boolean;
+    /** Fullscreen variant — leading slot (usually a close/back button). */
+    fullscreenLeading?: TemplateResult;
+    /** Fullscreen variant — trailing slot (usually an action button). */
+    fullscreenTrailing?: TemplateResult;
+    /**
+     * Fully custom body.  Replaces the default body wrapper entirely.
+     * Use when you need total control over padding / overflow.
+     */
+    body?: TemplateResult;
+    /** Remove the default body padding. Default `false`. */
+    noPadding?: boolean;
+    /** Allow body content to scroll vertically. Default `true`. */
+    scrollable?: boolean;
+    /**
+     * Fully custom footer.  When provided it is rendered as-is inside the
+     * footer wrapper.  Pass `FooterBar([...])` here for the standard action
+     * button layout.
+     */
+    footer?: TemplateResult;
+    /**
+     * Legacy shorthand — array of action `TemplateResult`s appended to the
+     * default right-aligned footer.  Ignored when `footer` is set.
+     */
+    actions?: TemplateResult[];
+    /** Show a 1 px divider between header and body. Default `false`. */
+    headerDivider?: boolean;
+    /** Show a 1 px divider between body and footer. Default `false`. */
+    footerDivider?: boolean;
+    /** Click on the scrim closes the dialog. Default `true`. */
+    scrimDismiss?: boolean;
+    /** Called when the dialog requests to close (Escape / close button / scrim). */
+    onClose?: () => void;
+    /** Overrides default `data-testid="md-dialog"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+    styles?: {
+        root?: StyleMap;
+        header?: StyleMap;
+        body?: StyleMap;
+        footer?: StyleMap;
+        scrim?: StyleMap;
+    };
+}
+/**
+ * Dialog — modal overlay with a fully customisable header, body, and footer.
+ *
+ * Minimal usage — title + body + footer:
+ * ```ts
+ * import { Dialog, FooterBar, Button } from "mates-design";
+ * import { atom } from "mates";
+ *
+ * const open = atom(false);
+ *
+ * Dialog({
+ *   openAtom: open,
+ *   title: "Confirm delete",
+ *   body: html`<p>Are you sure? This cannot be undone.</p>`,
+ *   footer: FooterBar([
+ *     Button("Cancel",  { variant: "ghost",  on: { root: { click: () => open.set(false) } } }),
+ *     Button("Delete",  { variant: "danger", on: { root: { click: () => handleDelete() } } }),
+ *   ]),
+ * })
+ * ```
+ *
+ * Fully custom slots:
+ * ```ts
+ * Dialog({
+ *   openAtom: open,
+ *   header: html`<div class="my-header">…</div>`,
+ *   body:   html`<div class="my-body">…</div>`,
+ *   footer: html`<div class="my-footer">…</div>`,
+ * })
+ * ```
+ */
+export declare function Dialog(opts: DialogOptions): TemplateResult;
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/lib/dialog/dialog.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,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,cAAc,CAAC;AAItB,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;AAEhE,MAAM,WAAW,aAAa;IAE5B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;IAGf,4CAA4C;IAC5C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAChC,qEAAqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,cAAc,CAAC;IAGpC;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAG3B,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAGrB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3B,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,MAAM,CAAC,EAAE,QAAQ,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,MAAM,CAAC,EAAE,QAAQ,CAAC;QAClB,KAAK,CAAC,EAAE,QAAQ,CAAC;KAClB,CAAC;CACH;AA6DD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,aAAa,GAAG,cAAc,CAmN1D"}

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

@@ -0,0 +1,17 @@
+import { type TemplateResult } from "mates";
+import type { StyleMap, AttrMap } from "mates";
+import "./divider.css";
+export interface DividerOptions {
+    vertical?: boolean;
+    inset?: boolean;
+    /** Overrides default `data-testid="md-divider"`. */
+    testId?: string;
+    attrs?: {
+        root?: AttrMap;
+    };
+    styles?: {
+        root?: StyleMap;
+    };
+}
+export declare function Divider(opts?: DividerOptions): TemplateResult;
+//# sourceMappingURL=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/divider/divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3B,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;KAAE,CAAC;CAC9B;AAED,wBAAgB,OAAO,CAAC,IAAI,GAAE,cAAmB,GAAG,cAAc,CAkCjE"}

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

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

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

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