@kala-ui/react 0.0.1-beta.1

package/dist/src/components/multi-select/multi-select.d.ts

@@ -0,0 +1,89 @@
+import * as React from "react";
+export interface MultiSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    group?: string;
+}
+export interface MultiSelectProps {
+    /**
+     * Options to display
+     */
+    options: MultiSelectOption[];
+    /**
+     * Selected values (array)
+     */
+    value?: string[];
+    /**
+     * Callback when values change
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * Placeholder text when no values selected
+     * @default "Select options..."
+     */
+    placeholder?: string;
+    /**
+     * Placeholder for search input
+     * @default "Search..."
+     */
+    searchPlaceholder?: string;
+    /**
+     * Text when no results found
+     * @default "No results found."
+     */
+    emptyText?: string;
+    /**
+     * Maximum number of selections allowed
+     */
+    maxSelected?: number;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Show "Select All" / "Clear All" actions
+     * @default true
+     * @deprecated Use showSelectAll and showClearAll instead
+     */
+    showActions?: boolean;
+    /**
+     * Show "Select All" action
+     * @default true
+     */
+    showSelectAll?: boolean;
+    /**
+     * Show "Clear All" action in the trigger
+     * @default true
+     */
+    showClearAll?: boolean;
+    /**
+     * Preserve the order of selection in the display
+     * @default false
+     */
+    preserveSelectionOrder?: boolean;
+    /**
+     * Maximum number of selected items to display.
+     * If selected items exceed this number, the rest will be hidden behind a "+X more" badge.
+     * @default 3
+     */
+    maxVisibleSelections?: number;
+    /**
+     * Show separators between options
+     * @default false
+     */
+    showSeparators?: boolean;
+    /**
+     * Match dropdown width to trigger width. When true, also wraps long text.
+     * @default true
+     */
+    matchTriggerWidth?: boolean;
+}
+declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLButtonElement>>;
+export { MultiSelect };
+//# sourceMappingURL=multi-select.d.ts.map

package/dist/src/components/multi-select/multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-select/multi-select.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,MAAM,WAAW,iBAAiB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAChC;;OAEG;IACH,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,4FAsShB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/components/multi-select/multi-select.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { ChevronsUpDown, X } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../primitives/command";
+import { Checkbox } from "../checkbox";
+import { Separator } from "../separator";
+const MultiSelect = React.forwardRef(({ options, value = [], onValueChange, placeholder = "Select options...", searchPlaceholder = "Search...", emptyText = "No results found.", maxSelected, disabled = false, className, showActions = true, showSelectAll = showActions, showClearAll = showActions, preserveSelectionOrder = false, maxVisibleSelections = 3, showSeparators = false, matchTriggerWidth = true, }, ref) => {
+    const [open, setOpen] = React.useState(false);
+    const [search, setSearch] = React.useState("");
+    // Group options
+    const { groups, noGroup } = React.useMemo(() => {
+        const groups = {};
+        const noGroup = [];
+        options.forEach((option) => {
+            if (option.group) {
+                if (!groups[option.group])
+                    groups[option.group] = [];
+                groups[option.group]?.push(option);
+            }
+            else {
+                noGroup.push(option);
+            }
+        });
+        return { groups, noGroup };
+    }, [options]);
+    const selectedOptions = React.useMemo(() => {
+        if (preserveSelectionOrder) {
+            return value
+                .map((v) => options.find((o) => o.value === v))
+                .filter((o) => !!o);
+        }
+        return options.filter((option) => value.includes(option.value));
+    }, [value, options, preserveSelectionOrder]);
+    const displayedOptions = React.useMemo(() => {
+        if (maxVisibleSelections &&
+            maxVisibleSelections > 0 &&
+            selectedOptions.length > maxVisibleSelections) {
+            return selectedOptions.slice(0, maxVisibleSelections);
+        }
+        return selectedOptions;
+    }, [selectedOptions, maxVisibleSelections]);
+    const remainingCount = selectedOptions.length - displayedOptions.length;
+    const isMaxSelected = maxSelected ? value.length >= maxSelected : false;
+    const availableOptions = options.filter((opt) => !opt.disabled);
+    const isAllSelected = availableOptions.length > 0 &&
+        availableOptions.every((opt) => value.includes(opt.value));
+    const isIndeterminate = value.length > 0 &&
+        !isAllSelected &&
+        value.length < availableOptions.length;
+    const handleSelect = (optionValue) => {
+        const newValue = value.includes(optionValue)
+            ? value.filter((v) => v !== optionValue)
+            : [...value, optionValue];
+        onValueChange?.(newValue);
+    };
+    const handleRemove = (optionValue, e) => {
+        e.stopPropagation();
+        onValueChange?.(value.filter((v) => v !== optionValue));
+    };
+    const handleSelectAll = () => {
+        if (isAllSelected) {
+            onValueChange?.([]);
+        }
+        else {
+            const allValues = availableOptions.map((opt) => opt.value);
+            onValueChange?.(allValues);
+        }
+    };
+    const handleClearAll = (e) => {
+        e.stopPropagation();
+        onValueChange?.([]);
+    };
+    return (_jsxs(PopoverPrimitive.Root, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsxs("button", { ref: ref, type: "button", role: "combobox", "aria-expanded": open, "aria-disabled": disabled, disabled: disabled, className: cn("flex min-h-10 w-full items-center justify-between rounded-md border bg-background px-3 py-2 text-sm transition-colors theme-input", "hover:bg-accent/50", "focus-ring", "disabled:cursor-not-allowed disabled:opacity-50", className), children: [_jsx("div", { className: "flex flex-1 flex-wrap gap-1", children: selectedOptions.length === 0 ? (_jsx("span", { className: "text-muted-foreground", children: placeholder })) : (_jsxs(_Fragment, { children: [displayedOptions.map((option) => (_jsxs("span", { className: "inline-flex items-center gap-1 rounded bg-secondary px-2 py-0.5 text-xs font-medium text-secondary-foreground", children: [option.icon && (_jsx("span", { className: "mr-1 flex size-3 items-center", children: option.icon })), option.label, _jsx("button", { type: "button", onClick: (e) => handleRemove(option.value, e), className: "rounded-sm hover:bg-secondary-foreground/20", "aria-label": `Remove ${option.label}`, children: _jsx(X, { className: "size-3", "aria-hidden": "true" }) })] }, option.value))), remainingCount > 0 && (_jsxs("span", { className: "inline-flex items-center rounded bg-secondary px-2 py-0.5 text-xs font-medium text-secondary-foreground", children: ["+", remainingCount, " more"] }))] })) }), _jsxs("div", { className: "flex items-center gap-1", children: [showClearAll && value.length > 0 && (_jsx("button", { type: "button", onClick: handleClearAll, className: "mr-1 rounded-sm opacity-50 hover:opacity-100", "aria-label": "Clear all", children: _jsx(X, { className: "size-4" }) })), _jsx(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50", "aria-hidden": "true" })] })] }) }), _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { className: "z-30 p-0", align: "start", sideOffset: 4, style: matchTriggerWidth
+                        ? { width: "var(--radix-popover-trigger-width)" }
+                        : undefined, children: _jsxs(Command, { className: cn("rounded-lg border bg-popover text-popover-foreground theme-dropdown", matchTriggerWidth ? "w-full" : "min-w-[200px]"), children: [_jsx(CommandInput, { placeholder: searchPlaceholder, value: search, onValueChange: setSearch }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: emptyText }), showSelectAll && !maxSelected && (_jsx(CommandGroup, { className: "sticky top-0 z-10 bg-popover p-0 theme-card", children: _jsxs(CommandItem, { onSelect: handleSelectAll, className: "cursor-pointer rounded-none border-b py-2", children: [_jsx(Checkbox, { checked: isAllSelected
+                                                        ? true
+                                                        : isIndeterminate
+                                                            ? "indeterminate"
+                                                            : false, className: "mr-2 pointer-events-none" }), "Select All"] }) })), noGroup.length > 0 && (_jsx(CommandGroup, { children: noGroup.map((option, index) => {
+                                            const isSelected = value.includes(option.value);
+                                            const isDisabled = option.disabled || (isMaxSelected && !isSelected);
+                                            return (_jsxs(React.Fragment, { children: [showSeparators && index > 0 && (_jsx(Separator, { className: "my-1" })), _jsxs(CommandItem, { value: option.label, disabled: isDisabled, onSelect: () => handleSelect(option.value), children: [_jsx(Checkbox, { checked: isSelected, className: "mr-2 pointer-events-none" }), option.icon && (_jsx("span", { className: "mr-2 flex size-4 items-center text-muted-foreground", children: option.icon })), _jsx("span", { className: cn(!matchTriggerWidth && "truncate"), children: option.label })] })] }, option.value));
+                                        }) })), Object.entries(groups).map(([groupName, groupOptions]) => (_jsx(CommandGroup, { heading: groupName, children: groupOptions.map((option, index) => {
+                                            const isSelected = value.includes(option.value);
+                                            const isDisabled = option.disabled || (isMaxSelected && !isSelected);
+                                            return (_jsxs(React.Fragment, { children: [showSeparators && index > 0 && (_jsx(Separator, { className: "my-1" })), _jsxs(CommandItem, { value: option.label, disabled: isDisabled, onSelect: () => handleSelect(option.value), children: [_jsx(Checkbox, { checked: isSelected, className: "mr-2 pointer-events-none" }), option.icon && (_jsx("span", { className: "mr-2 flex size-4 items-center text-muted-foreground", children: option.icon })), _jsx("span", { className: cn(!matchTriggerWidth && "truncate"), children: option.label })] })] }, option.value));
+                                        }) }, groupName)))] })] }) }) })] }));
+});
+MultiSelect.displayName = "MultiSelect";
+export { MultiSelect };
+//# sourceMappingURL=multi-select.js.map

package/dist/src/components/multi-select/multi-select.js.map

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

package/dist/src/components/multi-select/multi-select.stories.d.ts

@@ -0,0 +1,36 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./multi-select").MultiSelectProps & import("react").RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        disabled: {
+            control: "boolean";
+        };
+        showActions: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithPreselectedValues: Story;
+export declare const MaxSelections: Story;
+export declare const WithDisabledOptions: Story;
+export declare const WithoutActions: Story;
+export declare const Disabled: Story;
+export declare const Tags: Story;
+export declare const Filters: Story;
+export declare const LargeDataset: Story;
+export declare const OptionGroups: Story;
+export declare const WithIcons: Story;
+export declare const WithAvatars: Story;
+export declare const PreserveOrder: Story;
+export declare const WithSeparators: Story;
+export declare const MaxDisplay: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=multi-select.stories.d.ts.map

package/dist/src/components/multi-select/multi-select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-select/multi-select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAe0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAanC,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAkBnC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAoBjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAeF,eAAO,MAAM,IAAI,EAAE,KAwBlB,CAAC;AAeF,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0B1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA8B1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyCvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsDzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA0B5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAuCxB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAC"}

package/dist/src/components/multi-select/multi-select.stories.js

@@ -0,0 +1,291 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Skeleton } from "../skeleton/skeleton";
+import { MultiSelect } from "./multi-select";
+const meta = {
+    title: "Forms/MultiSelect",
+    component: MultiSelect,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        disabled: {
+            control: "boolean",
+        },
+        showActions: {
+            control: "boolean",
+        },
+    },
+};
+export default meta;
+const frameworks = [
+    { value: "next.js", label: "Next.js" },
+    { value: "sveltekit", label: "SvelteKit" },
+    { value: "nuxt.js", label: "Nuxt.js" },
+    { value: "remix", label: "Remix" },
+    { value: "astro", label: "Astro" },
+    { value: "gatsby", label: "Gatsby" },
+    { value: "vue", label: "Vue.js" },
+    { value: "angular", label: "Angular" },
+];
+export const Default = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState([]);
+        return (_jsxs("div", { className: "w-[400px] space-y-2", children: [_jsx(MultiSelect, { options: frameworks, value: value, onValueChange: setValue }), value.length > 0 && (_jsxs("p", { className: "text-sm text-muted-foreground", children: ["Selected ", value.length, " framework", value.length !== 1 ? "s" : ""] }))] }));
+    },
+};
+export const WithPreselectedValues = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState(["next.js", "remix"]);
+        return (_jsx("div", { className: "w-[400px]", children: _jsx(MultiSelect, { options: frameworks, value: value, onValueChange: setValue, placeholder: "Select frameworks..." }) }));
+    },
+};
+export const MaxSelections = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState(["next.js"]);
+        return (_jsxs("div", { className: "w-[400px] space-y-2", children: [_jsx(MultiSelect, { options: frameworks, value: value, onValueChange: setValue, maxSelected: 3, placeholder: "Select up to 3 frameworks..." }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [value.length, "/3 selected"] })] }));
+    },
+};
+export const WithDisabledOptions = {
+    args: {
+        options: [],
+    },
+    render: () => {
+        const [value, setValue] = useState([]);
+        const options = [
+            { value: "next.js", label: "Next.js" },
+            { value: "sveltekit", label: "SvelteKit", disabled: true },
+            { value: "nuxt.js", label: "Nuxt.js" },
+            { value: "remix", label: "Remix", disabled: true },
+            { value: "astro", label: "Astro" },
+        ];
+        return (_jsx("div", { className: "w-[400px]", children: _jsx(MultiSelect, { options: options, value: value, onValueChange: setValue }) }));
+    },
+};
+export const WithoutActions = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState(["next.js"]);
+        return (_jsx("div", { className: "w-[400px]", children: _jsx(MultiSelect, { options: frameworks, value: value, onValueChange: setValue, showActions: false }) }));
+    },
+};
+export const Disabled = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState(["next.js", "remix"]);
+        return (_jsx("div", { className: "w-[400px]", children: _jsx(MultiSelect, { options: frameworks, value: value, onValueChange: setValue, disabled: true }) }));
+    },
+};
+const tags = [
+    { value: "react", label: "React" },
+    { value: "typescript", label: "TypeScript" },
+    { value: "tailwind", label: "Tailwind CSS" },
+    { value: "nextjs", label: "Next.js" },
+    { value: "nodejs", label: "Node.js" },
+    { value: "postgresql", label: "PostgreSQL" },
+    { value: "docker", label: "Docker" },
+    { value: "kubernetes", label: "Kubernetes" },
+    { value: "aws", label: "AWS" },
+    { value: "vercel", label: "Vercel" },
+];
+export const Tags = {
+    args: {
+        options: [],
+    },
+    render: () => {
+        const [value, setValue] = useState([
+            "react",
+            "typescript",
+            "tailwind",
+        ]);
+        return (_jsxs("div", { className: "w-[500px] space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "Tech Stack" }), _jsx(MultiSelect, { options: tags, value: value, onValueChange: setValue, placeholder: "Select technologies...", searchPlaceholder: "Search technologies..." })] }));
+    },
+};
+const categories = [
+    { value: "electronics", label: "Electronics" },
+    { value: "clothing", label: "Clothing" },
+    { value: "books", label: "Books" },
+    { value: "home", label: "Home & Garden" },
+    { value: "sports", label: "Sports & Outdoors" },
+    { value: "toys", label: "Toys & Games" },
+    { value: "automotive", label: "Automotive" },
+    { value: "beauty", label: "Beauty & Personal Care" },
+    { value: "food", label: "Food & Grocery" },
+    { value: "health", label: "Health & Wellness" },
+];
+export const Filters = {
+    args: {
+        options: [],
+    },
+    render: () => {
+        const [value, setValue] = useState([]);
+        return (_jsxs("div", { className: "w-[450px] space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "Filter by Categories" }), _jsx(MultiSelect, { options: categories, value: value, onValueChange: setValue, placeholder: "Select categories...", searchPlaceholder: "Search categories..." }), value.length > 0 && (_jsxs("div", { className: "text-sm text-muted-foreground", children: ["Filtering by: ", value.join(", ")] }))] }));
+    },
+};
+export const LargeDataset = {
+    args: {
+        options: [],
+    },
+    render: () => {
+        const [value, setValue] = useState([]);
+        const options = Array.from({ length: 50 }, (_, i) => ({
+            value: `option-${i + 1}`,
+            label: `Option ${i + 1}`,
+        }));
+        return (_jsxs("div", { className: "w-[400px] space-y-2", children: [_jsx(MultiSelect, { options: options, value: value, onValueChange: setValue, placeholder: "Select options...", searchPlaceholder: "Search 50 options..." }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [value.length, " of 50 selected"] })] }));
+    },
+};
+export const OptionGroups = {
+    args: {
+        options: [],
+    },
+    render: () => {
+        const [value, setValue] = useState([]);
+        const options = [
+            { value: "react", label: "React", group: "Frontend" },
+            { value: "vue", label: "Vue", group: "Frontend" },
+            { value: "angular", label: "Angular", group: "Frontend" },
+            { value: "node", label: "Node.js", group: "Backend" },
+            { value: "python", label: "Python", group: "Backend" },
+            { value: "go", label: "Go", group: "Backend" },
+            { value: "postgres", label: "PostgreSQL", group: "Database" },
+            { value: "mysql", label: "MySQL", group: "Database" },
+            { value: "redis", label: "Redis", group: "Database" },
+        ];
+        return (_jsxs("div", { className: "w-[400px] space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "Grouped Options" }), _jsx(MultiSelect, { options: options, value: value, onValueChange: setValue, placeholder: "Select stack..." })] }));
+    },
+};
+export const WithIcons = {
+    args: {
+        options: [],
+    },
+    render: () => {
+        const [value, setValue] = useState([]);
+        const options = [
+            {
+                value: "todo",
+                label: "Todo",
+                icon: _jsx("span", { className: "text-primary", children: "\uD83D\uDCDD" }),
+            },
+            {
+                value: "inprogress",
+                label: "In Progress",
+                icon: _jsx("span", { className: "text-warning", children: "\uD83D\uDEA7" }),
+            },
+            {
+                value: "done",
+                label: "Done",
+                icon: _jsx("span", { className: "text-success", children: "\u2705" }),
+            },
+            {
+                value: "bug",
+                label: "Bug",
+                icon: _jsx("span", { className: "text-error", children: "\uD83D\uDC1B" }),
+            },
+        ];
+        return (_jsxs("div", { className: "w-[400px] space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "With Icons" }), _jsx(MultiSelect, { options: options, value: value, onValueChange: setValue, placeholder: "Select status..." })] }));
+    },
+};
+export const WithAvatars = {
+    args: {
+        options: [],
+    },
+    render: () => {
+        const [value, setValue] = useState([]);
+        const options = [
+            {
+                value: "user1",
+                label: "Alice",
+                icon: (_jsx("img", { src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Alice", className: "size-4 rounded-full", alt: "Alice" })),
+            },
+            {
+                value: "user2",
+                label: "Bob",
+                icon: (_jsx("img", { src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Bob", className: "size-4 rounded-full", alt: "Bob" })),
+            },
+            {
+                value: "user3",
+                label: "Charlie",
+                icon: (_jsx("img", { src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Charlie", className: "size-4 rounded-full", alt: "Charlie" })),
+            },
+        ];
+        return (_jsxs("div", { className: "w-[400px] space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "With Avatars" }), _jsx(MultiSelect, { options: options, value: value, onValueChange: setValue, placeholder: "Select users..." })] }));
+    },
+};
+export const PreserveOrder = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState([]);
+        return (_jsxs("div", { className: "w-[400px] space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "Preserve Selection Order" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Selected items will appear in the order they were selected." }), _jsx(MultiSelect, { options: frameworks, value: value, onValueChange: setValue, preserveSelectionOrder: true })] }));
+    },
+};
+export const WithSeparators = {
+    args: {
+        options: [],
+    },
+    render: () => {
+        const [value, setValue] = useState([]);
+        const options = [
+            { value: "item1", label: "Item 1" },
+            { value: "item2", label: "Item 2" },
+            { value: "item3", label: "Item 3" },
+            { value: "item4", label: "Item 4" },
+        ];
+        return (_jsxs("div", { className: "w-[400px] space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "With Separators" }), _jsx(MultiSelect, { options: options, value: value, onValueChange: setValue, showSeparators: true, placeholder: "Select items..." })] }));
+    },
+};
+export const MaxDisplay = {
+    args: {
+        options: [],
+    },
+    render: () => {
+        const [value, setValue] = useState([
+            "react",
+            "vue",
+            "angular",
+            "node",
+            "python",
+        ]);
+        const options = [
+            { value: "react", label: "React" },
+            { value: "vue", label: "Vue" },
+            { value: "angular", label: "Angular" },
+            { value: "node", label: "Node.js" },
+            { value: "python", label: "Python" },
+            { value: "go", label: "Go" },
+            { value: "rust", label: "Rust" },
+            { value: "java", label: "Java" },
+        ];
+        return (_jsxs("div", { className: "w-[400px] space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "Max Display (3 items)" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Shows up to 3 items, then collapses the rest." }), _jsx(MultiSelect, { options: options, value: value, onValueChange: setValue, maxVisibleSelections: 3, placeholder: "Select languages..." })] }));
+    },
+};
+export const LoadingSkeleton = {
+    args: {
+        options: [],
+    },
+    render: () => (_jsx("div", { className: "w-full max-w-xs", children: _jsx(Skeleton, { className: "h-10 w-full rounded-md" }) })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholder for multi-select fields while loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=multi-select.stories.js.map

package/dist/src/components/multi-select/multi-select.stories.js.map

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

package/dist/src/components/multi-select/multi-select.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=multi-select.test.d.ts.map

package/dist/src/components/multi-select/multi-select.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.test.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-select/multi-select.test.tsx"],"names":[],"mappings":""}