@krollins/blueprint 0.1.0

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

@@ -0,0 +1,366 @@
+import { LitElement, PropertyValues } from 'lit';
+import { type ColorFormat } from './color-picker.utils.js';
+/**
+ * Color picker size
+ */
+export type ColorPickerSize = 'sm' | 'md' | 'lg';
+/**
+ * A color picker component that provides a consistent, accessible, and feature-rich
+ * color selection experience. Supports HEX, RGB, and HSL formats with optional alpha channel.
+ *
+ * @element bp-color-picker
+ *
+ * @slot trigger - Custom trigger button content
+ * @slot swatches - Custom swatch elements
+ * @slot footer - Additional content below picker
+ *
+ * @csspart trigger - The popover trigger button
+ * @csspart popover - The popover container
+ * @csspart color-area - The 2D saturation/value gradient
+ * @csspart hue-slider - The hue selection slider
+ * @csspart alpha-slider - The alpha selection slider
+ * @csspart preview - The color preview swatch
+ * @csspart input - Text input fields
+ * @csspart swatches - Swatches container
+ * @csspart swatch - Individual swatch items
+ *
+ * @fires bp-change - Fired when value changes (on blur/confirm)
+ * @fires bp-input - Fired on every input (live updates)
+ * @fires bp-open - Popover opened
+ * @fires bp-close - Popover closed
+ */
+export declare class BpColorPicker extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Current color value */
+    value: string;
+    /** Output format for value */
+    format: ColorFormat;
+    /** Enable alpha channel */
+    alpha: boolean;
+    /** Predefined swatch colors */
+    swatches: string[];
+    /** Render inline instead of popover */
+    inline: boolean;
+    /** Disable all interactions */
+    disabled: boolean;
+    /** Show value but prevent editing */
+    readonly: boolean;
+    /** Component size */
+    size: ColorPickerSize;
+    /** Accessible label */
+    label: string;
+    /** Form field name */
+    name: string;
+    /** Placeholder for trigger */
+    placeholder: string;
+    /** Whether the popover is open */
+    private _open;
+    /** Internal HSV color state */
+    private _hsv;
+    /** Original color when popover opened */
+    private _originalValue;
+    /** Whether eyedropper is supported */
+    private _eyedropperSupported;
+    /** Current input mode for format toggle */
+    private _inputMode;
+    /** HEX input value for controlled input */
+    private _hexInputValue;
+    /** Whether eyedropper is currently active */
+    private _isPickingColor;
+    private _colorArea;
+    private _hueSlider;
+    private _alphaSlider;
+    private _isDraggingArea;
+    private _isDraggingHue;
+    private _isDraggingAlpha;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private _isDragging;
+    /**
+     * Parses a color value string and updates internal HSV state
+     * @param value Color string in hex, rgb, or hsl format
+     */
+    private _parseValue;
+    /**
+     * Formats the current HSV color to the specified output format
+     * @param format Output format (hex, rgb, or hsl), defaults to this.format
+     * @returns Formatted color string
+     */
+    private _formatOutput;
+    /**
+     * Handles click events on the trigger button
+     * Toggles the picker popover open/closed state
+     */
+    private _handleTriggerClick;
+    /**
+     * Handles keyboard events on the trigger button
+     * Opens picker on Enter or Space key
+     * @param event Keyboard event
+     */
+    private _handleTriggerKeydown;
+    /**
+     * Toggles the picker popover between open and closed states
+     * Saves original value when opening and emits bp-open/bp-close events
+     */
+    private _toggleOpen;
+    /**
+     * Closes the picker popover
+     * Removes global event listeners and emits bp-close event
+     */
+    private _close;
+    private _handleOutsideClick;
+    private _handleEscapeKey;
+    /**
+     * Adds global document event listeners for outside clicks and escape key
+     * Used when picker popover is open
+     */
+    private _addGlobalListeners;
+    /**
+     * Removes global document event listeners
+     * Called when picker popover is closed
+     */
+    private _removeGlobalListeners;
+    /**
+     * Handles pointer down events on the color area
+     * Starts saturation/value drag interaction
+     * @param event Pointer event
+     */
+    private _handleColorAreaPointerDown;
+    /**
+     * Handles pointer move events on the color area during drag
+     * Updates color based on pointer position
+     * @param event Pointer event
+     */
+    private _handleColorAreaPointerMove;
+    /**
+     * Handles pointer up events on the color area
+     * Ends drag interaction and emits change event
+     * @param event Pointer event
+     */
+    private _handleColorAreaPointerUp;
+    /**
+     * Updates color saturation and value based on pointer position in color area
+     * @param event Pointer event with clientX/clientY coordinates
+     */
+    private _updateColorFromPointer;
+    /**
+     * Handles keyboard navigation on the color area
+     * Arrow keys adjust saturation/value, Shift increases step size
+     * @param event Keyboard event
+     */
+    private _handleColorAreaKeydown;
+    /**
+     * Handles pointer down events on the hue slider
+     * Starts hue drag interaction
+     * @param event Pointer event
+     */
+    private _handleHuePointerDown;
+    /**
+     * Handles pointer move events on the hue slider during drag
+     * Updates hue based on pointer position
+     * @param event Pointer event
+     */
+    private _handleHuePointerMove;
+    /**
+     * Handles pointer up events on the hue slider
+     * Ends drag interaction and emits change event
+     * @param event Pointer event
+     */
+    private _handleHuePointerUp;
+    /**
+     * Updates hue based on pointer position in hue slider
+     * @param event Pointer event with clientY coordinate
+     */
+    private _updateHueFromPointer;
+    /**
+     * Handles keyboard navigation on the hue slider
+     * Arrow keys adjust hue, Shift increases step size
+     * @param event Keyboard event
+     */
+    private _handleHueKeydown;
+    /**
+     * Handles pointer down events on the alpha slider
+     * Starts alpha drag interaction
+     * @param event Pointer event
+     */
+    private _handleAlphaPointerDown;
+    /**
+     * Handles pointer move events on the alpha slider during drag
+     * Updates alpha based on pointer position
+     * @param event Pointer event
+     */
+    private _handleAlphaPointerMove;
+    /**
+     * Handles pointer up events on the alpha slider
+     * Ends drag interaction and emits change event
+     * @param event Pointer event
+     */
+    private _handleAlphaPointerUp;
+    /**
+     * Updates alpha based on pointer position in alpha slider
+     * @param event Pointer event with clientX coordinate
+     */
+    private _updateAlphaFromPointer;
+    /**
+     * Handles keyboard navigation on the alpha slider
+     * Arrow keys adjust alpha, Shift increases step size
+     * @param event Keyboard event
+     */
+    private _handleAlphaKeydown;
+    /**
+     * Handles input events on the hex input field
+     * Updates controlled input value
+     * @param event Input event
+     */
+    private _handleHexInput;
+    /**
+     * Handles change events on the hex input field
+     * Parses and applies hex color value, adds # prefix if missing
+     * @param event Change event
+     */
+    private _handleHexChange;
+    /**
+     * Handles input events on RGB channel inputs
+     * Updates color based on red, green, or blue channel value
+     * @param channel RGB channel to update ('r', 'g', or 'b')
+     * @param event Input event
+     */
+    private _handleRgbInput;
+    /**
+     * Handles change events on RGB inputs
+     * Emits bp-change event
+     */
+    private _handleRgbChange;
+    /**
+     * Handles input events on HSL channel inputs
+     * Updates color based on hue, saturation, or lightness value
+     * @param channel HSL channel to update ('h', 's', or 'l')
+     * @param event Input event
+     */
+    private _handleHslInput;
+    /**
+     * Handles change events on HSL inputs
+     * Emits bp-change event
+     */
+    private _handleHslChange;
+    /**
+     * Handles input events on the alpha percentage input
+     * Updates alpha channel (0-100%)
+     * @param event Input event
+     */
+    private _handleAlphaInput;
+    /**
+     * Handles change events on alpha input
+     * Emits bp-change event
+     */
+    private _handleAlphaInputChange;
+    /**
+     * Handles format toggle button click
+     * Cycles through hex → rgb → hsl input modes
+     */
+    private _handleFormatToggle;
+    /**
+     * Handles click events on predefined color swatches
+     * Updates color to the swatch value
+     * @param color Color string to apply
+     */
+    private _handleSwatchClick;
+    /**
+     * Handles keyboard events on swatch elements
+     * Activates swatch on Enter or Space key
+     * @param color Color string to apply
+     * @param event Keyboard event
+     */
+    private _handleSwatchKeydown;
+    /**
+     * Handles eyedropper button click
+     * Opens native EyeDropper API to pick color from screen
+     * Only available in browsers that support the EyeDropper API
+     */
+    private _handleEyedropper;
+    /**
+     * Emits bp-input event with current formatted color value
+     * Fired during live color updates (dragging, typing)
+     */
+    private _emitInput;
+    /**
+     * Emits bp-change event and updates the value property
+     * Fired on blur/confirm actions (drag end, input blur)
+     */
+    private _emitChange;
+    /**
+     * Renders the 2D color area for saturation and value selection
+     * @returns TemplateResult for color area with draggable handle
+     */
+    private _renderColorArea;
+    /**
+     * Renders the vertical hue slider (0-360 degrees)
+     * @returns TemplateResult for hue slider with draggable handle
+     */
+    private _renderHueSlider;
+    /**
+     * Renders the horizontal alpha slider (0-100%)
+     * Only shown when alpha property is true
+     * @returns TemplateResult for alpha slider or nothing
+     */
+    private _renderAlphaSlider;
+    /**
+     * Renders the color preview showing original and current colors
+     * Displays side-by-side comparison with checkerboard background for transparency
+     * @returns TemplateResult for preview swatches
+     */
+    private _renderPreview;
+    /**
+     * Renders the hex color input field
+     * @returns TemplateResult for hex input group
+     */
+    private _renderHexInput;
+    /**
+     * Renders RGB color input fields (R, G, B, and optionally A)
+     * @returns TemplateResult for RGB input row
+     */
+    private _renderRgbInputs;
+    /**
+     * Renders HSL color input fields (H, S, L, and optionally A)
+     * @returns TemplateResult for HSL input row
+     */
+    private _renderHslInputs;
+    /**
+     * Renders the input controls container with format toggle button
+     * Shows hex, rgb, or hsl inputs based on current input mode
+     * @returns TemplateResult for inputs container
+     */
+    private _renderInputs;
+    /**
+     * Renders predefined color swatches
+     * Shows swatches from the swatches property or slotted content
+     * @returns TemplateResult for swatches container or nothing
+     */
+    private _renderSwatches;
+    /**
+     * Renders the eyedropper button if API is supported
+     * @returns TemplateResult for eyedropper button or nothing
+     */
+    private _renderEyedropper;
+    /**
+     * Renders the complete color picker panel
+     * Includes color area, sliders, preview, inputs, and swatches
+     * @returns TemplateResult for picker panel
+     */
+    private _renderPicker;
+    /**
+     * Renders the trigger button to open the picker popover
+     * Shows current color swatch and optional label
+     * @returns TemplateResult for trigger button
+     */
+    private _renderTrigger;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-color-picker': BpColorPicker;
+    }
+}
+//# sourceMappingURL=color-picker.d.ts.map

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

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

package/dist/components/color-picker/color-picker.style.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Color Picker Styles
+ *
+ * INTENTIONAL HARDCODED VALUES (functional, not themed):
+ * - Checkerboard pattern (#ccc) - standard transparency visualization
+ * - Hue gradient (hsl spectrum) - must be actual hue colors
+ * - White (#fff) handles - must contrast on any color background
+ * - Black (#000) gradient - value gradient for color area
+ * - Component dimensions (280px, 160px) - not semantic spacing
+ *
+ * All other values use design tokens.
+ */
+export declare const colorPickerStyles: import("lit").CSSResult;
+//# sourceMappingURL=color-picker.style.d.ts.map

package/dist/components/color-picker/color-picker.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.style.d.ts","sourceRoot":"","sources":["../../../source/components/color-picker/color-picker.style.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB,yBAwlB7B,CAAC"}

package/dist/components/color-picker/color-picker.utils.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Color Picker Utilities
+ *
+ * Pure functions for color parsing, conversion, and formatting.
+ * Supports HEX, RGB, HSL formats with alpha channel.
+ */
+/**
+ * Internal HSV color representation
+ */
+export interface HSVColor {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+}
+/**
+ * RGB color representation
+ */
+export interface RGBColor {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+/**
+ * HSL color representation
+ */
+export interface HSLColor {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+}
+/**
+ * Color output format
+ */
+export type ColorFormat = 'hex' | 'rgb' | 'hsl';
+/**
+ * Parses a color string and returns HSV representation
+ * @param value Color string in hex, rgb, or hsl format
+ * @returns HSV color object or null if parsing fails
+ */
+export declare function parseColor(value: string): HSVColor | null;
+/**
+ * Parses a hex color string to HSV
+ * @param hex Hex color string (with or without #, 3/4/6/8 digits)
+ * @returns HSV color object or null if invalid
+ */
+export declare function parseHex(hex: string): HSVColor | null;
+/**
+ * Parses an rgb/rgba color string to HSV
+ * @param rgb RGB color string (e.g., 'rgb(255, 87, 51)' or 'rgba(255, 87, 51, 0.5)')
+ * @returns HSV color object or null if invalid
+ */
+export declare function parseRgb(rgb: string): HSVColor | null;
+/**
+ * Parses an hsl/hsla color string to HSV
+ * @param hsl HSL color string (e.g., 'hsl(14, 100%, 60%)' or 'hsla(14, 100%, 60%, 0.5)')
+ * @returns HSV color object or null if invalid
+ */
+export declare function parseHsl(hsl: string): HSVColor | null;
+/**
+ * Converts RGB color to HSV color space
+ * @param rgb RGB color object with r, g, b (0-255) and a (0-1)
+ * @returns HSV color object with h (0-360), s (0-100), v (0-100), a (0-1)
+ */
+export declare function rgbToHsv(rgb: RGBColor): HSVColor;
+/**
+ * Converts HSV color to RGB color space
+ * @param hsv HSV color object with h (0-360), s (0-100), v (0-100), a (0-1)
+ * @returns RGB color object with r, g, b (0-255) and a (0-1)
+ */
+export declare function hsvToRgb(hsv: HSVColor): RGBColor;
+/**
+ * Converts HSL color to HSV color space
+ * @param hsl HSL color object with h (0-360), s (0-100), l (0-100), a (0-1)
+ * @returns HSV color object with h (0-360), s (0-100), v (0-100), a (0-1)
+ */
+export declare function hslToHsv(hsl: HSLColor): HSVColor;
+/**
+ * Converts HSV color to HSL color space
+ * @param hsv HSV color object with h (0-360), s (0-100), v (0-100), a (0-1)
+ * @returns HSL color object with h (0-360), s (0-100), l (0-100), a (0-1)
+ */
+export declare function hsvToHsl(hsv: HSVColor): HSLColor;
+/**
+ * Rounds alpha value to 2 decimal places
+ * @param a Alpha value (0-1)
+ * @returns Rounded alpha value
+ */
+export declare function roundAlpha(a: number): number;
+/**
+ * Formats an HSV color to the specified output format
+ * @param hsv HSV color object
+ * @param format Output format (hex, rgb, or hsl)
+ * @param includeAlpha Whether to include alpha channel in output
+ * @returns Formatted color string
+ */
+export declare function formatColorOutput(hsv: HSVColor, format: ColorFormat, includeAlpha: boolean): string;
+//# sourceMappingURL=color-picker.utils.d.ts.map

package/dist/components/color-picker/color-picker.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.utils.d.ts","sourceRoot":"","sources":["../../../source/components/color-picker/color-picker.utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEhD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAqBzD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAmCrD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAYrD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAYrD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,QAAQ,CA0BhD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,QAAQ,CA6ChD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,QAAQ,CAShD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,QAAQ,CAShD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,WAAW,EACnB,YAAY,EAAE,OAAO,GACpB,MAAM,CA+BR"}

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,74 @@
+import { LitElement } from 'lit';
+export type ComboboxSize = 'sm' | 'md' | 'lg';
+export type ComboboxVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+export interface ComboboxOption {
+    value: string;
+    label: string;
+}
+export declare class BpCombobox extends LitElement {
+    /** The current value of the combobox */
+    value: string;
+    /** Name attribute for form submission */
+    name: string;
+    /** Placeholder text when no value is selected */
+    placeholder: string;
+    /** Whether the combobox is disabled */
+    disabled: boolean;
+    /** Whether the combobox is required */
+    required: boolean;
+    /** Size variant of the combobox */
+    size: ComboboxSize;
+    /** Visual variant for validation states */
+    variant: ComboboxVariant;
+    /** Whether to allow free-form input (not just from the options list) */
+    allowCustomValue: boolean;
+    /** Whether the dropdown is currently open */
+    private isOpen;
+    /** Current search/filter text */
+    private searchText;
+    /** Index of the focused option for keyboard navigation */
+    private focusedIndex;
+    /** Cached filtered options to avoid recomputation on every render */
+    private cachedFilteredOptions;
+    /** Cached options from slotted elements */
+    private cachedOptions;
+    /** Reference to the input element */
+    private inputElement;
+    /** Debounced filter computation for search input */
+    private debouncedFilter;
+    /**
+     * Memoized filter computation.
+     * Returns cached result when options array and searchText are the same references.
+     */
+    private filterOptions;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private updateSearchText;
+    private handleDocumentClick;
+    private closeDropdown;
+    private getOptions;
+    /**
+     * Returns the cached filtered options for rendering and keyboard navigation.
+     */
+    private getFilteredOptions;
+    /**
+     * Handle slot changes by refreshing the cached options.
+     */
+    private handleSlotChange;
+    private handleInputFocus;
+    private handleInputClick;
+    private handleInputChange;
+    private handleOptionClick;
+    private handleInputKeyDown;
+    private handleClear;
+    private renderDropdown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-combobox': BpCombobox;
+    }
+}
+//# sourceMappingURL=combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../source/components/combobox/combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAQhD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,UAAW,SAAQ,UAAU;IACxC,wCAAwC;IACW,KAAK,EAAE,MAAM,CAAC;IAEjE,yCAAyC;IACL,IAAI,EAAE,MAAM,CAAC;IAEjD,iDAAiD;IACb,WAAW,EAAE,MAAM,CAAC;IAExD,uCAAuC;IACa,QAAQ,EAAE,OAAO,CAAC;IAEtE,uCAAuC;IACa,QAAQ,EAAE,OAAO,CAAC;IAEtE,mCAAmC;IACgB,IAAI,EAAE,YAAY,CAAC;IAEtE,2CAA2C;IACQ,OAAO,EAAE,eAAe,CAAC;IAE5E,wEAAwE;IACnC,gBAAgB,EAAE,OAAO,CAAC;IAE/D,6CAA6C;IACpC,OAAO,CAAC,MAAM,CAAS;IAEhC,iCAAiC;IACxB,OAAO,CAAC,UAAU,CAAM;IAEjC,0DAA0D;IACjD,OAAO,CAAC,YAAY,CAAM;IAEnC,qEAAqE;IAC5D,OAAO,CAAC,qBAAqB,CAAwB;IAE9D,2CAA2C;IAClC,OAAO,CAAC,aAAa,CAAwB;IAEtD,qCAAqC;IACR,OAAO,CAAC,YAAY,CAAoB;IAErE,oDAAoD;IACpD,OAAO,CAAC,eAAe,CAKf;IAER;;;OAGG;IACH,OAAO,CAAC,aAAa,CAWnB;IAEF,MAAM,CAAC,MAAM,4BAAoB;;IAcjC,iBAAiB;IAgBjB,oBAAoB;IAQpB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,UAAU;IAalB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAMtB;IAEF,OAAO,CAAC,gBAAgB,CAItB;IAEF,OAAO,CAAC,gBAAgB,CAItB;IAEF,OAAO,CAAC,iBAAiB,CAyBvB;IAEF,OAAO,CAAC,iBAAiB,CAmCvB;IAEF,OAAO,CAAC,kBAAkB,CAmDxB;IAEF,OAAO,CAAC,WAAW,CAyBjB;IAEF,OAAO,CAAC,cAAc;IAyCtB,MAAM;CAwEP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

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

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

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

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

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

@@ -0,0 +1,65 @@
+import { LitElement } from 'lit';
+export type DatePickerSize = 'sm' | 'md' | 'lg';
+/**
+ * A calendar-based date picker component.
+ *
+ * @element bp-date-picker
+ *
+ * @fires bp-change - Fired when the selected date changes
+ *
+ * @csspart control - The outer container
+ * @csspart input - The text input field
+ * @csspart indicator - The calendar icon
+ * @csspart clear-button - The clear button
+ * @csspart calendar - The calendar dropdown
+ * @csspart header - The calendar header with navigation
+ * @csspart nav-button - Month/year navigation buttons
+ * @csspart month-year - Month and year display
+ * @csspart weekday - Day of week header cell
+ * @csspart day - Individual day cell
+ */
+export declare class BpDatePicker extends LitElement {
+    value: string;
+    name: string;
+    label: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    size: DatePickerSize;
+    min: string;
+    max: string;
+    firstDayOfWeek: '0' | '1';
+    private isOpen;
+    private displayMonth;
+    private displayYear;
+    private focusedDate;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    private handleInputClick;
+    private handlePreviousMonth;
+    private handleNextMonth;
+    private handleDateSelect;
+    private handleClear;
+    private handleKeyDown;
+    private updateDisplayMonth;
+    private addDays;
+    private addMonths;
+    private formatDate;
+    private parseDate;
+    private getSelectedDate;
+    private getTodayDate;
+    private isSameDay;
+    private isDateDisabled;
+    private getCalendarDays;
+    checkValidity(): boolean;
+    private getWeekdayNames;
+    private getMonthName;
+    private getFormattedValue;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-date-picker': BpDatePicker;
+    }
+}
+//# sourceMappingURL=date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../source/components/date-picker/date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,YAAa,SAAQ,UAAU;IACS,KAAK,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACJ,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,cAAc,CAAC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IAExC,cAAc,EAAE,GAAG,GAAG,GAAG,CAAC;IAEzB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,WAAW,CAAqB;IAEjD,MAAM,CAAC,MAAM,4BAAsB;;IAgBnC,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,gBAAgB;IAmBxB,OAAO,CAAC,WAAW;IAmBnB,OAAO,CAAC,aAAa;IA+FrB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,SAAS;IAyBjB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,eAAe;IA+BhB,aAAa,IAAI,OAAO;IAe/B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IAMzB,MAAM;CAgKP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/date-picker/date-picker.style.d.ts

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

package/dist/components/date-picker/date-picker.style.d.ts.map

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