@helixui/library 0.1.0

package/dist/components/hx-text-input/hx-text-input.styles.d.ts

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

package/dist/components/hx-text-input/hx-text-input.styles.d.ts.map

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

package/dist/components/hx-text-input/index.d.ts

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

package/dist/components/hx-text-input/index.d.ts.map

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

package/dist/components/hx-text-input/index.js

@@ -0,0 +1,5 @@
+import { H as x } from "../../shared/hx-text-input-Dv458950.js";
+export {
+  x as HelixTextInput
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,169 @@
+import { LitElement } from 'lit';
+/**
+ * A multi-line text area component with label, validation, and form association.
+ *
+ * Uses `aria-invalid` to convey error state and `aria-describedby` to link
+ * error/help text to the textarea. Label association is handled through
+ * `aria-labelledby` (for slotted labels) or the standard `<label for>` pattern.
+ * Supports `aria-label` for cases where a visible label is not present.
+ * Validation errors are announced via `role="alert"` (assertive live region).
+ *
+ * @summary Form-associated textarea with built-in label, error, help text, character counter, and auto-resize.
+ *
+ * @tag hx-textarea
+ *
+ * @slot label - Custom label content (overrides the label property). Use for Drupal Form API rendered labels.
+ * @slot help-text - Custom help text content (overrides the helpText property).
+ * @slot error - Custom error content (overrides the error property). Use for Drupal Form API rendered errors.
+ *
+ * @fires {CustomEvent<{value: string}>} hx-input - Dispatched on every keystroke as the user types.
+ * @fires {CustomEvent<{value: string}>} hx-change - Dispatched when the textarea loses focus after its value changed.
+ *
+ * @csspart field - The outer field container.
+ * @csspart label - The label element.
+ * @csspart textarea-wrapper - The wrapper around the textarea.
+ * @csspart textarea - The native textarea element.
+ * @csspart counter - The character count display.
+ * @csspart help-text - The help text container.
+ * @csspart error - The error message container.
+ *
+ * @cssprop [--hx-input-bg=var(--hx-color-neutral-0)] - Input background color.
+ * @cssprop [--hx-input-color=var(--hx-color-neutral-800)] - Input text color.
+ * @cssprop [--hx-input-border-color=var(--hx-color-neutral-300)] - Input border color.
+ * @cssprop [--hx-input-border-radius=var(--hx-border-radius-md)] - Input border radius.
+ * @cssprop [--hx-input-font-family=var(--hx-font-family-sans)] - Input font family.
+ * @cssprop [--hx-input-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.
+ * @cssprop [--hx-input-error-color=var(--hx-color-error-500)] - Error state color.
+ * @cssprop [--hx-input-label-color=var(--hx-color-neutral-700)] - Label text color.
+ * @cssprop [--hx-textarea-min-height=var(--hx-size-20, 5rem)] - Minimum textarea height.
+ */
+export declare class HelixTextarea extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /** Enables the element to participate in form submission and validation. */
+    static formAssociated: boolean;
+    /** ElementInternals instance for form association, validation, and ARIA. */
+    private _internals;
+    constructor();
+    /**
+     * The visible label text for the textarea.
+     * @attr label
+     */
+    label: string;
+    /**
+     * Placeholder text shown when the textarea is empty.
+     * @attr placeholder
+     */
+    placeholder: string;
+    /**
+     * The current value of the textarea.
+     * @attr value
+     */
+    value: string;
+    /**
+     * Whether the textarea is required for form submission.
+     * @attr required
+     */
+    required: boolean;
+    /**
+     * Whether the textarea is disabled.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * Error message to display. When set, the textarea enters an error state.
+     * @attr error
+     */
+    error: string;
+    /**
+     * Help text displayed below the textarea for guidance.
+     * @attr help-text
+     */
+    helpText: string;
+    /**
+     * The name of the textarea, used for form submission.
+     * @attr name
+     */
+    name: string;
+    /**
+     * The number of visible text rows.
+     * @attr rows
+     */
+    rows: number;
+    /**
+     * Maximum number of characters allowed.
+     * @attr maxlength
+     */
+    maxlength: number | undefined;
+    /**
+     * Controls how the textarea can be resized. Use 'auto' for auto-grow behavior.
+     * @attr resize
+     */
+    resize: 'none' | 'vertical' | 'both' | 'auto';
+    /**
+     * Whether to show a character count below the textarea.
+     * @attr show-count
+     */
+    showCount: boolean;
+    /**
+     * Accessible name for screen readers, if different from the visible label.
+     * @attr aria-label
+     */
+    ariaLabel: string | null;
+    /** @internal */
+    private _textarea;
+    /** @internal */
+    private _hasLabelSlot;
+    /** @internal */
+    private _hasErrorSlot;
+    /** @internal */
+    private _hasHelpTextSlot;
+    /** @internal */
+    private _handleLabelSlotChange;
+    /** @internal */
+    private _handleErrorSlotChange;
+    /** @internal */
+    private _handleHelpTextSlotChange;
+    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 textarea satisfies its constraints. */
+    checkValidity(): boolean;
+    /** Reports validity and shows the browser's constraint validation UI. */
+    reportValidity(): boolean;
+    /** @internal */
+    private _updateValidity;
+    /** Called by the browser when the owning form is reset. */
+    formResetCallback(): void;
+    /** Called by the browser to restore form state (e.g., back/forward navigation). */
+    formStateRestoreCallback(state: string): void;
+    /** @internal */
+    private _handleInput;
+    /** @internal */
+    private _handleChange;
+    /** Moves focus to the textarea element. */
+    focus(options?: FocusOptions): void;
+    /** Selects all text in the textarea. */
+    select(): void;
+    /** @internal */
+    private _textareaId;
+    /** @internal */
+    private _helpTextId;
+    /** @internal */
+    private _errorId;
+    /** @internal */
+    private _counterId;
+    /** @internal */
+    private _renderCounter;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-textarea': HelixTextarea;
+    }
+}
+export type WcTextarea = HelixTextarea;
+//# sourceMappingURL=hx-textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-textarea.d.ts","sourceRoot":"","sources":["../../../src/components/hx-textarea/hx-textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAWhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAsC;IAI5D,4EAA4E;IAC5E,MAAM,CAAC,cAAc,UAAQ;IAE7B,4EAA4E;IAC5E,OAAO,CAAC,UAAU,CAAmB;;IASrC;;;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,KAAK,SAAM;IAEX;;;OAGG;IAEH,QAAQ,SAAM;IAEd;;;OAGG;IAEH,IAAI,SAAM;IAEV;;;OAGG;IAEH,IAAI,SAAK;IAET;;;OAGG;IAEH,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9B;;;OAGG;IAEH,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAc;IAE3D;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEM,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAIzC,gBAAgB;IAEhB,OAAO,CAAC,SAAS,CAAmC;IAIpD,gBAAgB;IACP,OAAO,CAAC,aAAa,CAAS;IACvC,gBAAgB;IACP,OAAO,CAAC,aAAa,CAAS;IACvC,gBAAgB;IACP,OAAO,CAAC,gBAAgB,CAAS;IAE1C,gBAAgB;IAChB,OAAO,CAAC,sBAAsB;IAW9B,gBAAgB;IAChB,OAAO,CAAC,sBAAsB;IAK9B,gBAAgB;IAChB,OAAO,CAAC,yBAAyB;IAOxB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAgB/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,6DAA6D;IAC7D,aAAa,IAAI,OAAO;IAIxB,yEAAyE;IACzE,cAAc,IAAI,OAAO;IAIzB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAmBvB,2DAA2D;IAC3D,iBAAiB,IAAI,IAAI;IAKzB,mFAAmF;IACnF,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM7C,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAuBpB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAqBrB,2CAA2C;IAClC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAI5C,wCAAwC;IACxC,MAAM,IAAI,IAAI;IAMd,gBAAgB;IAChB,OAAO,CAAC,WAAW,CAA2C;IAC9D,gBAAgB;IAChB,OAAO,CAAC,WAAW,CAA8B;IACjD,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAA+B;IAC/C,gBAAgB;IAChB,OAAO,CAAC,UAAU,CAAiC;IAEnD,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAab,MAAM;CAgFhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,aAAa,CAAC;KAC9B;CACF;AAED,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,108 @@
+import { LitElement, PropertyValues } from 'lit';
+export type { TokenDefinition, TokenEntry } from '@helixui/tokens';
+/**
+ * Supported theme names.
+ *
+ * Three-tier token cascade applied by this component:
+ * - **Primitive tier** (`--hx-color-primary-500`, `--hx-space-4`, etc.) — raw values, always injected
+ * - **Semantic tier** (`--hx-color-text-primary`, `--hx-color-surface-default`, etc.) — theme-sensitive,
+ *   override primitives for dark / high-contrast themes
+ * - **Component tier** (`--hx-button-bg`, `--hx-card-padding`, etc.) — set by individual components,
+ *   consumed via semantic fallbacks; not managed by `hx-theme` directly
+ *
+ * Consumers should override at the semantic tier to respect theme scoping.
+ */
+export type ThemeName = 'light' | 'dark' | 'high-contrast' | 'auto';
+/**
+ * A theme provider that injects CSS custom property tokens for a named theme
+ * onto a scoped root element. Wrapping content with this component scopes
+ * all `--hx-*` design tokens to the selected theme.
+ *
+ * This is a pure infrastructure component with `display: contents` — it does
+ * not affect layout. Use it to apply a theme to a subtree of components.
+ *
+ * Supported themes:
+ * - `"light"` — standard light-mode token set (default)
+ * - `"dark"` — dark-mode semantic overrides applied on top of light primitives
+ * - `"high-contrast"` — WCAG 7:1+ contrast token set for low-vision accessibility
+ * - `"auto"` — follows the OS `prefers-color-scheme` media query (light or dark)
+ *
+ * @summary Injects --hx-* design tokens for the specified theme scope.
+ *
+ * @tag hx-theme
+ *
+ * @slot - Default slot for themed content.
+ *
+ * @csspart base - The inner slot wrapper element. `display: contents` — no layout effect.
+ *
+ * @cssprop [--hx-*] - All design tokens for the selected theme are injected
+ *   as CSS custom properties on the host element.
+ *
+ * @example Drupal Twig — wrap a region with a dark theme:
+ * ```twig
+ * <hx-theme theme="dark">
+ *   {{ content }}
+ * </hx-theme>
+ * ```
+ *
+ * @example Nested scoping — dark sidebar inside a light page:
+ * ```html
+ * <hx-theme theme="light">
+ *   <main>...</main>
+ *   <hx-theme theme="dark">
+ *     <aside>...</aside>
+ *   </hx-theme>
+ * </hx-theme>
+ * ```
+ */
+export declare class HelixTheme extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * The theme to apply. Determines which set of --hx-* tokens are injected.
+     * - `"light"` (default): standard light-mode tokens
+     * - `"dark"`: dark-mode semantic overrides applied on top of light primitives
+     * - `"high-contrast"`: WCAG 7:1+ contrast tokens for low-vision users
+     * - `"auto"`: follows OS `prefers-color-scheme`; resolves to `"light"` or `"dark"` at runtime
+     * @attr theme
+     */
+    theme: ThemeName;
+    /**
+     * @deprecated Use `theme="auto"` instead.
+     * When true, auto-detects the preferred color scheme via the
+     * `prefers-color-scheme` media query, overriding the `theme` prop.
+     * @attr system
+     */
+    system: boolean;
+    /** @internal */
+    private _mediaQuery;
+    /** @internal */
+    private _mediaHandler;
+    /** @internal */
+    private _themeSheet;
+    firstUpdated(changed: PropertyValues): void;
+    updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    /**
+     * Returns the currently active theme name.
+     * When `system=true` or `theme="auto"`, reflects the OS preference (`"light"` or `"dark"`).
+     * Otherwise returns the `theme` property value.
+     */
+    get effectiveTheme(): ThemeName;
+    /** @internal */
+    private _initThemeSheet;
+    /** @internal */
+    private _attachMediaQuery;
+    /** @internal */
+    private _detachMediaQuery;
+    /** @internal — notifies AT users when system theme changes programmatically */
+    private _announceThemeChange;
+    /** @internal */
+    private _applyEffectiveTheme;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-theme': HelixTheme;
+    }
+}
+//# sourceMappingURL=hx-theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hx-theme.d.ts","sourceRoot":"","sources":["../../../src/components/hx-theme/hx-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,eAAe,GAAG,MAAM,CAAC;AAuFpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAAsB;IAE5C;;;;;;;OAOG;IAEH,KAAK,EAAE,SAAS,CAAW;IAE3B;;;;;OAKG;IAEH,MAAM,UAAS;IAEf,gBAAgB;IAChB,OAAO,CAAC,WAAW,CAA+B;IAClD,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAA6B;IAClD,gBAAgB;IAChB,OAAO,CAAC,WAAW,CAA8B;IAExC,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQ3C,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,oBAAoB,IAAI,IAAI;IAKrC;;;;OAIG;IACH,IAAI,cAAc,IAAI,SAAS,CAM9B;IAED,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAWvB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAUzB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAQzB,+EAA+E;IAC/E,OAAO,CAAC,oBAAoB;IAO5B,gBAAgB;IAChB,OAAO,CAAC,oBAAoB;IAKnB,MAAM;CAQhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { HelixTheme } from './hx-theme.js';
+export type { ThemeName, TokenDefinition, TokenEntry } from './hx-theme.js';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,153 @@
+import { LitElement } from 'lit';
+/**
+ * A time-picker component with a combobox pattern: a text input with format
+ * masking and a dropdown listbox of pre-generated time slots.
+ *
+ * @summary Form-associated time picker with 12h/24h format support and dropdown listbox.
+ *
+ * @tag hx-time-picker
+ *
+ * @slot label - Custom label content; overrides the rendered label element when used.
+ * @slot help - Help text displayed below the field.
+ * @slot error - Custom error content; overrides the `error` property.
+ *
+ * @fires {CustomEvent<{value: string}>} hx-change - Dispatched when the selected time changes. Detail value is HH:MM (24h).
+ *
+ * @csspart label - The label element.
+ * @csspart input - The text input element.
+ * @csspart toggle - The clock icon toggle button.
+ * @csspart listbox - The dropdown `<ul>` element.
+ * @csspart option - Each `<li>` option in the listbox.
+ *
+ * @cssprop [--hx-time-picker-bg=var(--hx-color-neutral-0)] - Input background color.
+ * @cssprop [--hx-time-picker-color=var(--hx-color-neutral-800)] - Input text color.
+ * @cssprop [--hx-time-picker-border-color=var(--hx-color-neutral-300)] - Border color.
+ * @cssprop [--hx-time-picker-border-radius=var(--hx-border-radius-md)] - Border radius.
+ * @cssprop [--hx-time-picker-font-family=var(--hx-font-family-sans)] - Font family.
+ * @cssprop [--hx-time-picker-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.
+ * @cssprop [--hx-time-picker-error-color=var(--hx-color-error-500)] - Error state color.
+ * @cssprop [--hx-time-picker-label-color=var(--hx-color-neutral-700)] - Label text color.
+ * @cssprop [--hx-time-picker-chevron-color=var(--hx-color-neutral-500)] - Toggle chevron color.
+ * @cssprop [--hx-time-picker-listbox-bg=var(--hx-color-neutral-0)] - Listbox background.
+ * @cssprop [--hx-time-picker-listbox-max-height=16rem] - Maximum height of the dropdown.
+ * @cssprop [--hx-time-picker-listbox-shadow=0 4px 16px color-mix(in srgb, var(--hx-color-neutral-900) 12%, transparent)] - Box shadow for the dropdown listbox.
+ * @cssprop [--hx-time-picker-option-color=var(--hx-color-neutral-800)] - Option text color.
+ * @cssprop [--hx-time-picker-option-hover-bg=var(--hx-color-primary-50)] - Option hover background.
+ * @cssprop [--hx-time-picker-option-hover-color=var(--hx-color-primary-700)] - Option hover text color.
+ * @cssprop [--hx-time-picker-option-selected-bg=var(--hx-color-primary-100)] - Selected option background.
+ * @cssprop [--hx-time-picker-option-selected-color=var(--hx-color-primary-800)] - Selected option text color.
+ */
+export declare class HelixTimePicker extends LitElement {
+    static styles: import('lit').CSSResult[];
+    static formAssociated: boolean;
+    private readonly _internals;
+    constructor();
+    /**
+     * The name submitted with the form. Value is always HH:MM (24-hour).
+     * @attr name
+     */
+    name: string;
+    /**
+     * The current value in HH:MM (24-hour) format.
+     * @attr value
+     */
+    value: string;
+    /**
+     * The earliest selectable time in HH:MM format.
+     * @attr min
+     */
+    min: string;
+    /**
+     * The latest selectable time in HH:MM format.
+     * @attr max
+     */
+    max: string;
+    /**
+     * Step interval between dropdown options, in minutes. Defaults to 30.
+     * @attr step
+     */
+    step: number;
+    /**
+     * The visible label text for the field.
+     * @attr label
+     */
+    label: string;
+    /**
+     * Whether the field is required for form submission.
+     * @attr required
+     */
+    required: boolean;
+    /**
+     * Whether the field is disabled.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * Error message to display. When set, the field enters an error state.
+     * @attr error
+     */
+    error: string;
+    /**
+     * Display format for the time input. '12h' shows AM/PM; '24h' is bare HH:MM.
+     * @attr format
+     */
+    format: '12h' | '24h';
+    private _open;
+    private _activeIndex;
+    private _inputDisplayValue;
+    private _hasLabelSlot;
+    private _hasErrorSlot;
+    private _slottedLabelId;
+    private static _instanceCount;
+    private readonly _id;
+    private readonly _listboxId;
+    private readonly _errorId;
+    private readonly _helpId;
+    private _inputEl;
+    private _listboxEl;
+    private _cachedSlots;
+    private _slotsKey;
+    private get _slots();
+    private readonly _handleOutsideClick;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: Map<string, unknown>): void;
+    updated(changed: 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 field satisfies its constraints. */
+    checkValidity(): boolean;
+    /** Reports validity and shows the browser's constraint validation UI. */
+    reportValidity(): boolean;
+    private _updateValidity;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData, _mode?: 'restore' | 'autocomplete'): void;
+    private _openListbox;
+    private _closeListbox;
+    private _scrollActiveOptionIntoView;
+    private _selectSlot;
+    private _handleLabelSlotChange;
+    private _handleErrorSlotChange;
+    private _dispatchChange;
+    private _handleInputClick;
+    private _handleToggleClick;
+    private _handleInputInput;
+    private _handleInputChange;
+    private _handleInputKeyDown;
+    private _handleOptionPointerDown;
+    private _handleOptionClick;
+    private _handleOptionMouseEnter;
+    /** Moves focus to the time input element. */
+    focus(options?: FocusOptions): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-time-picker': HelixTimePicker;
+    }
+}
+//# sourceMappingURL=hx-time-picker.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { H as r } from "../../shared/hx-time-picker-CA58UCqx.js";
+export {
+  r as HelixTimePicker
+};
+//# sourceMappingURL=index.js.map

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

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