@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/RadioGroup/RadioGroup.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as RadioGroupStories from './RadioGroup.stories';
+import * as RadioGroupStories from "./RadioGroup.stories";
 
 <Meta of={RadioGroupStories} />
 
@@ -16,8 +16,8 @@ import React, { useState } from "react";
 import { RadioGroup } from "@webiny/admin-ui";
 
 const RadioGroupExample = () => {
-    const [value, setValue] = useState("");
-    const [validation, setValidation] = useState({ isValid: true, message: "" });
+const [value, setValue] = useState("");
+const [validation, setValidation] = useState({ isValid: true, message: "" });
 
     const handleValidation = () => {
         if (!value) {
@@ -53,27 +53,28 @@ const RadioGroupExample = () => {
             onBlur={handleValidation}
         />
     );
+
 };
 
 export default RadioGroupExample;
 
 `} }
-    additionalActions={[
-        {
-            title: 'Open in GitHub',
-            onClick: () => {
-                window.open(
-                    'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/RadioGroup/RadioGroup.tsx',
-                    '_blank'
-                );
-            },
-        }
-    ]}
+additionalActions={[
+{
+title: 'Open in GitHub',
+onClick: () => {
+window.open(
+'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/RadioGroup/RadioGroup.tsx',
+'_blank'
+);
+},
+}
+]}
 />
 
 <Controls of={RadioGroupStories.Documentation} />
 
-> **Note:** While the `required` prop will show the required indicator (*) next to the label, you need to implement the validation logic using the `validation` and `onBlur` props to handle the actual validation behavior.
+> **Note:** While the `required` prop will show the required indicator (\*) next to the label, you need to implement the validation logic using the `validation` and `onBlur` props to handle the actual validation behavior.
 
 ```jsx
 import React, { useState } from "react";
@@ -81,43 +82,43 @@ import React, { useState } from "react";
 import { RadioGroup } from "@webiny/admin-ui";
 
 const RadioGroupExample = () => {
-    const [value, setValue] = useState("");
-    const [validation, setValidation] = useState({ isValid: true, message: "" });
-
-    const handleValidation = () => {
-        if (!value) {
-            setValidation({ isValid: false, message: "This field is required" });
-        } else {
-            setValidation({ isValid: true, message: "" });
+  const [value, setValue] = useState("");
+  const [validation, setValidation] = useState({ isValid: true, message: "" });
+
+  const handleValidation = () => {
+    if (!value) {
+      setValidation({ isValid: false, message: "This field is required" });
+    } else {
+      setValidation({ isValid: true, message: "" });
+    }
+  };
+
+  return (
+    <RadioGroup
+      label="Deployment Option"
+      description="Choose your preferred deployment method"
+      note="This setting will determine how your application is deployed"
+      required={true}
+      items={[
+        {
+          label: "Automatic Deployment",
+          value: "automatic"
+        },
+        {
+          label: "Manual Deployment",
+          value: "manual"
+        },
+        {
+          label: "Scheduled Deployment",
+          value: "scheduled"
         }
-    };
-
-    return (
-        <RadioGroup
-            label="Deployment Option"
-            description="Choose your preferred deployment method"
-            note="This setting will determine how your application is deployed"
-            required={true}
-            items={[
-                {
-                    label: "Automatic Deployment",
-                    value: "automatic"
-                },
-                {
-                    label: "Manual Deployment",
-                    value: "manual"
-                },
-                {
-                    label: "Scheduled Deployment",
-                    value: "scheduled"
-                }
-            ]}
-            value={value}
-            validation={validation}
-            onChange={newValue => setValue(newValue)}
-            onBlur={handleValidation}
-        />
-    );
+      ]}
+      value={value}
+      validation={validation}
+      onChange={newValue => setValue(newValue)}
+      onBlur={handleValidation}
+    />
+  );
 };
 
 export default RadioGroupExample;
@@ -126,23 +127,25 @@ export default RadioGroupExample;
 ## Anatomy
 
 ### General
+
 Radio input enable users to select a single item from a list of offered choices. A radio input group organizes related radio input options together for better clarity and functionality.
 
-<img src="/images/storybook/radio-group/anatomy.png" alt="Anatomy"/>
+<img src="/images/storybook/radio-group/anatomy.png" alt="Anatomy" />
 
 ### Radio input options
+
 Radio inputs can exist in two different states: Selected and Not Selected. When a radio input is used for bulk selection, all other options must be excluded since the very purpose of a radio input is to provide only one selectable option.
-<img src="/images/storybook/radio-group/options.png" alt="Radio input options"/>
+
+<img src="/images/storybook/radio-group/options.png" alt="Radio input options" />
 
 ### States
-<img src="/images/storybook/radio-group/states.png" alt="States"/>
+
+<img src="/images/storybook/radio-group/states.png" alt="States" />
 
 ## Usage
 
 ### Text overflow
-When the radio item text content is too long for the horizontal space available, the content should wrap to form another line aligning the text and checkbox on top.
-
-<img src="/images/storybook/radio-group/text-overflow.png" alt="Text overflow"/>
-
 
+When the radio item text content is too long for the horizontal space available, the content should wrap to form another line aligning the text and checkbox on top.
 
+<img src="/images/storybook/radio-group/text-overflow.png" alt="Text overflow" />

package/RadioGroup/RadioGroup.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { RadioGroup } from "./RadioGroup";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { RadioGroup } from "./RadioGroup.js";
 declare const meta: Meta<typeof RadioGroup>;
 export default meta;
 type Story = StoryObj<typeof RadioGroup>;

package/RadioGroup/RadioGroup.stories.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { RadioGroup } from "./RadioGroup";
+import { RadioGroup } from "./RadioGroup.js";
 const meta = {
   title: "Components/Form/RadioGroup",
   component: RadioGroup,

package/RadioGroup/RadioGroup.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","RadioGroup","meta","title","component","argTypes","disabled","control","defaultValue","parameters","layout","render","args","value","setValue","createElement","Object","assign","onChange","Default","items","label","WithLabel","WithRequiredLabel","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","setValidation","handleValidation","newValue","onBlur"],"sources":["RadioGroup.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioGroup } from \"./RadioGroup\";\n\nconst meta: Meta<typeof RadioGroup> = {\n    title: \"Components/Form/RadioGroup\",\n    component: RadioGroup,\n    argTypes: {\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <RadioGroup {...args} value={value} onChange={value => setValue(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof RadioGroup>;\n\nexport const Default: Story = {\n    args: {\n        items: [\n            {\n                label: \"Value 1\",\n                value: \"value-1\"\n            },\n            {\n                label: \"Value 2\",\n                value: \"value-2\"\n            },\n            {\n                label: \"Value 3\",\n                value: \"value-3\"\n            }\n        ]\n    }\n};\n\nexport const WithLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const WithRequiredLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        disabled: true,\n        items: [\n            {\n                label: \"Value 1\",\n                value: \"value-1\",\n                disabled: true\n            },\n            {\n                label: \"Value 2\",\n                value: \"value-2\",\n                disabled: true\n            },\n            {\n                label: \"Value 3\",\n                value: \"value-3\",\n                disabled: true\n            }\n        ]\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Select which deploy option do you prefer\",\n        required: true,\n        description:\n            \"Deployment option is simply a way of parsing the data based on your database settings.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"You must select at least one option!\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [value, setValue] = useState(\"\");\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        const handleValidation = () => {\n            if (args.required && !value) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        return (\n            <RadioGroup\n                {...args}\n                value={value}\n                validation={validation}\n                onChange={newValue => setValue(newValue)}\n                onBlur={handleValidation}\n            />\n        );\n    },\n    args: {\n        label: \"Deployment Option\",\n        description: \"Choose your preferred deployment method\",\n        note: \"This setting will determine how your application is deployed\",\n        required: true,\n        disabled: false,\n        items: [\n            {\n                label: \"Automatic Deployment\",\n                value: \"automatic\"\n            },\n            {\n                label: \"Manual Deployment\",\n                value: \"manual\"\n            },\n            {\n                label: \"Scheduled Deployment\",\n                value: \"scheduled\"\n            }\n        ]\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","RadioGroup","meta","title","component","argTypes","disabled","control","defaultValue","parameters","layout","render","args","value","setValue","createElement","Object","assign","onChange","Default","items","label","WithLabel","WithRequiredLabel","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","setValidation","handleValidation","newValue","onBlur"],"sources":["RadioGroup.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { RadioGroup } from \"./RadioGroup.js\";\n\nconst meta: Meta<typeof RadioGroup> = {\n    title: \"Components/Form/RadioGroup\",\n    component: RadioGroup,\n    argTypes: {\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <RadioGroup {...args} value={value} onChange={value => setValue(value)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof RadioGroup>;\n\nexport const Default: Story = {\n    args: {\n        items: [\n            {\n                label: \"Value 1\",\n                value: \"value-1\"\n            },\n            {\n                label: \"Value 2\",\n                value: \"value-2\"\n            },\n            {\n                label: \"Value 3\",\n                value: \"value-3\"\n            }\n        ]\n    }\n};\n\nexport const WithLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const WithRequiredLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        disabled: true,\n        items: [\n            {\n                label: \"Value 1\",\n                value: \"value-1\",\n                disabled: true\n            },\n            {\n                label: \"Value 2\",\n                value: \"value-2\",\n                disabled: true\n            },\n            {\n                label: \"Value 3\",\n                value: \"value-3\",\n                disabled: true\n            }\n        ]\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Select which deploy option do you prefer\",\n        required: true,\n        description:\n            \"Deployment option is simply a way of parsing the data based on your database settings.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"You must select at least one option!\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [value, setValue] = useState(\"\");\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        const handleValidation = () => {\n            if (args.required && !value) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        return (\n            <RadioGroup\n                {...args}\n                value={value}\n                validation={validation}\n                onChange={newValue => setValue(newValue)}\n                onBlur={handleValidation}\n            />\n        );\n    },\n    args: {\n        label: \"Deployment Option\",\n        description: \"Choose your preferred deployment method\",\n        note: \"This setting will determine how your application is deployed\",\n        required: true,\n        disabled: false,\n        items: [\n            {\n                label: \"Automatic Deployment\",\n                value: \"automatic\"\n            },\n            {\n                label: \"Manual Deployment\",\n                value: \"manual\"\n            },\n            {\n                label: \"Scheduled Deployment\",\n                value: \"scheduled\"\n            }\n        ]\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/RadioGroup/domains/RadioItem.d.ts

@@ -1,4 +1,4 @@
-import type { RadioItemParams } from "./RadioItemParams";
+import type { RadioItemParams } from "./RadioItemParams.js";
 export declare class RadioItem {
     private readonly _id;
     private readonly _label;

package/RadioGroup/domains/RadioItem.js

@@ -1,4 +1,4 @@
-import { generateId } from "../../utils";
+import { generateId } from "../../utils.js";
 export class RadioItem {
   constructor(data) {
     this._id = data.id;

package/RadioGroup/domains/RadioItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateId","RadioItem","constructor","data","_id","id","_label","label","_value","value","_disabled","disabled","create"],"sources":["RadioItem.ts"],"sourcesContent":["import type { RadioItemParams } from \"./RadioItemParams\";\nimport { generateId } from \"~/utils\";\n\nexport class RadioItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _disabled: boolean;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: string | number;\n        disabled: boolean;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._disabled = data.disabled;\n    }\n\n    static create(data: RadioItemParams) {\n        return new RadioItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            disabled: data.disabled ?? false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,SAAS,CAAC;EAMTC,WAAWA,CAACC,IAKrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,SAAS,GAAGP,IAAI,CAACQ,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACT,IAAqB,EAAE;IACjC,OAAO,IAAIF,SAAS,CAAC;MACjBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,QAAQ,EAAER,IAAI,CAACQ,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIN,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}
+{"version":3,"names":["generateId","RadioItem","constructor","data","_id","id","_label","label","_value","value","_disabled","disabled","create"],"sources":["RadioItem.ts"],"sourcesContent":["import type { RadioItemParams } from \"./RadioItemParams.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class RadioItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _disabled: boolean;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: string | number;\n        disabled: boolean;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._disabled = data.disabled;\n    }\n\n    static create(data: RadioItemParams) {\n        return new RadioItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            disabled: data.disabled ?? false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,SAAS,CAAC;EAMTC,WAAWA,CAACC,IAKrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,SAAS,GAAGP,IAAI,CAACQ,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACT,IAAqB,EAAE;IACjC,OAAO,IAAIF,SAAS,CAAC;MACjBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,QAAQ,EAAER,IAAI,CAACQ,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIN,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}

package/RadioGroup/domains/RadioItemFormatter.d.ts

@@ -1,5 +1,5 @@
-import type { RadioItemFormatted } from "./RadioItemFormatted";
-import type { RadioItem } from "./RadioItem";
+import type { RadioItemFormatted } from "./RadioItemFormatted.js";
+import type { RadioItem } from "./RadioItem.js";
 export declare class RadioItemFormatter {
     static format(item: RadioItem): RadioItemFormatted;
 }

package/RadioGroup/domains/RadioItemFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["RadioItemFormatter","format","item","id","label","value","String","disabled"],"sources":["RadioItemFormatter.ts"],"sourcesContent":["import type { RadioItemFormatted } from \"./RadioItemFormatted\";\nimport type { RadioItem } from \"./RadioItem\";\n\nexport class RadioItemFormatter {\n    static format(item: RadioItem): RadioItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: String(item.value),\n            disabled: item.disabled\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,MAAMA,CAACC,IAAe,EAAsB;IAC/C,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEC,MAAM,CAACJ,IAAI,CAACG,KAAK,CAAC;MACzBE,QAAQ,EAAEL,IAAI,CAACK;IACnB,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["RadioItemFormatter","format","item","id","label","value","String","disabled"],"sources":["RadioItemFormatter.ts"],"sourcesContent":["import type { RadioItemFormatted } from \"./RadioItemFormatted.js\";\nimport type { RadioItem } from \"./RadioItem.js\";\n\nexport class RadioItemFormatter {\n    static format(item: RadioItem): RadioItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: String(item.value),\n            disabled: item.disabled\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,MAAMA,CAACC,IAAe,EAAsB;IAC/C,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEC,MAAM,CAACJ,IAAI,CAACG,KAAK,CAAC;MACzBE,QAAQ,EAAEL,IAAI,CAACK;IACnB,CAAC;EACL;AACJ","ignoreList":[]}

package/RadioGroup/domains/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./RadioItem";
-export * from "./RadioItemFormatted";
-export * from "./RadioItemFormatter";
-export * from "./RadioItemParams";
+export * from "./RadioItem.js";
+export type * from "./RadioItemFormatted.js";
+export * from "./RadioItemFormatter.js";
+export type * from "./RadioItemParams.js";

package/RadioGroup/domains/index.js

@@ -1,6 +1,4 @@
-export * from "./RadioItem";
-export * from "./RadioItemFormatted";
-export * from "./RadioItemFormatter";
-export * from "./RadioItemParams";
+export * from "./RadioItem.js";
+export * from "./RadioItemFormatter.js";
 
 //# sourceMappingURL=index.js.map

package/RadioGroup/domains/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./RadioItem\";\nexport * from \"./RadioItemFormatted\";\nexport * from \"./RadioItemFormatter\";\nexport * from \"./RadioItemParams\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./RadioItem.js\";\nexport type * from \"./RadioItemFormatted.js\";\nexport * from \"./RadioItemFormatter.js\";\nexport type * from \"./RadioItemParams.js\";\n"],"mappings":"AAAA;AAEA","ignoreList":[]}

package/RadioGroup/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./primitives";
-export * from "./RadioGroup";
+export * from "./primitives/index.js";
+export * from "./RadioGroup.js";

package/RadioGroup/index.js

@@ -1,4 +1,4 @@
-export * from "./primitives";
-export * from "./RadioGroup";
+export * from "./primitives/index.js";
+export * from "./RadioGroup.js";
 
 //# sourceMappingURL=index.js.map

package/RadioGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./primitives\";\nexport * from \"./RadioGroup\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./primitives/index.js\";\nexport * from \"./RadioGroup.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/RadioGroup/primitives/Radio.d.ts

@@ -20,7 +20,7 @@ declare const Radio: (({ className, label, id, ...props }: RadioProps) => React.
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, label, id, ...props }: RadioProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ className, label, id, ...props }: RadioProps) => React.JSX.Element) & {
         original: ({ className, label, id, ...props }: RadioProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/RadioGroup/primitives/Radio.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { cn, makeDecoratable } from "../../utils";
-import { Label } from "../../Label";
+import { cn, makeDecoratable } from "../../utils.js";
+import { Label } from "../../Label/index.js";
 
 /**
  * RadioItem
@@ -14,19 +14,19 @@ const DecoratableRadio = ({
   ...props
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-start wby-space-x-sm-extra"
+    className: "flex items-start space-x-sm-extra"
   }, /*#__PURE__*/React.createElement(RadioGroupPrimitive.Item, Object.assign({
     id: id,
-    className: cn(["wby-group wby-peer wby-aspect-square wby-h-md wby-w-md wby-rounded-xl wby-mt-xxs", "wby-bg-neutral-base wby-border-sm wby-border-neutral-muted wby-ring-offset-background", "focus:wby-outline-none focus-visible:wby-border-accent-default focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed focus-visible:wby-ring-offset-0", "disabled:wby-cursor-not-allowed disabled:wby-border-neutral-muted disabled:wby-bg-neutral-disabled"], className)
+    className: cn(["group peer aspect-square h-md w-md rounded-xl mt-xxs", "bg-neutral-base border-sm border-neutral-muted ring-offset-background", "focus:outline-none focus-visible:border-accent-default focus-visible:ring-lg focus-visible:ring-primary-dimmed focus-visible:ring-offset-0", "disabled:cursor-not-allowed disabled:border-neutral-muted disabled:bg-neutral-disabled"], className)
   }, props), /*#__PURE__*/React.createElement(RadioGroupPrimitive.Indicator, {
-    className: "wby-flex wby-items-center wby-justify-center"
+    className: "flex items-center justify-center"
   }, /*#__PURE__*/React.createElement("span", {
-    className: cn(["wby-h-sm wby-w-sm wby-rounded-xl", "wby-bg-primary-default", "group-disabled:wby-bg-neutral-strong"])
+    className: cn(["h-sm w-sm rounded-xl", "bg-primary", "group-disabled:bg-neutral-strong"])
   }))), /*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     text: label,
     weight: "light",
-    className: "wby-text-md"
+    className: "text-md"
   }));
 };
 const Radio = makeDecoratable("Radio", DecoratableRadio);

package/RadioGroup/primitives/Radio.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","RadioGroup","RadioGroupPrimitive","cn","makeDecoratable","Label","DecoratableRadio","className","label","id","props","createElement","Item","Object","assign","Indicator","htmlFor","text","weight","Radio"],"sources":["Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { RadioGroup as RadioGroupPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport { Label } from \"~/Label\";\n\n/**\n * RadioItem\n */\ninterface RadioProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {\n    label: string | React.ReactNode;\n    id: string;\n}\n\nconst DecoratableRadio = ({ className, label, id, ...props }: RadioProps) => {\n    return (\n        <div className=\"wby-flex wby-items-start wby-space-x-sm-extra\">\n            <RadioGroupPrimitive.Item\n                id={id}\n                className={cn(\n                    [\n                        \"wby-group wby-peer wby-aspect-square wby-h-md wby-w-md wby-rounded-xl wby-mt-xxs\",\n                        \"wby-bg-neutral-base wby-border-sm wby-border-neutral-muted wby-ring-offset-background\",\n                        \"focus:wby-outline-none focus-visible:wby-border-accent-default focus-visible:wby-ring-lg focus-visible:wby-ring-primary-dimmed focus-visible:wby-ring-offset-0\",\n                        \"disabled:wby-cursor-not-allowed disabled:wby-border-neutral-muted disabled:wby-bg-neutral-disabled\"\n                    ],\n                    className\n                )}\n                {...props}\n            >\n                <RadioGroupPrimitive.Indicator className=\"wby-flex wby-items-center wby-justify-center\">\n                    <span\n                        className={cn([\n                            \"wby-h-sm wby-w-sm wby-rounded-xl\",\n                            \"wby-bg-primary-default\",\n                            \"group-disabled:wby-bg-neutral-strong\"\n                        ])}\n                    />\n                </RadioGroupPrimitive.Indicator>\n            </RadioGroupPrimitive.Item>\n            <Label htmlFor={id} text={label} weight={\"light\"} className={\"wby-text-md\"} />\n        </div>\n    );\n};\nconst Radio = makeDecoratable(\"Radio\", DecoratableRadio);\n\nexport { Radio, type RadioProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,IAAIC,mBAAmB,QAAQ,UAAU;AAC5D,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,KAAK;;AAEd;AACA;AACA;;AAMA,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAEC,EAAE;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACzE,oBACIV,KAAA,CAAAW,aAAA;IAAKJ,SAAS,EAAC;EAA+C,gBAC1DP,KAAA,CAAAW,aAAA,CAACT,mBAAmB,CAACU,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACrBL,EAAE,EAAEA,EAAG;IACPF,SAAS,EAAEJ,EAAE,CACT,CACI,kFAAkF,EAClF,uFAAuF,EACvF,gKAAgK,EAChK,oGAAoG,CACvG,EACDI,SACJ;EAAE,GACEG,KAAK,gBAETV,KAAA,CAAAW,aAAA,CAACT,mBAAmB,CAACa,SAAS;IAACR,SAAS,EAAC;EAA8C,gBACnFP,KAAA,CAAAW,aAAA;IACIJ,SAAS,EAAEJ,EAAE,CAAC,CACV,kCAAkC,EAClC,wBAAwB,EACxB,sCAAsC,CACzC;EAAE,CACN,CAC0B,CACT,CAAC,eAC3BH,KAAA,CAAAW,aAAA,CAACN,KAAK;IAACW,OAAO,EAAEP,EAAG;IAACQ,IAAI,EAAET,KAAM;IAACU,MAAM,EAAE,OAAQ;IAACX,SAAS,EAAE;EAAc,CAAE,CAC5E,CAAC;AAEd,CAAC;AACD,MAAMY,KAAK,GAAGf,eAAe,CAAC,OAAO,EAAEE,gBAAgB,CAAC;AAExD,SAASa,KAAK","ignoreList":[]}
+{"version":3,"names":["React","RadioGroup","RadioGroupPrimitive","cn","makeDecoratable","Label","DecoratableRadio","className","label","id","props","createElement","Item","Object","assign","Indicator","htmlFor","text","weight","Radio"],"sources":["Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { RadioGroup as RadioGroupPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { Label } from \"~/Label/index.js\";\n\n/**\n * RadioItem\n */\ninterface RadioProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {\n    label: string | React.ReactNode;\n    id: string;\n}\n\nconst DecoratableRadio = ({ className, label, id, ...props }: RadioProps) => {\n    return (\n        <div className=\"flex items-start space-x-sm-extra\">\n            <RadioGroupPrimitive.Item\n                id={id}\n                className={cn(\n                    [\n                        \"group peer aspect-square h-md w-md rounded-xl mt-xxs\",\n                        \"bg-neutral-base border-sm border-neutral-muted ring-offset-background\",\n                        \"focus:outline-none focus-visible:border-accent-default focus-visible:ring-lg focus-visible:ring-primary-dimmed focus-visible:ring-offset-0\",\n                        \"disabled:cursor-not-allowed disabled:border-neutral-muted disabled:bg-neutral-disabled\"\n                    ],\n                    className\n                )}\n                {...props}\n            >\n                <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n                    <span\n                        className={cn([\n                            \"h-sm w-sm rounded-xl\",\n                            \"bg-primary\",\n                            \"group-disabled:bg-neutral-strong\"\n                        ])}\n                    />\n                </RadioGroupPrimitive.Indicator>\n            </RadioGroupPrimitive.Item>\n            <Label htmlFor={id} text={label} weight={\"light\"} className={\"text-md\"} />\n        </div>\n    );\n};\nconst Radio = makeDecoratable(\"Radio\", DecoratableRadio);\n\nexport { Radio, type RadioProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,IAAIC,mBAAmB,QAAQ,UAAU;AAC5D,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,KAAK;;AAEd;AACA;AACA;;AAMA,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAEC,EAAE;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACzE,oBACIV,KAAA,CAAAW,aAAA;IAAKJ,SAAS,EAAC;EAAmC,gBAC9CP,KAAA,CAAAW,aAAA,CAACT,mBAAmB,CAACU,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACrBL,EAAE,EAAEA,EAAG;IACPF,SAAS,EAAEJ,EAAE,CACT,CACI,sDAAsD,EACtD,uEAAuE,EACvE,4IAA4I,EAC5I,wFAAwF,CAC3F,EACDI,SACJ;EAAE,GACEG,KAAK,gBAETV,KAAA,CAAAW,aAAA,CAACT,mBAAmB,CAACa,SAAS;IAACR,SAAS,EAAC;EAAkC,gBACvEP,KAAA,CAAAW,aAAA;IACIJ,SAAS,EAAEJ,EAAE,CAAC,CACV,sBAAsB,EACtB,YAAY,EACZ,kCAAkC,CACrC;EAAE,CACN,CAC0B,CACT,CAAC,eAC3BH,KAAA,CAAAW,aAAA,CAACN,KAAK;IAACW,OAAO,EAAEP,EAAG;IAACQ,IAAI,EAAET,KAAM;IAACU,MAAM,EAAE,OAAQ;IAACX,SAAS,EAAE;EAAU,CAAE,CACxE,CAAC;AAEd,CAAC;AACD,MAAMY,KAAK,GAAGf,eAAe,CAAC,OAAO,EAAEE,gBAAgB,CAAC;AAExD,SAASa,KAAK","ignoreList":[]}

package/RadioGroup/primitives/RadioGroupPrimitive.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { RadioGroup as RadioGroupPrimitives } from "radix-ui";
-import type { RadioItemParams, RadioItemFormatted } from "../domains";
+import type { RadioItemParams, RadioItemFormatted } from "../domains/index.js";
 /**
  * Radio Group Renderer
  */

package/RadioGroup/primitives/RadioGroupPrimitive.js

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { RadioGroup as RadioGroupPrimitives } from "radix-ui";
-import { cn } from "../../utils";
-import { Radio } from "./Radio";
-import { useRadioGroup } from "./useRadioGroup";
+import { cn } from "../../utils.js";
+import { Radio } from "./Radio.js";
+import { useRadioGroup } from "./useRadioGroup.js";
 
 /**
  * Radio Group Root
@@ -12,7 +12,7 @@ const RadioGroupRoot = ({
   ...props
 }) => {
   return /*#__PURE__*/React.createElement(RadioGroupPrimitives.Root, Object.assign({
-    className: cn("wby-grid wby-gap-sm-extra wby-py-xs-plus", className)
+    className: cn("grid gap-sm-extra py-xs-plus", className)
   }, props));
 };
 
@@ -27,7 +27,7 @@ const RadioGroupRenderer = ({
   disabled
 }) => {
   return /*#__PURE__*/React.createElement(RadioGroupRoot, {
-    value: value,
+    value: value ?? "",
     onValueChange: value => changeValue(value),
     disabled: disabled
   }, items.map(item => /*#__PURE__*/React.createElement(Radio, {

package/RadioGroup/primitives/RadioGroupPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","RadioGroup","RadioGroupPrimitives","cn","Radio","useRadioGroup","RadioGroupRoot","className","props","createElement","Root","Object","assign","RadioGroupRenderer","items","changeValue","value","disabled","onValueChange","map","item","id","key","label","RadioGroupPrimitive","vm","DeprecatedRadioGroup"],"sources":["RadioGroupPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { RadioGroup as RadioGroupPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\nimport { Radio } from \"./Radio\";\nimport type { RadioItemParams, RadioItemFormatted } from \"../domains\";\nimport { useRadioGroup } from \"./useRadioGroup\";\n\n/**\n * Radio Group Root\n */\nconst RadioGroupRoot = ({ className, ...props }: RadioGroupPrimitives.RadioGroupProps) => {\n    return (\n        <RadioGroupPrimitives.Root\n            className={cn(\"wby-grid wby-gap-sm-extra wby-py-xs-plus\", className)}\n            {...props}\n        />\n    );\n};\n\n/**\n * Radio Group Renderer\n */\ninterface RadioGroupPrimitiveProps\n    extends Omit<\n        RadioGroupPrimitives.RadioGroupProps,\n        \"defaultValue\" | \"onChange\" | \"onValueChange\" | \"value\"\n    > {\n    items: RadioItemParams[];\n    /**\n     * Callback triggered when the selected value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Optional selected item.\n     */\n    value?: string;\n}\n\ninterface RadioGroupVm {\n    items: RadioItemFormatted[];\n}\n\ninterface RadioGroupRendererProps extends Omit<RadioGroupPrimitiveProps, \"onChange\"> {\n    items: RadioItemFormatted[];\n    changeValue: (value: string) => void;\n}\n\nconst RadioGroupRenderer = ({ items, changeValue, value, disabled }: RadioGroupRendererProps) => {\n    return (\n        <RadioGroupRoot\n            value={value}\n            onValueChange={value => changeValue(value)}\n            disabled={disabled}\n        >\n            {items.map(item => (\n                <Radio\n                    id={item.id}\n                    value={item.value}\n                    key={item.id}\n                    label={item.label}\n                    disabled={item.disabled}\n                />\n            ))}\n        </RadioGroupRoot>\n    );\n};\n\n/**\n * Radio Group Primitive\n */\nconst RadioGroupPrimitive = (props: RadioGroupPrimitiveProps) => {\n    const { vm, changeValue } = useRadioGroup(props);\n    return <RadioGroupRenderer {...props} items={vm.items} changeValue={changeValue} />;\n};\n\n/**\n * @deprecated\n * This component is retained in @webiny/admin-ui and used in  @webiny/ui solely as a compatibility layer.\n * It is marked as deprecated because nesting `Radio` components inside `RadioGroup` is no longer the recommended approach.\n * Instead, we now pass an array of `RadioItemDto` directly to `RadioGroup` for better maintainability.\n */\nconst DeprecatedRadioGroup = RadioGroupRoot;\n\nexport {\n    RadioGroupPrimitive,\n    RadioGroupRenderer,\n    DeprecatedRadioGroup,\n    type RadioGroupPrimitiveProps,\n    type RadioGroupVm\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,IAAIC,oBAAoB,QAAQ,UAAU;AAC7D,SAASC,EAAE;AACX,SAASC,KAAK;AAEd,SAASC,aAAa;;AAEtB;AACA;AACA;AACA,MAAMC,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA4C,CAAC,KAAK;EACtF,oBACIR,KAAA,CAAAS,aAAA,CAACP,oBAAoB,CAACQ,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACtBL,SAAS,EAAEJ,EAAE,CAAC,0CAA0C,EAAEI,SAAS;EAAE,GACjEC,KAAK,CACZ,CAAC;AAEV,CAAC;;AAED;AACA;AACA;;AA0BA,MAAMK,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAC7F,oBACIjB,KAAA,CAAAS,aAAA,CAACH,cAAc;IACXU,KAAK,EAAEA,KAAM;IACbE,aAAa,EAAEF,KAAK,IAAID,WAAW,CAACC,KAAK,CAAE;IAC3CC,QAAQ,EAAEA;EAAS,GAElBH,KAAK,CAACK,GAAG,CAACC,IAAI,iBACXpB,KAAA,CAAAS,aAAA,CAACL,KAAK;IACFiB,EAAE,EAAED,IAAI,CAACC,EAAG;IACZL,KAAK,EAAEI,IAAI,CAACJ,KAAM;IAClBM,GAAG,EAAEF,IAAI,CAACC,EAAG;IACbE,KAAK,EAAEH,IAAI,CAACG,KAAM;IAClBN,QAAQ,EAAEG,IAAI,CAACH;EAAS,CAC3B,CACJ,CACW,CAAC;AAEzB,CAAC;;AAED;AACA;AACA;AACA,MAAMO,mBAAmB,GAAIhB,KAA+B,IAAK;EAC7D,MAAM;IAAEiB,EAAE;IAAEV;EAAY,CAAC,GAAGV,aAAa,CAACG,KAAK,CAAC;EAChD,oBAAOR,KAAA,CAAAS,aAAA,CAACI,kBAAkB,EAAAF,MAAA,CAAAC,MAAA,KAAKJ,KAAK;IAAEM,KAAK,EAAEW,EAAE,CAACX,KAAM;IAACC,WAAW,EAAEA;EAAY,EAAE,CAAC;AACvF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,MAAMW,oBAAoB,GAAGpB,cAAc;AAE3C,SACIkB,mBAAmB,EACnBX,kBAAkB,EAClBa,oBAAoB","ignoreList":[]}
+{"version":3,"names":["React","RadioGroup","RadioGroupPrimitives","cn","Radio","useRadioGroup","RadioGroupRoot","className","props","createElement","Root","Object","assign","RadioGroupRenderer","items","changeValue","value","disabled","onValueChange","map","item","id","key","label","RadioGroupPrimitive","vm","DeprecatedRadioGroup"],"sources":["RadioGroupPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { RadioGroup as RadioGroupPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { Radio } from \"./Radio.js\";\nimport type { RadioItemParams, RadioItemFormatted } from \"../domains/index.js\";\nimport { useRadioGroup } from \"./useRadioGroup.js\";\n\n/**\n * Radio Group Root\n */\nconst RadioGroupRoot = ({ className, ...props }: RadioGroupPrimitives.RadioGroupProps) => {\n    return (\n        <RadioGroupPrimitives.Root\n            className={cn(\"grid gap-sm-extra py-xs-plus\", className)}\n            {...props}\n        />\n    );\n};\n\n/**\n * Radio Group Renderer\n */\ninterface RadioGroupPrimitiveProps extends Omit<\n    RadioGroupPrimitives.RadioGroupProps,\n    \"defaultValue\" | \"onChange\" | \"onValueChange\" | \"value\"\n> {\n    items: RadioItemParams[];\n    /**\n     * Callback triggered when the selected value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Optional selected item.\n     */\n    value?: string;\n}\n\ninterface RadioGroupVm {\n    items: RadioItemFormatted[];\n}\n\ninterface RadioGroupRendererProps extends Omit<RadioGroupPrimitiveProps, \"onChange\"> {\n    items: RadioItemFormatted[];\n    changeValue: (value: string) => void;\n}\n\nconst RadioGroupRenderer = ({ items, changeValue, value, disabled }: RadioGroupRendererProps) => {\n    return (\n        <RadioGroupRoot\n            value={value ?? \"\"}\n            onValueChange={value => changeValue(value)}\n            disabled={disabled}\n        >\n            {items.map(item => (\n                <Radio\n                    id={item.id}\n                    value={item.value}\n                    key={item.id}\n                    label={item.label}\n                    disabled={item.disabled}\n                />\n            ))}\n        </RadioGroupRoot>\n    );\n};\n\n/**\n * Radio Group Primitive\n */\nconst RadioGroupPrimitive = (props: RadioGroupPrimitiveProps) => {\n    const { vm, changeValue } = useRadioGroup(props);\n    return <RadioGroupRenderer {...props} items={vm.items} changeValue={changeValue} />;\n};\n\n/**\n * @deprecated\n * This component is retained in @webiny/admin-ui and used in  @webiny/ui solely as a compatibility layer.\n * It is marked as deprecated because nesting `Radio` components inside `RadioGroup` is no longer the recommended approach.\n * Instead, we now pass an array of `RadioItemDto` directly to `RadioGroup` for better maintainability.\n */\nconst DeprecatedRadioGroup = RadioGroupRoot;\n\nexport {\n    RadioGroupPrimitive,\n    RadioGroupRenderer,\n    DeprecatedRadioGroup,\n    type RadioGroupPrimitiveProps,\n    type RadioGroupVm\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,IAAIC,oBAAoB,QAAQ,UAAU;AAC7D,SAASC,EAAE;AACX,SAASC,KAAK;AAEd,SAASC,aAAa;;AAEtB;AACA;AACA;AACA,MAAMC,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA4C,CAAC,KAAK;EACtF,oBACIR,KAAA,CAAAS,aAAA,CAACP,oBAAoB,CAACQ,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACtBL,SAAS,EAAEJ,EAAE,CAAC,8BAA8B,EAAEI,SAAS;EAAE,GACrDC,KAAK,CACZ,CAAC;AAEV,CAAC;;AAED;AACA;AACA;;AAyBA,MAAMK,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAC7F,oBACIjB,KAAA,CAAAS,aAAA,CAACH,cAAc;IACXU,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBE,aAAa,EAAEF,KAAK,IAAID,WAAW,CAACC,KAAK,CAAE;IAC3CC,QAAQ,EAAEA;EAAS,GAElBH,KAAK,CAACK,GAAG,CAACC,IAAI,iBACXpB,KAAA,CAAAS,aAAA,CAACL,KAAK;IACFiB,EAAE,EAAED,IAAI,CAACC,EAAG;IACZL,KAAK,EAAEI,IAAI,CAACJ,KAAM;IAClBM,GAAG,EAAEF,IAAI,CAACC,EAAG;IACbE,KAAK,EAAEH,IAAI,CAACG,KAAM;IAClBN,QAAQ,EAAEG,IAAI,CAACH;EAAS,CAC3B,CACJ,CACW,CAAC;AAEzB,CAAC;;AAED;AACA;AACA;AACA,MAAMO,mBAAmB,GAAIhB,KAA+B,IAAK;EAC7D,MAAM;IAAEiB,EAAE;IAAEV;EAAY,CAAC,GAAGV,aAAa,CAACG,KAAK,CAAC;EAChD,oBAAOR,KAAA,CAAAS,aAAA,CAACI,kBAAkB,EAAAF,MAAA,CAAAC,MAAA,KAAKJ,KAAK;IAAEM,KAAK,EAAEW,EAAE,CAACX,KAAM;IAACC,WAAW,EAAEA;EAAY,EAAE,CAAC;AACvF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,MAAMW,oBAAoB,GAAGpB,cAAc;AAE3C,SACIkB,mBAAmB,EACnBX,kBAAkB,EAClBa,oBAAoB","ignoreList":[]}

package/RadioGroup/primitives/RadioGroupPrimitive.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { RadioGroupPrimitive } from "./RadioGroupPrimitive";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { RadioGroupPrimitive } from "./RadioGroupPrimitive.js";
 declare const meta: Meta<typeof RadioGroupPrimitive>;
 export default meta;
 type Story = StoryObj<typeof RadioGroupPrimitive>;

package/RadioGroup/primitives/RadioGroupPrimitive.stories.js

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
-import { RadioGroupPrimitive } from "./RadioGroupPrimitive";
-import { Text } from "../../Text";
-import { Button } from "../../Button";
+import { RadioGroupPrimitive } from "./RadioGroupPrimitive.js";
+import { Text } from "../../Text/index.js";
+import { Button } from "../../Button/index.js";
 const meta = {
   title: "Components/Form Primitives/RadioGroup",
   component: RadioGroupPrimitive,
@@ -11,12 +11,12 @@ const meta = {
   render: args => {
     const [value, setValue] = useState(args.value);
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full"
+      className: "w-full"
     }, /*#__PURE__*/React.createElement(RadioGroupPrimitive, Object.assign({}, args, {
       value: value,
       onChange: value => setValue(value)
     })), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
   }
 };
@@ -148,17 +148,17 @@ export const WithExternalValueControl = {
   render: args => {
     const [value, setValue] = useState(args.value);
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full"
+      className: "w-full"
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(RadioGroupPrimitive, Object.assign({}, args, {
       value: value,
       onChange: value => setValue(value)
     }))), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, /*#__PURE__*/React.createElement(Button, {
       onClick: () => setValue(args.value),
       text: "Reset"
     })), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
   }
 };

package/RadioGroup/primitives/RadioGroupPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","RadioGroupPrimitive","Text","Button","meta","title","component","parameters","layout","render","args","value","setValue","createElement","className","Object","assign","onChange","Default","items","label","Disabled","disabled","WithDefaultOption","WithDisabledOption","WithDefaultDisabledOption","WithLongOption","WithComplexOptions","id","size","WithExternalValueControl","onClick","text"],"sources":["RadioGroupPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioGroupPrimitive } from \"./RadioGroupPrimitive\";\nimport { Text } from \"~/Text\";\nimport { Button } from \"~/Button\";\n\nconst meta: Meta<typeof RadioGroupPrimitive> = {\n    title: \"Components/Form Primitives/RadioGroup\",\n    component: RadioGroupPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <RadioGroupPrimitive {...args} value={value} onChange={value => setValue(value)} />\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioGroupPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\",\n        disabled: true,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithDefaultOption: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\"\n    }\n};\n\nexport const WithDisabledOption: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithDefaultDisabledOption: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\",\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithLongOption: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla magna vel massa suscipit mollis. Nunc dui felis, iaculis id tortor ut, hendrerit pulvinar felis.\"\n            },\n            {\n                value: \"value-2\",\n                label: \" Pellentesque erat ipsum, posuere dapibus diam id, accumsan sagittis mi. In eu nibh ut nunc ultricies placerat.\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Integer a hendrerit dui. Sed tincidunt vel nibh a finibus.\"\n            }\n        ]\n    }\n};\n\nexport const WithComplexOptions: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                id: \"value-1\",\n                value: \"value-1\",\n                label: (\n                    <div>\n                        <div>{\"Value 1\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 1\"}</Text>\n                    </div>\n                )\n            },\n            {\n                id: \"value-2\",\n                value: \"value-2\",\n                label: (\n                    <div>\n                        <div>{\"Value 2\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 2\"}</Text>\n                    </div>\n                )\n            },\n            {\n                id: \"value-3\",\n                value: \"value-3\",\n                label: (\n                    <div>\n                        <div>{\"Value 3\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 3\"}</Text>\n                    </div>\n                )\n            }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        value: \"value-2\",\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <div>\n                    <RadioGroupPrimitive\n                        {...args}\n                        value={value}\n                        onChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button onClick={() => setValue(args.value)} text={\"Reset\"} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","RadioGroupPrimitive","Text","Button","meta","title","component","parameters","layout","render","args","value","setValue","createElement","className","Object","assign","onChange","Default","items","label","Disabled","disabled","WithDefaultOption","WithDisabledOption","WithDefaultDisabledOption","WithLongOption","WithComplexOptions","id","size","WithExternalValueControl","onClick","text"],"sources":["RadioGroupPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { RadioGroupPrimitive } from \"./RadioGroupPrimitive.js\";\nimport { Text } from \"~/Text/index.js\";\nimport { Button } from \"~/Button/index.js\";\n\nconst meta: Meta<typeof RadioGroupPrimitive> = {\n    title: \"Components/Form Primitives/RadioGroup\",\n    component: RadioGroupPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <RadioGroupPrimitive {...args} value={value} onChange={value => setValue(value)} />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioGroupPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\",\n        disabled: true,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithDefaultOption: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\"\n    }\n};\n\nexport const WithDisabledOption: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithDefaultDisabledOption: Story = {\n    args: {\n        ...Default.args,\n        value: \"value-2\",\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    }\n};\n\nexport const WithLongOption: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla magna vel massa suscipit mollis. Nunc dui felis, iaculis id tortor ut, hendrerit pulvinar felis.\"\n            },\n            {\n                value: \"value-2\",\n                label: \" Pellentesque erat ipsum, posuere dapibus diam id, accumsan sagittis mi. In eu nibh ut nunc ultricies placerat.\",\n                disabled: true\n            },\n            {\n                value: \"value-3\",\n                label: \"Integer a hendrerit dui. Sed tincidunt vel nibh a finibus.\"\n            }\n        ]\n    }\n};\n\nexport const WithComplexOptions: Story = {\n    args: {\n        ...Default.args,\n        items: [\n            {\n                id: \"value-1\",\n                value: \"value-1\",\n                label: (\n                    <div>\n                        <div>{\"Value 1\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 1\"}</Text>\n                    </div>\n                )\n            },\n            {\n                id: \"value-2\",\n                value: \"value-2\",\n                label: (\n                    <div>\n                        <div>{\"Value 2\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 2\"}</Text>\n                    </div>\n                )\n            },\n            {\n                id: \"value-3\",\n                value: \"value-3\",\n                label: (\n                    <div>\n                        <div>{\"Value 3\"}</div>\n                        <Text size={\"sm\"}>{\"Option description 3\"}</Text>\n                    </div>\n                )\n            }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        value: \"value-2\",\n        items: [\n            {\n                value: \"value-1\",\n                label: \"Value 1\"\n            },\n            {\n                value: \"value-2\",\n                label: \"Value 2\"\n            },\n            {\n                value: \"value-3\",\n                label: \"Value 3\"\n            }\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <div>\n                    <RadioGroupPrimitive\n                        {...args}\n                        value={value}\n                        onChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    <Button onClick={() => setValue(args.value)} text={\"Reset\"} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/RadioGroup/primitives/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./RadioGroupPrimitive";
-export * from "./Radio";
+export * from "./RadioGroupPrimitive.js";
+export * from "./Radio.js";

package/RadioGroup/primitives/index.js

@@ -1,4 +1,4 @@
-export * from "./RadioGroupPrimitive";
-export * from "./Radio";
+export * from "./RadioGroupPrimitive.js";
+export * from "./Radio.js";
 
 //# sourceMappingURL=index.js.map

package/RadioGroup/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./RadioGroupPrimitive\";\nexport * from \"./Radio\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./RadioGroupPrimitive.js\";\nexport * from \"./Radio.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/RadioGroup/primitives/presenters/RadioGroupPresenter.d.ts

@@ -1,5 +1,5 @@
-import type { RadioGroupVm } from "../RadioGroupPrimitive";
-import type { RadioItemParams } from "../../domains/RadioItemParams";
+import type { RadioGroupVm } from "../RadioGroupPrimitive.js";
+import type { RadioItemParams } from "../../../RadioGroup/domains/RadioItemParams.js";
 interface RadioGroupPresenterParams<TValue = string> {
     items: RadioItemParams[];
     onValueChange?: (value: TValue) => void;
@@ -14,7 +14,7 @@ declare class RadioGroupPresenter<TValue = string> implements IRadioGroupPresent
     constructor();
     init: (params: RadioGroupPresenterParams<TValue>) => void;
     get vm(): {
-        items: import("../../domains").RadioItemFormatted[];
+        items: import("../../domains/RadioItemFormatted.js").RadioItemFormatted[];
     };
     changeValue: (value: TValue) => void;
     private getRadioItems;

package/RadioGroup/primitives/presenters/RadioGroupPresenter.js

@@ -1,6 +1,6 @@
 import { makeAutoObservable } from "mobx";
-import { RadioItem } from "../../domains/RadioItem";
-import { RadioItemFormatter } from "../../domains/RadioItemFormatter";
+import { RadioItem } from "../../domains/RadioItem.js";
+import { RadioItemFormatter } from "../../domains/RadioItemFormatter.js";
 class RadioGroupPresenter {
   params = undefined;
   constructor() {