@powerhousedao/design-system 6.0.0-dev.24 → 6.0.0-dev.241

package/dist/src/ui/components/select-field/select-field.stories.js

@@ -1,253 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from "@powerhousedao/design-system";
-import { withForm } from "../decorators.js";
-import { getDefaultArgTypes, getValidationArgTypes, PrebuiltArgTypes, StorybookControlCategory, } from "../storybook-arg-types.js";
-import { SelectField } from "./select-field.js";
-const meta = {
-    title: "UI/SelectField",
-    component: SelectField,
-    parameters: {
-        layout: "padded",
-        chromatic: {
-            disableSnapshot: true,
-        },
-    },
-    decorators: [
-        withForm,
-        (Story) => (_jsx("div", { style: { maxWidth: "280px", margin: "1rem auto 0" }, children: _jsx(Story, {}) })),
-    ],
-    tags: ["autodocs"],
-    argTypes: {
-        ...getDefaultArgTypes(),
-        ...PrebuiltArgTypes.placeholder,
-        options: {
-            control: "object",
-            description: "Array of options to display in the select",
-            table: {
-                type: {
-                    summary: "Array<{ value: string; label: string; icon?: IconName | React.ComponentType<{ className?: string }>; disabled?: boolean }>",
-                },
-                defaultValue: { summary: "[]" },
-                category: StorybookControlCategory.COMPONENT_SPECIFIC,
-            },
-        },
-        multiple: {
-            control: "boolean",
-            description: "Whether multiple options can be selected",
-            table: {
-                type: { summary: "boolean" },
-                category: StorybookControlCategory.COMPONENT_SPECIFIC,
-            },
-        },
-        selectionIcon: {
-            control: "radio",
-            options: ["auto", "checkmark"],
-            description: "Selection icon to show in the options. " +
-                "auto: Show a Radio for Single Select and a Checkbox for Multi Select. " +
-                "checkmark: Show a checkmark icon for Single and Multi Select. ",
-            table: {
-                type: { summary: '"auto" | "checkmark"' },
-                defaultValue: { summary: '"auto"' },
-                category: StorybookControlCategory.COMPONENT_SPECIFIC,
-            },
-        },
-        selectionIconPosition: {
-            control: "radio",
-            options: ["left", "right"],
-            description: 'Selection icon position in options. Only apply if "selectionIcon" is "checkmark".',
-            table: {
-                type: { summary: '"left" | "right"' },
-                defaultValue: { summary: '"left"' },
-                category: StorybookControlCategory.COMPONENT_SPECIFIC,
-            },
-            if: { arg: "selectionIcon", eq: "checkmark" },
-        },
-        searchable: {
-            control: "boolean",
-            description: "Whether to enable search functionality",
-            table: {
-                type: { summary: "boolean" },
-                category: StorybookControlCategory.COMPONENT_SPECIFIC,
-            },
-        },
-        contentAlign: {
-            control: "select",
-            description: "Alignment of the dropdown",
-            options: ["start", "end", "center"],
-            table: {
-                defaultValue: { summary: "start" },
-                category: StorybookControlCategory.COMPONENT_SPECIFIC,
-            },
-        },
-        contentClassName: {
-            control: "text",
-            description: "Custom class name for the dropdown content",
-            table: {
-                category: StorybookControlCategory.COMPONENT_SPECIFIC,
-            },
-        },
-        ...getValidationArgTypes(),
-    },
-    args: {
-        name: "select-field",
-        errors: [],
-        warnings: [],
-    },
-};
-export default meta;
-const IconComponent = (name) => {
-    return ({ className }) => (_jsx(Icon, { name: name, size: 16, className: className }));
-};
-const defaultOptions = [
-    { value: "Briefcase", label: "Briefcase" },
-    { value: "Drive", label: "Drive" },
-    { value: "Globe", label: "Globe" },
-    { value: "Settings", label: "Settings" },
-];
-const defaultOptionsWithIcon = [
-    {
-        value: "Briefcase",
-        label: "Briefcase",
-        icon: IconComponent("Briefcase"),
-    },
-    {
-        value: "Drive",
-        label: "Drive",
-        icon: IconComponent("Drive"),
-    },
-    {
-        value: "Globe",
-        label: "Globe",
-        icon: IconComponent("Globe"),
-    },
-    {
-        value: "Settings",
-        label: "Settings",
-        icon: IconComponent("Settings"),
-    },
-];
-// Basic examples
-export const Default = {
-    args: {
-        label: "Favorite icon name",
-        options: defaultOptions,
-        placeholder: "Select an icon name",
-    },
-};
-export const WithDescription = {
-    args: {
-        label: "Favorite icon name",
-        description: "Choose your favorite icon name",
-        options: defaultOptions,
-        placeholder: "Select an icon name",
-    },
-};
-export const Required = {
-    args: {
-        label: "Required field",
-        options: defaultOptions,
-        placeholder: "Must select at least one option",
-        required: true,
-    },
-};
-export const WithDefaultValue = {
-    args: {
-        label: "Preset selection",
-        options: defaultOptions,
-        placeholder: "Select an icon name",
-        defaultValue: "Drive",
-    },
-};
-export const Disabled = {
-    args: {
-        label: "Disabled field",
-        options: defaultOptions,
-        placeholder: "Select an icon name",
-        value: "Drive",
-        disabled: true,
-    },
-};
-// Validation states
-export const WithError = {
-    args: {
-        label: "With error",
-        options: defaultOptions,
-        placeholder: "Select icon names",
-        value: ["Drive"],
-        multiple: true,
-        errors: ["Please select at least two options"],
-    },
-};
-export const WithWarning = {
-    args: {
-        label: "With warning",
-        options: defaultOptions,
-        placeholder: "Select icon names",
-        value: ["Drive", "Globe"],
-        multiple: true,
-        warnings: ["Some selected options may not be available in the future"],
-    },
-};
-// Special features
-export const Searchable = {
-    args: {
-        label: "Searchable field",
-        description: "Type to search through options",
-        options: defaultOptions,
-        placeholder: "Select an icon name",
-        searchable: true,
-    },
-};
-export const WithDisabledOption = {
-    args: {
-        label: "With disabled option",
-        options: [
-            ...defaultOptions,
-            { value: "disabled", label: "Disabled option", disabled: true },
-        ],
-        placeholder: "Select an icon name",
-    },
-};
-export const Multiple = {
-    args: {
-        label: "Multi select",
-        description: "You can select multiple options",
-        options: defaultOptions,
-        placeholder: "Select icon names",
-        multiple: true,
-    },
-};
-export const WithCheckmark = {
-    args: {
-        label: "With checkmark",
-        description: "This select field shows a checkmark icon for selected option",
-        options: defaultOptions,
-        selectionIcon: "checkmark",
-        placeholder: "Select an icon name",
-    },
-};
-export const WithIcon = {
-    args: {
-        label: "Favorite icon",
-        description: "Choose your favorite icon",
-        options: defaultOptionsWithIcon,
-        selectionIcon: "checkmark",
-        selectionIconPosition: "right",
-        placeholder: "Select an icon",
-    },
-};
-export const WithLongOptionLabel = {
-    args: {
-        label: "With long option label",
-        description: "The Select field handles long option labels",
-        options: [
-            {
-                value: "very-long-option-1",
-                label: "This is a very long option label that might need truncation in the UI",
-            },
-            ...defaultOptions,
-        ],
-        placeholder: "Select an option",
-    },
-};
-//# sourceMappingURL=select-field.stories.js.map

package/dist/src/ui/components/select-field/select-field.stories.js.map

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

package/dist/src/ui/components/select-field/select-field.test.d.ts

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

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

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

package/dist/src/ui/components/select-field/select-field.test.js

@@ -1,131 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { screen, waitFor } from "@testing-library/react";
-import { userEvent } from "@testing-library/user-event";
-import { describe, expect, it, vi } from "vitest";
-import { renderWithForm } from "../testing.js";
-import { SelectField } from "./select-field.js";
-describe("SelectField Component", () => {
-    const defaultOptions = [
-        { label: "Option 1", value: "1" },
-        { label: "Option 2", value: "2" },
-        { label: "Option 3", value: "3", disabled: true },
-    ];
-    window.HTMLElement.prototype.scrollIntoView = vi.fn();
-    window.Element.prototype.scrollTo = vi.fn();
-    // Basic Rendering Tests
-    it("should match snapshot", () => {
-        const { asFragment } = renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions }));
-        expect(asFragment()).toMatchSnapshot();
-    });
-    it("should render with custom placeholder", () => {
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, placeholder: "Custom placeholder" }));
-        expect(screen.getByText("Custom placeholder")).toBeInTheDocument();
-    });
-    // Label Tests
-    it("should render with label", () => {
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, label: "Test Label" }));
-        expect(screen.getByText("Test Label")).toBeInTheDocument();
-    });
-    it("should show required indicator when required", () => {
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, label: "Test Label", required: true }));
-        const select = screen.getByRole("combobox");
-        expect(select).toHaveAttribute("aria-required", "true");
-    });
-    // Selection Behavior Tests
-    it("should handle option selection", async () => {
-        const onChangeMock = vi.fn();
-        const user = userEvent.setup();
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, onChange: onChangeMock }));
-        await user.click(screen.getByRole("combobox"));
-        await user.click(screen.getByText("Option 1"));
-        expect(onChangeMock).toHaveBeenCalledWith("1");
-        expect(screen.getByText("Option 1")).toBeInTheDocument();
-    });
-    it("should not allow selection of disabled options", async () => {
-        const onChangeMock = vi.fn();
-        const user = userEvent.setup();
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, onChange: onChangeMock }));
-        await user.click(screen.getByRole("combobox"));
-        await user.click(screen.getByText("Option 3")); // disabled option
-        expect(onChangeMock).not.toHaveBeenCalled();
-    });
-    // Search Functionality Tests
-    it("should show search input when searchable is true", async () => {
-        const user = userEvent.setup();
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, searchable: true }));
-        await user.click(screen.getByRole("combobox"));
-        expect(screen.getByPlaceholderText("Search...")).toBeInTheDocument();
-    });
-    it("should filter options based on search input", async () => {
-        const user = userEvent.setup();
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, searchable: true }));
-        await user.click(screen.getByRole("combobox"));
-        await user.type(screen.getByPlaceholderText("Search..."), "Option 1");
-        expect(screen.getByText("Option 1")).toBeInTheDocument();
-        expect(screen.queryByText("Option 2")).not.toBeInTheDocument();
-    });
-    // Validation and Error Handling Tests
-    it("should display error messages", async () => {
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, errors: ["This field is required"] }));
-        await waitFor(() => expect(screen.getByText("This field is required")).toBeInTheDocument());
-    });
-    it("should display warning messages", () => {
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, warnings: ["Please review your selection"] }));
-        expect(screen.getByText("Please review your selection")).toBeInTheDocument();
-    });
-    // Keyboard Navigation Tests
-    it("should handle keyboard navigation", async () => {
-        const user = userEvent.setup();
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions }));
-        screen.getByRole("combobox").focus();
-        await user.keyboard("{Enter}"); // Open dropdown
-        expect(screen.getByRole("listbox")).toBeInTheDocument();
-        await user.keyboard("{Escape}"); // Close dropdown
-        expect(screen.queryByRole("listbox")).not.toBeInTheDocument();
-    });
-    // Edge Cases
-    it("should handle empty options array", () => {
-        renderWithForm(_jsx(SelectField, { name: "select", options: [] }));
-        const combobox = screen.getByRole("combobox");
-        // When there are no options, the value should be undefined or empty
-        expect(combobox.getAttribute("value") || "").toBe("");
-    });
-    it("should handle value when provided", () => {
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, value: "2" }));
-        expect(screen.getByText("Option 2")).toBeInTheDocument();
-    });
-    // Accessibility Tests
-    it("should have correct ARIA attributes", async () => {
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, label: "Test Label", required: true, errors: ["Error message"] }));
-        const select = screen.getByRole("combobox");
-        expect(select).toHaveAttribute("aria-required", "true");
-        await waitFor(() => expect(select).toHaveAttribute("aria-invalid", "true"));
-        expect(select).toHaveAttribute("aria-expanded", "false");
-    });
-    // Multiple Selection Tests
-    it("should allow multiple selections when multiple is true", async () => {
-        const onChangeMock = vi.fn();
-        const user = userEvent.setup();
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, onChange: onChangeMock, multiple: true }));
-        await user.click(screen.getByRole("combobox"));
-        await user.click(screen.getByText("Option 1"));
-        expect(onChangeMock).toHaveBeenCalledWith(["1"]);
-        await user.click(screen.getByText("Option 2"));
-        expect(onChangeMock).toHaveBeenLastCalledWith(["1", "2"]);
-    });
-    it("should keep popover closed and focus the select/button when clicking the label", async () => {
-        const user = userEvent.setup();
-        renderWithForm(_jsx(SelectField, { name: "select", options: defaultOptions, label: "Test Label" }));
-        const label = screen.getByText("Test Label");
-        const select = screen.getByRole("combobox");
-        await user.click(label);
-        expect(screen.queryByRole("listbox")).not.toBeInTheDocument();
-        expect(select).toHaveFocus();
-    });
-    it("should no invoke onChange on mount when it have a defaultValue", () => {
-        const onChange = vi.fn();
-        renderWithForm(_jsx(SelectField, { name: "name", label: "Name", defaultValue: defaultOptions[0].value, options: defaultOptions, onChange: onChange }));
-        expect(onChange).not.toHaveBeenCalled();
-    });
-});
-//# sourceMappingURL=select-field.test.js.map

package/dist/src/ui/components/select-field/select-field.test.js.map

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

package/dist/src/ui/components/select-field/selected-content.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import type { SelectProps } from "../enum-field/types.js";
-interface SelectedContentProps {
-    selectedValues: string[];
-    options: SelectProps["options"];
-    multiple?: boolean;
-    searchable?: boolean;
-    placeholder?: string;
-    handleClear: () => void;
-}
-export declare const SelectedContent: React.FC<SelectedContentProps>;
-export {};
-//# sourceMappingURL=selected-content.d.ts.map

package/dist/src/ui/components/select-field/selected-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"selected-content.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/select-field/selected-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmH1D,CAAC"}

package/dist/src/ui/components/select-field/selected-content.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, Icon } from "@powerhousedao/design-system";
-import React from "react";
-export const SelectedContent = ({ selectedValues, options = [], multiple, searchable, placeholder, handleClear, }) => {
-    const renderIcon = (IconComponent) => {
-        if (typeof IconComponent === "string") {
-            return _jsx(Icon, { name: IconComponent, size: 16 });
-        }
-        return IconComponent && _jsx(IconComponent, { className: "size-4" });
-    };
-    if (selectedValues.length === 0) {
-        return (_jsxs("div", { className: cn("mx-auto flex w-full items-center", placeholder ? "justify-between" : "justify-end"), children: [placeholder && (_jsx("span", { className: "text-[14px] font-normal leading-5 text-gray-600 dark:text-gray-500", children: placeholder })), searchable ? (_jsx(Icon, { name: "CaretSort", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" })) : (_jsx(Icon, { name: "ChevronDown", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" }))] }));
-    }
-    return (_jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [_jsx("div", { className: cn("max-w-full truncate text-gray-900 dark:text-gray-50", !multiple && "flex items-center gap-2"), children: selectedValues.map((value, index) => {
-                    const option = options.find((o) => o.value === value);
-                    return !multiple ? (_jsxs(React.Fragment, { children: [renderIcon(option?.icon), _jsx("span", { className: "truncate text-[14px] font-normal leading-5", children: option?.label })] }, value)) : (_jsx("span", { className: cn("text-[14px] font-normal leading-5", index !== selectedValues.length - 1 && "mr-1"), children: index !== selectedValues.length - 1
-                            ? `${option?.label},`
-                            : option?.label }, value));
-                }) }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [multiple && selectedValues.length > 0 && (_jsx("div", { onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            handleClear();
-                        }, className: "size-4 p-0", children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" }) })), searchable ? (_jsx(Icon, { name: "CaretSort", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" })) : (_jsx(Icon, { name: "ChevronDown", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" }))] })] }));
-};
-//# sourceMappingURL=selected-content.js.map

package/dist/src/ui/components/select-field/selected-content.js.map

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

package/dist/src/ui/components/select-field/subcomponents/CommandItemList.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import type { SelectProps } from "../../enum-field/types.js";
-interface FavoriteOptionsProps {
-    options: SelectProps["options"];
-    selectedValues: string[];
-    multiple?: boolean;
-    selectionIcon: "auto" | "checkmark";
-    selectionIconPosition: "left" | "right";
-    hasAnyIcon: boolean;
-    toggleOption: (value: string) => void;
-    tabIndex?: number;
-}
-export declare const CommandItemList: React.FC<FavoriteOptionsProps>;
-export {};
-//# sourceMappingURL=CommandItemList.d.ts.map

package/dist/src/ui/components/select-field/subcomponents/CommandItemList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommandItemList.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/select-field/subcomponents/CommandItemList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,WAAW,CAAC;IACpC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA0BD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgG1D,CAAC"}

package/dist/src/ui/components/select-field/subcomponents/CommandItemList.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn, Icon } from "@powerhousedao/design-system";
-import React from "react";
-import { CommandItem } from "../../command/command.js";
-const renderIcon = (IconComponent) => {
-    if (typeof IconComponent === "string") {
-        return (_jsx(Icon, { name: IconComponent, size: 16, className: cn("text-gray-700 dark:text-gray-400") }));
-    }
-    return (IconComponent && (_jsx(IconComponent, { className: cn("size-4", "text-gray-700 dark:text-gray-400") })));
-};
-export const CommandItemList = ({ options = [], selectedValues, multiple, selectionIcon, selectionIconPosition, hasAnyIcon, toggleOption, tabIndex, }) => {
-    return (_jsx(_Fragment, { children: options.map((opt) => {
-            const isSelected = selectedValues.includes(opt.value);
-            return (_jsxs(CommandItem, { tabIndex: tabIndex, value: opt.label, onSelect: () => !opt.disabled && toggleOption(opt.value), disabled: opt.disabled, className: cn("cursor-pointer", "data-[selected=true]:bg-gray-100 dark:data-[selected=true]:bg-gray-900", opt.disabled &&
-                    "!pointer-events-auto cursor-not-allowed hover:bg-transparent dark:hover:bg-transparent"), role: "option", "aria-selected": isSelected, children: [selectionIcon === "auto" &&
-                        (multiple ? (_jsx("div", { className: cn("flex size-4 items-center justify-center rounded-md border", "border-gray-700 dark:border-gray-400", isSelected &&
-                                "bg-gray-900 text-slate-50 dark:bg-gray-400 dark:text-black"), children: isSelected && _jsx(Icon, { name: "Checkmark", size: 16 }) })) : (_jsx("div", { className: cn("relative size-4 rounded-full border", isSelected
-                                ? "border-gray-900 dark:border-gray-400"
-                                : "border-gray-800 dark:border-gray-400", "bg-transparent dark:bg-transparent"), children: isSelected && (_jsx("div", { className: "absolute left-1/2 top-1/2 size-2.5 -translate-x-1/2 -translate-y-1/2 rounded-full bg-gray-900 dark:bg-gray-400" })) }))), selectionIcon === "checkmark" &&
-                        !(selectionIconPosition === "right" && hasAnyIcon) && (_jsx("div", { className: "size-4", children: selectionIconPosition === "left" && isSelected && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) })), renderIcon(opt.icon), _jsx("span", { className: cn("flex-1 truncate text-[14px] font-normal leading-4", "text-gray-700 dark:text-gray-500", opt.disabled && "text-gray-600 dark:text-gray-600"), children: opt.label }), selectionIcon === "checkmark" &&
-                        selectionIconPosition === "right" && (_jsx("div", { className: "size-4", children: isSelected && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) }))] }, `favorite-${opt.value}`));
-        }) }));
-};
-//# sourceMappingURL=CommandItemList.js.map

package/dist/src/ui/components/select-field/subcomponents/CommandItemList.js.map

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

package/dist/src/ui/components/select-field/use-select-field.d.ts

@@ -1,19 +0,0 @@
-import type { SelectProps } from "../enum-field/types.js";
-interface UseSelectFieldProps {
-    options?: SelectProps["options"];
-    multiple?: boolean;
-    defaultValue?: string | string[];
-    value?: string | string[];
-    onChange?: (value: string | string[]) => void;
-}
-export declare function useSelectField({ options, multiple, defaultValue, value, onChange, }: UseSelectFieldProps): {
-    selectedValues: string[];
-    isPopoverOpen: boolean;
-    commandListRef: import("react").RefObject<HTMLDivElement | null>;
-    toggleOption: (optionValue: string) => void;
-    handleClear: () => void;
-    toggleAll: () => void;
-    handleOpenChange: (open: boolean) => void;
-};
-export {};
-//# sourceMappingURL=use-select-field.d.ts.map

package/dist/src/ui/components/select-field/use-select-field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-select-field.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/select-field/use-select-field.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAY,EACZ,QAAgB,EAChB,YAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB;;;;gCA8BJ,MAAM;;;6BALsB,OAAO;EAyEpD"}

package/dist/src/ui/components/select-field/use-select-field.js

@@ -1,86 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-export function useSelectField({ options = [], multiple = false, defaultValue, value, onChange, }) {
-    const isInternalChange = useRef(false);
-    const commandListRef = useRef(null);
-    const [isPopoverOpen, setIsPopoverOpen] = useState(false);
-    const [selectedValues, setSelectedValues] = useState(() => {
-        const initialValue = value ?? defaultValue ?? [];
-        if (initialValue === "") {
-            return [];
-        }
-        return Array.isArray(initialValue) ? initialValue : [initialValue];
-    });
-    useEffect(() => {
-        if (isInternalChange.current) {
-            isInternalChange.current = false;
-            return;
-        }
-        const newValue = value ?? defaultValue ?? [];
-        if (newValue === "") {
-            setSelectedValues([]);
-        }
-        else {
-            setSelectedValues(Array.isArray(newValue) ? newValue : [newValue]);
-        }
-    }, [value]);
-    const handleOpenChange = useCallback((open) => {
-        setIsPopoverOpen(open);
-    }, []);
-    const toggleOption = useCallback((optionValue) => {
-        isInternalChange.current = true;
-        let newValues;
-        if (multiple) {
-            newValues = selectedValues.includes(optionValue)
-                ? selectedValues.filter((v) => v !== optionValue)
-                : [...selectedValues, optionValue];
-        }
-        else {
-            newValues = selectedValues[0] === optionValue ? [] : [optionValue];
-            setIsPopoverOpen(false);
-        }
-        setSelectedValues(newValues);
-        onChange?.(multiple ? newValues : (newValues[0] ?? ""));
-    }, [multiple, selectedValues, options, onChange]);
-    const handleClear = useCallback(() => {
-        isInternalChange.current = true;
-        setSelectedValues([]);
-        onChange?.(multiple ? [] : "");
-    }, [multiple, onChange]);
-    const toggleAll = useCallback(() => {
-        isInternalChange.current = true;
-        const enabledOptions = options
-            .filter((opt) => !opt.disabled)
-            .map((opt) => opt.value);
-        const newValues = selectedValues.length === enabledOptions.length ? [] : enabledOptions;
-        setSelectedValues(newValues);
-        onChange?.(multiple ? newValues : newValues[0]);
-    }, [options, selectedValues, multiple, onChange]);
-    // handles changes to the "multiple" prop avoiding calling onChange on mount
-    const prevMultiple = useRef(multiple);
-    useEffect(() => {
-        if (prevMultiple.current === multiple) {
-            return;
-        }
-        prevMultiple.current = multiple;
-        if (!multiple && selectedValues.length > 1) {
-            isInternalChange.current = true;
-            setSelectedValues([selectedValues[0]]);
-            onChange?.(selectedValues[0]);
-            return;
-        }
-        if (selectedValues.length > 0) {
-            isInternalChange.current = true;
-            onChange?.(multiple ? [selectedValues[0]] : selectedValues[0]);
-        }
-    }, [multiple]);
-    return {
-        selectedValues,
-        isPopoverOpen,
-        commandListRef,
-        toggleOption,
-        handleClear,
-        toggleAll,
-        handleOpenChange,
-    };
-}
-//# sourceMappingURL=use-select-field.js.map