@getufy/flint-ui 0.1.0

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

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+type Placement = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * flint-tooltip
+ * A component that displays a text label when users hover over or focus on an element.
+ */
+export declare class FlintTooltip extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Text content displayed inside the tooltip. */
+    label: string;
+    /** Preferred placement of the tooltip relative to the trigger element. */
+    placement: Placement;
+    /** Show a small arrow pointing toward the trigger element. */
+    arrow: boolean;
+    /** Disables the tooltip so it never appears. */
+    disabled: boolean;
+    /** Delay in ms before showing the tooltip. */
+    openDelay: number;
+    /** Delay in ms before hiding the tooltip. */
+    closeDelay: number;
+    private _visible;
+    private _activePlacement;
+    private _tooltipId;
+    private _openTimer;
+    private _closeTimer;
+    disconnectedCallback(): void;
+    private _clearTimers;
+    private _show;
+    private _hide;
+    private _handleKeydown;
+    /** Check if the tooltip fits within the viewport, flip if not. */
+    private _applyAutoFlip;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-tooltip': FlintTooltip;
+    }
+}
+export {};
+//# sourceMappingURL=flint-tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-tooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/flint-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AAK3D,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAWrD;;;GAGG;AACH,qBACa,YAAa,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAA8B;IAEpD,iDAAiD;IACrB,KAAK,SAAM;IACvC,0EAA0E;IAC9C,SAAS,EAAE,SAAS,CAAS;IACzD,8DAA8D;IACjC,KAAK,UAAS;IAC3C,gDAAgD;IACJ,QAAQ,UAAS;IAE7D,8CAA8C;IACO,SAAS,SAAK;IAEnE,6CAA6C;IACS,UAAU,SAAK;IAE5D,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,gBAAgB,CAA6B;IAE9D,OAAO,CAAC,UAAU,CAAwC;IAC1D,OAAO,CAAC,UAAU,CAA8C;IAChE,OAAO,CAAC,WAAW,CAA8C;IAExD,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,KAAK;IAmBb,OAAO,CAAC,KAAK;IAgBb,OAAO,CAAC,cAAc;IAOtB,kEAAkE;IAClE,OAAO,CAAC,cAAc;IA8Bb,MAAM;CA+BlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;KACjC;CACJ"}

package/dist/tooltip/flint-tooltip.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-tooltip-C9nJvtJi.js";
+export { e as FlintTooltip };

package/dist/transfer-list/flint-transfer-list.d.ts

@@ -0,0 +1,48 @@
+import { LitElement } from 'lit';
+import type { PropertyValues } from 'lit';
+export interface TransferOption {
+    label: string;
+    value: string;
+}
+/**
+ * A premium Transfer List component for moving items between two lists.
+ *
+ * @fires change - Dispatched when items are moved between lists. Detail: `{ value: string[] }`
+ */
+export declare class FlintTransferList extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Available options to display in the transfer list. */
+    options: TransferOption[];
+    /** Currently selected values (items in the right list). */
+    value: string[];
+    /** Initial value for uncontrolled usage. Applied once on first render. */
+    defaultValue: string[];
+    /** Title displayed above the left (available) list. */
+    leftTitle: string;
+    /** Title displayed above the right (selected) list. */
+    rightTitle: string;
+    /** Whether the transfer list is disabled. */
+    disabled: boolean;
+    /** Whether to show search inputs for filtering each list. */
+    searchable: boolean;
+    private leftChecked;
+    private rightChecked;
+    private _leftSearch;
+    private _rightSearch;
+    private _firstUpdate;
+    willUpdate(changed: PropertyValues): void;
+    private _toggleChecked;
+    private _handleItemKeydown;
+    private _moveRight;
+    private _moveLeft;
+    private _moveAllRight;
+    private _moveAllLeft;
+    private _dispatchChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-transfer-list': FlintTransferList;
+    }
+}
+//# sourceMappingURL=flint-transfer-list.d.ts.map

package/dist/transfer-list/flint-transfer-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-transfer-list.d.ts","sourceRoot":"","sources":["../../src/transfer-list/flint-transfer-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,0BAAmC;IAEhD,yDAAyD;IAC9B,OAAO,EAAE,cAAc,EAAE,CAAM;IAC1D,2DAA2D;IAChC,KAAK,EAAE,MAAM,EAAE,CAAM;IAChD,0EAA0E;IACnB,YAAY,EAAE,MAAM,EAAE,CAAM;IACnF,uDAAuD;IAC3B,SAAS,SAAa;IAClD,uDAAuD;IAC3B,UAAU,SAAc;IACpD,6CAA6C;IACD,QAAQ,UAAS;IAC7D,6DAA6D;IAChC,UAAU,UAAS;IAEvC,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,YAAY,CAAgB;IACpC,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,YAAY,CAAM;IAEnC,OAAO,CAAC,YAAY,CAAQ;IAEnB,UAAU,CAAC,OAAO,EAAE,cAAc;IAU3C,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;IAQvB,MAAM;CA+HT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,iBAAiB,CAAC;KAC5C;CACJ"}

package/dist/transfer-list/flint-transfer-list.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-transfer-list-DZsAcF0l.js";
+export { e as FlintTransferList };

package/dist/tree-view/flint-rich-tree-view.d.ts

@@ -0,0 +1,213 @@
+import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
+import type { FlintTreeItem } from './flint-tree-item.js';
+import './flint-tree-item.js';
+export type RichTreeItem = Record<string, unknown>;
+/**
+ * Data source for lazy loading.
+ *
+ * @method getTreeItems   - Returns children for a given parent ID, or root items when `null`.
+ * @method getChildrenCount - Returns the number of children for the item.
+ *   Return a positive number if known, -1 if the item has children but the count is unknown,
+ *   or 0 if the item has no children.
+ */
+export interface RichTreeViewDataSource {
+    getTreeItems(parentId: string | null): Promise<RichTreeItem[]>;
+    getChildrenCount(item: RichTreeItem): number;
+}
+/**
+ * A data-driven tree view that renders its structure from an `items` array.
+ *
+ * Unlike `flint-simple-tree-view` (which uses a slot), `flint-rich-tree-view` renders
+ * `flint-tree-item` elements internally from data.
+ *
+ * **Lazy loading:** Provide a `dataSource` to load children on demand.
+ * Pass an empty `items` array to also load the root level lazily.
+ *
+ * @prop {RichTreeItem[]}                        items            - Array of item data objects.
+ * @prop {RichTreeViewDataSource}                dataSource       - Optional lazy-load data source.
+ * @prop {(item) => string}                      getItemId        - Extract unique ID (default: `item.id`).
+ * @prop {(item) => string}                      getItemLabel     - Extract label (default: `item.label`).
+ * @prop {(item) => RichTreeItem[] | undefined}  getItemChildren  - Extract children (default: `item.children`).
+ * @prop {(item) => boolean}                     isItemDisabled   - Return true to disable an item.
+ *
+ * @fires flint-tree-view-item-click        - When a tree item is activated (detail: { itemId })
+ * @fires flint-tree-view-expanded-items-change - When the expanded set changes (detail: { expandedItems })
+ * @fires flint-tree-view-error               - When a lazy-loading dataSource call fails (detail: { message, id, error })
+ */
+export declare class FlintRichTreeView extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Array of item data objects to render in the tree. */
+    items: RichTreeItem[];
+    /**
+     * Optional lazy-load data source. When provided, children are fetched
+     * on demand when the user expands an item. If `items` is empty, root
+     * items are also fetched on first render.
+     */
+    dataSource?: RichTreeViewDataSource;
+    /** Returns the unique string ID for an item. Defaults to `item.id`. */
+    getItemId: (item: RichTreeItem) => string;
+    /** Returns the display label for an item. Defaults to `item.label`. */
+    getItemLabel: (item: RichTreeItem) => string;
+    /** Returns the children array for an item. Defaults to `item.children`. */
+    getItemChildren: (item: RichTreeItem) => RichTreeItem[] | undefined;
+    /** Returns `true` if the given item should be disabled. */
+    isItemDisabled: (item: RichTreeItem) => boolean;
+    /**
+     * When `true`, disabled items can receive keyboard focus.
+     * When `false` (default), keyboard navigation skips disabled items.
+     */
+    disabledItemsFocusable: boolean;
+    /** Callback invoked when a tree item is clicked or activated via keyboard. */
+    onItemClick?: (itemId: string) => void;
+    /**
+     * What interaction triggers expand/collapse.
+     * - `'content'` (default): clicking anywhere on the item row
+     * - `'iconContainer'`: clicking only the expand/collapse icon button
+     */
+    expansionTrigger: 'content' | 'iconContainer';
+    /**
+     * **Controlled mode.** The set of item IDs that should be expanded.
+     * You must update this via `onExpandedItemsChange` to apply user changes.
+     */
+    expandedItems?: string[];
+    /**
+     * **Uncontrolled mode.** Item IDs to expand on initial mount.
+     */
+    defaultExpandedItems: string[];
+    /** Callback fired when the user toggles an item's expansion. */
+    onExpandedItemsChange?: (itemIds: string[]) => void;
+    /**
+     * When `true`, enables drag-and-drop reordering of items.
+     */
+    itemsReordering: boolean;
+    /**
+     * Function that determines if a specific item can be reordered.
+     * Receives the item ID and should return `true` if reorderable.
+     */
+    isItemReorderable?: (itemId: string) => boolean;
+    /**
+     * Function that determines if an item can be moved to a specific target position.
+     * Receives context about the move and should return `true` if allowed.
+     */
+    canMoveItemToNewPosition?: (params: {
+        itemId: string;
+        targetId: string;
+        position: 'before' | 'after' | 'inside';
+    }) => boolean;
+    /**
+     * Whether to use a drag handle icon for reordering.
+     * - `false` (default): Dragging from anywhere on the row triggers reordering.
+     * - `true`: Only dragging from the handle icon triggers reordering.
+     */
+    itemsReorderingHandle: boolean;
+    /** Fired when an item's position changes via reordering. */
+    onItemPositionChange?: (params: {
+        itemId: string;
+        newParentId: string | null;
+        newIndex: number;
+    }) => void;
+    /** Tracks expanded IDs in uncontrolled mode. */
+    private _internalExpandedItems;
+    /** Prevents `defaultExpandedItems` from being re-applied on subsequent item changes. */
+    private _expansionInitialized;
+    /** Stores imperative disabled overrides from `setIsItemDisabled()`. */
+    private _disabledOverrides;
+    /** Lazily loaded children keyed by parent ID (`null` = root). */
+    private _lazyChildren;
+    /** IDs currently being fetched. */
+    private _loading;
+    /**
+     * Current ordered state of items when reordering is active.
+     * Initialized from `items` on first drag.
+     */
+    private _orderedItems;
+    /** ID of the item currently being dragged. */
+    private _draggedItemId;
+    /** ID of the item being dragged over. */
+    private _dropTargetId;
+    /** Visual indicator of where the item will be dropped. */
+    private _dropPosition;
+    private get _isControlled();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private _loadChildren;
+    private _getEffectiveDisabled;
+    private _findItemById;
+    private _getEffectiveItems;
+    private _cloneItemsTree;
+    /** Find an item and its parent list/index within a tree structure. */
+    private _findItemAndParentInTree;
+    /**
+     * FIX #2: Replaced the broken _isDescendantOf() with _isAncestorOf().
+     *
+     * Old code checked if `parentId` had `childId` as a DIRECT child only,
+     * and the call-site had the arguments backwards (checking if the dragged
+     * item is a descendant of the target, instead of the other way around).
+     *
+     * New code: returns true if `ancestorId` is an ancestor of `targetId`
+     * anywhere in the subtree (deep, recursive check).
+     */
+    private _isAncestorOf;
+    /** Items live in shadow DOM, so we query from shadowRoot. */
+    private _getAllItems;
+    private _getVisibleItems;
+    /**
+     * An item is visible if no ancestor flint-tree-item is collapsed.
+     * Traversal stops at null (shadow DOM root has no parentElement).
+     */
+    private _isVisible;
+    private _getFocusableItems;
+    private _itemHasChildren;
+    private _initExpansion;
+    private _syncExpansion;
+    private _handleToggle;
+    private _initRovingTabindex;
+    private _focusItem;
+    /** Maintains roving tabindex as focus moves within the tree. */
+    private _handleFocusIn;
+    /** Handles the `flint-tree-item-toggle` event from the expand icon button. */
+    private _handleFlintToggle;
+    /** Handles `flint-tree-item-click` (row click). Also triggers expansion in content mode. */
+    private _handleItemClick;
+    private _handleKeydown;
+    /**
+     * Returns the data item with the given ID, or `null` if not found.
+     * Performs a depth-first search through the items tree.
+     */
+    getItem(id: string): RichTreeItem | null;
+    /**
+     * Returns the DOM element for the tree item with the given ID, or `null`.
+     */
+    getItemDOMElement(id: string): FlintTreeItem | null;
+    /**
+     * Returns the current items tree. Returns the reordered tree if reordering is active.
+     */
+    getItemTree(): RichTreeItem[];
+    /**
+     * Returns the ordered child IDs for an item, or root items if null.
+     */
+    getItemOrderedChildrenIds(itemId: string | null): string[];
+    /**
+     * Imperatively toggle the disabled state of an item by ID.
+     * Overrides the `isItemDisabled` prop result for that specific item.
+     */
+    setIsItemDisabled(id: string, disabled: boolean): void;
+    private _renderItem;
+    render(): TemplateResult<1>;
+    private _getTreeItemFromEvent;
+    private _handleDragStart;
+    private _handleDragOver;
+    private _handleDragEnd;
+    private _handleDrop;
+    private _clearDropTarget;
+    private _updateItemDropStates;
+    private _moveItem;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-rich-tree-view': FlintRichTreeView;
+    }
+}
+//# sourceMappingURL=flint-rich-tree-view.d.ts.map

package/dist/tree-view/flint-rich-tree-view.d.ts.map

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

package/dist/tree-view/flint-rich-tree-view.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-rich-tree-view-BGUjgeZv.js";
+export { e as FlintRichTreeView };

package/dist/tree-view/flint-simple-tree-view.d.ts

@@ -0,0 +1,112 @@
+import { LitElement, type PropertyValues } from 'lit';
+import type { FlintTreeItem } from './flint-tree-item.js';
+/**
+ * A simple tree-view container that manages keyboard navigation, focus,
+ * and item selection/expansion for nested `flint-tree-item` elements.
+ *
+ * **Controlled expansion** — provide `expandedItems` and update it via
+ * `onExpandedItemsChange`:
+ * ```js
+ * tree.expandedItems = ['item-1'];
+ * tree.onExpandedItemsChange = (ids) => { tree.expandedItems = ids; };
+ * ```
+ *
+ * **Uncontrolled expansion** — set `defaultExpandedItems` once at mount:
+ * ```js
+ * tree.defaultExpandedItems = ['item-1', 'item-2'];
+ * ```
+ *
+ * @slot - Place `flint-tree-item` elements here.
+ *
+ * @fires flint-tree-view-item-click        - When a tree item is activated (detail: { itemId })
+ * @fires flint-tree-view-expanded-items-change - When the expanded set changes (detail: { expandedItems })
+ */
+export declare class FlintSimpleTreeView extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * When `true`, disabled items can receive keyboard focus.
+     * When `false` (default), keyboard navigation skips disabled items.
+     */
+    disabledItemsFocusable: boolean;
+    /**
+     * Callback invoked when a tree item is clicked or activated via keyboard.
+     * Receives the `itemId` of the activated item.
+     */
+    onItemClick?: (itemId: string) => void;
+    /**
+     * **Controlled mode.** The set of item IDs that should be expanded.
+     * When set, the component uses this as the source of truth.
+     * You must update this prop (via `onExpandedItemsChange`) to apply user changes.
+     * Set to `undefined` to switch back to uncontrolled mode.
+     */
+    expandedItems?: string[];
+    /**
+     * **Uncontrolled mode.** Item IDs to expand on initial mount.
+     * Ignored once the component has mounted. Has no effect in controlled mode.
+     */
+    defaultExpandedItems: string[];
+    /**
+     * Callback fired when the user toggles an item's expansion.
+     * Receives the full new array of expanded item IDs.
+     * In controlled mode, update `expandedItems` with the received value.
+     */
+    onExpandedItemsChange?: (itemIds: string[]) => void;
+    /**
+     * What interaction triggers expand/collapse.
+     * - `'content'` (default): clicking anywhere on the item row
+     * - `'iconContainer'`: clicking only the expand/collapse icon button
+     */
+    expansionTrigger: 'content' | 'iconContainer';
+    /** Tracks expanded IDs in uncontrolled mode. */
+    private _internalExpandedItems;
+    /** Prevents `defaultExpandedItems` from being re-applied on slot re-renders. */
+    private _expansionInitialized;
+    private get _isControlled();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private _getAllItems;
+    /** Returns all items that are currently visible (no collapsed ancestor). */
+    private _getVisibleItems;
+    private _isVisible;
+    /** Visible items that can receive focus based on `disabledItemsFocusable`. */
+    private _getFocusableItems;
+    private _itemHasChildren;
+    /**
+     * Runs once on first slot population.
+     * Seeds `_internalExpandedItems` from `defaultExpandedItems` in uncontrolled mode.
+     */
+    private _initExpansion;
+    /**
+     * Reconciles every item's `expanded` prop with the current expanded set
+     * (controlled: `expandedItems`; uncontrolled: `_internalExpandedItems`).
+     */
+    private _syncExpansion;
+    /**
+     * Central expansion dispatcher.
+     * In controlled mode: fires callbacks but resets to the controlled state.
+     * In uncontrolled mode: updates internal tracking and syncs items.
+     */
+    private _handleToggle;
+    private _initRovingTabindex;
+    private _focusItem;
+    private _handleFocusIn;
+    /** Handles the `flint-tree-item-toggle` event from the expand icon button. */
+    private _handleFlintToggle;
+    /** Handles `flint-tree-item-click` (row click). Also triggers expansion in content mode. */
+    private _handleItemClick;
+    private _handleKeydown;
+    /**
+     * Returns the DOM element for the tree item with the given `itemId`,
+     * or `null` if not found.
+     */
+    getItemDOMElement(itemId: string): FlintTreeItem | null;
+    private _onSlotChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-simple-tree-view': FlintSimpleTreeView;
+    }
+}
+//# sourceMappingURL=flint-simple-tree-view.d.ts.map

package/dist/tree-view/flint-simple-tree-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-simple-tree-view.d.ts","sourceRoot":"","sources":["../../src/tree-view/flint-simple-tree-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,0BAAqC;IAIlD;;;OAGG;IAEH,sBAAsB,UAAS;IAE/B;;;OAGG;IAEH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;;;;OAKG;IAEH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB;;;OAGG;IAEH,oBAAoB,EAAE,MAAM,EAAE,CAAM;IAEpC;;;;OAIG;IAEH,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEpD;;;;OAIG;IAEH,gBAAgB,EAAE,SAAS,GAAG,eAAe,CAAa;IAI1D,gDAAgD;IAChD,OAAO,CAAC,sBAAsB,CAAqB;IACnD,gFAAgF;IAChF,OAAO,CAAC,qBAAqB,CAAS;IAEtC,OAAO,KAAK,aAAa,GAExB;IAID,iBAAiB;IAQjB,oBAAoB;IAQpB,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAYpD,OAAO,CAAC,YAAY;IAIpB,4EAA4E;IAC5E,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAWlB,8EAA8E;IAC9E,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,gBAAgB;IAMxB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAQtB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAatB;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAsBrB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,cAAc;IAQtB,8EAA8E;IAC9E,OAAO,CAAC,kBAAkB;IAM1B,4FAA4F;IAC5F,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,cAAc,CA6FpB;IAIF;;;OAGG;IACH,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAOvD,OAAO,CAAC,aAAa;IAMrB,MAAM;CAOT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,mBAAmB,CAAC;KACjD;CACJ"}

package/dist/tree-view/flint-simple-tree-view.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-simple-tree-view-DD3zHLzJ.js";
+export { e as FlintSimpleTreeView };

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

@@ -0,0 +1,67 @@
+import { LitElement, type PropertyValues } from 'lit';
+/**
+ * A single item inside a `flint-simple-tree-view` or `flint-rich-tree-view`.
+ *
+ * @slot - Place child `flint-tree-item` elements here to create a nested tree.
+ *
+ * @fires flint-tree-item-click  - Fired when the item is clicked (detail: { itemId })
+ * @fires flint-tree-item-toggle - Fired when expanded state changes (detail: { itemId, expanded })
+ */
+export declare class FlintTreeItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Unique identifier for this item within the tree */
+    itemId: string;
+    /** Label text displayed for this item */
+    label: string;
+    /** Whether this item is disabled (non-interactive) */
+    disabled: boolean;
+    /** Whether this item's children are visible */
+    expanded: boolean;
+    /**
+     * When `true`, forces the expand button to render even if no `flint-tree-item`
+     * children are currently in the slot. Used by `flint-rich-tree-view` for lazy
+     * loading so items known to have children show the toggle before data is fetched.
+     */
+    hasChildren: boolean;
+    /**
+     * FIX: Removed the Lit @property declaration for `draggable`.
+     * Declaring it as a Lit property shadows the native HTMLElement.draggable,
+     * meaning the browser never sees draggable="true" on the host and won't
+     * initiate a drag. We now forward draggable state directly to the inner
+     * .item-row div via the `_isDraggable` state, keeping the host's native
+     * draggable untouched (it stays false, which is fine — the row fires the
+     * dragstart which bubbles up through the shadow root to the tree view).
+     */
+    private _isDraggable;
+    /**
+     * Called by flint-rich-tree-view to set drag enabled state.
+     * Uses a method + @state instead of a @property to avoid clobbering
+     * the native `draggable` attribute on the host element.
+     *
+     * @param value       - Whether this item is draggable at all
+     * @param handleOnly  - When true, only the drag handle icon initiates a drag,
+     *                      not the whole row. The handle div gets draggable="true"
+     *                      and the row stays non-draggable.
+     */
+    setDraggable(value: boolean, handleOnly?: boolean): void;
+    private _handleOnly;
+    /** Visual drop position indicator — reflected so CSS :host selectors match */
+    dropPosition: 'before' | 'after' | 'inside' | null;
+    /** Whether to show a dedicated drag handle icon */
+    showDragHandle: boolean;
+    private _hasSlottedChildren;
+    connectedCallback(): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private _onSlotChange;
+    private _toggleExpand;
+    private _handleRowClick;
+    /** Computed indentation level based on nested depth */
+    private get _level();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-tree-item': FlintTreeItem;
+    }
+}
+//# sourceMappingURL=flint-tree-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-tree-item.d.ts","sourceRoot":"","sources":["../../src/tree-view/flint-tree-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKhF;;;;;;;GAOG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BAA+B;IAE5C,sDAAsD;IAEtD,MAAM,SAAM;IAEZ,yCAAyC;IAEzC,KAAK,SAAM;IAEX,sDAAsD;IAEtD,QAAQ,UAAS;IAEjB,+CAA+C;IAE/C,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,WAAW,UAAS;IAEpB;;;;;;;;OAQG;IACM,OAAO,CAAC,YAAY,CAAS;IAEtC;;;;;;;;;OASG;IACH,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,UAAQ;IAKtC,OAAO,CAAC,WAAW,CAAS;IAErC,8EAA8E;IAE9E,YAAY,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAQ;IAE1D,mDAAmD;IAEnD,cAAc,UAAS;IAEd,OAAO,CAAC,mBAAmB,CAAS;IAE7C,iBAAiB;IAQjB,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAUpD,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,eAAe;IASvB,uDAAuD;IACvD,OAAO,KAAK,MAAM,GASjB;IAED,MAAM;CAqDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/tree-view/flint-tree-item.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-tree-item-iMT216uo.js";
+export { e as FlintTreeItem };

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

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+/**
+ * Typography component for displaying text with consistent theme styles.
+ *
+ * @slot - The text content.
+ */
+export declare class FlintTypography extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Variant of the typography.
+     * @default 'body1'
+     */
+    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline' | 'inherit';
+    /**
+     * The color of the text.
+     * @default 'textPrimary'
+     */
+    color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'textPrimary' | 'textSecondary' | 'inherit';
+    /** Override the rendered HTML tag. */
+    component?: string;
+    /** Text alignment. */
+    align: 'left' | 'center' | 'right' | 'justify';
+    /** If true, text is truncated with an ellipsis. */
+    noWrap: boolean;
+    /** If true, adds a bottom margin. */
+    gutterBottom: boolean;
+    /** If true, adds paragraph margin bottom. */
+    paragraph: boolean;
+    private _literalTag;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-typography': FlintTypography;
+    }
+}
+//# sourceMappingURL=flint-typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flint-typography.d.ts","sourceRoot":"","sources":["../../src/typography/flint-typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C;;;;GAIG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BAAiC;IAE9C;;;OAGG;IACwC,OAAO,EAC5C,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GACvC,WAAW,GAAG,WAAW,GACzB,OAAO,GAAG,OAAO,GACjB,SAAS,GAAG,UAAU,GACtB,SAAS,CAAW;IAE1B;;;OAGG;IACwC,KAAK,EAC1C,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAClE,aAAa,GAAG,eAAe,GAAG,SAAS,CAAiB;IAElE,sCAAsC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C,sBAAsB;IACqB,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAU;IAEnG,mDAAmD;IACP,MAAM,UAAS;IAE3D,qCAAqC;IACO,YAAY,UAAS;IAEjE,6CAA6C;IACD,SAAS,UAAS;IAE9D,OAAO,CAAC,WAAW;IAqBnB,MAAM;CAKT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,eAAe,CAAC;KACvC;CACJ"}

package/dist/typography/flint-typography.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-typography-D0vqF15X.js";
+export { e as FlintTypography };

package/dist/visually-hidden/flint-visually-hidden.d.ts

@@ -0,0 +1,52 @@
+import { LitElement } from 'lit';
+/**
+ * Makes content accessible to assistive devices (screen readers) without
+ * displaying it visually on screen.
+ *
+ * Content becomes visible when something inside receives keyboard focus,
+ * so sighted keyboard users can still see where focus has landed. To suppress
+ * this reveal (e.g. for inline annotations that should never appear visually),
+ * add the `not-focusable` attribute.
+ *
+ * @prop {boolean} notFocusable - When true, disables the focus-reveal behaviour.
+ *   Useful for pure SR-only text (e.g. "opens in a new window") that should
+ *   never become visible, even when a containing element is focused.
+ *
+ * @slot - The content to be visually hidden.
+ *
+ * @example
+ * <!-- Skip navigation link (reveals on keyboard focus) -->
+ * <flint-visually-hidden>
+ *   <a href="#main">Skip to main content</a>
+ * </flint-visually-hidden>
+ *
+ * @example
+ * <!-- Pure SR-only annotation — never reveals visually -->
+ * <a href="/report" target="_blank">
+ *   Annual Report
+ *   <flint-visually-hidden not-focusable>opens in a new tab</flint-visually-hidden>
+ * </a>
+ *
+ * @example
+ * <!-- Supplemental screen-reader-only label -->
+ * <a href="/about">
+ *   About
+ *   <flint-visually-hidden>our company</flint-visually-hidden>
+ * </a>
+ */
+export declare class FlintVisuallyHidden extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * When `true`, the focus-reveal behaviour is disabled.
+     * The content stays hidden even if a focusable child receives keyboard focus.
+     * Set the `not-focusable` attribute (no value) to activate this mode.
+     */
+    notFocusable: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-visually-hidden': FlintVisuallyHidden;
+    }
+}
+//# sourceMappingURL=flint-visually-hidden.d.ts.map

package/dist/visually-hidden/flint-visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-visually-hidden.d.ts","sourceRoot":"","sources":["../../src/visually-hidden/flint-visually-hidden.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,0BAAqB;IAElC;;;;OAIG;IAEH,YAAY,UAAS;IAErB,MAAM;CAGT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,mBAAmB,CAAC;KAChD;CACJ"}

package/dist/visually-hidden/flint-visually-hidden.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-visually-hidden-CqgpY__B.js";
+export { e as FlintVisuallyHidden };