@helixui/library 0.1.0

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

@@ -0,0 +1,166 @@
+import { LitElement, TemplateResult } from 'lit';
+/**
+ * A range slider component for selecting a numeric value within a min/max boundary.
+ * Supports tick marks, value display, range labels, and native form participation
+ * via ElementInternals.
+ *
+ * The native `<input type="range">` receives `role="slider"` with `aria-valuenow`,
+ * `aria-valuemin`, and `aria-valuemax`. Label association uses `aria-labelledby`
+ * when a label is present, or `aria-label` as a fallback. Help text is linked via
+ * `aria-describedby`. Keyboard navigation follows the native range behavior:
+ * Arrow keys increment/decrement by step, Home jumps to min, End jumps to max.
+ *
+ * @summary Form-associated range slider with label, ticks, and value display.
+ *
+ * @tag hx-slider
+ *
+ * @slot label - Custom label content (overrides the label property).
+ * @slot help-text - Custom help text content (overrides the helpText property).
+ * @slot min-label - Label rendered at the minimum end of the slider.
+ * @slot max-label - Label rendered at the maximum end of the slider.
+ *
+ * @fires {CustomEvent<{value: number}>} hx-input - Dispatched continuously while the user drags.
+ * @fires {CustomEvent<{value: number}>} hx-change - Dispatched when the user releases the thumb.
+ *
+ * @csspart slider - The outer container element.
+ * @csspart track - The track background element.
+ * @csspart fill - The filled portion of the track showing progress.
+ * @csspart thumb - The draggable thumb overlay element.
+ * @csspart label - The label element.
+ * @csspart value-display - The element displaying the current numeric value.
+ * @csspart tick - Each individual tick mark element.
+ *
+ * @cssprop [--hx-slider-track-bg=var(--hx-color-neutral-200)] - Track background color.
+ * @cssprop [--hx-slider-fill-bg=var(--hx-color-primary-500)] - Fill/progress color.
+ * @cssprop [--hx-slider-thumb-bg=var(--hx-color-neutral-0)] - Thumb background color.
+ * @cssprop [--hx-slider-thumb-border-color=var(--hx-color-primary-500)] - Thumb border color.
+ * @cssprop [--hx-slider-thumb-shadow=var(--hx-shadow-sm)] - Thumb box shadow.
+ * @cssprop [--hx-slider-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.
+ * @cssprop [--hx-slider-label-color=var(--hx-color-neutral-700)] - Label text color.
+ * @cssprop [--hx-slider-value-color=var(--hx-color-neutral-600)] - Value display text color.
+ * @cssprop [--hx-slider-tick-color=var(--hx-color-neutral-400)] - Tick mark color.
+ * @cssprop [--hx-slider-range-label-color=var(--hx-color-neutral-500)] - Range label text color.
+ * @cssprop [--hx-slider-help-text-color=var(--hx-color-neutral-500)] - Help text color.
+ */
+export declare class HelixSlider extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /** Enables native form participation via ElementInternals. */
+    static formAssociated: boolean;
+    /** ElementInternals instance for form value, validity, and label association. */
+    private _internals;
+    constructor();
+    /**
+     * The name submitted with the form.
+     * @attr name
+     */
+    name: string;
+    /**
+     * The current numeric value of the slider.
+     * @attr value
+     */
+    value: number;
+    /**
+     * The minimum allowed value.
+     * @attr min
+     */
+    min: number;
+    /**
+     * The maximum allowed value.
+     * @attr max
+     */
+    max: number;
+    /**
+     * The stepping interval between values.
+     * @attr step
+     */
+    step: number;
+    /**
+     * Whether the slider is disabled.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * The visible label text for the slider.
+     * @attr label
+     */
+    label: string;
+    /**
+     * Help text displayed below the slider for guidance.
+     * @attr help-text
+     */
+    helpText: string;
+    /**
+     * When true, the current value is shown next to the label.
+     * @attr show-value
+     */
+    showValue: boolean;
+    /**
+     * When true, tick marks are rendered at each step interval.
+     * @attr show-ticks
+     */
+    showTicks: boolean;
+    /**
+     * The size variant of the slider.
+     * @attr hx-size
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Human-readable text alternative for the current value, announced by screen readers
+     * instead of the numeric value. For example, on a pain scale: "7 — Moderate-Severe".
+     * @attr aria-valuetext
+     */
+    valueText: string;
+    /** Whether the label slot has assigned content. */
+    private _hasLabelSlot;
+    /** Whether the min-label slot has assigned content. */
+    private _hasMinLabelSlot;
+    /** Whether the max-label slot has assigned content. */
+    private _hasMaxLabelSlot;
+    /** Whether the help slot has assigned content. */
+    private _hasHelpSlot;
+    /** Reference to the native range `<input>` inside shadow DOM. */
+    private _input;
+    /** Unique ID for the native range input element. */
+    private readonly _sliderId;
+    /** Unique ID for the label element, derived from _sliderId. */
+    private readonly _labelId;
+    /** Unique ID for the help text element, derived from _sliderId. */
+    private readonly _helpId;
+    private _clamp;
+    private _fillPercent;
+    private _ticks;
+    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 slider satisfies its constraints. */
+    checkValidity(): boolean;
+    /** Reports validity and shows the browser's constraint validation UI. */
+    reportValidity(): boolean;
+    /** Called by the form when it resets. Restores to the declared `value` attribute (default value). */
+    formResetCallback(): void;
+    /**
+     * Called when the form restores state (e.g., back/forward navigation or autofill).
+     * @param state - The serialized value to restore.
+     * @param _reason - Either "restore" (back/forward) or "autocomplete".
+     */
+    formStateRestoreCallback(state: string, _reason: string): void;
+    /** Moves focus to the native range input. */
+    focus(options?: FocusOptions): void;
+    private _handleLabelSlotChange;
+    private _handleHelpSlotChange;
+    private _handleMinLabelSlotChange;
+    private _handleMaxLabelSlotChange;
+    private _handleInput;
+    private _handleChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-slider': HelixSlider;
+    }
+}
+//# sourceMappingURL=hx-slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-slider.d.ts","sourceRoot":"","sources":["../../../src/components/hx-slider/hx-slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAiB,MAAM,KAAK,CAAC;AAYhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAAoC;IAI1D,8DAA8D;IAC9D,MAAM,CAAC,cAAc,UAAQ;IAE7B,iFAAiF;IACjF,OAAO,CAAC,UAAU,CAAmB;;IASrC;;;OAGG;IAEH,IAAI,SAAM;IAEV;;;OAGG;IAEH,KAAK,SAAK;IAEV;;;OAGG;IAEH,GAAG,SAAK;IAER;;;OAGG;IAEH,GAAG,SAAO;IAEV;;;OAGG;IAEH,IAAI,SAAK;IAET;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,QAAQ,SAAM;IAEd;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;;OAIG;IAEH,SAAS,SAAM;IAIf,mDAAmD;IAC1C,OAAO,CAAC,aAAa,CAAS;IACvC,uDAAuD;IAC9C,OAAO,CAAC,gBAAgB,CAAS;IAC1C,uDAAuD;IAC9C,OAAO,CAAC,gBAAgB,CAAS;IAC1C,kDAAkD;IACzC,OAAO,CAAC,YAAY,CAAS;IAItC,iEAAiE;IAEjE,OAAO,CAAC,MAAM,CAAoB;IAIlC,oDAAoD;IACpD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAuC;IACjE,+DAA+D;IAC/D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6B;IACtD,mEAAmE;IACnE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA4B;IAIpD,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,MAAM;IAcL,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA6B/D,mDAAmD;IACnD,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,sCAAsC;IACtC,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,wCAAwC;IACxC,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,2DAA2D;IAC3D,aAAa,IAAI,OAAO;IAIxB,yEAAyE;IACzE,cAAc,IAAI,OAAO;IAIzB,qGAAqG;IACrG,iBAAiB,IAAI,IAAI;IAQzB;;;;OAIG;IACH,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAS9D,6CAA6C;IACpC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAM5C,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,yBAAyB;IAKjC,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,aAAa;IAqBZ,MAAM,IAAI,cAAc;CAyGlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,WAAW,CAAC;KAC1B;CACF"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { H as i } from "../../shared/hx-slider-BRMWoKZk.js";
+export {
+  i as HelixSlider
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,58 @@
+import { LitElement } from 'lit';
+/**
+ * A circular loading indicator for inline and overlay loading states.
+ * Purely visual — no slots. Announces loading state to screen readers via
+ * `role="status"` and an `aria-label` (customizable via the `label` prop).
+ *
+ * When used alongside visible loading text, set `decorative` to suppress
+ * duplicate AT announcements.
+ *
+ * @summary Circular loading indicator component.
+ *
+ * @tag hx-spinner
+ *
+ * @csspart base - The SVG spinner element.
+ *
+ * @cssprop [--hx-spinner-color] - Spinner arc color. Defaults per variant.
+ * @cssprop [--hx-spinner-track-color] - Spinner track color. Defaults per variant.
+ * @cssprop [--hx-duration-spinner] - Duration of the rotation animation. Defaults to 750ms.
+ */
+export declare class HelixSpinner extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Size of the spinner. Accepts 'sm' | 'md' | 'lg' token values, or any
+     * valid CSS size string (e.g. "3rem", "48px").
+     *
+     * Note: `'sm' | 'md' | 'lg' | string` intentionally degrades to `string`
+     * at the TypeScript level to allow CSS size values as a convenience override.
+     * This is a deliberate design choice — use token values for standard sizing.
+     * @attr size
+     */
+    size: 'sm' | 'md' | 'lg' | string;
+    /**
+     * Visual variant of the spinner.
+     * @attr variant
+     */
+    variant: 'default' | 'primary' | 'inverted';
+    /**
+     * Accessible label announced to screen readers. Defaults to "Loading".
+     * Reflected as an attribute for Drupal/Twig compatibility.
+     * @attr label
+     */
+    label: string;
+    /**
+     * When true, the spinner is decorative and suppresses all ARIA announcements.
+     * Use this when the spinner appears alongside visible loading text to prevent
+     * duplicate announcements. Sets `role="presentation"` and removes `aria-label`.
+     * @attr decorative
+     */
+    decorative: boolean;
+    private _isTokenSize;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-spinner': HelixSpinner;
+    }
+}
+//# sourceMappingURL=hx-spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-spinner.d.ts","sourceRoot":"","sources":["../../../src/components/hx-spinner/hx-spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAqC;IAE3D;;;;;;;;OAQG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAQ;IAEzC;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAa;IAExD;;;;OAIG;IAEH,KAAK,SAAa;IAElB;;;;;OAKG;IAEH,UAAU,UAAS;IAEnB,OAAO,CAAC,YAAY;IAIX,MAAM;CAqChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { H as i } from "../../shared/hx-spinner-CcbmN-u_.js";
+export {
+  i as HelixSpinner
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,101 @@
+import { LitElement } from 'lit';
+/**
+ * A split button combining a primary action button with an attached dropdown
+ * menu for secondary actions. Implements the ARIA menu button pattern for
+ * full keyboard and screen reader support.
+ *
+ * @summary Primary action button with attached dropdown menu for secondary actions.
+ *
+ * @tag hx-split-button
+ *
+ * @slot - Primary button label text.
+ * @slot menu - `hx-menu-item` children rendered in the dropdown panel.
+ *
+ * @fires {CustomEvent<{originalEvent: MouseEvent}>} hx-click - Dispatched when
+ *   the primary button is clicked and is not disabled.
+ * @fires {CustomEvent<{value: string; label: string}>} hx-select - Dispatched when
+ *   a menu item is selected from the dropdown.
+ *
+ * @csspart button - The primary action button element.
+ * @csspart trigger - The dropdown trigger button element.
+ * @csspart menu - The dropdown menu panel.
+ *
+ * @cssprop [--hx-split-button-menu-max-height=18rem] - Maximum height of the dropdown menu panel before scrolling.
+ * @cssprop [--hx-split-button-bg=var(--hx-color-primary-500)] - Background color for both buttons.
+ * @cssprop [--hx-split-button-color=var(--hx-color-neutral-0)] - Text/icon color for both buttons.
+ * @cssprop [--hx-split-button-border-color=transparent] - Border color.
+ * @cssprop [--hx-split-button-border-radius=var(--hx-border-radius-md)] - Border radius.
+ * @cssprop [--hx-split-button-divider-color=var(--hx-color-primary-400)] - Color of the divider between primary and trigger.
+ * @cssprop [--hx-split-button-font-family=var(--hx-font-family-sans)] - Font family.
+ * @cssprop [--hx-split-button-font-weight=var(--hx-font-weight-semibold)] - Font weight.
+ * @cssprop [--hx-split-button-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.
+ * @cssprop [--hx-split-button-menu-bg=var(--hx-color-neutral-0)] - Dropdown menu background.
+ * @cssprop [--hx-split-button-menu-border-color=var(--hx-color-neutral-200)] - Dropdown menu border color.
+ * @cssprop [--hx-split-button-menu-border-radius=var(--hx-border-radius-md)] - Dropdown menu border radius.
+ * @cssprop [--hx-split-button-menu-shadow] - Dropdown menu box shadow.
+ */
+export declare class HelixSplitButton extends LitElement {
+    static styles: import('lit').CSSResult[];
+    private _menuPanel;
+    private _triggerButton;
+    private _open;
+    /**
+     * Visual style variant of the split button.
+     * @attr variant
+     */
+    variant: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'ghost' | 'outline';
+    /**
+     * Size of the split button.
+     * @attr hx-size
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the split button is disabled. Both the primary button and the
+     * trigger are disabled when this is true.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * Primary button label text. When set, overrides the default slot content.
+     * @attr label
+     */
+    label: string | undefined;
+    /**
+     * Accessible label for the dropdown trigger button. Override for localization.
+     * @attr trigger-label
+     */
+    triggerLabel: string;
+    /**
+     * Accessible label for the dropdown menu panel. Override for localization.
+     * @attr menu-label
+     */
+    menuLabel: string;
+    private readonly _menuId;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private readonly _handleOutsideClick;
+    private readonly _handleDocumentKeydown;
+    private _handlePrimaryClick;
+    private _handlePrimaryKeydown;
+    private _handleTriggerClick;
+    private _handleTriggerKeydown;
+    private _handleMenuKeydown;
+    private _handleMenuItemSelect;
+    private _openMenu;
+    private _closeMenu;
+    private _toggleMenu;
+    /**
+     * Returns the enabled hx-menu-item host elements assigned to the `menu` slot.
+     * HelixMenuItem overrides focus() to delegate to its inner element, so calling
+     * .focus() on hosts works correctly. document.activeElement returns the host
+     * element when the inner shadow element has focus, enabling correct index tracking.
+     */
+    private _getMenuItems;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-split-button': HelixSplitButton;
+    }
+}
+//# sourceMappingURL=hx-split-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-split-button.d.ts","sourceRoot":"","sources":["../../../src/components/hx-split-button/hx-split-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAAyC;IAK/D,OAAO,CAAC,UAAU,CAAe;IAGjC,OAAO,CAAC,cAAc,CAAqB;IAIlC,OAAO,CAAC,KAAK,CAAS;IAI/B;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAa;IAE3F;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAEtC;;;OAGG;IAEH,YAAY,SAAkB;IAE9B;;;OAGG;IAEH,SAAS,SAAuB;IAIhC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAuD;IAItE,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAQrC,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAMlC;IAEF,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAKrC;IAIF,OAAO,CAAC,mBAAmB;IAoB3B,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,kBAAkB;IA0C1B,OAAO,CAAC,qBAAqB;IAuB7B,OAAO,CAAC,SAAS;IAYjB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAQnB;;;;;OAKG;IACH,OAAO,CAAC,aAAa;IAcZ,MAAM;CA8EhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,gBAAgB,CAAC;KACrC;CACF"}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/hx-split-panel/hx-split-panel.d.ts

@@ -0,0 +1,115 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * A resizable two-pane layout with a draggable divider.
+ *
+ * @summary Resizable split panel with start and end panes.
+ *
+ * @tag hx-split-panel
+ *
+ * @slot start - The first (start) panel content.
+ * @slot end - The second (end) panel content.
+ *
+ * @csspart start - The start panel container.
+ * @csspart divider - The draggable divider element.
+ * @csspart end - The end panel container.
+ *
+ * @fires hx-reposition - Fired when the divider is moved. Detail: `{ position: number }`.
+ *
+ * @cssprop [--hx-split-panel-divider-size=4px] - Width (horizontal) or height (vertical) of the divider.
+ * @cssprop [--hx-split-panel-divider-color=var(--hx-color-neutral-200)] - Default divider color.
+ * @cssprop [--hx-split-panel-divider-hover-color=var(--hx-color-primary-500)] - Divider color on hover/focus.
+ *
+ * @example Drupal Twig usage:
+ * ```twig
+ * <hx-split-panel
+ *   position="50"
+ *   orientation="horizontal"
+ *   min="10"
+ *   max="90"
+ *   collapsible
+ * >
+ *   <div slot="start">{{ start_content }}</div>
+ *   <div slot="end">{{ end_content }}</div>
+ * </hx-split-panel>
+ *
+ * Attribute-settable: position, position-in-pixels, orientation, disabled, min, max, collapsible, collapsed
+ * JS-only (complex types): snap (use .snap=${[25, 50, 75]} in Lit templates,
+ *   or snap="[25,50,75]" as JSON string in Twig)
+ * ```
+ */
+export declare class HelixSplitPanel extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Position of the divider as a percentage (0–100) of the start panel.
+     * @attr position
+     */
+    position: number;
+    /**
+     * Position of the divider in pixels (alternative to `position`).
+     * When set, takes precedence over `position` until the host is measured.
+     * @attr position-in-pixels
+     */
+    positionInPixels: number | undefined;
+    /**
+     * Orientation of the split.
+     * @attr orientation
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * Minimum position as a percentage (0–100). Prevents full collapse of start panel.
+     * @attr min
+     */
+    min: number;
+    /**
+     * Maximum position as a percentage (0–100). Prevents full expansion of start panel.
+     * @attr max
+     */
+    max: number;
+    /**
+     * Snap points as an array of percentages. The divider snaps to the
+     * nearest point within a 5% threshold.
+     * Accepts JSON array string in HTML: snap="[25, 50, 75]"
+     * @attr snap
+     */
+    snap: number[];
+    /**
+     * When true, the divider cannot be dragged.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * When true, collapse/expand buttons appear on the divider.
+     * @attr collapsible
+     */
+    collapsible: boolean;
+    /**
+     * Which panel is collapsed: 'start', 'end', or null (not collapsed).
+     * @attr collapsed
+     */
+    collapsed: 'start' | 'end' | null;
+    private _dragging;
+    private _dragStart;
+    private _positionAtDragStart;
+    private _positionBeforeCollapse;
+    private _clamp;
+    private _snapToPoint;
+    private _setPosition;
+    private _getHostSize;
+    private _onPointerDown;
+    private _onPointerMove;
+    private _onPointerUp;
+    private _onKeyDown;
+    private _collapseStart;
+    private _collapseEnd;
+    private _expand;
+    updated(changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    private _startPanelStyle;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-split-panel': HelixSplitPanel;
+    }
+}
+//# sourceMappingURL=hx-split-panel.d.ts.map

package/dist/components/hx-split-panel/hx-split-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-split-panel.d.ts","sourceRoot":"","sources":["../../../src/components/hx-split-panel/hx-split-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAAwC;IAE9D;;;OAGG;IAEH,QAAQ,SAAM;IAEd;;;;OAIG;IAEH,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC;;;OAGG;IAEH,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IAEtD;;;OAGG;IAEH,GAAG,SAAK;IAER;;;OAGG;IAEH,GAAG,SAAO;IAEV;;;;;OAKG;IAsBH,IAAI,EAAE,MAAM,EAAE,CAAM;IAEpB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,WAAW,UAAS;IAEpB;;;OAGG;IAEH,SAAS,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,CAAQ;IAEzC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,oBAAoB,CAAK;IACjC,OAAO,CAAC,uBAAuB,CAAM;IAErC,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,UAAU,CA8BhB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,OAAO,CAEb;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAmBhD,iBAAiB,IAAI,IAAI;IAelC,OAAO,CAAC,gBAAgB;IAOf,MAAM;CA2DhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,eAAe,CAAC;KACnC;CACF"}

package/dist/components/hx-split-panel/hx-split-panel.styles.d.ts

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

package/dist/components/hx-split-panel/hx-split-panel.styles.d.ts.map

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

package/dist/components/hx-split-panel/index.d.ts

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

package/dist/components/hx-split-panel/index.d.ts.map

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

package/dist/components/hx-split-panel/index.js

@@ -0,0 +1,5 @@
+import { H as a } from "../../shared/hx-split-panel-C9Sy7XVW.js";
+export {
+  a as HelixSplitPanel
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-split-panel/index.js.map

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

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

@@ -0,0 +1,53 @@
+import { LitElement } from 'lit';
+/**
+ * A flexbox layout wrapper for consistent vertical/horizontal spacing between children.
+ *
+ * @summary Flexbox stack layout utility for arranging children with consistent spacing.
+ *
+ * @tag hx-stack
+ *
+ * @slot - Default slot for any child content.
+ *
+ * @csspart base - The inner flex container.
+ */
+export declare class HelixStack extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Direction of the stack layout.
+     * @attr direction
+     */
+    direction: 'horizontal' | 'vertical';
+    /**
+     * Gap between children using design tokens.
+     * @attr gap
+     */
+    gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Align-items value for cross-axis alignment.
+     * @attr align
+     */
+    align: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /**
+     * Justify-content value for main-axis distribution.
+     * @attr justify
+     */
+    justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /**
+     * When true, children wrap onto multiple lines.
+     * @attr wrap
+     */
+    wrap: boolean;
+    /**
+     * When true, the component renders as `display: inline-flex`.
+     * @attr inline
+     */
+    inline: boolean;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-stack': HelixStack;
+    }
+}
+//# sourceMappingURL=hx-stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-stack.d.ts","sourceRoot":"","sources":["../../../src/components/hx-stack/hx-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAAmC;IAEzD;;;OAGG;IAEH,SAAS,EAAE,YAAY,GAAG,UAAU,CAAc;IAElD;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEtD;;;OAGG;IAEH,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAa;IAEvE;;;OAGG;IAEH,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAW;IAEhF;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IAEH,MAAM,UAAS;IAEN,iBAAiB,IAAI,IAAI;IAOzB,MAAM;CAOhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { H as o } from "../../shared/hx-stack-B_wODjQX.js";
+export {
+  o as HelixStack
+};
+//# sourceMappingURL=index.js.map

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

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