@helixui/library 0.1.0

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

@@ -0,0 +1,154 @@
+import { LitElement } from 'lit';
+export type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'hsv';
+/**
+ * A color picker control with gradient picker, hue/opacity sliders, swatches,
+ * and formatted text input. Supports hex, rgb, hsl, and hsv output formats.
+ *
+ * @summary Color selection control with swatches, gradient picker, and formatted input.
+ *
+ * @tag hx-color-picker
+ *
+ * @slot trigger - Custom trigger element. Default: a color swatch button.
+ *
+ * @fires {CustomEvent<{value: string}>} hx-input - Dispatched while dragging sliders or grid.
+ * @fires {CustomEvent<{value: string}>} hx-change - Dispatched when a color is committed.
+ *
+ * @csspart trigger - The trigger button element.
+ * @csspart swatches - The swatch color buttons container.
+ * @csspart grid - The 2D saturation/value gradient picker area.
+ * @csspart slider - Shared slider container (also on hue-slider and opacity-slider).
+ * @csspart hue-slider - The hue slider track.
+ * @csspart opacity-slider - The alpha/opacity slider track.
+ * @csspart input - The text input area.
+ *
+ * @cssprop [--hx-color-picker-z-index=1000] - z-index of the popover panel.
+ * @cssprop [--hx-color-picker-width=260px] - Width of the picker panel.
+ * @cssprop [--hx-color-picker-grid-height=160px] - Height of the gradient grid.
+ * @cssprop [--hx-color-picker-thumb-border=#fff] - Border color of slider/grid thumbs.
+ * @cssprop [--hx-color-picker-thumb-shadow=rgba(0,0,0,0.3)] - Shadow color of slider/grid thumbs.
+ * @cssprop [--hx-color-picker-panel-shadow=rgba(0,0,0,0.15)] - Panel drop-shadow color.
+ * @cssprop [--hx-color-picker-swatch-border=rgba(0,0,0,0.1)] - Swatch button border color.
+ * @cssprop [--hx-color-picker-swatch-border-hover=rgba(0,0,0,0.3)] - Swatch button border on hover.
+ *
+ * @example
+ * ```html
+ * <hx-color-picker value="#3b82f6" format="hex"></hx-color-picker>
+ * ```
+ *
+ * @example Drupal / Twig usage
+ * The `swatches` property must be set via JavaScript (Drupal behavior) because arrays
+ * cannot be serialized as HTML attributes:
+ * ```js
+ * // my-theme/js/color-picker-behavior.js
+ * Drupal.behaviors.helixColorPicker = {
+ *   attach(context) {
+ *     context.querySelectorAll('hx-color-picker[data-swatches]').forEach((el) => {
+ *       el.swatches = JSON.parse(el.dataset.swatches);
+ *     });
+ *   },
+ * };
+ * ```
+ * ```twig
+ * <hx-color-picker
+ *   value="{{ color }}"
+ *   data-swatches='{{ swatches | json_encode }}'
+ * ></hx-color-picker>
+ * ```
+ */
+export declare class HelixColorPicker extends LitElement {
+    static styles: import('lit').CSSResult[];
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    /**
+     * Current color value as a CSS color string.
+     * @attr value
+     */
+    value: string;
+    /**
+     * Output format for the color value.
+     * @attr format
+     */
+    format: ColorFormat;
+    /**
+     * Whether to show the alpha/opacity channel slider and include alpha in the output.
+     * @attr opacity
+     */
+    opacity: boolean;
+    /**
+     * Array of preset swatch color strings.
+     * Set via JS property only — arrays cannot be serialized as HTML attributes.
+     * In Drupal/Twig, use a behavior to read `data-swatches` and set this property.
+     * See JSDoc example above.
+     */
+    swatches: string[];
+    /**
+     * When true, hides the gradient grid and sliders, showing only swatches and the input.
+     * Useful for compact preset-only color selection UIs.
+     * @attr swatches-only
+     */
+    swatchesOnly: boolean;
+    /**
+     * Whether the control is disabled.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * Form field name for form participation.
+     * @attr name
+     */
+    name: string;
+    /**
+     * When true the picker is shown inline instead of in a popover.
+     * @attr inline
+     */
+    inline: boolean;
+    private _hsv;
+    private _open;
+    private _inputValue;
+    private _draggingGrid;
+    private _draggingHue;
+    private _draggingOpacity;
+    private _boundPointerMove;
+    private _boundPointerUp;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    private _syncFromValue;
+    private _commit;
+    private _show;
+    private _hide;
+    private _handleDocumentClick;
+    private _handleTriggerClick;
+    private _handlePanelKeydown;
+    private _handleGridPointerDown;
+    private _updateGridFromPointer;
+    private _handleGridKeydown;
+    private _handleHuePointerDown;
+    private _updateHueFromPointer;
+    private _handleOpacityPointerDown;
+    private _updateOpacityFromPointer;
+    private _handlePointerMove;
+    private _handlePointerUp;
+    private _handleHueKeydown;
+    private _handleOpacityKeydown;
+    private _handleInputChange;
+    private _handleInputBlur;
+    private _handleFormatCycle;
+    private _handleSwatchClick;
+    private _hueColor;
+    private _previewColor;
+    private _renderGrid;
+    private _renderHueSlider;
+    private _renderOpacitySlider;
+    private _renderSwatches;
+    private _renderInput;
+    private _renderPanel;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-color-picker': HelixColorPicker;
+    }
+}
+//# sourceMappingURL=hx-color-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-color-picker.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/hx-color-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAQhD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAkPxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAAyC;IAE/D,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,UAAU,CAAmB;;IAYrC;;;OAGG;IAEH,KAAK,SAAa;IAElB;;;OAGG;IAEH,MAAM,EAAE,WAAW,CAAS;IAE5B;;;OAGG;IAEH,OAAO,UAAS;IAEhB;;;;;OAKG;IAEH,QAAQ,EAAE,MAAM,EAAE,CAAM;IAExB;;;;OAIG;IAEH,YAAY,UAAS;IAErB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,IAAI,SAAM;IAEV;;;OAGG;IAEH,MAAM,UAAS;IAIN,OAAO,CAAC,IAAI,CAAmC;IAC/C,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,WAAW,CAAa;IAIzC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,gBAAgB,CAAS;IAGjC,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,eAAe,CAAa;IAI3B,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAQ5B,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQlE,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,OAAO;IAiBf,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,sBAAsB;IAY9B,OAAO,CAAC,kBAAkB;IA+B1B,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,qBAAqB;IAY7B,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,yBAAyB;IAYjC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,qBAAqB;IAyB7B,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,WAAW;IA+BnB,OAAO,CAAC,gBAAgB;IA6BxB,OAAO,CAAC,oBAAoB;IAiC5B,OAAO,CAAC,eAAe;IAoBvB,OAAO,CAAC,YAAY;IA+BpB,OAAO,CAAC,YAAY;IAoBX,MAAM;CA8BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,gBAAgB,CAAC;KACrC;CACF"}

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

@@ -0,0 +1,2 @@
+export declare const helixColorPickerStyles: import('lit').CSSResult;
+//# sourceMappingURL=hx-color-picker.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-color-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/hx-color-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBAmSlC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { HelixColorPicker } from './hx-color-picker.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/hx-color-picker/index.js

@@ -0,0 +1,5 @@
+import { H as e } from "../../shared/hx-color-picker-BF7PA7zf.js";
+export {
+  e as HelixColorPicker
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-color-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,185 @@
+import { LitElement } from 'lit';
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled: boolean;
+}
+export type HxComboboxSize = 'sm' | 'md' | 'lg';
+/**
+ * A form-associated combobox component combining a text input with a listbox
+ * for autocomplete and typeahead. Supports filtering, free-text entry,
+ * keyboard navigation, and async option loading.
+ *
+ * @summary Form-associated combobox with autocomplete, filtering, and keyboard navigation.
+ *
+ * @tag hx-combobox
+ *
+ * @slot option - Slot for `<option>` elements that populate the listbox.
+ * @slot prefix - Content to display before the text input.
+ * @slot suffix - Content to display after the text input.
+ * @slot empty-label - Content shown when no options match the filter.
+ * @slot label - Custom label content (overrides the label property).
+ * @slot error - Custom error content (overrides the error property).
+ * @slot help-text - Custom help text content (overrides the helpText property).
+ *
+ * @fires {CustomEvent<{value: string}>} hx-input - Dispatched on each keystroke as the user types.
+ * @fires {CustomEvent<{value: string}>} hx-change - Dispatched when an option is selected.
+ * @fires {CustomEvent<void>} hx-clear - Dispatched when the clear button is activated.
+ * @fires {CustomEvent<void>} hx-show - Dispatched when the listbox opens.
+ * @fires {CustomEvent<void>} hx-hide - Dispatched when the listbox closes.
+ *
+ * @csspart input - The native text input element.
+ * @csspart listbox - The dropdown panel containing options.
+ * @csspart trigger - The input wrapper element acting as the combobox trigger.
+ * @csspart clear-button - The button that clears the current value.
+ * @csspart loading-indicator - The loading spinner shown during async operations.
+ *
+ * @cssprop [--hx-combobox-bg=var(--hx-color-neutral-0)] - Input background color.
+ * @cssprop [--hx-combobox-color=var(--hx-color-neutral-800)] - Input text color.
+ * @cssprop [--hx-combobox-border-color=var(--hx-color-neutral-300)] - Border color.
+ * @cssprop [--hx-combobox-border-radius=var(--hx-border-radius-md)] - Border radius.
+ * @cssprop [--hx-combobox-font-family=var(--hx-font-family-sans)] - Font family.
+ * @cssprop [--hx-combobox-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.
+ * @cssprop [--hx-combobox-error-color=var(--hx-color-error-500)] - Error state color.
+ * @cssprop [--hx-combobox-label-color=var(--hx-color-neutral-700)] - Label text color.
+ * @cssprop [--hx-combobox-listbox-bg=var(--hx-color-neutral-0)] - Listbox background color.
+ * @cssprop [--hx-combobox-option-hover-bg=var(--hx-color-primary-50)] - Option hover background.
+ * @cssprop [--hx-combobox-option-selected-bg=var(--hx-color-primary-100)] - Selected option background.
+ */
+export declare class HelixCombobox extends LitElement {
+    static styles: import('lit').CSSResult[];
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    private _id;
+    private _listboxId;
+    private _helpTextId;
+    private _errorId;
+    private _labelId;
+    /**
+     * The visible label text for the combobox.
+     * @attr label
+     */
+    label: string;
+    /**
+     * Placeholder text shown in the input when no value is entered.
+     * @attr placeholder
+     */
+    placeholder: string;
+    /**
+     * The current value of the combobox.
+     * @attr value
+     */
+    value: string;
+    /**
+     * Whether the combobox is required for form submission.
+     * @attr required
+     */
+    required: boolean;
+    /**
+     * Whether the combobox is disabled.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * The name used for form submission.
+     * @attr name
+     */
+    name: string;
+    /**
+     * Error message to display. When set, the field enters an error state.
+     * @attr error
+     */
+    error: string;
+    /**
+     * Help text displayed below the combobox for guidance.
+     * @attr help-text
+     */
+    helpText: string;
+    /**
+     * Size variant of the combobox.
+     * @attr hx-size
+     */
+    size: HxComboboxSize;
+    /**
+     * Whether multiple options can be selected.
+     * @attr multiple
+     */
+    multiple: boolean;
+    /**
+     * Whether the combobox shows a clear button when a value is set.
+     * @attr clearable
+     */
+    clearable: boolean;
+    /**
+     * Whether the combobox is in a loading state (shows spinner).
+     * @attr loading
+     */
+    loading: boolean;
+    /**
+     * Debounce delay in milliseconds for the filter input event.
+     * @attr filter-debounce
+     */
+    filterDebounce: number;
+    /**
+     * Accessible name for screen readers, if different from the visible label.
+     * @attr aria-label
+     */
+    ariaLabel: string | null;
+    private _options;
+    private _filterText;
+    private _open;
+    private _focusedOptionIndex;
+    private _hasErrorSlot;
+    private _input;
+    private _debounceTimer;
+    private get _selectedValuesSet();
+    private get _filteredOptions();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    /** Returns the associated form element, if any. */
+    get form(): HTMLFormElement | null;
+    /** Returns the validation message. */
+    get validationMessage(): string;
+    /** Returns the ValidityState object. */
+    get validity(): ValidityState;
+    /** Checks whether the combobox satisfies its constraints. */
+    checkValidity(): boolean;
+    /** Reports validity and shows the browser's constraint validation UI. */
+    reportValidity(): boolean;
+    private _updateFormValue;
+    private _updateValidity;
+    /** Called by the browser when the owning form resets. */
+    formResetCallback(): void;
+    /** Called when the browser restores form state (e.g., bfcache navigation). */
+    formStateRestoreCallback(state: string | File | FormData | null, _mode?: 'restore' | 'autocomplete'): void;
+    private _handleSlotChange;
+    private _parseOption;
+    private _readOptions;
+    private _handleErrorSlotChange;
+    private _openDropdown;
+    private _closeDropdown;
+    private _handleInput;
+    private _emitInput;
+    private _handleFocus;
+    private _handleKeydown;
+    private _selectOption;
+    private _removeValue;
+    private _handleClear;
+    private _dispatchChange;
+    private _handleOutsideClick;
+    /** Moves focus to the text input. */
+    focus(options?: FocusOptions): void;
+    private _optionId;
+    private get _displayValue();
+    private _renderOptions;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-combobox': HelixCombobox;
+    }
+}
+export type { HelixCombobox as HxCombobox };
+//# sourceMappingURL=hx-combobox.d.ts.map

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

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

package/dist/components/hx-combobox/hx-combobox.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const helixComboboxStyles: import('lit').CSSResult;
+//# sourceMappingURL=hx-combobox.styles.d.ts.map

package/dist/components/hx-combobox/hx-combobox.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-combobox/hx-combobox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBA2X/B,CAAC"}

package/dist/components/hx-combobox/index.d.ts

@@ -0,0 +1,3 @@
+export { HelixCombobox } from './hx-combobox.js';
+export type { ComboboxOption, HxComboboxSize } from './hx-combobox.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hx-combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hx-combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/hx-combobox/index.js

@@ -0,0 +1,5 @@
+import { H as b } from "../../shared/hx-combobox-De4-pDn0.js";
+export {
+  b as HelixCombobox
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/hx-container/hx-container.d.ts

@@ -0,0 +1,56 @@
+import { LitElement } from 'lit';
+/**
+ * A layout container that constrains content width and provides
+ * consistent vertical spacing and horizontal gutters.
+ *
+ * Uses a two-layer model: the outer host spans full width (background,
+ * vertical padding), while the inner wrapper constrains max-width,
+ * centers content, and applies horizontal gutters.
+ *
+ * @summary Layout primitive for constraining content width with consistent spacing.
+ *
+ * @tag hx-container
+ *
+ * @slot - Default slot for container content.
+ *
+ * @csspart inner - The inner wrapper that constrains max-width and applies gutters.
+ *
+ * @cssprop [--hx-container-bg=transparent] - Background color on the outer wrapper.
+ * @cssprop [--hx-container-gutter=var(--hx-space-6)] - Horizontal padding on the inner box.
+ * @cssprop [--hx-container-max-width] - Override the max-width set by the width property.
+ * @cssprop [--hx-container-content=72rem] - Max-width for the content width preset.
+ * @cssprop [--hx-container-narrow=48rem] - Max-width for the narrow width preset.
+ * @cssprop [--hx-container-sm=640px] - Max-width for the sm width preset.
+ * @cssprop [--hx-container-md=768px] - Max-width for the md width preset.
+ * @cssprop [--hx-container-lg=1024px] - Max-width for the lg width preset.
+ * @cssprop [--hx-container-xl=1280px] - Max-width for the xl width preset.
+ */
+export declare class HelixContainer extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Controls the max-width of the inner content wrapper.
+     * @attr width
+     * @example
+     * // Width presets and their default max-width values:
+     * // full    → no max-width constraint
+     * // content → 72rem (1152px)
+     * // narrow  → 48rem (768px) — override with --hx-container-narrow
+     * // sm      → 640px — override with --hx-container-sm
+     * // md      → 768px — override with --hx-container-md
+     * // lg      → 1024px — override with --hx-container-lg
+     * // xl      → 1280px — override with --hx-container-xl
+     */
+    width: 'full' | 'content' | 'narrow' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Vertical padding applied to the outer wrapper.
+     * @attr padding
+     */
+    padding: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-container': HelixContainer;
+    }
+}
+//# sourceMappingURL=hx-container.d.ts.map

package/dist/components/hx-container/hx-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-container.d.ts","sourceRoot":"","sources":["../../../src/components/hx-container/hx-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAAuC;IAE7D;;;;;;;;;;;;OAYG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAa;IAE7E;;;OAGG;IAEH,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAU;IAIpD,MAAM;CAYhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,cAAc,CAAC;KAChC;CACF"}

package/dist/components/hx-container/hx-container.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const helixContainerStyles: import('lit').CSSResult;
+//# sourceMappingURL=hx-container.styles.d.ts.map

package/dist/components/hx-container/hx-container.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-container.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-container/hx-container.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBAgFhC,CAAC"}

package/dist/components/hx-container/index.d.ts

@@ -0,0 +1,2 @@
+export { HelixContainer } from './hx-container.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hx-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hx-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/hx-container/index.js

@@ -0,0 +1,5 @@
+import { H as r } from "../../shared/hx-container-DWBtruk3.js";
+export {
+  r as HelixContainer
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/hx-copy-button/hx-copy-button.d.ts

@@ -0,0 +1,103 @@
+import { LitElement } from 'lit';
+/**
+ * A clipboard copy button component that writes a given value to the system
+ * clipboard. Provides idle and success states with configurable feedback
+ * duration, slot-based icon overrides, and an accessible live region that
+ * announces copy completion to screen reader users.
+ *
+ * The `aria-label` reflects the current copy state: idle shows `label`,
+ * copied state appends " — Copied" so screen reader users who re-focus the
+ * button after copy receive an accurate accessible name.
+ *
+ * Note: `aria-pressed` is intentionally NOT used. This is not a toggle button;
+ * copied is a transient feedback state, not a persistent on/off toggle.
+ *
+ * @summary One-click clipboard copy with accessible success feedback.
+ *
+ * @tag hx-copy-button
+ *
+ * @slot - Optional label text rendered inside the button alongside the icon.
+ * @slot copy-icon - Icon shown in the idle (pre-copy) state.
+ * @slot success-icon - Icon shown after a successful clipboard write.
+ *
+ * @fires {CustomEvent<{value: string}>} hx-copy - Dispatched after the value
+ *   has been successfully written to the clipboard.
+ * @fires {CustomEvent<{value: string; error: unknown}>} hx-copy-error - Dispatched
+ *   when the clipboard write fails (permission denied, iframe restriction, etc.).
+ *   The `error` detail contains the caught error for diagnostic use.
+ *
+ * @csspart button - The native button element.
+ * @csspart icon - The icon container span wrapping the active icon slot.
+ *
+ * @cssprop [--hx-copy-button-bg=transparent] - Button background color.
+ * @cssprop [--hx-copy-button-color=var(--hx-color-primary-500)] - Icon and text color.
+ * @cssprop [--hx-copy-button-border-color=transparent] - Button border color.
+ * @cssprop [--hx-copy-button-border-radius=var(--hx-border-radius-md)] - Button border radius.
+ * @cssprop [--hx-copy-button-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.
+ */
+export declare class HelixCopyButton extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * The text value to write to the clipboard on click. Required for the
+     * component to perform a copy operation.
+     * @attr value
+     */
+    value: string;
+    /**
+     * Accessible label applied as `aria-label` and `title` on the button.
+     * @attr label
+     */
+    label: string;
+    /**
+     * Duration in milliseconds to display the success (copied) state before
+     * reverting to the idle state. Values below 300 ms are clamped to 300 ms
+     * to ensure the success announcement remains visible long enough for
+     * assistive technology and human perception.
+     * @attr feedback-duration
+     */
+    feedbackDuration: number;
+    /**
+     * Visual size of the button. Maps to fixed height and padding tokens.
+     * Accepts: 'sm' | 'md' | 'lg'. Invalid values are silently coerced to 'md'.
+     * @attr hx-size
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the button is disabled. When true, click events are suppressed
+     * and clipboard writes do not occur.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /** True while the success feedback window is active. */
+    private _copied;
+    /** Non-empty string shown in the aria-live region; cleared when not active. */
+    private _announcement;
+    /** Timeout handle used to revert the copied state. */
+    private _feedbackTimer;
+    disconnectedCallback(): void;
+    /**
+     * Returns the effective feedback duration, clamped to the minimum allowed
+     * value. Prevents zero/negative timeouts that would cause the success state
+     * to immediately revert with no visible or audible feedback.
+     */
+    private _effectiveDuration;
+    /**
+     * Returns the effective size, falling back to 'md' if the runtime value is
+     * not in the set of valid sizes. Prevents `button--xl` and similar class
+     * names that have no matching CSS rule.
+     */
+    private _effectiveSize;
+    private _clearFeedbackTimer;
+    private _copyToClipboard;
+    private _handleClick;
+    private _performCopy;
+    private _buttonClasses;
+    private _renderIcon;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-copy-button': HelixCopyButton;
+    }
+}
+//# sourceMappingURL=hx-copy-button.d.ts.map

package/dist/components/hx-copy-button/hx-copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/hx-copy-button/hx-copy-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAYhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAAwC;IAI9D;;;;OAIG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,KAAK,SAAuB;IAE5B;;;;;;OAMG;IAEH,gBAAgB,SAAQ;IAExB;;;;OAIG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;;OAIG;IAEH,QAAQ,UAAS;IAIjB,wDAAwD;IAC/C,OAAO,CAAC,OAAO,CAAS;IAEjC,+EAA+E;IACtE,OAAO,CAAC,aAAa,CAAM;IAEpC,sDAAsD;IACtD,OAAO,CAAC,cAAc,CAA8C;IAI3D,oBAAoB,IAAI,IAAI;IAOrC;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,mBAAmB;YAOb,gBAAgB;IAqB9B,OAAO,CAAC,YAAY;YAQN,YAAY;IAgD1B,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,WAAW;IAaV,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,eAAe,CAAC;KACnC;CACF"}

package/dist/components/hx-copy-button/hx-copy-button.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const helixCopyButtonStyles: import('lit').CSSResult;
+//# sourceMappingURL=hx-copy-button.styles.d.ts.map

package/dist/components/hx-copy-button/hx-copy-button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-copy-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-copy-button/hx-copy-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBAyHjC,CAAC"}

package/dist/components/hx-copy-button/index.d.ts

@@ -0,0 +1,2 @@
+export { HelixCopyButton } from './hx-copy-button.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hx-copy-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hx-copy-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/hx-copy-button/index.js

@@ -0,0 +1,5 @@
+import { H as e } from "../../shared/hx-copy-button-BCy6VMwN.js";
+export {
+  e as HelixCopyButton
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-copy-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}