@getufy/flint-ui 0.1.0

package/dist/date-range-picker/flint-date-range-calendar.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+import { type DateRange } from './date-range-helpers.js';
+/**
+ * A dual-month calendar for range selection.
+ * Shows two months side-by-side (or stacked on narrow screens).
+ *
+ * @fires flint-date-range-picker-select - { detail: { value: DateRange } } on each click
+ */
+export declare class FlintDateRangeCalendar extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Current selected range [startISO, endISO]. */
+    value: DateRange;
+    /** Minimum selectable date (ISO YYYY-MM-DD). */
+    min: string;
+    /** Maximum selectable date (ISO YYYY-MM-DD). */
+    max: string;
+    /** Disables the calendar and prevents date selection. */
+    disabled: boolean;
+    private _leftYear;
+    private _leftMonth;
+    private _hoverIso;
+    connectedCallback(): void;
+    /** Navigate the calendar view to the month containing the given ISO date. */
+    navigateTo(iso: string): void;
+    private get _rightYear();
+    private get _rightMonth();
+    private _prevMonth;
+    private _nextMonth;
+    private _handleCellClick;
+    private _handleCellHover;
+    private _handleMouseLeave;
+    private _renderMonthPanel;
+    private _renderCell;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-date-range-calendar': FlintDateRangeCalendar;
+    }
+}
+//# sourceMappingURL=flint-date-range-calendar.d.ts.map

package/dist/date-range-picker/flint-date-range-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-date-range-calendar.d.ts","sourceRoot":"","sources":["../../src/date-range-picker/flint-date-range-calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,EAIH,KAAK,SAAS,EAEjB,MAAM,yBAAyB,CAAC;AAGjC;;;;;GAKG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IAClD,MAAM,CAAC,MAAM,0BAAwC;IAIrD,iDAAiD;IACtB,KAAK,EAAE,SAAS,CAAoB;IAE/D,gDAAgD;IACpB,GAAG,SAAM;IACrC,gDAAgD;IACpB,GAAG,SAAM;IACrC,yDAAyD;IAC5B,QAAQ,UAAS;IAIrC,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,UAAU,CAAyB;IAC3C,OAAO,CAAC,SAAS,CAAM;IAEhC,iBAAiB;IASjB,6EAA6E;IAC7E,UAAU,CAAC,GAAG,EAAE,MAAM;IAKtB,OAAO,KAAK,UAAU,GAErB;IACD,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,gBAAgB;IA2BxB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,iBAAiB;IAiCzB,OAAO,CAAC,WAAW;IAuBnB,MAAM;CAQT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,2BAA2B,EAAE,sBAAsB,CAAC;KACvD;CACJ"}

package/dist/date-range-picker/flint-date-range-calendar.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-date-range-calendar-BPBdO9n3.js";
+export { e as FlintDateRangeCalendar };

package/dist/date-range-picker/flint-date-range-picker.d.ts

@@ -0,0 +1,74 @@
+import { LitElement } from 'lit';
+import '../dialog/flint-dialog.js';
+import './flint-single-input-date-range-field.js';
+import './flint-date-range-calendar.js';
+import { type DateRange, type Shortcut } from './date-range-helpers.js';
+/**
+ * A date range picker combining a segmented field and a dual-month calendar.
+ *
+ * Variants:
+ * - `desktop`  — calendar in a popover (default)
+ * - `mobile`   — calendar in a modal dialog with Cancel/OK
+ * - `static`   — always-visible calendar, no field
+ * - `auto`     — desktop on pointer:fine, mobile on pointer:coarse
+ *
+ * @fires flint-date-range-picker-change - { detail: { value: DateRange } } when range is committed
+ */
+export declare class FlintDateRangePicker extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Selected range [startISO, endISO]. Empty strings mean unset. */
+    value: DateRange;
+    /** Label shown above the field. */
+    label: string;
+    /** Variant: 'desktop' | 'mobile' | 'static' | 'auto'. */
+    variant: 'desktop' | 'mobile' | 'static' | 'auto';
+    /** Use a multi-input field (two separate fields) instead of single-input. Currently shows two simple text displays. */
+    multiInput: boolean;
+    /** Show shortcuts panel. */
+    shortcuts: boolean;
+    /** Custom shortcuts list. Defaults to built-in shortcuts when shortcuts=true. */
+    shortcutItems: Shortcut[];
+    /** Minimum selectable date (ISO YYYY-MM-DD). */
+    min: string;
+    /** Maximum selectable date (ISO YYYY-MM-DD). */
+    max: string;
+    /** Form field name for hidden inputs. */
+    name: string;
+    /** Disables the picker and prevents interaction. */
+    disabled: boolean;
+    /** Makes the picker read-only (visible but not editable). */
+    readonly: boolean;
+    /** Displays the picker in an error state. */
+    error: boolean;
+    /** Helper text shown below the field. */
+    helperText: string;
+    private _open;
+    private _pendingValue;
+    private _activeShortcut;
+    private get _resolvedVariant();
+    private get _effectiveShortcuts();
+    private _openPicker;
+    private _closePicker;
+    private _handleCalendarSelect;
+    private _handleFieldRangeChange;
+    private _handleShortcut;
+    private _handleStaticSelect;
+    private _commit;
+    private _handleMobileOk;
+    private _handleMobileCancel;
+    private _formatRange;
+    private _renderShortcuts;
+    private _renderCalendar;
+    private _renderField;
+    private _renderMobileField;
+    private _renderDesktop;
+    private _renderMobile;
+    private _renderStatic;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-date-range-picker': FlintDateRangePicker;
+    }
+}
+//# sourceMappingURL=flint-date-range-picker.d.ts.map

package/dist/date-range-picker/flint-date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-date-range-picker.d.ts","sourceRoot":"","sources":["../../src/date-range-picker/flint-date-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AAE3D,OAAO,2BAA2B,CAAC;AACnC,OAAO,0CAA0C,CAAC;AAClD,OAAO,gCAAgC,CAAC;AACxC,OAAO,EAGH,KAAK,SAAS,EACd,KAAK,QAAQ,EAChB,MAAM,yBAAyB,CAAC;AAGjC;;;;;;;;;;GAUG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAAsC;IAInD,mEAAmE;IACxC,KAAK,EAAE,SAAS,CAAoB;IAE/D,mCAAmC;IACP,KAAK,SAAgB;IAEjD,yDAAyD;IAC7B,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAa;IAE1F,uHAAuH;IAChE,UAAU,UAAS;IAE1E,4BAA4B;IACC,SAAS,UAAS;IAE/C,iFAAiF;IACtD,aAAa,EAAE,QAAQ,EAAE,CAAM;IAE1D,gDAAgD;IACpB,GAAG,SAAM;IACrC,gDAAgD;IACpB,GAAG,SAAM;IACrC,yCAAyC;IACb,IAAI,SAAM;IAEtC,oDAAoD;IACR,QAAQ,UAAS;IAC7D,6DAA6D;IACjB,QAAQ,UAAS;IAC7D,6CAA6C;IACD,KAAK,UAAS;IAC1D,yCAAyC;IACa,UAAU,SAAM;IAI7D,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,eAAe,CAAM;IAItC,OAAO,KAAK,gBAAgB,GAK3B;IAED,OAAO,KAAK,mBAAmB,GAE9B;IAID,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,qBAAqB;IAY7B,OAAO,CAAC,uBAAuB;YAKjB,eAAe;IAmB7B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,kBAAkB;IAwB1B,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,aAAa;IAarB,MAAM;CAMT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,oBAAoB,CAAC;KACnD;CACJ"}

package/dist/date-range-picker/flint-date-range-picker.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-date-range-picker-DiVjn_ST.js";
+export { e as FlintDateRangePicker };

package/dist/date-range-picker/flint-single-input-date-range-field.d.ts

@@ -0,0 +1,65 @@
+import { LitElement } from 'lit';
+import { type DateRange } from './date-range-helpers.js';
+/**
+ * A single-input field for entering a date range (start → end).
+ * Renders as "MM/DD/YYYY – MM/DD/YYYY" with six independently editable segments.
+ *
+ * @fires flint-date-range-picker-change - { detail: { value: DateRange } } when both dates are complete
+ * @fires flint-date-range-picker-clear  - fired when all segments are cleared
+ */
+export declare class FlintSingleInputDateRangeField extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Controlled range value [startISO, endISO]. */
+    value: DateRange;
+    /** Field label text. */
+    label: string;
+    /** Form field name used for hidden inputs. */
+    name: string;
+    /** Minimum allowed date (ISO YYYY-MM-DD). */
+    min: string;
+    /** Maximum allowed date (ISO YYYY-MM-DD). */
+    max: string;
+    /** Disables the field and prevents interaction. */
+    disabled: boolean;
+    /** Makes the field read-only (visible but not editable). */
+    readonly: boolean;
+    /** Displays the field in an error state. */
+    error: boolean;
+    /** Helper text shown below the field. */
+    helperText: string;
+    private _sm;
+    private _sd;
+    private _sy;
+    private _em;
+    private _ed;
+    private _ey;
+    private _active;
+    private _focused;
+    private _buf;
+    willUpdate(changed: Map<string, unknown>): void;
+    setRange(range: DateRange): void;
+    clear(): void;
+    private _canGoNext;
+    private _canGoPrev;
+    private _commitPartialBuffer;
+    private _setMonthSeg;
+    private _setActive;
+    private _nextSegment;
+    private _prevSegment;
+    private _handleDigit;
+    private _adjust;
+    private _checkAndEmit;
+    private _handleKeyDown;
+    private _handleFocus;
+    private _handleBlur;
+    private _segText;
+    private _hasAnyValue;
+    private _renderSeg;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-single-input-date-range-field': FlintSingleInputDateRangeField;
+    }
+}
+//# sourceMappingURL=flint-single-input-date-range-field.d.ts.map

package/dist/date-range-picker/flint-single-input-date-range-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-single-input-date-range-field.d.ts","sourceRoot":"","sources":["../../src/date-range-picker/flint-single-input-date-range-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AAG3D,OAAO,EAEH,KAAK,SAAS,EACjB,MAAM,yBAAyB,CAAC;AAajC;;;;;;GAMG;AACH,qBACa,8BAA+B,SAAQ,UAAU;IAC1D,MAAM,CAAC,MAAM,0BAAgD;IAI7D,iDAAiD;IACtB,KAAK,EAAE,SAAS,CAAoB;IAE/D,wBAAwB;IACI,KAAK,SAAM;IACvC,8CAA8C;IAClB,IAAI,SAAM;IACtC,6CAA6C;IACjB,GAAG,SAAM;IACrC,6CAA6C;IACjB,GAAG,SAAM;IAErC,mDAAmD;IACP,QAAQ,UAAS;IAC7D,4DAA4D;IAChB,QAAQ,UAAS;IAC7D,4CAA4C;IACA,KAAK,UAAS;IAC1D,yCAAyC;IACa,UAAU,SAAM;IAI7D,OAAO,CAAC,GAAG,CAAuB;IAClC,OAAO,CAAC,GAAG,CAAuB;IAClC,OAAO,CAAC,GAAG,CAAuB;IAClC,OAAO,CAAC,GAAG,CAAuB;IAClC,OAAO,CAAC,GAAG,CAAuB;IAClC,OAAO,CAAC,GAAG,CAAuB;IAElC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,IAAI,CAAM;IAE3B,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAgBxC,QAAQ,CAAC,KAAK,EAAE,SAAS;IAKzB,KAAK;IAUL,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IA2DpB,OAAO,CAAC,OAAO;IAuBf,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,cAAc;IA2DtB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,QAAQ;IAuBhB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAkBlB,MAAM;CAgDT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qCAAqC,EAAE,8BAA8B,CAAC;KACzE;CACJ"}

package/dist/date-range-picker/flint-single-input-date-range-field.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-single-input-date-range-field-BVGf6515.js";
+export { e as FlintSingleInputDateRangeField };

package/dist/dialog/flint-dialog.d.ts

@@ -0,0 +1,76 @@
+import { LitElement, type PropertyValues } from 'lit';
+import '../backdrop/flint-backdrop';
+/**
+ * flint-dialog: a modal dialog component.
+ *
+ * @fires close - Dispatched when the dialog requests to be closed (backdrop click or
+ *               an explicit call to `requestClose()`). The host is responsible for
+ *               setting `open = false` in response.
+ * @fires confirm - Dispatched by confirmation dialogs when the user clicked "confirm".
+ * @fires cancel  - Dispatched by confirmation dialogs when the user clicked "cancel".
+ *
+ * @slot - Default slot for dialog content (title, content, actions sub-components).
+ */
+export declare class FlintDialog extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Controls the open / closed state of the dialog. */
+    open: boolean;
+    private _lastFocused;
+    /** Animation style: 'scale' (default), 'slide-up', or 'slide-down'. */
+    transition: 'scale' | 'slide-up' | 'slide-down';
+    /**
+     * When true, clicking the backdrop will NOT close the dialog.
+     * Useful for confirmation dialogs where the user must make a deliberate choice.
+     */
+    disableBackdropClose: boolean;
+    connectedCallback(): void;
+    updated(changed: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private readonly _handleKeyDown;
+    /** Programmatically request the dialog to close (fires the 'close' event). */
+    requestClose(): void;
+    private _handleBackdropClose;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * flint-dialog-title: heading area of a dialog.
+ * Automatically assigned id="dialog-title" for aria-labelledby.
+ */
+export declare class FlintDialogTitle extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * flint-dialog-content: scrollable content area of a dialog.
+ */
+export declare class FlintDialogContent extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * flint-dialog-content-text: body text inside a dialog content area.
+ */
+export declare class FlintDialogContentText extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * flint-dialog-actions: footer button row for a dialog.
+ * Use the `align` prop to control button alignment.
+ */
+export declare class FlintDialogActions extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Alignment of action buttons: 'end' (default), 'start', 'center', 'space-between'. */
+    align: 'start' | 'center' | 'end' | 'space-between';
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-dialog': FlintDialog;
+        'flint-dialog-title': FlintDialogTitle;
+        'flint-dialog-content': FlintDialogContent;
+        'flint-dialog-content-text': FlintDialogContentText;
+        'flint-dialog-actions': FlintDialogActions;
+    }
+}
+//# sourceMappingURL=flint-dialog.d.ts.map

package/dist/dialog/flint-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-dialog.d.ts","sourceRoot":"","sources":["../../src/dialog/flint-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQvE,OAAO,4BAA4B,CAAC;AAKpC;;;;;;;;;;GAUG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA6B;IAE1C,sDAAsD;IACV,IAAI,UAAS;IAEzD,OAAO,CAAC,YAAY,CAA4B;IAEhD,uEAAuE;IAC3C,UAAU,EAAE,OAAO,GAAG,UAAU,GAAG,YAAY,CAAW;IAEtF;;;OAGG;IAC+D,oBAAoB,UAAS;IAE/F,iBAAiB;IAKR,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAkB9C,oBAAoB;IAQpB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAI7B;IAEF,8EAA8E;IAC9E,YAAY;IAIZ,OAAO,CAAC,oBAAoB;IAS5B,MAAM;CAsBP;AAED;;;GAGG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAkC;IAE/C,MAAM;CAGP;AAED;;GAEG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAAoC;IAEjD,MAAM;CAGP;AAED;;GAEG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,0BAAwC;IAErD,MAAM;CAGP;AAED;;;GAGG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAAoC;IAEjD,wFAAwF;IAC7C,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,CAAS;IAEvG,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;QAC5B,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,2BAA2B,EAAE,sBAAsB,CAAC;QACpD,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/dist/dialog/flint-dialog.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, r, t as i } from "../_shared/flint-dialog-CH1ylFUb.js";
+export { i as FlintDialog, n as FlintDialogActions, r as FlintDialogContent, t as FlintDialogContentText, e as FlintDialogTitle };

package/dist/divider/flint-divider.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+/**
+ * A divider component that provides a thin line for grouping elements.
+ *
+ * @slot - Optional text or content to display within the divider.
+ */
+export declare class FlintDivider extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Orientation of the divider line. */
+    orientation: 'horizontal' | 'vertical';
+    /** Inset variant controlling how far the divider extends. */
+    variant: 'full' | 'middle' | 'inset';
+    /** Thickness of the divider line. */
+    weight: 'light' | 'medium' | 'heavy';
+    /** Alignment of text content within the divider. */
+    textAlign: 'left' | 'center' | 'right';
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-divider': FlintDivider;
+    }
+}
+//# sourceMappingURL=flint-divider.d.ts.map

package/dist/divider/flint-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-divider.d.ts","sourceRoot":"","sources":["../../src/divider/flint-divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAA8B;IAE3C,uCAAuC;IACI,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IACjG,6DAA6D;IACjC,OAAO,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAU;IAC1E,qCAAqC;IACT,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAC3E,oDAAoD;IACxB,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE9E,MAAM;CAkBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/divider/flint-divider.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-divider-Boj8Ggbt.js";
+export { e as FlintDivider };

package/dist/drawer/flint-drawer.d.ts

@@ -0,0 +1,37 @@
+import { LitElement, PropertyValues } from 'lit';
+import '../backdrop/flint-backdrop.js';
+/**
+ * Navigation drawers provide ergonomic access to destinations in a site or app.
+ *
+ * @slot - Drawer content.
+ * @fires flint-drawer-close - Dispatched when the drawer requests to be closed (backdrop click or Escape).
+ */
+export declare class FlintDrawer extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Whether the drawer is open. */
+    open: boolean;
+    /** Side from which the drawer slides in. */
+    anchor: 'left' | 'right' | 'top' | 'bottom';
+    /** Drawer behavior mode. */
+    variant: 'temporary' | 'persistent' | 'mini';
+    /** Whether the drawer uses edge spacing. */
+    edge: boolean;
+    /** Whether the drawer is contained within its parent. */
+    container: boolean;
+    /** Accessible label for the drawer panel (used as aria-label on the panel). */
+    label: string;
+    /** Element that had focus before the drawer opened; restored on close. */
+    private _lastFocused;
+    private _boundKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private _close;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-drawer': FlintDrawer;
+    }
+}
+//# sourceMappingURL=flint-drawer.d.ts.map

package/dist/drawer/flint-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-drawer.d.ts","sourceRoot":"","sources":["../../src/drawer/flint-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,cAAc,EAAE,MAAM,KAAK,CAAC;AAGlE,OAAO,+BAA+B,CAAC;AAEvC;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,0BAA6B;IAE1C,kCAAkC;IACU,IAAI,UAAS;IACzD,4CAA4C;IACD,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAU;IAChG,4BAA4B;IACe,OAAO,EAAE,WAAW,GAAG,YAAY,GAAG,MAAM,CAAe;IACtG,4CAA4C;IACA,IAAI,UAAS;IACzD,yDAAyD;IACb,SAAS,UAAS;IAC9D,+EAA+E;IACnD,KAAK,SAAY;IAE7C,0EAA0E;IAC1E,OAAO,CAAC,YAAY,CAA4B;IAEhD,OAAO,CAAC,aAAa,CAOnB;IAEF,iBAAiB;IAIjB,oBAAoB;IAKpB,OAAO,CAAC,OAAO,EAAE,cAAc;IAgB/B,OAAO,CAAC,MAAM;IAId,MAAM;CA0CT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAAG,cAAc,EAAE,WAAW,CAAC;KAAE;CACnE"}

package/dist/drawer/flint-drawer.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-drawer-BAukflTn.js";
+export { e as FlintDrawer };

package/dist/empty/flint-empty.d.ts

@@ -0,0 +1,70 @@
+import { LitElement } from 'lit';
+/**
+ * Displays the heading of an empty state.
+ *
+ * @slot - Title text.
+ */
+export declare class FlintEmptyTitle extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Displays the descriptive text of an empty state.
+ *
+ * @slot - Description text.
+ */
+export declare class FlintEmptyDescription extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Displays the media area of an empty state (icon, image, or avatar).
+ *
+ * @slot - Media content: icon, image, or avatar elements.
+ *
+ * @attr {'default'|'icon'} variant - Visual treatment:
+ *   - `default` — plain wrapper, no background.
+ *   - `icon` — adds a rounded background + padding suited for icons.
+ */
+export declare class FlintEmptyMedia extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Visual treatment for the media container. */
+    variant: 'default' | 'icon';
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Groups the media, title, and description of an empty state.
+ *
+ * @slot - Accepts `flint-empty-media`, `flint-empty-title`, `flint-empty-description`.
+ */
+export declare class FlintEmptyHeader extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Displays action content for an empty state (buttons, inputs, links).
+ *
+ * @slot - Action elements such as buttons or inputs.
+ */
+export declare class FlintEmptyContent extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Root container for an empty state. Wraps `flint-empty-header` and
+ * `flint-empty-content` in a vertically centred flex column.
+ *
+ * @slot - Accepts `flint-empty-header`, `flint-empty-content`, and any extra
+ *         elements (e.g. a "Learn More" link).
+ *
+ * @csspart container - The inner flex container.
+ *
+ * @cssprop --flint-empty-padding   - Internal padding (default: `32px`).
+ * @cssprop --flint-empty-gap       - Gap between header / content / extras (default: `16px`).
+ * @cssprop --flint-empty-max-width - Max width of the container (default: `480px`).
+ */
+export declare class FlintEmpty extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=flint-empty.d.ts.map

package/dist/empty/flint-empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-empty.d.ts","sourceRoot":"","sources":["../../src/empty/flint-empty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAclD;;;;GAIG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BAAiC;IAC9C,MAAM;CACT;AAMD;;;;GAIG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,0BAAuC;IACpD,MAAM;CACT;AAMD;;;;;;;;GAQG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BAAiC;IAE9C,gDAAgD;IAEhD,OAAO,EAAE,SAAS,GAAG,MAAM,CAAa;IAExC,MAAM;CAOT;AAMD;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAAkC;IAC/C,MAAM;CACT;AAMD;;;;GAIG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,0BAAmC;IAChD,MAAM;CACT;AAMD;;;;;;;;;;;;GAYG;AACH,qBACa,UAAW,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0BAA4B;IAEzC,MAAM;CAOT"}

package/dist/empty/flint-empty.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "../_shared/flint-empty-Bq8DuJQT.js";
+export { a as FlintEmpty, n as FlintEmptyContent, i as FlintEmptyDescription, t as FlintEmptyHeader, e as FlintEmptyMedia, r as FlintEmptyTitle };

package/dist/fab/flint-fab.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * A floating action button (FAB) represents the primary action of a screen.
+ *
+ * @slot icon - The icon to display inside the FAB.
+ * @slot - Default slot for icon content (icon-only FAB).
+ * @slot label - The label to display in the extended FAB.
+ */
+export declare class FlintFab extends LitElement {
+    static styles: import("lit").CSSResult;
+    extended: boolean;
+    disabled: boolean;
+    /** Accessible label for icon-only (non-extended) FABs. */
+    label: string;
+    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'static';
+    updated(changed: PropertyValues): void;
+    private _applyPositionToHost;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-fab': FlintFab;
+    }
+}
+//# sourceMappingURL=flint-fab.d.ts.map

package/dist/fab/flint-fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-fab.d.ts","sourceRoot":"","sources":["../../src/fab/flint-fab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,cAAc,EAAE,MAAM,KAAK,CAAC;AAMlE;;;;;;GAMG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0BAA0B;IAGvC,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB,0DAA0D;IAE1D,KAAK,SAAY;IAGjB,QAAQ,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAkB;IAEhG,OAAO,CAAC,OAAO,EAAE,cAAc;IAM/B,OAAO,CAAC,oBAAoB;IA4B5B,MAAM;CAoBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/fab/flint-fab.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-fab-D8nKcAan.js";
+export { e as FlintFab };

package/dist/flint-range-slider/flint-range-slider.d.ts

@@ -0,0 +1,56 @@
+import { LitElement } from 'lit';
+/**
+ * A range slider that lets users select a start and end value within a range.
+ *
+ * @prop {[number, number]} value          - Current [start, end] values.
+ * @prop {number}           min            - Minimum bound (default: 0).
+ * @prop {number}           max            - Maximum bound (default: 100).
+ * @prop {number}           step           - Step increment (default: 1).
+ * @prop {'sm'|'md'|'lg'}  size           - Visual size of track and thumbs (default: 'md').
+ * @prop {boolean}          disabled       - Disables both thumbs.
+ * @prop {string}           label          - Label text shown above the track.
+ * @prop {boolean}          showValue      - Show the current [start, end] values.
+ *
+ * @fires flint-range-slider-change - When either thumb moves. detail: { value: [number, number] }
+ *
+ * @cssprop {length} --flint-range-slider-track-height   - Track thickness (default: 6px).
+ * @cssprop {length} --flint-range-slider-thumb-size     - Thumb diameter (default: 20px).
+ * @cssprop {color}  --flint-range-slider-track-color    - Unfilled track color.
+ * @cssprop {color}  --flint-range-slider-fill-color     - Filled range color.
+ * @cssprop {color}  --flint-range-slider-thumb-color    - Thumb background color.
+ * @cssprop {color}  --flint-range-slider-thumb-border   - Thumb border color.
+ */
+export declare class FlintRangeSlider extends LitElement {
+    static styles: import("lit").CSSResult;
+    value: [number, number];
+    /** Minimum allowed value. */
+    min: number;
+    /** Maximum allowed value. */
+    max: number;
+    /** Step increment between values. */
+    step: number;
+    /** Visual size of the track and thumbs. */
+    size: 'sm' | 'md' | 'lg';
+    /** Whether the slider is disabled. */
+    disabled: boolean;
+    /** Label text displayed above the slider. */
+    label: string;
+    /** Whether to display the current start and end values. */
+    showValue: boolean;
+    private _activeThumb;
+    updated(changed: Map<string, unknown>): void;
+    private get _start();
+    private get _end();
+    private _pct;
+    private _snap;
+    private _handleStartInput;
+    private _handleEndInput;
+    private _emit;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-range-slider': FlintRangeSlider;
+    }
+}
+//# sourceMappingURL=flint-range-slider.d.ts.map

package/dist/flint-range-slider/flint-range-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-range-slider.d.ts","sourceRoot":"","sources":["../../src/flint-range-slider/flint-range-slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AAO3D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAAkC;IAK/C,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAY;IAEnC,6BAA6B;IACD,GAAG,SAAK;IACpC,6BAA6B;IACD,GAAG,SAAO;IACtC,qCAAqC;IACT,IAAI,SAAK;IACrC,2CAA2C;IACA,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAC3E,sCAAsC;IACM,QAAQ,UAAS;IAC7D,6CAA6C;IACjB,KAAK,SAAM;IACvC,2DAA2D;IACL,SAAS,UAAS;IAI/D,OAAO,CAAC,YAAY,CAA0B;IAIvD,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAoBrC,OAAO,KAAK,MAAM,GAAoC;IACtD,OAAO,KAAK,IAAI,GAAoC;IAEpD,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,KAAK;IAWb,MAAM;CAqET;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,gBAAgB,CAAC;KAC1C;CACJ"}

package/dist/flint-range-slider/flint-range-slider.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-range-slider-IfXMtey2.js";
+export { e as FlintRangeSlider };

package/dist/format-date/flint-format-date.d.ts

@@ -0,0 +1,89 @@
+import { LitElement } from 'lit';
+/**
+ * Parses a Date object or ISO 8601 string into a Date.
+ * @param value - A `Date` instance or any string accepted by `new Date()`.
+ * @returns A valid `Date` if parsing succeeds, or `null` for invalid/NaN dates.
+ */
+export declare function parseDate(value: Date | string): Date | null;
+/**
+ * Formats a date/time using the specified locale and options.
+ * Localization is handled by the browser's `Intl.DateTimeFormat` API — no language packs required.
+ *
+ * @attr {Date|string} date        - The date/time to format. Defaults to the current date/time.
+ * @attr weekday                   - The format for displaying the weekday.
+ * @attr era                       - The format for displaying the era.
+ * @attr year                      - The format for displaying the year.
+ * @attr month                     - The format for displaying the month.
+ * @attr day                       - The format for displaying the day.
+ * @attr hour                      - The format for displaying the hour.
+ * @attr minute                    - The format for displaying the minute.
+ * @attr second                    - The format for displaying the second.
+ * @attr {string} time-zone-name          - The format for displaying the time zone name.
+ * @attr {string} time-zone               - The time zone to express the time in.
+ * @attr {number} fractional-second-digits - Sub-second precision digits (1–3).
+ * @attr {string} date-style              - Shorthand date style: 'full'|'long'|'medium'|'short'.
+ * @attr {string} time-style              - Shorthand time style: 'full'|'long'|'medium'|'short'.
+ * @attr {string} hour-format             - The hour format: 'auto' (browser default), '12', or '24'.
+ * @attr {string} lang                    - BCP 47 language tag for formatting locale.
+ *
+ * @cssprop --flint-format-date-color      - Text color (default: `inherit`).
+ * @cssprop --flint-format-date-font-size  - Font size (default: `inherit`).
+ */
+export declare class FlintFormatDate extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * The date/time to format. Accepts a `Date` object or any string accepted by `new Date()`.
+     * Defaults to the time at which the element is instantiated. The displayed value does **not**
+     * auto-update while the element remains in the DOM — set a new `date` prop to refresh it.
+     */
+    date: Date | string;
+    /** The format for displaying the weekday. */
+    weekday: 'narrow' | 'short' | 'long' | undefined;
+    /** The format for displaying the era. */
+    era: 'narrow' | 'short' | 'long' | undefined;
+    /** The format for displaying the year. */
+    year: 'numeric' | '2-digit' | undefined;
+    /** The format for displaying the month. */
+    month: 'numeric' | '2-digit' | 'narrow' | 'short' | 'long' | undefined;
+    /** The format for displaying the day. */
+    day: 'numeric' | '2-digit' | undefined;
+    /** The format for displaying the hour. */
+    hour: 'numeric' | '2-digit' | undefined;
+    /** The format for displaying the minute. */
+    minute: 'numeric' | '2-digit' | undefined;
+    /** The format for displaying the second. */
+    second: 'numeric' | '2-digit' | undefined;
+    /** The format for displaying the time zone name. */
+    timeZoneName: 'short' | 'long' | 'shortOffset' | 'longOffset' | 'shortGeneric' | 'longGeneric' | undefined;
+    /** The time zone to express the time in (e.g. "UTC", "America/New_York"). */
+    timeZone: string | undefined;
+    /** Number of fractional second digits to display (1–3). */
+    fractionalSecondDigits: 1 | 2 | 3 | undefined;
+    /**
+     * Shorthand date format style. Cannot be combined with individual date field props
+     * (year, month, day, weekday, era). Use `timeStyle` together with this for a full timestamp.
+     */
+    dateStyle: 'full' | 'long' | 'medium' | 'short' | undefined;
+    /**
+     * Shorthand time format style. Cannot be combined with individual time field props
+     * (hour, minute, second). Use `dateStyle` together with this for a full timestamp.
+     */
+    timeStyle: 'full' | 'long' | 'medium' | 'short' | undefined;
+    /**
+     * The hour format to use. `'auto'` uses the browser/locale default.
+     * `'12'` forces 12-hour time. `'24'` forces 24-hour time.
+     */
+    hourFormat: 'auto' | '12' | '24';
+    /** BCP 47 language tag for formatting locale (e.g. "en", "fr", "ru"). Inherits from the document when unset. */
+    lang: string;
+    private _parseDate;
+    private _formatDate;
+    private _localeString;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-format-date': FlintFormatDate;
+    }
+}
+//# sourceMappingURL=flint-format-date.d.ts.map