@edo-w/flatline-solid 0.2.1 → 0.3.0

package/dist/src/components/combobox/combobox-item-indicator.jsx

@@ -1,16 +0,0 @@
-import clsx from 'clsx/lite';
-import { Show, splitProps } from 'solid-js';
-import { CheckIcon } from '#src/icons';
-import { comboboxClass } from './class';
-import { useComboboxItemContext } from './context';
-export function ComboboxItemIndicator(props) {
-    const item = useComboboxItemContext();
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    const rootClass = () => clsx(comboboxClass.itemIndicator, local.class);
-    return (<Show when={item.selected}>
-			<div class={rootClass()} {...rest}>
-				{local.children ?? <CheckIcon />}
-			</div>
-		</Show>);
-}
-//# sourceMappingURL=combobox-item-indicator.jsx.map

package/dist/src/components/combobox/combobox-item-indicator.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-item-indicator.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-item-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAGnD,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACtE,MAAM,IAAI,GAAG,sBAAsB,EAAO,CAAC;IAC3C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAEvE,OAAO,CACN,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACzB;GAAA,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,AAAD,EAAG,CACjC;GAAA,EAAE,GAAG,CACN;EAAA,EAAE,IAAI,CAAC,CACP,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { Show, splitProps } from 'solid-js';\nimport { CheckIcon } from '#src/icons';\nimport { comboboxClass } from './class';\nimport { useComboboxItemContext } from './context';\nimport type { ComboboxItemIndicatorProps } from './types';\n\nexport function ComboboxItemIndicator(props: ComboboxItemIndicatorProps) {\n\tconst item = useComboboxItemContext<any>();\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\tconst rootClass = () => clsx(comboboxClass.itemIndicator, local.class);\n\n\treturn (\n\t\t<Show when={item.selected}>\n\t\t\t<div\n\t\t\t\tclass={rootClass()}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{local.children ?? <CheckIcon />}\n\t\t\t</div>\n\t\t</Show>\n\t);\n}\n"]}

package/dist/src/components/combobox/combobox-item-label.d.ts

@@ -1,2 +0,0 @@
-import type { ComboboxItemLabelProps } from './types';
-export declare function ComboboxItemLabel(props: ComboboxItemLabelProps): import("solid-js").JSX.Element;

package/dist/src/components/combobox/combobox-item-label.jsx

@@ -1,13 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { comboboxClass } from './class';
-import { useComboboxItemContext } from './context';
-export function ComboboxItemLabel(props) {
-    const item = useComboboxItemContext();
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    const rootClass = () => clsx(comboboxClass.itemLabel, local.class);
-    return (<div class={rootClass()} {...rest}>
-			{local.children ?? item.item.textValue}
-		</div>);
-}
-//# sourceMappingURL=combobox-item-label.jsx.map

package/dist/src/components/combobox/combobox-item-label.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-item-label.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-item-label.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAGnD,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC9D,MAAM,IAAI,GAAG,sBAAsB,EAAO,CAAC;IAC3C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAEnE,OAAO,CACN,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CACvC;EAAA,EAAE,GAAG,CAAC,CACN,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { comboboxClass } from './class';\nimport { useComboboxItemContext } from './context';\nimport type { ComboboxItemLabelProps } from './types';\n\nexport function ComboboxItemLabel(props: ComboboxItemLabelProps) {\n\tconst item = useComboboxItemContext<any>();\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\tconst rootClass = () => clsx(comboboxClass.itemLabel, local.class);\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children ?? item.item.textValue}\n\t\t</div>\n\t);\n}\n"]}

package/dist/src/components/combobox/combobox-item.css

@@ -1,48 +0,0 @@
-@layer components {
-	.fl-combobox_item {
-		/* reset */
-		outline: none;
-
-		/* layout */
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		min-height: var(--fl-size-8);
-
-		/* spacing */
-		gap: var(--fl-size-2);
-		padding-inline: var(--fl-size-2);
-		padding-block: var(--fl-size-1-5);
-
-		/* background */
-		border-radius: var(--fl-radius-sm);
-
-		/* text */
-		color: var(--fl-body-text-color);
-		font: var(--fl-font-body);
-
-		/* pointer */
-		cursor: pointer;
-		user-select: none;
-	}
-
-	.fl-combobox_item[data-disabled] {
-		cursor: var(--fl-disabled-cursor);
-		opacity: var(--fl-disabled-opacity);
-	}
-
-	.fl-combobox_item[data-selected] {
-		background: color-mix(in srgb, var(--fl-body-bg-color), var(--fl-primary-color) 15%);
-	}
-
-	.fl-combobox_item[data-highlighted] {
-		background: var(--fl-primary-color);
-		color: var(--fl-primary-text-color);
-	}
-
-	.fl-combobox_item .fl-combobox_item-label {
-		/* layout */
-		flex: 1 1 auto;
-		min-width: 0;
-	}
-}

package/dist/src/components/combobox/combobox-item.d.ts

@@ -1,3 +0,0 @@
-import { type JSX } from 'solid-js';
-import type { ComboboxItemProps } from './types';
-export declare function ComboboxItem<TOption = any>(props: ComboboxItemProps<TOption>): JSX.Element;

package/dist/src/components/combobox/combobox-item.jsx

@@ -1,37 +0,0 @@
-import clsx from 'clsx/lite';
-import { createEffect, splitProps } from 'solid-js';
-import { comboboxClass } from './class';
-import { ComboboxItemContext, useComboboxContext } from './context';
-import { callEventHandler } from './util';
-export function ComboboxItem(props) {
-    const context = useComboboxContext();
-    const [local, rest] = splitProps(props, ['class', 'item', 'children', 'onMouseEnter', 'onMouseDown', 'onClick']);
-    const rootClass = () => clsx(comboboxClass.item, local.class);
-    const selected = () => context.selectedItem()?.key === local.item.key;
-    const highlighted = () => context.highlightedKey() === local.item.key;
-    let itemRef;
-    createEffect(() => {
-        if (!highlighted() || !itemRef || !context.shouldScrollHighlightedItem()) {
-            return;
-        }
-        itemRef.scrollIntoView({ block: 'nearest' });
-    });
-    const handleMouseEnter = (event) => {
-        callEventHandler(local.onMouseEnter, event);
-        context.setHighlightedKey(local.item.key);
-    };
-    const handleMouseDown = (event) => {
-        callEventHandler(local.onMouseDown, event);
-        event.preventDefault();
-    };
-    const handleClick = (event) => {
-        callEventHandler(local.onClick, event);
-        context.selectItem(local.item);
-    };
-    return (<ComboboxItemContext.Provider value={{ item: local.item, selected: selected(), highlighted: highlighted() }}>
-			<li id={context.getItemId(local.item.key)} ref={itemRef} class={rootClass()} role="option" aria-selected={selected()} data-selected={selected() ? '' : undefined} data-highlighted={highlighted() ? '' : undefined} data-disabled={local.item.disabled ? '' : undefined} onMouseEnter={handleMouseEnter} onMouseDown={handleMouseDown} onClick={handleClick} {...rest}>
-				{local.children}
-			</li>
-		</ComboboxItemContext.Provider>);
-}
-//# sourceMappingURL=combobox-item.jsx.map

package/dist/src/components/combobox/combobox-item.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-item.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'clsx/lite';\nimport { createEffect, type JSX, splitProps } from 'solid-js';\nimport { comboboxClass } from './class';\nimport { ComboboxItemContext, useComboboxContext } from './context';\nimport type { ComboboxItemProps } from './types';\nimport { callEventHandler } from './util';\n\nexport function ComboboxItem<TOption = any>(props: ComboboxItemProps<TOption>) {\n\tconst context = useComboboxContext<TOption, any>();\n\tconst [local, rest] = splitProps(props, ['class', 'item', 'children', 'onMouseEnter', 'onMouseDown', 'onClick']);\n\tconst rootClass = () => clsx(comboboxClass.item, local.class);\n\tconst selected = () => context.selectedItem()?.key === local.item.key;\n\tconst highlighted = () => context.highlightedKey() === local.item.key;\n\tlet itemRef: HTMLLIElement | undefined;\n\n\tcreateEffect(() => {\n\t\tif (!highlighted() || !itemRef || !context.shouldScrollHighlightedItem()) {\n\t\t\treturn;\n\t\t}\n\n\t\titemRef.scrollIntoView({ block: 'nearest' });\n\t});\n\n\tconst handleMouseEnter: JSX.EventHandlerUnion<HTMLLIElement, MouseEvent> = (event) => {\n\t\tcallEventHandler(local.onMouseEnter, event);\n\t\tcontext.setHighlightedKey(local.item.key);\n\t};\n\n\tconst handleMouseDown: JSX.EventHandlerUnion<HTMLLIElement, MouseEvent> = (event) => {\n\t\tcallEventHandler(local.onMouseDown, event);\n\t\tevent.preventDefault();\n\t};\n\n\tconst handleClick: JSX.EventHandlerUnion<HTMLLIElement, MouseEvent> = (event) => {\n\t\tcallEventHandler(local.onClick, event);\n\t\tcontext.selectItem(local.item);\n\t};\n\n\treturn (\n\t\t<ComboboxItemContext.Provider value={{ item: local.item, selected: selected(), highlighted: highlighted() }}>\n\t\t\t<li\n\t\t\t\tid={context.getItemId(local.item.key)}\n\t\t\t\tref={itemRef}\n\t\t\t\tclass={rootClass()}\n\t\t\t\trole=\"option\"\n\t\t\t\taria-selected={selected()}\n\t\t\t\tdata-selected={selected() ? '' : undefined}\n\t\t\t\tdata-highlighted={highlighted() ? '' : undefined}\n\t\t\t\tdata-disabled={local.item.disabled ? '' : undefined}\n\t\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonClick={handleClick}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{local.children}\n\t\t\t</li>\n\t\t</ComboboxItemContext.Provider>\n\t);\n}\n"]}

package/dist/src/components/combobox/combobox-listbox.css

@@ -1,21 +0,0 @@
-@layer components {
-	.fl-combobox_listbox {
-		--fl-combobox-listbox-pad: var(--fl-size-2);
-
-		/* reset */
-		list-style: none;
-
-		/* layout */
-		max-height: inherit;
-		overflow-y: auto;
-		scroll-padding-block: var(--fl-combobox-listbox-pad);
-
-		/* spacing */
-		margin: 0;
-		padding: var(--fl-combobox-listbox-pad);
-	}
-
-	.fl-combobox_listbox:focus {
-		outline: none;
-	}
-}

package/dist/src/components/combobox/combobox-listbox.d.ts

@@ -1,2 +0,0 @@
-import type { ComboboxListboxProps } from './types';
-export declare function ComboboxListbox<TOption = any, TOptionGroup = never>(props: ComboboxListboxProps): import("solid-js").JSX.Element;

package/dist/src/components/combobox/combobox-listbox.jsx

@@ -1,39 +0,0 @@
-import clsx from 'clsx/lite';
-import { For, Show, splitProps } from 'solid-js';
-import { comboboxClass } from './class';
-import { ComboboxGroup } from './combobox-group';
-import { ComboboxItem } from './combobox-item';
-import { ComboboxItemIndicator } from './combobox-item-indicator';
-import { ComboboxItemLabel } from './combobox-item-label';
-import { useComboboxContext } from './context';
-function DefaultItemComponent(props) {
-    return (<ComboboxItem item={props.item}>
-			<ComboboxItemLabel>{props.item.textValue}</ComboboxItemLabel>
-			<ComboboxItemIndicator />
-		</ComboboxItem>);
-}
-function DefaultGroupComponent(props) {
-    return <ComboboxGroup>{props.group.textValue}</ComboboxGroup>;
-}
-export function ComboboxListbox(props) {
-    const context = useComboboxContext();
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    const rootClass = () => clsx(comboboxClass.listbox, local.class);
-    const ItemComponent = () => context.itemComponent ?? DefaultItemComponent;
-    const GroupComponent = () => context.groupComponent ?? DefaultGroupComponent;
-    return (<ul id={`${context.rootId}-listbox`} class={rootClass()} role="listbox" {...rest}>
-			{local.children ?? (<For each={context.visibleGroups()}>
-					{(group) => {
-                const GroupRenderer = GroupComponent();
-                const ItemRenderer = ItemComponent();
-                return (<>
-								<Show when={group.rawValue !== undefined}>
-									<GroupRenderer group={group}/>
-								</Show>
-								<For each={group.items}>{(item) => <ItemRenderer item={item}/>}</For>
-							</>);
-            }}
-				</For>)}
-		</ul>);
-}
-//# sourceMappingURL=combobox-listbox.jsx.map

package/dist/src/components/combobox/combobox-listbox.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-listbox.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,SAAS,oBAAoB,CAAU,KAAuC;IAC7E,OAAO,CACN,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAC9B;GAAA,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,iBAAiB,CAC5D;GAAA,CAAC,qBAAqB,CAAC,AAAD,EACvB;EAAA,EAAE,YAAY,CAAC,CACf,CAAC;AACH,CAAC;AAED,SAAS,qBAAqB,CAAe,KAA6C;IACzF,OAAO,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,eAAe,CAAsC,KAA2B;IAC/F,MAAM,OAAO,GAAG,kBAAkB,EAAyB,CAAC;IAC5D,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,aAAa,IAAI,oBAA6B,CAAC;IACnF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,cAAc,IAAI,qBAAmC,CAAC;IAE3F,OAAO,CACN,CAAC,EAAE,CACF,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,UAAU,CAAC,CAChC,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,CAAC,SAAS,CACd,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,IAAI,CAClB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAClC;KAAA,CAAC,CAAC,KAAK,EAAE,EAAE;gBACV,MAAM,aAAa,GAAG,cAAc,EAAE,CAAC;gBACvC,MAAM,YAAY,GAAG,aAAa,EAAE,CAAC;gBAErC,OAAO,CACN,EACC;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CACxC;SAAA,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAC7B;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAG,CAAC,EAAE,GAAG,CACtE;OAAA,GAAG,CACH,CAAC;YACH,CAAC,CACF;IAAA,EAAE,GAAG,CAAC,CACN,CACF;EAAA,EAAE,EAAE,CAAC,CACL,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { For, Show, splitProps } from 'solid-js';\nimport { comboboxClass } from './class';\nimport { ComboboxGroup } from './combobox-group';\nimport { ComboboxItem } from './combobox-item';\nimport { ComboboxItemIndicator } from './combobox-item-indicator';\nimport { ComboboxItemLabel } from './combobox-item-label';\nimport { useComboboxContext } from './context';\nimport type { ComboboxListboxProps, ComboboxRenderGroupProps, ComboboxRenderItemProps } from './types';\n\nfunction DefaultItemComponent<TOption>(props: ComboboxRenderItemProps<TOption>) {\n\treturn (\n\t\t<ComboboxItem item={props.item}>\n\t\t\t<ComboboxItemLabel>{props.item.textValue}</ComboboxItemLabel>\n\t\t\t<ComboboxItemIndicator />\n\t\t</ComboboxItem>\n\t);\n}\n\nfunction DefaultGroupComponent<TOptionGroup>(props: ComboboxRenderGroupProps<TOptionGroup>) {\n\treturn <ComboboxGroup>{props.group.textValue}</ComboboxGroup>;\n}\n\nexport function ComboboxListbox<TOption = any, TOptionGroup = never>(props: ComboboxListboxProps) {\n\tconst context = useComboboxContext<TOption, TOptionGroup>();\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\tconst rootClass = () => clsx(comboboxClass.listbox, local.class);\n\tconst ItemComponent = () => context.itemComponent ?? DefaultItemComponent<TOption>;\n\tconst GroupComponent = () => context.groupComponent ?? DefaultGroupComponent<TOptionGroup>;\n\n\treturn (\n\t\t<ul\n\t\t\tid={`${context.rootId}-listbox`}\n\t\t\tclass={rootClass()}\n\t\t\trole=\"listbox\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children ?? (\n\t\t\t\t<For each={context.visibleGroups()}>\n\t\t\t\t\t{(group) => {\n\t\t\t\t\t\tconst GroupRenderer = GroupComponent();\n\t\t\t\t\t\tconst ItemRenderer = ItemComponent();\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Show when={group.rawValue !== undefined}>\n\t\t\t\t\t\t\t\t\t<GroupRenderer group={group} />\n\t\t\t\t\t\t\t\t</Show>\n\t\t\t\t\t\t\t\t<For each={group.items}>{(item) => <ItemRenderer item={item} />}</For>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t</For>\n\t\t\t)}\n\t\t</ul>\n\t);\n}\n"]}

package/dist/src/components/combobox/combobox-portal.d.ts

@@ -1,2 +0,0 @@
-import type { ComboboxPortalProps } from './types';
-export declare function ComboboxPortal(props: ComboboxPortalProps): import("solid-js").JSX.Element;

package/dist/src/components/combobox/combobox-portal.jsx

@@ -1,6 +0,0 @@
-import { children } from 'solid-js';
-export function ComboboxPortal(props) {
-    const resolvedChildren = children(() => props.children);
-    return <>{resolvedChildren()}</>;
-}
-//# sourceMappingURL=combobox-portal.jsx.map

package/dist/src/components/combobox/combobox-portal.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-portal.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-portal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,MAAM,UAAU,cAAc,CAAC,KAA0B;IACxD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAExD,OAAO,EAAE,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC;AAClC,CAAC","sourcesContent":["import { children } from 'solid-js';\nimport type { ComboboxPortalProps } from './types';\n\nexport function ComboboxPortal(props: ComboboxPortalProps) {\n\tconst resolvedChildren = children(() => props.children);\n\n\treturn <>{resolvedChildren()}</>;\n}\n"]}

package/dist/src/components/combobox/combobox-root.css

@@ -1,12 +0,0 @@
-@layer components {
-	.fl-combobox {
-		/* layout */
-		position: relative;
-		display: inline-flex;
-		flex-direction: column;
-		width: 100%;
-
-		/* spacing */
-		gap: var(--fl-size-1);
-	}
-}

package/dist/src/components/combobox/combobox-root.d.ts

@@ -1,3 +0,0 @@
-import { type JSX } from 'solid-js';
-import type { ComboboxRootProps } from './types';
-export declare function ComboboxRoot<TOption, TOptionGroup = never>(props: ComboboxRootProps<TOption, TOptionGroup>): JSX.Element;

package/dist/src/components/combobox/combobox-root.jsx

@@ -1,407 +0,0 @@
-import clsx from 'clsx/lite';
-import { children, createEffect, createMemo, createSignal, createUniqueId, mergeProps, onCleanup, onMount, splitProps, } from 'solid-js';
-import { comboboxClass } from './class';
-import { ComboboxContent } from './combobox-content';
-import { ComboboxControl } from './combobox-control';
-import { ComboboxInput } from './combobox-input';
-import { ComboboxListbox } from './combobox-listbox';
-import { ComboboxPortal } from './combobox-portal';
-import { ComboboxTrigger } from './combobox-trigger';
-import { ComboboxContext } from './context';
-import { callEventHandler, createContainsFilter, defaultTextValue, resolveAccessor, resolveGroupChildren, } from './util';
-export function ComboboxRoot(props) {
-    const merged = mergeProps({
-        closeOnSelection: true,
-    }, props);
-    const [local, rest] = splitProps(merged, [
-        'class',
-        'children',
-        'options',
-        'optionValue',
-        'optionTextValue',
-        'optionLabel',
-        'optionDisabled',
-        'optionGroupChildren',
-        'itemComponent',
-        'groupComponent',
-        'placeholder',
-        'value',
-        'defaultValue',
-        'inputValue',
-        'defaultInputValue',
-        'onChange',
-        'onInputChange',
-        'open',
-        'defaultOpen',
-        'onOpenChange',
-        'disabled',
-        'readOnly',
-        'required',
-        'name',
-        'closeOnSelection',
-        'onFocusOut',
-    ]);
-    const resolvedChildren = children(() => local.children);
-    const rootId = createUniqueId();
-    const [rootRef, setRootRef] = createSignal();
-    const [inputRef, setInputRef] = createSignal();
-    const [internalValue, setInternalValue] = createSignal(local.defaultValue ?? null);
-    const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
-    const [internalInputValue, setInternalInputValue] = createSignal(local.defaultInputValue ?? '');
-    const [filterValue, setFilterValue] = createSignal('');
-    const [highlightedKey, setHighlightedKey] = createSignal(null);
-    const [shouldScrollHighlightedItem, setShouldScrollHighlightedItem] = createSignal(false);
-    const isControlledValue = () => local.value !== undefined;
-    const isControlledInputValue = () => local.inputValue !== undefined;
-    const isControlledOpen = () => local.open !== undefined;
-    const filter = createMemo(() => createContainsFilter());
-    const inputValue = createMemo(() => {
-        if (isControlledInputValue()) {
-            return local.inputValue ?? '';
-        }
-        return internalInputValue();
-    });
-    const normalizedGroups = createMemo(() => {
-        const groups = [];
-        const looseItems = [];
-        let itemIndex = 0;
-        for (let index = 0; index < local.options.length; index += 1) {
-            const entry = local.options[index];
-            const groupChildren = resolveGroupChildren(entry, local.optionGroupChildren);
-            if (groupChildren !== undefined) {
-                const groupItems = groupChildren.map((option) => {
-                    const value = String(resolveAccessor(option, local.optionValue, defaultTextValue));
-                    const label = resolveAccessor(option, local.optionLabel, defaultTextValue);
-                    const textValue = resolveAccessor(option, local.optionTextValue, () => label);
-                    const disabled = Boolean(resolveAccessor(option, local.optionDisabled, () => false));
-                    const item = {
-                        key: `${value}-${itemIndex}`,
-                        value,
-                        label,
-                        textValue,
-                        disabled,
-                        rawValue: option,
-                    };
-                    itemIndex += 1;
-                    return item;
-                });
-                groups.push({
-                    key: `group-${index}`,
-                    textValue: defaultTextValue(entry),
-                    rawValue: entry,
-                    items: groupItems,
-                });
-                continue;
-            }
-            const option = entry;
-            const value = String(resolveAccessor(option, local.optionValue, defaultTextValue));
-            const label = resolveAccessor(option, local.optionLabel, defaultTextValue);
-            const textValue = resolveAccessor(option, local.optionTextValue, () => label);
-            const disabled = Boolean(resolveAccessor(option, local.optionDisabled, () => false));
-            looseItems.push({
-                key: `${value}-${itemIndex}`,
-                value,
-                label,
-                textValue,
-                disabled,
-                rawValue: option,
-            });
-            itemIndex += 1;
-        }
-        if (looseItems.length > 0) {
-            groups.unshift({
-                key: 'group-root',
-                textValue: '',
-                items: looseItems,
-            });
-        }
-        return groups;
-    });
-    const allItems = createMemo(() => normalizedGroups().flatMap((group) => group.items));
-    const selectedItem = createMemo(() => {
-        let selectedOption = internalValue();
-        if (isControlledValue()) {
-            selectedOption = local.value ?? null;
-        }
-        if (selectedOption == null) {
-            return null;
-        }
-        const selectedValue = String(resolveAccessor(selectedOption, local.optionValue, defaultTextValue));
-        return allItems().find((item) => item.value === selectedValue) ?? null;
-    });
-    const visibleGroups = createMemo(() => {
-        const currentInput = filterValue().trim();
-        return normalizedGroups()
-            .map((group) => ({
-            ...group,
-            items: group.items.filter((item) => filter()(item.rawValue, currentInput)),
-        }))
-            .filter((group) => group.items.length > 0);
-    });
-    const visibleItems = createMemo(() => visibleGroups().flatMap((group) => group.items));
-    const isOpen = createMemo(() => (isControlledOpen() ? Boolean(local.open) : internalOpen()) && visibleItems().length > 0);
-    const setOpen = (value) => {
-        if (!isControlledOpen()) {
-            setInternalOpen(value);
-        }
-        local.onOpenChange?.(value);
-    };
-    const setSelectedOption = (value) => {
-        if (!isControlledValue()) {
-            setInternalValue(() => value);
-        }
-        local.onChange?.(value);
-    };
-    const setDisplayedInputValue = (value, emitChange = false) => {
-        if (!isControlledInputValue()) {
-            setInternalInputValue(value);
-        }
-        if (emitChange) {
-            local.onInputChange?.(value);
-        }
-    };
-    const restoreInputFromSelection = () => {
-        setDisplayedInputValue(selectedItem()?.label ?? '', isControlledInputValue());
-        setFilterValue('');
-    };
-    const highlightByIndex = (index) => {
-        const items = visibleItems();
-        if (items.length === 0) {
-            setShouldScrollHighlightedItem(false);
-            setHighlightedKey(null);
-            return;
-        }
-        const boundedIndex = Math.min(Math.max(index, 0), items.length - 1);
-        setShouldScrollHighlightedItem(true);
-        setHighlightedKey(items[boundedIndex]?.key ?? null);
-    };
-    const highlightFirst = () => highlightByIndex(0);
-    const highlightLast = () => highlightByIndex(visibleItems().length - 1);
-    const highlightNext = () => {
-        const items = visibleItems();
-        const index = items.findIndex((item) => item.key === highlightedKey());
-        highlightByIndex(index >= 0 ? index + 1 : 0);
-    };
-    const highlightPrevious = () => {
-        const items = visibleItems();
-        const index = items.findIndex((item) => item.key === highlightedKey());
-        highlightByIndex(index >= 0 ? index - 1 : items.length - 1);
-    };
-    const openPopup = (strategy = 'first') => {
-        if (local.disabled || local.readOnly || visibleItems().length === 0) {
-            return;
-        }
-        setOpen(true);
-        if (strategy === 'last') {
-            highlightLast();
-            return;
-        }
-        if (strategy === 'preserve') {
-            if (highlightedKey() !== null) {
-                return;
-            }
-            if (selectedItem()) {
-                setShouldScrollHighlightedItem(true);
-                setHighlightedKey(selectedItem().key);
-                return;
-            }
-        }
-        highlightFirst();
-    };
-    const openAllOptions = (strategy = 'first') => {
-        if (local.disabled || local.readOnly || allItems().length === 0) {
-            return;
-        }
-        setFilterValue('');
-        setOpen(true);
-        if (strategy === 'last') {
-            highlightLast();
-            return;
-        }
-        if (strategy === 'preserve') {
-            if (highlightedKey() !== null) {
-                return;
-            }
-            if (selectedItem()) {
-                setShouldScrollHighlightedItem(true);
-                setHighlightedKey(selectedItem().key);
-                return;
-            }
-        }
-        highlightFirst();
-    };
-    const closePopup = (restoreInput = true) => {
-        setOpen(false);
-        setShouldScrollHighlightedItem(false);
-        setHighlightedKey(null);
-        if (restoreInput) {
-            restoreInputFromSelection();
-        }
-    };
-    const selectItem = (item) => {
-        if (item.disabled) {
-            return;
-        }
-        setSelectedOption(item.rawValue);
-        setDisplayedInputValue(item.label);
-        setFilterValue('');
-        setShouldScrollHighlightedItem(false);
-        setHighlightedKey(item.key);
-        if (local.closeOnSelection) {
-            setOpen(false);
-        }
-        inputRef()?.focus();
-    };
-    const clearPendingInput = () => {
-        if (selectedItem() === null) {
-            setDisplayedInputValue('', isControlledInputValue());
-            setFilterValue('');
-            return;
-        }
-        restoreInputFromSelection();
-    };
-    const clearSelectedItem = () => {
-        setSelectedOption(null);
-        setDisplayedInputValue('', true);
-        setFilterValue('');
-        setShouldScrollHighlightedItem(false);
-        setHighlightedKey(null);
-        setOpen(false);
-        inputRef()?.focus();
-    };
-    createEffect(() => {
-        if (!isControlledValue()) {
-            return;
-        }
-        if (selectedItem() !== null) {
-            restoreInputFromSelection();
-            return;
-        }
-        setFilterValue('');
-        if (!isControlledInputValue()) {
-            setDisplayedInputValue('');
-        }
-    });
-    createEffect(() => {
-        const items = visibleItems();
-        const selected = selectedItem();
-        if (items.length === 0) {
-            setShouldScrollHighlightedItem(false);
-            setHighlightedKey(null);
-            setOpen(false);
-            return;
-        }
-        if (highlightedKey() && items.some((item) => item.key === highlightedKey())) {
-            return;
-        }
-        if (isOpen()) {
-            if (selected && items.some((item) => item.key === selected.key)) {
-                setShouldScrollHighlightedItem(true);
-                setHighlightedKey(selected.key);
-                return;
-            }
-            highlightFirst();
-        }
-    });
-    onMount(() => {
-        restoreInputFromSelection();
-        const handlePointerDown = (event) => {
-            const root = rootRef();
-            if (!root || root.contains(event.target)) {
-                return;
-            }
-            closePopup(true);
-        };
-        document.addEventListener('pointerdown', handlePointerDown);
-        onCleanup(() => {
-            document.removeEventListener('pointerdown', handlePointerDown);
-        });
-    });
-    const context = {
-        rootId,
-        rootRef,
-        setRootRef,
-        inputRef,
-        setInputRef,
-        inputValue,
-        setInputValue: (value) => {
-            const selected = selectedItem();
-            if (selected && value !== selected.label) {
-                setSelectedOption(null);
-            }
-            setDisplayedInputValue(value, true);
-            setFilterValue(value);
-            if (value.trim() === '') {
-                closePopup(false);
-                return;
-            }
-            openPopup('first');
-        },
-        isOpen,
-        openPopup,
-        openAllOptions,
-        closePopup,
-        togglePopup: () => {
-            if (isOpen()) {
-                closePopup(true);
-                return;
-            }
-            openPopup('first');
-        },
-        visibleGroups,
-        visibleItems,
-        selectedItem,
-        highlightedKey,
-        shouldScrollHighlightedItem,
-        setHighlightedKey: (key) => {
-            setShouldScrollHighlightedItem(false);
-            setHighlightedKey(key);
-        },
-        highlightNext,
-        highlightPrevious,
-        highlightFirst,
-        highlightLast,
-        selectItem,
-        getItemId: (key) => `${rootId}-item-${key}`,
-        itemComponent: local.itemComponent,
-        groupComponent: local.groupComponent,
-        placeholder: () => local.placeholder,
-        disabled: () => Boolean(local.disabled),
-        readOnly: () => Boolean(local.readOnly),
-        required: () => Boolean(local.required),
-        name: () => local.name,
-        clearPendingInput,
-        clearSelectedItem,
-    };
-    const rootClass = () => clsx(comboboxClass.root, local.class);
-    const handleFocusOut = (event) => {
-        callEventHandler(local.onFocusOut, event);
-        const nextTarget = event.relatedTarget;
-        if (nextTarget && rootRef()?.contains(nextTarget)) {
-            return;
-        }
-        queueMicrotask(() => {
-            const activeElement = document.activeElement;
-            if (activeElement instanceof Node && rootRef()?.contains(activeElement)) {
-                return;
-            }
-            closePopup(true);
-        });
-    };
-    return (<ComboboxContext.Provider value={context}>
-			<div class={rootClass()} ref={setRootRef} onFocusOut={handleFocusOut} {...rest}>
-				{local.children ? (resolvedChildren()) : (<>
-						<ComboboxControl>
-							<ComboboxInput aria-label={local.placeholder ?? 'Combobox'}/>
-							<ComboboxTrigger />
-						</ComboboxControl>
-						<ComboboxPortal>
-							<ComboboxContent>
-								<ComboboxListbox />
-							</ComboboxContent>
-						</ComboboxPortal>
-					</>)}
-			</div>
-		</ComboboxContext.Provider>);
-}
-//# sourceMappingURL=combobox-root.jsx.map