@krollins/blueprint 0.1.0

package/dist/components/table/table.d.ts

@@ -0,0 +1,176 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import '../icon/icon.js';
+export type TableVariant = 'default' | 'striped' | 'bordered';
+export type TableSize = 'sm' | 'md' | 'lg';
+export type TableSortDirection = 'asc' | 'desc' | 'none';
+/**
+ * Column definition for the table
+ */
+export interface TableColumn {
+    /** Unique key for the column (matches data property) */
+    key: string;
+    /** Header label for the column */
+    label: string;
+    /** Whether this column is sortable */
+    sortable?: boolean;
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Fixed width for the column */
+    width?: string;
+    /** Custom render function for cell content */
+    render?: (value: unknown, row: TableRow) => TemplateResult | string;
+}
+/**
+ * Row data for the table
+ */
+export interface TableRow {
+    /** Unique identifier for the row */
+    id: string | number;
+    /** Row data keyed by column key */
+    [key: string]: unknown;
+}
+/**
+ * Sort state for the table
+ */
+export interface TableSortState {
+    /** Column key being sorted */
+    column: string;
+    /** Sort direction */
+    direction: TableSortDirection;
+}
+/**
+ * A data table component for displaying tabular data with sorting and selection.
+ *
+ * @element bp-table
+ *
+ * @property {TableColumn[]} columns - Array of column definitions
+ * @property {TableRow[]} rows - Array of row data objects
+ * @property {TableVariant} variant - Visual style variant
+ * @property {TableSize} size - Size of the table cells
+ * @property {boolean} selectable - Whether rows can be selected
+ * @property {boolean} multiSelect - Whether multiple rows can be selected
+ * @property {(string|number)[]} selectedRows - Array of selected row IDs
+ * @property {TableSortState} sortState - Current sort state
+ * @property {boolean} stickyHeader - Whether the header sticks on scroll
+ * @property {boolean} hoverable - Whether rows highlight on hover
+ * @property {boolean} loading - Whether the table is in loading state
+ *
+ * @fires bp-sort - Fired when a sortable column header is clicked
+ * @fires bp-select - Fired when row selection changes
+ * @fires bp-row-click - Fired when a row is clicked
+ *
+ * @slot empty - Content to show when table has no data
+ * @slot loading - Content to show when table is loading
+ *
+ * @csspart table - The table element
+ * @csspart thead - The table header section
+ * @csspart tbody - The table body section
+ * @csspart header-row - A header row
+ * @csspart header-cell - A header cell
+ * @csspart row - A data row
+ * @csspart cell - A data cell
+ * @csspart checkbox - Selection checkbox
+ * @csspart sort-icon - Sort direction icon
+ * @csspart empty-state - Empty state container
+ */
+export declare class BpTable extends LitElement {
+    /** Array of column definitions */
+    columns: TableColumn[];
+    /** Array of row data objects */
+    rows: TableRow[];
+    /** Visual style variant */
+    variant: TableVariant;
+    /** Size of the table cells */
+    size: TableSize;
+    /** Whether rows can be selected */
+    selectable: boolean;
+    /** Whether multiple rows can be selected */
+    multiSelect: boolean;
+    /** Array of selected row IDs */
+    selectedRows: (string | number)[];
+    /** Current sort state */
+    sortState: TableSortState | null;
+    /** Whether the header sticks on scroll */
+    stickyHeader: boolean;
+    /** Whether rows highlight on hover */
+    hoverable: boolean;
+    /** Whether the table is in loading state */
+    loading: boolean;
+    private allSelected;
+    /**
+     * Properties that only affect visual styling, not rendered structure.
+     * Changes to only these properties can skip a full re-render.
+     */
+    private static readonly VISUAL_ONLY_PROPS;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    protected shouldUpdate(changedProperties: PropertyValues): boolean;
+    updated(changedProperties: Map<string, unknown>): void;
+    /**
+     * Memoized sorted rows computation.
+     * Only recomputes when rows or sortState references change.
+     */
+    private computeSortedRows;
+    /**
+     * Get sorted rows based on current sort state (memoized).
+     */
+    private get sortedRows();
+    /**
+     * Handles click on sortable column header.
+     * Cycles through sort directions: asc → desc → none.
+     * Manages focus on header after sort completes.
+     */
+    private handleHeaderClick;
+    /**
+     * Handles click events on table rows.
+     * Dispatches bp-row-click event and toggles selection if selectable.
+     */
+    private handleRowClick;
+    /**
+     * Handles keyboard events on table rows.
+     * Triggers selection on Enter or Space key press when selectable.
+     */
+    private handleRowKeyDown;
+    /**
+     * Toggles selection state for a row.
+     * Respects multiSelect setting for single vs multiple selection.
+     */
+    private toggleRowSelection;
+    /**
+     * Handles select all checkbox toggle.
+     * Selects or deselects all rows based on current state.
+     */
+    private handleSelectAll;
+    /**
+     * Handles checkbox click events.
+     * Stops propagation only on the checkbox itself to prevent row click.
+     */
+    private handleCheckboxClick;
+    /** Select all rows */
+    selectAll(): void;
+    /** Deselect all rows */
+    deselectAll(): void;
+    /** Clear sort state */
+    clearSort(): void;
+    /**
+     * Renders the sort icon for sortable columns.
+     * Shows chevron-up for ascending, chevron-down for descending, unsorted icon otherwise.
+     */
+    private renderSortIcon;
+    /**
+     * Renders the table header with column labels and sort icons.
+     */
+    private renderHeader;
+    /**
+     * Renders the table body with rows and cells.
+     * Handles loading and empty states.
+     */
+    private renderBody;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-table': BpTable;
+    }
+}
+//# sourceMappingURL=table.d.ts.map

package/dist/components/table/table.d.ts.map

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

package/dist/components/table/table.style.d.ts

@@ -0,0 +1,2 @@
+export declare const tableStyles: import("lit").CSSResult;
+//# sourceMappingURL=table.style.d.ts.map

package/dist/components/table/table.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.style.d.ts","sourceRoot":"","sources":["../../../source/components/table/table.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAkQvB,CAAC"}

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,124 @@
+import { LitElement } from 'lit';
+import type { IconName } from '../icon/icons/registry.generated.js';
+export type TabsSize = 'sm' | 'md' | 'lg';
+export type TabsVariant = 'default' | 'pills' | 'underline';
+export type TabsPlacement = 'top' | 'bottom' | 'start' | 'end';
+/**
+ * Tab item interface for programmatic tab configuration
+ */
+export interface TabItem {
+    /** Unique identifier for the tab */
+    id: string;
+    /** Display label for the tab */
+    label: string;
+    /** Whether the tab is disabled */
+    disabled?: boolean;
+    /** Icon name to display before the label */
+    icon?: IconName;
+    /** Whether this tab can be closed */
+    closable?: boolean;
+}
+/**
+ * A tabs component for organizing content into tabbed sections.
+ *
+ * @element bp-tabs
+ *
+ * @property {string} value - The ID of the currently selected tab
+ * @property {TabItem[]} tabs - Array of tab items (alternative to slotted tabs)
+ * @property {TabsSize} size - The size of the tabs
+ * @property {TabsVariant} variant - The visual style of the tabs
+ * @property {TabsPlacement} placement - Position of the tab list relative to panels
+ * @property {boolean} disabled - Whether all tabs are disabled
+ * @property {boolean} manual - Whether activation requires pressing Enter/Space (vs automatic on arrow)
+ *
+ * @slot - Default slot for bp-tab-panel elements
+ * @slot tab - Slot for custom tab buttons (use with data-tab-id attribute)
+ *
+ * @fires bp-tab-change - Fired when the selected tab changes
+ * @fires bp-tab-close - Fired when a closable tab's close button is clicked
+ *
+ * @csspart tabs - The main container
+ * @csspart tablist - The tab button list container
+ * @csspart tab - Individual tab button
+ * @csspart tab-active - The currently active tab
+ * @csspart tab-disabled - A disabled tab
+ * @csspart panels - The panel container
+ * @csspart panel - Individual panel wrapper
+ */
+export declare class BpTabs extends LitElement {
+    /**
+     * The ID of the currently selected tab
+     */
+    value: string;
+    /**
+     * Array of tab items for programmatic tab configuration
+     */
+    tabs: TabItem[];
+    /**
+     * The size of the tabs
+     */
+    size: TabsSize;
+    /**
+     * The visual style of the tabs
+     */
+    variant: TabsVariant;
+    /**
+     * Position of the tab list relative to panels
+     */
+    placement: TabsPlacement;
+    /**
+     * Whether all tabs are disabled
+     */
+    disabled: boolean;
+    /**
+     * Whether activation requires pressing Enter/Space (manual) vs automatic on arrow navigation
+     */
+    manual: boolean;
+    private focusedTabId;
+    private panelElements;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private handleSlotChange;
+    private getPanels;
+    private getEnabledTabs;
+    private updatePanelVisibility;
+    private handleTabClick;
+    private handleTabKeyDown;
+    private focusTab;
+    private selectTab;
+    private handleTabClose;
+    private handleTabFocus;
+    private handleTabBlur;
+    private renderTab;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * A tab panel component for use with bp-tabs.
+ *
+ * @element bp-tab-panel
+ *
+ * @property {string} tabId - The ID that links this panel to its tab
+ *
+ * @slot - Content of the panel
+ *
+ * @csspart panel - The panel container
+ */
+export declare class BpTabPanel extends LitElement {
+    /**
+     * The ID that links this panel to its tab
+     */
+    tabId: string;
+    constructor();
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-tabs': BpTabs;
+        'bp-tab-panel': BpTabPanel;
+    }
+}
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../source/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAUhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEpE,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC;;OAEG;IACgD,KAAK,EAAE,MAAM,CAAC;IAEjE;;OAEG;IACgC,IAAI,EAAE,OAAO,EAAE,CAAC;IAEnD;;OAEG;IACgD,IAAI,EAAE,QAAQ,CAAC;IAElE;;OAEG;IACgD,OAAO,EAAE,WAAW,CAAC;IAExE;;OAEG;IACgD,SAAS,EAAE,aAAa,CAAC;IAE5E;;OAEG;IACiD,QAAQ,EAAE,OAAO,CAAC;IAEtE;;OAEG;IACiD,MAAM,EAAE,OAAO,CAAC;IAE3D,OAAO,CAAC,YAAY,CAAuB;IAGpD,OAAO,CAAC,aAAa,CAAiB;IAEtC,MAAM,CAAC,MAAM,4BAAgB;;IAa7B,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQtD,OAAO,CAAC,gBAAgB,CAgBtB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,gBAAgB,CAqEtB;IAEF,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,cAAc,CAoBpB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,SAAS;IAyDjB,MAAM;CA8BP;AAED;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC;;OAEG;IAEK,KAAK,EAAE,MAAM,CAAC;;IAOtB,iBAAiB,IAAI,IAAI;IAMzB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAStD,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/components/tabs/tabs.style.d.ts

@@ -0,0 +1,2 @@
+export declare const tabsStyles: import("lit").CSSResult;
+//# sourceMappingURL=tabs.style.d.ts.map

package/dist/components/tabs/tabs.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.style.d.ts","sourceRoot":"","sources":["../../../source/components/tabs/tabs.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAgTtB,CAAC"}

package/dist/components/tag/tag.d.ts

@@ -0,0 +1,64 @@
+import { LitElement } from 'lit';
+import '../icon/icon.js';
+/**
+ * Tag component for displaying removable labels, chips, or category markers.
+ *
+ * @element bp-tag
+ *
+ * @slot - Default slot for tag content (text)
+ *
+ * @csspart tag - The tag container element
+ * @csspart close-button - The close/remove button element
+ *
+ * @fires bp-remove - Fired when the tag is removed (cancelable)
+ *
+ * @example
+ * ```html
+ * <bp-tag>Design</bp-tag>
+ * <bp-tag variant="outlined" removable>TypeScript</bp-tag>
+ * <bp-tag variant="success" size="sm">Active</bp-tag>
+ * ```
+ */
+export declare class BpTag extends LitElement {
+    /**
+     * Visual variant of the tag
+     * @type {'solid' | 'outlined'}
+     * @default 'solid'
+     */
+    variant: 'solid' | 'outlined';
+    /**
+     * Size of the tag
+     * @type {'sm' | 'md' | 'lg'}
+     * @default 'md'
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Color scheme of the tag
+     * @type {'primary' | 'success' | 'error' | 'warning' | 'info' | 'neutral'}
+     * @default 'neutral'
+     */
+    color: 'primary' | 'success' | 'error' | 'warning' | 'info' | 'neutral';
+    /**
+     * Whether the tag can be removed
+     * @type {boolean}
+     * @default false
+     */
+    removable: boolean;
+    /**
+     * Whether the tag is disabled
+     * @type {boolean}
+     * @default false
+     */
+    disabled: boolean;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    private handleRemove;
+    private handleKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-tag': BpTag;
+    }
+}
+//# sourceMappingURL=tag.d.ts.map

package/dist/components/tag/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../source/components/tag/tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,iBAAiB,CAAC;AAEzB;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,KAAM,SAAQ,UAAU;IACnC;;;;OAIG;IACgD,OAAO,EACtD,OAAO,GACP,UAAU,CAAC;IAEf;;;;OAIG;IACgD,IAAI,EACnD,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;IAET;;;;OAIG;IACgD,KAAK,EACpD,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,CAAC;IAEd;;;;OAIG;IACiD,SAAS,EAAE,OAAO,CAAC;IAEvE;;;;OAIG;IACiD,QAAQ,EAAE,OAAO,CAAC;IAEtE,MAAM,CAAC,MAAM,4BAAe;;IAW5B,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,aAAa;IAoBrB,MAAM;CA4CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,KAAK,CAAC;KACjB;CACF"}

package/dist/components/tag/tag.style.d.ts

@@ -0,0 +1,2 @@
+export declare const tagStyles: import("lit").CSSResult;
+//# sourceMappingURL=tag.style.d.ts.map

package/dist/components/tag/tag.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.style.d.ts","sourceRoot":"","sources":["../../../source/components/tag/tag.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yBAqMrB,CAAC"}

package/dist/components/text/text.d.ts

@@ -0,0 +1,86 @@
+import { LitElement } from 'lit';
+export type TextElement = 'p' | 'span' | 'div';
+export type TextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl';
+export type TextWeight = 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+export type TextVariant = 'default' | 'muted' | 'primary' | 'success' | 'warning' | 'error';
+export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+export type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
+export type TextTracking = 'tighter' | 'tight' | 'normal' | 'wide' | 'wider';
+export type TextLineHeight = 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
+/**
+ * A typography component for body text with flexible styling options.
+ *
+ * @element bp-text
+ *
+ * @property {TextElement} as - The HTML element type to render
+ * @property {TextSize} size - The size of the text
+ * @property {TextWeight} weight - The font weight
+ * @property {TextVariant} variant - The color variant
+ * @property {TextAlign} align - Text alignment
+ * @property {TextTransform} transform - Text transformation (uppercase, lowercase, capitalize)
+ * @property {TextTracking} tracking - Letter spacing
+ * @property {TextLineHeight} lineHeight - Line height variant
+ * @property {number} clamp - Number of lines to clamp (multi-line truncation)
+ * @property {boolean} italic - Whether the text is italic
+ * @property {boolean} truncate - Whether to truncate with ellipsis
+ *
+ * @slot - The text content
+ *
+ * @csspart text - The text container element
+ */
+export declare class BpText extends LitElement {
+    /**
+     * The element type to render.
+     */
+    as: TextElement;
+    /**
+     * The size of the text.
+     */
+    size: TextSize;
+    /**
+     * The font weight of the text.
+     */
+    weight: TextWeight;
+    /**
+     * The color variant of the text.
+     */
+    variant: TextVariant;
+    /**
+     * The text alignment.
+     */
+    align: TextAlign;
+    /**
+     * Text transformation.
+     */
+    transform: TextTransform;
+    /**
+     * Letter spacing (tracking).
+     */
+    tracking: TextTracking;
+    /**
+     * Line height variant.
+     */
+    lineHeight: TextLineHeight;
+    /**
+     * Number of lines to clamp (multi-line truncation).
+     * When set, text will be truncated to the specified number of lines.
+     */
+    clamp: number;
+    /**
+     * Whether the text should be italic.
+     */
+    italic: boolean;
+    /**
+     * Whether the text should be truncated with ellipsis.
+     */
+    truncate: boolean;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-text': BpText;
+    }
+}
+//# sourceMappingURL=text.d.ts.map

package/dist/components/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../source/components/text/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;AAC/C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAC7E,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAC9E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7E,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,SAAS,GACT,OAAO,CAAC;AAEZ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC;;OAEG;IACgD,EAAE,EAAE,WAAW,CAAC;IAEnE;;OAEG;IACgD,IAAI,EAAE,QAAQ,CAAC;IAElE;;OAEG;IACgD,MAAM,EAAE,UAAU,CAAC;IAEtE;;OAEG;IACgD,OAAO,EAAE,WAAW,CAAC;IAExE;;OAEG;IACgD,KAAK,EAAE,SAAS,CAAC;IAEpE;;OAEG;IACgD,SAAS,EAAE,aAAa,CAAC;IAE5E;;OAEG;IACgD,QAAQ,EAAE,YAAY,CAAC;IAE1E;;OAEG;IAEK,UAAU,EAAE,cAAc,CAAC;IAEnC;;;OAGG;IACgD,KAAK,EAAE,MAAM,CAAC;IAEjE;;OAEG;IACiD,MAAM,EAAE,OAAO,CAAC;IAEpE;;OAEG;IACiD,QAAQ,EAAE,OAAO,CAAC;IAEtE,MAAM,CAAC,MAAM,4BAAgB;;IAiB7B,MAAM;CA8BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/text/text.style.d.ts

@@ -0,0 +1,2 @@
+export declare const textStyles: import("lit").CSSResult;
+//# sourceMappingURL=text.style.d.ts.map

package/dist/components/text/text.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.style.d.ts","sourceRoot":"","sources":["../../../source/components/text/text.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAyMtB,CAAC"}

package/dist/components/textarea/textarea.d.ts

@@ -0,0 +1,94 @@
+import { LitElement } from 'lit';
+/**
+ * Visual variant that affects the textarea border color and validation state
+ */
+export type TextareaVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+/**
+ * Size of the textarea affecting padding, font size, and minimum height
+ */
+export type TextareaSize = 'sm' | 'md' | 'lg';
+/**
+ * Resize mode determining how users can resize the textarea
+ */
+export type TextareaResize = 'none' | 'both' | 'horizontal' | 'vertical';
+/**
+ * Valid autocomplete values for textarea elements
+ */
+export type TextareaAutocomplete = 'off' | 'on' | 'name' | 'email' | 'username' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'country' | 'country-name' | 'postal-code' | 'organization' | 'organization-title';
+/**
+ * A multi-line text input component with support for various states and configurations.
+ *
+ * @fires bp-input - Dispatched when the textarea value changes (on every keystroke)
+ * @fires bp-change - Dispatched when the textarea loses focus after being changed
+ * @fires bp-focus - Dispatched when the textarea receives focus
+ * @fires bp-blur - Dispatched when the textarea loses focus
+ */
+export declare class BpTextarea extends LitElement {
+    /** Visual variant of the textarea */
+    variant: TextareaVariant;
+    /** Size of the textarea */
+    size: TextareaSize;
+    /** Current value of the textarea */
+    value: string;
+    /** Placeholder text shown when textarea is empty */
+    placeholder: string | undefined;
+    /** Label text displayed above the textarea */
+    label: string | undefined;
+    /** Helper text displayed below the textarea */
+    helperText: string | undefined;
+    /** Error message displayed when variant is 'error' */
+    errorMessage: string | undefined;
+    /** Whether the textarea is disabled */
+    disabled: boolean;
+    /** Whether the textarea is required */
+    required: boolean;
+    /** Whether the textarea is readonly */
+    readonly: boolean;
+    /** Name attribute for form submission */
+    name: string | undefined;
+    /** Number of visible text rows */
+    rows: number | undefined;
+    /** Number of visible text columns */
+    cols: number | undefined;
+    /** Maximum number of characters allowed */
+    maxlength: number | undefined;
+    /** Minimum number of characters required */
+    minlength: number | undefined;
+    /** How the textarea can be resized by the user */
+    resize: TextareaResize;
+    /** Autocomplete attribute for browser suggestions */
+    autocomplete: TextareaAutocomplete | undefined;
+    /** Whether to enable spellcheck */
+    spellcheck: boolean;
+    /** Wrap attribute for text wrapping behavior */
+    wrap: 'soft' | 'hard' | undefined;
+    private textareaElement?;
+    private debouncedDispatchInput;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    disconnectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleFocus;
+    private handleBlur;
+    /**
+     * Focuses the textarea element
+     */
+    focus(): void;
+    /**
+     * Blurs the textarea element
+     */
+    blur(): void;
+    /**
+     * Selects the text in the textarea
+     */
+    select(): void;
+    private get messageId();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-textarea': BpTextarea;
+    }
+}
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../source/components/textarea/textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAQhD;;GAEG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAC5B,KAAK,GACL,IAAI,GACJ,MAAM,GACN,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,cAAc,GACd,oBAAoB,CAAC;AAEzB;;;;;;;GAOG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,qCAAqC;IACc,OAAO,EAAE,eAAe,CAAC;IAE5E,2BAA2B;IACwB,IAAI,EAAE,YAAY,CAAC;IAEtE,oCAAoC;IACe,KAAK,EAAE,MAAM,CAAC;IAEjE,oDAAoD;IACD,WAAW,EAC1D,MAAM,GACN,SAAS,CAAC;IAEd,8CAA8C;IACK,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7E,+CAA+C;IACI,UAAU,EACzD,MAAM,GACN,SAAS,CAAC;IAEd,sDAAsD;IACH,YAAY,EAC3D,MAAM,GACN,SAAS,CAAC;IAEd,uCAAuC;IACa,QAAQ,EAAE,OAAO,CAAC;IAEtE,uCAAuC;IACa,QAAQ,EAAE,OAAO,CAAC;IAEtE,uCAAuC;IACa,QAAQ,EAAE,OAAO,CAAC;IAEtE,yCAAyC;IACU,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5E,kCAAkC;IACiB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5E,qCAAqC;IACc,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5E,2CAA2C;IACQ,SAAS,EACxD,MAAM,GACN,SAAS,CAAC;IAEd,4CAA4C;IACO,SAAS,EACxD,MAAM,GACN,SAAS,CAAC;IAEd,kDAAkD;IACC,MAAM,EAAE,cAAc,CAAC;IAE1E,qDAAqD;IACF,YAAY,EAC3D,oBAAoB,GACpB,SAAS,CAAC;IAEd,mCAAmC;IAE3B,UAAU,EAAE,OAAO,CAAC;IAE5B,gDAAgD;IACG,IAAI,EACnD,MAAM,GACN,MAAM,GACN,SAAS,CAAC;IAEK,OAAO,CAAC,eAAe,CAAC,CAAsB;IAEjE,OAAO,CAAC,sBAAsB,CAW5B;IAEF,MAAM,CAAC,MAAM,4BAAoB;;IAcjC,oBAAoB;IAKpB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAWlB;;OAEG;IACI,KAAK,IAAI,IAAI;IAIpB;;OAEG;IACI,IAAI,IAAI,IAAI;IAInB;;OAEG;IACI,MAAM,IAAI,IAAI;IAIrB,OAAO,KAAK,SAAS,GAMpB;IAED,MAAM;CA8DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/textarea/textarea.style.d.ts

@@ -0,0 +1,2 @@
+export declare const textareaStyles: import("lit").CSSResult;
+//# sourceMappingURL=textarea.style.d.ts.map

package/dist/components/textarea/textarea.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.style.d.ts","sourceRoot":"","sources":["../../../source/components/textarea/textarea.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAgL1B,CAAC"}

package/dist/components/time-picker/time-picker.d.ts

@@ -0,0 +1,51 @@
+import { LitElement } from 'lit';
+export type TimePickerSize = 'sm' | 'md' | 'lg';
+export type TimeFormat = '12' | '24';
+/**
+ * A time picker component with dropdown time selection.
+ *
+ * @element bp-time-picker
+ *
+ * @fires bp-change - Fired when the selected time changes
+ *
+ * @csspart input-wrapper - The input wrapper container
+ * @csspart input - The text input field
+ * @csspart icon - The clock icon indicator
+ * @csspart clear-button - The clear button
+ * @csspart dropdown - The time options dropdown
+ * @csspart time-option - Individual time option in dropdown
+ */
+export declare class BpTimePicker extends LitElement {
+    value: string;
+    name: string;
+    label: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    size: TimePickerSize;
+    format: TimeFormat;
+    step: number;
+    private isOpen;
+    private focusedHour;
+    private focusedMinute;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    disconnectedCallback(): void;
+    private handleDocumentClick;
+    private toggleDropdown;
+    private parseTime;
+    private formatTime;
+    private getDisplayValue;
+    private generateTimeOptions;
+    private handleTimeSelect;
+    private handleClear;
+    private handleKeyDown;
+    private isSelected;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-time-picker': BpTimePicker;
+    }
+}
+//# sourceMappingURL=time-picker.d.ts.map

package/dist/components/time-picker/time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../source/components/time-picker/time-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC;;;;;;;;;;;;;GAaG;AACH,qBACa,YAAa,SAAQ,UAAU;IACN,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IAExC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,aAAa,CAAuB;IAErD,MAAM,CAAC,MAAM,4BAAsB;;IAenC,oBAAoB;IAKpB,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,cAAc,CAqBpB;IAEF,OAAO,CAAC,SAAS;IAsBjB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,mBAAmB;IAqC3B,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,WAAW;IAmBnB,OAAO,CAAC,aAAa;IAoCrB,OAAO,CAAC,UAAU;IAMlB,MAAM;CAsGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}