@helixui/library 0.1.0

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

@@ -0,0 +1,131 @@
+import { LitElement } from 'lit';
+type DrawerPlacement = 'start' | 'end' | 'top' | 'bottom';
+type DrawerSize = 'sm' | 'md' | 'lg' | 'full';
+/**
+ * A slide-in drawer panel that can appear from any edge of the viewport.
+ * Supports focus trapping, overlay backdrop, keyboard navigation, and full
+ * ARIA labelling for enterprise healthcare accessibility requirements.
+ *
+ * @summary Slide-in panel overlay from any viewport edge.
+ *
+ * @tag hx-drawer
+ *
+ * @slot label - The drawer title text.
+ * @slot header-actions - Action buttons displayed in the header near the close button.
+ * @slot - Default slot for the drawer body content.
+ * @slot footer - Action buttons or footer content.
+ *
+ * @fires {CustomEvent<void>} hx-show - Fired when the drawer begins to open.
+ * @fires {CustomEvent<void>} hx-after-show - Fired after the drawer open animation completes.
+ * @fires {CustomEvent<void>} hx-hide - Fired when the drawer begins to close.
+ * @fires {CustomEvent<void>} hx-after-hide - Fired after the drawer close animation completes.
+ * @fires {CustomEvent<void>} hx-initial-focus - Fired when initial focus is set inside the drawer. Cancelable to override focus behavior.
+ *
+ * @csspart overlay - The full-screen overlay container (includes backdrop and panel).
+ * @csspart panel - The drawer panel itself.
+ * @csspart header - The header region containing the title and actions.
+ * @csspart title - The drawer title element.
+ * @csspart close-button - The built-in close button.
+ * @csspart body - The scrollable body region.
+ * @csspart footer - The footer region.
+ *
+ * @attr [label] - Accessible label for the dialog when no visible label slot is provided.
+ *
+ * @cssprop [--hx-drawer-bg=var(--hx-color-neutral-0)] - Drawer panel background color.
+ * @cssprop [--hx-drawer-color=var(--hx-color-neutral-900)] - Drawer panel text color.
+ * @cssprop [--hx-drawer-shadow=var(--hx-shadow-xl)] - Drawer panel box shadow.
+ * @cssprop [--hx-drawer-backdrop-color=var(--hx-color-neutral-900)] - Backdrop color.
+ * @cssprop [--hx-drawer-backdrop-opacity=0.5] - Backdrop opacity.
+ * @cssprop [--hx-drawer-header-padding] - Padding inside the header.
+ * @cssprop [--hx-drawer-header-border-color=var(--hx-color-neutral-200)] - Header border color.
+ * @cssprop [--hx-drawer-title-color=var(--hx-color-neutral-900)] - Title text color.
+ * @cssprop [--hx-drawer-body-padding] - Padding inside the body.
+ * @cssprop [--hx-drawer-footer-padding] - Padding inside the footer.
+ * @cssprop [--hx-drawer-footer-border-color=var(--hx-color-neutral-200)] - Footer border color.
+ */
+export declare class HelixDrawer extends LitElement {
+    static styles: import('lit').CSSResult[];
+    private _overlayEl;
+    private _panelEl;
+    private _isOpen;
+    private _hasHeaderActionsSlot;
+    private _hasFooterSlot;
+    private _hasLabelSlot;
+    private _cachedFocusableElements;
+    private _triggerElement;
+    private _animationTimeout;
+    private _previousBodyOverflow;
+    private _siblingAriaHiddenElements;
+    private readonly _titleId;
+    /**
+     * Controls whether the drawer is open.
+     * @attr open
+     */
+    open: boolean;
+    /**
+     * Which edge of the viewport the drawer slides in from.
+     * @attr placement
+     */
+    placement: DrawerPlacement;
+    /**
+     * The size of the drawer panel. Use 'sm', 'md', 'lg', 'full', or any valid CSS length.
+     * @attr size
+     */
+    size: DrawerSize | string;
+    /**
+     * When true, the drawer is constrained to its positioned parent instead of the viewport.
+     * The host element must have `position: relative` (or the library handles it via :host).
+     * @attr contained
+     */
+    contained: boolean;
+    /**
+     * When true, the header (title, header-actions, close button) is hidden.
+     * @attr no-header
+     */
+    noHeader: boolean;
+    /**
+     * When true, the footer slot is hidden.
+     * @attr no-footer
+     */
+    noFooter: boolean;
+    /**
+     * Accessible label for the dialog when the `label` slot is not populated.
+     * When the `label` slot is used, `aria-labelledby` takes precedence.
+     * @attr label
+     */
+    label: string;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    /** Opens the drawer. */
+    show(): void;
+    /** Closes the drawer. */
+    hide(): void;
+    private _applySizeVar;
+    private _lockBodyScroll;
+    private _restoreBodyScroll;
+    private _openDrawer;
+    private _closeDrawer;
+    private _getAnimationDuration;
+    private _hideBackgroundFromScreenReaders;
+    private _restoreBackgroundForScreenReaders;
+    private _addListeners;
+    private _removeListeners;
+    private _handleKeyDown;
+    private _setInitialFocus;
+    private _getFocusableElements;
+    private _trapFocus;
+    private _handleOverlayClick;
+    private _handleHeaderActionsSlotChange;
+    private _handleFooterSlotChange;
+    private _handleLabelSlotChange;
+    private _renderHeader;
+    private _renderFooter;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-drawer': HelixDrawer;
+    }
+}
+export {};
+//# sourceMappingURL=hx-drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/hx-drawer/hx-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAUhD,KAAK,eAAe,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC1D,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAoB9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAAoC;IAK1D,OAAO,CAAC,UAAU,CAAsB;IAGxC,OAAO,CAAC,QAAQ,CAAsB;IAKtC,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,qBAAqB,CAAS;IAGtC,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,wBAAwB,CAAqB;IACrD,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,iBAAiB,CAA8C;IACvE,OAAO,CAAC,qBAAqB,CAAuB;IACpD,OAAO,CAAC,0BAA0B,CAAiB;IAEnD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6C;IAItE;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IAEH,SAAS,EAAE,eAAe,CAAS;IAEnC;;;OAGG;IAEH,IAAI,EAAE,UAAU,GAAG,MAAM,CAAQ;IAEjC;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,KAAK,SAAM;IAIF,oBAAoB,IAAI,IAAI;IAS5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAkB/D,wBAAwB;IACxB,IAAI,IAAI,IAAI;IAIZ,yBAAyB;IACzB,IAAI,IAAI,IAAI;IAMZ,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,WAAW;IAwCnB,OAAO,CAAC,YAAY;IA0BpB,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,gCAAgC;IAYxC,OAAO,CAAC,kCAAkC;IAS1C,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,cAAc,CAYpB;IAIF,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,qBAAqB;IA0B7B,OAAO,CAAC,UAAU;IAmClB,OAAO,CAAC,mBAAmB,CAMzB;IAIF,OAAO,CAAC,8BAA8B;IAKtC,OAAO,CAAC,uBAAuB;IAK/B,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,aAAa;IAgDrB,OAAO,CAAC,aAAa;IAYZ,MAAM;CAiChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,WAAW,CAAC;KAC1B;CACF"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { H as a } from "../../shared/hx-drawer-CESgUmre.js";
+export {
+  a as HelixDrawer
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,89 @@
+import { LitElement } from 'lit';
+export type DropdownPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'start' | 'end';
+/**
+ * A dropdown component — a button that opens a floating panel on click.
+ *
+ * @summary Button that opens a floating menu panel on click.
+ *
+ * @tag hx-dropdown
+ *
+ * @slot trigger - The element that opens the dropdown (e.g. hx-button).
+ * @slot - Default slot for dropdown panel content (e.g. menu items).
+ *
+ * @fires {CustomEvent<void>} hx-show - Dispatched when the dropdown is opened.
+ * @fires {CustomEvent<void>} hx-hide - Dispatched when the dropdown is closed.
+ * @fires {CustomEvent<{value: string | null; label: string}>} hx-select - Dispatched when a menu item is selected.
+ *
+ * @csspart trigger - The trigger wrapper element.
+ * @csspart panel - The floating panel element.
+ *
+ * @cssprop [--hx-dropdown-panel-bg=var(--hx-color-neutral-0)] - Panel background color.
+ * @cssprop [--hx-dropdown-panel-border-color=var(--hx-color-neutral-200)] - Panel border color.
+ * @cssprop [--hx-dropdown-panel-border-radius=var(--hx-border-radius-md)] - Panel border radius.
+ * @cssprop [--hx-dropdown-panel-shadow=0 4px 16px rgba(0,0,0,0.12)] - Panel box shadow.
+ * @cssprop [--hx-dropdown-panel-z-index=1000] - Panel z-index.
+ * @cssprop [--hx-dropdown-panel-min-width=160px] - Panel minimum width.
+ *
+ * @example
+ * ```html
+ * <hx-dropdown>
+ *   <button slot="trigger">Open Menu</button>
+ *   <ul>
+ *     <li data-value="edit">Edit</li>
+ *     <li data-value="delete">Delete</li>
+ *   </ul>
+ * </hx-dropdown>
+ * ```
+ */
+export declare class HelixDropdown extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Whether the dropdown panel is open.
+     * @attr open
+     */
+    open: boolean;
+    /**
+     * Preferred placement of the panel relative to the trigger.
+     * @attr placement
+     */
+    placement: DropdownPlacement;
+    /**
+     * Whether the dropdown is disabled. Prevents opening.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * Gap in pixels between the trigger and the panel.
+     * @attr distance
+     */
+    distance: number;
+    private _panelVisible;
+    private static _instanceCounter;
+    private _panelId;
+    private _panel;
+    private _triggerWrapper;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _show;
+    private _hide;
+    private _updatePosition;
+    private _handleTriggerClick;
+    private _handleTriggerKeydown;
+    private _handleKeydown;
+    private _handleMenuNavigation;
+    private _getFocusableMenuItems;
+    private _getFirstFocusableItem;
+    private _handleOutsideClick;
+    private _handlePanelClick;
+    render(): import('lit-html').TemplateResult<1>;
+    private _onTriggerSlotChange;
+    firstUpdated(): void;
+    private _setupTriggerAria;
+    updated(changedProperties: Map<string, unknown>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-dropdown': HelixDropdown;
+    }
+}
+//# sourceMappingURL=hx-dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/hx-dropdown/hx-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAavC,MAAM,MAAM,iBAAiB,GACzB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,OAAO,GACP,KAAK,CAAC;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAsC;IAI5D;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IAEH,SAAS,EAAE,iBAAiB,CAAkB;IAE9C;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,SAAK;IAIJ,OAAO,CAAC,aAAa,CAAS;IAGvC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAK;IACpC,OAAO,CAAC,QAAQ,CAA2D;IAElD,OAAO,CAAC,MAAM,CAAe;IAC3B,OAAO,CAAC,eAAe,CAAe;IAIxD,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;YAQvB,KAAK;IAqBnB,OAAO,CAAC,KAAK;YAeC,eAAe;IAwB7B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,qBAAqB;IAkB7B,OAAO,CAAC,sBAAsB;IAkB9B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,iBAAiB;IAsBhB,MAAM;IAwBf,OAAO,CAAC,oBAAoB;IAInB,YAAY,IAAI,IAAI;IAI7B,OAAO,CAAC,iBAAiB;IAahB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CAUhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,aAAa,CAAC;KAC9B;CACF"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { H as e } from "../../shared/hx-dropdown-AZLF-5t6.js";
+export {
+  e as HelixDropdown
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,141 @@
+import { LitElement } from 'lit';
+/**
+ * Layout wrapper providing consistent label + input + help text + validation
+ * message structure for any form control. Use this when wrapping non-HELiX
+ * form controls or native HTML elements in the HELiX form field pattern.
+ *
+ * This component is NOT form-associated — it is a pure visual layout wrapper.
+ *
+ * **Light DOM side effect:** This component injects a visually-hidden `<span>`
+ * into its light DOM children for ARIA describedby linkage across the shadow
+ * DOM boundary. This span has `id="${fieldId}-desc"` and is removed on
+ * `disconnectedCallback`. This is an intentional, documented accessibility
+ * mechanism.
+ *
+ * @summary Layout wrapper for label, control, help text, and error message.
+ *
+ * @tag hx-field
+ *
+ * @slot - The form control element (native or custom).
+ * @slot label - Custom label content (overrides the label property).
+ * @slot help - Custom help text content (overrides the helpText property).
+ * @slot error - Custom error content (overrides the error property).
+ * @slot description - Additional descriptive content above the control.
+ *
+ * @csspart field - The outer field container.
+ * @csspart label - The label element.
+ * @csspart control - The wrapper around slotted content.
+ * @csspart help-text - The help text container.
+ * @csspart error-message - The error message container.
+ * @csspart required-indicator - The required asterisk span.
+ *
+ * @cssprop [--hx-field-label-color=var(--hx-color-neutral-700)] - Label color.
+ * @cssprop [--hx-field-error-color=var(--hx-color-error-500)] - Error color.
+ * @cssprop [--hx-field-font-family=var(--hx-font-family-sans)] - Font family.
+ * @cssprop [--hx-field-gap=var(--hx-space-1, 0.25rem)] - Gap between field segments.
+ * @cssprop [--hx-field-help-text-color=var(--hx-color-neutral-500)] - Help text color.
+ */
+export declare class HelixField extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * The visible label text for the field.
+     * @attr label
+     */
+    label: string;
+    /**
+     * Whether the field is required. Shows a required indicator on the label.
+     * @attr required
+     */
+    required: boolean;
+    /**
+     * Error message to display. When set, the field enters an error state.
+     * @attr error
+     */
+    error: string;
+    /**
+     * Help text displayed below the control for guidance.
+     * @attr help-text
+     */
+    helpText: string;
+    /**
+     * Visual disabled state applied via opacity. Does not affect slotted control
+     * interactivity — set disabled on the slotted control directly.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * Size variant controlling label and help text font sizes.
+     * @attr hx-size
+     */
+    hxSize: 'sm' | 'md' | 'lg';
+    /**
+     * Layout variant. 'column' stacks label above control; 'inline' places them side-by-side.
+     * @attr layout
+     */
+    layout: 'column' | 'inline';
+    private _hasLabelSlot;
+    private _hasErrorSlot;
+    private _hasHelpSlot;
+    private _handleLabelSlotChange;
+    private _handleErrorSlotChange;
+    private _handleHelpSlotChange;
+    private _fieldId;
+    private _helpTextId;
+    private _errorId;
+    private _a11yDescId;
+    /**
+     * The first form control in the default slot. We set aria attributes on this
+     * element to bridge the shadow DOM accessibility boundary.
+     */
+    private _slottedControl;
+    /**
+     * A visually-hidden span injected into the host's light DOM (assigned to the
+     * default slot). Because it lives in the same document as the slotted input,
+     * `aria-describedby` can reference its ID without cross-shadow-root IDREF
+     * limitations.
+     *
+     * **Documented side effect:** This element is intentionally injected into the
+     * component's light DOM children. It is invisible to users but present in the
+     * accessibility tree. It is removed in `disconnectedCallback`. Consumers
+     * should not remove or modify this span (identifiable by its `id` ending in
+     * `-desc`).
+     */
+    private _a11yDescEl;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProps: Map<string, unknown>): void;
+    /** Creates a visually-hidden span in light DOM used as the ARIA description anchor. */
+    private _ensureA11yDescEl;
+    /** Keeps the light-DOM description span in sync with the current error/help text. */
+    private _syncA11yDescEl;
+    /** Tracks the first form control assigned to the default slot. */
+    private _handleDefaultSlotChange;
+    /**
+     * Focuses the slotted form control when the shadow DOM label is clicked.
+     * The shadow `<label>` cannot use `for`/`id` to link to a slotted input
+     * across the shadow boundary, so we handle focus programmatically.
+     */
+    private _handleLabelClick;
+    /**
+     * Applies ARIA attributes to the slotted form control, bridging the
+     * shadow DOM accessibility boundary.
+     *
+     * - aria-label: associates the field label with the control
+     * - aria-required: communicates required state to AT
+     * - aria-invalid: communicates error state to AT
+     * - aria-describedby: points to the light-DOM description span
+     *
+     * **Skip conditions:**
+     * - `HX-*` elements manage their own ARIA attributes; bridging is skipped.
+     * - Elements with `data-aria-managed` attribute opt out of ARIA mutation;
+     *   bridging is skipped entirely for those elements.
+     */
+    private _syncSlottedControl;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-field': HelixField;
+    }
+}
+//# sourceMappingURL=hx-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-field.d.ts","sourceRoot":"","sources":["../../../src/components/hx-field/hx-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAchD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAAmC;IAIzD;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,QAAQ,SAAM;IAEd;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAElC;;;OAGG;IAEH,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAY;IAI9B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAS;IAEtC,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,QAAQ,CAAiD;IACjE,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,WAAW,CAA2B;IAI9C;;;OAGG;IACH,OAAO,CAAC,eAAe,CAA4B;IAEnD;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,WAAW,CAA4B;IAEtC,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAc5B,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiB1D,uFAAuF;IACvF,OAAO,CAAC,iBAAiB;IAWzB,qFAAqF;IACrF,OAAO,CAAC,eAAe;IAYvB,kEAAkE;IAClE,OAAO,CAAC,wBAAwB;IAOhC;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,mBAAmB;IA4ClB,MAAM;CAwEhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/hx-field-label/hx-field-label.d.ts

@@ -0,0 +1,58 @@
+import { LitElement } from 'lit';
+/**
+ * Standardized label for form fields. Used as a consistent sub-component
+ * for hx-field and other form field components.
+ *
+ * When the `for` attribute is set, renders a native `<label for="...">` element.
+ * **Note:** Due to the shadow DOM boundary, this label association only works
+ * when the associated input is in the **same shadow root**. For inputs in
+ * light DOM (the typical consumer deployment), use `aria-labelledby` pointing
+ * to the host element's `id` instead of the `for` attribute.
+ *
+ * When `for` is unset, renders a `<span>` that can be referenced via
+ * `aria-labelledby` for labeling controls in a shadow DOM boundary.
+ *
+ * @summary Standardized label for form fields.
+ *
+ * @tag hx-field-label
+ *
+ * @slot - Label text content.
+ * @slot required-indicator - Custom required marker (defaults to "*").
+ *
+ * @csspart base - The label or span element.
+ * @csspart required-indicator - The required indicator wrapper.
+ * @csspart optional-indicator - The optional text indicator.
+ *
+ * @cssprop [--hx-field-label-color=var(--hx-color-neutral-700)] - Label text color.
+ * @cssprop [--hx-field-label-required-color=var(--hx-color-danger, var(--hx-color-error-500, #ef4444))] - Required indicator color.
+ * @cssprop [--hx-font-label-size=var(--hx-font-size-sm)] - Label font size.
+ * @cssprop [--hx-font-label-weight=var(--hx-font-weight-medium)] - Label font weight.
+ * @cssprop [--hx-font-label-line-height=var(--hx-line-height-normal)] - Label line height.
+ * @cssprop [--hx-font-label-family=var(--hx-font-family-sans)] - Label font family.
+ */
+export declare class HelixFieldLabel extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * The ID of the associated form control. When set, renders a native
+     * `<label for="...">` element for direct label association.
+     * @attr for
+     */
+    for: string;
+    /**
+     * Whether the associated field is required. Shows a required indicator (*).
+     * @attr required
+     */
+    required: boolean;
+    /**
+     * Whether the associated field is optional. Shows "(optional)" text.
+     * @attr optional
+     */
+    optional: boolean;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-field-label': HelixFieldLabel;
+    }
+}
+//# sourceMappingURL=hx-field-label.d.ts.map

package/dist/components/hx-field-label/hx-field-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-field-label.d.ts","sourceRoot":"","sources":["../../../src/components/hx-field-label/hx-field-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAAwC;IAE9D;;;;OAIG;IAEH,GAAG,SAAM;IAET;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,UAAS;IAER,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,eAAe,CAAC;KACnC;CACF"}

package/dist/components/hx-field-label/hx-field-label.styles.d.ts

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

package/dist/components/hx-field-label/hx-field-label.styles.d.ts.map

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

package/dist/components/hx-field-label/index.d.ts

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

package/dist/components/hx-field-label/index.d.ts.map

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

package/dist/components/hx-field-label/index.js

@@ -0,0 +1,5 @@
+import { H as a } from "../../shared/hx-field-label-CPBvSn_r.js";
+export {
+  a as HelixFieldLabel
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-field-label/index.js.map

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