@epignosis_llc/gnosis 1.1.0 → 1.3.2

package/dist/esm/src/components/Drawer/components/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/Checkbox.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
@@ -11,7 +11,7 @@ import { forwardRef } from 'react';
 import { checkboxContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["id", "label", "size", "inline", "containerClassName"];
+var _excluded = ["id", "label", "size", "inline", "containerAttrs"];
 
 var Checkbox = function Checkbox(props, ref) {
   var id = props.id,
@@ -20,19 +20,18 @@ var Checkbox = function Checkbox(props, ref) {
       size = _props$size === void 0 ? "md" : _props$size,
       _props$inline = props.inline,
       inline = _props$inline === void 0 ? false : _props$inline,
-      containerClassName = props.containerClassName,
+      containerAttrs = props.containerAttrs,
       rest = _objectWithoutProperties(props, _excluded);
 
-  return jsx("div", {
+  return jsx("div", _extends({
     ref: ref,
     css: function css(theme) {
       return checkboxContainer(theme, {
         size: size,
         inline: inline
       });
-    },
-    className: containerClassName
-  }, jsx("input", _extends({
+    }
+  }, containerAttrs), jsx("input", _extends({
     id: id,
     type: "checkbox"
   }, rest)), jsx("label", {

package/dist/esm/src/components/FormElements/CheckboxGroup/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/FormElements/CheckboxGroup/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { checkboxContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type CheckboxOption = {\n  value: string;\n  label: string;\n  name: string;\n  disabled?: boolean;\n};\n\nexport type CheckboxSize = \"md\" | \"lg\";\n\nexport type CheckboxProps = ExtendableProps<\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\">,\n  CheckboxOption & {\n    id: string;\n    size?: CheckboxSize;\n    inline?: boolean;\n    containerClassName?: string;\n  }\n>;\n\nconst Checkbox: ForwardRefRenderFunction<HTMLDivElement, CheckboxProps> = (props, ref) => {\n  const { id, label, size = \"md\", inline = false, containerClassName, ...rest } = props;\n\n  return (\n    <div\n      ref={ref}\n      css={(theme): SerializedStyles => checkboxContainer(theme, { size, inline })}\n      className={containerClassName}\n    >\n      <input id={id} type=\"checkbox\" {...rest} />\n      <label htmlFor={id}>\n        <span className=\"shadow-element\" tabIndex={-1} aria-hidden=\"true\" />\n        {label}\n      </label>\n    </div>\n  );\n};\n\nexport default forwardRef(Checkbox);\n"],"names":["Checkbox","props","ref","id","label","size","inline","containerClassName","rest","___EmotionJSX","theme","checkboxContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAMA,QAAiE,GAAG,SAApEA,QAAoE,CAACC,KAAD,EAAQC,GAAR,EAAgB;AACxF,MAAQC,EAAR,GAAgFF,KAAhF,CAAQE,EAAR;AAAA,MAAYC,KAAZ,GAAgFH,KAAhF,CAAYG,KAAZ;AAAA,oBAAgFH,KAAhF,CAAmBI,IAAnB;AAAA,MAAmBA,IAAnB,4BAA0B,IAA1B;AAAA,sBAAgFJ,KAAhF,CAAgCK,MAAhC;AAAA,MAAgCA,MAAhC,8BAAyC,KAAzC;AAAA,MAAgDC,kBAAhD,GAAgFN,KAAhF,CAAgDM,kBAAhD;AAAA,MAAuEC,IAAvE,4BAAgFP,KAAhF;;AAEA,SACEQ;AACE,IAAA,GAAG,EAAEP,GADP;AAEE,IAAA,GAAG,EAAE,aAACQ,KAAD;AAAA,aAA6BC,iBAAiB,CAACD,KAAD,EAAQ;AAAEL,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAA9C;AAAA,KAFP;AAGE,IAAA,SAAS,EAAEC;AAHb,KAKEE;AAAO,IAAA,EAAE,EAAEN,EAAX;AAAe,IAAA,IAAI,EAAC;AAApB,KAAmCK,IAAnC,EALF,EAMEC;AAAO,IAAA,OAAO,EAAEN;AAAhB,KACEM;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,QAAQ,EAAE,CAAC,CAA5C;AAA+C,mBAAY;AAA3D,IADF,EAEGL,KAFH,CANF,CADF;AAaD,CAhBD;;AAkBA,8BAAeQ,UAAU,CAACZ,QAAD,CAAzB;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/FormElements/CheckboxGroup/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { checkboxContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type CheckboxOption = {\n  value: string;\n  label: string;\n  name: string;\n  disabled?: boolean;\n};\n\nexport type CheckboxSize = \"md\" | \"lg\";\n\nexport type CheckboxProps = ExtendableProps<\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\">,\n  CheckboxOption & {\n    id: string;\n    size?: CheckboxSize;\n    inline?: boolean;\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n  }\n>;\n\nconst Checkbox: ForwardRefRenderFunction<HTMLDivElement, CheckboxProps> = (props, ref) => {\n  const { id, label, size = \"md\", inline = false, containerAttrs, ...rest } = props;\n\n  return (\n    <div\n      ref={ref}\n      css={(theme): SerializedStyles => checkboxContainer(theme, { size, inline })}\n      {...containerAttrs}\n    >\n      <input id={id} type=\"checkbox\" {...rest} />\n      <label htmlFor={id}>\n        <span className=\"shadow-element\" tabIndex={-1} aria-hidden=\"true\" />\n        {label}\n      </label>\n    </div>\n  );\n};\n\nexport default forwardRef(Checkbox);\n"],"names":["Checkbox","props","ref","id","label","size","inline","containerAttrs","rest","___EmotionJSX","theme","checkboxContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAMA,QAAiE,GAAG,SAApEA,QAAoE,CAACC,KAAD,EAAQC,GAAR,EAAgB;AACxF,MAAQC,EAAR,GAA4EF,KAA5E,CAAQE,EAAR;AAAA,MAAYC,KAAZ,GAA4EH,KAA5E,CAAYG,KAAZ;AAAA,oBAA4EH,KAA5E,CAAmBI,IAAnB;AAAA,MAAmBA,IAAnB,4BAA0B,IAA1B;AAAA,sBAA4EJ,KAA5E,CAAgCK,MAAhC;AAAA,MAAgCA,MAAhC,8BAAyC,KAAzC;AAAA,MAAgDC,cAAhD,GAA4EN,KAA5E,CAAgDM,cAAhD;AAAA,MAAmEC,IAAnE,4BAA4EP,KAA5E;;AAEA,SACEQ;AACE,IAAA,GAAG,EAAEP,GADP;AAEE,IAAA,GAAG,EAAE,aAACQ,KAAD;AAAA,aAA6BC,iBAAiB,CAACD,KAAD,EAAQ;AAAEL,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAA9C;AAAA;AAFP,KAGMC,cAHN,GAKEE;AAAO,IAAA,EAAE,EAAEN,EAAX;AAAe,IAAA,IAAI,EAAC;AAApB,KAAmCK,IAAnC,EALF,EAMEC;AAAO,IAAA,OAAO,EAAEN;AAAhB,KACEM;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,QAAQ,EAAE,CAAC,CAA5C;AAA+C,mBAAY;AAA3D,IADF,EAEGL,KAFH,CANF,CADF;AAaD,CAhBD;;AAkBA,8BAAeQ,UAAU,CAACZ,QAAD,CAAzB;;;;"}

package/dist/esm/src/components/FormElements/CheckboxGroup/CheckboxGroup.js

@@ -2,14 +2,15 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
-import { slicedToArray as _slicedToArray, extends as _extends, toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../../node_modules/core-js/modules/es.array.includes.js';
 import '../../../../node_modules/core-js/modules/es.string.includes.js';
 import '../../../../node_modules/core-js/modules/es.array.filter.js';
+import '../../../../node_modules/core-js/modules/es.object.to-string.js';
 import '../../../../node_modules/core-js/modules/es.array.concat.js';
 import '../../../../node_modules/core-js/modules/es.array.map.js';
 import '../../../../node_modules/core-js/modules/es.function.name.js';
@@ -18,6 +19,8 @@ import Checkbox from './Checkbox.js';
 import { checkboxGroupContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["groupname", "options", "onChange", "initialValues", "inline", "size"];
+
 var CheckboxGroup = function CheckboxGroup(_ref) {
   var groupname = _ref.groupname,
       options = _ref.options,
@@ -28,8 +31,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
       inline = _ref$inline === void 0 ? false : _ref$inline,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "md" : _ref$size,
-      id = _ref.id,
-      className = _ref.className;
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(initialValues),
       _useState2 = _slicedToArray(_useState, 2),
@@ -66,11 +68,9 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   useEffect(function () {
     onChange && onChange(selectedValues);
   }, [selectedValues, onChange]);
-  return jsx("fieldset", {
-    css: checkboxGroupContainer(inline),
-    id: id,
-    className: className
-  }, jsx("legend", null, isPartiallySelected && jsx("span", {
+  return jsx("fieldset", _extends({
+    css: checkboxGroupContainer(inline)
+  }, rest), jsx("legend", null, isPartiallySelected && jsx("span", {
     className: "dash"
   }), jsx(Checkbox, {
     id: "".concat(groupname, "-container"),

package/dist/esm/src/components/FormElements/CheckboxGroup/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../../src/components/FormElements/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React, { FC, ChangeEvent, useState, useEffect } from \"react\";\nimport { InputSize } from \"../Input/Input\";\nimport Checkbox, { CheckboxOption } from \"./Checkbox\";\nimport { checkboxGroupContainer } from \"./styles\";\n\nexport type CheckboxGroupProps = {\n  groupname: string;\n  options: CheckboxOption[];\n  onChange?: (selectedValues: string[]) => void;\n  initialValues?: string[];\n  inline?: boolean;\n  size?: InputSize;\n  id: string;\n  className?: string;\n};\n\nconst CheckboxGroup: FC<CheckboxGroupProps> = ({\n  groupname,\n  options,\n  onChange,\n  initialValues = [],\n  inline = false,\n  size = \"md\",\n  id,\n  className,\n}) => {\n  const [selectedValues, setSelectedValues] = useState(initialValues);\n  const isPartiallySelected = selectedValues.length > 0 && selectedValues.length < options.length;\n  const ariaChecked = isPartiallySelected ? \"mixed\" : selectedValues.length === options.length;\n  const selectValues = (e: ChangeEvent<HTMLInputElement>): void => {\n    const selectedValue = e.target.value;\n    if (selectedValues.includes(selectedValue)) {\n      setSelectedValues(selectedValues.filter((value) => selectedValue !== value));\n    } else {\n      setSelectedValues([...selectedValues, selectedValue]);\n    }\n  };\n  const handleGroupChange = (): void => {\n    if (selectedValues.length) {\n      setSelectedValues([]);\n    } else {\n      setSelectedValues(options.filter((option) => !option.disabled).map((option) => option.value));\n    }\n  };\n\n  useEffect(() => {\n    onChange && onChange(selectedValues);\n  }, [selectedValues, onChange]);\n\n  return (\n    <fieldset css={checkboxGroupContainer(inline)} id={id} className={className}>\n      <legend>\n        {isPartiallySelected && <span className=\"dash\" />}\n        <Checkbox\n          id={`${groupname}-container`}\n          label={groupname}\n          name={groupname}\n          value=\"\"\n          onChange={handleGroupChange}\n          size={size}\n          checked={selectedValues.length > 0}\n          aria-checked={ariaChecked}\n          inline\n        />\n      </legend>\n      <ul>\n        {options.map((option) => (\n          <li key={option.name}>\n            <Checkbox\n              id={`${groupname}-${option.value}`}\n              size={size}\n              checked={selectedValues.includes(option.value)}\n              onChange={selectValues}\n              inline\n              {...option}\n            />\n          </li>\n        ))}\n      </ul>\n    </fieldset>\n  );\n};\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup","groupname","options","onChange","initialValues","inline","size","id","className","useState","selectedValues","setSelectedValues","isPartiallySelected","length","ariaChecked","selectValues","e","selectedValue","target","value","includes","filter","handleGroupChange","option","disabled","map","useEffect","___EmotionJSX","checkboxGroupContainer","name"],"mappings":";;;;;;;;;;;;;;;;;;;;IAgBMA,aAAqC,GAAG,SAAxCA,aAAwC,OASxC;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,gCALJC,aAKI;AAAA,MALJA,aAKI,mCALY,EAKZ;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK,KAIL;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,IAGH;AAAA,MAFJC,EAEI,QAFJA,EAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,kBAA4CC,QAAQ,CAACL,aAAD,CAApD;AAAA;AAAA,MAAOM,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,MAAMC,mBAAmB,GAAGF,cAAc,CAACG,MAAf,GAAwB,CAAxB,IAA6BH,cAAc,CAACG,MAAf,GAAwBX,OAAO,CAACW,MAAzF;AACA,MAAMC,WAAW,GAAGF,mBAAmB,GAAG,OAAH,GAAaF,cAAc,CAACG,MAAf,KAA0BX,OAAO,CAACW,MAAtF;;AACA,MAAME,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD,EAA4C;AAC/D,QAAMC,aAAa,GAAGD,CAAC,CAACE,MAAF,CAASC,KAA/B;;AACA,QAAIT,cAAc,CAACU,QAAf,CAAwBH,aAAxB,CAAJ,EAA4C;AAC1CN,MAAAA,iBAAiB,CAACD,cAAc,CAACW,MAAf,CAAsB,UAACF,KAAD;AAAA,eAAWF,aAAa,KAAKE,KAA7B;AAAA,OAAtB,CAAD,CAAjB;AACD,KAFD,MAEO;AACLR,MAAAA,iBAAiB,8BAAKD,cAAL,IAAqBO,aAArB,GAAjB;AACD;AACF,GAPD;;AAQA,MAAMK,iBAAiB,GAAG,SAApBA,iBAAoB,GAAY;AACpC,QAAIZ,cAAc,CAACG,MAAnB,EAA2B;AACzBF,MAAAA,iBAAiB,CAAC,EAAD,CAAjB;AACD,KAFD,MAEO;AACLA,MAAAA,iBAAiB,CAACT,OAAO,CAACmB,MAAR,CAAe,UAACE,MAAD;AAAA,eAAY,CAACA,MAAM,CAACC,QAApB;AAAA,OAAf,EAA6CC,GAA7C,CAAiD,UAACF,MAAD;AAAA,eAAYA,MAAM,CAACJ,KAAnB;AAAA,OAAjD,CAAD,CAAjB;AACD;AACF,GAND;;AAQAO,EAAAA,SAAS,CAAC,YAAM;AACdvB,IAAAA,QAAQ,IAAIA,QAAQ,CAACO,cAAD,CAApB;AACD,GAFQ,EAEN,CAACA,cAAD,EAAiBP,QAAjB,CAFM,CAAT;AAIA,SACEwB;AAAU,IAAA,GAAG,EAAEC,sBAAsB,CAACvB,MAAD,CAArC;AAA+C,IAAA,EAAE,EAAEE,EAAnD;AAAuD,IAAA,SAAS,EAAEC;AAAlE,KACEmB,oBACGf,mBAAmB,IAAIe;AAAM,IAAA,SAAS,EAAC;AAAhB,IAD1B,EAEEA,IAAC,QAAD;AACE,IAAA,EAAE,YAAK1B,SAAL,eADJ;AAEE,IAAA,KAAK,EAAEA,SAFT;AAGE,IAAA,IAAI,EAAEA,SAHR;AAIE,IAAA,KAAK,EAAC,EAJR;AAKE,IAAA,QAAQ,EAAEqB,iBALZ;AAME,IAAA,IAAI,EAAEhB,IANR;AAOE,IAAA,OAAO,EAAEI,cAAc,CAACG,MAAf,GAAwB,CAPnC;AAQE,oBAAcC,WARhB;AASE,IAAA,MAAM;AATR,IAFF,CADF,EAeEa,gBACGzB,OAAO,CAACuB,GAAR,CAAY,UAACF,MAAD;AAAA,WACXI;AAAI,MAAA,GAAG,EAAEJ,MAAM,CAACM;AAAhB,OACEF,IAAC,QAAD;AACE,MAAA,EAAE,YAAK1B,SAAL,cAAkBsB,MAAM,CAACJ,KAAzB,CADJ;AAEE,MAAA,IAAI,EAAEb,IAFR;AAGE,MAAA,OAAO,EAAEI,cAAc,CAACU,QAAf,CAAwBG,MAAM,CAACJ,KAA/B,CAHX;AAIE,MAAA,QAAQ,EAAEJ,YAJZ;AAKE,MAAA,MAAM;AALR,OAMMQ,MANN,EADF,CADW;AAAA,GAAZ,CADH,CAfF,CADF;AAgCD;;;;"}
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../../src/components/FormElements/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React, { FC, ChangeEvent, useState, useEffect } from \"react\";\nimport { InputSize } from \"../Input/Input\";\nimport Checkbox, { CheckboxOption } from \"./Checkbox\";\nimport { checkboxGroupContainer } from \"./styles\";\n\nexport type CheckboxGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {\n  groupname: string;\n  options: CheckboxOption[];\n  onChange?: (selectedValues: string[]) => void;\n  initialValues?: string[];\n  inline?: boolean;\n  size?: InputSize;\n};\n\nconst CheckboxGroup: FC<CheckboxGroupProps> = ({\n  groupname,\n  options,\n  onChange,\n  initialValues = [],\n  inline = false,\n  size = \"md\",\n  ...rest\n}) => {\n  const [selectedValues, setSelectedValues] = useState(initialValues);\n  const isPartiallySelected = selectedValues.length > 0 && selectedValues.length < options.length;\n  const ariaChecked = isPartiallySelected ? \"mixed\" : selectedValues.length === options.length;\n  const selectValues = (e: ChangeEvent<HTMLInputElement>): void => {\n    const selectedValue = e.target.value;\n    if (selectedValues.includes(selectedValue)) {\n      setSelectedValues(selectedValues.filter((value) => selectedValue !== value));\n    } else {\n      setSelectedValues([...selectedValues, selectedValue]);\n    }\n  };\n  const handleGroupChange = (): void => {\n    if (selectedValues.length) {\n      setSelectedValues([]);\n    } else {\n      setSelectedValues(options.filter((option) => !option.disabled).map((option) => option.value));\n    }\n  };\n\n  useEffect(() => {\n    onChange && onChange(selectedValues);\n  }, [selectedValues, onChange]);\n\n  return (\n    <fieldset css={checkboxGroupContainer(inline)} {...rest}>\n      <legend>\n        {isPartiallySelected && <span className=\"dash\" />}\n        <Checkbox\n          id={`${groupname}-container`}\n          label={groupname}\n          name={groupname}\n          value=\"\"\n          onChange={handleGroupChange}\n          size={size}\n          checked={selectedValues.length > 0}\n          aria-checked={ariaChecked}\n          inline\n        />\n      </legend>\n      <ul>\n        {options.map((option) => (\n          <li key={option.name}>\n            <Checkbox\n              id={`${groupname}-${option.value}`}\n              size={size}\n              checked={selectedValues.includes(option.value)}\n              onChange={selectValues}\n              inline\n              {...option}\n            />\n          </li>\n        ))}\n      </ul>\n    </fieldset>\n  );\n};\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup","groupname","options","onChange","initialValues","inline","size","rest","useState","selectedValues","setSelectedValues","isPartiallySelected","length","ariaChecked","selectValues","e","selectedValue","target","value","includes","filter","handleGroupChange","option","disabled","map","useEffect","___EmotionJSX","checkboxGroupContainer","name"],"mappings":"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"}

package/dist/esm/src/components/FormElements/CheckboxGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/FormError/FormError.js

@@ -2,19 +2,24 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import { errorContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["children"];
+
 var FormError = function FormError(_ref) {
-  var children = _ref.children;
-  return jsx("article", {
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return jsx("article", _extends({
     css: errorContainer
-  }, children);
+  }, rest), children);
 };
 
 export { FormError as default };

package/dist/esm/src/components/FormElements/FormError/FormError.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormError.js","sources":["../../../../../../src/components/FormElements/FormError/FormError.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { errorContainer } from \"./styles\";\n\nconst FormError: FC = ({ children }) => <article css={errorContainer}>{children}</article>;\n\nexport default FormError;\n"],"names":["FormError","children","___EmotionJSX","errorContainer"],"mappings":";;;;;;;;;;;;IAGMA,SAAa,GAAG,SAAhBA,SAAgB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,SAAkBC;AAAS,IAAA,GAAG,EAAEC;AAAd,KAA+BF,QAA/B,CAAlB;AAAA;;;;"}
+{"version":3,"file":"FormError.js","sources":["../../../../../../src/components/FormElements/FormError/FormError.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { errorContainer } from \"./styles\";\n\nexport type FormErrorProps = React.HTMLAttributes<HTMLElement>;\n\nconst FormError: FC<FormErrorProps> = ({ children, ...rest }) => (\n  <article css={errorContainer} {...rest}>\n    {children}\n  </article>\n);\n\nexport default FormError;\n"],"names":["FormError","children","rest","___EmotionJSX","errorContainer"],"mappings":";;;;;;;;;;;;;;;IAKMA,SAA6B,GAAG,SAAhCA,SAAgC;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAgBC,IAAhB;;AAAA,SACpCC;AAAS,IAAA,GAAG,EAAEC;AAAd,KAAkCF,IAAlC,GACGD,QADH,CADoC;AAAA;;;;"}

package/dist/esm/src/components/FormElements/FormError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Input/Input.js

@@ -2,18 +2,18 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef } from 'react';
 import classNames from '../../../../node_modules/classnames/index.js';
 import Label from '../Label/Label.js';
 import { inputContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["size", "status", "iconBefore", "iconAfter", "label", "inline", "id", "className"];
+var _excluded = ["size", "status", "iconBefore", "iconAfter", "label", "inline", "id", "containerAttrs"];
 
 var Input = function Input(_ref, forwardedRef) {
   var _ref$size = _ref.size,
@@ -26,27 +26,27 @@ var Input = function Input(_ref, forwardedRef) {
       _ref$inline = _ref.inline,
       inline = _ref$inline === void 0 ? false : _ref$inline,
       id = _ref.id,
-      className = _ref.className,
+      containerAttrs = _ref.containerAttrs,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var IconBefore = iconBefore;
   var IconAfter = iconAfter;
   var hasLabel = Boolean(label);
-  var containerClasses = classNames(_defineProperty({
+  var containerClasses = classNames({
     valid: status === "valid",
     error: status === "error",
     "with-prefix-icon": Boolean(iconBefore),
     "with-suffix-icon": Boolean(iconAfter),
     inline: hasLabel && inline
-  }, className !== null && className !== void 0 ? className : "", className));
-  return jsx("div", {
+  });
+  return jsx("div", _extends({
     css: function css(theme) {
       return inputContainer(theme, {
         size: size
       });
     },
     className: containerClasses
-  }, hasLabel && jsx(Label, {
+  }, containerAttrs), hasLabel && jsx(Label, {
     htmlFor: id
   }, label), jsx("div", {
     className: "input-wrapper"

package/dist/esm/src/components/FormElements/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../../src/components/FormElements/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, Ref, ForwardRefRenderFunction } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Label from \"../Label/Label\";\nimport { inputContainer } from \"./styles\";\nimport { ExtendableProps, IconType } from \"types/common\";\n\nexport type InputSize = \"md\" | \"lg\";\n\nexport type InputProps = ExtendableProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  {\n    id: string;\n    status?: \"valid\" | \"error\";\n    size?: InputSize;\n    iconBefore?: IconType;\n    iconAfter?: IconType;\n    ref?: Ref<HTMLInputElement>;\n    label?: string;\n    inline?: boolean;\n  }\n>;\n\nconst Input: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (\n  {\n    size = \"md\",\n    status = \"valid\",\n    iconBefore,\n    iconAfter,\n    label,\n    inline = false,\n    id,\n    className,\n    ...rest\n  },\n  forwardedRef,\n) => {\n  const IconBefore = iconBefore;\n  const IconAfter = iconAfter;\n  const hasLabel = Boolean(label);\n  const containerClasses = classNames({\n    valid: status === \"valid\",\n    error: status === \"error\",\n    \"with-prefix-icon\": Boolean(iconBefore),\n    \"with-suffix-icon\": Boolean(iconAfter),\n    inline: hasLabel && inline,\n    [className ?? \"\"]: className,\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => inputContainer(theme, { size })}\n      className={containerClasses}\n    >\n      {hasLabel && <Label htmlFor={id}>{label}</Label>}\n      <div className=\"input-wrapper\">\n        {IconBefore && (\n          <span className=\"prefix-icon\" data-testid=\"input-icon-before\">\n            <IconBefore height={32} />\n          </span>\n        )}\n        <input ref={forwardedRef} id={id} {...rest} />\n        {IconAfter && (\n          <span className=\"suffix-icon\" data-testid=\"input-icon-after\">\n            <IconAfter height={32} />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Input);\n"],"names":["Input","forwardedRef","size","status","iconBefore","iconAfter","label","inline","id","className","rest","IconBefore","IconAfter","hasLabel","Boolean","containerClasses","classNames","valid","error","___EmotionJSX","theme","inputContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,IAAMA,KAA6D,GAAG,SAAhEA,KAAgE,OAYpEC,YAZoE,EAajE;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,IAWN;AAAA,yBAVDC,MAUC;AAAA,MAVDA,MAUC,4BAVQ,OAUR;AAAA,MATDC,UASC,QATDA,UASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,KAMR;AAAA,MALDC,EAKC,QALDA,EAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,UAAU,GAAGP,UAAnB;AACA,MAAMQ,SAAS,GAAGP,SAAlB;AACA,MAAMQ,QAAQ,GAAGC,OAAO,CAACR,KAAD,CAAxB;AACA,MAAMS,gBAAgB,GAAGC,UAAU;AACjCC,IAAAA,KAAK,EAAEd,MAAM,KAAK,OADe;AAEjCe,IAAAA,KAAK,EAAEf,MAAM,KAAK,OAFe;AAGjC,wBAAoBW,OAAO,CAACV,UAAD,CAHM;AAIjC,wBAAoBU,OAAO,CAACT,SAAD,CAJM;AAKjCE,IAAAA,MAAM,EAAEM,QAAQ,IAAIN;AALa,KAMhCE,SANgC,aAMhCA,SANgC,cAMhCA,SANgC,GAMnB,EANmB,EAMdA,SANc,EAAnC;AASA,SACEU;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,cAAc,CAACD,KAAD,EAAQ;AAAElB,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAA3C;AAAA,KADP;AAEE,IAAA,SAAS,EAAEa;AAFb,KAIGF,QAAQ,IAAIM,IAAC,KAAD;AAAO,IAAA,OAAO,EAAEX;AAAhB,KAAqBF,KAArB,CAJf,EAKEa;AAAK,IAAA,SAAS,EAAC;AAAf,KACGR,UAAU,IACTQ;AAAM,IAAA,SAAS,EAAC,aAAhB;AAA8B,mBAAY;AAA1C,KACEA,IAAC,UAAD;AAAY,IAAA,MAAM,EAAE;AAApB,IADF,CAFJ,EAMEA;AAAO,IAAA,GAAG,EAAElB,YAAZ;AAA0B,IAAA,EAAE,EAAEO;AAA9B,KAAsCE,IAAtC,EANF,EAOGE,SAAS,IACRO;AAAM,IAAA,SAAS,EAAC,aAAhB;AAA8B,mBAAY;AAA1C,KACEA,IAAC,SAAD;AAAW,IAAA,MAAM,EAAE;AAAnB,IADF,CARJ,CALF,CADF;AAqBD,CA/CD;;AAiDA,2BAAeG,UAAU,CAACtB,KAAD,CAAzB;;;;"}
+{"version":3,"file":"Input.js","sources":["../../../../../../src/components/FormElements/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, Ref, ForwardRefRenderFunction } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Label from \"../Label/Label\";\nimport { inputContainer } from \"./styles\";\nimport { ExtendableProps, IconType } from \"types/common\";\n\nexport type InputSize = \"md\" | \"lg\";\n\nexport type InputProps = ExtendableProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  {\n    id: string;\n    status?: \"valid\" | \"error\";\n    size?: InputSize;\n    iconBefore?: IconType;\n    iconAfter?: IconType;\n    ref?: Ref<HTMLInputElement>;\n    label?: string;\n    inline?: boolean;\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n  }\n>;\n\nconst Input: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (\n  {\n    size = \"md\",\n    status = \"valid\",\n    iconBefore,\n    iconAfter,\n    label,\n    inline = false,\n    id,\n    containerAttrs,\n    ...rest\n  },\n  forwardedRef,\n) => {\n  const IconBefore = iconBefore;\n  const IconAfter = iconAfter;\n  const hasLabel = Boolean(label);\n  const containerClasses = classNames({\n    valid: status === \"valid\",\n    error: status === \"error\",\n    \"with-prefix-icon\": Boolean(iconBefore),\n    \"with-suffix-icon\": Boolean(iconAfter),\n    inline: hasLabel && inline,\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => inputContainer(theme, { size })}\n      className={containerClasses}\n      {...containerAttrs}\n    >\n      {hasLabel && <Label htmlFor={id}>{label}</Label>}\n      <div className=\"input-wrapper\">\n        {IconBefore && (\n          <span className=\"prefix-icon\" data-testid=\"input-icon-before\">\n            <IconBefore height={32} />\n          </span>\n        )}\n        <input ref={forwardedRef} id={id} {...rest} />\n        {IconAfter && (\n          <span className=\"suffix-icon\" data-testid=\"input-icon-after\">\n            <IconAfter height={32} />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Input);\n"],"names":["Input","forwardedRef","size","status","iconBefore","iconAfter","label","inline","id","containerAttrs","rest","IconBefore","IconAfter","hasLabel","Boolean","containerClasses","classNames","valid","error","___EmotionJSX","theme","inputContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAMA,KAA6D,GAAG,SAAhEA,KAAgE,OAYpEC,YAZoE,EAajE;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,IAWN;AAAA,yBAVDC,MAUC;AAAA,MAVDA,MAUC,4BAVQ,OAUR;AAAA,MATDC,UASC,QATDA,UASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,KAMR;AAAA,MALDC,EAKC,QALDA,EAKC;AAAA,MAJDC,cAIC,QAJDA,cAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,UAAU,GAAGP,UAAnB;AACA,MAAMQ,SAAS,GAAGP,SAAlB;AACA,MAAMQ,QAAQ,GAAGC,OAAO,CAACR,KAAD,CAAxB;AACA,MAAMS,gBAAgB,GAAGC,UAAU,CAAC;AAClCC,IAAAA,KAAK,EAAEd,MAAM,KAAK,OADgB;AAElCe,IAAAA,KAAK,EAAEf,MAAM,KAAK,OAFgB;AAGlC,wBAAoBW,OAAO,CAACV,UAAD,CAHO;AAIlC,wBAAoBU,OAAO,CAACT,SAAD,CAJO;AAKlCE,IAAAA,MAAM,EAAEM,QAAQ,IAAIN;AALc,GAAD,CAAnC;AAQA,SACEY;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,cAAc,CAACD,KAAD,EAAQ;AAAElB,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAA3C;AAAA,KADP;AAEE,IAAA,SAAS,EAAEa;AAFb,KAGMN,cAHN,GAKGI,QAAQ,IAAIM,IAAC,KAAD;AAAO,IAAA,OAAO,EAAEX;AAAhB,KAAqBF,KAArB,CALf,EAMEa;AAAK,IAAA,SAAS,EAAC;AAAf,KACGR,UAAU,IACTQ;AAAM,IAAA,SAAS,EAAC,aAAhB;AAA8B,mBAAY;AAA1C,KACEA,IAAC,UAAD;AAAY,IAAA,MAAM,EAAE;AAApB,IADF,CAFJ,EAMEA;AAAO,IAAA,GAAG,EAAElB,YAAZ;AAA0B,IAAA,EAAE,EAAEO;AAA9B,KAAsCE,IAAtC,EANF,EAOGE,SAAS,IACRO;AAAM,IAAA,SAAS,EAAC,aAAhB;AAA8B,mBAAY;AAA1C,KACEA,IAAC,SAAD;AAAW,IAAA,MAAM,EAAE;AAAnB,IADF,CARJ,CANF,CADF;AAsBD,CA/CD;;AAiDA,2BAAeG,UAAU,CAACtB,KAAD,CAAzB;;;;"}

package/dist/esm/src/components/FormElements/Input/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/InputError/InputError.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/InputError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/Label.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButton.js

@@ -2,22 +2,27 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../../node_modules/core-js/modules/es.array.concat.js';
 import 'react';
 import classNames from '../../../../node_modules/classnames/index.js';
 import { radioButton } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["index", "label", "value", "selectedValue", "onClick", "size"];
+
 var RadioButton = function RadioButton(_ref) {
   var index = _ref.index,
       label = _ref.label,
       value = _ref.value,
       selectedValue = _ref.selectedValue,
       onClick = _ref.onClick,
-      size = _ref.size;
+      size = _ref.size,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var handleClick = function handleClick(e) {
     e.preventDefault();
@@ -27,9 +32,10 @@ var RadioButton = function RadioButton(_ref) {
   var cssClasses = classNames({
     "is-selected": value === selectedValue
   });
-  return jsx("button", {
+  var propHTMLClass = rest !== null && rest !== void 0 && rest.className ? rest === null || rest === void 0 ? void 0 : rest.className : "";
+  return jsx("button", _extends({
     id: "radio-".concat(index),
-    className: cssClasses,
+    className: "".concat(cssClasses).concat(propHTMLClass),
     onClick: handleClick,
     css: function css(theme) {
       return radioButton(theme, {
@@ -37,7 +43,7 @@ var RadioButton = function RadioButton(_ref) {
       });
     },
     "aria-selected": value === selectedValue
-  }, label);
+  }, rest), label);
 };
 
 export { RadioButton as default };

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../../../../src/components/FormElements/RadioButtonGroup/RadioButton.tsx"],"sourcesContent":["import React, { FC, ReactNode, MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { InputSize } from \"../Input/Input\";\nimport { radioButton } from \"./styles\";\n\nexport type RadioButtonProps = {\n  index: number;\n  label: ReactNode;\n  value: string;\n};\n\nexport type UiRadioButtonProps = RadioButtonProps & {\n  selectedValue: string;\n  onClick: (value: string) => void;\n  size: InputSize;\n};\n\nconst RadioButton: FC<UiRadioButtonProps> = ({\n  index,\n  label,\n  value,\n  selectedValue,\n  onClick,\n  size,\n}) => {\n  const handleClick = (e: MouseEvent): void => {\n    e.preventDefault();\n    onClick(value);\n  };\n  const cssClasses = classNames({\n    \"is-selected\": value === selectedValue,\n  });\n\n  return (\n    <button\n      id={`radio-${index}`}\n      className={cssClasses}\n      onClick={handleClick}\n      css={(theme): SerializedStyles => radioButton(theme, { size })}\n      aria-selected={value === selectedValue}\n    >\n      {label}\n    </button>\n  );\n};\n\nexport default RadioButton;\n"],"names":["RadioButton","index","label","value","selectedValue","onClick","size","handleClick","e","preventDefault","cssClasses","classNames","___EmotionJSX","theme","radioButton"],"mappings":";;;;;;;;;;;;;IAkBMA,WAAmC,GAAG,SAAtCA,WAAsC,OAOtC;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,aAGI,QAHJA,aAGI;AAAA,MAFJC,OAEI,QAFJA,OAEI;AAAA,MADJC,IACI,QADJA,IACI;;AACJ,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAyB;AAC3CA,IAAAA,CAAC,CAACC,cAAF;AACAJ,IAAAA,OAAO,CAACF,KAAD,CAAP;AACD,GAHD;;AAIA,MAAMO,UAAU,GAAGC,UAAU,CAAC;AAC5B,mBAAeR,KAAK,KAAKC;AADG,GAAD,CAA7B;AAIA,SACEQ;AACE,IAAA,EAAE,kBAAWX,KAAX,CADJ;AAEE,IAAA,SAAS,EAAES,UAFb;AAGE,IAAA,OAAO,EAAEH,WAHX;AAIE,IAAA,GAAG,EAAE,aAACM,KAAD;AAAA,aAA6BC,WAAW,CAACD,KAAD,EAAQ;AAAEP,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAxC;AAAA,KAJP;AAKE,qBAAeH,KAAK,KAAKC;AAL3B,KAOGF,KAPH,CADF;AAWD;;;;"}
+{"version":3,"file":"RadioButton.js","sources":["../../../../../../src/components/FormElements/RadioButtonGroup/RadioButton.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { InputSize } from \"../Input/Input\";\nimport { radioButton } from \"./styles\";\n\nexport type RadioButtonProps = {\n  index: number;\n  label: ReactNode;\n  value: string;\n};\n\ntype UiRadioButtonProps = Omit<React.HTMLAttributes<HTMLButtonElement>, \"onClick\"> &\n  RadioButtonProps & {\n    selectedValue: string;\n    size: InputSize;\n    className?: string;\n    onClick: (value: string) => void;\n  };\n\nconst RadioButton: FC<UiRadioButtonProps> = ({\n  index,\n  label,\n  value,\n  selectedValue,\n  onClick,\n  size,\n  ...rest\n}) => {\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>): void => {\n    e.preventDefault();\n    onClick(value);\n  };\n  const cssClasses = classNames({\n    \"is-selected\": value === selectedValue,\n  });\n  const propHTMLClass = rest?.className ? rest?.className : \"\";\n\n  return (\n    <button\n      id={`radio-${index}`}\n      className={`${cssClasses}${propHTMLClass}`}\n      onClick={handleClick}\n      css={(theme): SerializedStyles => radioButton(theme, { size })}\n      aria-selected={value === selectedValue}\n      {...rest}\n    >\n      {label}\n    </button>\n  );\n};\n\nexport default RadioButton;\n"],"names":["RadioButton","index","label","value","selectedValue","onClick","size","rest","handleClick","e","preventDefault","cssClasses","classNames","propHTMLClass","className","___EmotionJSX","theme","radioButton"],"mappings":";;;;;;;;;;;;;;;;;IAoBMA,WAAmC,GAAG,SAAtCA,WAAsC,OAQtC;AAAA,MAPJC,KAOI,QAPJA,KAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAkD;AACpEA,IAAAA,CAAC,CAACC,cAAF;AACAL,IAAAA,OAAO,CAACF,KAAD,CAAP;AACD,GAHD;;AAIA,MAAMQ,UAAU,GAAGC,UAAU,CAAC;AAC5B,mBAAeT,KAAK,KAAKC;AADG,GAAD,CAA7B;AAGA,MAAMS,aAAa,GAAGN,IAAI,SAAJ,IAAAA,IAAI,WAAJ,IAAAA,IAAI,CAAEO,SAAN,GAAkBP,IAAlB,aAAkBA,IAAlB,uBAAkBA,IAAI,CAAEO,SAAxB,GAAoC,EAA1D;AAEA,SACEC;AACE,IAAA,EAAE,kBAAWd,KAAX,CADJ;AAEE,IAAA,SAAS,YAAKU,UAAL,SAAkBE,aAAlB,CAFX;AAGE,IAAA,OAAO,EAAEL,WAHX;AAIE,IAAA,GAAG,EAAE,aAACQ,KAAD;AAAA,aAA6BC,WAAW,CAACD,KAAD,EAAQ;AAAEV,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAxC;AAAA,KAJP;AAKE,qBAAeH,KAAK,KAAKC;AAL3B,KAMMG,IANN,GAQGL,KARH,CADF;AAYD;;;;"}

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButtonGroup.js

@@ -2,37 +2,35 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
-import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../../node_modules/core-js/modules/es.array.map.js';
 import 'react';
 import RadioButton from './RadioButton.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["options", "value", "size", "onChange"];
+
 var RadioButtonGroup = function RadioButtonGroup(props) {
   var options = props.options,
       _props$value = props.value,
       value = _props$value === void 0 ? "" : _props$value,
       _props$size = props.size,
       size = _props$size === void 0 ? "md" : _props$size,
-      id = props.id,
-      className = props.className,
-      onChange = props.onChange;
-  return jsx("div", {
-    id: id,
-    className: className
-  }, options.map(function (option, index) {
+      onChange = props.onChange,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  return jsx("div", rest, options.map(function (option, index) {
     return jsx(RadioButton, _extends({
       key: option.value,
       index: index,
       size: size,
-      selectedValue: value
-    }, option, {
+      selectedValue: value,
       onClick: onChange
-    }));
+    }, option));
   }));
 };
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.js","sources":["../../../../../../src/components/FormElements/RadioButtonGroup/RadioButtonGroup.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\n\nexport type RadioGroupOption = Pick<RadioButtonProps, \"label\" | \"value\">;\n\nexport type RadioGroupProps = {\n  id: string;\n  options: RadioGroupOption[];\n  value: string;\n  size?: \"md\" | \"lg\";\n  className?: string;\n  onChange: (selectedValue: string) => void;\n};\n\nconst RadioButtonGroup: FC<RadioGroupProps> = (props) => {\n  const { options, value = \"\", size = \"md\", id, className, onChange } = props;\n\n  return (\n    <div id={id} className={className}>\n      {options.map((option, index) => (\n        <RadioButton\n          key={option.value}\n          index={index}\n          size={size}\n          selectedValue={value}\n          {...option}\n          onClick={onChange}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default RadioButtonGroup;\n"],"names":["RadioButtonGroup","props","options","value","size","id","className","onChange","___EmotionJSX","map","option","index"],"mappings":";;;;;;;;;;;;;;IAcMA,gBAAqC,GAAG,SAAxCA,gBAAwC,CAACC,KAAD,EAAW;AACvD,MAAQC,OAAR,GAAsED,KAAtE,CAAQC,OAAR;AAAA,qBAAsED,KAAtE,CAAiBE,KAAjB;AAAA,MAAiBA,KAAjB,6BAAyB,EAAzB;AAAA,oBAAsEF,KAAtE,CAA6BG,IAA7B;AAAA,MAA6BA,IAA7B,4BAAoC,IAApC;AAAA,MAA0CC,EAA1C,GAAsEJ,KAAtE,CAA0CI,EAA1C;AAAA,MAA8CC,SAA9C,GAAsEL,KAAtE,CAA8CK,SAA9C;AAAA,MAAyDC,QAAzD,GAAsEN,KAAtE,CAAyDM,QAAzD;AAEA,SACEC;AAAK,IAAA,EAAE,EAAEH,EAAT;AAAa,IAAA,SAAS,EAAEC;AAAxB,KACGJ,OAAO,CAACO,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT;AAAA,WACXH,IAAC,WAAD;AACE,MAAA,GAAG,EAAEE,MAAM,CAACP,KADd;AAEE,MAAA,KAAK,EAAEQ,KAFT;AAGE,MAAA,IAAI,EAAEP,IAHR;AAIE,MAAA,aAAa,EAAED;AAJjB,OAKMO,MALN;AAME,MAAA,OAAO,EAAEH;AANX,OADW;AAAA,GAAZ,CADH,CADF;AAcD;;;;"}
+{"version":3,"file":"RadioButtonGroup.js","sources":["../../../../../../src/components/FormElements/RadioButtonGroup/RadioButtonGroup.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\n\nexport type RadioGroupOption = Pick<RadioButtonProps, \"label\" | \"value\">;\n\nexport type RadioGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> & {\n  options: RadioGroupOption[];\n  value: string;\n  size?: \"md\" | \"lg\";\n  onChange: (value: string) => void;\n};\n\nconst RadioButtonGroup: FC<RadioGroupProps> = (props) => {\n  const { options, value = \"\", size = \"md\", onChange, ...rest } = props;\n\n  return (\n    <div {...rest}>\n      {options.map((option, index) => (\n        <RadioButton\n          key={option.value}\n          index={index}\n          size={size}\n          selectedValue={value}\n          onClick={onChange}\n          {...option}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default RadioButtonGroup;\n"],"names":["RadioButtonGroup","props","options","value","size","onChange","rest","___EmotionJSX","map","option","index"],"mappings":";;;;;;;;;;;;;;;;IAYMA,gBAAqC,GAAG,SAAxCA,gBAAwC,CAACC,KAAD,EAAW;AACvD,MAAQC,OAAR,GAAgED,KAAhE,CAAQC,OAAR;AAAA,qBAAgED,KAAhE,CAAiBE,KAAjB;AAAA,MAAiBA,KAAjB,6BAAyB,EAAzB;AAAA,oBAAgEF,KAAhE,CAA6BG,IAA7B;AAAA,MAA6BA,IAA7B,4BAAoC,IAApC;AAAA,MAA0CC,QAA1C,GAAgEJ,KAAhE,CAA0CI,QAA1C;AAAA,MAAuDC,IAAvD,4BAAgEL,KAAhE;;AAEA,SACEM,WAASD,IAAT,EACGJ,OAAO,CAACM,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT;AAAA,WACXH,IAAC,WAAD;AACE,MAAA,GAAG,EAAEE,MAAM,CAACN,KADd;AAEE,MAAA,KAAK,EAAEO,KAFT;AAGE,MAAA,IAAI,EAAEN,IAHR;AAIE,MAAA,aAAa,EAAED,KAJjB;AAKE,MAAA,OAAO,EAAEE;AALX,OAMMI,MANN,EADW;AAAA,GAAZ,CADH,CADF;AAcD;;;;"}

package/dist/esm/src/components/FormElements/RadioButtonGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/Radio.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
@@ -11,7 +11,7 @@ import 'react';
 import { radioButtonContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["id", "label", "size", "inline"];
+var _excluded = ["id", "label", "size", "inline", "containerAttrs"];
 
 var Radio = function Radio(_ref) {
   var id = _ref.id,
@@ -20,16 +20,17 @@ var Radio = function Radio(_ref) {
       size = _ref$size === void 0 ? "md" : _ref$size,
       _ref$inline = _ref.inline,
       inline = _ref$inline === void 0 ? false : _ref$inline,
+      containerAttrs = _ref.containerAttrs,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return jsx("div", {
+  return jsx("div", _extends({
     css: function css(theme) {
       return radioButtonContainer(theme, {
         size: size,
         inline: inline
       });
     }
-  }, jsx("input", _extends({
+  }, containerAttrs), jsx("input", _extends({
     id: id,
     type: "radio"
   }, rest)), jsx("label", {

package/dist/esm/src/components/FormElements/RadioGroup/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/FormElements/RadioGroup/Radio.tsx"],"sourcesContent":["import React, { FC, InputHTMLAttributes } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { InputSize } from \"../Input/Input\";\nimport { radioButtonContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type RadioOption = {\n  value: string;\n  label: string;\n  disabled?: boolean;\n};\n\nexport type RadioProps = ExtendableProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  RadioOption & {\n    id: string;\n    size?: InputSize;\n    inline?: boolean;\n  }\n>;\n\nconst Radio: FC<RadioProps> = ({ id, label, size = \"md\", inline = false, ...rest }) => (\n  <div css={(theme): SerializedStyles => radioButtonContainer(theme, { size, inline })}>\n    <input id={id} type=\"radio\" {...rest} />\n    <label htmlFor={id}>{label}</label>\n  </div>\n);\n\nexport default Radio;\n"],"names":["Radio","id","label","size","inline","rest","___EmotionJSX","theme","radioButtonContainer"],"mappings":";;;;;;;;;;;;;;;IAqBMA,KAAqB,GAAG,SAAxBA,KAAwB;AAAA,MAAGC,EAAH,QAAGA,EAAH;AAAA,MAAOC,KAAP,QAAOA,KAAP;AAAA,uBAAcC,IAAd;AAAA,MAAcA,IAAd,0BAAqB,IAArB;AAAA,yBAA2BC,MAA3B;AAAA,MAA2BA,MAA3B,4BAAoC,KAApC;AAAA,MAA8CC,IAA9C;;AAAA,SAC5BC;AAAK,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,oBAAoB,CAACD,KAAD,EAAQ;AAAEJ,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAAjD;AAAA;AAAV,KACEE;AAAO,IAAA,EAAE,EAAEL,EAAX;AAAe,IAAA,IAAI,EAAC;AAApB,KAAgCI,IAAhC,EADF,EAEEC;AAAO,IAAA,OAAO,EAAEL;AAAhB,KAAqBC,KAArB,CAFF,CAD4B;AAAA;;;;"}
+{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/FormElements/RadioGroup/Radio.tsx"],"sourcesContent":["import React, { FC, InputHTMLAttributes } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { InputSize } from \"../Input/Input\";\nimport { radioButtonContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type RadioOption = {\n  value: string;\n  label: string;\n  disabled?: boolean;\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nexport type RadioProps = ExtendableProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  RadioOption & {\n    id: string;\n    size?: InputSize;\n    inline?: boolean;\n  }\n>;\n\nconst Radio: FC<RadioProps> = ({\n  id,\n  label,\n  size = \"md\",\n  inline = false,\n  containerAttrs,\n  ...rest\n}) => (\n  <div\n    css={(theme): SerializedStyles => radioButtonContainer(theme, { size, inline })}\n    {...containerAttrs}\n  >\n    <input id={id} type=\"radio\" {...rest} />\n    <label htmlFor={id}>{label}</label>\n  </div>\n);\n\nexport default Radio;\n"],"names":["Radio","id","label","size","inline","containerAttrs","rest","___EmotionJSX","theme","radioButtonContainer"],"mappings":";;;;;;;;;;;;;;;IAsBMA,KAAqB,GAAG,SAAxBA,KAAwB;AAAA,MAC5BC,EAD4B,QAC5BA,EAD4B;AAAA,MAE5BC,KAF4B,QAE5BA,KAF4B;AAAA,uBAG5BC,IAH4B;AAAA,MAG5BA,IAH4B,0BAGrB,IAHqB;AAAA,yBAI5BC,MAJ4B;AAAA,MAI5BA,MAJ4B,4BAInB,KAJmB;AAAA,MAK5BC,cAL4B,QAK5BA,cAL4B;AAAA,MAMzBC,IANyB;;AAAA,SAQ5BC;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,oBAAoB,CAACD,KAAD,EAAQ;AAAEL,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAAjD;AAAA;AADP,KAEMC,cAFN,GAIEE;AAAO,IAAA,EAAE,EAAEN,EAAX;AAAe,IAAA,IAAI,EAAC;AAApB,KAAgCK,IAAhC,EAJF,EAKEC;AAAO,IAAA,OAAO,EAAEN;AAAhB,KAAqBC,KAArB,CALF,CAR4B;AAAA;;;;"}

package/dist/esm/src/components/FormElements/RadioGroup/RadioGroup.js

@@ -2,11 +2,11 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
-import { slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../../node_modules/core-js/modules/es.array.map.js';
 import '../../../../node_modules/core-js/modules/es.array.concat.js';
 import { useState, useEffect } from 'react';
@@ -14,7 +14,11 @@ import Radio from './Radio.js';
 import { container } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["groupname", "options", "onChange", "initialValue", "inline", "size"];
+
 var RadioGroup = function RadioGroup(_ref) {
+  var _rest$id;
+
   var groupname = _ref.groupname,
       options = _ref.options,
       onChange = _ref.onChange,
@@ -24,8 +28,7 @@ var RadioGroup = function RadioGroup(_ref) {
       inline = _ref$inline === void 0 ? false : _ref$inline,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "md" : _ref$size,
-      id = _ref.id,
-      className = _ref.className;
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(initialValue),
       _useState2 = _slicedToArray(_useState, 2),
@@ -39,11 +42,10 @@ var RadioGroup = function RadioGroup(_ref) {
   useEffect(function () {
     onChange && onChange(selectedValue);
   }, [selectedValue, onChange]);
-  return jsx("fieldset", {
+  return jsx("fieldset", _extends({
     css: container(inline),
-    id: id || groupname,
-    className: className
-  }, options.map(function (option) {
+    id: (_rest$id = rest === null || rest === void 0 ? void 0 : rest.id) !== null && _rest$id !== void 0 ? _rest$id : groupname
+  }, rest), options.map(function (option) {
     return jsx(Radio, _extends({
       key: option.value,
       id: "".concat(groupname, "-").concat(option.value),

package/dist/esm/src/components/FormElements/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/components/FormElements/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { FC, ChangeEvent, useState, useEffect } from \"react\";\nimport { InputSize } from \"../Input/Input\";\nimport Radio, { RadioOption } from \"./Radio\";\nimport { container } from \"./styles\";\n\nexport type RadioGroupProps = {\n  id: string;\n  groupname: string;\n  options: RadioOption[];\n  onChange?: (selectedValue: string) => void;\n  initialValue?: string;\n  inline?: boolean;\n  size?: InputSize;\n  className?: string;\n};\n\nconst RadioGroup: FC<RadioGroupProps> = ({\n  groupname,\n  options,\n  onChange,\n  initialValue = \"\",\n  inline = false,\n  size = \"md\",\n  id,\n  className,\n}) => {\n  const [selectedValue, setSelectedValue] = useState(initialValue);\n  const selectValue = (e: ChangeEvent<HTMLInputElement>): void => {\n    setSelectedValue(e.target.value);\n  };\n\n  useEffect(() => {\n    onChange && onChange(selectedValue);\n  }, [selectedValue, onChange]);\n\n  return (\n    <fieldset css={container(inline)} id={id || groupname} className={className}>\n      {options.map((option) => (\n        <Radio\n          key={option.value}\n          id={`${groupname}-${option.value}`}\n          size={size}\n          checked={selectedValue === option.value}\n          name={groupname}\n          onChange={selectValue}\n          inline\n          {...option}\n        />\n      ))}\n    </fieldset>\n  );\n};\n\nexport default RadioGroup;\n"],"names":["RadioGroup","groupname","options","onChange","initialValue","inline","size","id","className","useState","selectedValue","setSelectedValue","selectValue","e","target","value","useEffect","___EmotionJSX","container","map","option"],"mappings":";;;;;;;;;;;;;;;;IAgBMA,UAA+B,GAAG,SAAlCA,UAAkC,OASlC;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,+BALJC,YAKI;AAAA,MALJA,YAKI,kCALW,EAKX;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK,KAIL;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,IAGH;AAAA,MAFJC,EAEI,QAFJA,EAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,kBAA0CC,QAAQ,CAACL,YAAD,CAAlD;AAAA;AAAA,MAAOM,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAA4C;AAC9DF,IAAAA,gBAAgB,CAACE,CAAC,CAACC,MAAF,CAASC,KAAV,CAAhB;AACD,GAFD;;AAIAC,EAAAA,SAAS,CAAC,YAAM;AACdb,IAAAA,QAAQ,IAAIA,QAAQ,CAACO,aAAD,CAApB;AACD,GAFQ,EAEN,CAACA,aAAD,EAAgBP,QAAhB,CAFM,CAAT;AAIA,SACEc;AAAU,IAAA,GAAG,EAAEC,SAAS,CAACb,MAAD,CAAxB;AAAkC,IAAA,EAAE,EAAEE,EAAE,IAAIN,SAA5C;AAAuD,IAAA,SAAS,EAAEO;AAAlE,KACGN,OAAO,CAACiB,GAAR,CAAY,UAACC,MAAD;AAAA,WACXH,IAAC,KAAD;AACE,MAAA,GAAG,EAAEG,MAAM,CAACL,KADd;AAEE,MAAA,EAAE,YAAKd,SAAL,cAAkBmB,MAAM,CAACL,KAAzB,CAFJ;AAGE,MAAA,IAAI,EAAET,IAHR;AAIE,MAAA,OAAO,EAAEI,aAAa,KAAKU,MAAM,CAACL,KAJpC;AAKE,MAAA,IAAI,EAAEd,SALR;AAME,MAAA,QAAQ,EAAEW,WANZ;AAOE,MAAA,MAAM;AAPR,OAQMQ,MARN,EADW;AAAA,GAAZ,CADH,CADF;AAgBD;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/components/FormElements/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { FC, ChangeEvent, useState, useEffect } from \"react\";\nimport { InputSize } from \"../Input/Input\";\nimport Radio, { RadioOption } from \"./Radio\";\nimport { container } from \"./styles\";\n\nexport type RadioGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {\n  groupname: string;\n  options: RadioOption[];\n  initialValue?: string;\n  inline?: boolean;\n  size?: InputSize;\n  onChange?: (selectedValue: string) => void;\n};\n\nconst RadioGroup: FC<RadioGroupProps> = ({\n  groupname,\n  options,\n  onChange,\n  initialValue = \"\",\n  inline = false,\n  size = \"md\",\n  ...rest\n}) => {\n  const [selectedValue, setSelectedValue] = useState(initialValue);\n  const selectValue = (e: ChangeEvent<HTMLInputElement>): void => {\n    setSelectedValue(e.target.value);\n  };\n\n  useEffect(() => {\n    onChange && onChange(selectedValue);\n  }, [selectedValue, onChange]);\n\n  return (\n    <fieldset css={container(inline)} id={rest?.id ?? groupname} {...rest}>\n      {options.map((option) => (\n        <Radio\n          key={option.value}\n          id={`${groupname}-${option.value}`}\n          size={size}\n          checked={selectedValue === option.value}\n          name={groupname}\n          onChange={selectValue}\n          inline\n          {...option}\n        />\n      ))}\n    </fieldset>\n  );\n};\n\nexport default RadioGroup;\n"],"names":["RadioGroup","groupname","options","onChange","initialValue","inline","size","rest","useState","selectedValue","setSelectedValue","selectValue","e","target","value","useEffect","___EmotionJSX","container","id","map","option"],"mappings":";;;;;;;;;;;;;;;;;;IAcMA,UAA+B,GAAG,SAAlCA,UAAkC,OAQlC;AAAA;;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,+BAJJC,YAII;AAAA,MAJJA,YAII,kCAJW,EAIX;AAAA,yBAHJC,MAGI;AAAA,MAHJA,MAGI,4BAHK,KAGL;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,IAEH;AAAA,MADDC,IACC;;AACJ,kBAA0CC,QAAQ,CAACJ,YAAD,CAAlD;AAAA;AAAA,MAAOK,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAA4C;AAC9DF,IAAAA,gBAAgB,CAACE,CAAC,CAACC,MAAF,CAASC,KAAV,CAAhB;AACD,GAFD;;AAIAC,EAAAA,SAAS,CAAC,YAAM;AACdZ,IAAAA,QAAQ,IAAIA,QAAQ,CAACM,aAAD,CAApB;AACD,GAFQ,EAEN,CAACA,aAAD,EAAgBN,QAAhB,CAFM,CAAT;AAIA,SACEa;AAAU,IAAA,GAAG,EAAEC,SAAS,CAACZ,MAAD,CAAxB;AAAkC,IAAA,EAAE,cAAEE,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEW,EAAR,+CAAcjB;AAAlD,KAAiEM,IAAjE,GACGL,OAAO,CAACiB,GAAR,CAAY,UAACC,MAAD;AAAA,WACXJ,IAAC,KAAD;AACE,MAAA,GAAG,EAAEI,MAAM,CAACN,KADd;AAEE,MAAA,EAAE,YAAKb,SAAL,cAAkBmB,MAAM,CAACN,KAAzB,CAFJ;AAGE,MAAA,IAAI,EAAER,IAHR;AAIE,MAAA,OAAO,EAAEG,aAAa,KAAKW,MAAM,CAACN,KAJpC;AAKE,MAAA,IAAI,EAAEb,SALR;AAME,MAAA,QAAQ,EAAEU,WANZ;AAOE,MAAA,MAAM;AAPR,OAQMS,MARN,EADW;AAAA,GAAZ,CADH,CADF;AAgBD;;;;"}