@edo-w/flatline-solid 0.2.1 → 0.3.1

package/dist/src/components/combobox/context.d.ts

@@ -1,47 +0,0 @@
-import { type Accessor, type Component, type Setter } from 'solid-js';
-import type { ComboboxGroupData, ComboboxItemData, ComboboxRenderGroupProps, ComboboxRenderItemProps } from './types';
-interface ComboboxItemState<TOption> {
-    item: ComboboxItemData<TOption>;
-    selected: boolean;
-    highlighted: boolean;
-}
-export interface ComboboxContextValue<TOption, TOptionGroup> {
-    rootId: string;
-    rootRef: Accessor<HTMLDivElement | undefined>;
-    setRootRef: Setter<HTMLDivElement | undefined>;
-    inputRef: Accessor<HTMLInputElement | undefined>;
-    setInputRef: Setter<HTMLInputElement | undefined>;
-    inputValue: Accessor<string>;
-    setInputValue: (value: string) => void;
-    isOpen: Accessor<boolean>;
-    openPopup: (strategy?: 'first' | 'last' | 'preserve') => void;
-    openAllOptions: (strategy?: 'first' | 'last' | 'preserve') => void;
-    closePopup: (restoreInput?: boolean) => void;
-    togglePopup: () => void;
-    visibleGroups: Accessor<Array<ComboboxGroupData<TOptionGroup, TOption>>>;
-    visibleItems: Accessor<Array<ComboboxItemData<TOption>>>;
-    selectedItem: Accessor<ComboboxItemData<TOption> | null>;
-    highlightedKey: Accessor<string | null>;
-    shouldScrollHighlightedItem: Accessor<boolean>;
-    setHighlightedKey: (key: string | null) => void;
-    highlightNext: () => void;
-    highlightPrevious: () => void;
-    highlightFirst: () => void;
-    highlightLast: () => void;
-    selectItem: (item: ComboboxItemData<TOption>) => void;
-    getItemId: (key: string) => string;
-    itemComponent?: Component<ComboboxRenderItemProps<TOption>>;
-    groupComponent?: Component<ComboboxRenderGroupProps<TOptionGroup, TOption>>;
-    placeholder: Accessor<string | undefined>;
-    disabled: Accessor<boolean>;
-    readOnly: Accessor<boolean>;
-    required: Accessor<boolean>;
-    name: Accessor<string | undefined>;
-    clearPendingInput: () => void;
-    clearSelectedItem: () => void;
-}
-export declare const ComboboxContext: import("solid-js").Context<ComboboxContextValue<any, any> | undefined>;
-export declare const ComboboxItemContext: import("solid-js").Context<ComboboxItemState<any> | undefined>;
-export declare function useComboboxContext<TOption, TOptionGroup>(): ComboboxContextValue<TOption, TOptionGroup>;
-export declare function useComboboxItemContext<TOption>(): ComboboxItemState<TOption>;
-export {};

package/dist/src/components/combobox/context.js

@@ -1,18 +0,0 @@
-import { createContext, useContext } from 'solid-js';
-export const ComboboxContext = createContext();
-export const ComboboxItemContext = createContext();
-export function useComboboxContext() {
-    const context = useContext(ComboboxContext);
-    if (!context) {
-        throw new Error('Combobox components must be used within Combobox.');
-    }
-    return context;
-}
-export function useComboboxItemContext() {
-    const context = useContext(ComboboxItemContext);
-    if (!context) {
-        throw new Error('Combobox item parts must be used within Combobox.Item.');
-    }
-    return context;
-}
-//# sourceMappingURL=context.js.map

package/dist/src/components/combobox/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/combobox/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,aAAa,EAAe,UAAU,EAAE,MAAM,UAAU,CAAC;AA6CjG,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,EAAkC,CAAC;AAC/E,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,EAA0B,CAAC;AAE3E,MAAM,UAAU,kBAAkB;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACtE,CAAC;IAED,OAAO,OAAsD,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,sBAAsB;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEhD,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,OAAqC,CAAC;AAC9C,CAAC","sourcesContent":["import { type Accessor, type Component, createContext, type Setter, useContext } from 'solid-js';\nimport type { ComboboxGroupData, ComboboxItemData, ComboboxRenderGroupProps, ComboboxRenderItemProps } from './types';\n\ninterface ComboboxItemState<TOption> {\n\titem: ComboboxItemData<TOption>;\n\tselected: boolean;\n\thighlighted: boolean;\n}\n\nexport interface ComboboxContextValue<TOption, TOptionGroup> {\n\trootId: string;\n\trootRef: Accessor<HTMLDivElement | undefined>;\n\tsetRootRef: Setter<HTMLDivElement | undefined>;\n\tinputRef: Accessor<HTMLInputElement | undefined>;\n\tsetInputRef: Setter<HTMLInputElement | undefined>;\n\tinputValue: Accessor<string>;\n\tsetInputValue: (value: string) => void;\n\tisOpen: Accessor<boolean>;\n\topenPopup: (strategy?: 'first' | 'last' | 'preserve') => void;\n\topenAllOptions: (strategy?: 'first' | 'last' | 'preserve') => void;\n\tclosePopup: (restoreInput?: boolean) => void;\n\ttogglePopup: () => void;\n\tvisibleGroups: Accessor<Array<ComboboxGroupData<TOptionGroup, TOption>>>;\n\tvisibleItems: Accessor<Array<ComboboxItemData<TOption>>>;\n\tselectedItem: Accessor<ComboboxItemData<TOption> | null>;\n\thighlightedKey: Accessor<string | null>;\n\tshouldScrollHighlightedItem: Accessor<boolean>;\n\tsetHighlightedKey: (key: string | null) => void;\n\thighlightNext: () => void;\n\thighlightPrevious: () => void;\n\thighlightFirst: () => void;\n\thighlightLast: () => void;\n\tselectItem: (item: ComboboxItemData<TOption>) => void;\n\tgetItemId: (key: string) => string;\n\titemComponent?: Component<ComboboxRenderItemProps<TOption>>;\n\tgroupComponent?: Component<ComboboxRenderGroupProps<TOptionGroup, TOption>>;\n\tplaceholder: Accessor<string | undefined>;\n\tdisabled: Accessor<boolean>;\n\treadOnly: Accessor<boolean>;\n\trequired: Accessor<boolean>;\n\tname: Accessor<string | undefined>;\n\tclearPendingInput: () => void;\n\tclearSelectedItem: () => void;\n}\n\nexport const ComboboxContext = createContext<ComboboxContextValue<any, any>>();\nexport const ComboboxItemContext = createContext<ComboboxItemState<any>>();\n\nexport function useComboboxContext<TOption, TOptionGroup>() {\n\tconst context = useContext(ComboboxContext);\n\n\tif (!context) {\n\t\tthrow new Error('Combobox components must be used within Combobox.');\n\t}\n\n\treturn context as ComboboxContextValue<TOption, TOptionGroup>;\n}\n\nexport function useComboboxItemContext<TOption>() {\n\tconst context = useContext(ComboboxItemContext);\n\n\tif (!context) {\n\t\tthrow new Error('Combobox item parts must be used within Combobox.Item.');\n\t}\n\n\treturn context as ComboboxItemState<TOption>;\n}\n"]}

package/dist/src/components/combobox/index.d.ts

@@ -1,2 +0,0 @@
-export * from './class';
-export * from './combobox';

package/dist/src/components/combobox/index.js

@@ -1,3 +0,0 @@
-export * from './class';
-export * from './combobox';
-//# sourceMappingURL=index.js.map

package/dist/src/components/combobox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC","sourcesContent":["export * from './class';\nexport * from './combobox';\n"]}

package/dist/src/components/combobox/types.d.ts

@@ -1,68 +0,0 @@
-import type { Component, JSX } from 'solid-js';
-export type ComboboxAccessor<T, Result> = keyof Exclude<T, null> | ((value: Exclude<T, null>) => Result);
-export type ComboboxGroupAccessor<TOptionGroup, TOption> = keyof Exclude<TOptionGroup, null> | ((group: Exclude<TOptionGroup, null>) => TOption[]);
-export interface ComboboxItemData<TOption> {
-    key: string;
-    value: string;
-    label: string;
-    textValue: string;
-    disabled: boolean;
-    rawValue: TOption;
-}
-export interface ComboboxGroupData<TOptionGroup, TOption> {
-    key: string;
-    textValue: string;
-    rawValue?: TOptionGroup;
-    items: ComboboxItemData<TOption>[];
-}
-export type ComboboxRenderItemProps<TOption> = {
-    item: ComboboxItemData<TOption>;
-};
-export type ComboboxRenderGroupProps<TOptionGroup, TOption = any> = {
-    group: ComboboxGroupData<TOptionGroup, TOption>;
-};
-export interface ComboboxRootProps<TOption, TOptionGroup = never> extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    options: Array<TOption | TOptionGroup>;
-    children?: JSX.Element;
-    optionValue?: ComboboxAccessor<TOption, string | number>;
-    optionTextValue?: ComboboxAccessor<TOption, string>;
-    optionLabel?: ComboboxAccessor<TOption, string>;
-    optionDisabled?: ComboboxAccessor<TOption, boolean>;
-    optionGroupChildren?: ComboboxGroupAccessor<TOptionGroup, TOption>;
-    itemComponent?: Component<ComboboxRenderItemProps<TOption>>;
-    groupComponent?: Component<ComboboxRenderGroupProps<TOptionGroup, TOption>>;
-    placeholder?: string;
-    value?: TOption | null;
-    defaultValue?: TOption;
-    inputValue?: string;
-    defaultInputValue?: string;
-    onChange?: (value: TOption | null) => void;
-    onInputChange?: (value: string) => void;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (value: boolean) => void;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    name?: string;
-    closeOnSelection?: boolean;
-}
-export type ComboboxControlProps = JSX.HTMLAttributes<HTMLDivElement>;
-export type ComboboxInputProps = JSX.InputHTMLAttributes<HTMLInputElement>;
-export type ComboboxTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-export type ComboboxIconProps = JSX.HTMLAttributes<HTMLSpanElement>;
-export type ComboboxPortalProps = {
-    children?: JSX.Element;
-};
-export type ComboboxContentProps = JSX.HTMLAttributes<HTMLDivElement>;
-export type ComboboxListboxProps = JSX.HTMLAttributes<HTMLUListElement>;
-export interface ComboboxItemProps<TOption = any> extends JSX.HTMLAttributes<HTMLLIElement> {
-    item: ComboboxItemData<TOption>;
-}
-export type ComboboxItemLabelProps = JSX.HTMLAttributes<HTMLDivElement>;
-export type ComboboxItemIndicatorProps = JSX.HTMLAttributes<HTMLDivElement>;
-export interface ComboboxGroupProps<TOptionGroup = any, TOption = any> extends JSX.HTMLAttributes<HTMLLIElement> {
-    group?: ComboboxGroupData<TOptionGroup, TOption>;
-}
-export interface ComboboxHiddenSelectProps extends JSX.InputHTMLAttributes<HTMLInputElement> {
-}

package/dist/src/components/combobox/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/src/components/combobox/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/combobox/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Component, JSX } from 'solid-js';\n\nexport type ComboboxAccessor<T, Result> = keyof Exclude<T, null> | ((value: Exclude<T, null>) => Result);\nexport type ComboboxGroupAccessor<TOptionGroup, TOption> =\n\t| keyof Exclude<TOptionGroup, null>\n\t| ((group: Exclude<TOptionGroup, null>) => TOption[]);\n\nexport interface ComboboxItemData<TOption> {\n\tkey: string;\n\tvalue: string;\n\tlabel: string;\n\ttextValue: string;\n\tdisabled: boolean;\n\trawValue: TOption;\n}\n\nexport interface ComboboxGroupData<TOptionGroup, TOption> {\n\tkey: string;\n\ttextValue: string;\n\trawValue?: TOptionGroup;\n\titems: ComboboxItemData<TOption>[];\n}\n\nexport type ComboboxRenderItemProps<TOption> = {\n\titem: ComboboxItemData<TOption>;\n};\n\nexport type ComboboxRenderGroupProps<TOptionGroup, TOption = any> = {\n\tgroup: ComboboxGroupData<TOptionGroup, TOption>;\n};\n\nexport interface ComboboxRootProps<TOption, TOptionGroup = never>\n\textends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n\toptions: Array<TOption | TOptionGroup>;\n\tchildren?: JSX.Element;\n\toptionValue?: ComboboxAccessor<TOption, string | number>;\n\toptionTextValue?: ComboboxAccessor<TOption, string>;\n\toptionLabel?: ComboboxAccessor<TOption, string>;\n\toptionDisabled?: ComboboxAccessor<TOption, boolean>;\n\toptionGroupChildren?: ComboboxGroupAccessor<TOptionGroup, TOption>;\n\titemComponent?: Component<ComboboxRenderItemProps<TOption>>;\n\tgroupComponent?: Component<ComboboxRenderGroupProps<TOptionGroup, TOption>>;\n\tplaceholder?: string;\n\tvalue?: TOption | null;\n\tdefaultValue?: TOption;\n\tinputValue?: string;\n\tdefaultInputValue?: string;\n\tonChange?: (value: TOption | null) => void;\n\tonInputChange?: (value: string) => void;\n\topen?: boolean;\n\tdefaultOpen?: boolean;\n\tonOpenChange?: (value: boolean) => void;\n\tdisabled?: boolean;\n\treadOnly?: boolean;\n\trequired?: boolean;\n\tname?: string;\n\tcloseOnSelection?: boolean;\n}\n\nexport type ComboboxControlProps = JSX.HTMLAttributes<HTMLDivElement>;\nexport type ComboboxInputProps = JSX.InputHTMLAttributes<HTMLInputElement>;\nexport type ComboboxTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;\nexport type ComboboxIconProps = JSX.HTMLAttributes<HTMLSpanElement>;\nexport type ComboboxPortalProps = {\n\tchildren?: JSX.Element;\n};\nexport type ComboboxContentProps = JSX.HTMLAttributes<HTMLDivElement>;\nexport type ComboboxListboxProps = JSX.HTMLAttributes<HTMLUListElement>;\n\nexport interface ComboboxItemProps<TOption = any> extends JSX.HTMLAttributes<HTMLLIElement> {\n\titem: ComboboxItemData<TOption>;\n}\n\nexport type ComboboxItemLabelProps = JSX.HTMLAttributes<HTMLDivElement>;\nexport type ComboboxItemIndicatorProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport interface ComboboxGroupProps<TOptionGroup = any, TOption = any> extends JSX.HTMLAttributes<HTMLLIElement> {\n\tgroup?: ComboboxGroupData<TOptionGroup, TOption>;\n}\n\nexport interface ComboboxHiddenSelectProps extends JSX.InputHTMLAttributes<HTMLInputElement> {}\n"]}

package/dist/src/components/combobox/util.d.ts

@@ -1,6 +0,0 @@
-import type { ComboboxAccessor, ComboboxGroupAccessor } from './types';
-export declare function defaultTextValue(value: unknown): string;
-export declare function resolveAccessor<T, Result>(value: T, accessor: ComboboxAccessor<T, Result> | undefined, fallback: (value: T) => Result): Result;
-export declare function resolveGroupChildren<TOptionGroup, TOption>(value: TOptionGroup, accessor: ComboboxGroupAccessor<TOptionGroup, TOption> | undefined): TOption[] | undefined;
-export declare function createContainsFilter<Option>(): (option: Option, inputValue: string) => boolean;
-export declare function callEventHandler(handler: unknown, event: globalThis.Event): void;

package/dist/src/components/combobox/util.js

@@ -1,58 +0,0 @@
-import { isObjectRecord } from '#src/lib/reflect';
-export function defaultTextValue(value) {
-    if (typeof value === 'string' || typeof value === 'number') {
-        return String(value);
-    }
-    if (isObjectRecord(value)) {
-        if (typeof value.label === 'string') {
-            return value.label;
-        }
-        if (typeof value.textValue === 'string') {
-            return value.textValue;
-        }
-    }
-    return '';
-}
-export function resolveAccessor(value, accessor, fallback) {
-    if (accessor === undefined) {
-        return fallback(value);
-    }
-    if (typeof accessor === 'function') {
-        return accessor(value);
-    }
-    if (isObjectRecord(value)) {
-        return value[accessor];
-    }
-    return fallback(value);
-}
-export function resolveGroupChildren(value, accessor) {
-    if (accessor === undefined) {
-        return undefined;
-    }
-    if (typeof accessor === 'function') {
-        return accessor(value);
-    }
-    if (isObjectRecord(value)) {
-        const children = value[accessor];
-        if (Array.isArray(children)) {
-            return children;
-        }
-    }
-    return undefined;
-}
-export function createContainsFilter() {
-    return (option, inputValue) => {
-        const normalizedOption = defaultTextValue(option).toLowerCase();
-        const normalizedInput = inputValue.trim().toLowerCase();
-        if (normalizedInput === '') {
-            return true;
-        }
-        return normalizedOption.includes(normalizedInput);
-    };
-}
-export function callEventHandler(handler, event) {
-    if (typeof handler === 'function') {
-        handler(event);
-    }
-}
-//# sourceMappingURL=util.js.map

package/dist/src/components/combobox/util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/components/combobox/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,UAAU,gBAAgB,CAAC,KAAc;IAC9C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5D,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAED,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACrC,OAAO,KAAK,CAAC,KAAK,CAAC;QACpB,CAAC;QAED,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;YACzC,OAAO,KAAK,CAAC,SAAS,CAAC;QACxB,CAAC;IACF,CAAC;IAED,OAAO,EAAE,CAAC;AACX,CAAC;AAED,MAAM,UAAU,eAAe,CAC9B,KAAQ,EACR,QAAiD,EACjD,QAA8B;IAE9B,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,QAAQ,CAAC,KAAyB,CAAC,CAAC;IAC5C,CAAC;IAED,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,KAAK,CAAC,QAAkB,CAAW,CAAC;IAC5C,CAAC;IAED,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,oBAAoB,CACnC,KAAmB,EACnB,QAAkE;IAElE,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,QAAQ,CAAC,KAAoC,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAkB,CAAC,CAAC;QAE3C,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC7B,OAAO,QAAqB,CAAC;QAC9B,CAAC;IACF,CAAC;IAED,OAAO,SAAS,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,oBAAoB;IACnC,OAAO,CAAC,MAAc,EAAE,UAAkB,EAAE,EAAE;QAC7C,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC;QAChE,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAExD,IAAI,eAAe,KAAK,EAAE,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAC;QACb,CAAC;QAED,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IACnD,CAAC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAAgB,EAAE,KAAuB;IACzE,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;QAClC,OAA6C,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC;AACF,CAAC","sourcesContent":["import { isObjectRecord } from '#src/lib/reflect';\nimport type { ComboboxAccessor, ComboboxGroupAccessor } from './types';\n\nexport function defaultTextValue(value: unknown) {\n\tif (typeof value === 'string' || typeof value === 'number') {\n\t\treturn String(value);\n\t}\n\n\tif (isObjectRecord(value)) {\n\t\tif (typeof value.label === 'string') {\n\t\t\treturn value.label;\n\t\t}\n\n\t\tif (typeof value.textValue === 'string') {\n\t\t\treturn value.textValue;\n\t\t}\n\t}\n\n\treturn '';\n}\n\nexport function resolveAccessor<T, Result>(\n\tvalue: T,\n\taccessor: ComboboxAccessor<T, Result> | undefined,\n\tfallback: (value: T) => Result,\n) {\n\tif (accessor === undefined) {\n\t\treturn fallback(value);\n\t}\n\n\tif (typeof accessor === 'function') {\n\t\treturn accessor(value as Exclude<T, null>);\n\t}\n\n\tif (isObjectRecord(value)) {\n\t\treturn value[accessor as string] as Result;\n\t}\n\n\treturn fallback(value);\n}\n\nexport function resolveGroupChildren<TOptionGroup, TOption>(\n\tvalue: TOptionGroup,\n\taccessor: ComboboxGroupAccessor<TOptionGroup, TOption> | undefined,\n) {\n\tif (accessor === undefined) {\n\t\treturn undefined;\n\t}\n\n\tif (typeof accessor === 'function') {\n\t\treturn accessor(value as Exclude<TOptionGroup, null>);\n\t}\n\n\tif (isObjectRecord(value)) {\n\t\tconst children = value[accessor as string];\n\n\t\tif (Array.isArray(children)) {\n\t\t\treturn children as TOption[];\n\t\t}\n\t}\n\n\treturn undefined;\n}\n\nexport function createContainsFilter<Option>() {\n\treturn (option: Option, inputValue: string) => {\n\t\tconst normalizedOption = defaultTextValue(option).toLowerCase();\n\t\tconst normalizedInput = inputValue.trim().toLowerCase();\n\n\t\tif (normalizedInput === '') {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn normalizedOption.includes(normalizedInput);\n\t};\n}\n\nexport function callEventHandler(handler: unknown, event: globalThis.Event) {\n\tif (typeof handler === 'function') {\n\t\t(handler as (event: globalThis.Event) => void)(event);\n\t}\n}\n"]}

package/dist/src/components/dialog/class.d.ts

@@ -1,18 +0,0 @@
-export declare const dialogClass: {
-    readonly trigger: 'fl-dialog_trigger';
-    readonly overlay: 'fl-dialog_overlay';
-    readonly positioner: 'fl-dialog_positioner';
-    readonly content: 'fl-dialog_content';
-    readonly contentSize: {
-        readonly sm: '--size-sm';
-        readonly md: '--size-md';
-        readonly lg: '--size-lg';
-        readonly xl: '--size-xl';
-        readonly '2xl': '--size-2xl';
-    };
-    readonly header: 'fl-dialog_header';
-    readonly closeButton: 'fl-dialog_close-button';
-    readonly title: 'fl-dialog_title';
-    readonly description: 'fl-dialog_description';
-};
-export type DialogContentSize = keyof typeof dialogClass.contentSize;

package/dist/src/components/dialog/class.js

@@ -1,18 +0,0 @@
-export const dialogClass = {
-    trigger: 'fl-dialog_trigger',
-    overlay: 'fl-dialog_overlay',
-    positioner: 'fl-dialog_positioner',
-    content: 'fl-dialog_content',
-    contentSize: {
-        sm: '--size-sm',
-        md: '--size-md',
-        lg: '--size-lg',
-        xl: '--size-xl',
-        '2xl': '--size-2xl',
-    },
-    header: 'fl-dialog_header',
-    closeButton: 'fl-dialog_close-button',
-    title: 'fl-dialog_title',
-    description: 'fl-dialog_description',
-};
-//# sourceMappingURL=class.js.map

package/dist/src/components/dialog/class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/dialog/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,OAAO,EAAE,mBAAmB;IAC5B,OAAO,EAAE,mBAAmB;IAC5B,UAAU,EAAE,sBAAsB;IAClC,OAAO,EAAE,mBAAmB;IAC5B,WAAW,EAAE;QACZ,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,WAAW;QACf,KAAK,EAAE,YAAY;KACnB;IACD,MAAM,EAAE,kBAAkB;IAC1B,WAAW,EAAE,wBAAwB;IACrC,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,uBAAuB;CAC3B,CAAC","sourcesContent":["export const dialogClass = {\n\ttrigger: 'fl-dialog_trigger',\n\toverlay: 'fl-dialog_overlay',\n\tpositioner: 'fl-dialog_positioner',\n\tcontent: 'fl-dialog_content',\n\tcontentSize: {\n\t\tsm: '--size-sm',\n\t\tmd: '--size-md',\n\t\tlg: '--size-lg',\n\t\txl: '--size-xl',\n\t\t'2xl': '--size-2xl',\n\t},\n\theader: 'fl-dialog_header',\n\tcloseButton: 'fl-dialog_close-button',\n\ttitle: 'fl-dialog_title',\n\tdescription: 'fl-dialog_description',\n} as const;\n\nexport type DialogContentSize = keyof typeof dialogClass.contentSize;\n"]}

package/dist/src/components/dialog/dialog-close-button.css

@@ -1,48 +0,0 @@
-@layer components {
-	.fl-dialog_close-button {
-		--fl-dialog-close-button-bg-color: transparent;
-		--fl-dialog-close-button-bg-hover-color: color-mix(in oklab, var(--fl-body-bg-color), black 5%);
-		--fl-dialog-close-button-border-radius: var(--fl-border-radius);
-		--fl-dialog-close-button-text-color: var(--fl-body-text-color);
-		--fl-dialog-close-button-text-hover-color: var(--fl-body-text-color);
-
-		/* reset */
-		appearance: none;
-
-		/* layout */
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		flex: 0 0 auto;
-		width: var(--fl-size-7);
-		height: var(--fl-size-7);
-
-		/* background */
-		background: var(--fl-dialog-close-button-bg-color);
-		border: 0;
-		border-radius: var(--fl-dialog-close-button-border-radius);
-
-		/* text */
-		color: var(--fl-dialog-close-button-text-color);
-
-		/* pointer */
-		cursor: pointer;
-
-		/* effects */
-		transition:
-			background-color 188ms ease-in-out,
-			color 188ms ease-in-out;
-	}
-
-	/* hover state */
-	.fl-dialog_close-button:hover {
-		background-color: var(--fl-dialog-close-button-bg-hover-color);
-		color: var(--fl-dialog-close-button-text-hover-color);
-	}
-
-	/* focus-visible state */
-	.fl-dialog_close-button:focus-visible {
-		outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
-		outline-offset: 0;
-	}
-}

package/dist/src/components/dialog/dialog-content.css

@@ -1,89 +0,0 @@
-@layer components {
-	.fl-dialog_content {
-		--fl-dialog-content-width: 44%;
-		--fl-dialog-content-pad: var(--fl-size-4);
-		--fl-dialog-content-bg-color: var(--fl-body-bg-color);
-		--fl-dialog-content-border-color: var(--fl-input-border-color);
-		--fl-dialog-content-border-size: var(--fl-input-border-size);
-		--fl-dialog-content-border-radius: var(--fl-input-border-radius);
-		--fl-dialog-content-text-color: var(--fl-body-text-color);
-		--fl-dialog-content-shadow: var(--fl-shadow-lg);
-
-		/* layout */
-		position: relative;
-		z-index: 50;
-		width: min(calc(100vw - var(--fl-size-8)), var(--fl-dialog-content-width));
-		max-width: 100%;
-
-		/* spacing */
-		padding: var(--fl-dialog-content-pad);
-
-		/* background */
-		background-color: var(--fl-dialog-content-bg-color);
-		border: var(--fl-dialog-content-border-size) solid var(--fl-dialog-content-border-color);
-		border-radius: var(--fl-dialog-content-border-radius);
-
-		/* text */
-		color: var(--fl-dialog-content-text-color);
-
-		/* effects */
-		box-shadow: var(--fl-dialog-content-shadow);
-		animation: fl-dialog-content-hide var(--fl-animation-duration) ease-in forwards;
-	}
-
-	/* size variants */
-	.fl-dialog_content.--size-sm {
-		--fl-dialog-content-width: 32%;
-	}
-
-	.fl-dialog_content.--size-md {
-		--fl-dialog-content-width: 44%;
-	}
-
-	.fl-dialog_content.--size-lg {
-		--fl-dialog-content-width: 56%;
-	}
-
-	.fl-dialog_content.--size-xl {
-		--fl-dialog-content-width: 68%;
-	}
-
-	.fl-dialog_content.--size-2xl {
-		--fl-dialog-content-width: 80%;
-	}
-
-	/* expanded state */
-	.fl-dialog_content[data-expanded] {
-		animation: fl-dialog-content-show var(--fl-animation-duration) ease-out;
-	}
-
-	/* focus-visible state */
-	.fl-dialog_content:focus-visible {
-		outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
-		outline-offset: var(--fl-focus-ring-offset);
-	}
-
-	@keyframes fl-dialog-content-show {
-		from {
-			opacity: 0;
-			transform: scale(0.96);
-		}
-
-		to {
-			opacity: 1;
-			transform: scale(1);
-		}
-	}
-
-	@keyframes fl-dialog-content-hide {
-		from {
-			opacity: 1;
-			transform: scale(1);
-		}
-
-		to {
-			opacity: 0;
-			transform: scale(0.96);
-		}
-	}
-}

package/dist/src/components/dialog/dialog-description.css

@@ -1,6 +0,0 @@
-@layer components {
-	.fl-dialog_description {
-		/* text */
-		font: var(--fl-font-body);
-	}
-}

package/dist/src/components/dialog/dialog-header.css

@@ -1,12 +0,0 @@
-@layer components {
-	.fl-dialog_header {
-		/* layout */
-		display: flex;
-		align-items: flex-start;
-		justify-content: space-between;
-
-		/* spacing */
-		gap: var(--fl-size-3);
-		margin-bottom: var(--fl-size-3);
-	}
-}

package/dist/src/components/dialog/dialog-overlay.css

@@ -1,43 +0,0 @@
-@layer components {
-	.fl-dialog_overlay {
-		--fl-dialog-overlay-bg-base-color: 0 0 0;
-		--fl-dialog-overlay-bg-opacity: 0.2;
-		--fl-dialog-overlay-bg-color: rgb(var(--fl-dialog-overlay-bg-base-color) / var(--fl-dialog-overlay-bg-opacity));
-
-		/* layout */
-		position: fixed;
-		inset: 0;
-		z-index: 50;
-
-		/* background */
-		background-color: var(--fl-dialog-overlay-bg-color);
-
-		/* effects */
-		animation: fl-dialog-overlay-hide var(--fl-animation-duration) ease 100ms forwards;
-	}
-
-	/* expanded state */
-	.fl-dialog_overlay[data-expanded] {
-		animation: fl-dialog-overlay-show var(--fl-animation-duration) ease;
-	}
-
-	@keyframes fl-dialog-overlay-show {
-		from {
-			opacity: 0;
-		}
-
-		to {
-			opacity: 1;
-		}
-	}
-
-	@keyframes fl-dialog-overlay-hide {
-		from {
-			opacity: 1;
-		}
-
-		to {
-			opacity: 0;
-		}
-	}
-}

package/dist/src/components/dialog/dialog-positioner.css

@@ -1,14 +0,0 @@
-@layer components {
-	.fl-dialog_positioner {
-		/* layout */
-		position: fixed;
-		inset: 0;
-		z-index: 50;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-
-		/* spacing */
-		padding: var(--fl-size-4);
-	}
-}

package/dist/src/components/dialog/dialog-title.css

@@ -1,6 +0,0 @@
-@layer components {
-	.fl-dialog_title {
-		/* text */
-		font: var(--fl-font-title);
-	}
-}

package/dist/src/components/dialog/dialog-trigger.css

@@ -1,63 +0,0 @@
-@layer components {
-	.fl-dialog_trigger {
-		--fl-dialog-trigger-pad-x: var(--fl-size-2);
-		--fl-dialog-trigger-pad-y: var(--fl-size-1-5);
-		--fl-dialog-trigger-bg-color: var(--fl-primary-color);
-		--fl-dialog-trigger-bg-hover-color: color-mix(in oklab, var(--fl-dialog-trigger-bg-color), black 8%);
-		--fl-dialog-trigger-bg-active-color: color-mix(in oklab, var(--fl-dialog-trigger-bg-color), black 16%);
-		--fl-dialog-trigger-border-color: color-mix(in oklab, var(--fl-dialog-trigger-bg-color), black 20%);
-		--fl-dialog-trigger-border-size: var(--fl-border-size, 1px);
-		--fl-dialog-trigger-border-radius: var(--fl-border-radius);
-		--fl-dialog-trigger-text-color: var(--fl-primary-text-color);
-		--fl-dialog-trigger-shadow: var(--fl-shadow-md);
-
-		/* reset */
-		appearance: none;
-
-		/* layout */
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-
-		/* spacing */
-		padding-inline: var(--fl-dialog-trigger-pad-x);
-		padding-block: var(--fl-dialog-trigger-pad-y);
-
-		/* background */
-		background: var(--fl-dialog-trigger-bg-color);
-		border: var(--fl-dialog-trigger-border-size) solid var(--fl-dialog-trigger-border-color);
-		border-radius: var(--fl-dialog-trigger-border-radius);
-
-		/* text */
-		color: var(--fl-dialog-trigger-text-color);
-		font: inherit;
-		font-weight: var(--fl-font-weight-medium);
-		white-space: nowrap;
-
-		/* pointer */
-		cursor: pointer;
-
-		/* effects */
-		box-shadow: var(--fl-dialog-trigger-shadow);
-		transition:
-			background-color 188ms ease-in-out,
-			transform 188ms ease-in-out;
-	}
-
-	/* hover state */
-	.fl-dialog_trigger:hover {
-		background: var(--fl-dialog-trigger-bg-hover-color);
-	}
-
-	/* focus-visible state */
-	.fl-dialog_trigger:focus-visible {
-		outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
-		outline-offset: var(--fl-focus-ring-offset);
-	}
-
-	/* active state */
-	.fl-dialog_trigger:active {
-		background: var(--fl-dialog-trigger-bg-active-color);
-		transform: translateY(1px);
-	}
-}

package/dist/src/components/dialog/dialog.d.ts

@@ -1,50 +0,0 @@
-import { type DialogCloseButtonProps as KDialogCloseButtonProps, type DialogContentProps as KDialogContentProps, type DialogDescriptionProps as KDialogDescriptionProps, type DialogOverlayProps as KDialogOverlayProps, type DialogPortalProps as KDialogPortalProps, type DialogRootProps as KDialogRootProps, type DialogTitleProps as KDialogTitleProps, type DialogTriggerProps as KDialogTriggerProps } from '@kobalte/core/dialog';
-import { type JSX } from 'solid-js';
-import { type ButtonProps } from '../button';
-import { type DialogContentSize } from './class';
-import './dialog-trigger.css';
-import './dialog-overlay.css';
-import './dialog-positioner.css';
-import './dialog-content.css';
-import './dialog-header.css';
-import './dialog-close-button.css';
-import './dialog-title.css';
-import './dialog-description.css';
-export interface DialogRootProps extends KDialogRootProps {
-}
-export type DialogPortalProps = KDialogPortalProps;
-export type DialogTriggerProps = KDialogTriggerProps & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-export type DialogOverlayProps = KDialogOverlayProps & JSX.HTMLAttributes<HTMLDivElement>;
-export type DialogContentBaseProps = KDialogContentProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, 'ref'>;
-export interface DialogContentProps extends DialogContentBaseProps {
-    size?: DialogContentSize;
-}
-export type DialogTitleProps = KDialogTitleProps & JSX.HTMLAttributes<HTMLHeadingElement>;
-export type DialogDescriptionProps = KDialogDescriptionProps & JSX.HTMLAttributes<HTMLParagraphElement>;
-export type DialogCloseButtonProps = KDialogCloseButtonProps & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-export type DialogButtonTriggerProps = KDialogTriggerProps & Omit<ButtonProps, 'type'>;
-export type DialogPositionerProps = JSX.HTMLAttributes<HTMLDivElement>;
-export type DialogHeaderProps = JSX.HTMLAttributes<HTMLDivElement>;
-export declare function DialogRoot(props: DialogRootProps): JSX.Element;
-export declare function DialogPortal(props: DialogPortalProps): JSX.Element;
-export declare function DialogTrigger(props: DialogTriggerProps): JSX.Element;
-export declare function DialogButtonTrigger(props: DialogButtonTriggerProps): JSX.Element;
-export declare function DialogOverlay(props: DialogOverlayProps): JSX.Element;
-export declare function DialogPositioner(props: DialogPositionerProps): JSX.Element;
-export declare function DialogContent(props: DialogContentProps): JSX.Element;
-export declare function DialogHeader(props: DialogHeaderProps): JSX.Element;
-export declare function DialogTitle(props: DialogTitleProps): JSX.Element;
-export declare function DialogDescription(props: DialogDescriptionProps): JSX.Element;
-export declare function DialogCloseButton(props: DialogCloseButtonProps): JSX.Element;
-export declare const Dialog: typeof DialogRoot & {
-    Portal: typeof DialogPortal;
-    Trigger: typeof DialogTrigger;
-    ButtonTrigger: typeof DialogButtonTrigger;
-    Overlay: typeof DialogOverlay;
-    Positioner: typeof DialogPositioner;
-    Content: typeof DialogContent;
-    Header: typeof DialogHeader;
-    Title: typeof DialogTitle;
-    Description: typeof DialogDescription;
-    CloseButton: typeof DialogCloseButton;
-};