@powerhousedao/design-system 5.0.0-staging.9 → 5.0.1-staging.10

package/dist/src/ui/components/input/input.test.d.ts.map

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

package/dist/src/ui/components/input/input.test.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { userEvent } from "@testing-library/user-event";
+import { Input } from "./input.js";
+describe("Input", () => {
+    it("should match snapshot", () => {
+        const { container } = render(_jsx(Input, { placeholder: "Test placeholder" }));
+        expect(container).toMatchSnapshot();
+    });
+    it("should render an input element", () => {
+        render(_jsx(Input, {}));
+        expect(screen.getByRole("textbox")).toBeInTheDocument();
+    });
+    it("should render with a placeholder", () => {
+        render(_jsx(Input, { placeholder: "Enter text" }));
+        expect(screen.getByPlaceholderText("Enter text")).toBeInTheDocument();
+    });
+    it("should render with an initial value", () => {
+        render(_jsx(Input, { value: "Initial text" }));
+        expect(screen.getByDisplayValue("Initial text")).toBeInTheDocument();
+    });
+    it("should be disabled", () => {
+        render(_jsx(Input, { disabled: true }));
+        expect(screen.getByRole("textbox")).toBeDisabled();
+    });
+    it("should accept user input", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Input, {}));
+        const input = screen.getByRole("textbox");
+        await user.type(input, "Hello world");
+        expect(input).toHaveValue("Hello world");
+    });
+    it("should call onChange when value changes", async () => {
+        const user = userEvent.setup();
+        const handleChange = vi.fn();
+        render(_jsx(Input, { onChange: handleChange }));
+        await user.type(screen.getByRole("textbox"), "a");
+        expect(handleChange).toHaveBeenCalled();
+    });
+    it("should apply custom className", () => {
+        // for testing purposes, we disable the custom class name rule
+        render(_jsx(Input, { className: "custom-class" }));
+        expect(screen.getByRole("textbox")).toHaveClass("custom-class");
+    });
+});
+//# sourceMappingURL=input.test.js.map

package/dist/src/ui/components/input/input.test.js.map

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

package/dist/src/ui/components/input/splitted-input-diff.d.ts

@@ -3,6 +3,6 @@ interface SplittedInputDiffProps extends WithDifference<string> {
     value: string;
     showCopyIcon?: boolean;
 }
-declare const SplittedInputDiff: ({ baseValue, value, viewMode, diffMode, showCopyIcon, }: SplittedInputDiffProps) => import("react/jsx-runtime").JSX.Element;
-export { SplittedInputDiff };
+export declare const SplittedInputDiff: ({ baseValue, value, viewMode, diffMode, showCopyIcon, }: SplittedInputDiffProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=splitted-input-diff.d.ts.map

package/dist/src/ui/components/input/splitted-input-diff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"splitted-input-diff.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/input/splitted-input-diff.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAiDrD,UAAU,sBAAuB,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,iBAAiB,GAAI,yDAMxB,sBAAsB,4CAkFxB,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"splitted-input-diff.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/input/splitted-input-diff.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAgDrD,UAAU,sBAAuB,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,GAAI,yDAM/B,sBAAsB,4CAkFxB,CAAC"}

package/dist/src/ui/components/input/splitted-input-diff.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Icon } from "#powerhouse";
+import { cn, Icon } from "@powerhousedao/design-system";
 import { useCallback, useState } from "react";
 import { useMediaQuery } from "usehooks-ts";
-import { cn } from "../../lib/index.js";
 import { Tooltip, TooltipProvider } from "../tooltip/tooltip.js";
 import { InputDiff } from "./subcomponent/input-diff.js";
 import { TextDiff } from "./subcomponent/text-diff.js";
@@ -21,7 +20,7 @@ const CopyIcon = ({ value, hasCopied, setHasCopied, hasHover, }) => {
     return (_jsx(TooltipProvider, { children: _jsx(Tooltip, { content: "Copied!", open: hasCopied, triggerAsChild: true, children: _jsx("button", { type: "button", onClick: copy, className: cn("focus-visible:outline-none [&_svg]:pointer-events-none", hasHover &&
                     "opacity-0 transition-opacity duration-500 group-hover:opacity-100"), children: _jsx(Icon, { name: "Copy", size: 16, className: cn("text-gray-500") }) }) }) }));
 };
-const SplittedInputDiff = ({ baseValue, value, viewMode, diffMode, showCopyIcon = false, }) => {
+export const SplittedInputDiff = ({ baseValue, value, viewMode, diffMode, showCopyIcon = false, }) => {
     const [hasCopiedLeft, setHasCopiedLeft] = useState(false);
     const [hasCopiedRight, setHasCopiedRight] = useState(false);
     const hasHover = useMediaQuery("(hover: hover) and (pointer: fine)");
@@ -31,5 +30,4 @@ const SplittedInputDiff = ({ baseValue, value, viewMode, diffMode, showCopyIcon
                         baseValue !== "") ||
                         (viewMode === "addition" && value !== "")) && (_jsx(CopyIcon, { value: viewMode === "removal" ? (baseValue ?? "") : value, hasCopied: hasCopiedLeft, setHasCopied: setHasCopiedLeft, hasHover: hasHover }))] })) }));
 };
-export { SplittedInputDiff };
 //# sourceMappingURL=splitted-input-diff.js.map

package/dist/src/ui/components/input/splitted-input-diff.js.map

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

package/dist/src/ui/components/input/subcomponent/input-diff.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../../lib/index.js";
+import { cn } from "@powerhousedao/design-system";
 export const InputDiff = ({ children, className, ellipsis = true, multiline = false, rows = 3, hasPadding = false, }) => {
     return (_jsx("div", { className: cn("flex w-full items-center rounded-md font-sans text-sm font-normal leading-5 text-gray-700", "cursor-not-allowed border border-gray-300 bg-transparent px-3", !multiline && ellipsis && "truncate [&>span]:truncate", hasPadding && "items-start py-2", className), style: {
             minHeight: multiline ? `${rows * 1.5}rem` : "2.25rem",

package/dist/src/ui/components/input/subcomponent/input-diff.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/input/subcomponent/input-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAW3C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,CAAC,EACR,UAAU,GAAG,KAAK,GACH,EAAE,EAAE;IACnB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,+DAA+D,EAC/D,CAAC,SAAS,IAAI,QAAQ,IAAI,4BAA4B,EACtD,UAAU,IAAI,kBAAkB,EAChC,SAAS,CACV,EACD,KAAK,EAAE;YACL,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS;SACtD,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"input-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/input/subcomponent/input-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAC;AAWlD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,CAAC,EACR,UAAU,GAAG,KAAK,GACH,EAAE,EAAE;IACnB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,+DAA+D,EAC/D,CAAC,SAAS,IAAI,QAAQ,IAAI,4BAA4B,EACtD,UAAU,IAAI,kBAAkB,EAChC,SAAS,CACV,EACD,KAAK,EAAE;YACL,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS;SACtD,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/input/subcomponent/text-diff.d.ts

@@ -1,4 +1,4 @@
-import type { WithDifference } from "../../../types.js";
+import type { WithDifference } from "@powerhousedao/design-system";
 interface TextDiffProps extends WithDifference<string> {
     value: string;
     className?: string;

package/dist/src/ui/components/input/subcomponent/text-diff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-diff.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/input/subcomponent/text-diff.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,UAAU,aAAc,SAAQ,cAAc,CAAC,MAAM,CAAC;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,GAAI,yEAOtB,aAAa,4CA4Df,CAAC"}
+{"version":3,"file":"text-diff.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/input/subcomponent/text-diff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAKnE,UAAU,aAAc,SAAQ,cAAc,CAAC,MAAM,CAAC;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,GAAI,yEAOtB,aAAa,4CA4Df,CAAC"}

package/dist/src/ui/components/input/subcomponent/text-diff.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@powerhousedao/design-system";
 import { diffSentences, diffWords } from "diff";
 import { useMemo } from "react";
-import { cn } from "../../../lib/index.js";
 export const TextDiff = ({ baseValue, value, viewMode, diffMode = "words", className, childrenClassName, }) => {
     const wordsDiff = useMemo(() => {
         return diffMode === "words"

package/dist/src/ui/components/input/subcomponent/text-diff.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/input/subcomponent/text-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAS3C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,OAAO,EAClB,SAAS,EACT,iBAAiB,GACH,EAAE,EAAE;IAClB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,QAAQ,KAAK,OAAO;YACzB,CAAC,CAAC,SAAS,CAAC,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC;YACnC,CAAC,CAAC,aAAa,CAAC,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,OAAO,GACX,QAAQ,KAAK,WAAW,IAAI,UAAU;QACpC,CAAC,CAAC,QAAQ,KAAK,UAAU;YACvB,CAAC,CAAC,iBAAiB;YACnB,CAAC,CAAC,QAAQ,KAAK,SAAS;gBACtB,CAAC,CAAC,eAAe;gBACjB,CAAC,CAAC,SAAS;QACf,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,OAAO,EAAE,SAAS,CAAC,YACpE,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAChD,eACE,SAAS,EAAE,EAAE,CACX,CAAC,QAAQ,KAAK,OAAO,IAAI,QAAQ,KAAK,OAAO,CAAC;oBAC5C,iBAAiB,EACnB,iBAAiB,CAClB,YAGA,IAAI,CAAC,KAAK,IAFN,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAGxB,CACR,CAAC,CAAC,CAAC,IAAI,CACT,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAC/C,eACE,SAAS,EAAE,EAAE,CACX,CAAC,QAAQ,KAAK,OAAO,IAAI,QAAQ,KAAK,OAAO,CAAC;oBAC5C,eAAe,EACjB,iBAAiB,CAClB,YAGA,IAAI,CAAC,KAAK,IAFN,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAGxB,CACR,CAAC,CAAC,CAAC,IAAI,CACT,CAAC,CAAC,CAAC,CACF,eAEE,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAE/B,IAAI,CAAC,KAAK,IAHN,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAIxB,CACR,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"text-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/input/subcomponent/text-diff.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQhC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,OAAO,EAClB,SAAS,EACT,iBAAiB,GACH,EAAE,EAAE;IAClB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,QAAQ,KAAK,OAAO;YACzB,CAAC,CAAC,SAAS,CAAC,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC;YACnC,CAAC,CAAC,aAAa,CAAC,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,OAAO,GACX,QAAQ,KAAK,WAAW,IAAI,UAAU;QACpC,CAAC,CAAC,QAAQ,KAAK,UAAU;YACvB,CAAC,CAAC,iBAAiB;YACnB,CAAC,CAAC,QAAQ,KAAK,SAAS;gBACtB,CAAC,CAAC,eAAe;gBACjB,CAAC,CAAC,SAAS;QACf,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,OAAO,EAAE,SAAS,CAAC,YACpE,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAChD,eACE,SAAS,EAAE,EAAE,CACX,CAAC,QAAQ,KAAK,OAAO,IAAI,QAAQ,KAAK,OAAO,CAAC;oBAC5C,iBAAiB,EACnB,iBAAiB,CAClB,YAGA,IAAI,CAAC,KAAK,IAFN,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAGxB,CACR,CAAC,CAAC,CAAC,IAAI,CACT,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAC/C,eACE,SAAS,EAAE,EAAE,CACX,CAAC,QAAQ,KAAK,OAAO,IAAI,QAAQ,KAAK,OAAO,CAAC;oBAC5C,eAAe,EACjB,iBAAiB,CAClB,YAGA,IAAI,CAAC,KAAK,IAFN,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAGxB,CACR,CAAC,CAAC,CAAC,IAAI,CACT,CAAC,CAAC,CAAC,CACF,eAEE,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAE/B,IAAI,CAAC,KAAK,IAHN,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAIxB,CACR,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/popover/popover.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "#powerhouse";
+import { cn } from "@powerhousedao/design-system";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import React from "react";
 export const Popover = PopoverPrimitive.Root;

package/dist/src/ui/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../../src/ui/components/popover/popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAC7C,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACrD,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX;YACE,wEAAwE;YACxE,wEAAwE;YACxE,2FAA2F;YAC3F,2FAA2F;YAC3F,gEAAgE;YAChE,kEAAkE;YAClE,oGAAoG;SACrG,EACD,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,GACsB,CAC3B,CAAC,CAAC"}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../../src/ui/components/popover/popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAC;AAClD,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAC7C,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACrD,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX;YACE,wEAAwE;YACxE,wEAAwE;YACxE,2FAA2F;YAC3F,2FAA2F;YAC3F,gEAAgE;YAChE,kEAAkE;YAClE,oGAAoG;SACrG,EACD,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,GACsB,CAC3B,CAAC,CAAC"}

package/dist/src/ui/components/popover/popover.test.d.ts

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

package/dist/src/ui/components/popover/popover.test.d.ts.map

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

package/dist/src/ui/components/popover/popover.test.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { render } from "@testing-library/react";
+import { Popover } from "./popover.js";
+describe("Popover Component", () => {
+    it("should match snapshot", () => {
+        const { asFragment } = render(_jsx(Popover, {}));
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=popover.test.js.map

package/dist/src/ui/components/popover/popover.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/popover/popover.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC;QAC3C,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/src/ui/components/radio-group-field/radio-group-field.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
+import type { HTMLAttributes } from "react";
 import type { FieldErrorHandling, InputBaseProps } from "../../types.js";
-import { type RadioGroupProps } from "../enum-field/types.js";
-type RadioGroupFieldBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof InputBaseProps<string> | keyof FieldErrorHandling | keyof RadioGroupProps | "dir"> & {
+import type { RadioGroupProps } from "../enum-field/types.js";
+type RadioGroupFieldBaseProps = Omit<HTMLAttributes<HTMLDivElement>, keyof InputBaseProps<string> | keyof FieldErrorHandling | keyof RadioGroupProps | "dir"> & {
     dir?: "ltr" | "rtl";
 };
 export type RadioGroupFieldProps = RadioGroupFieldBaseProps & InputBaseProps<string> & FieldErrorHandling & RadioGroupProps;
-export declare const RadioGroupField: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "dir" | keyof InputBaseProps<string> | keyof FieldErrorHandling | keyof RadioGroupProps> & {
+export declare const RadioGroupField: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "dir" | keyof InputBaseProps<string> | keyof FieldErrorHandling | keyof RadioGroupProps> & {
     dir?: "ltr" | "rtl";
-} & InputBaseProps<string> & FieldErrorHandling & RadioGroupProps & React.RefAttributes<unknown>>;
+} & InputBaseProps<string> & FieldErrorHandling & RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=radio-group-field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group-field.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/radio-group-field/radio-group-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAO9D,KAAK,wBAAwB,GAAG,IAAI,CAClC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,MAAM,cAAc,CAAC,MAAM,CAAC,GAC5B,MAAM,kBAAkB,GACxB,MAAM,eAAe,GACrB,KAAK,CACR,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GACzD,cAAc,CAAC,MAAM,CAAC,GACtB,kBAAkB,GAClB,eAAe,CAAC;AAqFlB,eAAO,MAAM,eAAe;UA3FpB,KAAK,GAAG,KAAK;iGA4F0C,CAAC"}
+{"version":3,"file":"radio-group-field.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/radio-group-field/radio-group-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAM9D,KAAK,wBAAwB,GAAG,IAAI,CAClC,cAAc,CAAC,cAAc,CAAC,EAC5B,MAAM,cAAc,CAAC,MAAM,CAAC,GAC5B,MAAM,kBAAkB,GACxB,MAAM,eAAe,GACrB,KAAK,CACR,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GACzD,cAAc,CAAC,MAAM,CAAC,GACtB,kBAAkB,GAClB,eAAe,CAAC;AAkFlB,eAAO,MAAM,eAAe;UAxFpB,KAAK,GAAG,KAAK;kHA+FnB,CAAC"}

package/dist/src/ui/components/radio-group-field/radio-group-field.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useId } from "react";
-import { cn } from "../../lib/index.js";
-import { FormLabel } from "../form-label/index.js";
+import { cn } from "@powerhousedao/design-system";
+import { forwardRef, useId } from "react";
+import { FormLabel } from "../form-label/form-label.js";
 import { FormMessageList } from "../form-message/message-list.js";
 import { withFieldValidation } from "../with-field-validation/with-field-validation.js";
 import { RadioGroup } from "./radio-group.js";
 import { Radio } from "./radio.js";
-const RadioGroupFieldRaw = React.forwardRef(({ autoFocus, className, defaultValue, description, disabled, warnings = [], errors = [], id: propId, label, name, onChange, options = [], required, value, ...props }, ref) => {
+const RadioGroupFieldRaw = forwardRef(({ autoFocus, className, defaultValue, description, disabled, warnings = [], errors = [], id: propId, label, name, onChange, options = [], required, value, ...props }, ref) => {
     const hasLabel = label !== undefined;
     const hasError = errors.length > 0;
     const prefix = useId();
@@ -15,6 +15,9 @@ const RadioGroupFieldRaw = React.forwardRef(({ autoFocus, className, defaultValu
             onChange?.(newValue);
         }, value: value, disabled: disabled, ...props, ref: ref, children: [hasLabel && (_jsx(FormLabel, { description: description, hasError: hasError, htmlFor: id, required: required, disabled: disabled, children: label })), options.map((option, index) => (_jsx("div", { className: "flex items-center gap-2", role: "presentation", children: _jsx(Radio, { id: `${prefix}-radio-${index}-${option.value}`, label: option.label, value: option.value, description: option.description, disabled: disabled || option.disabled, hasError: hasError }) }, `${prefix}-radio-${index}-${option.value}`))), warnings.length > 0 && (_jsx(FormMessageList, { messages: warnings, type: "warning" })), hasError && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
 });
-export const RadioGroupField = withFieldValidation(RadioGroupFieldRaw);
+export const RadioGroupField = forwardRef(function RadioGroupField(props, ref) {
+    const Component = withFieldValidation(RadioGroupFieldRaw);
+    return _jsx(Component, { ...props, ref: ref });
+});
 RadioGroupField.displayName = "RadioGroupField";
 //# sourceMappingURL=radio-group-field.js.map

package/dist/src/ui/components/radio-group-field/radio-group-field.js.map

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

package/dist/src/ui/components/radio-group-field/radio-group-field.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from "@storybook/react";
+import { StorybookControlCategory } from "../storybook-arg-types.js";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "dir" | keyof import("../../types.js").InputBaseProps<string> | keyof import("../../types.js").FieldErrorHandling | keyof import("../types.js").RadioGroupProps> & {
+        dir?: "ltr" | "rtl";
+    } & import("../../types.js").InputBaseProps<string> & import("../../types.js").FieldErrorHandling & import("../types.js").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+    tags: string[];
+    argTypes: {
+        options: {
+            control: "object";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+    };
+    args: {
+        name: string;
+        errors: never[];
+        warnings: never[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const Required: Story;
+export declare const WithDefaultValue: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+export declare const WithWarning: Story;
+export declare const WithDescriptionInOptions: Story;
+export declare const WithDisabledOptions: Story;
+//# sourceMappingURL=radio-group-field.stories.d.ts.map

package/dist/src/ui/components/radio-group-field/radio-group-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/radio-group-field/radio-group-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAGL,wBAAwB,EACzB,MAAM,2BAA2B,CAAC;AAGnC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AASnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAejC,CAAC"}

package/dist/src/ui/components/radio-group-field/radio-group-field.stories.js

@@ -0,0 +1,128 @@
+import { withForm } from "../decorators.js";
+import { getDefaultArgTypes, getValidationArgTypes, StorybookControlCategory, } from "../storybook-arg-types.js";
+import { RadioGroupField } from "./radio-group-field.js";
+const meta = {
+    title: "UI/RadioGroupField",
+    component: RadioGroupField,
+    decorators: [withForm],
+    parameters: {
+        layout: "centered",
+        chromatic: {
+            disableSnapshot: true,
+        },
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        ...getDefaultArgTypes(),
+        options: {
+            control: "object",
+            description: "Array of options with label, value, description, and disabled state",
+            table: {
+                type: {
+                    summary: "Array<{ label: string; value: string; description?: string; disabled?: boolean; }>",
+                },
+                defaultValue: { summary: "[]" },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        ...getValidationArgTypes(),
+    },
+    args: {
+        name: "radio-group",
+        errors: [],
+        warnings: [],
+    },
+};
+export default meta;
+const defaultOptions = [
+    { label: "Option 1", value: "1" },
+    { label: "Option 2", value: "2" },
+    { label: "Option 3", value: "3" },
+];
+// Basic examples
+export const Default = {
+    args: {
+        label: "Radio Group",
+        options: defaultOptions,
+    },
+};
+export const WithDescription = {
+    args: {
+        label: "Radio Group",
+        description: "This is a helpful description for the Radio Group",
+        options: defaultOptions,
+    },
+};
+export const Required = {
+    args: {
+        label: "Required Radio Group",
+        options: defaultOptions,
+        required: true,
+    },
+};
+export const WithDefaultValue = {
+    args: {
+        label: "Radio Group with an option selected by default",
+        defaultValue: "2",
+        options: defaultOptions,
+    },
+};
+export const Disabled = {
+    args: {
+        label: "Disabled Radio Group",
+        disabled: true,
+        options: defaultOptions,
+        value: defaultOptions[0].value,
+    },
+};
+// Validation states
+export const WithError = {
+    args: {
+        label: "Radio Group with errors",
+        errors: ["Please select an option"],
+        options: defaultOptions,
+    },
+};
+export const WithWarning = {
+    args: {
+        label: "Radio Group with warnings",
+        warnings: ["Your selection may need review"],
+        options: defaultOptions,
+        defaultValue: "3",
+    },
+};
+// Special features
+export const WithDescriptionInOptions = {
+    args: {
+        label: "Radio Group with description in options",
+        options: [
+            {
+                label: "Option 1",
+                value: "1",
+                description: "Description for option 1",
+            },
+            {
+                label: "Option 2",
+                value: "2",
+                description: "Description for option 2",
+            },
+        ],
+    },
+};
+export const WithDisabledOptions = {
+    args: {
+        label: "Radio Group with disabled options",
+        options: [
+            { label: "Option 1", value: "1" },
+            { label: "Option 2", value: "2", disabled: true },
+            { label: "Option 3", value: "3" },
+            {
+                label: "Option 4",
+                value: "4",
+                disabled: true,
+                description: "This option is disabled",
+            },
+        ],
+    },
+};
+//# sourceMappingURL=radio-group-field.stories.js.map

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

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

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

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

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

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

package/dist/src/ui/components/radio-group-field/radio-group-field.test.js

@@ -0,0 +1,129 @@
+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 { RadioGroupField } from "./radio-group-field.js";
+describe("RadioGroupField Component", () => {
+    it("should match snapshot", () => {
+        const { asFragment } = renderWithForm(_jsx(RadioGroupField, { name: "radio-group", options: [
+                { label: "Option 1", value: "1" },
+                { label: "Option 2", value: "2" },
+            ] }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it("should render radio options with label", () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", label: "Group Label", options: [
+                { label: "Option 1", value: "1" },
+                { label: "Option 2", value: "2" },
+            ] }));
+        expect(screen.getByText("Group Label")).toBeInTheDocument();
+        expect(screen.getByText("Option 1")).toBeInTheDocument();
+        expect(screen.getByText("Option 2")).toBeInTheDocument();
+        expect(screen.getAllByRole("radio")).toHaveLength(2);
+    });
+    it("should call onChange when a Radio label is clicked", async () => {
+        const onChangeMock = vi.fn();
+        const user = userEvent.setup();
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", onChange: onChangeMock, options: [
+                { label: "Option 1", value: "1" },
+                { label: "Option 2", value: "2" },
+            ] }));
+        await user.click(screen.getByLabelText("Option 1"));
+        expect(onChangeMock).toHaveBeenCalledTimes(1);
+        expect(onChangeMock).toHaveBeenCalledWith("1");
+    });
+    it("should change the value when a different radio is selected", async () => {
+        const user = userEvent.setup();
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", defaultValue: "1", options: [
+                { label: "Option 1", value: "1" },
+                { label: "Option 2", value: "2" },
+            ] }));
+        const radio1 = screen.getByLabelText("Option 1");
+        const radio2 = screen.getByLabelText("Option 2");
+        expect(radio1).toBeChecked();
+        expect(radio2).not.toBeChecked();
+        await user.click(radio2);
+        expect(radio1).not.toBeChecked();
+        expect(radio2).toBeChecked();
+    });
+    it("should display description when provided", () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", label: "Group Label", description: "Group Description", options: [{ label: "Option 1", value: "1" }] }));
+        const iconButton = screen.getByRole("button");
+        expect(iconButton).toBeInTheDocument();
+        // Check that the SVG is rendered with correct dimensions
+        const svg = iconButton.querySelector("svg");
+        expect(svg).toHaveStyle({ width: "16px", height: "16px" });
+    });
+    it("should show a warning when provided", () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", label: "Group Label", warnings: ["Warning message"], options: [{ label: "Option 1", value: "1" }] }));
+        expect(screen.getByText("Warning message")).toBeInTheDocument();
+    });
+    it("should show an error when provided", async () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", label: "Group Label", errors: ["Error message"], options: [{ label: "Option 1", value: "1" }] }));
+        const radioGroup = screen.getByRole("radiogroup");
+        await waitFor(() => expect(radioGroup).toHaveAttribute("aria-invalid", "true"));
+        await waitFor(() => expect(screen.getByText("Error message")).toBeInTheDocument());
+    });
+    it("should have aria-label when no label is provided", () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", options: [{ label: "Option 1", value: "1" }] }));
+        const radioGroup = screen.getByRole("radiogroup");
+        expect(radioGroup).toHaveAttribute("aria-label", "Radio group");
+    });
+    it("should generate unique ids when not provided", () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", options: [{ label: "Option 1", value: "1" }] }));
+        const radioGroup = screen.getByRole("radiogroup");
+        expect(radioGroup.id).toMatch(/^.*-radio-group$/);
+    });
+    it("should use provided id when specified", () => {
+        renderWithForm(_jsx(RadioGroupField, { id: "custom-id", name: "radio-group", options: [{ label: "Option 1", value: "1" }] }));
+        const radioGroup = screen.getByRole("radiogroup");
+        expect(radioGroup).toHaveAttribute("id", "custom-id");
+    });
+    it("should handle required state", () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", label: "Group Label", required: true, options: [{ label: "Option 1", value: "1" }] }));
+        const radioGroup = screen.getByRole("radiogroup");
+        expect(radioGroup).toHaveAttribute("aria-required", "true");
+    });
+    it("should handle defaultValue", () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", defaultValue: "2", options: [
+                { label: "Option 1", value: "1" },
+                { label: "Option 2", value: "2" },
+            ] }));
+        const selectedRadio = screen.getByLabelText("Option 2");
+        expect(selectedRadio).toBeChecked();
+    });
+    it("should handle value", () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", value: "1", options: [
+                { label: "Option 1", value: "1" },
+                { label: "Option 2", value: "2" },
+            ] }));
+        const selectedRadio = screen.getByLabelText("Option 1");
+        expect(selectedRadio).toBeChecked();
+    });
+    it("should apply custom className", () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", 
+            // Custom className for testing purposes
+            className: "custom-class", options: [{ label: "Option 1", value: "1" }] }));
+        const radioGroup = screen.getByRole("radiogroup");
+        expect(radioGroup).toHaveClass("custom-class");
+    });
+    it("should handle multiple warnings", () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", label: "Group Label", warnings: ["Warning 1", "Warning 2"], options: [{ label: "Option 1", value: "1" }] }));
+        expect(screen.getByText("Warning 1")).toBeInTheDocument();
+        expect(screen.getByText("Warning 2")).toBeInTheDocument();
+    });
+    it("should handle multiple errors", async () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", label: "Group Label", errors: ["Error 1", "Error 2"], options: [{ label: "Option 1", value: "1" }] }));
+        await waitFor(() => {
+            expect(screen.getByText("Error 1")).toBeInTheDocument();
+            expect(screen.getByText("Error 2")).toBeInTheDocument();
+        });
+    });
+    it("should show both warnings and errors when provided", async () => {
+        renderWithForm(_jsx(RadioGroupField, { name: "radio-group", label: "Group Label", warnings: ["Warning message"], errors: ["Error message"], options: [{ label: "Option 1", value: "1" }] }));
+        expect(screen.getByText("Warning message")).toBeInTheDocument();
+        await waitFor(() => expect(screen.getByText("Error message")).toBeInTheDocument());
+    });
+});
+//# sourceMappingURL=radio-group-field.test.js.map