@helixui/library 0.1.0

package/dist/components/hx-number-input/index.js.map

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

package/dist/components/hx-overflow-menu/hx-overflow-menu.d.ts

@@ -0,0 +1,85 @@
+import { LitElement } from 'lit';
+/**
+ * An overflow menu (kebab/meatball menu) that reveals hidden actions via a
+ * floating panel. Composed from a trigger button and a slotted menu panel.
+ *
+ * @summary "..." or kebab icon button that reveals hidden actions.
+ *
+ * @tag hx-overflow-menu
+ *
+ * @slot - Menu items (e.g. `<button role="menuitem">` or `<hx-menu-item>` elements).
+ *
+ * @fires {CustomEvent<{value: string}>} hx-select - Dispatched when a menu item is selected.
+ * @fires {CustomEvent<void>} hx-show - Dispatched when the panel opens.
+ * @fires {CustomEvent<void>} hx-hide - Dispatched when the panel closes.
+ *
+ * @csspart button - The trigger icon button element.
+ * @csspart trigger - Alias for button — the trigger icon button element.
+ * @csspart panel - The floating menu panel container.
+ * @csspart menu - Alias for panel — the floating menu panel container.
+ *
+ * @cssprop [--hx-overflow-menu-panel-bg=var(--hx-color-neutral-0,#fff)] - Panel background color.
+ * @cssprop [--hx-overflow-menu-panel-border=1px solid var(--hx-color-neutral-200,#e5e7eb)] - Panel border.
+ * @cssprop [--hx-overflow-menu-panel-border-radius=var(--hx-border-radius-md)] - Panel border radius.
+ * @cssprop [--hx-overflow-menu-panel-shadow=0 4px 16px rgba(0,0,0,0.12)] - Panel box shadow.
+ * @cssprop [--hx-overflow-menu-panel-min-width=160px] - Minimum panel width.
+ * @cssprop [--hx-overflow-menu-panel-z-index=1000] - Panel z-index.
+ * @cssprop [--hx-overflow-menu-button-color=var(--hx-color-neutral-600)] - Trigger icon color.
+ *
+ * @example
+ * ```html
+ * <hx-overflow-menu>
+ *   <button role="menuitem">Edit</button>
+ *   <button role="menuitem">Delete</button>
+ * </hx-overflow-menu>
+ * ```
+ */
+export declare class HelixOverflowMenu extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Preferred placement of the floating panel relative to the trigger.
+     * @attr placement
+     */
+    placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+    /**
+     * Size of the trigger button.
+     * @attr hx-size
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the trigger button is disabled.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * Icon orientation: vertical (kebab ⋮) or horizontal (meatball ···).
+     * @attr icon
+     */
+    icon: 'vertical' | 'horizontal';
+    /**
+     * Accessible label for the trigger button.
+     * @attr label
+     */
+    label: string;
+    private _open;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _show;
+    private _hide;
+    private _toggle;
+    private _updatePosition;
+    private _focusFirstItem;
+    private _getMenuItems;
+    private readonly _handleTriggerClick;
+    private readonly _handleDocumentClick;
+    private readonly _handleKeydown;
+    private readonly _handleSlotClick;
+    private _renderIcon;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-overflow-menu': HelixOverflowMenu;
+    }
+}
+//# sourceMappingURL=hx-overflow-menu.d.ts.map

package/dist/components/hx-overflow-menu/hx-overflow-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-overflow-menu.d.ts","sourceRoot":"","sources":["../../../src/components/hx-overflow-menu/hx-overflow-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAOhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,4BAA0C;IAEhE;;;OAGG;IAEH,SAAS,EACL,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAgB;IAE/B;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,IAAI,EAAE,UAAU,GAAG,YAAY,CAAc;IAE7C;;;OAGG;IAEH,KAAK,SAAkB;IAEd,OAAO,CAAC,KAAK,CAAS;IAItB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;YAQvB,KAAK;IASnB,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,OAAO;YAUD,eAAe;IAmB7B,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAGlC;IAEF,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAMnC;IAEF,OAAO,CAAC,QAAQ,CAAC,cAAc,CA8B7B;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAgB/B;IAIF,OAAO,CAAC,WAAW;IAmCV,MAAM;CAmChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,iBAAiB,CAAC;KACvC;CACF"}

package/dist/components/hx-overflow-menu/hx-overflow-menu.styles.d.ts

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

package/dist/components/hx-overflow-menu/hx-overflow-menu.styles.d.ts.map

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

package/dist/components/hx-overflow-menu/index.d.ts

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

package/dist/components/hx-overflow-menu/index.d.ts.map

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

package/dist/components/hx-overflow-menu/index.js

@@ -0,0 +1,5 @@
+import { H as r } from "../../shared/hx-overflow-menu-DkbrRDmB.js";
+export {
+  r as HelixOverflowMenu
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-overflow-menu/index.js.map

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

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

@@ -0,0 +1,123 @@
+import { LitElement } from 'lit';
+/**
+ * A pagination component for navigating content listings.
+ *
+ * @summary Page navigation with page numbers, prev/next, and ellipsis.
+ *
+ * @tag hx-pagination
+ *
+ * @csspart nav - The wrapping `<nav>` element.
+ * @csspart list - The `<ul>` containing pagination items.
+ * @csspart item - Each `<li>` item.
+ * @csspart button - Each page button or prev/next control.
+ * @csspart ellipsis - The ellipsis (`…`) span between page groups.
+ * @csspart page-size-wrapper - The wrapper `<div>` around the page-size selector.
+ * @csspart page-size-label - The `<label>` element for the page-size selector.
+ * @csspart page-size-select - The `<select>` element for page-size.
+ *
+ * @cssprop [--hx-pagination-gap=0.25rem] - Gap between pagination buttons. Inherits from --hx-spacing-1.
+ * @cssprop [--hx-pagination-button-size=2.25rem] - Minimum width and height of each button.
+ * @cssprop [--hx-pagination-border-color] - Border color of buttons. Inherits from --hx-color-border (final fallback: #d1d5db).
+ * @cssprop [--hx-pagination-border-radius] - Border radius of buttons. Inherits from --hx-border-radius-md (final fallback: 0.375rem).
+ * @cssprop [--hx-pagination-bg] - Background color of buttons. Inherits from --hx-color-surface (final fallback: #ffffff).
+ * @cssprop [--hx-pagination-color] - Text color of buttons. Inherits from --hx-color-text-primary (final fallback: #111827).
+ * @cssprop [--hx-pagination-hover-bg] - Background color of buttons on hover. Inherits from --hx-color-surface-hover (final fallback: #f3f4f6).
+ * @cssprop [--hx-pagination-hover-border-color] - Border color of buttons on hover. Inherits from --hx-color-primary (final fallback: #2563eb).
+ * @cssprop [--hx-pagination-active-bg] - Background color of the active/current page button. Inherits from --hx-color-primary (final fallback: #2563eb).
+ * @cssprop [--hx-pagination-active-color] - Text color of the active/current page button. Inherits from --hx-color-surface (final fallback: #ffffff).
+ * @cssprop [--hx-pagination-active-border-color] - Border color of the active/current page button. Defaults to --hx-pagination-active-bg.
+ * @cssprop [--hx-pagination-ellipsis-color] - Color of ellipsis characters. Inherits from --hx-color-text-secondary (final fallback: #6b7280).
+ * @cssprop [--hx-transition-fast=150ms] - Duration used for hover/focus transitions.
+ *
+ * @fires {CustomEvent<{ page: number }>} hx-page-change - Fired when the user navigates to a new page.
+ * @fires {CustomEvent<{ pageSize: number }>} hx-page-size-change - Fired when the user selects a new page size.
+ *
+ * @example
+ * ```html
+ * <hx-pagination total-pages="10" current-page="1"></hx-pagination>
+ * ```
+ *
+ * @example Drupal / Twig integration
+ * ```twig
+ * {#
+ *   Drupal's pager uses 0-based page index in the URL (?page=N).
+ *   This component is 1-based, so add 1 to the Drupal page value.
+ *   Listen to hx-page-change and update the URL query param:
+ *     element.addEventListener('hx-page-change', (e) => {
+ *       const params = new URLSearchParams(location.search);
+ *       params.set('page', e.detail.page - 1); // convert back to 0-based
+ *       history.pushState({}, '', '?' + params.toString());
+ *     });
+ * #}
+ * <hx-pagination
+ *   total-pages="{{ total_pages }}"
+ *   current-page="{{ pager.current_page + 1 }}"
+ *   label="{{ 'Pagination'|t }}"
+ *   {{ show_first_last ? 'show-first-last' : '' }}
+ * ></hx-pagination>
+ * ```
+ */
+export declare class HelixPagination extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Total number of pages.
+     * @attr total-pages
+     */
+    totalPages: number;
+    /**
+     * The currently active page (1-based).
+     * @attr current-page
+     */
+    currentPage: number;
+    /**
+     * Number of page buttons shown on each side of the current page.
+     * @attr sibling-count
+     */
+    siblingCount: number;
+    /**
+     * Number of pages always shown at the start and end of the list.
+     * @attr boundary-count
+     */
+    boundaryCount: number;
+    /**
+     * Whether to show First and Last page buttons.
+     * @attr show-first-last
+     */
+    showFirstLast: boolean;
+    /**
+     * Accessible label for the `<nav>` element.
+     * @attr label
+     */
+    label: string;
+    /**
+     * The number of items displayed per page. When set, a page-size selector
+     * `<select>` is rendered. Set `show-page-size` to display the selector.
+     * @attr page-size
+     */
+    pageSize: number;
+    /**
+     * Whether to show the page-size selector UI.
+     * @attr show-page-size
+     */
+    showPageSize: boolean;
+    /** Tracks the roving tabindex target. Null means default to currentPage. */
+    private _rovingKey;
+    /** Text for the aria-live region, updated on navigation. */
+    private _liveMessage;
+    /** Memoization cache for _buildPageRange. */
+    private _pageRangeCache;
+    private _buildPageRange;
+    private _range;
+    private _navigate;
+    private _handlePageSizeChange;
+    private get _effectiveRovingKey();
+    private _handleFocusin;
+    private _handleKeydown;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-pagination': HelixPagination;
+    }
+}
+//# sourceMappingURL=hx-pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/hx-pagination/hx-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAOhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAAwC;IAE9D;;;OAGG;IAEH,UAAU,SAAK;IAEf;;;OAGG;IAEH,WAAW,SAAK;IAEhB;;;OAGG;IAEH,YAAY,SAAK;IAEjB;;;OAGG;IAEH,aAAa,SAAK;IAElB;;;OAGG;IAEH,aAAa,UAAS;IAEtB;;;OAGG;IAEH,KAAK,SAAgB;IAErB;;;;OAIG;IAEH,QAAQ,SAAM;IAEd;;;OAGG;IAEH,YAAY,UAAS;IAErB,4EAA4E;IACnE,OAAO,CAAC,UAAU,CAAgC;IAE3D,4DAA4D;IACnD,OAAO,CAAC,YAAY,CAAM;IAEnC,6CAA6C;IAC7C,OAAO,CAAC,eAAe,CAAoE;IAI3F,OAAO,CAAC,eAAe;IA6CvB,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,SAAS;IAgBjB,OAAO,CAAC,qBAAqB;IAe7B,OAAO,KAAK,mBAAmB,GAE9B;IAED,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,cAAc;IA8Bb,MAAM;CA0IhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,eAAe,CAAC;KAClC;CACF"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,105 @@
+import { LitElement } from 'lit';
+type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+type TriggerMode = 'click' | 'hover' | 'focus' | 'manual';
+/**
+ * A popover that displays rich floating content attached to a trigger element.
+ *
+ * @summary Rich floating overlay attached to a trigger element.
+ *
+ * @tag hx-popover
+ *
+ * @slot anchor - The trigger element that opens the popover.
+ * @slot - Default slot for popover body content.
+ *
+ * @csspart body - The popover body container element.
+ * @csspart arrow - The arrow indicator element.
+ *
+ * @cssprop [--hx-popover-bg=var(--hx-color-neutral-0)] - Popover background color.
+ * @cssprop [--hx-popover-color=var(--hx-color-neutral-900)] - Popover text color.
+ * @cssprop [--hx-popover-font-size=var(--hx-font-size-sm)] - Popover font size.
+ * @cssprop [--hx-popover-max-width=320px] - Maximum popover width.
+ * @cssprop [--hx-popover-padding] - Popover padding.
+ * @cssprop [--hx-popover-border-color=var(--hx-color-neutral-200)] - Popover border color.
+ * @cssprop [--hx-popover-border-radius=var(--hx-border-radius-md)] - Popover border radius.
+ * @cssprop [--hx-popover-shadow] - Popover box shadow.
+ * @cssprop [--hx-popover-z-index=9999] - Popover z-index.
+ * @cssprop [--hx-popover-transition-duration=0.2s] - Show/hide transition duration.
+ * @cssprop [--hx-popover-arrow-size=10px] - Size of the arrow indicator.
+ *
+ * @fires hx-show - Dispatched when the popover begins to show.
+ * @fires hx-after-show - Dispatched after the popover is fully visible.
+ * @fires hx-hide - Dispatched when the popover begins to hide.
+ * @fires hx-after-hide - Dispatched after the popover is fully hidden.
+ *
+ * @example
+ * ```html
+ * <hx-popover placement="bottom" trigger="click">
+ *   <button slot="anchor">Open Popover</button>
+ *   <p>Rich popover content here.</p>
+ * </hx-popover>
+ * ```
+ */
+export declare class HelixPopover extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Whether the popover is open.
+     * @attr open
+     */
+    open: boolean;
+    /**
+     * Preferred placement of the popover relative to the anchor.
+     * @attr placement
+     */
+    placement: PopoverPlacement;
+    /**
+     * How the popover is triggered.
+     * @attr trigger
+     */
+    trigger: TriggerMode;
+    /**
+     * Distance in pixels between the popover and the anchor.
+     * @attr distance
+     */
+    distance: number;
+    /**
+     * Alignment offset in pixels along the anchor.
+     * @attr skidding
+     */
+    skidding: number;
+    /**
+     * Whether to show an arrow pointing to the anchor.
+     * @attr arrow
+     */
+    arrow: boolean;
+    /**
+     * Accessible label for the popover body (sets aria-label on the dialog).
+     * @attr label
+     */
+    label: string;
+    private _visible;
+    private _previousFocus;
+    private readonly _popoverId;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _setAnchorAriaExpanded;
+    private _show;
+    private _hide;
+    private _updatePosition;
+    private _handleDocumentKeydown;
+    private _handleDocumentClick;
+    private _handleAnchorClick;
+    private _handleAnchorMouseEnter;
+    private _handleAnchorMouseLeave;
+    private _handleAnchorFocusIn;
+    private _handleAnchorFocusOut;
+    private _handleAnchorSlotChange;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-popover': HelixPopover;
+    }
+}
+export {};
+//# sourceMappingURL=hx-popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-popover.d.ts","sourceRoot":"","sources":["../../../src/components/hx-popover/hx-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,KAAK,gBAAgB,GACjB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEf,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAqC;IAE3D;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IAEH,SAAS,EAAE,gBAAgB,CAAY;IAEvC;;;OAGG;IAEH,OAAO,EAAE,WAAW,CAAW;IAE/B;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IAEH,KAAK,UAAS;IAEd;;;OAGG;IAEH,KAAK,SAAa;IAET,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,cAAc,CAA4B;IAGlD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAuC;IAIzD,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAa/D,OAAO,CAAC,sBAAsB;YAehB,KAAK;YA0BL,KAAK;YAiBL,eAAe;IAyE7B,OAAO,CAAC,sBAAsB,CAI5B;IAGF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,kBAAkB,CAOxB;IAEF,OAAO,CAAC,uBAAuB,CAG7B;IAEF,OAAO,CAAC,uBAAuB,CAG7B;IAEF,OAAO,CAAC,oBAAoB,CAG1B;IAEF,OAAO,CAAC,qBAAqB,CAG3B;IAEF,OAAO,CAAC,uBAAuB;IAMtB,MAAM;CA2BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,218 @@
+import { LitElement } from 'lit';
+type PopupPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'auto';
+type ArrowPlacement = 'start' | 'center' | 'end';
+/**
+ * A low-level positioning primitive that anchors a floating panel to a reference element.
+ * This is the base that hx-tooltip, hx-dropdown, and hx-popover build upon.
+ *
+ * @summary Low-level popup positioning utility.
+ *
+ * @tag hx-popup
+ *
+ * @slot anchor - The reference element the popup is anchored to.
+ * @slot - Default slot for popup content.
+ *
+ * @csspart popup - The popup container element.
+ * @csspart arrow - The arrow indicator element (only present when `arrow` is true).
+ *
+ * @cssprop [--hx-popup-z-index=9000] - Z-index of the popup container.
+ * @cssprop [--hx-popup-transition=none] - Transition applied to the popup element.
+ *   Consumers who need enter/exit animations can set this property AND override the
+ *   default `display: none` hide mechanism via `::part(popup)`. Example:
+ *   ```css
+ *   hx-popup { --hx-popup-transition: opacity 0.2s ease; }
+ *   hx-popup:not([active])::part(popup) { display: block; opacity: 0; pointer-events: none; }
+ *   hx-popup[active]::part(popup) { opacity: 1; }
+ *   ```
+ * @cssprop [--hx-arrow-size=8px] - Size of the arrow element.
+ * @cssprop [--hx-arrow-color=var(--hx-color-surface-overlay, #ffffff)] - Color of the arrow element.
+ * @cssprop --hx-auto-size-available-width - Available width set by auto-size middleware (on :host).
+ * @cssprop --hx-auto-size-available-height - Available height set by auto-size middleware (on :host).
+ *
+ * @fires {CustomEvent} hx-reposition - Emitted after the popup is repositioned.
+ *
+ * ## Accessibility Contract
+ *
+ * `hx-popup` is a **positioning utility**, not an interactive widget. It does not provide
+ * ARIA semantics. Consumers are responsible for all accessibility:
+ *
+ * - **Popup role**: Add `role="tooltip"`, `role="dialog"`, `role="listbox"`, etc. to the
+ *   slotted popup content depending on its purpose.
+ * - **Trigger state**: The element that triggers the popup MUST set `aria-expanded="true/false"`.
+ * - **Association**: Use `aria-controls` on the trigger to reference the popup content element,
+ *   and `aria-labelledby` / `aria-describedby` as appropriate.
+ * - **Focus management**: `hx-popup` does NOT trap focus. Consumers building dialogs or menus
+ *   MUST implement focus trapping and keyboard dismiss (Escape key) themselves.
+ * - **Visibility**: The popup is hidden via `display: none` (CSS) and the `inert` attribute
+ *   when inactive. Both are reliable accessibility-tree hiding mechanisms.
+ *
+ * @example
+ * ```html
+ * <!-- Tooltip pattern -->
+ * <hx-popup id="my-tooltip" placement="bottom" distance="8">
+ *   <button
+ *     slot="anchor"
+ *     aria-describedby="tooltip-content"
+ *     aria-expanded="false"
+ *     aria-controls="my-tooltip"
+ *   >
+ *     Trigger
+ *   </button>
+ *   <div id="tooltip-content" role="tooltip">Tooltip text</div>
+ * </hx-popup>
+ * ```
+ *
+ * ## Drupal Integration
+ *
+ * `hx-popup` is a JS utility — Twig provides markup only. No Drupal behavior file is
+ * required for basic usage, since the `anchor` slot and `active` attribute are sufficient.
+ *
+ * ```twig
+ * {# Basic Twig usage — prefer anchor slot in server-rendered contexts #}
+ * <hx-popup id="my-popup" placement="bottom" distance="8">
+ *   <button
+ *     slot="anchor"
+ *     aria-expanded="false"
+ *     aria-controls="popup-content"
+ *   >Open</button>
+ *   <div id="popup-content" role="dialog" aria-label="Popup content">...</div>
+ * </hx-popup>
+ * ```
+ *
+ * ```js
+ * // Drupal behavior for toggle interaction
+ * Drupal.behaviors.helixPopup = {
+ *   attach(context) {
+ *     context.querySelectorAll('hx-popup').forEach((popup) => {
+ *       const trigger = popup.querySelector('[slot="anchor"]');
+ *       if (!trigger) return;
+ *       trigger.addEventListener('click', () => {
+ *         popup.active = !popup.active;
+ *         trigger.setAttribute('aria-expanded', String(popup.active));
+ *       });
+ *     });
+ *   },
+ * };
+ * ```
+ *
+ * For Drupal-generated dynamic IDs, prefer the anchor **slot** over the `anchor` CSS selector
+ * attribute, since slot-based anchoring does not require knowing the element's ID at render time.
+ * If you must use the CSS selector form with dynamic IDs, pass the ID via a Twig variable:
+ * ```twig
+ * <hx-popup anchor="#{{ element['#id'] }}" placement="bottom">...</hx-popup>
+ * ```
+ */
+export declare class HelixPopup extends LitElement {
+    static styles: import('lit').CSSResult[];
+    private _anchorSlotEl;
+    private _cleanupAutoUpdate;
+    /**
+     * The reference element to anchor the popup to.
+     *
+     * - **Attribute form** (`anchor="#selector"`): Accepts a CSS selector string resolved via
+     *   `querySelector` from the component's root node. Use this in HTML/Twig markup.
+     * - **Property form** (`el.anchor = element`): Accepts an `Element` reference directly.
+     *   Setting an Element via JS property does NOT reflect to the attribute.
+     *
+     * If not set, the element in the `anchor` slot is used.
+     *
+     * @attr anchor
+     */
+    anchor: string | Element | null;
+    /**
+     * Preferred placement of the popup relative to the anchor.
+     * @attr placement
+     */
+    placement: PopupPlacement;
+    /**
+     * Whether the popup is visible.
+     * @attr active
+     */
+    active: boolean;
+    /**
+     * Gap in pixels between the popup and the anchor element.
+     * @attr distance
+     */
+    distance: number;
+    /**
+     * Offset in pixels along the anchor element's axis.
+     * @attr skidding
+     */
+    skidding: number;
+    /**
+     * Whether to show an arrow pointing to the anchor element.
+     * @attr arrow
+     */
+    arrow: boolean;
+    /**
+     * Manual placement of the arrow along the popup edge.
+     * When not set, floating-ui calculates the optimal position.
+     * @attr arrow-placement
+     */
+    arrowPlacement: ArrowPlacement | null;
+    /**
+     * Minimum padding in pixels from the popup edge to the arrow.
+     * @attr arrow-padding
+     */
+    arrowPadding: number;
+    /**
+     * When true, flips the popup to the opposite side to avoid overflow.
+     * @attr flip
+     */
+    flip: boolean;
+    /**
+     * Fallback placements to try when flipping. Accepts a JSON array string.
+     *
+     * @example
+     * ```html
+     * <!-- Try "top" then "left" before giving up -->
+     * <hx-popup flip flip-fallback-placements='["top","left"]'>...</hx-popup>
+     * ```
+     *
+     * @attr flip-fallback-placements
+     */
+    flipFallbackPlacements: PopupPlacement[];
+    /**
+     * When true, shifts the popup along the axis to remain in the viewport.
+     * @attr shift
+     */
+    shift: boolean;
+    /**
+     * When true, resizes the popup to fit within the viewport.
+     * Sets --hx-auto-size-available-width and --hx-auto-size-available-height CSS custom
+     * properties on `:host` so they cascade into shadow DOM and are readable from light DOM.
+     * @attr auto-size
+     */
+    autoSize: boolean;
+    /**
+     * Positioning strategy passed to floating-ui's `computePosition`.
+     *
+     * - `'fixed'` (default): works for most cases; positions relative to the viewport.
+     * - `'absolute'`: use inside `overflow: hidden` / scroll containers where the popup is
+     *   positioned relative to the nearest positioned ancestor instead of the viewport.
+     *
+     * @attr strategy
+     */
+    strategy: 'fixed' | 'absolute';
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string | symbol, unknown>): void;
+    private _getAnchorElement;
+    private _handleAnchorSlotChange;
+    private _startAutoUpdate;
+    private _stopAutoUpdate;
+    private _reposition;
+    private _positionArrow;
+    /**
+     * Forces the popup to recalculate its position.
+     */
+    reposition(): Promise<void>;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-popup': HelixPopup;
+    }
+}
+export {};
+//# sourceMappingURL=hx-popup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-popup.d.ts","sourceRoot":"","sources":["../../../src/components/hx-popup/hx-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAgBvC,KAAK,cAAc,GACf,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,CAAC;AAEX,KAAK,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAKjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAAmC;IAEzD,OAAO,CAAC,aAAa,CAAwB;IAC7C,OAAO,CAAC,kBAAkB,CAA6B;IAEvD;;;;;;;;;;;OAWG;IAEH,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IAEH,SAAS,EAAE,cAAc,CAAY;IAErC;;;OAGG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IAEH,KAAK,UAAS;IAEd;;;;OAIG;IAEH,cAAc,EAAE,cAAc,GAAG,IAAI,CAAQ;IAE7C;;;OAGG;IAEH,YAAY,SAAM;IAElB;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;;;;;;;;OAUG;IAiBH,sBAAsB,EAAE,cAAc,EAAE,CAAM;IAE9C;;;OAGG;IAEH,KAAK,UAAS;IAEd;;;;;OAKG;IAEH,QAAQ,UAAS;IAEjB;;;;;;;;OAQG;IAEH,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAW;IAIhC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0CxE,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,uBAAuB;IAW/B,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,eAAe;YAKT,WAAW;IAqEzB,OAAO,CAAC,cAAc;IAyCtB;;OAEG;IACG,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAMxB,MAAM;CAShB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { H as e } from "../../shared/hx-popup-5O6q0jf1.js";
+export {
+  e as HelixPopup
+};
+//# sourceMappingURL=index.js.map

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

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