@kala-ui/react 0.0.1-beta.1

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { Check, ChevronsUpDown } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../primitives/command";
+const Combobox = React.forwardRef(({ options, value, onValueChange, placeholder = "Select option...", searchPlaceholder = "Search...", emptyText = "No results found.", disabled = false, className, size = "default", matchTriggerWidth = true, }, ref) => {
+    const [open, setOpen] = React.useState(false);
+    const [search, setSearch] = React.useState("");
+    const selectedOption = options.find((option) => option.value === value);
+    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 w-full items-center justify-between rounded-md border bg-background px-3 py-2 text-sm transition-colors theme-input", "hover:bg-accent hover:text-accent-foreground", "focus-ring", "disabled:pointer-events-none disabled:opacity-50", {
+                        "h-8 px-2 py-1 text-xs": size === "sm",
+                        "h-10": size === "default",
+                    }, className), children: [_jsx("span", { className: cn("truncate", !selectedOption && "text-muted-foreground"), children: selectedOption ? selectedOption.label : placeholder }), _jsx(ChevronsUpDown, { className: "ml-2 size-4 shrink-0 opacity-50", "aria-hidden": "true" })] }) }), _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { className: "p-0 z-30", 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, { className: "max-h-[300px] overflow-y-auto scrollbar-hide", children: [_jsx(CommandEmpty, { children: emptyText }), _jsx(CommandGroup, { children: options.map((option) => (_jsxs(CommandItem, { value: option.label, disabled: option.disabled ?? false, onSelect: () => {
+                                                const newValue = option.value === value ? "" : option.value;
+                                                onValueChange?.(newValue);
+                                                setOpen(false);
+                                                setSearch("");
+                                            }, children: [_jsx(Check, { className: cn("mr-2 size-4", value === option.value ? "opacity-100" : "opacity-0"), "aria-hidden": "true" }), _jsx("span", { className: cn(!matchTriggerWidth && "truncate", "text-foreground"), children: option.label })] }, option.value))) })] })] }) }) })] }));
+});
+Combobox.displayName = "Combobox";
+export { Combobox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, };
+//# sourceMappingURL=combobox.js.map

package/dist/src/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/src/components/combobox/combobox.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./combobox").ComboboxProps & import("react").RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "radio";
+            options: string[];
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithPreselectedValue: Story;
+export declare const SmallSize: Story;
+export declare const Disabled: Story;
+export declare const WithDisabledOptions: Story;
+export declare const Countries: Story;
+export declare const LargeDataset: Story;
+export declare const Timezones: Story;
+export declare const CustomText: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=combobox.stories.d.ts.map

package/dist/src/components/combobox/combobox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/combobox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAgBuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAWnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAoBjC,CAAC;AAoBF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAuB1B,CAAC;AA4CF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAC"}

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

@@ -0,0 +1,194 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Skeleton } from "../skeleton/skeleton";
+import { Combobox } from "./combobox";
+const meta = {
+    title: "Forms/Combobox",
+    component: Combobox,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        size: {
+            control: "radio",
+            options: ["sm", "default"],
+        },
+        disabled: {
+            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" },
+];
+export const Default = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState("");
+        return (_jsxs("div", { className: "w-[300px]", children: [_jsx(Combobox, { options: frameworks, value: value, onValueChange: setValue }), value && (_jsxs("p", { className: "mt-2 text-sm text-muted-foreground", children: ["Selected: ", value] }))] }));
+    },
+};
+export const WithPreselectedValue = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState("next.js");
+        return (_jsx("div", { className: "w-[300px]", children: _jsx(Combobox, { options: frameworks, value: value, onValueChange: setValue, placeholder: "Select framework..." }) }));
+    },
+};
+export const SmallSize = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState("");
+        return (_jsx("div", { className: "w-[250px]", children: _jsx(Combobox, { options: frameworks, value: value, onValueChange: setValue, size: "sm", placeholder: "Select framework..." }) }));
+    },
+};
+export const Disabled = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState("next.js");
+        return (_jsx("div", { className: "w-[300px]", children: _jsx(Combobox, { options: frameworks, value: value, onValueChange: setValue, disabled: true }) }));
+    },
+};
+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-[300px]", children: _jsx(Combobox, { options: options, value: value, onValueChange: setValue }) }));
+    },
+};
+const countries = [
+    { value: "us", label: "United States" },
+    { value: "gb", label: "United Kingdom" },
+    { value: "ca", label: "Canada" },
+    { value: "au", label: "Australia" },
+    { value: "de", label: "Germany" },
+    { value: "fr", label: "France" },
+    { value: "es", label: "Spain" },
+    { value: "it", label: "Italy" },
+    { value: "jp", label: "Japan" },
+    { value: "cn", label: "China" },
+    { value: "in", label: "India" },
+    { value: "br", label: "Brazil" },
+    { value: "mx", label: "Mexico" },
+    { value: "ru", label: "Russia" },
+    { value: "kr", label: "South Korea" },
+];
+export const Countries = {
+    args: {
+        options: countries,
+    },
+    render: () => {
+        const [value, setValue] = useState("");
+        return (_jsx("div", { className: "w-[300px]", children: _jsx(Combobox, { options: countries, value: value, onValueChange: setValue, placeholder: "Select country...", searchPlaceholder: "Search countries..." }) }));
+    },
+};
+export const LargeDataset = {
+    args: {
+        options: [],
+    },
+    render: () => {
+        const [value, setValue] = useState("");
+        const options = Array.from({ length: 100 }, (_, i) => ({
+            value: `option-${i + 1}`,
+            label: `Option ${i + 1}`,
+        }));
+        return (_jsx("div", { className: "w-[300px]", children: _jsx(Combobox, { options: options, value: value, onValueChange: setValue, placeholder: "Select option...", searchPlaceholder: "Search options..." }) }));
+    },
+};
+const timezones = [
+    { value: "Pacific/Midway", label: "(GMT-11:00) Midway Island, Samoa" },
+    { value: "Pacific/Honolulu", label: "(GMT-10:00) Hawaii" },
+    { value: "America/Anchorage", label: "(GMT-09:00) Alaska" },
+    { value: "America/Los_Angeles", label: "(GMT-08:00) Pacific Time" },
+    { value: "America/Denver", label: "(GMT-07:00) Mountain Time" },
+    { value: "America/Chicago", label: "(GMT-06:00) Central Time" },
+    { value: "America/New_York", label: "(GMT-05:00) Eastern Time" },
+    { value: "America/Caracas", label: "(GMT-04:30) Caracas" },
+    { value: "America/Halifax", label: "(GMT-04:00) Atlantic Time" },
+    { value: "America/St_Johns", label: "(GMT-03:30) Newfoundland" },
+    { value: "America/Sao_Paulo", label: "(GMT-03:00) Brasilia, Buenos Aires" },
+    { value: "Atlantic/South_Georgia", label: "(GMT-02:00) Mid-Atlantic" },
+    { value: "Atlantic/Azores", label: "(GMT-01:00) Azores, Cape Verde" },
+    { value: "Europe/London", label: "(GMT+00:00) London, Dublin, Lisbon" },
+    { value: "Europe/Paris", label: "(GMT+01:00) Paris, Berlin, Rome" },
+    { value: "Europe/Athens", label: "(GMT+02:00) Athens, Istanbul, Cairo" },
+    { value: "Europe/Moscow", label: "(GMT+03:00) Moscow, St. Petersburg" },
+    { value: "Asia/Dubai", label: "(GMT+04:00) Abu Dhabi, Muscat, Baku" },
+    { value: "Asia/Karachi", label: "(GMT+05:00) Islamabad, Karachi" },
+    { value: "Asia/Kolkata", label: "(GMT+05:30) Mumbai, Kolkata, New Delhi" },
+    { value: "Asia/Dhaka", label: "(GMT+06:00) Dhaka, Astana" },
+    { value: "Asia/Bangkok", label: "(GMT+07:00) Bangkok, Hanoi, Jakarta" },
+    {
+        value: "Asia/Hong_Kong",
+        label: "(GMT+08:00) Beijing, Hong Kong, Singapore",
+    },
+    { value: "Asia/Tokyo", label: "(GMT+09:00) Tokyo, Seoul, Osaka" },
+    {
+        value: "Australia/Sydney",
+        label: "(GMT+10:00) Sydney, Melbourne, Brisbane",
+    },
+    {
+        value: "Pacific/Guadalcanal",
+        label: "(GMT+11:00) Solomon Islands, New Caledonia",
+    },
+    {
+        value: "Pacific/Auckland",
+        label: "(GMT+12:00) Auckland, Wellington, Fiji",
+    },
+];
+export const Timezones = {
+    args: {
+        options: timezones,
+    },
+    render: () => {
+        const [value, setValue] = useState("America/New_York");
+        return (_jsx("div", { className: "w-[450px]", children: _jsx(Combobox, { options: timezones, value: value, onValueChange: setValue, placeholder: "Select timezone...", searchPlaceholder: "Search timezones..." }) }));
+    },
+};
+export const CustomText = {
+    args: {
+        options: frameworks,
+    },
+    render: () => {
+        const [value, setValue] = useState("");
+        return (_jsx("div", { className: "w-[300px]", children: _jsx(Combobox, { options: frameworks, value: value, onValueChange: setValue, placeholder: "Pick your framework...", searchPlaceholder: "Type to search...", emptyText: "No framework found. Try a different search." }) }));
+    },
+};
+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 combobox fields while loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=combobox.stories.js.map

package/dist/src/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/src/components/combobox/combobox.test.d.ts

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

package/dist/src/components/combobox/combobox.test.d.ts.map

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

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

@@ -0,0 +1,132 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, waitFor, within } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { Combobox } from "./combobox";
+const mockOptions = [
+    { value: "option1", label: "Option 1" },
+    { value: "option2", label: "Option 2" },
+    { value: "option3", label: "Option 3" },
+];
+describe("Combobox", () => {
+    it("renders with placeholder", () => {
+        render(_jsx(Combobox, { options: mockOptions, placeholder: "Select..." }));
+        const button = screen.getByRole("combobox");
+        expect(button).toBeInTheDocument();
+        expect(button).toHaveTextContent("Select...");
+    });
+    it("shows selected value", () => {
+        render(_jsx(Combobox, { options: mockOptions, value: "option2" }));
+        const button = screen.getByRole("combobox");
+        expect(button).toHaveTextContent("Option 2");
+    });
+    it("opens popover on click", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Combobox, { options: mockOptions }));
+        const button = screen.getByRole("combobox");
+        await user.click(button);
+        await waitFor(() => {
+            expect(screen.getByPlaceholderText("Search...")).toBeInTheDocument();
+        });
+    });
+    it("filters options based on search", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Combobox, { options: mockOptions }));
+        const button = screen.getByRole("combobox");
+        await user.click(button);
+        const searchInput = await screen.findByPlaceholderText("Search...");
+        await user.type(searchInput, "Option 2");
+        await waitFor(() => {
+            const listbox = screen.getByRole("listbox");
+            expect(within(listbox).getByRole("option", { name: "Option 2" })).toBeInTheDocument();
+        });
+    });
+    it("calls onValueChange when option is selected", async () => {
+        const user = userEvent.setup();
+        const handleChange = vi.fn();
+        render(_jsx(Combobox, { options: mockOptions, onValueChange: handleChange }));
+        const button = screen.getByRole("combobox");
+        await user.click(button);
+        const listbox = await screen.findByRole("listbox");
+        const option = within(listbox).getByRole("option", { name: "Option 2" });
+        await user.click(option);
+        expect(handleChange).toHaveBeenCalledWith("option2");
+    });
+    it("renders in disabled state", () => {
+        render(_jsx(Combobox, { options: mockOptions, disabled: true }));
+        const button = screen.getByRole("combobox");
+        expect(button).toBeDisabled();
+    });
+    it("applies small size classes", () => {
+        render(_jsx(Combobox, { options: mockOptions, size: "sm" }));
+        const button = screen.getByRole("combobox");
+        expect(button).toHaveClass("h-8");
+    });
+    it("applies default size classes", () => {
+        render(_jsx(Combobox, { options: mockOptions, size: "default" }));
+        const button = screen.getByRole("combobox");
+        expect(button).toHaveClass("h-10");
+    });
+    it("shows empty text when no results found", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Combobox, { options: mockOptions, emptyText: "Nothing found" }));
+        const button = screen.getByRole("combobox");
+        await user.click(button);
+        const searchInput = await screen.findByPlaceholderText("Search...");
+        await user.type(searchInput, "nonexistent");
+        await waitFor(() => {
+            const listbox = screen.getByRole("listbox");
+            expect(within(listbox).getByText("Nothing found")).toBeInTheDocument();
+        });
+    });
+    it("skips disabled options", async () => {
+        const user = userEvent.setup();
+        const handleChange = vi.fn();
+        const optionsWithDisabled = [
+            { value: "option1", label: "Option 1" },
+            { value: "option2", label: "Option 2", disabled: true },
+            { value: "option3", label: "Option 3" },
+        ];
+        render(_jsx(Combobox, { options: optionsWithDisabled, onValueChange: handleChange }));
+        const button = screen.getByRole("combobox");
+        await user.click(button);
+        const listbox = await screen.findByRole("listbox");
+        const disabledOption = within(listbox).getByRole("option", {
+            name: "Option 2",
+        });
+        await user.click(disabledOption);
+        // Disabled option should not trigger change
+        expect(handleChange).not.toHaveBeenCalled();
+    });
+    it("forwards ref correctly", () => {
+        const ref = { current: null };
+        render(_jsx(Combobox, { ref: ref, options: mockOptions }));
+        expect(ref.current).toBeInstanceOf(HTMLButtonElement);
+    });
+    it("applies custom className", () => {
+        render(_jsx(Combobox, { options: mockOptions, className: "custom-class" }));
+        const button = screen.getByRole("combobox");
+        expect(button).toHaveClass("custom-class");
+    });
+    it("uses custom search placeholder", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Combobox, { options: mockOptions, searchPlaceholder: "Type here..." }));
+        const button = screen.getByRole("combobox");
+        await user.click(button);
+        await waitFor(() => {
+            expect(screen.getByPlaceholderText("Type here...")).toBeInTheDocument();
+        });
+    });
+    it("clears selection when same value is selected", async () => {
+        const user = userEvent.setup();
+        const handleChange = vi.fn();
+        render(_jsx(Combobox, { options: mockOptions, value: "option1", onValueChange: handleChange }));
+        const button = screen.getByRole("combobox");
+        await user.click(button);
+        const listbox = await screen.findByRole("listbox");
+        const option = within(listbox).getByRole("option", { name: "Option 1" });
+        await user.click(option);
+        expect(handleChange).toHaveBeenCalledWith("");
+    });
+});
+//# sourceMappingURL=combobox.test.js.map

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

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

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

@@ -0,0 +1,53 @@
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ComboboxProps {
+    /**
+     * Options to display in the combobox
+     */
+    options: ComboboxOption[];
+    /**
+     * Selected value
+     */
+    value?: string;
+    /**
+     * Callback when value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Placeholder text when no value is selected
+     * @default "Select option..."
+     */
+    placeholder?: string;
+    /**
+     * Placeholder text for search input
+     * @default "Search..."
+     */
+    searchPlaceholder?: string;
+    /**
+     * Text to show when no results found
+     * @default "No results found."
+     */
+    emptyText?: string;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes for trigger button
+     */
+    className?: string;
+    /**
+     * Size variant
+     * @default "default"
+     */
+    size?: "sm" | "default";
+    /**
+     * Match dropdown width to trigger width. When true, also wraps long text.
+     * @default true
+     */
+    matchTriggerWidth?: boolean;
+}
+//# sourceMappingURL=combobox.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/combobox.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC7B;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=combobox.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.types.js","sourceRoot":"","sources":["../../../../src/components/combobox/combobox.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+export { Combobox, type ComboboxOption, type ComboboxProps, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "./combobox";
+export type { ComboboxSkeletonConfig, ComboboxSkeletonProps, } from "./combobox-skeleton";
+export { ComboboxSkeleton } from "./combobox-skeleton";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,QAAQ,EACR,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,GACX,MAAM,YAAY,CAAC;AACpB,YAAY,EACX,sBAAsB,EACtB,qBAAqB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Combobox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "./combobox";
+export { ComboboxSkeleton } from "./combobox-skeleton";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,QAAQ,EAGR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,GACX,MAAM,YAAY,CAAC;AAKpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,83 @@
+import type { DialogProps } from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface CommandDialogProps extends DialogProps {
+}
+declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=command.d.ts.map

package/dist/src/components/command/command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/command/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAC;AAGH,UAAU,kBAAmB,SAAQ,WAAW;CAAG;AAEnD,QAAA,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,4CAUhE,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;0FAehB,CAAC;AAIH,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAC;AAIH,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAC;AAIH,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAC;AAIH,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAC;AAIH,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAC;AAGF,OAAO,EACN,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GAChB,CAAC"}