coles-solid-library 0.4.5 → 0.4.6

package/dist/components/Menu/menu.d.ts

@@ -6,6 +6,7 @@ interface MenuProps extends JSX.HTMLAttributes<HTMLDivElement> {
     show: [Accessor<boolean>, Setter<boolean>];
     areaExclusionRefs?: Accessor<HTMLElement | undefined>[];
     submenu?: boolean;
+    listClass?: string;
 }
 export declare const Menu: Component<MenuProps>;
 export {};

package/dist/components/Menu/menuDropdown.d.ts

@@ -1,6 +1,7 @@
 import { Component, JSX } from "solid-js";
 interface MenuItemProps extends JSX.HTMLAttributes<HTMLLIElement> {
     children: JSX.Element;
+    dropListClass?: string;
     header?: () => JSX.Element;
 }
 export declare const MenuDropdown: Component<MenuItemProps>;

package/dist/components/Select/select.component.d.ts

@@ -14,6 +14,12 @@ interface SelectProps<T = string, K = boolean> {
     dropdownClass?: string;
     children: JSX.Element;
     disabled?: boolean;
+    /** Controls mobile popup behavior.
+     * 'auto' (default): uses fullscreen popup on mobile devices, desktop dropdown otherwise.
+     * 'popup': always uses fullscreen popup regardless of device.
+     * 'desktop': always uses desktop dropdown regardless of device.
+     */
+    mobileMode?: 'auto' | 'popup' | 'desktop';
 }
 export declare function Select<T, K extends boolean = false>(props: SelectProps<(K extends true ? T[] : T), K>): JSX.Element;
 export {};

package/dist/components/Select/selectContext.d.ts

@@ -2,12 +2,14 @@ import { JSX } from "solid-js";
 export interface SelectContextValue<T> {
     isSelected: (val: T) => boolean;
     selectValue: (val: T) => void;
-    registerOption?: (val: T, label: JSX.Element, labelText?: string) => void;
-    unregisterOption?: (val: T) => void;
-    isHighlighted?: (val: T) => boolean;
-    selectRef?: (val: HTMLDivElement | undefined) => HTMLDivElement | undefined;
-    selectStyle?: () => string;
-    isDisabled?: () => boolean;
+    registerOption: (val: T, label: JSX.Element, labelText?: string) => void;
+    unregisterOption: (val: T) => void;
+    isHighlighted: (val: T) => boolean;
+    selectRef: (val: HTMLDivElement | undefined) => HTMLDivElement | undefined;
+    selectStyle: () => string;
+    isDisabled: () => boolean;
+    /** Close the dropdown/popup without changing the value */
+    closeDropdown: () => void;
 }
 export declare const useSelectContext: () => SelectContextValue<any>;
 export declare const SelectContextProvider: (props: {

package/dist/components/Select/useHighlight.d.ts

@@ -0,0 +1,21 @@
+import { Accessor } from "solid-js";
+import { OptionEntry } from "./useSelectOptions";
+export interface HighlightConfig<T> {
+    /** Accessor for the ordered option entries */
+    optionEntries: Accessor<OptionEntry<T>[]>;
+    /** Function to check if a value is currently selected */
+    isSelected: (val: T) => boolean;
+    /** Accessor for the dropdown DOM element (for scrollIntoView) */
+    dropdownRef: Accessor<HTMLElement | undefined>;
+}
+/**
+ * Manages highlighted-index state for keyboard navigation in a Select dropdown.
+ * Provides movement, scroll-into-view, and reset-to-selected helpers.
+ */
+export declare function useHighlight<T>(config: HighlightConfig<T>): {
+    highlightedIndex: Accessor<number>;
+    setHighlightedIndex: import("solid-js").Setter<number>;
+    moveHighlight: (delta: number) => void;
+    setHighlightToSelectedOrFirst: () => void;
+    scrollHighlightedIntoView: (index?: number) => void;
+};

package/dist/components/Select/useSelectOptions.d.ts

@@ -0,0 +1,19 @@
+import { JSX } from "solid-js";
+export type OptionEntry<T> = {
+    value: string;
+    raw: T;
+    label: JSX.Element;
+    labelText: string;
+};
+/**
+ * Manages the registry of options for a Select component.
+ * Handles registration, unregistration, ordering, and label resolution.
+ */
+export declare function useSelectOptions<T>(): {
+    options: Record<string, OptionEntry<T>>;
+    registerOption: (val: T, label: JSX.Element, labelText?: string) => void;
+    unregisterOption: (val: T) => void;
+    optionEntries: import("solid-js").Accessor<OptionEntry<T>[]>;
+    getOptionLabelText: (entry: OptionEntry<T>) => string;
+    getLabel: (val: T) => JSX.Element;
+};

package/dist/components/Select/useTypeahead.d.ts

@@ -0,0 +1,20 @@
+import { Accessor } from "solid-js";
+import { OptionEntry } from "./useSelectOptions";
+export interface TypeaheadConfig<T> {
+    /** Accessor for the ordered option entries */
+    optionEntries: Accessor<OptionEntry<T>[]>;
+    /** Accessor for the current highlighted index */
+    highlightedIndex: Accessor<number>;
+    /** Function to get a label string from an option entry */
+    getOptionLabelText: (entry: OptionEntry<T>) => string;
+    /** Called when a match is found — receives the matching index */
+    onMatch: (index: number) => void;
+}
+/**
+ * Typeahead search for Select. Buffers keystrokes and finds
+ * the first option whose label starts with the typed string.
+ */
+export declare function useTypeahead<T>(config: TypeaheadConfig<T>): {
+    handleTypeahead: (key: string) => void;
+    resetTypeahead: () => void;
+};

package/dist/components/modal/popup.component.d.ts

@@ -12,6 +12,7 @@ type Props = {
     styleType?: "primary" | "accent" | "tertiary";
     onClick?: (e: MouseEvent) => void;
     ref?: JSX.HTMLAttributes<HTMLDivElement>["ref"];
+    noHeader?: boolean;
 };
 export declare const Modal: Component<Props>;
 declare module "solid-js" {