@florid-kit/components 2.1.6 → 2.3.0

package/components/input.d.ts

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+import { IconName } from '../assets/icons/icons';
+
+declare const inputBaseClass: import('../behaviors/mixin').MixinReturn<typeof LitElement, import('../behaviors/element-internals.js').WithElementInternals>;
+export declare class OccitaneInput extends inputBaseClass {
+    static readonly formAssociated = true;
+    label: string;
+    value: string;
+    placeholder: string;
+    helperText: string;
+    state: "default" | "error" | "success";
+    disabled: boolean;
+    leadingIcon: IconName | "";
+    trailingIcon: IconName | "";
+    name: string;
+    required: boolean;
+    clearLabel: string;
+    inputId: string;
+    private inputEl;
+    static shadowRootOptions: ShadowRootInit;
+    constructor();
+    static styles: import('lit').CSSResult;
+    updated(changed: Map<string, unknown>): void;
+    formResetCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleClear;
+    private renderHelperIcon;
+    private renderTrailingIcon;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "o-input": OccitaneInput;
+    }
+}
+export {};

package/components/search-input-dropdown.d.ts

@@ -0,0 +1,65 @@
+import { LitElement } from 'lit';
+
+export interface SearchDropdownOption {
+    id: string;
+    value: string;
+}
+export declare class OccitaneSearchInputDropdown extends LitElement {
+    label: string;
+    value: string;
+    placeholder: string;
+    helperText: string;
+    state: "default" | "error" | "success";
+    disabled: boolean;
+    theme: "default" | "light";
+    options: SearchDropdownOption[];
+    searchBy: "id" | "value" | "both";
+    noResultsText: string;
+    onSelect?: (option: SearchDropdownOption) => void;
+    private open;
+    private filteredOptions;
+    private activeIndex;
+    private searchInputEl;
+    private readonly _listboxId;
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleOutsideClick;
+    /**
+     * Close the dropdown when focus has left the component entirely.
+     * We defer by one frame so focus can settle on the next element before we check.
+     */
+    private _handleFocusOut;
+    private filterOptions;
+    private handleSearch;
+    private selectOption;
+    private scrollActiveIntoView;
+    /**
+     * Keyboard handler while focus is in the search input.
+     *
+     * Arrow ↓/↑  — highlight options (active-descendant, focus stays in input)
+     * Enter      — select highlighted option
+     * Escape     — close dropdown
+     * Tab        — browser handles naturally:
+     *              input → clear button (×) → li[0] → … → li[n] → li[0] (loop)
+     */
+    private handleKeyDown;
+    /**
+     * Keyboard handler while focus is on a list item.
+     *
+     * Arrow ↓    — next item (wraps to first)
+     * Arrow ↑    — previous item; ArrowUp on first item returns to input
+     * Enter/Space — select the focused item
+     * Escape     — close dropdown and return focus to input
+     * Tab        — loop: last item → li[0], otherwise move to next item naturally
+     * Shift+Tab  — browser handles naturally (previous li, or back to clear button / input)
+     */
+    private handleListKeyDown;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "o-search-input-dropdown": OccitaneSearchInputDropdown;
+    }
+}

package/components/search-input.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+
+export declare class OccitaneSearchInput extends LitElement {
+    label: string;
+    value: string;
+    placeholder: string;
+    helperText: string;
+    state: "default" | "error" | "success";
+    disabled: boolean;
+    theme: "default" | "light";
+    trigger: "input" | "enter" | "change";
+    onSearch?: (value: string) => void;
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import('lit').CSSResult;
+    private dispatchSearch;
+    private handleInput;
+    private handleKeyDown;
+    private handleChange;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "o-search-input": OccitaneSearchInput;
+    }
+}

package/components/wishlist-button.d.ts

@@ -4,6 +4,8 @@ type Status = "empty" | "filled";
 export declare class OccitaneWishlistButton extends LitElement {
     static styles: import('lit').CSSResult;
     status: Status;
+    icon: string;
+    bgstyle: string;
     ariaDescribedBy: string;
     label: string;
     connectedCallback(): void;