@powerhousedao/design-system 4.1.0-dev.56 → 4.1.0-dev.58

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

@@ -0,0 +1,251 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getDefaultArgTypes, getValidationArgTypes, Icon, PrebuiltArgTypes, StorybookControlCategory, withForm, } from "@powerhousedao/design-system";
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,131 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderWithForm } from "@powerhousedao/design-system";
+import { screen, waitFor } from "@testing-library/react";
+import { userEvent } from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+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

@@ -0,0 +1 @@
+{"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,5 +1,5 @@
+import type { SelectProps } from "@powerhousedao/design-system";
 import React from "react";
-import type { SelectProps } from "../enum-field/types.js";
 interface SelectedContentProps {
     selectedValues: string[];
     options: SelectProps["options"];

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

@@ -1 +1 @@
-{"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;AAE1B,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"}
+{"version":3,"file":"selected-content.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/select-field/selected-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from "#powerhouse";
+import { cn, Icon } from "@powerhousedao/design-system";
 import React from "react";
-import { cn } from "../../lib/index.js";
 export const SelectedContent = ({ selectedValues, options = [], multiple, searchable, placeholder, handleClear, }) => {
     const renderIcon = (IconComponent) => {
         if (typeof IconComponent === "string") {

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

@@ -1 +1 @@
-{"version":3,"file":"selected-content.js","sourceRoot":"","sources":["../../../../../src/ui/components/select-field/selected-content.tsx"],"names":[],"mappings":"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"}
+{"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,5 +1,5 @@
-import type React from "react";
-import type { SelectProps } from "../../enum-field/types.js";
+import type { SelectProps } from "@powerhousedao/design-system";
+import React from "react";
 interface FavoriteOptionsProps {
     options: SelectProps["options"];
     selectedValues: string[];

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

@@ -1 +1 @@
-{"version":3,"file":"CommandItemList.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/select-field/subcomponents/CommandItemList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,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"}
+{"version":3,"file":"CommandItemList.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/select-field/subcomponents/CommandItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Icon } from "#powerhouse";
-import { cn } from "../../../lib/index.js";
-import { CommandItem } from "../../command/command.js";
+import { cn, CommandItem, Icon } from "@powerhousedao/design-system";
+import React from "react";
 const renderIcon = (IconComponent) => {
     if (typeof IconComponent === "string") {
         return (_jsx(Icon, { name: IconComponent, size: 16, className: cn("text-gray-700 dark:text-gray-400") }));

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

@@ -1 +1 @@
-{"version":3,"file":"CommandItemList.js","sourceRoot":"","sources":["../../../../../../src/ui/components/select-field/subcomponents/CommandItemList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommandItemList.js","sourceRoot":"","sources":["../../../../../../src/ui/components/select-field/subcomponents/CommandItemList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,UAAU,GAAG,CACjB,aAGa,EACb,EAAE;IACF,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE,CAAC;QACtC,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,aAAa,EACnB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,GACjD,CACH,CAAC;IACJ,CAAC;IACD,OAAO,CACL,aAAa,IAAI,CACf,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,kCAAkC,CAAC,GAC3D,CACH,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,OAAO,GAAG,EAAE,EACZ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,4BACG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACtD,OAAO,CACL,MAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAElB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EACxD,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,wEAAwE,EACxE,GAAG,CAAC,QAAQ;oBACV,wFAAwF,CAC3F,EACD,IAAI,EAAC,QAAQ,mBACE,UAAU,aAExB,aAAa,KAAK,MAAM;wBACvB,CAAC,QAAQ,CAAC,CAAC,CAAC,CACV,cACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,sCAAsC,EACtC,UAAU;gCACR,4DAA4D,CAC/D,YAEA,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,GAAI,GAC9C,CACP,CAAC,CAAC,CAAC,CACF,cACE,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,UAAU;gCACR,CAAC,CAAC,sCAAsC;gCACxC,CAAC,CAAC,sCAAsC,EAC1C,oCAAoC,CACrC,YAEA,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,gHAAgH,GAAG,CACnI,GACG,CACP,CAAC,EACH,aAAa,KAAK,WAAW;wBAC5B,CAAC,CAAC,qBAAqB,KAAK,OAAO,IAAI,UAAU,CAAC,IAAI,CACpD,cAAK,SAAS,EAAC,QAAQ,YACpB,qBAAqB,KAAK,MAAM,IAAI,UAAU,IAAI,CACjD,KAAC,IAAI,IACH,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,iCAAiC,GAC3C,CACH,GACG,CACP,EACF,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EACrB,eACE,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,kCAAkC,EAClC,GAAG,CAAC,QAAQ,IAAI,kCAAkC,CACnD,YAEA,GAAG,CAAC,KAAK,GACL,EACN,aAAa,KAAK,WAAW;wBAC5B,qBAAqB,KAAK,OAAO,IAAI,CACnC,cAAK,SAAS,EAAC,QAAQ,YACpB,UAAU,IAAI,CACb,KAAC,IAAI,IACH,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,iCAAiC,GAC3C,CACH,GACG,CACP,KAzEE,YAAY,GAAG,CAAC,KAAK,EAAE,CA0EhB,CACf,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { SelectProps } from "../enum-field/types.js";
+import type { SelectProps } from "@powerhousedao/design-system";
 interface UseSelectFieldProps {
     options?: SelectProps["options"];
     multiple?: boolean;

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"use-select-field.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/select-field/use-select-field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGhE,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.map

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

package/dist/src/ui/components/text-field/text-field.d.ts

@@ -1,5 +1,4 @@
-import type { FieldErrorHandling, WithDifference } from "../../types.js";
-import type { TextInputProps } from "../text-input/text-input.js";
+import type { FieldErrorHandling, TextInputProps, WithDifference } from "@powerhousedao/design-system";
 export type TextFieldProps = TextInputProps & FieldErrorHandling & WithDifference<string>;
-export declare const TextField: import("react").ForwardRefExoticComponent<TextInputProps & FieldErrorHandling & WithDifference<string> & import("react").RefAttributes<unknown>>;
+export declare const TextField: import("react").ForwardRefExoticComponent<TextInputProps & FieldErrorHandling & WithDifference<string> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=text-field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAIlE,MAAM,MAAM,cAAc,GAAG,cAAc,GACzC,kBAAkB,GAClB,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,eAAO,MAAM,SAAS,kJAAiD,CAAC"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACf,MAAM,8BAA8B,CAAC;AAKtC,MAAM,MAAM,cAAc,GAAG,cAAc,GACzC,kBAAkB,GAClB,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,eAAO,MAAM,SAAS,2JAMpB,CAAC"}

package/dist/src/ui/components/text-field/text-field.js

@@ -1,5 +1,9 @@
-import { TextInput } from "../text-input/text-input.js";
-import { withFieldValidation } from "../with-field-validation/index.js";
-export const TextField = withFieldValidation(TextInput);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextInput, withFieldValidation } from "@powerhousedao/design-system";
+import { forwardRef } from "react";
+export const TextField = forwardRef(function TextField(props, ref) {
+    const Component = withFieldValidation(TextInput);
+    return _jsx(Component, { ...props, ref: ref });
+});
 TextField.displayName = "TextField";
 //# sourceMappingURL=text-field.js.map

package/dist/src/ui/components/text-field/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../../src/ui/components/text-field/text-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAMxE,MAAM,CAAC,MAAM,SAAS,GAAG,mBAAmB,CAAiB,SAAS,CAAC,CAAC;AAExE,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../../src/ui/components/text-field/text-field.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAMnC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,SAAS,CACpD,KAAqB,EACrB,GAA0B;IAE1B,MAAM,SAAS,GAAG,mBAAmB,CAAiB,SAAS,CAAC,CAAC;IACjE,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC5C,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

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

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

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