@getufy/flint-ui 0.1.0

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

@@ -0,0 +1,71 @@
+import { LitElement } from 'lit';
+import { PropertyValues } from 'lit';
+export interface SelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export type SelectSize = 'sm' | 'md' | 'lg';
+declare const FlintSelect_base: (new (...args: any[]) => import("../mixins/form-associated.js").FormAssociatedInterface) & typeof LitElement;
+/**
+ * A select component for choosing one or multiple options from a list.
+ *
+ * @fires flint-select-change - Dispatched when the selection changes. detail: { value: string | null } (single) or { value: string[] } (multiple)
+ * @slot icon - Optional icon shown at the start of the trigger.
+ * @slot error-message - Optional slot for error message content (use error-message prop for simple text).
+ */
+export declare class FlintSelect extends FlintSelect_base {
+    static styles: import("lit").CSSResult;
+    /** Label text displayed above the select. */
+    label: string;
+    /** Array of selectable options. */
+    options: SelectOption[];
+    /** Currently selected value(s). */
+    value: string[];
+    /** Allow multiple selections. */
+    multiple: boolean;
+    /** Placeholder text when no value is selected. */
+    placeholder: string;
+    /** Disables the select and prevents interaction. */
+    disabled: boolean;
+    /** Makes the select read-only. */
+    readonly: boolean;
+    /** Marks the select as required for form validation. */
+    required: boolean;
+    /** Whether the select is in an error state. */
+    error: boolean;
+    /** Error message displayed below the select. */
+    errorMessage: string;
+    /** Form field name used when submitting form data. */
+    name: string;
+    /** Size variant of the select. */
+    size: SelectSize;
+    /** Sets the initial value in uncontrolled mode (single-select only). */
+    defaultValue: string;
+    private _isOpen;
+    private _highlightedIndex;
+    private _isFocused;
+    private _opensUp;
+    private readonly _uid;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Called by the browser when the associated form is reset. */
+    formResetCallback(): void;
+    willUpdate(changed: PropertyValues): void;
+    private _updateFormValue;
+    private _handleOutsideClick;
+    private _toggleDropdown;
+    private _handleOptionClick;
+    private _removeValue;
+    private _dispatchChange;
+    private _handleKeydown;
+    private _scrollOptionIntoView;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-select': FlintSelect;
+    }
+}
+export {};
+//# sourceMappingURL=flint-select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-select.d.ts","sourceRoot":"","sources":["../../src/select/flint-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AAI3D,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;AAI5C;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,gBAA0B;IACzD,MAAM,CAAC,MAAM,0BAA6B;IAE1C,6CAA6C;IACjB,KAAK,SAAM;IACvC,mCAAmC;IACR,OAAO,EAAE,YAAY,EAAE,CAAM;IACxD,mCAAmC;IACR,KAAK,EAAE,MAAM,EAAE,CAAM;IAChD,iCAAiC;IACJ,QAAQ,UAAS;IAC9C,kDAAkD;IACtB,WAAW,SAAsB;IAC7D,oDAAoD;IACR,QAAQ,UAAS;IAC7D,kCAAkC;IACU,QAAQ,UAAS;IAC7D,wDAAwD;IACZ,QAAQ,UAAS;IAC7D,+CAA+C;IACH,KAAK,UAAS;IAC1D,gDAAgD;IACQ,YAAY,SAAM;IAC1E,sDAAsD;IAC1B,IAAI,SAAM;IACtC,kCAAkC;IACS,IAAI,EAAE,UAAU,CAAQ;IACnE,wEAAwE;IAChB,YAAY,SAAM;IAEjE,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,iBAAiB,CAAM;IAC/B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAmC;IAExD,iBAAiB;IAKjB,oBAAoB;IAKpB,+DAA+D;IAC/D,iBAAiB;IAKjB,UAAU,CAAC,OAAO,EAAE,cAAc;IAYlC,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,mBAAmB,CAQzB;IAEF,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,kBAAkB;IAqB1B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,cAAc,CA2EpB;IAEF,OAAO,CAAC,qBAAqB;IAS7B,MAAM;CA0HP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/select/flint-select.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-select-Bhc3BR09.js";
+export { e as FlintSelect };

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

@@ -0,0 +1,47 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * Skeletons display a placeholder preview of content before data gets loaded.
+ *
+ * @csspart skeleton - The inner skeleton span element.
+ * @cssprop --flint-skeleton-bg - Background color in light mode (default: rgba(0,0,0,0.11)).
+ * @cssprop --flint-skeleton-bg-dark - Background color in dark mode (default: rgba(255,255,255,0.13)).
+ * @cssprop --flint-skeleton-wave-color - Shimmer color for wave animation (default: rgba(255,255,255,0.4)).
+ * @cssprop --flint-skeleton-animation-duration - Duration for pulse/wave animations (default: 1.5s).
+ */
+export declare class FlintSkeleton extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * If true, applies dark-theme styles regardless of OS preference.
+     */
+    dark: boolean;
+    /**
+     * The animation type.
+     */
+    animation: 'pulse' | 'wave' | 'none';
+    /**
+     * The shape of the skeleton.
+     */
+    variant: 'text' | 'circular' | 'rectangular' | 'rounded';
+    /**
+     * The width of the skeleton. Accepts any CSS length value (e.g. '200px', '50%').
+     */
+    width: string;
+    /**
+     * The height of the skeleton. Accepts any CSS length value.
+     */
+    height: string;
+    /**
+     * Accessible label announced by screen readers. Set to '' to silence.
+     */
+    label: string;
+    connectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private _syncLabel;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-skeleton': FlintSkeleton;
+    }
+}
+//# sourceMappingURL=flint-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-skeleton.d.ts","sourceRoot":"","sources":["../../src/skeleton/flint-skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKlE;;;;;;;;GAQG;AACH,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA+B;IAE5C;;OAEG;IACyC,IAAI,UAAS;IAEzD;;OAEG;IACwC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAW;IAE1F;;OAEG;IACwC,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAU;IAE7G;;OAEG;IACyB,KAAK,SAAM;IAEvC;;OAEG;IACyB,MAAM,SAAM;IAExC;;OAEG;IACyB,KAAK,SAAgB;IAEjD,iBAAiB;IAMjB,OAAO,CAAC,OAAO,EAAE,cAAc;IAI/B,OAAO,CAAC,UAAU;IAQlB,MAAM;CAwBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,aAAa,CAAC;KACnC;CACJ"}

package/dist/skeleton/flint-skeleton.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-skeleton-CWFa-PkE.js";
+export { e as FlintSkeleton };

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

@@ -0,0 +1,48 @@
+import { LitElement, PropertyValues } from 'lit';
+type Size = 'sm' | 'md' | 'lg';
+declare const FlintSlider_base: (new (...args: any[]) => import("../mixins/form-associated.js").FormAssociatedInterface) & typeof LitElement;
+/**
+ * Slider: a range input for selecting a numeric value.
+ *
+ * @fires flint-slider-change - Fired when the slider value changes.
+ */
+export declare class FlintSlider extends FlintSlider_base {
+    static styles: import("lit").CSSResult;
+    /** Current slider value. */
+    value: number;
+    /** Initial value for uncontrolled usage. */
+    defaultValue: number | undefined;
+    /** Minimum allowed value. */
+    min: number;
+    /** Maximum allowed value. */
+    max: number;
+    /** Step increment between values. */
+    step: number;
+    /** Disables the slider and prevents interaction. */
+    disabled: boolean;
+    /** Label text displayed above the slider. */
+    label: string;
+    /** Whether to display the current value. */
+    showValue: boolean;
+    /** Renders the slider vertically. */
+    vertical: boolean;
+    /** Size variant of the slider. */
+    size: Size;
+    /** Form field name used when submitting form data. */
+    name: string;
+    /** Optional formatter: `(value: number) => string`. JS-only prop (not an attribute). */
+    formatValue: ((v: number) => string) | undefined;
+    private get _safeMin();
+    private get _safeMax();
+    private get _safeValue();
+    willUpdate(changed: PropertyValues): void;
+    private _handleInput;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-slider': FlintSlider;
+    }
+}
+export {};
+//# sourceMappingURL=flint-slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-slider.d.ts","sourceRoot":"","sources":["../../src/slider/flint-slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,cAAc,EAAE,MAAM,KAAK,CAAC;AAOlE,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;AAE/B;;;;GAIG;AACH,qBACa,WAAY,SAAQ,gBAA0B;IACzD,MAAM,CAAC,MAAM,0BAA6B;IAG1C,4BAA4B;IACA,KAAK,SAAM;IACvC,4CAA4C;IACY,YAAY,EAAE,MAAM,GAAG,SAAS,CAAa;IACrG,6BAA6B;IACD,GAAG,SAAK;IACpC,6BAA6B;IACD,GAAG,SAAO;IACtC,qCAAqC;IACT,IAAI,SAAK;IACrC,oDAAoD;IACR,QAAQ,UAAS;IAC7D,6CAA6C;IACjB,KAAK,SAAM;IACvC,4CAA4C;IACU,SAAS,UAAS;IACxE,qCAAqC;IACO,QAAQ,UAAS;IAC7D,kCAAkC;IACS,IAAI,EAAE,IAAI,CAAQ;IAC7D,sDAAsD;IAC1B,IAAI,SAAM;IACtC,wFAAwF;IACxD,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAa;IAK7F,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,UAAU,GAErB;IAGQ,UAAU,CAAC,OAAO,EAAE,cAAc;IAc3C,OAAO,CAAC,YAAY;IAYX,MAAM;CA0DhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/slider/flint-slider.js

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

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

@@ -0,0 +1,67 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * Snackbars (also known as toasts) are used for brief notifications.
+ * They appear temporarily and float above the UI.
+ *
+ * @slot action - The action to display inside the snackbar.
+ * @slot - Optional content to display inside the snackbar, such as a message or a flint-alert.
+ *
+ * @csspart snackbar - The inner snackbar container.
+ *
+ * @cssprop --flint-snackbar-min-width     - Minimum width (default: 288px)
+ * @cssprop --flint-snackbar-max-width     - Maximum width (default: 560px)
+ * @cssprop --flint-snackbar-bg            - Background color for default variant (default: #313131)
+ * @cssprop --flint-snackbar-color         - Text color (default: #fff)
+ * @cssprop --flint-snackbar-z-index       - Stack order (default: 1400)
+ * @cssprop --flint-snackbar-offset        - Distance from viewport edge (default: 24px)
+ * @cssprop --flint-snackbar-bg-info       - Background for info variant (default: #0288d1)
+ * @cssprop --flint-snackbar-bg-success    - Background for success variant (default: #2e7d32)
+ * @cssprop --flint-snackbar-bg-warning    - Background for warning variant (default: #ed6c02)
+ * @cssprop --flint-snackbar-bg-error      - Background for error variant (default: #d32f2f)
+ *
+ * @fires flint-snackbar-open  - Fired when the snackbar opens (bubbles, composed)
+ * @fires flint-snackbar-close - Fired when the snackbar closes (bubbles, composed)
+ */
+export declare class FlintSnackbar extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Whether the snackbar is open. */
+    open: boolean;
+    /** The message to display (slot fallback). */
+    message: string;
+    /**
+     * Duration in milliseconds before the snackbar auto-closes.
+     * Set to 0 to disable auto-close.
+     */
+    autoHideDuration: number;
+    /**
+     * Position of the snackbar.
+     * Format: 'vertical-horizontal' e.g. 'bottom-center', 'top-right'
+     */
+    anchorOrigin: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+    /** Pause the auto-hide timer while the user hovers over the snackbar. */
+    pauseOnHover: boolean;
+    /** Show a dismiss (✕) button. */
+    closable: boolean;
+    /** Visual style variant. */
+    variant: 'default' | 'info' | 'success' | 'warning' | 'error';
+    private _hasAction;
+    private _timer;
+    private _remainingTime;
+    private _timerStartedAt;
+    updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    private _startTimer;
+    private _clearTimer;
+    private _handleMouseEnter;
+    private _handleMouseLeave;
+    private _handleActionSlotChange;
+    /** Closes the snackbar. */
+    close(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-snackbar': FlintSnackbar;
+    }
+}
+//# sourceMappingURL=flint-snackbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-snackbar.d.ts","sourceRoot":"","sources":["../../src/snackbar/flint-snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKlE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA+B;IAE5C,oCAAoC;IACQ,IAAI,UAAS;IAEzD,8CAA8C;IAClB,OAAO,SAAM;IAEzC;;;OAGG;IAC0D,gBAAgB,SAAQ;IAErF;;;OAGG;IACoE,YAAY,EAC/E,UAAU,GAAG,YAAY,GAAG,WAAW,GACvC,aAAa,GAAG,eAAe,GAAG,cAAc,CAAmB;IAEvE,yEAAyE;IACf,YAAY,UAAQ;IAE9E,iCAAiC;IACW,QAAQ,UAAS;IAE7D,4BAA4B;IACe,OAAO,EAC9C,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE5D,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,MAAM,CAA8C;IAC5D,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,eAAe,CAAK;IAE5B,OAAO,CAAC,OAAO,EAAE,cAAc;IAa/B,oBAAoB;IAKpB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,uBAAuB;IAK/B,2BAA2B;IAC3B,KAAK;IAIL,MAAM;CA+BT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,aAAa,CAAC;KACnC;CACJ"}

package/dist/snackbar/flint-snackbar.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-snackbar-DS5F7oXF.js";
+export { e as FlintSnackbar };

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

@@ -0,0 +1,152 @@
+import { LitElement, type PropertyValues } from 'lit';
+export type ToastType = 'default' | 'success' | 'info' | 'warning' | 'error' | 'loading';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+export interface ToastOptions {
+    /** Override the auto-generated id. Useful for updating an existing toast. */
+    id?: string;
+    /** Secondary text displayed below the message. */
+    description?: string;
+    /**
+     * Auto-dismiss duration in milliseconds.
+     * Pass `Infinity` to keep the toast until manually dismissed.
+     * Default: inherits from `<flint-toaster duration="…">` (4000 ms).
+     */
+    duration?: number;
+    /** An action button rendered inside the toast. */
+    action?: ToastAction;
+    /**
+     * Whether the ✕ close button is shown.
+     * Default: `true`.
+     */
+    dismissible?: boolean;
+    /**
+     * Route this toast to the `<flint-toaster>` whose `position` attribute matches.
+     * Leave unset to display in every mounted toaster.
+     */
+    position?: ToastPosition;
+}
+/**
+ * Show a toast notification.
+ *
+ * Place `<flint-toaster>` once in your app (e.g. in `<body>`), then call
+ * `toast()` anywhere.
+ *
+ * @example
+ * ```ts
+ * import { toast } from './flint-sonner.js';
+ *
+ * toast('Saved!');
+ * toast.success('Profile updated', { description: 'Changes saved.' });
+ * toast.promise(fetch('/api/save'), {
+ *   loading: 'Saving…',
+ *   success: 'Done!',
+ *   error:   'Failed.',
+ * });
+ * ```
+ */
+export declare const toast: ((message: string, opts?: ToastOptions) => string) & {
+    /** Show a success toast. */
+    success: (message: string, opts?: ToastOptions) => string;
+    /** Show an error toast. */
+    error: (message: string, opts?: ToastOptions) => string;
+    /** Show an info toast. */
+    info: (message: string, opts?: ToastOptions) => string;
+    /** Show a warning toast. */
+    warning: (message: string, opts?: ToastOptions) => string;
+    /** Show a persistent loading toast (duration = Infinity). */
+    loading: (message: string, opts?: ToastOptions) => string;
+    /**
+     * Track a Promise with automatic loading → success/error transitions.
+     *
+     * @returns The toast id (same id throughout the lifecycle).
+     */
+    promise<T>(promise: Promise<T>, messages: {
+        loading: string;
+        success: string | ((data: T) => string);
+        error?: string | ((err: unknown) => string);
+    }, opts?: ToastOptions): string;
+    /**
+     * Dismiss a specific toast by id, or all toasts when called with no argument.
+     */
+    dismiss(id?: string): void;
+};
+/**
+ * Toast container. Place **once** in your application (typically in `<body>`).
+ * Toasts are created imperatively via the `toast()` function.
+ *
+ * Multiple toasts collapse into a card-deck stack when idle; hover expands them
+ * into a full list so users can read all messages.
+ *
+ * @example
+ * ```html
+ * <!-- In your app shell -->
+ * <flint-toaster position="bottom-right"></flint-toaster>
+ * ```
+ *
+ * @attr {string} position       - Stack position: top-left | top-center | top-right |
+ *                                  bottom-left | bottom-center | bottom-right.
+ *                                  Default: `bottom-right`.
+ * @attr {number} duration       - Default auto-dismiss duration in ms. Default: `4000`.
+ * @attr {number} visible-toasts - Max number of toasts visible at once. Default: `3`.
+ *
+ * @cssprop --flint-toast-z-index      - Stack order (default: 9999).
+ * @cssprop --flint-toast-width        - Max width of the toaster area (default: 356px).
+ * @cssprop --flint-toast-gap          - Gap between toasts when expanded (default: 8px).
+ * @cssprop --flint-toast-padding      - Outer padding of the toaster (default: 16px).
+ * @cssprop --flint-toast-bg           - Toast background (default: surface-1 / #fff).
+ * @cssprop --flint-toast-color        - Toast text color (default: text-color).
+ * @cssprop --flint-toast-border       - Toast border (default: 1px solid border-color).
+ * @cssprop --flint-toast-radius       - Toast border-radius (default: border-radius-lg).
+ * @cssprop --flint-toast-shadow       - Toast box-shadow (default: shadow-lg).
+ * @cssprop --flint-toast-stack-gap    - Peek offset per depth level when collapsed (default: 6px).
+ * @cssprop --flint-toast-success-icon-color - Icon color for success type.
+ * @cssprop --flint-toast-error-icon-color   - Icon color for error type.
+ * @cssprop --flint-toast-warning-icon-color - Icon color for warning type.
+ * @cssprop --flint-toast-info-icon-color    - Icon color for info type.
+ */
+export declare class FlintToaster extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Position of the toast stack relative to the viewport. */
+    position: ToastPosition;
+    /** Default auto-dismiss duration in milliseconds. */
+    duration: number;
+    /** Maximum number of toasts visible simultaneously. */
+    visibleToasts: number;
+    private _toasts;
+    private _timers;
+    /**
+     * Whether the pointer is currently over the toaster.
+     * `true`  → expanded (all toasts in full list)
+     * `false` → collapsed (card-deck stack)
+     */
+    private _expanded;
+    private _listener;
+    /** Arrow functions keep `this` context when used as event listeners on `this`. */
+    private _handleExpand;
+    private _handleCollapse;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private _dismiss;
+    private _pauseTimer;
+    private _resumeTimer;
+    private _icon;
+    /**
+     * Render a single toast.
+     *
+     * @param t          - Toast data.
+     * @param frontIndex - 0 = most-recent / front card; higher = further back.
+     */
+    private _renderToast;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-toaster': FlintToaster;
+    }
+}
+//# sourceMappingURL=flint-sonner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-sonner.d.ts","sourceRoot":"","sources":["../../src/sonner/flint-sonner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAShF,MAAM,MAAM,SAAS,GACf,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAEhB,MAAM,MAAM,aAAa,GACnB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAErB,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IACzB,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC5B;AAoED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK,aACJ,MAAM,SAAS,YAAY,KAAG,MAAM;IAE1C,4BAA4B;uBACT,MAAM,SAAS,YAAY,KAAG,MAAM;IAGvD,2BAA2B;qBACV,MAAM,SAAS,YAAY,KAAG,MAAM;IAGrD,0BAA0B;oBACV,MAAM,SAAS,YAAY,KAAG,MAAM;IAGpD,4BAA4B;uBACT,MAAM,SAAS,YAAY,KAAG,MAAM;IAGvD,6DAA6D;uBAC1C,MAAM,SAAS,YAAY,KAAG,MAAM;IAGvD;;;;OAIG;YACK,CAAC,WACI,OAAO,CAAC,CAAC,CAAC,YACT;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;QACxC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;KAC/C,SACM,YAAY,GACpB,MAAM;IAoCT;;OAEG;iBACU,MAAM,GAAG,IAAI;CAQjC,CAAC;AAyDF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBACa,YAAa,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,0BAA8B;IAE3C,4DAA4D;IACjB,QAAQ,EAAE,aAAa,CAAkB;IAEpF,qDAAqD;IACzB,QAAQ,SAAQ;IAE5C,uDAAuD;IACE,aAAa,SAAK;IAE3E,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,OAAO,CAAoD;IAEnE;;;;OAIG;IACH,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,SAAS,CAGf;IAEF,kFAAkF;IAClF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEO,iBAAiB;IAMjB,oBAAoB;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc;IAsBxC,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,KAAK;IAWb;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IAkDX,MAAM;CA6BlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;KACjC;CACJ"}

package/dist/sonner/flint-sonner.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../_shared/flint-sonner-DD_qGTfm.js";
+export { t as FlintToaster, e as toast };

package/dist/speed-dial/flint-speed-dial.d.ts

@@ -0,0 +1,101 @@
+import { LitElement, type PropertyValues } from 'lit';
+/**
+ * A single action item inside a `flint-speed-dial`.
+ *
+ * @slot - Icon content for the action button.
+ * @fires flint-speed-dial-action-click - Fired when the action button is clicked.
+ */
+export declare class FlintSpeedDialAction extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Programmatic identifier for this action, included in the click event detail. */
+    name: string;
+    /** Tooltip text shown alongside the action and used as aria-label. */
+    tooltipTitle: string;
+    /** Forces the tooltip to be visible regardless of hover state. */
+    tooltipOpen: boolean;
+    /** Tooltip placement relative to the action button. */
+    tooltipPlacement: 'left' | 'right' | 'top' | 'bottom';
+    /** If true, the action button is disabled. */
+    disabled: boolean;
+    private _hovered;
+    connectedCallback(): void;
+    private _handleClick;
+    private get _tooltipVisible();
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Speed Dial — a FAB that reveals 3-6 related actions when pressed.
+ *
+ * ## Keyboard behaviour
+ * - **Focus on FAB** → opens the speed dial.
+ * - **Space / Enter** → toggle open/closed (or trigger focused action).
+ * - **Arrow keys** → navigate between actions (any direction works initially).
+ * - **Escape** → close the speed dial and return focus to the FAB.
+ *
+ * @slot           - `flint-speed-dial-action` elements.
+ * @slot icon      - Icon shown on the FAB when closed (default: + SVG).
+ * @slot open-icon - Icon shown on the FAB when open (default: ✕ SVG).
+ *
+ * @fires flint-speed-dial-open  - Fired when the dial opens.
+ * @fires flint-speed-dial-close - Fired when the dial closes.
+ */
+export declare class FlintSpeedDial extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Whether the speed dial is open (controlled). */
+    open: boolean;
+    /** Initial open state for uncontrolled usage. Sets `open` once on first render. */
+    defaultOpen: boolean;
+    /** Direction in which actions expand from the FAB (default 'up'). */
+    direction: 'up' | 'down' | 'left' | 'right';
+    /** Hides the entire speed dial component. */
+    hidden: boolean;
+    /** Disables the FAB and prevents opening. */
+    disabled: boolean;
+    /** When true, tooltips on all actions are always visible (good for touch/a11y). */
+    persistentTooltips: boolean;
+    /** Custom char/text rendered as the ✕ close icon on the FAB. Falls back to built-in SVG. */
+    closeIcon: string;
+    /** ARIA label for the main FAB button. */
+    ariaLabel: string;
+    /** True on touch-only devices (auto-detected unless explicitly set). */
+    isTouch: boolean;
+    private _firstUpdate;
+    willUpdate(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** All enabled action buttons (shadow DOM buttons inside slotted actions). */
+    private _actionButtons;
+    /** Index of the currently focused action button, or -1. */
+    private _focusedActionIndex;
+    /** Move focus to the action at `idx`, clamped to valid range. */
+    private _focusActionAt;
+    /** Move focus back to the FAB. */
+    private _focusFab;
+    private _setOpen;
+    private _toggle;
+    /**
+     * Unified keydown handler on the host element.
+     * Because `flint-speed-dial-action` shadow-DOM button events are composed,
+     * they bubble up through the host and are caught here.
+     */
+    private _onHostKeyDown;
+    /** Suppresses the next FAB-focus auto-open (used when closing internally). */
+    private _suppressNextOpen;
+    /** Opens the dial when FAB receives keyboard focus from outside the component. */
+    private _onFabFocus;
+    private _onActionClick;
+    private _onHostFocusOut;
+    /** True for directions where the first DOM action is visually farthest from the FAB. */
+    private _isReversedDirection;
+    private _updateActionTooltips;
+    private _tooltipPlacement;
+    updated(changed: Map<string, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-speed-dial': FlintSpeedDial;
+        'flint-speed-dial-action': FlintSpeedDialAction;
+    }
+}
+//# sourceMappingURL=flint-speed-dial.d.ts.map

package/dist/speed-dial/flint-speed-dial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-speed-dial.d.ts","sourceRoot":"","sources":["../../src/speed-dial/flint-speed-dial.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAUhF;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAAsC;IAEnD,mFAAmF;IACvD,IAAI,SAAM;IAEtC,sEAAsE;IACd,YAAY,SAAM;IAE1E,kEAAkE;IACV,WAAW,UAAS;IAE5E,uDAAuD;IAEvD,gBAAgB,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAU;IAE/D,8CAA8C;IACF,QAAQ,UAAS;IAEpD,OAAO,CAAC,QAAQ,CAAS;IAElC,iBAAiB;IAKjB,OAAO,CAAC,YAAY;IASpB,OAAO,KAAK,eAAe,GAE1B;IAED,MAAM;CAsBT;AAMD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAgC;IAI7C,mDAAmD;IACP,IAAI,UAAS;IAEzD,mFAAmF;IAC3B,WAAW,UAAS;IAE5E,qEAAqE;IAC1B,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAQ;IAE9F,6CAA6C;IACD,MAAM,UAAS;IAE3D,6CAA6C;IACD,QAAQ,UAAS;IAE7D,mFAAmF;IACpB,kBAAkB,UAAS;IAE1F,4FAA4F;IACvC,SAAS,SAAM;IAEpE,0CAA0C;IACW,SAAS,SAAgB;IAE9E,wEAAwE;IACpB,OAAO,UAAS;IAEpE,OAAO,CAAC,YAAY,CAAQ;IAI5B,UAAU,CAAC,OAAO,EAAE,cAAc;IASlC,iBAAiB;IAUjB,oBAAoB;IAQpB,8EAA8E;IAC9E,OAAO,CAAC,cAAc;IAOtB,2DAA2D;IAC3D,OAAO,CAAC,mBAAmB;IAO3B,iEAAiE;IACjE,OAAO,CAAC,cAAc;IAMtB,kCAAkC;IAClC,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,OAAO;IAOf;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAsDpB;IAIF,8EAA8E;IAC9E,OAAO,CAAC,iBAAiB,CAAS;IAElC,kFAAkF;IAClF,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,eAAe,CAKrB;IAIF,wFAAwF;IACxF,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,qBAAqB;IAsB7B,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IASrC,MAAM;CAoDT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;QACnC,yBAAyB,EAAE,oBAAoB,CAAC;KACnD;CACJ"}

package/dist/speed-dial/flint-speed-dial.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../_shared/flint-speed-dial-DTZ2WaBh.js";
+export { t as FlintSpeedDial, e as FlintSpeedDialAction };

package/dist/split-panel/flint-split-panel.d.ts

@@ -0,0 +1,101 @@
+import { LitElement, type PropertyValues } from 'lit';
+/** Parameters passed to a custom snap function. */
+export interface SnapFunctionParams {
+    /** Current divider position in pixels from the start/top edge. */
+    pos: number;
+    /** Total container size in pixels. */
+    size: number;
+    /** The configured snap-threshold value. */
+    snapThreshold: number;
+}
+/** Custom snap function — return the px position to snap to. */
+export type SnapFunction = (params: SnapFunctionParams) => number;
+/**
+ * Parse a snap-attribute string into an array of pixel snap points.
+ * Supports: `Npx`, `N%`, `repeat(Npx)`, `repeat(N%)` — space-separated.
+ */
+export declare function parseSnapPoints(snapStr: string, containerSize: number): number[];
+/**
+ * `flint-split-panel` — Two adjacent panels separated by a draggable divider.
+ *
+ * @slot start   - Content for the start (left/top) panel.
+ * @slot end     - Content for the end (right/bottom) panel.
+ * @slot divider - Custom handle icon rendered inside the divider.
+ *
+ * @csspart start   - The start panel wrapper.
+ * @csspart end     - The end panel wrapper.
+ * @csspart panel   - Targets both start and end panel wrappers.
+ * @csspart divider - The divider element.
+ *
+ * @cssprop --flint-split-panel-divider-width      - Width/height of the visible divider line (default: 4px).
+ * @cssprop --flint-split-panel-divider-hit-area   - Invisible grab area around the divider (default: 12px).
+ * @cssprop --flint-split-panel-divider-color      - Divider background color (default: --flint-border-color).
+ * @cssprop --flint-split-panel-divider-hover-color - Divider color when hovered or focused.
+ * @cssprop --flint-split-panel-min               - Minimum size of the primary panel (default: 0).
+ * @cssprop --flint-split-panel-max               - Maximum size of the primary panel (default: 100%).
+ *
+ * @fires flint-split-panel-reposition - Emitted when the divider position changes.
+ *   Detail: `{ position: number; positionInPixels: number }`.
+ */
+export declare class FlintSplitPanel extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Divider position as a percentage (0–100). Defaults to 50. */
+    position: number;
+    /**
+     * Divider position in pixels from the primary panel's edge.
+     * Takes precedence over `position` when ≥ 0.
+     */
+    positionInPixels: number;
+    /** Vertical layout — start/end panels are stacked top/bottom. */
+    vertical: boolean;
+    /** Prevent the divider from being repositioned. */
+    disabled: boolean;
+    /**
+     * Designates a primary panel that maintains its pixel size when the
+     * host element is resized. The other panel grows or shrinks to fill.
+     * If unset, both panels resize proportionally.
+     */
+    primary?: 'start' | 'end';
+    /**
+     * Space-separated snap positions (`Npx`, `N%`, `repeat(Npx)`, `repeat(N%)`),
+     * e.g. `"100px 50%"` or `"repeat(100px) 50%"`.
+     * Can also be a `SnapFunction` for custom snapping logic.
+     */
+    snap: string | SnapFunction;
+    /** How close (px) the divider must be to a snap point before snapping. Default: 12. */
+    snapThreshold: number;
+    /** Pixel position of the divider from start/top. -1 = not yet initialised. */
+    private _positionPx;
+    /** Cached container dimension in px (width for horizontal, height for vertical). */
+    private _cachedSize;
+    private _dragging;
+    /** Set to true before writing back to @property fields internally, to skip updated() re-sync. */
+    private _internalUpdate;
+    private _resizeObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: PropertyValues): void;
+    private _handleContainerResize;
+    private _getSize;
+    /** Actual pixel size of the divider element. */
+    private _getDividerSize;
+    private _clampPosition;
+    private _parseSizeToken;
+    private _applySnap;
+    private _onDividerPointerDown;
+    private _onPointerMove;
+    private _onPointerUp;
+    private _stopDrag;
+    private _onKeyDown;
+    private _moveTo;
+    private _clampPx;
+    private _emitReposition;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-split-panel': FlintSplitPanel;
+    }
+}
+//# sourceMappingURL=flint-split-panel.d.ts.map

package/dist/split-panel/flint-split-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-split-panel.d.ts","sourceRoot":"","sources":["../../src/split-panel/flint-split-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1E,mDAAmD;AACnD,MAAM,WAAW,kBAAkB;IAC/B,kEAAkE;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,gEAAgE;AAChE,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,kBAAkB,KAAK,MAAM,CAAC;AAIlE;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,EAAE,CAuBhF;AAqBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAoGpB;IAIF,gEAAgE;IACpC,QAAQ,SAAM;IAE1C;;;OAGG;IAC0D,gBAAgB,SAAM;IAEnF,iEAAiE;IACrB,QAAQ,UAAS;IAE7D,mDAAmD;IACP,QAAQ,UAAS;IAE7D;;;;OAIG;IAC0B,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAEvD;;;;OAIG;IACS,IAAI,EAAE,MAAM,GAAG,YAAY,CAAM;IAE7C,uFAAuF;IAC9B,aAAa,SAAM;IAI5E,8EAA8E;IAC9E,OAAO,CAAC,WAAW,CAAM;IACzB,oFAAoF;IACpF,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,SAAS,CAAS;IAC1B,iGAAiG;IACjG,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,eAAe,CAAkB;IAIhC,iBAAiB;IAajB,oBAAoB;IAMpB,YAAY;IAiBZ,OAAO,CAAC,OAAO,EAAE,cAAc;IAoBxC,OAAO,CAAC,sBAAsB;IA8B9B,OAAO,CAAC,QAAQ;IAKhB,gDAAgD;IAChD,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,UAAU;IA0BlB,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,cAAc,CAkBpB;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,UAAU,CAwBhB;IAEF,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,QAAQ;IAehB,OAAO,CAAC,eAAe;IAYd,MAAM;CAgClB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}