@a-type/ui 4.1.0-beta.6 → 4.1.0

package/dist/esm/components/combobox/Combobox.js

@@ -0,0 +1,271 @@
+// @unocss-include
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as BaseCombobox from '@base-ui/react/combobox';
+import clsx from 'clsx';
+import { createContext, useContext, useRef, useState, } from 'react';
+import { withClassName } from '../../hooks.js';
+import { Button } from '../button/Button.js';
+import { Chip } from '../chip/Chip.js';
+import { Icon } from '../icon/Icon.js';
+import { Input } from '../input/Input.js';
+import { arrowClassName, itemClassName, itemListClassName, popupClassName, separatorClassName, } from '../primitives/menus.js';
+import { ArrowSvg } from '../utility/ArrowSvg.js';
+import { SlotDiv } from '../utility/SlotDiv.js';
+export const comboboxPopupClassName = clsx(popupClassName, 'layer-components:w-[--anchor-width]');
+export const comboboxBackdropClassName = clsx('layer-components:fixed layer-components:inset-0');
+export const comboboxListClassName = clsx(itemListClassName, 'layer-components:flex layer-components:flex-col layer-components:overscroll-contain layer-components:outline-none layer-components:overflow-y-auto layer-components:overflow-unstable', 'layer-components:empty:p-0');
+export const comboboxIconClassName = clsx('icon', 'layer-components:flex layer-components:shrink-0 layer-components:items-center layer-components:justify-center layer-components:transition-transform', 'layer-components:data-[open]:rotate-180');
+export const comboboxEmptyClassName = clsx('layer-components:[&:not(:empty)]:p-sm layer-components:[&:not(:empty)]:text-sm layer-components:[&:not(:empty)]:color-gray-dark');
+export const comboboxGroupClassName = clsx('layer-components:flex layer-components:flex-col layer-components:gap-xs layer-components:overflow-hidden layer-components:p-sm');
+export const comboboxGroupItemListClassName = clsx('layer-components:flex layer-components:flex-row layer-components:flex-wrap layer-components:gap-xs');
+export const comboboxGroupLabelClassName = clsx('layer-components:w-full layer-components:px-xs layer-components:text-xs layer-components:font-medium layer-components:uppercase layer-components:color-gray-dark');
+export const comboboxRowClassName = clsx('layer-components:flex layer-components:items-center layer-components:gap-xs');
+export const comboboxGroupItemClassName = clsx('layer-composed-2:bg-white', 'layer-composed-2:data-[highlighted]:ring-2 layer-composed-2:data-[highlighted]:bg-main-wash layer-composed-2:data-[highlighted]:ring-primary');
+export function ComboboxComposedInput(_a) {
+    var { open, ref, className, icon, children, disableCaret, disableClear } = _a, props = __rest(_a, ["open", "ref", "className", "icon", "children", "disableCaret", "disableClear"]);
+    const hasValue = !!useContext(ComboboxValueContext);
+    const isInChips = useContext(ComboboxChipsContext);
+    const clearAndCaret = ((!disableClear && hasValue) || !disableCaret) && (_jsxs("div", { className: "flex flex-shrink-0 items-center", children: [!disableClear && hasValue && _jsx(ComboboxClear, {}), !disableCaret && _jsx(ComboboxTrigger, { open: open })] }));
+    if (isInChips) {
+        return (_jsxs("div", { className: clsx('max-w-full min-w-12ch flex flex-1 flex-row items-center gap-xs', className), children: [_jsx(Input.Input, Object.assign({ autoComplete: "off", ref: ref, className: clsx('layer-components:min-w-3ch layer-components:flex-1'), minLength: 3 }, props)), clearAndCaret, children] }));
+    }
+    return (_jsxs(Input.Border, { ref: ref, className: className, children: [icon, _jsx(Input.Input, Object.assign({ autoComplete: "off", minLength: 3 }, props)), clearAndCaret, children] }));
+}
+export const ComboboxValueContext = createContext(null);
+const ComboboxCreatableContext = createContext({
+    inputValue: '',
+});
+const createableSymbol = Symbol('combobox-creatable');
+function makeCreatableItem(input) {
+    const item = {
+        [createableSymbol]: true,
+        value: input,
+        label: input,
+        key: input,
+        id: input,
+    };
+    return item;
+}
+function isCreatableItem(item) {
+    return !!(item === null || item === void 0 ? void 0 : item[createableSymbol]);
+}
+function getCreateableItem(value) {
+    if (isCreatableItem(value)) {
+        return value;
+    }
+    if (Array.isArray(value)) {
+        return value.find((v) => isCreatableItem(v));
+    }
+    return null;
+}
+function matchItem(items, itemToStringLabel, input) {
+    return items.find((item) => {
+        const label = itemToStringLabel
+            ? itemToStringLabel(item)
+            : (item === null || item === void 0 ? void 0 : item.label) || (item === null || item === void 0 ? void 0 : item.value) || '';
+        return label.toLowerCase() === input.toString().trim().toLowerCase();
+    });
+}
+const ComboboxRoot = (_a) => {
+    var { onCreate, items: userItems, onItemHighlighted, itemToStringLabel: userItemToStringLabel, inputValue: userInputValue, onInputValueChange: userOnInputValueChange, onValueChange: userOnValueChange, showCreatableItem } = _a, props = __rest(_a, ["onCreate", "items", "onItemHighlighted", "itemToStringLabel", "inputValue", "onInputValueChange", "onValueChange", "showCreatableItem"]);
+    const highlightedItemRef = useRef(null);
+    const handleItemHighlighted = (item, ev) => {
+        highlightedItemRef.current = item;
+        onItemHighlighted === null || onItemHighlighted === void 0 ? void 0 : onItemHighlighted(item, ev);
+    };
+    const onInputEnter = onCreate
+        ? (value) => {
+            if (highlightedItemRef.current)
+                return;
+            onCreate(value);
+        }
+        : undefined;
+    const [internalInputValue, setInternalInputValue] = useState(userInputValue || props.defaultInputValue || '');
+    const inputValue = (userInputValue === undefined ? internalInputValue : userInputValue).toString();
+    const canCreate = !!(showCreatableItem &&
+        onCreate &&
+        inputValue &&
+        !matchItem(userItems !== null && userItems !== void 0 ? userItems : [], userItemToStringLabel, inputValue));
+    const items = canCreate
+        ? userItems
+            ? [...userItems, makeCreatableItem(inputValue)]
+            : [makeCreatableItem(inputValue)]
+        : userItems;
+    const anchorRef = useRef(null);
+    return (_jsx(ComboboxAnchorContext.Provider, { value: anchorRef, children: _jsx(ComboboxCreatableContext.Provider, { value: { inputValue, onInputEnter, showCreatableItem: canCreate }, children: _jsx(ComboboxValueContext.Provider, { value: props.value || null, children: _jsx(BaseCombobox.Combobox.Root, Object.assign({}, props, { items: items, inputValue: userInputValue, itemToStringLabel: userItemToStringLabel, onInputValueChange: (value, ev) => {
+                        if (userInputValue === undefined) {
+                            setInternalInputValue(value);
+                        }
+                        userOnInputValueChange === null || userOnInputValueChange === void 0 ? void 0 : userOnInputValueChange(value, ev);
+                    }, onValueChange: (value, ev) => {
+                        const creatable = getCreateableItem(value);
+                        if (creatable) {
+                            onCreate === null || onCreate === void 0 ? void 0 : onCreate(creatable.value);
+                            if (value === creatable) {
+                                return;
+                            }
+                            if (Array.isArray(value)) {
+                                value = value.filter((v) => v !== creatable);
+                            }
+                        }
+                        userOnValueChange === null || userOnValueChange === void 0 ? void 0 : userOnValueChange(value, ev);
+                    }, onItemHighlighted: handleItemHighlighted })) }) }) }));
+};
+function ComboboxTrigger(_a) {
+    var { children, open } = _a, props = __rest(_a, ["children", "open"]);
+    return (_jsx(BaseCombobox.Combobox.Trigger, Object.assign({ render: _jsx(Button, { emphasis: "ghost", size: "small" }) }, props, { children: children !== null && children !== void 0 ? children : _jsx(ComboboxIcon, { "data-open": open }) })));
+}
+function ComboboxInput(_a) {
+    var { disableCaret, disableClear, icon, children, onKeyDown: userOnKeyDown } = _a, outerProps = __rest(_a, ["disableCaret", "disableClear", "icon", "children", "onKeyDown"]);
+    const { onInputEnter } = useContext(ComboboxCreatableContext);
+    const handleKeyDown = (ev) => {
+        if (ev.key === 'Enter' && onInputEnter) {
+            onInputEnter(ev.currentTarget.value);
+        }
+        userOnKeyDown === null || userOnKeyDown === void 0 ? void 0 : userOnKeyDown(ev);
+    };
+    return (_jsx(BaseCombobox.Combobox.Input, Object.assign({ onKeyDown: handleKeyDown, render: (props, state) => (_jsx(ComboboxComposedInput, Object.assign({}, props, { open: state.open, disableCaret: disableCaret, disableClear: disableClear, icon: icon, children: children }))) }, outerProps)));
+}
+const ComboboxAnchorContext = createContext(null);
+const ComboboxChipsContext = createContext(false);
+function ComboboxChips(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const anchorRef = useContext(ComboboxAnchorContext);
+    return (_jsx(ComboboxChipsContext.Provider, { value: true, children: _jsx(BaseCombobox.Combobox.Chips, Object.assign({ ref: anchorRef || undefined, className: clsx('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs', className), render: _jsx(Input.Border, {}) }, props)) }));
+}
+const ComboboxChipsList = withClassName(SlotDiv, 'layer-components:flex layer-components:flex-row layer-components:flex-wrap layer-components:gap-xs layer-components:p-xs', 'layer-components:empty:hidden');
+function ComboboxChip(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (_jsxs(BaseCombobox.Combobox.Chip, Object.assign({ render: _jsx(Chip, {}), className: clsx('layer-composed-2:my-auto layer-composed-2:flex layer-composed-2:flex-row layer-composed-2:items-center layer-composed-2:gap-xs layer-composed-2:px-sm layer-composed-2:bg-white', className) }, props, { children: [children, _jsx(BaseCombobox.Combobox.ChipRemove, { render: _jsx(Button, { size: "small", emphasis: "ghost", className: "min-h-0 min-w-0 p-0 leading-1", children: _jsx(Icon, { name: "x", size: 10 }) }) })] })));
+}
+function ComboboxIcon(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(BaseCombobox.Combobox.Icon, Object.assign({}, props, { className: clsx(comboboxIconClassName, className), children: _jsx(Icon, { name: "chevron" }) })));
+}
+const ComboboxPopup = withClassName(BaseCombobox.Combobox.Popup, comboboxPopupClassName);
+const ComboboxBackdrop = withClassName(BaseCombobox.Combobox.Backdrop, comboboxBackdropClassName);
+function ComboboxArrow(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(BaseCombobox.Combobox.Arrow, Object.assign({}, props, { className: clsx(arrowClassName, className), children: _jsx(ArrowSvg, {}) })));
+}
+function ComboboxContent(_a) {
+    var { positioner, arrow, children } = _a, props = __rest(_a, ["positioner", "arrow", "children"]);
+    const anchorRef = useContext(ComboboxAnchorContext);
+    return (_jsxs(BaseCombobox.Combobox.Portal, { children: [_jsx(ComboboxBackdrop, {}), _jsx(BaseCombobox.Combobox.Positioner, Object.assign({ sideOffset: 8, anchor: anchorRef }, positioner, { children: _jsxs(ComboboxPopup, Object.assign({}, props, { children: [arrow && _jsx(ComboboxArrow, {}), children] })) }))] }));
+}
+function ComboboxList(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(BaseCombobox.Combobox.List, Object.assign({ className: clsx(comboboxListClassName, className) }, props)));
+}
+const ComboboxEmpty = withClassName(BaseCombobox.Combobox.Empty, comboboxEmptyClassName);
+function ComboboxItem(_a) {
+    var { className, color = 'gray', children } = _a, props = __rest(_a, ["className", "color", "children"]);
+    return (_jsxs(BaseCombobox.Combobox.Item, Object.assign({}, props, { className: clsx(color && `palette-${color}`, itemClassName, 'layer-components:data-[selected]:color-gray-dark', className), children: [children, _jsx(ComboboxItemIndicator, {})] })));
+}
+const ComboboxItemIndicator = withClassName((props) => (_jsx(BaseCombobox.Combobox.ItemIndicator, Object.assign({}, props, { render: (_a) => {
+        var { children: _ } = _a, rest = __rest(_a, ["children"]);
+        return _jsx(Icon, Object.assign({ name: "check" }, rest));
+    } }))), 'layer-components:ml-auto');
+const ComboboxGroup = withClassName(BaseCombobox.Combobox.Group, comboboxGroupClassName);
+const ComboboxGroupItemList = withClassName(SlotDiv, comboboxGroupItemListClassName);
+const ComboboxGroupLabel = withClassName(BaseCombobox.Combobox.GroupLabel, comboboxGroupLabelClassName);
+const ComboboxRow = withClassName(BaseCombobox.Combobox.Row, comboboxRowClassName);
+const ComboboxSeparator = withClassName(BaseCombobox.Combobox.Separator, separatorClassName);
+function ComboboxGroupItem(_a) {
+    var { className, replace, render, color, children } = _a, props = __rest(_a, ["className", "replace", "render", "color", "children"]);
+    return (_jsxs(BaseCombobox.Combobox.Item, Object.assign({ render: replace !== null && replace !== void 0 ? replace : _jsx(Button, { render: _jsx(Chip, { render: render, color: color }) }) }, props, { className: clsx(comboboxGroupItemClassName, 'layer-components:data-[selected]:color-gray-dark', className), children: [children, _jsx(ComboboxItemIndicator, { className: "layer-components:h-10px layer-components:w-10px" })] })));
+}
+function ComboboxMultiValue(_a) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx(SlotDiv, Object.assign({ className: clsx('max-w-full flex flex-row flex-wrap gap-xs', className) }, props, { children: _jsx(BaseCombobox.Combobox.Value, { children: children }) })));
+}
+function ComboboxClear(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (_jsx(BaseCombobox.Combobox.Clear, Object.assign({ render: _jsx(Button, { emphasis: "ghost", size: "small" }) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Icon, { name: "x" }) })));
+}
+const baseSubComponents = {
+    useFilter: BaseCombobox.Combobox.useFilter,
+    makeCreatableItem,
+    isCreatableItem,
+    Input: ComboboxInput,
+    Content: ComboboxContent,
+    Empty: ComboboxEmpty,
+    List: ComboboxList,
+    Item: ComboboxItem,
+    Group: ComboboxGroup,
+    GroupItemList: ComboboxGroupItemList,
+    GroupLabel: ComboboxGroupLabel,
+    Row: ComboboxRow,
+    Separator: ComboboxSeparator,
+    ItemGroup: ComboboxGroupItem,
+    Icon: ComboboxIcon,
+    Clear: ComboboxClear,
+    Chips: ComboboxChips,
+    Chip: ComboboxChip,
+    ChipsList: ComboboxChipsList,
+    Value: BaseCombobox.Combobox.Value,
+    MultiValue: ComboboxMultiValue,
+    Positioner: BaseCombobox.Combobox.Positioner,
+    Portal: BaseCombobox.Combobox.Portal,
+    Backdrop: ComboboxBackdrop,
+    Arrow: ComboboxArrow,
+    Popup: ComboboxPopup,
+    ListItem: ComboboxItem,
+    GroupItem: ComboboxGroupItem,
+    Unstyled: BaseCombobox.Combobox,
+};
+function createCombobox() {
+    function TypedRoot(props) {
+        return _jsx(ComboboxRoot, Object.assign({}, props));
+    }
+    function TypedMultiRoot(props) {
+        return _jsx(ComboboxRoot, Object.assign({ multiple: true }, props));
+    }
+    function TypedList(props) {
+        return _jsx(ComboboxList, Object.assign({}, props));
+    }
+    function TypedItem(props) {
+        return _jsx(ComboboxItem, Object.assign({}, props));
+    }
+    function TypedValue(props) {
+        return _jsx(BaseCombobox.Combobox.Value, Object.assign({}, props));
+    }
+    function TypedMultiValue(props) {
+        return _jsx(ComboboxMultiValue, Object.assign({}, props));
+    }
+    return Object.assign(TypedRoot, Object.assign(Object.assign({}, baseSubComponents), { Multi: TypedMultiRoot, Item: TypedItem, List: TypedList, Value: TypedValue, MultiValue: TypedMultiValue }));
+}
+function createComboboxGrouped() {
+    function TypedRoot(props) {
+        return _jsx(ComboboxRoot, Object.assign({}, props));
+    }
+    function TypedMultiRoot(props) {
+        return _jsx(ComboboxRoot, Object.assign({ multiple: true }, props));
+    }
+    function TypedList(props) {
+        return _jsx(ComboboxList, Object.assign({}, props));
+    }
+    function TypedItem(props) {
+        return _jsx(ComboboxGroupItem, Object.assign({}, props));
+    }
+    function TypedValue(props) {
+        return _jsx(BaseCombobox.Combobox.Value, Object.assign({}, props));
+    }
+    function TypedMultiValue(props) {
+        return _jsx(ComboboxMultiValue, Object.assign({}, props));
+    }
+    return Object.assign(TypedRoot, Object.assign(Object.assign({}, baseSubComponents), { Multi: TypedMultiRoot, Item: TypedItem, List: TypedList, Group: ComboboxGroup, GroupList: ComboboxGroupItemList, GroupLabel: ComboboxGroupLabel, Row: ComboboxRow, Value: TypedValue, MultiValue: TypedMultiValue }));
+}
+export const Combobox = Object.assign(ComboboxRoot, Object.assign({ create: createCombobox, createGrouped: createComboboxGrouped }, baseSubComponents));
+//# sourceMappingURL=Combobox.js.map

package/dist/esm/components/combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/combobox/Combobox.stories.d.ts

@@ -0,0 +1,53 @@
+import type { StoryObj } from '@storybook/react';
+interface Args {
+    arrow?: boolean;
+    autoHighlight?: boolean;
+    creatable?: boolean;
+    highlightItemOnHover?: boolean;
+}
+declare const meta: {
+    title: string;
+    argTypes: {
+        arrow: {
+            control: "boolean";
+            description: string;
+            defaultValue: boolean;
+        };
+        autoHighlight: {
+            control: "boolean";
+            description: string;
+            defaultValue: boolean;
+        };
+        highlightItemOnHover: {
+            control: "boolean";
+            description: string;
+            defaultValue: boolean;
+        };
+        creatable: {
+            control: "boolean";
+            description: string;
+            defaultValue: boolean;
+        };
+    };
+    args: {
+        arrow: false;
+        autoHighlight: false;
+        highlightItemOnHover: true;
+        creatable: false;
+    };
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<Args>;
+export interface Item {
+    id: string;
+    label: string;
+}
+export declare const Default: Story;
+export declare const Grouped: Story;
+export declare const NotPopover: Story;
+export declare const MultiSelect: Story;

package/dist/esm/components/combobox/Combobox.stories.js

@@ -0,0 +1,112 @@
+// @unocss-include
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box } from '../box/Box.js';
+import { Button } from '../button/Button.js';
+import { Icon } from '../icon/Icon.js';
+import { Combobox } from './Combobox.js';
+const meta = {
+    title: 'Components/Combobox',
+    argTypes: {
+        arrow: {
+            control: 'boolean',
+            description: 'Whether to show the arrow on the Combobox popup.',
+            defaultValue: false,
+        },
+        autoHighlight: {
+            control: 'boolean',
+            description: 'If true, the first item will be automatically highlighted when the list opens.',
+            defaultValue: false,
+        },
+        highlightItemOnHover: {
+            control: 'boolean',
+            description: 'If true, items will be highlighted when hovered with the mouse.',
+            defaultValue: false,
+        },
+        creatable: {
+            control: 'boolean',
+            description: 'If true, the Combobox will allow creating new items based on user input.',
+            defaultValue: false,
+        },
+    },
+    args: {
+        arrow: false,
+        autoHighlight: false,
+        highlightItemOnHover: true,
+        creatable: false,
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const items = [
+    { id: 'apple', label: 'Apple' },
+    { id: 'banana', label: 'Banana' },
+    { id: 'cherry', label: 'Cherry' },
+    { id: 'date', label: 'Date' },
+    { id: 'elderberry', label: 'Elderberry' },
+    { id: 'fig', label: 'Fig' },
+    { id: 'grape', label: 'Grape' },
+    { id: 'honeydew', label: 'Honeydew' },
+];
+const ExampleCombobox = Combobox.create();
+export const Default = {
+    render({ arrow, autoHighlight, highlightItemOnHover, creatable }) {
+        const [value, setValue] = useState(null);
+        const allItems = value && items.includes(value)
+            ? items
+            : value
+                ? [value, ...items]
+                : items;
+        return (_jsxs(ExampleCombobox, { value: value, onValueChange: setValue, items: allItems, autoHighlight: autoHighlight, highlightItemOnHover: highlightItemOnHover, showCreatableItem: creatable, onCreate: creatable
+                ? (value) => {
+                    console.log('Creating item:', value);
+                    setValue({ id: value, label: value });
+                }
+                : undefined, children: [_jsx(ExampleCombobox.Input, { icon: _jsx(Icon, { name: "food" }), className: "w-[200px]" }), _jsxs(ExampleCombobox.Content, { arrow: arrow, children: [_jsx(ExampleCombobox.List, { children: (item) => (_jsx(ExampleCombobox.Item, { value: item, children: item.label }, item.id)) }), _jsx(ExampleCombobox.Empty, { children: "No results found." })] })] }));
+    },
+};
+const groupedItems = [
+    {
+        category: 'Fruits',
+        items: [
+            { id: 'apple', label: 'Apple' },
+            { id: 'banana', label: 'Banana' },
+            { id: 'cherry', label: 'Cherry' },
+        ],
+    },
+    {
+        category: 'Berries',
+        items: [
+            { id: 'strawberry', label: 'Strawberry' },
+            { id: 'blueberry', label: 'Blueberry' },
+            { id: 'raspberry', label: 'Raspberry' },
+        ],
+    },
+];
+const GroupedCombobox = Combobox.createGrouped();
+export const Grouped = {
+    render({ arrow, autoHighlight, highlightItemOnHover, creatable }) {
+        const [value, setValue] = useState(null);
+        const [input, setInput] = useState('');
+        return (_jsxs(GroupedCombobox, { value: value, onValueChange: setValue, inputValue: input, onInputValueChange: setInput, items: groupedItems, autoHighlight: autoHighlight, highlightItemOnHover: highlightItemOnHover, onCreate: creatable
+                ? (value) => alert(`Create item: ${value}`)
+                : undefined, children: [_jsx(GroupedCombobox.Input, {}), _jsxs(GroupedCombobox.Content, { arrow: arrow, children: [_jsx(GroupedCombobox.List, { children: (group) => (_jsxs(GroupedCombobox.Group, { children: [_jsx(GroupedCombobox.GroupLabel, { children: group.category }), _jsx(GroupedCombobox.GroupList, { children: group.items.map((item) => (_jsx(GroupedCombobox.Item, { value: item, children: item.label }, item.id))) })] }, group.category)) }), _jsx(GroupedCombobox.Empty, { children: creatable ? (_jsxs("div", { children: [_jsx(Icon, { name: "enterKey" }), " Create \"", input, "\""] })) : (`No results found.`) }), _jsx(GroupedCombobox.Separator, {}), _jsxs("div", { className: "p-sm text-xs color-gray-dark", children: ["Select your favorite fruit or berry.", creatable ? ' Enter creates a new item.' : ''] })] })] }));
+    },
+};
+export const NotPopover = {
+    render({ autoHighlight, highlightItemOnHover, creatable }) {
+        const [value, setValue] = useState(null);
+        return (_jsx(GroupedCombobox, { value: value, onValueChange: setValue, items: groupedItems, autoHighlight: autoHighlight, highlightItemOnHover: highlightItemOnHover, onCreate: creatable
+                ? (value) => alert(`Create item: ${value}`)
+                : undefined, children: _jsxs(Box, { border: true, p: true, surface: "white", col: true, children: [_jsx(GroupedCombobox.Input, { disableCaret: true, className: "w-full", disableClear: true, children: _jsx(Button, { size: "small", emphasis: "primary", className: "aspect-1 h-full", children: _jsx(Icon, { name: "plus" }) }) }), _jsx(GroupedCombobox.List, { children: (group) => (_jsxs(GroupedCombobox.Group, { children: [_jsx(GroupedCombobox.GroupLabel, { children: group.category }), _jsx(GroupedCombobox.GroupList, { children: group.items.map((item) => (_jsx(GroupedCombobox.Item, { value: item, children: item.label }, item.id))) })] }, group.category)) }), _jsx(GroupedCombobox.Empty, { children: "No results found." })] }) }));
+    },
+};
+export const MultiSelect = {
+    render({ arrow, autoHighlight, highlightItemOnHover, creatable }) {
+        const [value, setValue] = useState([]);
+        return (_jsxs(ExampleCombobox.Multi, { multiple: true, value: value, onValueChange: setValue, items: items, autoHighlight: autoHighlight, highlightItemOnHover: highlightItemOnHover, showCreatableItem: creatable, children: [_jsx(ExampleCombobox.Chips, { className: "w-300px", children: _jsx(ExampleCombobox.MultiValue, { children: (items) => (_jsxs(_Fragment, { children: [_jsx(ExampleCombobox.ChipsList, { children: items.map((item) => (_jsx(ExampleCombobox.Chip, { children: item.label }, item.id))) }), _jsx(ExampleCombobox.Input, {})] })) }) }), _jsxs(ExampleCombobox.Content, { arrow: arrow, children: [_jsx(ExampleCombobox.List, { children: (item) => (_jsx(ExampleCombobox.Item, { value: item, children: item.label }, item.id)) }), _jsx(ExampleCombobox.Empty, { children: "No results found." })] })] }));
+    },
+};
+//# sourceMappingURL=Combobox.stories.js.map

package/dist/esm/components/combobox/Combobox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.stories.js","sourceRoot":"","sources":["../../../../src/components/combobox/Combobox.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/input/Input.js

@@ -18,7 +18,7 @@ import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.j
 import { GroupScaleReset } from '../../systems/GroupScale.js';
 import { inputInfo } from '../../systems/inputs.js';
 export const inputClassName = clsx('layer-components:min-w-60px layer-components:flex-1 layer-components:select-auto layer-components:border-none layer-components:px-0 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:bg-transparent', 'layer-components:md:min-w-120px', 'layer-components:placeholder:color-gray-dark', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none', 'layer-components:first:rounded-l-inherit layer-components:first:pl-md', 'layer-components:last:rounded-r-inherit layer-components:last:pr-md');
-const inputBorderClassName = clsx('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-gray-dark', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
+const inputBorderClassName = clsx('layer-components:[--local-corner-scale:1] layer-components:[--spacing-scale:1]', 'layer-components:[--global-shadow-spread:0] layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-gray-dark', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
 function InputBorderImpl(props) {
     return (_jsx(GroupScaleReset, { children: _jsx("div", Object.assign({}, props)) }));
 }

package/dist/esm/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,KAAK,IAAI,SAAS,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CACjC,+GAA+G,EAC/G,mCAAmC,EACnC,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAI,CAChC,iEAAiE,EACjE,yMAAyM,EACzM,gDAAgD,EAChD,kIAAkI,EAClI,oHAAoH,EACpH,2JAA2J,EAC3J,4EAA4E,EAC5E,oCAAoC,CACpC,CAAC;AAEF,SAAS,eAAe,CACvB,KAEC;IAED,OAAO,CACN,KAAC,eAAe,cACf,8BAAS,KAAK,EAAI,GACD,CAClB,CAAC;AACH,CAAC;AACD,MAAM,WAAW,GAAG,aAAa,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;AAEzE,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAW1B;QAX0B,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAGD,EADT,KAAK,cAV8B,0HAWtC,CADQ;IAER,MAAM,WAAW,GAA8B,CAAC,EAAE,EAAE,EAAE;QACrD,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,IACC,SAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,eAAe,GAAG,GAAG,EAC3C,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IACF,MAAM,UAAU,GAA6B,CAAC,EAAE,EAAE,EAAE;QACnD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,wBAAwB,CACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,KAAC,SAAS,kBACT,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,IACtC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAcF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAM9B;QAN8B,EAC1C,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,OAEA,EADT,KAAK,cALkC,4DAM1C,CADQ;IAER,OAAO,CACN,MAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,KAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}

package/dist/esm/components/input/Input.stories.d.ts

@@ -24,3 +24,4 @@ type Story = StoryObj<typeof Input>;
 export declare const Default: Story;
 export declare const ButtonAndInput: Story;
 export declare const WithAccessories: Story;
+export declare const NestedInBoxes: Story;

package/dist/esm/components/input/Input.stories.js

@@ -22,4 +22,7 @@ export const ButtonAndInput = {
 export const WithAccessories = {
     render: (args) => (_jsxs(Input.Border, { children: [_jsx(Icon, { name: "search" }), _jsx(Input.Input, Object.assign({ placeholder: "Search..." }, args)), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "arrowRight" }) })] })),
 };
+export const NestedInBoxes = {
+    render: (args) => (_jsx(Box, { p: true, border: true, rounded: true, children: _jsx(Box, { p: true, border: true, rounded: true, children: _jsx(Input, Object.assign({ placeholder: "Type something..." }, args)) }) })),
+};
 //# sourceMappingURL=Input.stories.js.map

package/dist/esm/components/input/Input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/input/Input.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE;QACT,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChC;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC4B,CAAC;AAE/B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAU;IACpC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,KAAC,KAAK,kBAAC,WAAW,EAAC,mBAAmB,IAAK,IAAI,EAAI,EACnD,KAAC,MAAM,yBAAgB,IAClB,CACN;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,MAAC,KAAK,CAAC,MAAM,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,KAAC,KAAK,CAAC,KAAK,kBAAC,WAAW,EAAC,WAAW,IAAK,IAAI,EAAI,EACjD,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,YACvB,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GAClB,IACK,CACf;CACD,CAAC"}
+{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/input/Input.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE;QACT,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChC;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC4B,CAAC;AAE/B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAU;IACpC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,KAAC,KAAK,kBAAC,WAAW,EAAC,mBAAmB,IAAK,IAAI,EAAI,EACnD,KAAC,MAAM,yBAAgB,IAClB,CACN;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,MAAC,KAAK,CAAC,MAAM,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,KAAC,KAAK,CAAC,KAAK,kBAAC,WAAW,EAAC,WAAW,IAAK,IAAI,EAAI,EACjD,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,YACvB,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GAClB,IACK,CACf;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IACnC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,GAAG,IAAC,CAAC,QAAC,MAAM,QAAC,OAAO,kBACpB,KAAC,GAAG,IAAC,CAAC,QAAC,MAAM,QAAC,OAAO,kBACpB,KAAC,KAAK,kBAAC,WAAW,EAAC,mBAAmB,IAAK,IAAI,EAAI,GAC9C,GACD,CACN;CACD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "4.1.0-beta.6",
+  "version": "4.1.0",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"
@@ -117,8 +117,9 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "up-radix": "pnpm update \"@radix-ui/*\" --latest",
-    "bump": "pnpm run build && bumpp",
+    "bump": "pnpm run typecheck && bumpp",
     "test": "vitest",
+    "typecheck": "tsc --noEmit",
     "test:browser": "vitest --config=vitest.browser.config.ts",
     "lint": "eslint **/*.{ts,tsx} --fix"
   }