@getufy/flint-ui 0.1.0

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

@@ -0,0 +1,189 @@
+import { LitElement, type PropertyValues } from 'lit';
+/**
+ * Displays a keyboard shortcut hint inside a command item.
+ * Slot the shortcut string (e.g. `⌘P`) as default slot content.
+ *
+ * @slot - Shortcut text, e.g. `⌘P` or `Ctrl+K`.
+ */
+export declare class FlintCommandShortcut extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/** A hairline separator between command groups. */
+export declare class FlintCommandSeparator extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * A single interactive option inside a command menu.
+ *
+ * @slot          - Item label text.
+ * @slot icon     - Leading icon (16×16).
+ * @slot shortcut - Trailing shortcut hint; prefer `<flint-command-shortcut>`.
+ *
+ * @fires flint-command-item-select - Fired when the item is activated.
+ *   detail: `{ value: string }`
+ *
+ * @attr {string}  value       - Search value used for filtering. Defaults to text content.
+ * @attr {boolean} disabled    - Makes the item non-interactive.
+ * @attr {boolean} highlighted - Set by parent to show keyboard focus.
+ */
+export declare class FlintCommandItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Machine-readable value used for filter matching. Falls back to textContent. */
+    value: string;
+    /** Disables the item — non-interactive and skipped in keyboard nav. */
+    disabled: boolean;
+    /** Set by parent `flint-command` to indicate keyboard focus. */
+    highlighted: boolean;
+    private _hasIcon;
+    private _onIconSlotChange;
+    /** Scroll this item into view (nearest ancestor scroll container). */
+    scrollIntoViewIfNeeded(): void;
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Empty state message shown when no command items match the current query.
+ * Managed automatically by the parent `flint-command` element.
+ *
+ * @slot - Message text, e.g. "No results found."
+ */
+export declare class FlintCommandEmpty extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * A labeled group of command items. The parent `flint-command` automatically
+ * hides the whole group when all its items are filtered out.
+ *
+ * @slot - `flint-command-item` elements.
+ * @attr {string} heading - Group label shown above the items.
+ */
+export declare class FlintCommandGroup extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Label rendered above the group items. */
+    heading: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Scrollable list container for command items and groups.
+ *
+ * @slot - `flint-command-group`, `flint-command-item`, `flint-command-empty`, `flint-command-separator`.
+ */
+export declare class FlintCommandList extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Search input for the command menu. Dispatches `_cmd-filter` events that
+ * the parent `flint-command` intercepts to apply filtering.
+ *
+ * @attr {string} placeholder - Input placeholder text.
+ * @attr {string} value       - Current input value (reflected).
+ */
+export declare class FlintCommandInput extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Placeholder text shown when input is empty. */
+    placeholder: string;
+    /** Current input value. */
+    value: string;
+    private _handleInput;
+    /** Focus the inner input element. */
+    focus(): void;
+    /** Reset the input value and broadcast an empty filter. */
+    reset(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Root command menu component. Manages search filtering and keyboard navigation.
+ *
+ * Compose it with `flint-command-input`, `flint-command-list`, `flint-command-group`,
+ * `flint-command-item`, `flint-command-separator`, and `flint-command-empty`.
+ *
+ * @slot - Command menu content.
+ *
+ * @fires flint-command-item-select - Bubbles up from activated items.
+ *   detail: `{ value: string }`
+ *
+ * @csspart command - The root wrapper div.
+ *
+ * @example
+ * <flint-command>
+ *   <flint-command-input placeholder="Search..."></flint-command-input>
+ *   <flint-command-list>
+ *     <flint-command-empty>No results found.</flint-command-empty>
+ *     <flint-command-group heading="Suggestions">
+ *       <flint-command-item value="calendar">Calendar</flint-command-item>
+ *     </flint-command-group>
+ *   </flint-command-list>
+ * </flint-command>
+ */
+export declare class FlintCommand extends LitElement {
+    static styles: import("lit").CSSResult;
+    private _query;
+    private _highlightedItem;
+    private _handleFilter;
+    /**
+     * Sync keyboard highlight with mouse hover so arrow-key navigation always
+     * continues from the item the pointer last touched.
+     */
+    private _handleMouseOver;
+    private _handleKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Items that can receive keyboard highlight (visible + not disabled). */
+    private _getNavigableItems;
+    private _setHighlight;
+    private _activateItem;
+    private _applyFilter;
+    private _onSlotChange;
+    /** Reset search query and restore all items. */
+    reset(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Modal dialog wrapper for a command menu. Opens with a smooth backdrop + scale
+ * animation. Pressing `Escape` or clicking the backdrop fires `flint-command-dialog-close`.
+ *
+ * @slot - Place a `flint-command` element here.
+ *
+ * @fires flint-command-dialog-close - Fired when the dialog should close.
+ *   The host is responsible for setting `open = false` in response.
+ *
+ * @attr {boolean} open - Controls dialog visibility.
+ *
+ * @example
+ * <flint-command-dialog .open=${open} @flint-command-dialog-close=${() => open = false}>
+ *   <flint-command>
+ *     <flint-command-input></flint-command-input>
+ *     <flint-command-list>...</flint-command-list>
+ *   </flint-command>
+ * </flint-command-dialog>
+ */
+export declare class FlintCommandDialog extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Controls the open/closed state of the dialog. */
+    open: boolean;
+    private _boundKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private _close;
+    private _handleBackdropClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-command': FlintCommand;
+        'flint-command-input': FlintCommandInput;
+        'flint-command-list': FlintCommandList;
+        'flint-command-empty': FlintCommandEmpty;
+        'flint-command-group': FlintCommandGroup;
+        'flint-command-item': FlintCommandItem;
+        'flint-command-separator': FlintCommandSeparator;
+        'flint-command-shortcut': FlintCommandShortcut;
+        'flint-command-dialog': FlintCommandDialog;
+    }
+}
+//# sourceMappingURL=flint-command.d.ts.map

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

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

package/dist/command/flint-command.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../_shared/flint-command-DGhby0QI.js";
+export { c as FlintCommand, i as FlintCommandDialog, o as FlintCommandEmpty, n as FlintCommandGroup, e as FlintCommandInput, a as FlintCommandItem, s as FlintCommandList, t as FlintCommandSeparator, r as FlintCommandShortcut };

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

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+export type ContainerMaxWidth = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
+export declare class FlintContainer extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Determine the max-width of the container.
+     * The container width grows with the size of the screen.
+     * Set to `false` to disable `maxWidth`.
+     */
+    maxWidth: ContainerMaxWidth;
+    /**
+     * If `true`, the left and right padding is removed.
+     */
+    disableGutters: boolean;
+    /**
+     * Set the max-width to match the min-width of the current breakpoint.
+     * This logic is handled via CSS media queries.
+     */
+    fixed: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-container': FlintContainer;
+    }
+}
+//# sourceMappingURL=flint-container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-container.d.ts","sourceRoot":"","sources":["../../src/container/flint-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEzE,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAgC;IAE7C;;;;OAIG;IAUA,QAAQ,EAAE,iBAAiB,CAAQ;IAEtC;;OAEG;IACuE,cAAc,UAAS;IAEjG;;;OAGG;IACyC,KAAK,UAAS;IAE1D,MAAM;CAYT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,cAAc,CAAC;KACrC;CACJ"}

package/dist/container/flint-container.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-container-CYSq758Y.js";
+export { e as FlintContainer };

package/dist/copy-button/flint-copy-button.d.ts

@@ -0,0 +1,55 @@
+import { LitElement } from 'lit';
+/**
+ * Copy Button: copies text to the clipboard with visual feedback.
+ *
+ * @fires flint-copy - Fired after a successful copy operation.
+ * @fires flint-copy-error - Fired when the copy operation fails.
+ */
+export declare class FlintCopyButton extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** The text value to copy. */
+    value: string;
+    /**
+     * An id referencing another element to copy from.
+     * - `from="el"` copies `textContent`
+     * - `from="el[attr]"` copies an attribute value
+     * - `from="el.prop"` copies a property value
+     */
+    from: string;
+    /** Disables the copy button. */
+    disabled: boolean;
+    /** Label shown in the tooltip (idle state). */
+    copyLabel: string;
+    /** Label shown in the tooltip after successful copy. */
+    successLabel: string;
+    /** Label shown in the tooltip on copy error. */
+    errorLabel: string;
+    /** Duration (ms) to show feedback before returning to idle. */
+    feedbackDuration: number;
+    /** Tooltip placement. */
+    tooltipPlacement: 'top' | 'right' | 'bottom' | 'left';
+    private _state;
+    private _feedbackTimer;
+    private _showTooltip;
+    private _tooltipId;
+    disconnectedCallback(): void;
+    /** Resolves the text to copy from the `from` attribute. */
+    private _resolveFromValue;
+    /** Returns the text to be copied. `from` takes precedence over `value`. */
+    private _getTextToCopy;
+    private _handleClick;
+    private _showFeedback;
+    private _handleMouseEnter;
+    private _handleMouseLeave;
+    private _handleFocus;
+    private _handleBlur;
+    private _renderIcon;
+    private _getTooltipLabel;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-copy-button': FlintCopyButton;
+    }
+}
+//# sourceMappingURL=flint-copy-button.d.ts.map

package/dist/copy-button/flint-copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-copy-button.d.ts","sourceRoot":"","sources":["../../src/copy-button/flint-copy-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiC,MAAM,KAAK,CAAC;AAahE;;;;;GAKG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAAqB;IAE3C,8BAA8B;IACF,KAAK,SAAM;IAEvC;;;;;OAKG;IACyB,IAAI,SAAM;IAEtC,gCAAgC;IACY,QAAQ,UAAS;IAE7D,+CAA+C;IACM,SAAS,SAAU;IAExE,wDAAwD;IACA,YAAY,SAAa;IAEjF,gDAAgD;IACM,UAAU,SAAW;IAE3E,+DAA+D;IACH,gBAAgB,SAAQ;IAEpF,yBAAyB;IACmC,gBAAgB,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAS;IAE1H,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAA6C;IAEtD,oBAAoB,IAAI,IAAI;IAQrC,2DAA2D;IAC3D,OAAO,CAAC,iBAAiB;IAsBzB,2EAA2E;IAC3E,OAAO,CAAC,cAAc;YAOR,YAAY;IAiC1B,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,gBAAgB;IAQf,MAAM;CA+BlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}

package/dist/copy-button/flint-copy-button.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-copy-button-Y4yVbPxo.js";
+export { e as FlintCopyButton };

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

@@ -0,0 +1,82 @@
+import { LitElement } from 'lit';
+/**
+ * A segmented keyboard-driven date input.
+ * Each section (month, day, year) is independently editable via keyboard.
+ *
+ * Keyboard interaction:
+ * - **Digits** — fill the focused segment, auto-advance when complete
+ * - **ArrowUp / ArrowDown** — increment / decrement current segment
+ * - **ArrowLeft / ArrowRight, Tab, /** — move between segments
+ * - **Backspace / Delete** — clear the current segment
+ * - **Escape / a** — clear all segments
+ *
+ * @fires flint-date-field-change - { detail: { value: string } } ISO date when all three segments are filled
+ * @fires flint-date-field-clear  - Fired when all segments are cleared
+ *
+ * @attr {string}  value        - Controlled value (YYYY-MM-DD)
+ * @attr {string}  label        - Field label
+ * @attr {string}  name         - Form field name
+ * @attr {boolean} disabled
+ * @attr {boolean} readonly
+ * @attr {boolean} error
+ * @attr {string}  helper-text
+ * @attr {string}  min          - Minimum value (YYYY-MM-DD)
+ * @attr {string}  max          - Maximum value (YYYY-MM-DD)
+ */
+export declare class FlintDateField extends LitElement {
+    /** Opts the element into form participation via the Form-Associated Custom Elements API. */
+    static formAssociated: boolean;
+    static styles: import("lit").CSSResult;
+    /** Controlled date value (ISO YYYY-MM-DD). Set to '' for uncontrolled. */
+    value: string;
+    /** Field label. */
+    label: string;
+    /** Form field name. Reflected so the browser picks it up for form data collection. */
+    name: string;
+    /** Minimum allowed date (ISO). */
+    min: string;
+    /** Maximum allowed date (ISO). */
+    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 readonly _internals;
+    private _month;
+    private _day;
+    private _year;
+    private _active;
+    private _focused;
+    private _buf;
+    willUpdate(changed: Map<string, unknown>): void;
+    updated(): void;
+    /** Clears all three segments and fires 'flint-date-field-clear'. */
+    clear(): void;
+    private _syncFormValue;
+    private _setActive;
+    private _commitPartialBuffer;
+    private _nextSegment;
+    private _prevSegment;
+    private _canGoNext;
+    private _canGoPrev;
+    private _handleDigit;
+    private _adjust;
+    private _checkAndEmit;
+    private _handleKeyDown;
+    private _handleFocus;
+    private _handleBlur;
+    private _handleContainerClick;
+    private _segmentText;
+    private _hasValue;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-date-field': FlintDateField;
+    }
+}
+//# sourceMappingURL=flint-date-field.d.ts.map

package/dist/date-field/flint-date-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-date-field.d.ts","sourceRoot":"","sources":["../../src/date-field/flint-date-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AA+B3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,4FAA4F;IAC5F,MAAM,CAAC,cAAc,UAAQ;IAC7B,MAAM,CAAC,MAAM,0BAAgC;IAG7C,0EAA0E;IAC9C,KAAK,SAAM;IAEvC,mBAAmB;IACS,KAAK,SAAM;IAEvC,sFAAsF;IAC3C,IAAI,SAAM;IAErD,kCAAkC;IACN,GAAG,SAAM;IAErC,kCAAkC;IACN,GAAG,SAAM;IAErC,mDAAmD;IACP,QAAQ,UAAS;IAC7D,4DAA4D;IAChB,QAAQ,UAAS;IAC7D,4CAA4C;IACA,KAAK,UAAS;IAC1D,yCAAyC;IACa,UAAU,SAAM;IAGtE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA4C;IAG9D,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,IAAI,CAAuB;IACnC,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,IAAI,CAAM;IAG3B,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO/B,OAAO;IAShB,oEAAoE;IACpE,KAAK;IASL,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,YAAY;IAsEpB,OAAO,CAAC,OAAO;IA0Bf,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,cAAc;IAoEtB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,SAAS;IAIjB,MAAM;CAuDT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;KACtC;CACJ"}

package/dist/date-field/flint-date-field.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-date-field-CYSc9ezt.js";
+export { e as FlintDateField };

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

@@ -0,0 +1,93 @@
+import { LitElement } from 'lit';
+import '../dialog/flint-dialog.js';
+/**
+ * A standalone calendar grid — the core date-selection view.
+ * Used internally by flint-date-picker, but can also be used on its own.
+ *
+ * @fires flint-date-picker-select  - { detail: { value: string } } ISO date YYYY-MM-DD
+ */
+export declare class FlintDatePickerCalendar extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Currently selected value as ISO string (YYYY-MM-DD). */
+    value?: string;
+    /** Minimum selectable date (ISO). */
+    min?: string;
+    /** Maximum selectable date (ISO). */
+    max?: string;
+    /** Disable all interaction. */
+    disabled: boolean;
+    private _viewYear;
+    private _viewMonth;
+    private _mode;
+    connectedCallback(): void;
+    /** Navigate to the month/year of a given ISO date programmatically. */
+    navigateTo(iso: string): void;
+    private _prevMonth;
+    private _nextMonth;
+    private _selectDay;
+    private _selectYear;
+    private _selectMonth;
+    private _renderDayView;
+    private _renderMonthView;
+    private _renderYearView;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * A date picker with a text field and a calendar popover/modal.
+ *
+ * Variants:
+ * - 'desktop'  — calendar appears in a popover (default)
+ * - 'mobile'   — calendar appears in a full dialog/modal
+ * - 'static'   — calendar always visible, no field
+ * - 'auto'     — desktop on pointer:fine, mobile on pointer:coarse
+ *
+ * @fires change - { detail: { value: string } } when the date changes
+ */
+export declare class FlintDatePicker extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Selected date as ISO string (YYYY-MM-DD). */
+    value: string;
+    /** Label shown above the field. */
+    label: string;
+    /** Placeholder shown in the empty field. */
+    placeholder: string;
+    /** Form field name attribute. */
+    name: string;
+    /** Variant: 'desktop' | 'mobile' | 'static' | 'auto'. */
+    variant: 'desktop' | 'mobile' | 'static' | 'auto';
+    /** Minimum selectable date (ISO). */
+    min: string;
+    /** Maximum selectable date (ISO). */
+    max: string;
+    /** Disables the picker. */
+    disabled: boolean;
+    /** Makes the field read-only (auto-opens a picker when clicked). */
+    readonly: boolean;
+    /** Shows error styling. */
+    error: boolean;
+    /** Helper/error text below the field. */
+    helperText: string;
+    private _open;
+    private _pendingValue;
+    private get _resolvedVariant();
+    private _openPicker;
+    private _closePicker;
+    private _handleCalendarSelect;
+    private _handleStaticSelect;
+    private _commit;
+    private _handleMobileOk;
+    private _handleMobileCancel;
+    private _handleFieldInput;
+    private _renderField;
+    private _renderDesktop;
+    private _renderMobile;
+    private _renderStatic;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-date-picker': FlintDatePicker;
+        'flint-date-picker-calendar': FlintDatePickerCalendar;
+    }
+}
+//# sourceMappingURL=flint-date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-date-picker.d.ts","sourceRoot":"","sources":["../../src/date-picker/flint-date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AAM3D,OAAO,2BAA2B,CAAC;AA8FnC;;;;;GAKG;AACH,qBACa,uBAAwB,SAAQ,UAAU;IACnD,MAAM,CAAC,MAAM,0BAAyC;IAEtD,2DAA2D;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAE3C,qCAAqC;IACT,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzC,qCAAqC;IACT,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzC,+BAA+B;IACF,QAAQ,UAAS;IAErC,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,UAAU,CAAyB;IAC3C,OAAO,CAAC,KAAK,CAAmC;IAEzD,iBAAiB;IASjB,uEAAuE;IACvE,UAAU,CAAC,GAAG,EAAE,MAAM;IAKtB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,eAAe;IAgBvB,MAAM;CAST;AAID;;;;;;;;;;GAUG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BAAiC;IAG9C,gDAAgD;IACpB,KAAK,SAAM;IAEvC,mCAAmC;IACP,KAAK,SAAU;IAE3C,4CAA4C;IAChB,WAAW,SAAgB;IAEvD,iCAAiC;IACL,IAAI,SAAM;IAEtC,yDAAyD;IAC7B,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAa;IAE1F,qCAAqC;IACT,GAAG,SAAM;IAErC,qCAAqC;IACT,GAAG,SAAM;IAErC,2BAA2B;IACiB,QAAQ,UAAS;IAE7D,oEAAoE;IACxB,QAAQ,UAAS;IAE7D,2BAA2B;IACiB,KAAK,UAAS;IAE1D,yCAAyC;IACa,UAAU,SAAM;IAG7D,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,aAAa,CAAM;IAGpC,OAAO,KAAK,gBAAgB,GAK3B;IAED,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,OAAO;IASf,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,YAAY;IAmCpB,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,aAAa;IAcrB,MAAM;CAMT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;QACrC,4BAA4B,EAAE,uBAAuB,CAAC;KACzD;CACJ"}

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

@@ -0,0 +1,2 @@
+import { n as e, t } from "../_shared/flint-date-picker-CmCtDBVO.js";
+export { t as FlintDatePicker, e as FlintDatePickerCalendar };

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

@@ -0,0 +1,31 @@
+export declare const DAYS_SHORT: string[];
+export declare const MONTHS: string[];
+export declare function isoToDate(iso: string): Date | null;
+export declare function dateToIso(d: Date): string;
+export declare function todayIso(): string;
+export declare function sameDay(a: Date, b: Date): boolean;
+export declare function isBetween(d: Date, start: Date, end: Date): boolean;
+export declare function isStartOrEnd(d: Date, start: Date | null, end: Date | null): boolean;
+export declare function isoToDisplay(iso: string): string;
+/** [startIso, endIso] — either may be '' if not yet set. */
+export type DateRange = [string, string];
+export declare const EMPTY_RANGE: DateRange;
+export interface RangeCalendarDay {
+    date: Date;
+    iso: string;
+    day: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isStart: boolean;
+    isEnd: boolean;
+    isInRange: boolean;
+    isDisabled: boolean;
+    isHoverRange: boolean;
+}
+export declare function buildRangeMonthGrid(year: number, month: number, startDate: Date | null, endDate: Date | null, hoverDate: Date | null, min: string | null, max: string | null): RangeCalendarDay[];
+export interface Shortcut {
+    label: string;
+    getValue: () => DateRange;
+}
+export declare function defaultShortcuts(): Shortcut[];
+//# sourceMappingURL=date-range-helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-helpers.d.ts","sourceRoot":"","sources":["../../src/date-range-picker/date-range-helpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,UAA6C,CAAC;AACrE,eAAO,MAAM,MAAM,UAGlB,CAAC;AAIF,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAQlD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAKzC;AAED,wBAAgB,QAAQ,IAAI,MAAM,CAEjC;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAMjD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,OAAO,CAMlE;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAEnF;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAIhD;AAID,4DAA4D;AAC5D,MAAM,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEzC,eAAO,MAAM,WAAW,EAAE,SAAoB,CAAC;AAI/C,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,mBAAmB,CAC/B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,IAAI,GAAG,IAAI,EACtB,OAAO,EAAE,IAAI,GAAG,IAAI,EACpB,SAAS,EAAE,IAAI,GAAG,IAAI,EACtB,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,GAAG,EAAE,MAAM,GAAG,IAAI,GACnB,gBAAgB,EAAE,CA6DpB;AAID,MAAM,WAAW,QAAQ;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,SAAS,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,IAAI,QAAQ,EAAE,CAyD7C"}

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

@@ -0,0 +1,128 @@
+//#region src/date-range-picker/date-range-helpers.ts
+var e = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+], t = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+];
+function n(e) {
+	if (!e) return null;
+	let [t, n, r] = e.split("-").map(Number);
+	if (!t || !n || !r) return null;
+	let i = new Date(t, n - 1, r);
+	return i.getFullYear() !== t || i.getMonth() !== n - 1 || i.getDate() !== r ? null : i;
+}
+function r(e) {
+	return `${String(e.getFullYear()).padStart(4, "0")}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+function i() {
+	return r(/* @__PURE__ */ new Date());
+}
+function a(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function o(e, t, n) {
+	let r = e.getTime(), i = t.getTime(), a = n.getTime(), [o, s] = i <= a ? [i, a] : [a, i];
+	return r > o && r < s;
+}
+function s(e, t, n) {
+	return (t ? a(e, t) : !1) || (n ? a(e, n) : !1);
+}
+function c(e) {
+	let t = n(e);
+	return t ? `${String(t.getMonth() + 1).padStart(2, "0")}/${String(t.getDate()).padStart(2, "0")}/${t.getFullYear()}` : "";
+}
+var l = ["", ""];
+function u(e, t, s, c, l, u, d) {
+	let f = [], p = new Date(e, t, 1), m = n(i()), h = u ? n(u) : null, g = d ? n(d) : null, _ = s && !c && l ? l : null, v = s, y = c ?? _;
+	function b(e, t) {
+		let n = r(e), i = s ? a(e, s) : !1, l = c ? a(e, c) : !1, u = !c && _ !== null ? (s ? a(e, _) : !1) || (s && !a(e, s) ? o(e, s, _) : !1) : !1, d = v && y ? o(e, v, y) : !1, f = (h ? e < h : !1) || (g ? e > g : !1);
+		return {
+			date: e,
+			iso: n,
+			day: e.getDate(),
+			isCurrentMonth: t,
+			isToday: a(e, m),
+			isStart: i,
+			isEnd: l,
+			isInRange: d,
+			isDisabled: f,
+			isHoverRange: u
+		};
+	}
+	let x = p.getDay();
+	for (let n = x - 1; n >= 0; n--) f.push(b(new Date(e, t, -n), !1));
+	let S = new Date(e, t + 1, 0).getDate();
+	for (let n = 1; n <= S; n++) f.push(b(new Date(e, t, n), !0));
+	let C = 42 - f.length;
+	for (let n = 1; n <= C; n++) f.push(b(new Date(e, t + 1, n), !1));
+	return f;
+}
+function d() {
+	return [
+		{
+			label: "Today",
+			getValue: () => {
+				let e = i();
+				return [e, e];
+			}
+		},
+		{
+			label: "Yesterday",
+			getValue: () => {
+				let e = /* @__PURE__ */ new Date();
+				e.setDate(e.getDate() - 1);
+				let t = r(e);
+				return [t, t];
+			}
+		},
+		{
+			label: "This Week",
+			getValue: () => {
+				let e = /* @__PURE__ */ new Date(), t = new Date(e);
+				t.setDate(e.getDate() - e.getDay());
+				let n = new Date(t);
+				return n.setDate(t.getDate() + 6), [r(t), r(n)];
+			}
+		},
+		{
+			label: "Last 7 Days",
+			getValue: () => {
+				let e = /* @__PURE__ */ new Date(), t = /* @__PURE__ */ new Date();
+				return t.setDate(e.getDate() - 6), [r(t), r(e)];
+			}
+		},
+		{
+			label: "This Month",
+			getValue: () => {
+				let e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth(), 1), n = new Date(e.getFullYear(), e.getMonth() + 1, 0);
+				return [r(t), r(n)];
+			}
+		},
+		{
+			label: "Last 30 Days",
+			getValue: () => {
+				let e = /* @__PURE__ */ new Date(), t = /* @__PURE__ */ new Date();
+				return t.setDate(e.getDate() - 29), [r(t), r(e)];
+			}
+		}
+	];
+}
+//#endregion
+export { e as DAYS_SHORT, l as EMPTY_RANGE, t as MONTHS, u as buildRangeMonthGrid, r as dateToIso, d as defaultShortcuts, o as isBetween, s as isStartOrEnd, n as isoToDate, c as isoToDisplay, a as sameDay, i as todayIso };