@popsure/dirty-swan 0.61.2 → 0.62.0

package/dist/esm/components/input/radio/index.stories.js

@@ -1,10 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Radio } from './index.js';
-import { a as images } from '../../../index-29e6f39e.js';
-import '../../../index-6ea95111.js';
-import '../../../style-inject.es-1f59c1d0.js';
-import '../../../index-69a46657.js';
+import { i as images } from '../../../index-C4hs4X-e.js';
+import '../../../index-DLQEsiym.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
+import '../../../style-inject.es-tgCJW-Cu.js';
+import '../../../index-CNcEE5dn.js';
 
 var story = {
     title: 'JSX/Inputs/Radio',
@@ -78,123 +79,137 @@ var story = {
         disabled: false,
     },
 };
-var RadioStory = function (_a) {
-    var onChange = _a.onChange, options = _a.options, wide = _a.wide, classNames = _a.classNames, inlineLayout = _a.inlineLayout, bordered = _a.bordered, disabled = _a.disabled, fieldLegend = _a.fieldLegend, groupName = _a.groupName;
-    var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Radio, { wide: wide, options: options, onChange: handleOnChange, value: checkedValues, classNames: classNames, inlineLayout: inlineLayout, bordered: bordered, disabled: disabled, fieldLegend: fieldLegend, groupName: groupName }));
+var RadioStory = {
+    render: function (_a) {
+        var onChange = _a.onChange, options = _a.options, wide = _a.wide, classNames = _a.classNames, inlineLayout = _a.inlineLayout, bordered = _a.bordered, disabled = _a.disabled, fieldLegend = _a.fieldLegend, groupName = _a.groupName;
+        var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Radio, { wide: wide, options: options, onChange: handleOnChange, value: checkedValues, classNames: classNames, inlineLayout: inlineLayout, bordered: bordered, disabled: disabled, fieldLegend: fieldLegend, groupName: groupName }));
+    },
+    name: 'Radio',
 };
-var RadioWithCustomWrapperStyles = function (_a) {
-    var onChange = _a.onChange;
-    var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Radio, { onChange: handleOnChange, value: checkedValues, options: {
-            CAT1: 'Cat',
-            DOG1: 'Dog',
-        }, classNames: { container: 'p32 bg-purple-500 br24 bs-lg' } }));
+var RadioWithCustomWrapperStyles = {
+    render: function (_a) {
+        var onChange = _a.onChange;
+        var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Radio, { onChange: handleOnChange, value: checkedValues, options: {
+                CAT1: 'Cat',
+                DOG1: 'Dog',
+            }, classNames: { container: 'p32 bg-purple-500 br24 bs-lg' } }));
+    },
 };
-var RadioWithCustomOptionStyles = function (_a) {
-    var onChange = _a.onChange;
-    var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Radio, { onChange: handleOnChange, value: checkedValues, options: {
-            CAT2: 'Cat',
-            DOG2: 'Dog',
-        }, classNames: { option: 'mb32 p24 bg-green-100 br12 bs-lg' } }));
+var RadioWithCustomOptionStyles = {
+    render: function (_a) {
+        var onChange = _a.onChange;
+        var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Radio, { onChange: handleOnChange, value: checkedValues, options: {
+                CAT2: 'Cat',
+                DOG2: 'Dog',
+            }, classNames: { option: 'mb32 p24 bg-green-100 br12 bs-lg' } }));
+    },
 };
-var RadioWithCustomLabelStyles = function (_a) {
-    var onChange = _a.onChange;
-    var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Radio, { onChange: handleOnChange, value: checkedValues, options: {
-            CAT3: 'Cat',
-            DOG3: 'Dog',
-        }, classNames: { label: 'bg-neutral-900 tc-white' } }));
+var RadioWithCustomLabelStyles = {
+    render: function (_a) {
+        var onChange = _a.onChange;
+        var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Radio, { onChange: handleOnChange, value: checkedValues, options: {
+                CAT3: 'Cat',
+                DOG3: 'Dog',
+            }, classNames: { label: 'bg-neutral-900 tc-white' } }));
+    },
 };
-var RadioWithInlineLayout = function (_a) {
-    var onChange = _a.onChange;
-    var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Radio, { onChange: handleOnChange, value: checkedValues, options: {
-            CAT4: 'Cat',
-            DOG4: 'Dog',
-            FISHER: 'Fish',
-            RABBIT: 'Rabbit',
-            RAT: 'Rat',
-            ANOTHER: 'Other',
-        }, classNames: { option: 'w30' }, inlineLayout: true, wide: true }));
+var RadioWithInlineLayout = {
+    render: function (_a) {
+        var onChange = _a.onChange;
+        var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Radio, { onChange: handleOnChange, value: checkedValues, options: {
+                CAT4: 'Cat',
+                DOG4: 'Dog',
+                FISHER: 'Fish',
+                RABBIT: 'Rabbit',
+                RAT: 'Rat',
+                ANOTHER: 'Other',
+            }, classNames: { option: 'w30' }, inlineLayout: true, wide: true }));
+    },
 };
-var RadioWithCustomLabel = function (_a) {
-    var onChange = _a.onChange; _a.wide; _a.classNames; _a.inlineLayout;
-    var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Radio, { options: {
-            BIGDOG: {
-                icon: function () { return jsx("img", { src: images.bigDog, alt: "" }); },
-                title: 'Dog',
-            },
-            FISH: {
-                icon: function () { return jsx("img", { src: images.brokenAquarium, alt: "" }); },
-                title: 'Fish',
-            },
-            OTHER: {
-                icon: function () { return jsx("img", { src: images.brokenGlass, alt: "" }); },
-                title: 'Other',
-            },
-        }, onChange: handleOnChange, value: checkedValues, classNames: { option: 'w30' }, inlineLayout: true }));
+var RadioWithCustomLabel = {
+    render: function (_a) {
+        var onChange = _a.onChange; _a.wide; _a.classNames; _a.inlineLayout;
+        var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Radio, { options: {
+                BIGDOG: {
+                    icon: function () { return jsx("img", { src: images.bigDog, alt: "" }); },
+                    title: 'Dog',
+                },
+                FISH: {
+                    icon: function () { return jsx("img", { src: images.brokenAquarium, alt: "" }); },
+                    title: 'Fish',
+                },
+                OTHER: {
+                    icon: function () { return jsx("img", { src: images.brokenGlass, alt: "" }); },
+                    title: 'Other',
+                },
+            }, onChange: handleOnChange, value: checkedValues, classNames: { option: 'w30' }, inlineLayout: true }));
+    },
 };
-var RadioWithCustomLabelInline = function (_a) {
-    var onChange = _a.onChange; _a.wide; _a.classNames; _a.inlineLayout;
-    var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Radio, { options: {
-            BIGDOG: {
-                icon: function () { return jsx("img", { src: images.bigDog, alt: "" }); },
-                title: 'Dog',
-            },
-            FISH: {
-                icon: function () { return jsx("img", { src: images.brokenAquarium, alt: "" }); },
-                title: 'Fish',
-            },
-            OTHER: {
-                icon: function () { return jsx("img", { src: images.brokenGlass, alt: "" }); },
-                title: 'Other',
-            },
-        }, onChange: handleOnChange, inlineIcon: true, value: checkedValues, classNames: { option: 'w30' }, inlineLayout: true }));
+var RadioWithCustomLabelInline = {
+    render: function (_a) {
+        var onChange = _a.onChange; _a.wide; _a.classNames; _a.inlineLayout;
+        var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Radio, { options: {
+                BIGDOG: {
+                    icon: function () { return jsx("img", { src: images.bigDog, alt: "" }); },
+                    title: 'Dog',
+                },
+                FISH: {
+                    icon: function () { return jsx("img", { src: images.brokenAquarium, alt: "" }); },
+                    title: 'Fish',
+                },
+                OTHER: {
+                    icon: function () { return jsx("img", { src: images.brokenGlass, alt: "" }); },
+                    title: 'Other',
+                },
+            }, onChange: handleOnChange, inlineIcon: true, value: checkedValues, classNames: { option: 'w30' }, inlineLayout: true }));
+    },
 };
-RadioStory.storyName = 'Radio';
-var RadioIconOnly = function (_a) {
-    var onChange = _a.onChange;
-    var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Radio, { options: { NOTHING: '' }, onChange: handleOnChange, classNames: { label: 'jc-start' }, value: checkedValues, bordered: false }));
+var RadioIconOnly = {
+    render: function (_a) {
+        var onChange = _a.onChange;
+        var _b = useState(), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Radio, { options: { NOTHING: '' }, onChange: handleOnChange, classNames: { label: 'jc-start' }, value: checkedValues, bordered: false }));
+    },
 };
-RadioStory.storyName = 'Radio';
 
-export default story;
-export { RadioIconOnly, RadioStory, RadioWithCustomLabel, RadioWithCustomLabelInline, RadioWithCustomLabelStyles, RadioWithCustomOptionStyles, RadioWithCustomWrapperStyles, RadioWithInlineLayout };
+export { RadioIconOnly, RadioStory, RadioWithCustomLabel, RadioWithCustomLabelInline, RadioWithCustomLabelStyles, RadioWithCustomOptionStyles, RadioWithCustomWrapperStyles, RadioWithInlineLayout, story as default };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/input/radio/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/input/radio/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Radio, RadioProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Inputs/Radio',\n  component: Radio,\n  argTypes: {\n    options: {\n      description:\n        'Object that contains the possible options for rendering in the input.',\n    },\n    value: {\n      description: 'Current checked values.',\n    },\n    fieldLegend: {\n      description:\n        'Property that describes the purpose of a group of radio buttons, read aloud by screen readers to provide context.',\n    },\n    groupName: {\n      description:\n        'Property passed to each radio button. Informs the browser that the radio buttons belong to the same group, so only one can be selected',\n    },\n    onChange: {\n      description: 'Function called everytime a value changes.',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    wide: {\n      description:\n        'Property that defines if options should fill 100% of available horizontal space',\n    },\n    inlineLayout: {\n      description:\n        'Property that defines if options should show inline instead of block. Check inline radio options story for examples.',\n    },\n    inlineIcon: {\n      description:\n        'Property that defines if options should show inline with icon',\n    },\n    classNames: {\n      description: 'ClassNames for custom styling',\n    },\n    bordered: {\n      description: 'Property that defines if option should show with border',\n    },\n    disabled: {\n      description:\n        'Property that defines if the input and corresponding label are disabled and not clickable',\n    },\n  },\n  args: {\n    options: {\n      CAT: {\n        title: 'Cat',\n        description: 'At least 1',\n      },\n      DOG: {\n        title: 'Dog',\n        description: 'At least 2',\n      },\n      NONE: {\n        title: 'None',\n        description: 'No pets',\n      },\n    },\n    fieldLegend: 'Owned pets',\n    groupName: 'Pets',\n    value: '',\n    wide: false,\n    classNames: {\n      container: '',\n      label: '',\n      option: '',\n    },\n    bordered: true,\n    inlineLayout: false,\n    inlineIcon: false,\n    disabled: false,\n  },\n};\n\nexport const RadioStory = ({\n  onChange,\n  options,\n  wide,\n  classNames,\n  inlineLayout,\n  bordered,\n  disabled,\n  fieldLegend,\n  groupName,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      wide={wide}\n      options={options}\n      onChange={handleOnChange}\n      value={checkedValues}\n      classNames={classNames}\n      inlineLayout={inlineLayout}\n      bordered={bordered}\n      disabled={disabled}\n      fieldLegend={fieldLegend}\n      groupName={groupName}\n    />\n  );\n};\n\nexport const RadioWithCustomWrapperStyles = ({\n  onChange,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT1: 'Cat',\n        DOG1: 'Dog',\n      }}\n      classNames={{ container: 'p32 bg-purple-500 br24 bs-lg' }}\n    />\n  );\n};\n\nexport const RadioWithCustomOptionStyles = ({\n  onChange,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT2: 'Cat',\n        DOG2: 'Dog',\n      }}\n      classNames={{ option: 'mb32 p24 bg-green-100 br12 bs-lg' }}\n    />\n  );\n};\n\nexport const RadioWithCustomLabelStyles = ({\n  onChange,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT3: 'Cat',\n        DOG3: 'Dog',\n      }}\n      classNames={{ label: 'bg-neutral-900 tc-white' }}\n    />\n  );\n};\n\nexport const RadioWithInlineLayout = ({ onChange }: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT4: 'Cat',\n        DOG4: 'Dog',\n        FISHER: 'Fish',\n        RABBIT: 'Rabbit',\n        RAT: 'Rat',\n        ANOTHER: 'Other',\n      }}\n      classNames={{ option: 'w30' }}\n      inlineLayout\n      wide\n    />\n  );\n};\n\nexport const RadioWithCustomLabel = ({\n  onChange,\n  wide,\n  classNames,\n  inlineLayout,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      options={{\n        BIGDOG: {\n          icon: () => <img src={images.bigDog} alt=\"\" />,\n          title: 'Dog',\n        },\n        FISH: {\n          icon: () => <img src={images.brokenAquarium} alt=\"\" />,\n          title: 'Fish',\n        },\n        OTHER: {\n          icon: () => <img src={images.brokenGlass} alt=\"\" />,\n          title: 'Other',\n        },\n      }}\n      onChange={handleOnChange}\n      value={checkedValues}\n      classNames={{ option: 'w30' }}\n      inlineLayout\n    />\n  );\n};\n\nexport const RadioWithCustomLabelInline = ({\n  onChange,\n  wide,\n  classNames,\n  inlineLayout,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      options={{\n        BIGDOG: {\n          icon: () => <img src={images.bigDog} alt=\"\" />,\n          title: 'Dog',\n        },\n        FISH: {\n          icon: () => <img src={images.brokenAquarium} alt=\"\" />,\n          title: 'Fish',\n        },\n        OTHER: {\n          icon: () => <img src={images.brokenGlass} alt=\"\" />,\n          title: 'Other',\n        },\n      }}\n      onChange={handleOnChange}\n      inlineIcon\n      value={checkedValues}\n      classNames={{ option: 'w30' }}\n      inlineLayout\n    />\n  );\n};\n\nRadioStory.storyName = 'Radio';\n\nexport const RadioIconOnly = ({ onChange }: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      options={{ NOTHING: '' }}\n      onChange={handleOnChange}\n      classNames={{ label: 'jc-start' }}\n      value={checkedValues}\n      bordered={false}\n    />\n  );\n};\n\nRadioStory.storyName = 'Radio';\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/input/radio/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Radio, RadioProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Inputs/Radio',\n  component: Radio,\n  argTypes: {\n    options: {\n      description:\n        'Object that contains the possible options for rendering in the input.',\n    },\n    value: {\n      description: 'Current checked values.',\n    },\n    fieldLegend: {\n      description:\n        'Property that describes the purpose of a group of radio buttons, read aloud by screen readers to provide context.',\n    },\n    groupName: {\n      description:\n        'Property passed to each radio button. Informs the browser that the radio buttons belong to the same group, so only one can be selected',\n    },\n    onChange: {\n      description: 'Function called everytime a value changes.',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    wide: {\n      description:\n        'Property that defines if options should fill 100% of available horizontal space',\n    },\n    inlineLayout: {\n      description:\n        'Property that defines if options should show inline instead of block. Check inline radio options story for examples.',\n    },\n    inlineIcon: {\n      description:\n        'Property that defines if options should show inline with icon',\n    },\n    classNames: {\n      description: 'ClassNames for custom styling',\n    },\n    bordered: {\n      description: 'Property that defines if option should show with border',\n    },\n    disabled: {\n      description:\n        'Property that defines if the input and corresponding label are disabled and not clickable',\n    },\n  },\n  args: {\n    options: {\n      CAT: {\n        title: 'Cat',\n        description: 'At least 1',\n      },\n      DOG: {\n        title: 'Dog',\n        description: 'At least 2',\n      },\n      NONE: {\n        title: 'None',\n        description: 'No pets',\n      },\n    },\n    fieldLegend: 'Owned pets',\n    groupName: 'Pets',\n    value: '',\n    wide: false,\n    classNames: {\n      container: '',\n      label: '',\n      option: '',\n    },\n    bordered: true,\n    inlineLayout: false,\n    inlineIcon: false,\n    disabled: false,\n  },\n};\n\nexport const RadioStory = {\n  render: ({\n    onChange,\n    options,\n    wide,\n    classNames,\n    inlineLayout,\n    bordered,\n    disabled,\n    fieldLegend,\n    groupName,\n  }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        wide={wide}\n        options={options}\n        onChange={handleOnChange}\n        value={checkedValues}\n        classNames={classNames}\n        inlineLayout={inlineLayout}\n        bordered={bordered}\n        disabled={disabled}\n        fieldLegend={fieldLegend}\n        groupName={groupName}\n      />\n    );\n  },\n\n  name: 'Radio',\n};\n\nexport const RadioWithCustomWrapperStyles = {\n  render: ({ onChange }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT1: 'Cat',\n          DOG1: 'Dog',\n        }}\n        classNames={{ container: 'p32 bg-purple-500 br24 bs-lg' }}\n      />\n    );\n  },\n};\n\nexport const RadioWithCustomOptionStyles = {\n  render: ({ onChange }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT2: 'Cat',\n          DOG2: 'Dog',\n        }}\n        classNames={{ option: 'mb32 p24 bg-green-100 br12 bs-lg' }}\n      />\n    );\n  },\n};\n\nexport const RadioWithCustomLabelStyles = {\n  render: ({ onChange }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT3: 'Cat',\n          DOG3: 'Dog',\n        }}\n        classNames={{ label: 'bg-neutral-900 tc-white' }}\n      />\n    );\n  },\n};\n\nexport const RadioWithInlineLayout = {\n  render: ({ onChange }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT4: 'Cat',\n          DOG4: 'Dog',\n          FISHER: 'Fish',\n          RABBIT: 'Rabbit',\n          RAT: 'Rat',\n          ANOTHER: 'Other',\n        }}\n        classNames={{ option: 'w30' }}\n        inlineLayout\n        wide\n      />\n    );\n  },\n};\n\nexport const RadioWithCustomLabel = {\n  render: ({\n    onChange,\n    wide,\n    classNames,\n    inlineLayout,\n  }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        options={{\n          BIGDOG: {\n            icon: () => <img src={images.bigDog} alt=\"\" />,\n            title: 'Dog',\n          },\n          FISH: {\n            icon: () => <img src={images.brokenAquarium} alt=\"\" />,\n            title: 'Fish',\n          },\n          OTHER: {\n            icon: () => <img src={images.brokenGlass} alt=\"\" />,\n            title: 'Other',\n          },\n        }}\n        onChange={handleOnChange}\n        value={checkedValues}\n        classNames={{ option: 'w30' }}\n        inlineLayout\n      />\n    );\n  },\n};\n\nexport const RadioWithCustomLabelInline = {\n  render: ({\n    onChange,\n    wide,\n    classNames,\n    inlineLayout,\n  }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        options={{\n          BIGDOG: {\n            icon: () => <img src={images.bigDog} alt=\"\" />,\n            title: 'Dog',\n          },\n          FISH: {\n            icon: () => <img src={images.brokenAquarium} alt=\"\" />,\n            title: 'Fish',\n          },\n          OTHER: {\n            icon: () => <img src={images.brokenGlass} alt=\"\" />,\n            title: 'Other',\n          },\n        }}\n        onChange={handleOnChange}\n        inlineIcon\n        value={checkedValues}\n        classNames={{ option: 'w30' }}\n        inlineLayout\n      />\n    );\n  },\n};\n\nexport const RadioIconOnly = {\n  render: ({ onChange }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        options={{ NOTHING: '' }}\n        onChange={handleOnChange}\n        classNames={{ label: 'jc-start' }}\n        value={checkedValues}\n        bordered={false}\n      />\n    );\n  },\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/input/radio/index.test.js

@@ -1,14 +1,15 @@
-import { c as __awaiter, d as __generator } from '../../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator } from '../../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../customRender-be47569b.js';
+import { c as customRender } from '../../../customRender-DzdqZxUd.js';
 import { Radio } from './index.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import '../../../index-6ea95111.js';
-import '../../../style-inject.es-1f59c1d0.js';
-import '../../../index-69a46657.js';
+import '../../../index-DLQEsiym.js';
+import '../../../style-inject.es-tgCJW-Cu.js';
+import '../../../index-CNcEE5dn.js';
 
 var mockOnChange = jest.fn();
 var setup = function (onChange, value) {
@@ -35,7 +36,7 @@ describe('Radio component', function () {
                     return [4 /*yield*/, user.click(getByTestId('radio-DOG'))];
                 case 1:
                     _b.sent();
-                    expect(mockOnChange).toBeCalledWith('DOG');
+                    expect(mockOnChange).toHaveBeenCalledWith('DOG');
                     return [2 /*return*/];
             }
         });

package/dist/esm/components/input/radio/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/radio/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { Radio, RadioProps } from '.';\n\nconst mockOnChange = jest.fn();\n\nconst setup = (onChange: RadioProps<string>['onChange'], value?: string) => {\n  const utils = render(\n    <Radio\n      options={{\n        CAT: 'Cat',\n        DOG: 'Dog',\n        NONE: 'None',\n      }}\n      onChange={onChange}\n      value={value}\n    />\n  );\n\n  return utils;\n};\n\ndescribe('Radio component', () => {\n  it('Should render options', () => {\n    const { getByText } = setup(mockOnChange);\n\n    expect(getByText('Cat')).toBeInTheDocument();\n    expect(getByText('Dog')).toBeInTheDocument();\n    expect(getByText('None')).toBeInTheDocument();\n  });\n\n  it('Should call onchange on selecting an option', async () => {\n    const { getByTestId, user } = setup(mockOnChange);\n\n    await user.click(getByTestId('radio-DOG'));\n\n    expect(mockOnChange).toBeCalledWith('DOG');\n  });\n\n  it('Should render checked items when value is passed', async () => {\n    const { getByTestId } = setup(mockOnChange, 'CAT');\n\n    expect(getByTestId('radio-input-CAT')).toBeChecked();\n  });\n\n  it('Should render custom description', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat description')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: () => 'ICON',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('ICON')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon with selected', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: (selected) => (selected ? 'SELECTED-ICON' : 'ICON'),\n          },\n        }}\n        onChange={mockOnChange}\n        value={'CAT'}\n      />\n    );\n\n    expect(getByText('SELECTED-ICON')).toBeInTheDocument();\n  });\n\n  it('Should render label text passed in HTML format', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: <p>Cat</p>,\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat')).toBeInTheDocument();\n  });\n\n  it('Should disable the input', async () => {\n    const { getByTestId } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n        disabled\n      />\n    );\n\n    const radioInput = getByTestId('radio-input-CAT');\n\n    expect(radioInput).toBeDisabled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/radio/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { Radio, RadioProps } from '.';\n\nconst mockOnChange = jest.fn();\n\nconst setup = (onChange: RadioProps<string>['onChange'], value?: string) => {\n  const utils = render(\n    <Radio\n      options={{\n        CAT: 'Cat',\n        DOG: 'Dog',\n        NONE: 'None',\n      }}\n      onChange={onChange}\n      value={value}\n    />\n  );\n\n  return utils;\n};\n\ndescribe('Radio component', () => {\n  it('Should render options', () => {\n    const { getByText } = setup(mockOnChange);\n\n    expect(getByText('Cat')).toBeInTheDocument();\n    expect(getByText('Dog')).toBeInTheDocument();\n    expect(getByText('None')).toBeInTheDocument();\n  });\n\n  it('Should call onchange on selecting an option', async () => {\n    const { getByTestId, user } = setup(mockOnChange);\n\n    await user.click(getByTestId('radio-DOG'));\n\n    expect(mockOnChange).toHaveBeenCalledWith('DOG');\n  });\n\n  it('Should render checked items when value is passed', async () => {\n    const { getByTestId } = setup(mockOnChange, 'CAT');\n\n    expect(getByTestId('radio-input-CAT')).toBeChecked();\n  });\n\n  it('Should render custom description', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat description')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: () => 'ICON',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('ICON')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon with selected', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: (selected) => (selected ? 'SELECTED-ICON' : 'ICON'),\n          },\n        }}\n        onChange={mockOnChange}\n        value={'CAT'}\n      />\n    );\n\n    expect(getByText('SELECTED-ICON')).toBeInTheDocument();\n  });\n\n  it('Should render label text passed in HTML format', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: <p>Cat</p>,\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat')).toBeInTheDocument();\n  });\n\n  it('Should disable the input', async () => {\n    const { getByTestId } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n        disabled\n      />\n    );\n\n    const radioInput = getByTestId('radio-input-CAT');\n\n    expect(radioInput).toBeDisabled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

package/dist/esm/components/input/toggle/index.js

@@ -1,7 +1,8 @@
-import { _ as __spreadArray } from '../../../tslib.es6-a39f91fc.js';
+import { d as __spreadArray } from '../../../tslib.es6-CVlKGIvp.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classNames } from '../../../index-6ea95111.js';
-import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
+import { c as classNames } from '../../../index-DLQEsiym.js';
+import { s as styleInject } from '../../../style-inject.es-tgCJW-Cu.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
 
 var css_248z = ".styles-module_container__F0d5Q {\n  max-width: 100%;\n}\n\n.styles-module_toggleContainer__2yz_j {\n  position: relative;\n  width: 40px;\n  height: 12px;\n}\n\n.styles-module_label__3EAX_ {\n  align-items: center;\n}\n\n.styles-module_toggle__2sL88 {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--ds-neutral-400);\n  transition: all 0.3s ease-in-out;\n  border-radius: 100px;\n}\n.styles-module_toggle__2sL88:before {\n  position: absolute;\n  content: \"\";\n  height: 20px;\n  width: 20px;\n  left: 0;\n  bottom: -4px;\n  background: var(--ds-neutral-500);\n  transition: 0.3s ease-in-out;\n  transition-property: background-color, outline, transform;\n  outline-color: var(--ds-neutral-500);\n  border-radius: 50%;\n}\n\n.styles-module_input__2sUF3 {\n  opacity: 0;\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88 {\n  background: var(--ds-purple-400);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  background: var(--ds-purple-600);\n}\n.styles-module_input__2sUF3:checked:focus-visible ~ .styles-module_toggle__2sL88:before {\n  outline: 3px solid var(--ds-purple-500);\n}\n.styles-module_input__2sUF3:disabled + .styles-module_toggle__2sL88 {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n.styles-module_input__2sUF3:focus-visible ~ .styles-module_toggle__2sL88:before {\n  outline: 3px solid var(--ds-neutral-600);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  transform: translateX(20px);\n}";
 var styles = {"container":"styles-module_container__F0d5Q","toggleContainer":"styles-module_toggleContainer__2yz_j","label":"styles-module_label__3EAX_","toggle":"styles-module_toggle__2sL88","input":"styles-module_input__2sUF3"};

package/dist/esm/components/input/toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/toggle/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from './styles.module.scss';\nexport interface ToggleWithDescription {\n  title: ReactNode;\n  description?: string;\n}\n\nexport interface ToggleProps<ValueType extends string> {\n  options: Record<ValueType, ReactNode | ToggleWithDescription>;\n  value?: ValueType[];\n  onChange: (value: ValueType[]) => void;\n  inlineLayout?: boolean;\n  disabled?: boolean;\n  bordered?: boolean,\n  classNames?: {\n    container?: string;\n    label?: string;\n    option?: string;\n  }\n}\n\nexport const Toggle = <ValueType extends string>({\n  options,\n  value = [],\n  onChange,\n  inlineLayout = false,\n  bordered = true,\n  classNames: classNamesObj,\n  disabled,\n}: ToggleProps<ValueType> & {  }) => {\n  const hasNoneValue = Object.keys(options).includes('NONE');\n\n  const isToggleLabelObject = (\n    label: ReactNode | ToggleWithDescription\n  ): label is ToggleWithDescription => {\n    return (label as ToggleWithDescription).title !== undefined;\n  };\n\n  const handleOnChange = (newValue: ValueType) => {\n    if (value?.includes(newValue)) {\n      const filteredToggleValues = value.filter(\n        (selectedValue) => selectedValue !== newValue\n      );\n\n      onChange(filteredToggleValues);\n      return;\n    }\n\n    if (hasNoneValue && newValue === 'NONE') {\n      onChange([newValue]);\n      return;\n    }\n\n    if (hasNoneValue && newValue !== 'NONE') {\n      const newValues = value\n        ? [...value.filter((v) => v !== 'NONE'), newValue]\n        : [newValue];\n      onChange(newValues);\n      return;\n    }\n\n    const newValues = value\n      ? [...value, newValue]\n      : [newValue];\n    onChange(newValues);\n  };\n\n\n  const entries = Object.entries(options) as [\n    ValueType,\n    string | ToggleWithDescription\n  ][];\n\n  return (\n    <div\n      className={classNames(classNamesObj?.container, styles.container, 'd-flex gap8', {\n        'fd-row': inlineLayout,\n        'f-wrap': inlineLayout,\n        'fd-column': !inlineLayout,\n      })}\n    >\n      {entries.map(([currentValue, label]) => {\n        const checked = value?.includes(currentValue);\n\n        return (\n          <div className={classNamesObj?.option} key={currentValue}>\n            <label\n              className={classNames(\n                styles.label,\n                classNamesObj?.label,\n                'p-label pr16 gap16',\n                {\n                  'p-label--bordered': bordered,\n                }\n              )}\n              data-cy={`toggle-${currentValue}`}\n              data-testid={`toggle-${currentValue}`}\n            >\n              <span className={classNames(styles.toggleContainer, 'd-inline-block')}>\n                <input \n                  checked={checked}\n                  className={styles.input}\n                  data-testid={`toggle-input-${currentValue}`}\n                  onChange={() => handleOnChange(currentValue)}\n                  type=\"checkbox\" \n                  value={currentValue}\n                  disabled={disabled}\n                />\n                <span className={styles.toggle} />\n              </span>\n              \n              {isToggleLabelObject(label) ? (\n                <div>\n                  <p className=\"p-p\">{label.title}</p>\n                  <span className=\"d-block p-p p-p--small tc-neutral-700\">\n                    {label.description}\n                  </span>\n                </div>\n              ) : label}\n            </label>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/toggle/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from './styles.module.scss';\nexport interface ToggleWithDescription {\n  title: ReactNode;\n  description?: string;\n}\n\nexport interface ToggleProps<ValueType extends string> {\n  options: Record<ValueType, ReactNode | ToggleWithDescription>;\n  value?: ValueType[];\n  onChange: (value: ValueType[]) => void;\n  inlineLayout?: boolean;\n  disabled?: boolean;\n  bordered?: boolean,\n  classNames?: {\n    container?: string;\n    label?: string;\n    option?: string;\n  }\n}\n\nexport const Toggle = <ValueType extends string>({\n  options,\n  value = [],\n  onChange,\n  inlineLayout = false,\n  bordered = true,\n  classNames: classNamesObj,\n  disabled,\n}: ToggleProps<ValueType> & {  }) => {\n  const hasNoneValue = Object.keys(options).includes('NONE');\n\n  const isToggleLabelObject = (\n    label: ReactNode | ToggleWithDescription\n  ): label is ToggleWithDescription => {\n    return (label as ToggleWithDescription).title !== undefined;\n  };\n\n  const handleOnChange = (newValue: ValueType) => {\n    if (value?.includes(newValue)) {\n      const filteredToggleValues = value.filter(\n        (selectedValue) => selectedValue !== newValue\n      );\n\n      onChange(filteredToggleValues);\n      return;\n    }\n\n    if (hasNoneValue && newValue === 'NONE') {\n      onChange([newValue]);\n      return;\n    }\n\n    if (hasNoneValue && newValue !== 'NONE') {\n      const newValues = value\n        ? [...value.filter((v) => v !== 'NONE'), newValue]\n        : [newValue];\n      onChange(newValues);\n      return;\n    }\n\n    const newValues = value\n      ? [...value, newValue]\n      : [newValue];\n    onChange(newValues);\n  };\n\n\n  const entries = Object.entries(options) as [\n    ValueType,\n    string | ToggleWithDescription\n  ][];\n\n  return (\n    <div\n      className={classNames(classNamesObj?.container, styles.container, 'd-flex gap8', {\n        'fd-row': inlineLayout,\n        'f-wrap': inlineLayout,\n        'fd-column': !inlineLayout,\n      })}\n    >\n      {entries.map(([currentValue, label]) => {\n        const checked = value?.includes(currentValue);\n\n        return (\n          <div className={classNamesObj?.option} key={currentValue}>\n            <label\n              className={classNames(\n                styles.label,\n                classNamesObj?.label,\n                'p-label pr16 gap16',\n                {\n                  'p-label--bordered': bordered,\n                }\n              )}\n              data-cy={`toggle-${currentValue}`}\n              data-testid={`toggle-${currentValue}`}\n            >\n              <span className={classNames(styles.toggleContainer, 'd-inline-block')}>\n                <input \n                  checked={checked}\n                  className={styles.input}\n                  data-testid={`toggle-input-${currentValue}`}\n                  onChange={() => handleOnChange(currentValue)}\n                  type=\"checkbox\" \n                  value={currentValue}\n                  disabled={disabled}\n                />\n                <span className={styles.toggle} />\n              </span>\n              \n              {isToggleLabelObject(label) ? (\n                <div>\n                  <p className=\"p-p\">{label.title}</p>\n                  <span className=\"d-block p-p p-p--small tc-neutral-700\">\n                    {label.description}\n                  </span>\n                </div>\n              ) : label}\n            </label>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AAuBO,IAAM,MAAM,GAAG,UAA2B,EAQjB,EAAA;AAP9B,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,oBAAoB,EAApB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,QAAe,EAAf,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACH,aAAa,GAAA,EAAA,CAAA,UAAA,EACzB,QAAQ,GAAA,EAAA,CAAA,QAAA;AAER,IAAA,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;IAE1D,IAAM,mBAAmB,GAAG,UAC1B,KAAwC,EAAA;AAExC,QAAA,OAAQ,KAA+B,CAAC,KAAK,KAAK,SAAS;AAC7D,IAAA,CAAC;IAED,IAAM,cAAc,GAAG,UAAC,QAAmB,EAAA;QACzC,IAAI,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE;AAC7B,YAAA,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CACvC,UAAC,aAAa,EAAA,EAAK,OAAA,aAAa,KAAK,QAAQ,CAAA,CAA1B,CAA0B,CAC9C;YAED,QAAQ,CAAC,oBAAoB,CAAC;YAC9B;QACF;AAEA,QAAA,IAAI,YAAY,IAAI,QAAQ,KAAK,MAAM,EAAE;AACvC,YAAA,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC;YACpB;QACF;AAEA,QAAA,IAAI,YAAY,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvC,IAAM,WAAS,GAAG;kBACf,aAAA,CAAA,aAAA,CAAA,EAAA,EAAK,KAAK,CAAC,MAAM,CAAC,UAAC,CAAC,EAAA,EAAK,OAAA,CAAC,KAAK,MAAM,CAAA,CAAZ,CAAY,CAAC,EAAA,IAAA,CAAA,EAAA,CAAE,QAAQ,CAAA,EAAA,KAAA,CAAA,GAC/C,CAAC,QAAQ,CAAC;YACd,QAAQ,CAAC,WAAS,CAAC;YACnB;QACF;QAEA,IAAM,SAAS,GAAG;cACf,aAAA,CAAA,aAAA,CAAA,EAAA,EAAK,KAAK,EAAA,IAAA,CAAA,EAAA,CAAE,QAAQ,CAAA,EAAA,KAAA,CAAA,GACnB,CAAC,QAAQ,CAAC;QACd,QAAQ,CAAC,SAAS,CAAC;AACrB,IAAA,CAAC;IAGD,IAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAGnC;AAEH,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC,aAAa,KAAA,IAAA,IAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,aAAa,EAAE;AAC/E,YAAA,QAAQ,EAAE,YAAY;AACtB,YAAA,QAAQ,EAAE,YAAY;YACtB,WAAW,EAAE,CAAC,YAAY;AAC3B,SAAA,CAAC,YAED,OAAO,CAAC,GAAG,CAAC,UAAC,EAAqB,EAAA;gBAApB,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA;AAChC,YAAA,IAAM,OAAO,GAAG,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,QAAQ,CAAC,YAAY,CAAC;AAE7C,YAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,MAAM,EAAA,QAAA,EACnCC,gBACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,KAAK,EACZ,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,KAAK,EACpB,oBAAoB,EACpB;AACE,wBAAA,mBAAmB,EAAE,QAAQ;qBAC9B,CACF,EAAA,SAAA,EACQ,SAAA,CAAA,MAAA,CAAU,YAAY,CAAE,EAAA,aAAA,EACpB,iBAAU,YAAY,CAAE,EAAA,QAAA,EAAA,CAErCA,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,CACnED,GAAA,CAAA,OAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EACV,eAAA,CAAA,MAAA,CAAgB,YAAY,CAAE,EAC3C,QAAQ,EAAE,YAAA,EAAM,OAAA,cAAc,CAAC,YAAY,CAAC,CAAA,CAA5B,CAA4B,EAC5C,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,EAAA,CAClB,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,CAAI,CAAA,EAAA,CAC7B,EAEN,mBAAmB,CAAC,KAAK,CAAC,IACzBC,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,KAAK,YAAE,KAAK,CAAC,KAAK,EAAA,CAAK,EACpCA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EACpD,KAAK,CAAC,WAAW,GACb,CAAA,EAAA,CACH,IACJ,KAAK,IACH,EAAA,EAlCkC,YAAY,CAmClD;QAEV,CAAC,CAAC,EAAA,CACE;AAEV;;;;"}