@helixui/library 0.1.0

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

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

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

@@ -0,0 +1,173 @@
+import { LitElement } from 'lit';
+/**
+ * A form-associated select component with custom styling, label, error, and
+ * help text. Options are provided via slotted `<option>` (and `<optgroup>`)
+ * elements in the light DOM. The component wraps a hidden native `<select>`
+ * for form participation and provides a combobox trigger for consistent
+ * cross-browser styling.
+ *
+ * @remarks Multi-select is intentionally not supported. This component
+ * implements a single-value select (combobox) pattern only. For multi-value
+ * selection use a separate multi-select component.
+ *
+ * @remarks The listbox panel uses `position: absolute` and may be clipped by
+ * ancestor elements with `overflow: hidden` or `overflow: auto`. This is a
+ * known limitation when embedding the component inside cards, tables, or
+ * dialogs. Use the CSS custom property `--hx-select-listbox-shadow` or
+ * restructure the containing layout to avoid clipping.
+ *
+ * @summary Form-associated custom select with label, error, and help text.
+ *
+ * @tag hx-select
+ *
+ * @slot - Default slot for `<option>` and `<optgroup>` elements.
+ * @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-change - Dispatched when the selected option changes.
+ *
+ * @csspart field - The outer field container.
+ * @csspart label - The label element.
+ * @csspart select-wrapper - The wrapper containing the trigger and listbox.
+ * @csspart select - The hidden native select element (kept for form participation).
+ * @csspart trigger - The button that opens/closes the dropdown.
+ * @csspart listbox - The dropdown panel containing options.
+ * @csspart option - Individual option items in the listbox.
+ * @csspart help-text - The help text container.
+ * @csspart error - The error message container.
+ *
+ * @cssprop [--hx-select-bg=var(--hx-color-neutral-0)] - Select background color.
+ * @cssprop [--hx-select-color=var(--hx-color-neutral-800)] - Select text color.
+ * @cssprop [--hx-select-border-color=var(--hx-color-neutral-300)] - Select border color.
+ * @cssprop [--hx-select-border-radius=var(--hx-border-radius-md)] - Select border radius.
+ * @cssprop [--hx-select-font-family=var(--hx-font-family-sans)] - Select font family.
+ * @cssprop [--hx-select-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.
+ * @cssprop [--hx-select-error-color=var(--hx-color-error-500)] - Error state color.
+ * @cssprop [--hx-select-label-color=var(--hx-color-neutral-700)] - Label text color.
+ * @cssprop [--hx-select-chevron-color=var(--hx-color-neutral-500)] - Chevron indicator color.
+ * @cssprop [--hx-select-listbox-bg=var(--hx-color-neutral-0)] - Listbox panel background color.
+ * @cssprop [--hx-select-option-hover-bg=var(--hx-color-primary-50)] - Option hover background color.
+ * @cssprop [--hx-select-option-selected-bg=var(--hx-color-primary-100)] - Selected option background color.
+ * @cssprop [--hx-select-placeholder-color=var(--hx-color-neutral-400)] - Placeholder text color.
+ */
+export declare class HelixSelect extends LitElement {
+    static styles: import('lit').CSSResult[];
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    private _selectId;
+    private _listboxId;
+    private _labelId;
+    private _helpTextId;
+    private _errorId;
+    /**
+     * The visible label text for the select.
+     * @attr label
+     */
+    label: string;
+    /**
+     * Placeholder text shown in the trigger when no option is selected.
+     * @attr placeholder
+     */
+    placeholder: string;
+    /**
+     * The current value of the select.
+     * @attr value
+     */
+    value: string;
+    /**
+     * Whether the select is required for form submission.
+     * @attr required
+     */
+    required: boolean;
+    /**
+     * Whether the select 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 select for guidance.
+     * @attr help-text
+     */
+    helpText: string;
+    /**
+     * Size variant of the select trigger.
+     * @attr hx-size
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Accessible name for screen readers, if different from the visible label.
+     * @attr aria-label
+     */
+    ariaLabel: string | null;
+    /**
+     * Controls whether the dropdown listbox is open.
+     * @attr open
+     */
+    open: boolean;
+    private _options;
+    private _hasErrorSlot;
+    private _focusedOptionIndex;
+    private _select;
+    private _trigger;
+    private get _displayValue();
+    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 select 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, _mode: 'restore' | 'autocomplete'): void;
+    private _syncNativeSelect;
+    private _parseOption;
+    /**
+     * Single-pass slot handler: reads options into _options for the custom
+     * listbox AND clones them into the native <select> for form participation.
+     * Handles both top-level <option> and <optgroup> children.
+     */
+    private _handleSlotChange;
+    private _handleErrorSlotChange;
+    private _toggleDropdown;
+    private _handleKeydown;
+    private _selectOption;
+    private _dispatchChange;
+    private _handleNativeChange;
+    private _handleOutsideClick;
+    /** Moves focus to the visible trigger button. */
+    focus(options?: FocusOptions): void;
+    private _optionId;
+    private _renderOptions;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-select': HelixSelect;
+    }
+}
+export type { HelixSelect as HxSelect };
+/** @deprecated Use HxSelect instead */
+export type { HelixSelect as WcSelect };
+//# sourceMappingURL=hx-select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-select.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAkBhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAAoC;IAI1D,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,UAAU,CAAmB;;IASrC,OAAO,CAAC,SAAS,CAAuC;IACxD,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,QAAQ,CAA6B;IAI7C;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,WAAW,SAAM;IAEjB;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,IAAI,SAAM;IAEV;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,QAAQ,SAAM;IAEd;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAEM,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEzC;;;OAGG;IAEH,IAAI,UAAS;IAIJ,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,mBAAmB,CAAM;IAK1C,OAAO,CAAC,OAAO,CAAqB;IAGpC,OAAO,CAAC,QAAQ,CAAe;IAI/B,OAAO,KAAK,aAAa,GAIxB;IAIQ,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAkB/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,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,eAAe;IAYvB,yDAAyD;IACzD,iBAAiB,IAAI,IAAI;IAKzB,8EAA8E;IAC9E,wBAAwB,CACtB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,EAC/B,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IAQP,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,YAAY;IAIpB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IA8CzB,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,cAAc;IA2GtB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB,CAIzB;IAIF,iDAAiD;IACxC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAM5C,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,cAAc;IAgCb,MAAM;CAuIhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,WAAW,CAAC;KAC1B;CACF;AAED,YAAY,EAAE,WAAW,IAAI,QAAQ,EAAE,CAAC;AACxC,uCAAuC;AACvC,YAAY,EAAE,WAAW,IAAI,QAAQ,EAAE,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/hx-side-nav/hx-nav-item.d.ts

@@ -0,0 +1,69 @@
+import { LitElement } from 'lit';
+/**
+ * A navigation item for use inside hx-side-nav.
+ * Supports icons, badges, sub-navigation, and active/disabled states.
+ *
+ * @summary Navigation item for hx-side-nav with support for icons, badges, and nested children.
+ *
+ * @tag hx-nav-item
+ *
+ * @slot - Default slot for item label text.
+ * @slot icon - Icon to display before the label.
+ * @slot badge - Badge content (e.g., notification count).
+ * @slot children - Nested hx-nav-item children for sub-navigation.
+ *
+ * @csspart link - The anchor or button element.
+ * @csspart icon - The icon container.
+ * @csspart label - The label container.
+ * @csspart badge - The badge container.
+ * @csspart children - The children container.
+ *
+ * @cssprop [--hx-nav-item-color=var(--hx-color-neutral-300)] - Item text color.
+ * @cssprop [--hx-nav-item-hover-bg] - Item hover background.
+ * @cssprop [--hx-nav-item-hover-color=var(--hx-color-neutral-100)] - Item hover text color.
+ * @cssprop [--hx-nav-item-active-bg=var(--hx-color-primary-600)] - Active item background.
+ * @cssprop [--hx-nav-item-active-color=var(--hx-color-neutral-50)] - Active item text color.
+ * @cssprop [--hx-nav-item-padding] - Item padding.
+ * @cssprop [--hx-nav-item-host-bg=var(--hx-color-neutral-900)] - Component host background color.
+ */
+export declare class HelixNavItem extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * The URL this nav item links to.
+     * @attr href
+     */
+    href: string;
+    /**
+     * Whether this item is the current/active page.
+     * @attr active
+     */
+    active: boolean;
+    /**
+     * Whether the sub-navigation is expanded.
+     * @attr expanded
+     */
+    expanded: boolean;
+    /**
+     * Whether this nav item is disabled.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /** Whether the children slot has assigned nodes. Updated via slotchange. */
+    private _hasChildren;
+    /** Whether this item is in collapsed mode. Set externally by hx-side-nav via data-collapsed attribute. */
+    private _isCollapsed;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, old: string | null, value: string | null): void;
+    private _onChildrenSlotChange;
+    private _getDirectText;
+    private _handleToggle;
+    private _renderExpandArrow;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-nav-item': HelixNavItem;
+    }
+}
+export type { HelixNavItem as HxNavItem };
+//# sourceMappingURL=hx-nav-item.d.ts.map

package/dist/components/hx-side-nav/hx-nav-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-nav-item.d.ts","sourceRoot":"","sources":["../../../src/components/hx-side-nav/hx-nav-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAqC;IAI3D;;;OAGG;IAEH,IAAI,SAAM;IAEV;;;OAGG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,UAAS;IAIjB,4EAA4E;IACnE,OAAO,CAAC,YAAY,CAAS;IAEtC,0GAA0G;IACjG,OAAO,CAAC,YAAY,CAAS;IAItC,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAEQ,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAS/F,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,kBAAkB;IAYjB,MAAM;CAsDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,YAAY,CAAC;KAC7B;CACF;AAED,YAAY,EAAE,YAAY,IAAI,SAAS,EAAE,CAAC"}

package/dist/components/hx-side-nav/hx-nav-item.styles.d.ts

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

package/dist/components/hx-side-nav/hx-nav-item.styles.d.ts.map

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

package/dist/components/hx-side-nav/hx-side-nav.d.ts

@@ -0,0 +1,73 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * A collapsible left-side navigation panel with nested menu item support.
+ * Designed for clinical portals, admin dashboards, and department navigation.
+ *
+ * @summary Collapsible side navigation panel for enterprise healthcare applications.
+ *
+ * @tag hx-side-nav
+ *
+ * @slot - Default slot for hx-nav-item children.
+ * @slot header - Logo or branding content.
+ * @slot footer - User profile or settings content.
+ *
+ * @fires {CustomEvent<{ collapsed: boolean }>} hx-collapse - Dispatched when the nav collapses to icon-only mode.
+ * @fires {CustomEvent<{ collapsed: boolean }>} hx-expand - Dispatched when the nav expands to full width.
+ *
+ * @csspart nav - The outer nav element.
+ * @csspart header - The header section.
+ * @csspart body - The scrollable body section.
+ * @csspart footer - The footer section.
+ * @csspart toggle - The collapse/expand toggle button.
+ *
+ * @cssprop [--hx-side-nav-width=16rem] - Full expanded width.
+ * @cssprop [--hx-side-nav-collapsed-width=3.5rem] - Collapsed icon-only width.
+ * @cssprop [--hx-side-nav-bg=var(--hx-color-neutral-900)] - Background color.
+ * @cssprop [--hx-side-nav-color=var(--hx-color-neutral-100)] - Text color.
+ * @cssprop [--hx-side-nav-border-color=var(--hx-color-neutral-700)] - Border color.
+ * @cssprop [--hx-side-nav-header-padding=var(--hx-space-4)] - Header padding.
+ * @cssprop [--hx-side-nav-footer-padding=var(--hx-space-4)] - Footer padding.
+ * @cssprop [--hx-side-nav-toggle-color=var(--hx-color-neutral-400)] - Toggle button icon color.
+ */
+export declare class HelixSideNav extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * When true, the nav collapses to show icons only.
+     * @attr collapsed
+     */
+    collapsed: boolean;
+    /**
+     * The accessible label for the nav landmark.
+     * @attr label
+     */
+    label: string;
+    updated(changedProperties: PropertyValues): void;
+    /**
+     * Propagates the collapsed state to all slotted hx-nav-item children by
+     * setting or removing the `data-collapsed` attribute. This allows child
+     * items to respond to collapsed mode via their CSS selectors.
+     */
+    private _propagateCollapsedToChildren;
+    /**
+     * Handles the default slot's slotchange event so that if items are added
+     * after initial render, they immediately receive the correct collapsed state.
+     */
+    private _onDefaultSlotChange;
+    /**
+     * Implements roving tabindex-style ArrowUp/ArrowDown keyboard navigation
+     * among direct hx-nav-item children in the body slot. Disabled items are
+     * skipped. Focus is applied to the interactive element inside the shadow DOM
+     * of each item (anchor or button with part="link").
+     */
+    private _handleKeydown;
+    private _handleToggle;
+    private _renderToggleIcon;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-side-nav': HelixSideNav;
+    }
+}
+export type { HelixSideNav as HxSideNav };
+//# sourceMappingURL=hx-side-nav.d.ts.map

package/dist/components/hx-side-nav/hx-side-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-side-nav.d.ts","sourceRoot":"","sources":["../../../src/components/hx-side-nav/hx-side-nav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAqC;IAI3D;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,KAAK,SAAqB;IAIjB,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IASzD;;;;OAIG;IACH,OAAO,CAAC,6BAA6B;IAkBrC;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAM5B;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAgDtB,OAAO,CAAC,aAAa;IAgCrB,OAAO,CAAC,iBAAiB;IAQhB,MAAM;CA2BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,YAAY,CAAC;KAC7B;CACF;AAED,YAAY,EAAE,YAAY,IAAI,SAAS,EAAE,CAAC"}

package/dist/components/hx-side-nav/hx-side-nav.styles.d.ts

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

package/dist/components/hx-side-nav/hx-side-nav.styles.d.ts.map

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

package/dist/components/hx-side-nav/index.d.ts

@@ -0,0 +1,3 @@
+export { HelixSideNav } from './hx-side-nav.js';
+export { HelixNavItem } from './hx-nav-item.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hx-side-nav/index.d.ts.map

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

package/dist/components/hx-side-nav/index.js

@@ -0,0 +1,6 @@
+import { H as i, a as x } from "../../shared/hx-nav-item-CbNibLuK.js";
+export {
+  i as HelixNavItem,
+  x as HelixSideNav
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-side-nav/index.js.map

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

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

@@ -0,0 +1,76 @@
+import { LitElement } from 'lit';
+/**
+ * An animated placeholder used to indicate loading content.
+ * Purely decorative — hidden from assistive technology.
+ * Supports a `loaded` state that announces content availability to screen readers.
+ *
+ * @summary Animated shimmer placeholder for loading states.
+ *
+ * @tag hx-skeleton
+ *
+ * @csspart base - The inner skeleton element.
+ *
+ * @cssprop [--hx-skeleton-bg=var(--hx-color-neutral-200)] - Skeleton background color.
+ * @cssprop [--hx-skeleton-shimmer-color=rgba(255,255,255,0.4)] - Shimmer highlight color.
+ * @cssprop [--hx-skeleton-shimmer-width=200%] - Shimmer sweep width (background-size X axis).
+ * @cssprop [--hx-skeleton-duration=1.5s] - Shimmer animation duration.
+ * @cssprop [--hx-skeleton-text-radius=var(--hx-border-radius-full)] - Border radius for text variant.
+ * @cssprop [--hx-skeleton-rect-radius=var(--hx-border-radius-sm)] - Border radius for rect variant.
+ * @cssprop [--hx-skeleton-button-radius=var(--hx-border-radius-md)] - Border radius for button variant.
+ * @cssprop [--hx-skeleton-circle-radius=50%] - Border radius for circle variant.
+ *
+ * @fires hx-loaded - Dispatched when `loaded` transitions to `true`. Consumers should use
+ *   this event to update an external `aria-live` region announcing content availability.
+ */
+export declare class HelixSkeleton extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Shape variant of the skeleton placeholder.
+     * @attr variant
+     */
+    variant: 'text' | 'circle' | 'rect' | 'button' | 'paragraph';
+    /**
+     * CSS width of the skeleton. Accepts any valid CSS width value.
+     * @attr width
+     */
+    width: string;
+    /**
+     * CSS height of the skeleton. Accepts any valid CSS height value.
+     * Defaults vary by variant when not set.
+     * @attr height
+     */
+    height: string | undefined;
+    /**
+     * Whether the shimmer wave animation is active.
+     * Set to false to display a static skeleton.
+     * @attr animated
+     */
+    animated: boolean;
+    /**
+     * When true, hides the skeleton and dispatches an `hx-loaded` event.
+     * Consumers should pair this with an external `aria-live` region to
+     * announce loading completion to assistive technology users.
+     *
+     * @example
+     * ```html
+     * <div aria-live="polite" aria-atomic="true" id="status"></div>
+     * <hx-skeleton id="sk"></hx-skeleton>
+     * <script>
+     *   document.getElementById('sk').addEventListener('hx-loaded', () => {
+     *     document.getElementById('status').textContent = 'Content has loaded.';
+     *   });
+     * </script>
+     * ```
+     * @attr loaded
+     */
+    loaded: boolean;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string | symbol, unknown>): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-skeleton': HelixSkeleton;
+    }
+}
+//# sourceMappingURL=hx-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/hx-skeleton/hx-skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAsC;IAE5D;;;OAGG;IAEH,OAAO,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAU;IAEtE;;;OAGG;IAEH,KAAK,SAAU;IAEf;;;;OAIG;IAEH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;;OAIG;IAEH,QAAQ,UAAQ;IAEhB;;;;;;;;;;;;;;;;OAgBG;IAEH,MAAM,UAAS;IAIN,iBAAiB;IAQjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAcxD,MAAM;CA6BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,aAAa,CAAC;KAC9B;CACF"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { H as l } from "../../shared/hx-skeleton-DQQ2SYxF.js";
+export {
+  l as HelixSkeleton
+};
+//# sourceMappingURL=index.js.map

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

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