@getufy/flint-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,96 @@
+import { t as e } from "./_shared/flint-button-DwrmFg7O.js";
+import { t } from "./_shared/flint-button-group-CdwiDTLI.js";
+import { t as n } from "./_shared/flint-card-C-j6SYxM.js";
+import { t as r } from "./_shared/flint-card-header-HxL5TlBx.js";
+import { t as i } from "./_shared/flint-card-content-C3Gv3Ps5.js";
+import { t as a } from "./_shared/flint-card-media-B1U9TYsC.js";
+import { t as o } from "./_shared/flint-card-actions-C74ZbYNI.js";
+import { t as s } from "./_shared/flint-card-action-area-07Emwi1d.js";
+import { t as c } from "./_shared/flint-paper-CArGvvRa.js";
+import { t as l } from "./_shared/flint-input-BV4Glu8N.js";
+import { t as u } from "./_shared/flint-select-Bhc3BR09.js";
+import { t as d } from "./_shared/flint-fab-D8nKcAan.js";
+import { t as f } from "./_shared/flint-autocomplete-B1tLM8lN.js";
+import { t as p } from "./_shared/flint-checkbox-GnuZq0Yy.js";
+import { n as m, t as h } from "./_shared/flint-radio-B_C3wNRn.js";
+import { t as g } from "./_shared/flint-rating-9FxNfBNa.js";
+import { t as _ } from "./_shared/flint-switch-DN7VI9jT.js";
+import { t as v } from "./_shared/flint-textarea-wDEUC9Bt.js";
+import { t as y } from "./_shared/flint-transfer-list-DZsAcF0l.js";
+import { t as b } from "./_shared/flint-badge-AzmcBWUq.js";
+import { t as x } from "./_shared/flint-alert-DNcwWxQL.js";
+import { t as S } from "./_shared/flint-skeleton-CWFa-PkE.js";
+import { t as C } from "./_shared/flint-snackbar-DS5F7oXF.js";
+import { t as w } from "./_shared/flint-divider-Boj8Ggbt.js";
+import { t as T } from "./_shared/flint-slider-CVb_rYPp.js";
+import { t as E } from "./_shared/flint-text-field-DlLvuIJW.js";
+import { t as D } from "./_shared/flint-toggle-button-GmL4rbZa.js";
+import { t as O } from "./_shared/flint-toggle-button-group-Cp9x0wSj.js";
+import { t as k } from "./_shared/flint-avatar-DSQJv4gX.js";
+import { t as A } from "./_shared/flint-chip-5QF8rU8e.js";
+import { a as j, i as M, n as N, o as P, r as F, s as I, t as L } from "./_shared/flint-list-DJCPEDre.js";
+import { a as R, i as z, n as B, o as V, r as H, s as U, t as W } from "./_shared/flint-table-DQ--YqEC.js";
+import { t as G } from "./_shared/flint-table-sort-label-C4mkQmDM.js";
+import { t as K } from "./_shared/flint-table-pagination-BrJ56t-r.js";
+import { t as q } from "./_shared/flint-tooltip-C9nJvtJi.js";
+import { t as J } from "./_shared/flint-backdrop-BszHm5cJ.js";
+import { a as Y, i as X, n as Z, r as Q, t as $ } from "./_shared/flint-dialog-CH1ylFUb.js";
+import { t as ee } from "./_shared/flint-circular-progress-CuR8VdqI.js";
+import { t as te } from "./_shared/flint-linear-progress-B4sGgZrk.js";
+import { i as ne, n as re, r as ie, t as ae } from "./_shared/flint-accordion-CnXIksxN.js";
+import { t as oe } from "./_shared/flint-app-bar-CNbq6ggt.js";
+import { t as se } from "./_shared/flint-bottom-navigation-action-CW0ZUZlF.js";
+import { t as ce } from "./_shared/flint-bottom-navigation-B4-3_1w7.js";
+import { t as le } from "./_shared/flint-breadcrumbs-DjFiMWIj.js";
+import { t as ue } from "./_shared/flint-drawer-BAukflTn.js";
+import { t as de } from "./_shared/flint-link-CnzR1CYQ.js";
+import { t as fe } from "./_shared/flint-typography-D0vqF15X.js";
+import { i as pe, n as me, r as he, t as ge } from "./_shared/flint-menu-EOF1QvHq.js";
+import { t as _e } from "./_shared/flint-pagination-D-KNsfjM.js";
+import { n as ve, t as ye } from "./_shared/flint-speed-dial-DTZ2WaBh.js";
+import { a as be, i as xe, n as Se, o as Ce, r as we, t as Te } from "./_shared/flint-stepper-DdkEEVXE.js";
+import { i as Ee, n as De, r as Oe, t as ke } from "./_shared/flint-tabs-Do8hU-DT.js";
+import { t as Ae } from "./_shared/flint-box-TbPTowiO.js";
+import { t as je } from "./_shared/flint-container-CYSq758Y.js";
+import { t as Me } from "./_shared/flint-grid-ClCXGz3k.js";
+import { t as Ne } from "./_shared/flint-stack-GAeGPdLR.js";
+import { t as Pe } from "./_shared/flint-image-list-CS-XDM0T.js";
+import { t as Fe } from "./_shared/flint-image-list-item-CE1j29Ay.js";
+import { t as Ie } from "./_shared/flint-image-list-item-bar-BZfSoVrZ.js";
+import { n as Le, t as Re } from "./_shared/flint-date-picker-CmCtDBVO.js";
+import { t as ze } from "./_shared/flint-date-field-CYSc9ezt.js";
+import { t as Be } from "./_shared/flint-single-input-date-range-field-BVGf6515.js";
+import { t as Ve } from "./_shared/flint-date-range-calendar-BPBdO9n3.js";
+import { t as He } from "./_shared/flint-date-range-picker-DiVjn_ST.js";
+import { a as Ue, c as We, i as Ge, n as Ke, o as qe, r as Je, s as Ye, t as Xe } from "./_shared/flint-time-picker-D00w7wjz.js";
+import { t as Ze } from "./_shared/flint-tree-item-iMT216uo.js";
+import { t as Qe } from "./_shared/flint-simple-tree-view-DD3zHLzJ.js";
+import { t as $e } from "./_shared/flint-rich-tree-view-BGUjgeZv.js";
+import { a as et, c as tt, i as nt, l as rt, n as it, o as at, r as ot, s as st, t as ct } from "./_shared/flint-command-DGhby0QI.js";
+import { a as lt, i as ut, n as dt, r as ft, t as pt } from "./_shared/flint-carousel-jwZ5C4e_.js";
+import { a as mt, i as ht, n as gt, o as _t, r as vt, t as yt } from "./_shared/flint-empty-Bq8DuJQT.js";
+import { n as bt, r as xt, t as St } from "./_shared/flint-collapsible-BJ4LwGpz.js";
+import { n as Ct, r as wt, t as Tt } from "./_shared/flint-hover-card-fSMVR0xj.js";
+import { i as Et, n as Dt, r as Ot, t as kt } from "./_shared/flint-input-otp-__geY8N4.js";
+import { a as At, c as jt, i as Mt, l as Nt, n as Pt, o as Ft, r as It, s as Lt, t as Rt, u as zt } from "./_shared/flint-item-XvdemneV.js";
+import { n as Bt, t as Vt } from "./_shared/flint-kbd-DXSl3YcK.js";
+import { a as Ht, c as Ut, d as Wt, f as Gt, i as Kt, l as qt, m as Jt, n as Yt, o as Xt, p as Zt, r as Qt, s as $t, t as en, u as tn } from "./_shared/flint-menubar-7AuGQli6.js";
+import { n as nn, t as rn } from "./_shared/flint-scroll-area-Dn9yT7ZU.js";
+import { FlintNavigationMenu as an } from "./navigation-menu/flint-navigation-menu.js";
+import { FlintNavigationMenuList as on } from "./navigation-menu/flint-navigation-menu-list.js";
+import { FlintNavigationMenuItem as sn } from "./navigation-menu/flint-navigation-menu-item.js";
+import { FlintNavigationMenuTrigger as cn } from "./navigation-menu/flint-navigation-menu-trigger.js";
+import { FlintNavigationMenuContent as ln } from "./navigation-menu/flint-navigation-menu-content.js";
+import { FlintNavigationMenuLink as un } from "./navigation-menu/flint-navigation-menu-link.js";
+import { t as dn } from "./_shared/flint-copy-button-Y4yVbPxo.js";
+import { n as fn, t as pn } from "./_shared/flint-sonner-DD_qGTfm.js";
+import { t as mn } from "./_shared/flint-toggle-DTT9i3J2.js";
+import { FlintResizableGroup as hn, FlintResizableHandle as gn, FlintResizablePanel as _n } from "./resizable/flint-resizable.js";
+import { t as vn } from "./_shared/flint-image-comparer-DDF_wCjc.js";
+import { FlintSplitPanel as yn, parseSnapPoints as bn } from "./split-panel/flint-split-panel.js";
+import { t as xn } from "./_shared/flint-relative-time-BFh5nQqz.js";
+import { n as Sn, t as Cn } from "./_shared/flint-format-date-_jfKYO_2.js";
+import { t as wn } from "./_shared/flint-format-number-g8MkggyM.js";
+import { t as Tn } from "./_shared/flint-visually-hidden-CqgpY__B.js";
+import { t as En } from "./_shared/flint-range-slider-IfXMtey2.js";
+export { ae as FlintAccordion, re as FlintAccordionActions, ie as FlintAccordionDetails, ne as FlintAccordionSummary, x as FlintAlert, oe as FlintAppBar, f as FlintAutocomplete, k as FlintAvatar, J as FlintBackdrop, b as FlintBadge, ce as FlintBottomNavigation, se as FlintBottomNavigationAction, Ae as FlintBox, le as FlintBreadcrumbs, e as FlintButton, t as FlintButtonGroup, n as FlintCard, s as FlintCardActionArea, o as FlintCardActions, i as FlintCardContent, r as FlintCardHeader, a as FlintCardMedia, pt as FlintCarousel, dt as FlintCarouselContent, ft as FlintCarouselItem, ut as FlintCarouselNext, lt as FlintCarouselPrevious, p as FlintCheckbox, A as FlintChip, ee as FlintCircularProgress, St as FlintCollapsible, bt as FlintCollapsibleContent, xt as FlintCollapsibleTrigger, ct as FlintCommand, it as FlintCommandDialog, ot as FlintCommandEmpty, nt as FlintCommandGroup, et as FlintCommandInput, at as FlintCommandItem, st as FlintCommandList, tt as FlintCommandSeparator, rt as FlintCommandShortcut, je as FlintContainer, dn as FlintCopyButton, ze as FlintDateField, Re as FlintDatePicker, Le as FlintDatePickerCalendar, Ve as FlintDateRangeCalendar, He as FlintDateRangePicker, Xe as FlintDesktopTimePicker, $ as FlintDialog, Z as FlintDialogActions, Q as FlintDialogContent, X as FlintDialogContentText, Y as FlintDialogTitle, Ke as FlintDigitalClock, w as FlintDivider, ue as FlintDrawer, yt as FlintEmpty, gt as FlintEmptyContent, vt as FlintEmptyDescription, ht as FlintEmptyHeader, mt as FlintEmptyMedia, _t as FlintEmptyTitle, d as FlintFab, Cn as FlintFormatDate, wn as FlintFormatNumber, Me as FlintGrid, Tt as FlintHoverCard, Ct as FlintHoverCardContent, wt as FlintHoverCardTrigger, vn as FlintImageComparer, Pe as FlintImageList, Fe as FlintImageListItem, Ie as FlintImageListItemBar, l as FlintInput, kt as FlintInputOtp, Dt as FlintInputOtpGroup, Ot as FlintInputOtpSeparator, Et as FlintInputOtpSlot, Rt as FlintItem, Pt as FlintItemActions, It as FlintItemContent, Mt as FlintItemDescription, At as FlintItemFooter, Ft as FlintItemGroup, Lt as FlintItemHeader, jt as FlintItemMedia, Nt as FlintItemSeparator, zt as FlintItemTitle, Vt as FlintKbd, Bt as FlintKbdGroup, te as FlintLinearProgress, de as FlintLink, L as FlintList, N as FlintListItem, F as FlintListItemAvatar, M as FlintListItemButton, j as FlintListItemIcon, P as FlintListItemText, I as FlintListSubheader, ge as FlintMenu, me as FlintMenuDivider, he as FlintMenuGroup, pe as FlintMenuItem, en as FlintMenubar, Yt as FlintMenubarCheckboxItem, Qt as FlintMenubarContent, Kt as FlintMenubarGroup, Ht as FlintMenubarItem, Xt as FlintMenubarMenu, $t as FlintMenubarRadioGroup, Ut as FlintMenubarRadioItem, qt as FlintMenubarSeparator, tn as FlintMenubarShortcut, Wt as FlintMenubarSub, Gt as FlintMenubarSubContent, Zt as FlintMenubarSubTrigger, Jt as FlintMenubarTrigger, Te as FlintMobileStepper, Je as FlintMobileTimePicker, Ge as FlintMultiSectionDigitalClock, an as FlintNavigationMenu, ln as FlintNavigationMenuContent, sn as FlintNavigationMenuItem, un as FlintNavigationMenuLink, on as FlintNavigationMenuList, cn as FlintNavigationMenuTrigger, _e as FlintPagination, c as FlintPaper, h as FlintRadio, m as FlintRadioGroup, En as FlintRangeSlider, g as FlintRating, xn as FlintRelativeTime, hn as FlintResizableGroup, gn as FlintResizableHandle, _n as FlintResizablePanel, $e as FlintRichTreeView, rn as FlintScrollArea, nn as FlintScrollBar, u as FlintSelect, Qe as FlintSimpleTreeView, Be as FlintSingleInputDateRangeField, S as FlintSkeleton, T as FlintSlider, C as FlintSnackbar, ye as FlintSpeedDial, ve as FlintSpeedDialAction, yn as FlintSplitPanel, Ne as FlintStack, Ue as FlintStaticTimePicker, Se as FlintStep, we as FlintStepConnector, xe as FlintStepContent, be as FlintStepLabel, Ce as FlintStepper, _ as FlintSwitch, ke as FlintTab, De as FlintTabList, Oe as FlintTabPanel, W as FlintTable, B as FlintTableBody, H as FlintTableCell, z as FlintTableContainer, R as FlintTableFooter, V as FlintTableHead, K as FlintTablePagination, U as FlintTableRow, G as FlintTableSortLabel, Ee as FlintTabs, E as FlintTextField, v as FlintTextarea, qe as FlintTimeClock, Ye as FlintTimeField, We as FlintTimePicker, pn as FlintToaster, mn as FlintToggle, D as FlintToggleButton, O as FlintToggleButtonGroup, q as FlintTooltip, y as FlintTransferList, Ze as FlintTreeItem, fe as FlintTypography, Tn as FlintVisuallyHidden, Sn as parseDate, bn as parseSnapPoints, fn as toast };

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

@@ -0,0 +1,52 @@
+import { LitElement } from 'lit';
+declare const FlintInput_base: (new (...args: any[]) => import("../mixins/form-associated.js").FormAssociatedInterface) & typeof LitElement;
+/**
+ * Input: a styled text input with label, help text, and error states.
+ *
+ * @fires flint-input-input - Fired on each keystroke as the value changes.
+ * @fires flint-input-change - Fired when the input loses focus after the value has changed.
+ */
+export declare class FlintInput extends FlintInput_base {
+    static styles: import("lit").CSSResult;
+    private _inputId;
+    /** Label text displayed above the input. */
+    label: string;
+    /** Current input value. */
+    value: string;
+    /** HTML input type (text, email, password, etc.). */
+    type: string;
+    /** Placeholder text shown when the input is empty. */
+    placeholder: string;
+    /** Help text displayed below the input. */
+    helpText: string;
+    /** Whether the input is in an error state. */
+    error: boolean;
+    /** Error message displayed below the input. */
+    errorMessage: string;
+    /** Disables the input and prevents interaction. */
+    disabled: boolean;
+    /** Marks the input as required for form validation. */
+    required: boolean;
+    /** Makes the input read-only. */
+    readonly: boolean;
+    /** Form field name used when submitting form data. */
+    name: string;
+    /** Browser autocomplete hint. */
+    autocomplete: string;
+    /** 'sm' | 'default' | 'lg' */
+    size: 'sm' | 'default' | 'lg';
+    /** Expose the internal <input> for direct access */
+    get inputElement(): HTMLInputElement;
+    formResetCallback(): void;
+    private _updateFormValue;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleInput;
+    private _handleChange;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-input': FlintInput;
+    }
+}
+export {};
+//# sourceMappingURL=flint-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-input.d.ts","sourceRoot":"","sources":["../../src/input/flint-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;;AAQlD;;;;;GAKG;AACH,qBACa,UAAW,SAAQ,eAA0B;IACtD,MAAM,CAAC,MAAM,0BAA4B;IAEzC,OAAO,CAAC,QAAQ,CAAgC;IAEhD,4CAA4C;IAE5C,KAAK,SAAM;IAEX,2BAA2B;IAE3B,KAAK,SAAM;IAEX,qDAAqD;IAErD,IAAI,EAAE,MAAM,CAAU;IAEtB,sDAAsD;IAEtD,WAAW,SAAM;IAEjB,2CAA2C;IAE3C,QAAQ,SAAM;IAEd,8CAA8C;IAE9C,KAAK,UAAS;IAEd,+CAA+C;IAE/C,YAAY,SAAM;IAElB,mDAAmD;IAEnD,QAAQ,UAAS;IAEjB,uDAAuD;IAEvD,QAAQ,UAAS;IAEjB,iCAAiC;IAEjC,QAAQ,UAAS;IAEjB,sDAAsD;IAEtD,IAAI,SAAM;IAEV,iCAAiC;IAEjC,YAAY,SAAM;IAElB,8BAA8B;IAE9B,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAa;IAE1C,oDAAoD;IACpD,IAAI,YAAY,IAAI,gBAAgB,CAEnC;IAED,iBAAiB;IAKjB,OAAO,CAAC,gBAAgB;IAKxB,MAAM;IAwCN,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,aAAa;CAWxB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,UAAU,CAAC;KAC7B;CACJ"}

package/dist/input/flint-input.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-input-BV4Glu8N.js";
+export { e as FlintInput };

package/dist/input-otp/flint-input-otp.d.ts

@@ -0,0 +1,130 @@
+import { LitElement, type PropertyValues } from 'lit';
+/**
+ * Visual grouping wrapper for `flint-input-otp-slot` elements.
+ * Renders slots inline with shared borders.
+ *
+ * @slot - Accepts `flint-input-otp-slot` elements.
+ */
+export declare class FlintInputOtpGroup extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Visual separator between `flint-input-otp-group` elements.
+ * Renders a short horizontal bar.
+ */
+export declare class FlintInputOtpSeparator extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * A single character cell in an OTP input.
+ * Place inside `flint-input-otp-group`. State is managed by `flint-input-otp`.
+ *
+ * @attr {number}  index   - Zero-based position of this slot.
+ * @attr {string}  char    - Character currently displayed (set by `flint-input-otp`).
+ * @attr {boolean} active  - Whether the text cursor is at this position.
+ * @attr {boolean} invalid - Marks the slot as invalid (error state).
+ */
+export declare class FlintInputOtpSlot extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Zero-based position index of this slot. */
+    index: number;
+    /** Character displayed. Set by the parent `flint-input-otp`. */
+    char: string;
+    /** Whether the cursor is at this position. Set by the parent `flint-input-otp`. */
+    active: boolean;
+    /** Error / invalid state. */
+    invalid: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Accessible one-time password input with copy/paste support.
+ * Manages a hidden native `<input>` and syncs each `flint-input-otp-slot`
+ * with the appropriate character and active-cursor state.
+ *
+ * @slot - Accepts `flint-input-otp-group`, `flint-input-otp-separator`, and
+ *         `flint-input-otp-slot` elements.
+ *
+ * @fires flint-otp-change   - Fired on every value change. `detail: { value: string }`.
+ * @fires flint-otp-complete - Fired when `maxLength` chars have been entered.
+ *                          `detail: { value: string }`.
+ *
+ * @attr {string}  value         - Current OTP value (controlled).
+ * @attr {string}  default-value - Initial value for uncontrolled usage.
+ * @attr {number}  max-length    - Number of digits/characters (default: 6).
+ * @attr {string}  pattern       - Per-character regex tested against each input char.
+ *                                 E.g. `"\\d"` for digits only, `"[a-zA-Z0-9]"` for
+ *                                 alphanumeric. Empty string accepts everything.
+ * @attr {boolean} disabled      - Disables the input.
+ */
+export declare class FlintInputOtp extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Current OTP value. Reflects to attribute for external observation. */
+    value: string;
+    /** Initial uncontrolled value. Has no effect after the first render. */
+    defaultValue: string;
+    /** Total number of character slots. */
+    maxLength: number;
+    /**
+     * Per-character regex pattern string. Characters failing the test are
+     * silently rejected on input and paste.
+     * E.g. `"\\d"` accepts digits only; `"[a-zA-Z0-9]"` accepts alphanumeric.
+     */
+    pattern: string;
+    /** Disables the OTP input. */
+    disabled: boolean;
+    /** Accessible label for the hidden input (used as aria-label). */
+    label: string;
+    /** Optional description text for the hidden input (used as aria-describedby). */
+    description: string;
+    private _hiddenInput;
+    private _internalValue;
+    private _focused;
+    private _cursorIndex;
+    private _firstUpdate;
+    private _handleClick;
+    private readonly _descId;
+    private static _uidCounter;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: PropertyValues): void;
+    updated(changed: PropertyValues): void;
+    private _getAllSlots;
+    private _syncSlots;
+    private _filterByPattern;
+    /** Store a new value and fire change/complete events. Does NOT call _syncSlots. */
+    private _commit;
+    /**
+     * Insert (or replace) a character at the current cursor position, then
+     * advance the cursor by one slot.
+     */
+    private _insertChar;
+    /** Delete the character at the cursor (standard Backspace). */
+    private _deleteBackward;
+    /** Delete the character at the cursor (Delete key). */
+    private _deleteForward;
+    /** Move cursor left or right, clamped to the filled region. */
+    private _moveCursor;
+    private _handleKeydown;
+    private _handlePaste;
+    private _handleFocus;
+    private _handleBlur;
+    private _handleSlotChange;
+    /**
+     * Compute the appropriate mobile keyboard type.
+     * Returns 'numeric' for digit-only patterns (or no pattern), 'text' otherwise.
+     */
+    private get _computedInputMode();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-input-otp': FlintInputOtp;
+        'flint-input-otp-group': FlintInputOtpGroup;
+        'flint-input-otp-separator': FlintInputOtpSeparator;
+        'flint-input-otp-slot': FlintInputOtpSlot;
+    }
+}
+//# sourceMappingURL=flint-input-otp.d.ts.map

package/dist/input-otp/flint-input-otp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-input-otp.d.ts","sourceRoot":"","sources":["../../src/input-otp/flint-input-otp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAWhF;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAoC;IAEjD,MAAM;CAGT;AAMD;;;GAGG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IAClD,MAAM,CAAC,MAAM,0BAAwC;IAErD,MAAM;CAGT;AAMD;;;;;;;;GAQG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,0BAAmC;IAEhD,8CAA8C;IAClB,KAAK,SAAK;IAEtC,gEAAgE;IACpD,IAAI,SAAM;IAEtB,mFAAmF;IACvC,MAAM,UAAS;IAE3D,6BAA6B;IACe,OAAO,UAAS;IAE5D,MAAM;CAST;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA+B;IAE5C,yEAAyE;IAC5C,KAAK,SAAM;IAExC,wEAAwE;IAC9B,YAAY,SAAM;IAE5D,uCAAuC;IACc,SAAS,SAAK;IAEnE;;;;OAIG;IACS,OAAO,SAAM;IAEzB,8BAA8B;IACc,QAAQ,UAAS;IAE7D,kEAAkE;IACtC,KAAK,SAAuB;IAExD,iFAAiF;IACrD,WAAW,SAAM;IAErB,OAAO,CAAC,YAAY,CAAoB;IAEhE,OAAO,CAAC,cAAc,CAAM;IAC5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,YAAY,CAalB;IAEF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAyD;IACjF,OAAO,CAAC,MAAM,CAAC,WAAW,CAAK;;IAOtB,iBAAiB;IAOjB,oBAAoB;IAKpB,UAAU,CAAC,OAAO,EAAE,cAAc;IAoBlC,OAAO,CAAC,OAAO,EAAE,cAAc;IAMxC,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,gBAAgB;IAMxB,mFAAmF;IACnF,OAAO,CAAC,OAAO;IAsBf;;;OAGG;IACH,OAAO,CAAC,WAAW;IAwBnB,+DAA+D;IAC/D,OAAO,CAAC,eAAe;IAevB,uDAAuD;IACvD,OAAO,CAAC,cAAc;IAYtB,+DAA+D;IAC/D,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,iBAAiB;IAIzB;;;OAGG;IACH,OAAO,KAAK,kBAAkB,GAQ7B;IAED,MAAM;CAqBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,aAAa,CAAC;QACjC,uBAAuB,EAAE,kBAAkB,CAAC;QAC5C,2BAA2B,EAAE,sBAAsB,CAAC;QACpD,sBAAsB,EAAE,iBAAiB,CAAC;KAC7C;CACJ"}

package/dist/input-otp/flint-input-otp.js

@@ -0,0 +1,2 @@
+import { i as e, n as t, r as n, t as r } from "../_shared/flint-input-otp-__geY8N4.js";
+export { r as FlintInputOtp, t as FlintInputOtpGroup, n as FlintInputOtpSeparator, e as FlintInputOtpSlot };

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

@@ -0,0 +1,151 @@
+import { LitElement } from 'lit';
+/**
+ * Displays the title of an item.
+ *
+ * @slot - Title text.
+ */
+export declare class FlintItemTitle extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Displays the description of an item.
+ *
+ * @slot - Description text.
+ */
+export declare class FlintItemDescription extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Media container for an item (icon, avatar, or image).
+ *
+ * @slot - Media content: SVG icon, avatar element, or image.
+ *
+ * @attr {'default'|'icon'|'image'} variant
+ *   - `default` — plain flex wrapper, no background.
+ *   - `icon`    — rounded box with muted background, sized for icons.
+ *   - `image`   — fixed 40×40 clipping box for thumbnails.
+ *
+ * @cssprop --flint-item-media-icon-bg    - Icon variant background (default: `#f3f4f6`).
+ * @cssprop --flint-item-media-icon-color - Icon variant foreground (default: `#4b5563`).
+ */
+export declare class FlintItemMedia extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Visual treatment for the media container. */
+    variant: 'default' | 'icon' | 'image';
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Flex-column wrapper for an item's title and description.
+ *
+ * @slot - Accepts `flint-item-title`, `flint-item-description`, or any content.
+ */
+export declare class FlintItemContent extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Container for action buttons or other interactive elements.
+ * Aligns itself to the trailing edge of the item row.
+ *
+ * @slot - Buttons, icons, or any interactive elements.
+ */
+export declare class FlintItemActions extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Full-bleed header that spans the top of the item, cancelling the
+ * item's padding so media (images) appear flush with the border.
+ * Always place as the first child of `flint-item`.
+ *
+ * @slot - Header content, typically an image or decorative element.
+ */
+export declare class FlintItemHeader extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Full-bleed footer that spans the bottom of the item, cancelling the
+ * item's padding so the footer appears flush with the border.
+ * Always place as the last child of `flint-item`.
+ *
+ * @slot - Footer content: metadata, links, supplementary actions.
+ */
+export declare class FlintItemFooter extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Visual separator between items in a group.
+ *
+ * @cssprop --flint-border-color - Separator color (default: `#e5e7eb`).
+ */
+export declare class FlintItemSeparator extends LitElement {
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Container for grouping related items together.
+ *
+ * @slot - Accepts `flint-item`, `flint-item-separator`, and any other elements.
+ *
+ * @cssprop --flint-item-group-gap - Spacing between items (default: `4px`).
+ */
+export declare class FlintItemGroup extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Root container for displaying content with media, title,
+ * description, and actions. A versatile flex row that adapts to
+ * icons, avatars, images, and action buttons.
+ *
+ * @slot - Accepts `flint-item-header`, `flint-item-media`, `flint-item-content`,
+ *         `flint-item-actions`, `flint-item-footer`, and any other elements.
+ *
+ * @attr {'default'|'outline'|'muted'} variant - Visual style.
+ * @attr {'default'|'sm'|'xs'} size - Size preset.
+ *
+ * @cssprop --flint-item-padding          - Internal padding (default: `16px`; `12px` sm; `8px` xs).
+ * @cssprop --flint-item-gap              - Gap between flex children (default: `12px`).
+ * @cssprop --flint-item-media-icon-bg    - Icon media background.
+ * @cssprop --flint-item-media-icon-color - Icon media foreground.
+ * @cssprop --flint-border-color          - Outline variant border color (default: `#e5e7eb`).
+ * @cssprop --flint-muted-bg              - Muted variant background (default: `#f9fafb`).
+ */
+export declare class FlintItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Visual style of the item.
+     * - `default`  — no border, transparent background.
+     * - `outline`  — visible border.
+     * - `muted`    — muted background fill.
+     */
+    variant: 'default' | 'outline' | 'muted';
+    /**
+     * Size preset controlling padding and gap.
+     * - `default` — 16px padding, 12px gap.
+     * - `sm`      — 12px padding, 8px gap.
+     * - `xs`      — 8px padding, 6px gap.
+     */
+    size: 'default' | 'sm' | 'xs';
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-item': FlintItem;
+        'flint-item-group': FlintItemGroup;
+        'flint-item-separator': FlintItemSeparator;
+        'flint-item-media': FlintItemMedia;
+        'flint-item-content': FlintItemContent;
+        'flint-item-title': FlintItemTitle;
+        'flint-item-description': FlintItemDescription;
+        'flint-item-actions': FlintItemActions;
+        'flint-item-header': FlintItemHeader;
+        'flint-item-footer': FlintItemFooter;
+    }
+}
+//# sourceMappingURL=flint-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-item.d.ts","sourceRoot":"","sources":["../../src/item/flint-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAkBlD;;;;GAIG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAgC;IAC7C,MAAM;CACT;AAMD;;;;GAIG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAAsC;IACnD,MAAM;CACT;AAMD;;;;;;;;;;;;GAYG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAgC;IAE7C,gDAAgD;IAEhD,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAa;IAElD,MAAM;CAWT;AAMD;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAAkC;IAC/C,MAAM;CACT;AAMD;;;;;GAKG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAAkC;IAC/C,MAAM;CACT;AAMD;;;;;;GAMG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BAAiC;IAC9C,MAAM;CACT;AAMD;;;;;;GAMG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BAAiC;IAC9C,MAAM;CACT;AAMD;;;;GAIG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAoC;IAEjD,iBAAiB;IAMjB,MAAM;CACT;AAMD;;;;;;GAMG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAgC;IAC7C,MAAM;CACT;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAA2B;IAExC;;;;;OAKG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAErD;;;;;OAKG;IAEH,IAAI,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAa;IAE1C,MAAM;CAGT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;QACxB,kBAAkB,EAAE,cAAc,CAAC;QACnC,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,kBAAkB,EAAE,cAAc,CAAC;QACnC,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,kBAAkB,EAAE,cAAc,CAAC;QACnC,wBAAwB,EAAE,oBAAoB,CAAC;QAC/C,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,mBAAmB,EAAE,eAAe,CAAC;QACrC,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}

package/dist/item/flint-item.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, u as l } from "../_shared/flint-item-XvdemneV.js";
+export { c as FlintItem, i as FlintItemActions, o as FlintItemContent, n as FlintItemDescription, e as FlintItemFooter, a as FlintItemGroup, s as FlintItemHeader, t as FlintItemMedia, r as FlintItemSeparator, l as FlintItemTitle };

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

@@ -0,0 +1,47 @@
+import { LitElement } from 'lit';
+/**
+ * Displays a single keyboard key or modifier symbol.
+ * Renders a semantic `<kbd>` element for accessibility.
+ *
+ * @slot - Key label: text, symbol (⌘ ⇧ ⌥ ⌃ ⏎), or any inline content.
+ *
+ * @attr {'default'|'sm'|'lg'} size    - Visual size of the key.
+ * @attr {'raised'|'flat'}     variant - `raised` (default) shows bottom border + shadow; `flat` removes them for inline use.
+ * @attr {string}              label   - Accessible label forwarded as `aria-label` on the inner `<kbd>` element.
+ *
+ * @cssprop --flint-kbd-bg            - Background color (default: `#f9fafb`).
+ * @cssprop --flint-kbd-border-color  - Border color (default: `#e5e7eb`).
+ * @cssprop --flint-kbd-color         - Text color (default: `#374151`).
+ * @cssprop --flint-kbd-font-family   - Font family (default: monospace stack).
+ * @cssprop --flint-kbd-radius        - Border radius (default: `4px`).
+ * @cssprop --flint-kbd-shadow-color  - Bottom-shadow color for the key effect (default: `#d1d5db`).
+ */
+export declare class FlintKbd extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Visual size of the key. */
+    size: 'sm' | 'default' | 'lg';
+    /** Visual style: `raised` (default, bottom border + shadow) or `flat` (no raised effect). */
+    variant: 'raised' | 'flat';
+    /** Accessible label forwarded as `aria-label` on the inner `<kbd>` element. Useful for symbol keys like ⌘. */
+    label: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Groups multiple `flint-kbd` elements in a row.
+ * Provides a flex container with tight spacing for key combos.
+ *
+ * @slot - `flint-kbd` elements, separators (e.g. `<span>+</span>`), or text.
+ *
+ * @cssprop --flint-kbd-group-gap - Gap between items (default: `4px`).
+ */
+export declare class FlintKbdGroup extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-kbd': FlintKbd;
+        'flint-kbd-group': FlintKbdGroup;
+    }
+}
+//# sourceMappingURL=flint-kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-kbd.d.ts","sourceRoot":"","sources":["../../src/kbd/flint-kbd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AAS3D;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,QAAS,SAAQ,UAAU;IACpC,MAAM,CAAC,MAAM,0BAA0B;IAEvC,8BAA8B;IAE9B,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAa;IAE1C,6FAA6F;IAE7F,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAY;IAEtC,8GAA8G;IAE9G,KAAK,SAAM;IAEX,MAAM;CAOT;AAMD;;;;;;;GAOG;AACH,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAA+B;IAE5C,MAAM;CAGT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;QACtB,iBAAiB,EAAE,aAAa,CAAC;KACpC;CACJ"}

package/dist/kbd/flint-kbd.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../_shared/flint-kbd-DXSl3YcK.js";
+export { t as FlintKbd, e as FlintKbdGroup };

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

@@ -0,0 +1,47 @@
+import { LitElement } from 'lit';
+/**
+ * The Link component allows you to easily customize anchor elements
+ * with theme colors and typography styles.
+ *
+ * @slot - Link text or content.
+ * @fires click - Native click event.
+ */
+export declare class FlintLink extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** The URL of the link. */
+    href: string;
+    /** Where to open the link. */
+    target: '_self' | '_blank' | '_parent' | '_top';
+    /** Specifies the relationship of the target object. */
+    rel: string;
+    /**
+     * The color of the link.
+     * @default 'primary'
+     */
+    color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'textPrimary' | 'textSecondary' | 'inherit';
+    /**
+     * Controls the underline behavior.
+     * @default 'always'
+     */
+    underline: 'none' | 'hover' | 'always';
+    /**
+     * Applies typography variant styles.
+     * @default 'inherit'
+     */
+    variant: 'inherit' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
+    /** If true, the link is disabled. */
+    disabled: boolean;
+    /** The download attribute. */
+    download?: string;
+    /** The ARIA label. */
+    label?: string;
+    private _computedRel;
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-link': FlintLink;
+    }
+}
+//# sourceMappingURL=flint-link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-link.d.ts","sourceRoot":"","sources":["../../src/link/flint-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AAK3D;;;;;;GAMG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAA2B;IAExC,2BAA2B;IACC,IAAI,SAAM;IAEtC,8BAA8B;IACF,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAW;IAEtF,uDAAuD;IAC3B,GAAG,SAAM;IAErC;;;OAGG;IACwC,KAAK,EAC1C,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAClE,aAAa,GAAG,eAAe,GAAG,SAAS,CAAa;IAE9D;;;OAGG;IACwC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAY;IAE7F;;;OAGG;IACwC,OAAO,EAC5C,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GACnD,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAa;IAEzF,qCAAqC;IACO,QAAQ,UAAS;IAE7D,8BAA8B;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C,sBAAsB;IACM,KAAK,CAAC,EAAE,MAAM,CAAC;IAE3C,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,YAAY;IAMpB,MAAM;CAiBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}

package/dist/link/flint-link.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-link-CnzR1CYQ.js";
+export { e as FlintLink };