@webiny/admin-ui 0.0.0-unstable.ac6ebf63c6 → 0.0.0-unstable.b6d7105cee

package/RadioGroup/RadioGroup.stories.js

@@ -1,151 +1,163 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { RadioGroup } from "./RadioGroup.js";
 const meta = {
-  title: "Components/Form/RadioGroup",
-  component: RadioGroup,
-  argTypes: {
-    disabled: {
-      control: "boolean",
-      defaultValue: false
+    title: "Components/Form/RadioGroup",
+    component: RadioGroup,
+    argTypes: {
+        disabled: {
+            control: "boolean",
+            defaultValue: false
+        }
+    },
+    parameters: {
+        layout: "padded"
+    },
+    render: (args)=>{
+        const [value, setValue] = useState(args.value);
+        return /*#__PURE__*/ react.createElement(RadioGroup, {
+            ...args,
+            value: value,
+            onChange: (value)=>setValue(value)
+        });
     }
-  },
-  parameters: {
-    layout: "padded"
-  },
-  render: args => {
-    const [value, setValue] = useState(args.value);
-    return /*#__PURE__*/React.createElement(RadioGroup, Object.assign({}, args, {
-      value: value,
-      onChange: value => setValue(value)
-    }));
-  }
 };
-export default meta;
-export const Default = {
-  args: {
-    items: [{
-      label: "Value 1",
-      value: "value-1"
-    }, {
-      label: "Value 2",
-      value: "value-2"
-    }, {
-      label: "Value 3",
-      value: "value-3"
-    }]
-  }
+const RadioGroup_stories = meta;
+const Default = {
+    args: {
+        items: [
+            {
+                label: "Value 1",
+                value: "value-1"
+            },
+            {
+                label: "Value 2",
+                value: "value-2"
+            },
+            {
+                label: "Value 3",
+                value: "value-3"
+            }
+        ]
+    }
 };
-export const WithLabel = {
-  args: {
-    ...Default.args,
-    label: "Any field label"
-  }
+const WithLabel = {
+    args: {
+        ...Default.args,
+        label: "Any field label"
+    }
 };
-export const WithRequiredLabel = {
-  args: {
-    ...Default.args,
-    label: "Any field label",
-    required: true
-  }
+const WithRequiredLabel = {
+    args: {
+        ...Default.args,
+        label: "Any field label",
+        required: true
+    }
 };
-export const WithDescription = {
-  args: {
-    ...Default.args,
-    description: "Provide the required information for processing your request."
-  }
+const WithDescription = {
+    args: {
+        ...Default.args,
+        description: "Provide the required information for processing your request."
+    }
 };
-export const WithNotes = {
-  args: {
-    ...Default.args,
-    note: "Note: Ensure your selection or input is accurate before proceeding."
-  }
+const WithNotes = {
+    args: {
+        ...Default.args,
+        note: "Note: Ensure your selection or input is accurate before proceeding."
+    }
 };
-export const WithErrors = {
-  args: {
-    ...Default.args,
-    validation: {
-      isValid: false,
-      message: "This field is required."
+const WithErrors = {
+    args: {
+        ...Default.args,
+        validation: {
+            isValid: false,
+            message: "This field is required."
+        }
     }
-  }
 };
-export const Disabled = {
-  args: {
-    ...Default.args,
-    label: "Any field label",
-    disabled: true,
-    items: [{
-      label: "Value 1",
-      value: "value-1",
-      disabled: true
-    }, {
-      label: "Value 2",
-      value: "value-2",
-      disabled: true
-    }, {
-      label: "Value 3",
-      value: "value-3",
-      disabled: true
-    }]
-  }
+const Disabled = {
+    args: {
+        ...Default.args,
+        label: "Any field label",
+        disabled: true,
+        items: [
+            {
+                label: "Value 1",
+                value: "value-1",
+                disabled: true
+            },
+            {
+                label: "Value 2",
+                value: "value-2",
+                disabled: true
+            },
+            {
+                label: "Value 3",
+                value: "value-3",
+                disabled: true
+            }
+        ]
+    }
 };
-export const FullExample = {
-  args: {
-    ...Default.args,
-    label: "Select which deploy option do you prefer",
-    required: true,
-    description: "Deployment option is simply a way of parsing the data based on your database settings.",
-    note: "Note: Ensure your selection or input is accurate before proceeding.",
-    validation: {
-      isValid: false,
-      message: "You must select at least one option!"
+const FullExample = {
+    args: {
+        ...Default.args,
+        label: "Select which deploy option do you prefer",
+        required: true,
+        description: "Deployment option is simply a way of parsing the data based on your database settings.",
+        note: "Note: Ensure your selection or input is accurate before proceeding.",
+        validation: {
+            isValid: false,
+            message: "You must select at least one option!"
+        }
     }
-  }
 };
-export const Documentation = {
-  render: args => {
-    const [value, setValue] = useState("");
-    const [validation, setValidation] = useState({
-      isValid: true,
-      message: ""
-    });
-    const handleValidation = () => {
-      if (args.required && !value) {
-        setValidation({
-          isValid: false,
-          message: "This field is required"
+const Documentation = {
+    render: (args)=>{
+        const [value, setValue] = useState("");
+        const [validation, setValidation] = useState({
+            isValid: true,
+            message: ""
         });
-      } else {
-        setValidation({
-          isValid: true,
-          message: ""
+        const handleValidation = ()=>{
+            args.required && !value ? setValidation({
+                isValid: false,
+                message: "This field is required"
+            }) : setValidation({
+                isValid: true,
+                message: ""
+            });
+        };
+        return /*#__PURE__*/ react.createElement(RadioGroup, {
+            ...args,
+            value: value,
+            validation: validation,
+            onChange: (newValue)=>setValue(newValue),
+            onBlur: handleValidation
         });
-      }
-    };
-    return /*#__PURE__*/React.createElement(RadioGroup, Object.assign({}, args, {
-      value: value,
-      validation: validation,
-      onChange: newValue => setValue(newValue),
-      onBlur: handleValidation
-    }));
-  },
-  args: {
-    label: "Deployment Option",
-    description: "Choose your preferred deployment method",
-    note: "This setting will determine how your application is deployed",
-    required: true,
-    disabled: false,
-    items: [{
-      label: "Automatic Deployment",
-      value: "automatic"
-    }, {
-      label: "Manual Deployment",
-      value: "manual"
-    }, {
-      label: "Scheduled Deployment",
-      value: "scheduled"
-    }]
-  }
+    },
+    args: {
+        label: "Deployment Option",
+        description: "Choose your preferred deployment method",
+        note: "This setting will determine how your application is deployed",
+        required: true,
+        disabled: false,
+        items: [
+            {
+                label: "Automatic Deployment",
+                value: "automatic"
+            },
+            {
+                label: "Manual Deployment",
+                value: "manual"
+            },
+            {
+                label: "Scheduled Deployment",
+                value: "scheduled"
+            }
+        ]
+    }
 };
+export default RadioGroup_stories;
+export { Default, Disabled, Documentation, FullExample, WithDescription, WithErrors, WithLabel, WithNotes, WithRequiredLabel };
 
 //# sourceMappingURL=RadioGroup.stories.js.map

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-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":[]}
+{"version":3,"file":"RadioGroup/RadioGroup.stories.js","sources":["../../src/RadioGroup/RadioGroup.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\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"],"names":["meta","RadioGroup","args","value","setValue","useState","Default","WithLabel","WithRequiredLabel","WithDescription","WithNotes","WithErrors","Disabled","FullExample","Documentation","validation","setValidation","handleValidation","newValue"],"mappings":";;AAIA,MAAMA,OAAgC;IAClC,OAAO;IACP,WAAWC;IACX,UAAU;QACN,UAAU;YACN,SAAS;YACT,cAAc;QAClB;IACJ;IACA,YAAY;QACR,QAAQ;IACZ;IACA,QAAQC,CAAAA;QACJ,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAASH,KAAK,KAAK;QAC7C,OAAO,WAAP,GAAO,oBAACD,YAAUA;YAAE,GAAGC,IAAI;YAAE,OAAOC;YAAO,UAAUA,CAAAA,QAASC,SAASD;;IAC3E;AACJ;AAEA,2BAAeH;AAGR,MAAMM,UAAiB;IAC1B,MAAM;QACF,OAAO;YACH;gBACI,OAAO;gBACP,OAAO;YACX;YACA;gBACI,OAAO;gBACP,OAAO;YACX;YACA;gBACI,OAAO;gBACP,OAAO;YACX;SACH;IACL;AACJ;AAEO,MAAMC,YAAmB;IAC5B,MAAM;QACF,GAAGD,QAAQ,IAAI;QACf,OAAO;IACX;AACJ;AAEO,MAAME,oBAA2B;IACpC,MAAM;QACF,GAAGF,QAAQ,IAAI;QACf,OAAO;QACP,UAAU;IACd;AACJ;AAEO,MAAMG,kBAAyB;IAClC,MAAM;QACF,GAAGH,QAAQ,IAAI;QACf,aAAa;IACjB;AACJ;AAEO,MAAMI,YAAmB;IAC5B,MAAM;QACF,GAAGJ,QAAQ,IAAI;QACf,MAAM;IACV;AACJ;AAEO,MAAMK,aAAoB;IAC7B,MAAM;QACF,GAAGL,QAAQ,IAAI;QACf,YAAY;YACR,SAAS;YACT,SAAS;QACb;IACJ;AACJ;AAEO,MAAMM,WAAkB;IAC3B,MAAM;QACF,GAAGN,QAAQ,IAAI;QACf,OAAO;QACP,UAAU;QACV,OAAO;YACH;gBACI,OAAO;gBACP,OAAO;gBACP,UAAU;YACd;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,UAAU;YACd;YACA;gBACI,OAAO;gBACP,OAAO;gBACP,UAAU;YACd;SACH;IACL;AACJ;AAEO,MAAMO,cAAqB;IAC9B,MAAM;QACF,GAAGP,QAAQ,IAAI;QACf,OAAO;QACP,UAAU;QACV,aACI;QACJ,MAAM;QACN,YAAY;YACR,SAAS;YACT,SAAS;QACb;IACJ;AACJ;AAEO,MAAMQ,gBAAuB;IAChC,QAAQZ,CAAAA;QACJ,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAS;QACnC,MAAM,CAACU,YAAYC,cAAc,GAAGX,SAAS;YAAE,SAAS;YAAM,SAAS;QAAG;QAE1E,MAAMY,mBAAmB;YACjBf,KAAK,QAAQ,IAAI,CAACC,QAClBa,cAAc;gBAAE,SAAS;gBAAO,SAAS;YAAyB,KAElEA,cAAc;gBAAE,SAAS;gBAAM,SAAS;YAAG;QAEnD;QAEA,OAAO,WAAP,GACI,oBAACf,YAAUA;YACN,GAAGC,IAAI;YACR,OAAOC;YACP,YAAYY;YACZ,UAAUG,CAAAA,WAAYd,SAASc;YAC/B,QAAQD;;IAGpB;IACA,MAAM;QACF,OAAO;QACP,aAAa;QACb,MAAM;QACN,UAAU;QACV,UAAU;QACV,OAAO;YACH;gBACI,OAAO;gBACP,OAAO;YACX;YACA;gBACI,OAAO;gBACP,OAAO;YACX;YACA;gBACI,OAAO;gBACP,OAAO;YACX;SACH;IACL;AACJ"}

package/RadioGroup/domains/RadioItem.js

@@ -1,31 +1,32 @@
 import { generateId } from "../../utils.js";
-export class RadioItem {
-  constructor(data) {
-    this._id = data.id;
-    this._label = data.label;
-    this._value = data.value;
-    this._disabled = data.disabled;
-  }
-  static create(data) {
-    return new RadioItem({
-      id: generateId(data.id),
-      label: data.label,
-      value: data.value,
-      disabled: data.disabled ?? false
-    });
-  }
-  get id() {
-    return this._id;
-  }
-  get label() {
-    return this._label;
-  }
-  get value() {
-    return this._value;
-  }
-  get disabled() {
-    return this._disabled;
-  }
+class RadioItem {
+    constructor(data){
+        this._id = data.id;
+        this._label = data.label;
+        this._value = data.value;
+        this._disabled = data.disabled;
+    }
+    static create(data) {
+        return new RadioItem({
+            id: generateId(data.id),
+            label: data.label,
+            value: data.value,
+            disabled: data.disabled ?? false
+        });
+    }
+    get id() {
+        return this._id;
+    }
+    get label() {
+        return this._label;
+    }
+    get value() {
+        return this._value;
+    }
+    get disabled() {
+        return this._disabled;
+    }
 }
+export { RadioItem };
 
 //# sourceMappingURL=RadioItem.js.map

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.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":[]}
+{"version":3,"file":"RadioGroup/domains/RadioItem.js","sources":["../../../src/RadioGroup/domains/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"],"names":["RadioItem","data","generateId"],"mappings":";AAGO,MAAMA;IAMT,YAAsBC,IAKrB,CAAE;QACC,IAAI,CAAC,GAAG,GAAGA,KAAK,EAAE;QAClB,IAAI,CAAC,MAAM,GAAGA,KAAK,KAAK;QACxB,IAAI,CAAC,MAAM,GAAGA,KAAK,KAAK;QACxB,IAAI,CAAC,SAAS,GAAGA,KAAK,QAAQ;IAClC;IAEA,OAAO,OAAOA,IAAqB,EAAE;QACjC,OAAO,IAAID,UAAU;YACjB,IAAIE,WAAWD,KAAK,EAAE;YACtB,OAAOA,KAAK,KAAK;YACjB,OAAOA,KAAK,KAAK;YACjB,UAAUA,KAAK,QAAQ,IAAI;QAC/B;IACJ;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,GAAG;IACnB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;AACJ"}

package/RadioGroup/domains/RadioItemFormatted.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=RadioItemFormatted.js.map

package/RadioGroup/domains/RadioItemFormatter.js

@@ -1,12 +1,13 @@
-export class RadioItemFormatter {
-  static format(item) {
-    return {
-      id: item.id,
-      label: item.label,
-      value: String(item.value),
-      disabled: item.disabled
-    };
-  }
+class RadioItemFormatter {
+    static format(item) {
+        return {
+            id: item.id,
+            label: item.label,
+            value: String(item.value),
+            disabled: item.disabled
+        };
+    }
 }
+export { RadioItemFormatter };
 
 //# sourceMappingURL=RadioItemFormatter.js.map

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.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":[]}
+{"version":3,"file":"RadioGroup/domains/RadioItemFormatter.js","sources":["../../../src/RadioGroup/domains/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"],"names":["RadioItemFormatter","item","String"],"mappings":"AAGO,MAAMA;IACT,OAAO,OAAOC,IAAe,EAAsB;QAC/C,OAAO;YACH,IAAIA,KAAK,EAAE;YACX,OAAOA,KAAK,KAAK;YACjB,OAAOC,OAAOD,KAAK,KAAK;YACxB,UAAUA,KAAK,QAAQ;QAC3B;IACJ;AACJ"}

package/RadioGroup/domains/RadioItemParams.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=RadioItemParams.js.map

package/RadioGroup/domains/index.js

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

package/RadioGroup/index.js

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

package/RadioGroup/primitives/Radio.d.ts

@@ -7,21 +7,22 @@ interface RadioProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPri
     label: string | React.ReactNode;
     id: string;
 }
-declare const Radio: (({ className, label, id, ...props }: RadioProps) => React.JSX.Element) & {
-    original: ({ className, label, id, ...props }: RadioProps) => React.JSX.Element;
+declare const DecoratableRadio: ({ className, label, id, ...props }: RadioProps) => React.JSX.Element;
+declare const Radio: typeof DecoratableRadio & {
+    original: typeof DecoratableRadio;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, label, id, ...props }: RadioProps) => React.JSX.Element) & {
-        original: ({ className, label, id, ...props }: RadioProps) => React.JSX.Element;
+    original: typeof DecoratableRadio & {
+        original: typeof DecoratableRadio;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    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;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableRadio & {
+        original: typeof DecoratableRadio;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/RadioGroup/primitives/Radio.js

@@ -1,34 +1,32 @@
-import * as React from "react";
-import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
+import { RadioGroup } from "radix-ui";
 import { cn, makeDecoratable } from "../../utils.js";
 import { Label } from "../../Label/index.js";
-
-/**
- * RadioItem
- */
-
-const DecoratableRadio = ({
-  className,
-  label,
-  id,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-start space-x-sm-extra"
-  }, /*#__PURE__*/React.createElement(RadioGroupPrimitive.Item, Object.assign({
-    id: id,
-    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: "flex items-center justify-center"
-  }, /*#__PURE__*/React.createElement("span", {
-    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: "text-md"
-  }));
-};
+import * as __rspack_external_react from "react";
+const DecoratableRadio = ({ className, label, id, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex items-start space-x-sm-extra"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(RadioGroup.Item, {
+        id: id,
+        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__*/ __rspack_external_react.createElement(RadioGroup.Indicator, {
+        className: "flex items-center justify-center"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: cn([
+            "h-sm w-sm rounded-xl",
+            "bg-primary",
+            "group-disabled:bg-neutral-strong"
+        ])
+    }))), /*#__PURE__*/ __rspack_external_react.createElement(Label, {
+        htmlFor: id,
+        text: label,
+        weight: "light",
+        className: "text-md"
+    }));
 const Radio = makeDecoratable("Radio", DecoratableRadio);
 export { Radio };
 

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.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":[]}
+{"version":3,"file":"RadioGroup/primitives/Radio.js","sources":["../../../src/RadioGroup/primitives/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"],"names":["DecoratableRadio","className","label","id","props","RadioGroupPrimitive","cn","Label","Radio","makeDecoratable"],"mappings":";;;;AAaA,MAAMA,mBAAmB,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAEC,EAAE,EAAE,GAAGC,OAAmB,GAC7D,WAAP,GACI,sCAAC;QAAI,WAAU;qBACX,sCAACC,WAAAA,IAAwB;QACrB,IAAIF;QACJ,WAAWG,GACP;YACI;YACA;YACA;YACA;SACH,EACDL;QAEH,GAAGG,KAAK;qBAET,sCAACC,WAAAA,SAA6B;QAAC,WAAU;qBACrC,sCAAC;QACG,WAAWC,GAAG;YACV;YACA;YACA;SACH;wBAIb,sCAACC,OAAKA;QAAC,SAASJ;QAAI,MAAMD;QAAO,QAAQ;QAAS,WAAW;;AAIzE,MAAMM,QAAQC,gBAAgB,SAAST"}

package/RadioGroup/primitives/RadioGroupPrimitive.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 import { RadioGroup as RadioGroupPrimitives } from "radix-ui";
 import type { RadioItemParams, RadioItemFormatted } from "../domains/index.js";
+/**
+ * Radio Group Root
+ */
+declare const RadioGroupRoot: ({ className, ...props }: RadioGroupPrimitives.RadioGroupProps) => React.JSX.Element;
 /**
  * Radio Group Renderer
  */
@@ -33,5 +37,5 @@ declare const RadioGroupPrimitive: (props: RadioGroupPrimitiveProps) => React.JS
  * It is marked as deprecated because nesting `Radio` components inside `RadioGroup` is no longer the recommended approach.
  * Instead, we now pass an array of `RadioItemDto` directly to `RadioGroup` for better maintainability.
  */
-declare const DeprecatedRadioGroup: ({ className, ...props }: RadioGroupPrimitives.RadioGroupProps) => React.JSX.Element;
+declare const DeprecatedRadioGroup: typeof RadioGroupRoot;
 export { RadioGroupPrimitive, RadioGroupRenderer, DeprecatedRadioGroup, type RadioGroupPrimitiveProps, type RadioGroupVm };