@onewelcome/react-lib-components 6.7.1 → 7.1.0

package/dist/cjs/Form/FormControl/FormControl.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./FormControl.module.cjs.js");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=t(e);const a=({children:e,disabled:t,className:a,grid:d,align:o="center",...u},n)=>{const f=()=>l["default"].Children.map(e,(e=>{if(!e)return null;const a=l["default"].cloneElement(e,{disabled:e.props.disabled!==void 0?e.props.disabled:t});if(d&&d>1)return l["default"].createElement("div",{className:`${r["default"]["col-"+d]} ${r["default"].column}`},a);return a}));return l["default"].createElement("div",{...u,ref:n,"data-formcontrol":true,className:`${r["default"]["form-control"]} ${a?a:""} ${d&&d>1?`${r["default"].grid} ${r["default"]["grid-"+d]}`:""} ${r["default"][o]}`},f())};const d=l["default"].forwardRef(a);exports.FormControl=d;
+"use strict";var e=require("react"),r=require("./FormControl.module.scss.cjs.js");const l=e.forwardRef((({children:l,disabled:a,className:d,grid:t,align:o="center",...s},c)=>e.createElement("div",{...s,ref:c,"data-formcontrol":!0,className:`${r.default["form-control"]} ${d||""} ${t&&t>1?`${r.default.grid} ${r.default["grid-"+t]}`:""} ${r.default[o]}`},e.Children.map(l,(l=>{if(!l)return null;const d=e.cloneElement(l,{disabled:void 0!==l.props.disabled?l.props.disabled:a});return t&&t>1?e.createElement("div",{className:`${r.default["col-"+t]} ${r.default.column}`},d):d})))));exports.FormControl=l;
 //# sourceMappingURL=FormControl.cjs.js.map

package/dist/cjs/Form/FormControl/FormControl.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.cjs.js","sources":["../../../../../../src/components/Form/FormControl/FormControl.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormControl.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: ReactElement | ReactElement[] | null;\n  grid?: 1 | 2 | 3;\n  align?: \"top\" | \"start\" | \"middle\" | \"center\" | \"bottom\" | \"end\" | \"stretch\";\n  disabled?: boolean;\n}\n\nconst FormControlComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, disabled, className, grid, align = \"center\", ...rest }: Props,\n  ref\n) => {\n  const renderChildren = () =>\n    React.Children.map(children, child => {\n      if (!child) {\n        return null;\n      }\n\n      const childElement = React.cloneElement(child, {\n        disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n      });\n\n      if (grid && grid > 1) {\n        return <div className={`${classes[\"col-\" + grid]} ${classes.column}`}>{childElement}</div>;\n      }\n\n      return childElement;\n    });\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-formcontrol\n      className={`${classes[\"form-control\"]} ${className ? className : \"\"} ${\n        grid && grid > 1 ? `${classes.grid} ${classes[\"grid-\" + grid]}` : \"\"\n      } ${classes[align]}`}\n    >\n      {renderChildren()}\n    </div>\n  );\n};\n\nexport const FormControl = React.forwardRef(FormControlComponent);\n"],"names":["FormControlComponent","children","disabled","className","grid","align","rest","ref","renderChildren","React","Children","map","child","childElement","cloneElement","props","undefined","classes","column","createElement","FormControl","forwardRef"],"mappings":"8NA0BA,MAAMA,EAAwE,EAC1EC,WAAUC,WAAUC,YAAWC,OAAMC,QAAQ,YAAaC,GAC5DC,KAEA,MAAMC,EAAiB,IACrBC,EAAK,WAACC,SAASC,IAAIV,GAAUW,IAC3B,IAAKA,EACH,OAAO,KAGT,MAAMC,EAAeJ,EAAAA,WAAMK,aAAaF,EAAO,CAC7CV,SAAUU,EAAMG,MAAMb,gBAAac,EAAYJ,EAAMG,MAAMb,SAAWA,IAGxE,GAAIE,GAAQA,EAAO,EACjB,OAAOK,EAAAA,gCAAKN,UAAW,GAAGc,aAAQ,OAASb,MAASa,EAAO,WAACC,UAAWL,GAGzE,OAAOA,CAAY,IAGvB,OACEJ,EAAA,WAAAU,cAAA,MAAA,IACMb,EACJC,IAAKA,EAAG,mBAAA,KAERJ,UAAW,GAAGc,EAAO,WAAC,mBAAmBd,EAAYA,EAAY,MAC/DC,GAAQA,EAAO,EAAI,GAAGa,EAAO,WAACb,QAAQa,EAAAA,WAAQ,QAAUb,KAAU,MAChEa,aAAQZ,MAEXG,IAEH,EAGS,MAAAY,EAAcX,EAAAA,WAAMY,WAAWrB"}
+{"version":3,"file":"FormControl.cjs.js","sources":["../../../../../../src/components/Form/FormControl/FormControl.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormControl.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: ReactElement | ReactElement[] | null;\n  grid?: 1 | 2 | 3;\n  align?: \"top\" | \"start\" | \"middle\" | \"center\" | \"bottom\" | \"end\" | \"stretch\";\n  disabled?: boolean;\n}\n\nconst FormControlComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, disabled, className, grid, align = \"center\", ...rest }: Props,\n  ref\n) => {\n  const renderChildren = () =>\n    React.Children.map(children, child => {\n      if (!child) {\n        return null;\n      }\n\n      const childElement = React.cloneElement(child, {\n        disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n      });\n\n      if (grid && grid > 1) {\n        return <div className={`${classes[\"col-\" + grid]} ${classes.column}`}>{childElement}</div>;\n      }\n\n      return childElement;\n    });\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-formcontrol\n      className={`${classes[\"form-control\"]} ${className ? className : \"\"} ${\n        grid && grid > 1 ? `${classes.grid} ${classes[\"grid-\" + grid]}` : \"\"\n      } ${classes[align]}`}\n    >\n      {renderChildren()}\n    </div>\n  );\n};\n\nexport const FormControl = React.forwardRef(FormControlComponent);\n"],"names":["FormControl","React","forwardRef","children","disabled","className","grid","align","rest","ref","createElement","classes","default","Children","map","child","childElement","cloneElement","undefined","props","column"],"mappings":"kFA0BA,MAmCaA,EAAcC,EAAMC,YAnC6C,EAC1EC,WAAUC,WAAUC,YAAWC,OAAMC,QAAQ,YAAaC,GAC5DC,IAoBER,EAAAS,cAAA,MAAA,IACMF,EACJC,IAAKA,EAAG,oBAAA,EAERJ,UAAW,GAAGM,EAAOC,QAAC,mBAAmBP,GAAwB,MAC/DC,GAAQA,EAAO,EAAI,GAAGK,EAAOC,QAACN,QAAQK,EAAAA,QAAQ,QAAUL,KAAU,MAChEK,UAAQJ,MAvBdN,EAAMY,SAASC,IAAIX,GAAUY,IAC3B,IAAKA,EACH,OAAO,KAGT,MAAMC,EAAef,EAAMgB,aAAaF,EAAO,CAC7CX,cAAmCc,IAAzBH,EAAMI,MAAMf,SAAyBW,EAAMI,MAAMf,SAAWA,IAGxE,OAAIE,GAAQA,EAAO,EACVL,uBAAKI,UAAW,GAAGM,UAAQ,OAASL,MAASK,EAAOC,QAACQ,UAAWJ,GAGlEA,CAAY"}

package/dist/cjs/Form/FormControl/FormControl.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FormControl-module_form-control__fX4me{font-size:var(--form-control-font-size)}.FormControl-module_form-control__fX4me+.FormControl-module_form-control__fX4me{margin-top:1rem}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG{display:flex;flex-wrap:wrap;gap:1rem}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_center__If3GP,.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_middle__3AyLd{align-items:center}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_start__JRgKQ,.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_top__vpPcL{align-items:flex-start}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_bottom__g7tpy,.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_end__WCMNP{align-items:flex-end}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_stretch__dY1Yz{align-items:stretch}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_stretch__dY1Yz>*>*{box-sizing:border-box;height:100%}.FormControl-module_column__nMKOr{flex-grow:1;flex-shrink:0}.FormControl-module_col-2__ml1Ue{flex-basis:calc(50% - 0.5rem)}.FormControl-module_col-3__zsRyl{flex-basis:calc(33.33333% - 0.66667rem)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Db250cm9sLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysd0NBQ0UsdUNBQ0YsQ0FDQSxnRkFDRSxlQUNGLENBQ0EsdUVBQ0UsWUFBYSxDQUNiLGNBQWUsQ0FDZixRQUNGLENBQ0EsZ05BQ0Usa0JBQ0YsQ0FDQSw0TUFDRSxzQkFDRixDQUNBLDZNQUNFLG9CQUNGLENBQ0EseUdBQ0UsbUJBQ0YsQ0FDQSw2R0FDRSxxQkFBc0IsQ0FDdEIsV0FDRixDQUVBLGtDQUNFLFdBQVksQ0FDWixhQUNGLENBRUEsaUNBQ0UsNkJBQ0YsQ0FFQSxpQ0FDRSx1Q0FDRiIsImZpbGUiOiJGb3JtQ29udHJvbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZm9ybS1jb250cm9sIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbn1cbi5mb3JtLWNvbnRyb2wgKyAuZm9ybS1jb250cm9sIHtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cbi5mb3JtLWNvbnRyb2wuZ3JpZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZ2FwOiAxcmVtO1xufVxuLmZvcm0tY29udHJvbC5ncmlkLmNlbnRlciwgLmZvcm0tY29udHJvbC5ncmlkLm1pZGRsZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZm9ybS1jb250cm9sLmdyaWQuc3RhcnQsIC5mb3JtLWNvbnRyb2wuZ3JpZC50b3Age1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5mb3JtLWNvbnRyb2wuZ3JpZC5lbmQsIC5mb3JtLWNvbnRyb2wuZ3JpZC5ib3R0b20ge1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG59XG4uZm9ybS1jb250cm9sLmdyaWQuc3RyZXRjaCB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xufVxuLmZvcm0tY29udHJvbC5ncmlkLnN0cmV0Y2ggPiAqID4gKiB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLmNvbHVtbiB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5jb2wtMiB7XG4gIGZsZXgtYmFzaXM6IGNhbGMoKDEwMCUgLSAxcmVtKSAvIDIpO1xufVxuXG4uY29sLTMge1xuICBmbGV4LWJhc2lzOiBjYWxjKCgxMDAlIC0gMnJlbSkgLyAzKTtcbn0iXX0= */'),exports.default={"form-control":"FormControl-module_form-control__fX4me",grid:"FormControl-module_grid__ztjsG",center:"FormControl-module_center__If3GP",middle:"FormControl-module_middle__3AyLd",start:"FormControl-module_start__JRgKQ",top:"FormControl-module_top__vpPcL",end:"FormControl-module_end__WCMNP",bottom:"FormControl-module_bottom__g7tpy",stretch:"FormControl-module_stretch__dY1Yz",column:"FormControl-module_column__nMKOr","col-2":"FormControl-module_col-2__ml1Ue","col-3":"FormControl-module_col-3__zsRyl"};
+//# sourceMappingURL=FormControl.module.scss.cjs.js.map

package/dist/cjs/Form/FormControl/FormControl.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Form/FormGroup/FormGroup.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./FormGroup.module.cjs.js");var a=require("../FormHelperText/FormHelperText.cjs.js");var l=require("../../Icon/Icon.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var t=o(e);const s=({children:e,className:o,error:s,errorMessage:d,errorId:c,errorMessageIcon:u,errorMessageIconPosition:n="before",helperText:i,helperId:f,helperProps:m,disabled:v,...p},N)=>{const b=(m===null||m===void 0?void 0:m.disabled)!==void 0?m===null||m===void 0?void 0:m.disabled:v;return t["default"].createElement("div",{...p,ref:N,className:`${r["default"]["form-group"]} ${o!==null&&o!==void 0?o:""}`},e,(i||d&&s)&&t["default"].createElement("div",{className:`${r["default"]["default-helper"]} ${(m===null||m===void 0?void 0:m.className)?m.className:""}`},(i&&!s||i&&s&&!d)&&t["default"].createElement(a.FormHelperText,{...m,className:"",id:f,disabled:b},(m===null||m===void 0?void 0:m.children)||i),s&&d&&t["default"].createElement("span",{className:r["default"]["error-message"]},t["default"].createElement("span",{id:c,className:r["default"].message},u&&n==="before"&&t["default"].createElement(l.Icon,{className:`${r["default"]["error-icon"]} ${r["default"]["error-icon-before"]}`,icon:u}),d,u&&n==="after"&&t["default"].createElement(l.Icon,{className:`${r["default"]["error-icon"]} ${r["default"]["error-icon-after"]}`,icon:u})))))};const d=t["default"].forwardRef(s);exports.FormGroup=d;
+"use strict";var e=require("react"),r=require("./FormGroup.module.scss.cjs.js"),a=require("../FormHelperText/FormHelperText.cjs.js"),s=require("../../Icon/Icon.cjs.js");const l=e.forwardRef((({children:l,className:o,error:c,errorMessage:t,errorId:d,errorMessageIcon:n,errorMessageIconPosition:i="before",helperText:m,helperId:u,helperProps:f,disabled:p,...N},v)=>{const I=void 0!==(null==f?void 0:f.disabled)?null==f?void 0:f.disabled:p;return e.createElement("div",{...N,ref:v,className:`${r.default["form-group"]} ${null!=o?o:""}`},l,(m||t&&c)&&e.createElement("div",{className:`${r.default["default-helper"]} ${(null==f?void 0:f.className)?f.className:""}`},(m&&!c||m&&c&&!t)&&e.createElement(a.FormHelperText,{...f,className:"",id:u,disabled:I},(null==f?void 0:f.children)||m),c&&t&&e.createElement("span",{className:r.default["error-message"]},e.createElement("span",{id:d,className:r.default.message},n&&"before"===i&&e.createElement(s.Icon,{className:`${r.default["error-icon"]} ${r.default["error-icon-before"]}`,icon:n}),t,n&&"after"===i&&e.createElement(s.Icon,{className:`${r.default["error-icon"]} ${r.default["error-icon-after"]}`,icon:n})))))}));exports.FormGroup=l;
 //# sourceMappingURL=FormGroup.cjs.js.map

package/dist/cjs/Form/FormGroup/FormGroup.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.cjs.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/** The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {(helperText || (errorMessage && error)) && (\n        <div\n          className={`${classes[\"default-helper\"]} ${\n            helperProps?.className ? helperProps.className : \"\"\n          }`}\n        >\n          {((helperText && !error) || (helperText && error && !errorMessage)) && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n          {error && errorMessage && (\n            <span className={classes[\"error-message\"]}>\n              <span id={errorId} className={classes.message}>\n                {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n                {errorMessage}\n                {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n              </span>\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":["FormGroupComponent","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","helperText","helperId","helperProps","disabled","rest","ref","disableHelperText","undefined","React","classes","createElement","FormHelperText","id","message","Icon","icon","FormGroup","forwardRef"],"mappings":"6TAoCA,MAAMA,EAAsE,EAExEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BAA2B,SAC3BC,aACAC,WACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,GAAoBJ,IAAW,MAAXA,SAAW,OAAA,EAAXA,EAAaC,iBAAaI,EAAYL,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaC,SAAWA,EAExF,OACEK,qCAASJ,EAAMC,IAAKA,EAAKX,UAAW,GAAGe,EAAAA,WAAQ,iBAAiBf,IAAS,MAATA,SAAA,EAAAA,EAAa,MAC1ED,GAECO,GAAeJ,GAAgBD,IAC/Ba,EAAAA,gCACEd,UAAW,GAAGe,EAAO,WAAC,sBACpBP,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaR,WAAYQ,EAAYR,UAAY,OAGhDM,IAAeL,GAAWK,GAAcL,IAAUC,IACnDY,EAAAA,WAAAE,cAACC,EAAAA,eAAc,IACTT,EACJR,UAAW,GACXkB,GAAIX,EACJE,SAAUG,IAETJ,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaT,WAAYO,GAG7BL,GAASC,GACRY,EAAAA,WAAAE,cAAA,OAAA,CAAMhB,UAAWe,aAAQ,kBACvBD,aAAME,cAAA,OAAA,CAAAE,GAAIf,EAASH,UAAWe,EAAO,WAACI,SACnCf,GAAoBC,IAA6B,UAChDS,EAAA,WAAAE,cAACI,OAAI,CACHpB,UAAW,GAAGe,EAAAA,WAAQ,iBAAiBA,EAAAA,WAAQ,uBAC/CM,KAAMjB,IAGTF,EACAE,GAAoBC,IAA6B,SAChDS,aAAAE,cAACI,EAAIA,KAAA,CACHpB,UAAW,GAAGe,EAAAA,WAAQ,iBAAiBA,aAAQ,sBAC/CM,KAAMjB,OAStB,EAGS,MAAAkB,EAAYR,EAAAA,WAAMS,WAAWzB"}
+{"version":3,"file":"FormGroup.cjs.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/** The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {(helperText || (errorMessage && error)) && (\n        <div\n          className={`${classes[\"default-helper\"]} ${\n            helperProps?.className ? helperProps.className : \"\"\n          }`}\n        >\n          {((helperText && !error) || (helperText && error && !errorMessage)) && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n          {error && errorMessage && (\n            <span className={classes[\"error-message\"]}>\n              <span id={errorId} className={classes.message}>\n                {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n                {errorMessage}\n                {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n              </span>\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":["FormGroup","React","forwardRef","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","helperText","helperId","helperProps","disabled","rest","ref","disableHelperText","undefined","classes","default","createElement","FormHelperText","id","message","Icon","icon"],"mappings":"yKAoCA,MAgEaA,EAAYC,EAAMC,YAhE6C,EAExEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BAA2B,SAC3BC,aACAC,WACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,OAA8CC,KAA1BL,aAAW,EAAXA,EAAaC,UAAyBD,aAAA,EAAAA,EAAaC,SAAWA,EAExF,OACEZ,0BAASa,EAAMC,IAAKA,EAAKX,UAAW,GAAGc,EAAAA,QAAQ,iBAAiBd,QAAAA,EAAa,MAC1ED,GAECO,GAAeJ,GAAgBD,IAC/BJ,uBACEG,UAAW,GAAGc,EAAOC,QAAC,sBACpBP,aAAA,EAAAA,EAAaR,WAAYQ,EAAYR,UAAY,OAGhDM,IAAeL,GAAWK,GAAcL,IAAUC,IACnDL,EAAAmB,cAACC,EAAAA,eAAc,IACTT,EACJR,UAAW,GACXkB,GAAIX,EACJE,SAAUG,IAETJ,aAAA,EAAAA,EAAaT,WAAYO,GAG7BL,GAASC,GACRL,EAAAmB,cAAA,OAAA,CAAMhB,UAAWc,UAAQ,kBACvBjB,EAAMmB,cAAA,OAAA,CAAAE,GAAIf,EAASH,UAAWc,EAAOC,QAACI,SACnCf,GAAiD,WAA7BC,GACnBR,EAAAmB,cAACI,OAAI,CACHpB,UAAW,GAAGc,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ,uBAC/CO,KAAMjB,IAGTF,EACAE,GAAiD,UAA7BC,GACnBR,EAAAmB,cAACI,EAAIA,KAAA,CACHpB,UAAW,GAAGc,EAAAA,QAAQ,iBAAiBA,UAAQ,sBAC/CO,KAAMjB,OAStB"}

package/dist/cjs/Form/FormGroup/FormGroup.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FormGroup-module_form-group__zY2Pc{position:relative}.FormGroup-module_error-message__OftB-{align-items:flex-end;color:var(--error);display:flex}.FormGroup-module_error-icon__kwXNX{font-size:1.25rem;margin-right:.5rem}.FormGroup-module_error-icon-before__tbw62{margin-right:.5rem}.FormGroup-module_error-icon-after__LjCEe{margin-left:.5rem}.FormGroup-module_default-helper__xoVsQ{font-size:.75rem;line-height:1.33333333}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Hcm91cC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG9DQUNFLGlCQUNGLENBRUEsdUNBR0Usb0JBQXFCLENBRnJCLGtCQUFtQixDQUNuQixZQUVGLENBRUEsb0NBRUUsaUJBQWtCLENBRGxCLGtCQUVGLENBQ0EsMkNBQ0Usa0JBQ0YsQ0FDQSwwQ0FDRSxpQkFDRixDQUVBLHdDQUNFLGdCQUFrQixDQUNsQixzQkFDRiIsImZpbGUiOiJGb3JtR3JvdXAubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZvcm0tZ3JvdXAge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xufVxuXG4uZXJyb3ItaWNvbiB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uZXJyb3ItaWNvbi1iZWZvcmUge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbn1cbi5lcnJvci1pY29uLWFmdGVyIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLmRlZmF1bHQtaGVscGVyIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMS4zMzMzMzMzMztcbn0iXX0= */'),exports.default={"form-group":"FormGroup-module_form-group__zY2Pc","error-message":"FormGroup-module_error-message__OftB-","error-icon":"FormGroup-module_error-icon__kwXNX","error-icon-before":"FormGroup-module_error-icon-before__tbw62","error-icon-after":"FormGroup-module_error-icon-after__LjCEe","default-helper":"FormGroup-module_default-helper__xoVsQ"};
+//# sourceMappingURL=FormGroup.module.scss.cjs.js.map

package/dist/cjs/Form/FormGroup/FormGroup.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Form/FormHelperText/FormHelperText.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./FormHelperText.module.cjs.js");var t=require("../../Typography/Typography.cjs.js");function a(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var s=a(e);const u=({children:e,error:a,disabled:u,className:o,...l},d)=>{const p=[r["default"]["form-helper-text"]];a&&p.push(r["default"]["error"]);u&&p.push(r["default"]["disabled"]);o&&p.push(o);return s["default"].createElement(t.Typography,{...l,ref:d,variant:"sub-text",tag:"div",className:p.join(" ")},e)};const o=s["default"].forwardRef(u);exports.FormHelperText=o;
+"use strict";var e=require("react"),r=require("./FormHelperText.module.scss.cjs.js"),s=require("../../Typography/Typography.cjs.js");const t=e.forwardRef((({children:t,error:a,disabled:o,className:l,...p},u)=>{const c=[r.default["form-helper-text"]];return a&&c.push(r.default.error),o&&c.push(r.default.disabled),l&&c.push(l),e.createElement(s.Typography,{...p,ref:u,variant:"sub-text",tag:"div",className:c.join(" ")},t)}));exports.FormHelperText=t;
 //# sourceMappingURL=FormHelperText.cjs.js.map

package/dist/cjs/Form/FormHelperText/FormHelperText.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHelperText.cjs.js","sources":["../../../../../../src/components/Form/FormHelperText/FormHelperText.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./FormHelperText.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormElement {\n  children?: ReactNode;\n  disabled?: boolean;\n}\n\nconst FormHelperTextComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, error, disabled, className, ...rest }: Props,\n  ref\n) => {\n  const classNames = [classes[\"form-helper-text\"]];\n  error && classNames.push(classes[\"error\"]);\n  disabled && classNames.push(classes[\"disabled\"]);\n  className && classNames.push(className);\n\n  return (\n    <Typography {...rest} ref={ref} variant=\"sub-text\" tag=\"div\" className={classNames.join(\" \")}>\n      {children}\n    </Typography>\n  );\n};\n\nexport const FormHelperText = React.forwardRef(FormHelperTextComponent);\n"],"names":["FormHelperTextComponent","children","error","disabled","className","rest","ref","classNames","classes","push","React","createElement","Typography","variant","tag","join","FormHelperText","forwardRef"],"mappings":"qRA0BA,MAAMA,EAA2E,EAC7EC,WAAUC,QAAOC,WAAUC,eAAcC,GAC3CC,KAEA,MAAMC,EAAa,CAACC,aAAQ,qBAC5BN,GAASK,EAAWE,KAAKD,EAAAA,WAAQ,UACjCL,GAAYI,EAAWE,KAAKD,EAAAA,WAAQ,aACpCJ,GAAaG,EAAWE,KAAKL,GAE7B,OACEM,EAAAA,WAAAC,cAACC,EAAUA,WAAA,IAAKP,EAAMC,IAAKA,EAAKO,QAAQ,WAAWC,IAAI,MAAMV,UAAWG,EAAWQ,KAAK,MACrFd,EAEH,EAGS,MAAAe,EAAiBN,EAAAA,WAAMO,WAAWjB"}
+{"version":3,"file":"FormHelperText.cjs.js","sources":["../../../../../../src/components/Form/FormHelperText/FormHelperText.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./FormHelperText.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormElement {\n  children?: ReactNode;\n  disabled?: boolean;\n}\n\nconst FormHelperTextComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, error, disabled, className, ...rest }: Props,\n  ref\n) => {\n  const classNames = [classes[\"form-helper-text\"]];\n  error && classNames.push(classes[\"error\"]);\n  disabled && classNames.push(classes[\"disabled\"]);\n  className && classNames.push(className);\n\n  return (\n    <Typography {...rest} ref={ref} variant=\"sub-text\" tag=\"div\" className={classNames.join(\" \")}>\n      {children}\n    </Typography>\n  );\n};\n\nexport const FormHelperText = React.forwardRef(FormHelperTextComponent);\n"],"names":["FormHelperText","React","forwardRef","children","error","disabled","className","rest","ref","classNames","classes","push","createElement","Typography","variant","tag","join"],"mappings":"qIA0BA,MAgBaA,EAAiBC,EAAMC,YAhB6C,EAC7EC,WAAUC,QAAOC,WAAUC,eAAcC,GAC3CC,KAEA,MAAMC,EAAa,CAACC,UAAQ,qBAK5B,OAJAN,GAASK,EAAWE,KAAKD,EAAAA,QAAe,OACxCL,GAAYI,EAAWE,KAAKD,EAAAA,QAAkB,UAC9CJ,GAAaG,EAAWE,KAAKL,GAG3BL,EAAAW,cAACC,EAAUA,WAAA,IAAKN,EAAMC,IAAKA,EAAKM,QAAQ,WAAWC,IAAI,MAAMT,UAAWG,EAAWO,KAAK,MACrFb,EAEH"}

package/dist/cjs/Form/FormHelperText/FormHelperText.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0RBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSwwQ0FDRSx1QkFDRixDQUVBLHVDQUNFLGtCQUNGIiwiZmlsZSI6IkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWhlbHBlci10ZXh0LWNvbG9yKTtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuZGl2LmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuXG5kaXYuZXJyb3Ige1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */'),exports.default={"form-helper-text":"FormHelperText-module_form-helper-text__zCO1K",disabled:"FormHelperText-module_disabled__zvbtp",error:"FormHelperText-module_error__cTlPz"};
+//# sourceMappingURL=FormHelperText.module.scss.cjs.js.map

package/dist/cjs/Form/FormHelperText/FormHelperText.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHelperText.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Form/FormSelectorWrapper/FormSelectorWrapper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("../FormHelperText/FormHelperText.cjs.js");var l=require("./FormSelectorWrapper.module.cjs.js");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var a=t(e);const d=({children:t,className:d,nestedChildren:o,containerProps:i,helperProps:s,error:n,disabled:u,helperText:c,errorMessage:f,parentErrorId:v,errorId:p,identifier:m,...h},x)=>{var $,j;const E=($=s===null||s===void 0?void 0:s.ref)!==null&&$!==void 0?$:e.createRef();return a["default"].createElement("div",{...h,ref:x,className:`${n?l["default"]["error"]:""} ${u?l["default"]["disabled"]:""} ${d!==null&&d!==void 0?d:""}`},a["default"].createElement("div",{...i},t),(c||(s===null||s===void 0?void 0:s.children))&&a["default"].createElement(r.FormHelperText,{...s,ref:E,id:`${m}`,className:`${l["default"]["helper-text"]} ${(j=s===null||s===void 0?void 0:s.className)!==null&&j!==void 0?j:""} ${n?l["default"]["error"]:""}`},n?a["default"].createElement("span",{className:l["default"]["error-message"],id:p},f):(s===null||s===void 0?void 0:s.children)||c),o)};const o=a["default"].forwardRef(d);exports.FormSelectorWrapper=o;
+"use strict";var e=require("react"),r=require("../FormHelperText/FormHelperText.cjs.js"),l=require("./FormSelectorWrapper.module.scss.cjs.js");const a=e.forwardRef((({children:a,className:t,nestedChildren:s,containerProps:d,helperProps:o,error:i,disabled:n,helperText:c,errorMessage:u,parentErrorId:m,errorId:p,identifier:f,...v},h)=>{var $,x;const E=null!==($=null==o?void 0:o.ref)&&void 0!==$?$:e.createRef();return e.createElement("div",{...v,ref:h,className:`${i?l.default.error:""} ${n?l.default.disabled:""} ${null!=t?t:""}`},e.createElement("div",{...d},a),(c||(null==o?void 0:o.children))&&e.createElement(r.FormHelperText,{...o,ref:E,id:`${f}`,className:`${l.default["helper-text"]} ${null!==(x=null==o?void 0:o.className)&&void 0!==x?x:""} ${i?l.default.error:""}`},i?e.createElement("span",{className:l.default["error-message"],id:p},u):(null==o?void 0:o.children)||c),s)}));exports.FormSelectorWrapper=a;
 //# sourceMappingURL=FormSelectorWrapper.cjs.js.map

package/dist/cjs/Form/FormSelectorWrapper/FormSelectorWrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelectorWrapper.cjs.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n  children?: ReactNode;\n  nestedChildren?: ReactNode;\n  containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n  helperProps?: FormHelperTextProps;\n  disabled?: boolean;\n  errorId?: string;\n  identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    nestedChildren,\n    containerProps,\n    helperProps,\n    error,\n    disabled,\n    helperText,\n    errorMessage,\n    parentErrorId,\n    errorId,\n    identifier,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div {...containerProps}>{children}</div>\n      {(helperText || helperProps?.children) && (\n        <FormHelperText\n          {...helperProps}\n          ref={helperRef}\n          id={`${identifier}`}\n          className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n            error ? classes[\"error\"] : \"\"\n          }`}\n        >\n          {error ? (\n            <span className={classes[\"error-message\"]} id={errorId}>\n              {errorMessage}\n            </span>\n          ) : (\n            helperProps?.children || helperText\n          )}\n        </FormHelperText>\n      )}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":["FormSelectorWrapperComponent","children","className","nestedChildren","containerProps","helperProps","error","disabled","helperText","errorMessage","parentErrorId","errorId","identifier","rest","ref","helperRef","_a","createRef","React","classes","createElement","FormHelperText","id","_b","FormSelectorWrapper","forwardRef"],"mappings":"+RAqCA,MAAMA,EAAgF,EAElFC,WACAC,YACAC,iBACAC,iBACAC,cACAC,QACAC,WACAC,aACAC,eACAC,gBACAC,UACAC,gBACGC,GAELC,aAEA,MAAMC,GAAYC,EAAAX,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaS,OAAO,MAAAE,SAAA,EAAAA,EAAAC,EAAAA,YAEtC,OACEC,qCACML,EACJC,IAAKA,EACLZ,UAAW,GAAGI,EAAQa,EAAO,WAAC,SAAW,MAAMZ,EAAWY,EAAO,WAAC,YAAc,MAC9EjB,IAAA,MAAAA,WAAAA,EAAa,MAGfgB,EAAS,WAAAE,cAAA,MAAA,IAAAhB,GAAiBH,IACxBO,IAAcH,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaJ,YAC3BiB,2BAACG,EAAAA,eAAc,IACThB,EACJS,IAAKC,EACLO,GAAI,GAAGV,IACPV,UAAW,GAAGiB,EAAAA,WAAQ,mBAAkBI,EAAAlB,UAAAA,SAAW,OAAA,EAAXA,EAAaH,aAAa,MAAAqB,SAAA,EAAAA,EAAA,MAChEjB,EAAQa,EAAAA,WAAQ,SAAW,MAG5Bb,EACCY,mCAAMhB,UAAWiB,EAAO,WAAC,iBAAkBG,GAAIX,GAC5CF,IAGHJ,IAAA,MAAAA,kBAAAA,EAAaJ,WAAYO,GAI9BL,EAEH,EAGS,MAAAqB,EAAsBN,EAAAA,WAAMO,WAAWzB"}
+{"version":3,"file":"FormSelectorWrapper.cjs.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n  children?: ReactNode;\n  nestedChildren?: ReactNode;\n  containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n  helperProps?: FormHelperTextProps;\n  disabled?: boolean;\n  errorId?: string;\n  identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    nestedChildren,\n    containerProps,\n    helperProps,\n    error,\n    disabled,\n    helperText,\n    errorMessage,\n    parentErrorId,\n    errorId,\n    identifier,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div {...containerProps}>{children}</div>\n      {(helperText || helperProps?.children) && (\n        <FormHelperText\n          {...helperProps}\n          ref={helperRef}\n          id={`${identifier}`}\n          className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n            error ? classes[\"error\"] : \"\"\n          }`}\n        >\n          {error ? (\n            <span className={classes[\"error-message\"]} id={errorId}>\n              {errorMessage}\n            </span>\n          ) : (\n            helperProps?.children || helperText\n          )}\n        </FormHelperText>\n      )}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":["FormSelectorWrapper","React","forwardRef","children","className","nestedChildren","containerProps","helperProps","error","disabled","helperText","errorMessage","parentErrorId","errorId","identifier","rest","ref","helperRef","_a","createRef","classes","default","createElement","FormHelperText","id","_b"],"mappings":"+IAqCA,MAoDaA,EAAsBC,EAAMC,YApD6C,EAElFC,WACAC,YACAC,iBACAC,iBACAC,cACAC,QACAC,WACAC,aACAC,eACAC,gBACAC,UACAC,gBACGC,GAELC,aAEA,MAAMC,EAAgC,QAApBC,EAAAX,aAAA,EAAAA,EAAaS,WAAO,IAAAE,EAAAA,EAAAC,EAAAA,YAEtC,OACElB,0BACMc,EACJC,IAAKA,EACLZ,UAAW,GAAGI,EAAQY,EAAOC,QAAQ,MAAI,MAAMZ,EAAWW,EAAOC,QAAW,SAAI,MAC9EjB,QAAAA,EAAa,MAGfH,EAASqB,cAAA,MAAA,IAAAhB,GAAiBH,IACxBO,IAAcH,aAAA,EAAAA,EAAaJ,YAC3BF,gBAACsB,EAAAA,eAAc,IACThB,EACJS,IAAKC,EACLO,GAAI,GAAGV,IACPV,UAAW,GAAGgB,EAAAA,QAAQ,kBAA4C,QAA1BK,EAAAlB,aAAW,EAAXA,EAAaH,iBAAa,IAAAqB,EAAAA,EAAA,MAChEjB,EAAQY,EAAAA,QAAe,MAAI,MAG5BZ,EACCP,wBAAMG,UAAWgB,EAAOC,QAAC,iBAAkBG,GAAIX,GAC5CF,IAGHJ,eAAAA,EAAaJ,WAAYO,GAI9BL,EAEH"}

package/dist/cjs/Form/FormSelectorWrapper/FormSelectorWrapper.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FormSelectorWrapper-module_error__QfvpX input+span{border-radius:2px;outline:var(--error) solid 1px;outline-offset:-1px;overflow:hidden}.FormSelectorWrapper-module_helper-text__uXsbs{margin-left:1.75rem;margin-top:.25rem}.FormSelectorWrapper-module_error-message__6olsK{color:var(--error)}.FormSelectorWrapper-module_disabled__hlvKT input{color:var(--disabled)}.FormSelectorWrapper-module_disabled__hlvKT input:disabled,.FormSelectorWrapper-module_disabled__hlvKT label{cursor:not-allowed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZWxlY3RvcldyYXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvREFHRSxpQkFBa0IsQ0FGbEIsOEJBQStCLENBQy9CLG1CQUFvQixDQUVwQixlQUNGLENBRUEsK0NBRUUsbUJBQW9CLENBRHBCLGlCQUVGLENBRUEsaURBQ0Usa0JBQ0YsQ0FFQSxrREFDRSxxQkFDRixDQUlBLDZHQUNFLGtCQUNGIiwiZmlsZSI6IkZvcm1TZWxlY3RvcldyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmVycm9yIGlucHV0ICsgc3BhbiB7XG4gIG91dGxpbmU6IHZhcigtLWVycm9yKSBzb2xpZCAxcHg7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5oZWxwZXItdGV4dCB7XG4gIG1hcmdpbi10b3A6IDAuMjVyZW07XG4gIG1hcmdpbi1sZWZ0OiAxLjc1cmVtO1xufVxuXG4uZXJyb3ItbWVzc2FnZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbi5kaXNhYmxlZCBpbnB1dCB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4uZGlzYWJsZWQgaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmRpc2FibGVkIGxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn0iXX0= */'),exports.default={error:"FormSelectorWrapper-module_error__QfvpX","helper-text":"FormSelectorWrapper-module_helper-text__uXsbs","error-message":"FormSelectorWrapper-module_error-message__6olsK",disabled:"FormSelectorWrapper-module_disabled__hlvKT"};
+//# sourceMappingURL=FormSelectorWrapper.module.scss.cjs.js.map

package/dist/cjs/Form/FormSelectorWrapper/FormSelectorWrapper.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelectorWrapper.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Form/Input/Input.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var s=require("./Input.module.cjs.js");var t=require("../../src/readyclasses.module.cjs.js");var a=require("../../src/hooks/useDetermineStatusIcon.cjs.js");function u(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=u(e);const r=["date","time","datetime-local"];const d=({error:u=false,success:d=false,className:n,name:f,style:o,wrapperProps:c,type:i,labeledBy:p,prefix:m,suffix:h,disabled:v,onFocus:y,onBlur:j,...x},b)=>{var E;const[N,w]=e.useState(false);const I=e.useRef(null);const k=e.useRef(null);e.useEffect((()=>{if(f===void 0)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const q=[s["default"]["input"]];const B=e=>typeof e==="string"?l["default"].createElement("span",null,e):e;r.includes(i)&&q.push(s["default"]["shrink-width-for-date-icon"]);n&&q.push(n);const P=[s["default"]["input-wrapper"]];const R=[s["default"]["outline"]];(c===null||c===void 0?void 0:c.className)&&P.push(c.className);i==="hidden"&&P.push(t["default"]["hidden"]);m&&P.push(s["default"]["prefix"]);h&&P.push(s["default"]["suffix"]);v&&P.push(s["default"]["disabled"])&&R.push(s["default"]["disabled"]);u&&P.push(s["default"]["error"])&&R.push(s["default"]["error"]);N&&P.push(s["default"]["focus"])&&R.push(s["default"]["focus"]);d&&P.push(s["default"]["success"]);const S=a.useDetermineStatusIcon({success:d,error:u});return l["default"].createElement("div",{ref:I,...c,style:{...o},className:`${s["default"]["input-wrapper"]} ${P.join(" ")}`},m&&l["default"].createElement("div",{"data-prefix":true,className:s["default"]["prefix"]},B(m)),l["default"].createElement("input",{...x,ref:b,onFocus:e=>{w(true);y===null||y===void 0?void 0:y(e)},onBlur:e=>{w(false);j===null||j===void 0?void 0:j(e)},"aria-labelledby":p,type:i,name:f,disabled:v,className:q.join(" "),spellCheck:(E=x.spellCheck)!==null&&E!==void 0?E:false}),S,h&&l["default"].createElement("div",{ref:k,"data-suffix":true,className:s["default"]["suffix"]},B(h)),l["default"].createElement("span",{className:R.join(" ")}))};const n=l["default"].forwardRef(d);exports.Input=n;exports.dateTypes=r;
+"use strict";var e=require("react"),s=require("./Input.module.scss.cjs.js"),t=require("../../src/readyclasses.module.scss.cjs.js"),u=require("../../src/hooks/useDetermineStatusIcon.cjs.js");const a=["date","time","datetime-local"],l=e.forwardRef((({error:l=!1,success:r=!1,className:n,name:d,style:c,wrapperProps:i,type:f,labeledBy:o,prefix:p,suffix:m,disabled:h,onFocus:x,onBlur:y,...j},v)=>{var b;const[E,N]=e.useState(!1),w=e.useRef(null),I=e.useRef(null);e.useEffect((()=>{if(void 0===d)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const k=[s.default.input],q=s=>"string"==typeof s?e.createElement("span",null,s):s;a.includes(f)&&k.push(s.default["shrink-width-for-date-icon"]),n&&k.push(n);const B=[s.default["input-wrapper"]],R=[s.default.outline];(null==i?void 0:i.className)&&B.push(i.className),"hidden"===f&&B.push(t.default.hidden),p&&B.push(s.default.prefix),m&&B.push(s.default.suffix),h&&B.push(s.default.disabled)&&R.push(s.default.disabled),l&&B.push(s.default.error)&&R.push(s.default.error),E&&B.push(s.default.focus)&&R.push(s.default.focus),r&&B.push(s.default.success);const S=u.useDetermineStatusIcon({success:r,error:l});return e.createElement("div",{ref:w,...i,style:{...c},className:`${s.default["input-wrapper"]} ${B.join(" ")}`},p&&e.createElement("div",{"data-prefix":!0,className:s.default.prefix},q(p)),e.createElement("input",{...j,ref:v,onFocus:e=>{N(!0),null==x||x(e)},onBlur:e=>{N(!1),null==y||y(e)},"aria-labelledby":o,type:f,name:d,disabled:h,className:k.join(" "),spellCheck:null!==(b=j.spellCheck)&&void 0!==b&&b}),S,m&&e.createElement("div",{ref:I,"data-suffix":!0,className:s.default.suffix},q(m)),e.createElement("span",{className:R.join(" ")}))}));exports.Input=l,exports.dateTypes=a;
 //# sourceMappingURL=Input.cjs.js.map

package/dist/cjs/Form/Input/Input.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs.js","sources":["../../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = React.forwardRef(InputComponent);\n"],"names":["dateTypes","InputComponent","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","undefined","Error","inputClassNames","classes","renderElement","el","React","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","icon","useDetermineStatusIcon","join","event","spellCheck","_a","Input","forwardRef"],"mappings":"6UA+Ba,MAAAA,EAAY,CAAC,OAAQ,OAAQ,kBAyB1C,MAAMC,EAAoE,EAEtEC,QAAQ,MACRC,UAAU,MACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,YACGC,GAELC,WAEA,MAAOC,EAAOC,GAAYC,EAAQA,SAAC,OACnC,MAAMC,EAAkBC,SAAuB,MAC/C,MAAMC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,KACR,GAAIlB,SAASmB,EACX,MAAM,IAAIC,MAAM,0DACjB,GACA,IAEH,MAAMC,EAAkB,CAACC,aAAQ,UAEjC,MAAMC,EAAiBC,UACPA,IAAO,SAAWC,aAAOC,cAAA,OAAA,KAAAF,GAAaA,EAGrD7B,EAAoCgC,SAASxB,IAC5CkB,EAAgBO,KAAKN,aAAQ,+BAC/BvB,GAAasB,EAAgBO,KAAK7B,GAElC,MAAM8B,EAAiB,CAACP,aAAQ,kBAChC,MAAMQ,EAAiB,CAACR,aAAQ,aAEhCpB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAcH,YAAa8B,EAAeD,KAAK1B,EAAaH,WAC5DI,IAAS,UAAY0B,EAAeD,KAAKG,EAAY,WAAC,WACtD1B,GAAUwB,EAAeD,KAAKN,EAAAA,WAAQ,WACtChB,GAAUuB,EAAeD,KAAKN,EAAAA,WAAQ,WACtCf,GAAYsB,EAAeD,KAAKN,EAAAA,WAAQ,cAAgBQ,EAAeF,KAAKN,aAAQ,aACpFzB,GAASgC,EAAeD,KAAKN,EAAAA,WAAQ,WAAaQ,EAAeF,KAAKN,aAAQ,UAC9EV,GAASiB,EAAeD,KAAKN,EAAAA,WAAQ,WAAaQ,EAAeF,KAAKN,aAAQ,UAC9ExB,GAAW+B,EAAeD,KAAKN,EAAAA,WAAQ,YAEvC,MAAMU,EAAOC,EAAsBA,uBAAC,CAAEnC,UAASD,UAE/C,OACE4B,EAAA,WAAAC,cAAA,MAAA,CACEf,IAAKI,KACDb,EACJD,MAAO,IAAKA,GACZF,UAAW,GAAGuB,EAAO,WAAC,oBAAoBO,EAAeK,KAAK,QAE7D7B,GACCoB,EAAAA,WAAiBC,cAAA,MAAA,CAAA,cAAA,KAAA3B,UAAWuB,EAAAA,WAAQ,WACjCC,EAAclB,IAGnBoB,aACMC,cAAA,QAAA,IAAAhB,EACJC,IAAKA,EACLH,QAAS2B,IACPtB,EAAS,MACTL,UAAAA,SAAO,OAAA,EAAPA,EAAU2B,EAAM,EAElB1B,OAAQ0B,IACNtB,EAAS,OACTJ,UAAAA,SAAM,OAAA,EAANA,EAAS0B,EAAM,EAEA,kBAAA/B,EACjBD,KAAMA,EACNH,KAAMA,EACNO,SAAUA,EACVR,UAAWsB,EAAgBa,KAAK,KAChCE,YAAYC,EAAA3B,EAAK0B,cAAU,MAAAC,SAAA,EAAAA,EAAI,QAEhCL,EACA1B,GACCmB,EAAA,WAAAC,cAAA,MAAA,CAAKf,IAAKM,qBAAuBlB,UAAWuB,EAAO,WAAC,WACjDC,EAAcjB,IAInBmB,aAAMC,cAAA,OAAA,CAAA3B,UAAW+B,EAAeI,KAAK,OAEvC,EAGS,MAAAI,EAAQb,EAAAA,WAAMc,WAAW3C"}
+{"version":3,"file":"Input.cjs.js","sources":["../../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = React.forwardRef(InputComponent);\n"],"names":["dateTypes","Input","React","forwardRef","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","undefined","Error","inputClassNames","classes","renderElement","el","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","default","icon","useDetermineStatusIcon","join","event","spellCheck","_a"],"mappings":"8LA+Ba,MAAAA,EAAY,CAAC,OAAQ,OAAQ,kBAwH7BC,EAAQC,EAAMC,YA/F+C,EAEtEC,SAAQ,EACRC,WAAU,EACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,YACGC,GAELC,WAEA,MAAOC,EAAOC,GAAYC,EAAQA,UAAC,GAC7BC,EAAkBC,SAAuB,MACzCC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,KACR,QAAaC,IAATnB,EACF,MAAM,IAAIoB,MAAM,0DACjB,GACA,IAEH,MAAMC,EAAkB,CAACC,UAAe,OAElCC,EAAiBC,GACA,iBAAPA,EAAkB7B,EAAO8B,cAAA,OAAA,KAAAD,GAAaA,EAGrD/B,EAAoCiC,SAASvB,IAC5CkB,EAAgBM,KAAKL,UAAQ,+BAC/BvB,GAAasB,EAAgBM,KAAK5B,GAElC,MAAM6B,EAAiB,CAACN,UAAQ,kBAC1BO,EAAiB,CAACP,UAAiB,UAEzCpB,aAAA,EAAAA,EAAcH,YAAa6B,EAAeD,KAAKzB,EAAaH,WACnD,WAATI,GAAqByB,EAAeD,KAAKG,EAAYC,QAAS,QAC9D1B,GAAUuB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9ChB,GAAUsB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9Cf,GAAYqB,EAAeD,KAAKL,EAAAA,QAAkB,WAAMO,EAAeF,KAAKL,UAAkB,UAC9FzB,GAAS+B,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFV,GAASgB,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFxB,GAAW8B,EAAeD,KAAKL,EAAAA,QAAiB,SAEhD,MAAMU,EAAOC,EAAsBA,uBAAC,CAAEnC,UAASD,UAE/C,OACEF,EAAA8B,cAAA,MAAA,CACEd,IAAKI,KACDb,EACJD,MAAO,IAAKA,GACZF,UAAW,GAAGuB,EAAOS,QAAC,oBAAoBH,EAAeM,KAAK,QAE7D7B,GACCV,EAAiB8B,cAAA,MAAA,CAAA,eAAA,EAAA1B,UAAWuB,EAAAA,QAAgB,QACzCC,EAAclB,IAGnBV,EACM8B,cAAA,QAAA,IAAAf,EACJC,IAAKA,EACLH,QAAS2B,IACPtB,GAAS,GACTL,SAAAA,EAAU2B,EAAM,EAElB1B,OAAQ0B,IACNtB,GAAS,GACTJ,SAAAA,EAAS0B,EAAM,EAEA,kBAAA/B,EACjBD,KAAMA,EACNH,KAAMA,EACNO,SAAUA,EACVR,UAAWsB,EAAgBa,KAAK,KAChCE,WAA2B,QAAfC,EAAA3B,EAAK0B,kBAAU,IAAAC,GAAAA,IAE5BL,EACA1B,GACCX,EAAA8B,cAAA,MAAA,CAAKd,IAAKM,mBAAuBlB,UAAWuB,EAAOS,QAAS,QACzDR,EAAcjB,IAInBX,EAAM8B,cAAA,OAAA,CAAA1B,UAAW8B,EAAeK,KAAK,OAEvC"}

package/dist/cjs/Form/Input/Input.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input-module_sr-only__u9KmF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input-module_hidden__FwpzS{display:none}.Input-module_slide-in__pQw99{animation:Input-module_slide-in__pQw99 .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-in__pQw99{animation-duration:.1ms}}.Input-module_slide-out__9-4Xf{animation:Input-module_slide-out__9-4Xf .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-out__9-4Xf{animation-duration:.1ms}}@keyframes Input-module_slide-in__pQw99{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input-module_slide-out__9-4Xf{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input-module_input-wrapper__GYlup{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 .5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup{transition-duration:.1ms}}.Input-module_input-wrapper__GYlup input:-webkit-autofill,.Input-module_input-wrapper__GYlup input:-webkit-autofill:active,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{border-radius:var(--input-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#faffbd}}.Input-module_input-wrapper__GYlup:hover .Input-module_outline__orHmi{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_disabled__HDz3n{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_error__DnA1X{border-color:var(--error)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK{border-width:var(--input-border-width-focus)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK:not(.Input-module_error__DnA1X){border-color:var(--color-focus)}.Input-module_input-wrapper__GYlup [data-icon-status=error],.Input-module_input-wrapper__GYlup [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:100%;justify-content:center;width:1.25rem;z-index:2}.Input-module_input-wrapper__GYlup [data-icon-status=error]:before,.Input-module_input-wrapper__GYlup [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Input-module_input-wrapper__GYlup [data-icon-status=success]{color:var(--success)}.Input-module_input-wrapper__GYlup [data-icon-status=error]{color:var(--error)}.Input-module_input__DImrC{background-color:initial;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);height:40px;padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input__DImrC{transition-duration:.1ms}}.Input-module_input__DImrC:not(.Input-module_shrink-width-for-date-icon__2dVxY){width:100%}.Input-module_input__DImrC:disabled{color:var(--greyed-out);cursor:not-allowed}.Input-module_input__DImrC.Input-module_shrink-width-for-date-icon__2dVxY{width:auto}.Input-module_input__DImrC:focus:not(:disabled){outline:none}.Input-module_outline__orHmi{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_outline__orHmi{transition-duration:.1ms}}.Input-module_error__DnA1X input{padding-right:1.25rem}.Input-module_error__DnA1X input.Input-module_remove-extra-indent__-uHcP{padding-right:0}.Input-module_success__iVzsx input{padding-right:1.25rem}.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input-module_input-wrapper__GYlup{padding:0 .5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSw0QkFDRSxZQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsK0JBQ0Usb0RBQ0YsQ0FDQSx1Q0FDRSwrQkFDRSx1QkFDRixDQUNGLENBRUEsd0NBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHlDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQUdFLGtCQUFtQixDQUduQiw4Q0FBK0MsQ0FGL0MsUUFBUyxDQUNULHdDQUF5QyxDQUh6QyxZQUFhLENBS2IsZUFBaUIsQ0FOakIsaUJBQWtCLENBUWxCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxtQ0FDRSx3QkFDRixDQUNGLENBQ0EsMlBBSUUsMERBQ0YsQ0FDQSx1WUFTRSx3Q0FBeUMsQ0FMekMsVUFBVyxDQUVYLGFBQWMsQ0FFZCxXQUFZLENBSFosaUJBQWtCLENBRWxCLFVBR0YsQ0FDQSx5RUFDRSx1WUFJRSx3QkFDRixDQUNGLENBQ0EsOENBQ0UsdVlBSUUsd0JBQ0YsQ0FDRixDQUNBLHNFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLDZGQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLDBGQUNFLHlCQUNGLENBQ0EsMEZBQ0UsNENBQ0YsQ0FDQSwwSEFDRSwrQkFDRixDQUNBLDBIQU9FLGtCQUFtQixDQUhuQixxQkFBc0IsQ0FFdEIsWUFBYSxDQURiLGtCQUFtQixDQUhuQixXQUFZLENBTVosc0JBQXVCLENBTHZCLGFBQWMsQ0FNZCxTQUNGLENBQ0Esd0lBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0EsOERBQ0Usb0JBQ0YsQ0FDQSw0REFDRSxrQkFDRixDQUVBLDJCQVlFLHdCQUE2QixDQUw3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUh0QiwrQkFBZ0MsQ0FFaEMsOEJBQStCLENBRC9CLHVDQUF3QyxDQUZ4QyxXQUFZLENBRFosU0FBVSxDQVNWLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQXVDLENBRXZDLFNBQ0YsQ0FDQSx1Q0FDRSwyQkFDRSx3QkFDRixDQUNGLENBQ0EsZ0ZBQ0UsVUFDRixDQUNBLG9DQUVFLHVCQUF3QixDQUR4QixrQkFFRixDQUNBLDBFQUNFLFVBQ0YsQ0FDQSxnREFDRSxZQUNGLENBRUEsNkJBTUUsc0NBQXVDLENBR3ZDLHdDQUF5QyxDQUZ6QyxzQ0FBdUMsQ0FDdkMsc0NBQXVDLENBSHZDLE9BQVEsQ0FGUixRQUFTLENBQ1QsU0FBVSxDQUhWLG1CQUFvQixDQUNwQixpQkFBa0IsQ0FTbEIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLHVDQUNFLDZCQUNFLHdCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxxQkFDRixDQUNBLHlFQUNFLGVBQ0YsQ0FFQSxtQ0FDRSxxQkFDRixDQUVBLGtHQUtFLGFBQWMsQ0FGZCx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUF1QyxDQUV2QyxTQUNGLENBQ0EsdUNBQ0Usa0dBRUUsd0JBQ0YsQ0FDRixDQUVBLHdDQUNFLG1DQUNFLGVBQ0YsQ0FDRiIsImZpbGUiOiJJbnB1dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaW5wdXQtd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtYmFja2dyb3VuZC1jb2xvcik7XG4gIHBhZGRpbmc6IDAgMC41cmVtO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCxcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUge1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDUwMDBzIGVhc2UtaW4tb3V0IDBzICFpbXBvcnRhbnQ7XG59XG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG59XG5AbWVkaWEgYWxsIGFuZCAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKSBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDIzMiwgMjQwLCAyNTQpO1xuICB9XG59XG5AbWVkaWEgbm90IGFsbCBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1MCwgMjU1LCAxODkpO1xuICB9XG59XG4uaW5wdXQtd3JhcHBlcjpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10sXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxLjI1cmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdOmJlZm9yZSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXTpiZWZvcmUge1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBoZWlnaHQ6IDEuMjVyZW07XG4gIHdpZHRoOiAxLjI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmlucHV0IHtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0Om5vdCguc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24pIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uaW5wdXQuc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24ge1xuICB3aWR0aDogYXV0bztcbn1cbi5pbnB1dDpmb2N1czpub3QoOmRpc2FibGVkKSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5vdXRsaW5lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5lcnJvciBpbnB1dCB7XG4gIHBhZGRpbmctcmlnaHQ6IDEuMjVyZW07XG59XG4uZXJyb3IgaW5wdXQucmVtb3ZlLWV4dHJhLWluZGVudCB7XG4gIHBhZGRpbmctcmlnaHQ6IDA7XG59XG5cbi5zdWNjZXNzIGlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbn1cblxuLmlucHV0LXdyYXBwZXIgW2RhdGEtcHJlZml4XSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHotaW5kZXg6IDE7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuICAuaW5wdXQtd3JhcHBlciBbZGF0YS1zdWZmaXhdIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLmlucHV0LXdyYXBwZXIge1xuICAgIHBhZGRpbmc6IDAgMC41cmVtO1xuICB9XG59Il19 */'),exports.default={"sr-only":"Input-module_sr-only__u9KmF",hidden:"Input-module_hidden__FwpzS","slide-in":"Input-module_slide-in__pQw99","slide-out":"Input-module_slide-out__9-4Xf","input-wrapper":"Input-module_input-wrapper__GYlup",outline:"Input-module_outline__orHmi",disabled:"Input-module_disabled__HDz3n",error:"Input-module_error__DnA1X",focus:"Input-module_focus__MWEAK",input:"Input-module_input__DImrC","shrink-width-for-date-icon":"Input-module_shrink-width-for-date-icon__2dVxY","remove-extra-indent":"Input-module_remove-extra-indent__-uHcP",success:"Input-module_success__iVzsx"};
+//# sourceMappingURL=Input.module.scss.cjs.js.map

package/dist/cjs/Form/Input/Input.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Form/Label/Label.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./Label.module.cjs.js");var a=require("../../src/readyclasses.module.cjs.js");function l(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var t=l(e);const s=({children:e,className:l,hidden:s=false,...u},d)=>t["default"].createElement("label",{...u,ref:d,className:`${s?a["default"]["sr-only"]:""} ${r["default"]["label"]} ${l!==null&&l!==void 0?l:""}`},e);const u=t["default"].forwardRef(s);exports.Label=u;
+"use strict";var e=require("react"),s=require("./Label.module.scss.cjs.js"),l=require("../../src/readyclasses.module.scss.cjs.js");const r=e.forwardRef((({children:r,className:a,hidden:c=!1,...d},t)=>e.createElement("label",{...d,ref:t,className:`${c?l.default["sr-only"]:""} ${s.default.label} ${null!=a?a:""}`},r)));exports.Label=r;
 //# sourceMappingURL=Label.cjs.js.map

package/dist/cjs/Form/Label/Label.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs.js","sources":["../../../../../../src/components/Form/Label/Label.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Label.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"label\"> {\n  children?: ReactNode;\n}\n\nconst LabelComponent: ForwardRefRenderFunction<HTMLLabelElement, Props> = (\n  { children, className, hidden = false, ...rest }: Props,\n  ref\n) => {\n  return (\n    <label\n      {...rest}\n      ref={ref}\n      className={`${hidden ? readyclasses[\"sr-only\"] : \"\"} ${classes[\"label\"]} ${className ?? \"\"}`}\n    >\n      {children}\n    </label>\n  );\n};\n\nexport const Label = React.forwardRef(LabelComponent);\n"],"names":["LabelComponent","children","className","hidden","rest","ref","React","createElement","readyclasses","classes","Label","forwardRef"],"mappings":"8QAwBA,MAAMA,EAAoE,EACtEC,WAAUC,YAAWC,SAAS,SAAUC,GAC1CC,IAGEC,EACM,WAAAC,cAAA,QAAA,IAAAH,EACJC,IAAKA,EACLH,UAAW,GAAGC,EAASK,EAAY,WAAC,WAAa,MAAMC,EAAO,WAAC,YAAYP,IAAS,MAATA,SAAA,EAAAA,EAAa,MAEvFD,GAKM,MAAAS,EAAQJ,EAAAA,WAAMK,WAAWX"}
+{"version":3,"file":"Label.cjs.js","sources":["../../../../../../src/components/Form/Label/Label.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Label.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"label\"> {\n  children?: ReactNode;\n}\n\nconst LabelComponent: ForwardRefRenderFunction<HTMLLabelElement, Props> = (\n  { children, className, hidden = false, ...rest }: Props,\n  ref\n) => {\n  return (\n    <label\n      {...rest}\n      ref={ref}\n      className={`${hidden ? readyclasses[\"sr-only\"] : \"\"} ${classes[\"label\"]} ${className ?? \"\"}`}\n    >\n      {children}\n    </label>\n  );\n};\n\nexport const Label = React.forwardRef(LabelComponent);\n"],"names":["Label","React","forwardRef","children","className","hidden","rest","ref","createElement","readyclasses","default","classes"],"mappings":"mIAwBA,MAeaA,EAAQC,EAAMC,YAf+C,EACtEC,WAAUC,YAAWC,UAAS,KAAUC,GAC1CC,IAGEN,EACMO,cAAA,QAAA,IAAAF,EACJC,IAAKA,EACLH,UAAW,GAAGC,EAASI,EAAYC,QAAC,WAAa,MAAMC,EAAOD,QAAQ,SAAKN,QAAAA,EAAa,MAEvFD"}

package/dist/cjs/Form/Label/Label.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Label-module_label__z5M3i{color:var(--greyed-out);cursor:text;font-size:var(--font-size)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhYmVsLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMkJBRUUsdUJBQXdCLENBRHhCLFdBQVksQ0FFWiwwQkFDRiIsImZpbGUiOiJMYWJlbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubGFiZWwge1xuICBjdXJzb3I6IHRleHQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUpO1xufSJdfQ== */'),exports.default={label:"Label-module_label__z5M3i"};
+//# sourceMappingURL=Label.module.scss.cjs.js.map

package/dist/cjs/Form/Label/Label.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Form/Radio/Radio.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("../../Icon/Icon.cjs.js");var a=require("./Radio.module.cjs.js");var t=require("../../src/hooks/useFormSelector.cjs.js");var o=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js");function l(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var n=l(e);const d=({children:e,disabled:l,className:d,value:c,name:s,helperText:i,parentErrorId:u,parentHelperId:p,error:f,errorMessage:m,checked:v=false,formSelectorWrapperProps:h,helperProps:b,onChange:j,...I},E)=>{const{errorId:y,identifier:g,describedBy:x}=t.useFormSelector({name:s,helperText:i,parentErrorId:u,errorMessage:m,error:f,parentHelperId:p});const F=e=>{if(l)return;const r=e.nativeEvent||e;const a=new r.constructor(r.type,r);Object.defineProperty(a,"target",{writable:true,value:{value:c}});j===null||j===void 0?void 0:j(a)};const N=[a["default"]["native-input"]];const P=[a["default"]["input"],a["default"]["radio"]];const S=[a["default"]["input"],a["default"]["circle"]];f&&N.push(a["default"]["error"]);l&&P.push(a["default"]["disabled"])&&S.push(a["default"]["disabled"]);return n["default"].createElement(o.FormSelectorWrapper,{...h,className:`${a["default"]["radio-wrapper"]} ${d!==null&&d!==void 0?d:""}`,containerProps:{className:a["default"]["radio-container"]},helperText:i,helperProps:b,parentErrorId:u,errorId:y,errorMessage:m,error:f,disabled:l,identifier:g},n["default"].createElement("input",{...I,ref:E,disabled:l,tabIndex:0,className:N.join(" "),onChange:F,checked:v,"aria-checked":v,"aria-describedby":x,name:s,value:c,id:`${g}-radio`,type:"radio"}),v&&n["default"].createElement(r.Icon,{className:P.join(" "),icon:r.Icons.Radio}),!v&&n["default"].createElement(r.Icon,{className:S.join(" "),icon:r.Icons.Circle}),n["default"].createElement("label",{onClick:F,htmlFor:`${g}-radio`},e))};const c=n["default"].forwardRef(d);exports.Radio=c;
+"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Radio.module.scss.cjs.js"),o=require("../../src/hooks/useFormSelector.cjs.js"),t=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js");const l=e.forwardRef((({children:l,disabled:s,className:c,value:n,name:d,helperText:i,parentErrorId:p,parentHelperId:u,error:m,errorMessage:f,checked:h=!1,formSelectorWrapperProps:I,helperProps:b,onChange:j,...E},v)=>{const{errorId:g,identifier:F,describedBy:N}=o.useFormSelector({name:d,helperText:i,parentErrorId:p,errorMessage:f,error:m,parentHelperId:u}),S=e=>{if(s)return;const r=e.nativeEvent||e,a=new r.constructor(r.type,r);Object.defineProperty(a,"target",{writable:!0,value:{value:n}}),null==j||j(a)},k=[a.default["native-input"]],q=[a.default.input,a.default.radio],x=[a.default.input,a.default.circle];return m&&k.push(a.default.error),s&&q.push(a.default.disabled)&&x.push(a.default.disabled),e.createElement(t.FormSelectorWrapper,{...I,className:`${a.default["radio-wrapper"]} ${null!=c?c:""}`,containerProps:{className:a.default["radio-container"]},helperText:i,helperProps:b,parentErrorId:p,errorId:g,errorMessage:f,error:m,disabled:s,identifier:F},e.createElement("input",{...E,ref:v,disabled:s,tabIndex:0,className:k.join(" "),onChange:S,checked:h,"aria-checked":h,"aria-describedby":N,name:d,value:n,id:`${F}-radio`,type:"radio"}),h&&e.createElement(r.Icon,{className:q.join(" "),icon:r.Icons.Radio}),!h&&e.createElement(r.Icon,{className:x.join(" "),icon:r.Icons.Circle}),e.createElement("label",{onClick:S,htmlFor:`${F}-radio`},l))}));exports.Radio=l;
 //# sourceMappingURL=Radio.cjs.js.map

package/dist/cjs/Form/Radio/Radio.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs.js","sources":["../../../../../../src/components/Form/Radio/Radio.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  children: string;\n  value: string;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    disabled,\n    className,\n    value,\n    name,\n    helperText,\n    parentErrorId,\n    parentHelperId,\n    error,\n    errorMessage,\n    checked = false,\n    formSelectorWrapperProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n  ) => {\n    if (disabled) {\n      return;\n    }\n    /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n    const nativeEvent: any = event.nativeEvent || event;\n    const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n    Object.defineProperty(clonedEvent, \"target\", {\n      writable: true,\n      value: { value: value }\n    });\n\n    onChange?.(clonedEvent);\n  };\n\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n  const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled &&\n    checkedRadioClasses.push(classes[\"disabled\"]) &&\n    uncheckedRadioClasses.push(classes[\"disabled\"]);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n      containerProps={{ className: classes[\"radio-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        tabIndex={0}\n        className={nativeInputClasses.join(\" \")}\n        onChange={onChangeHandler}\n        checked={checked}\n        aria-checked={checked}\n        aria-describedby={describedBy}\n        name={name}\n        value={value}\n        id={`${identifier}-radio`}\n        type=\"radio\"\n      />\n\n      {checked && <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} />}\n      {!checked && <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} />}\n\n      <label onClick={onChangeHandler} htmlFor={`${identifier}-radio`}>\n        {children}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Radio = React.forwardRef(RadioComponent);\n"],"names":["RadioComponent","children","disabled","className","value","name","helperText","parentErrorId","parentHelperId","error","errorMessage","checked","formSelectorWrapperProps","helperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","onChangeHandler","event","nativeEvent","clonedEvent","constructor","type","Object","defineProperty","writable","nativeInputClasses","classes","checkedRadioClasses","uncheckedRadioClasses","push","React","createElement","FormSelectorWrapper","containerProps","tabIndex","join","id","Icon","icon","Icons","Radio","Circle","onClick","htmlFor","forwardRef"],"mappings":"2XAkCA,MAAMA,EAAoE,EAEtEC,WACAC,WACAC,YACAC,QACAC,OACAC,aACAC,gBACAC,iBACAC,QACAC,eACAC,UAAU,MACVC,2BACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAAA,gBAAgB,CAC3Df,OACAC,aACAC,gBACAG,eACAD,QACAD,mBAGF,MAAMa,EACJC,IAEA,GAAIpB,EACF,OAGF,MAAMqB,EAAmBD,EAAMC,aAAeD,EAC9C,MAAME,EAAc,IAAID,EAAYE,YAAYF,EAAYG,KAAMH,GAElEI,OAAOC,eAAeJ,EAAa,SAAU,CAC3CK,SAAU,KACVzB,MAAO,CAAEA,MAAOA,KAGlBU,UAAAA,SAAQ,OAAA,EAARA,EAAWU,EAAY,EAGzB,MAAMM,EAAqB,CAACC,aAAQ,iBACpC,MAAMC,EAAsB,CAACD,aAAQ,SAAUA,EAAO,WAAC,UACvD,MAAME,EAAwB,CAACF,aAAQ,SAAUA,EAAO,WAAC,WACzDtB,GAASqB,EAAmBI,KAAKH,EAAAA,WAAQ,UACzC7B,GACE8B,EAAoBE,KAAKH,aAAQ,cACjCE,EAAsBC,KAAKH,aAAQ,aAErC,OACEI,EAAA,WAAAC,cAACC,sBAAmB,IACdzB,EACJT,UAAW,GAAG4B,aAAQ,oBAAoB5B,IAAA,MAAAA,SAAA,EAAAA,EAAa,KACvDmC,eAAgB,CAAEnC,UAAW4B,EAAO,WAAC,oBACrCzB,WAAYA,EACZO,YAAaA,EACbN,cAAeA,EACfU,QAASA,EACTP,aAAcA,EACdD,MAAOA,EACPP,SAAUA,EACVgB,WAAYA,GAEZiB,EACM,WAAAC,cAAA,QAAA,IAAArB,EACJC,IAAKA,EACLd,SAAUA,EACVqC,SAAU,EACVpC,UAAW2B,EAAmBU,KAAK,KACnC1B,SAAUO,EACVV,QAASA,EAAO,eACFA,EAAO,mBACHQ,EAClBd,KAAMA,EACND,MAAOA,EACPqC,GAAI,GAAGvB,UACPQ,KAAK,UAGNf,GAAWwB,EAAAA,WAACC,cAAAM,EAAIA,MAACvC,UAAW6B,EAAoBQ,KAAK,KAAMG,KAAMC,EAAKA,MAACC,SACtElC,GAAWwB,EAAA,WAAAC,cAACM,EAAAA,KAAK,CAAAvC,UAAW8B,EAAsBO,KAAK,KAAMG,KAAMC,EAAKA,MAACE,SAE3EX,EAAAA,WAAAC,cAAA,QAAA,CAAOW,QAAS1B,EAAiB2B,QAAS,GAAG9B,WAC1CjB,GAGL,EAGS,MAAA4C,EAAQV,EAAAA,WAAMc,WAAWjD"}
+{"version":3,"file":"Radio.cjs.js","sources":["../../../../../../src/components/Form/Radio/Radio.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  children: string;\n  value: string;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    disabled,\n    className,\n    value,\n    name,\n    helperText,\n    parentErrorId,\n    parentHelperId,\n    error,\n    errorMessage,\n    checked = false,\n    formSelectorWrapperProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n  ) => {\n    if (disabled) {\n      return;\n    }\n    /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n    const nativeEvent: any = event.nativeEvent || event;\n    const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n    Object.defineProperty(clonedEvent, \"target\", {\n      writable: true,\n      value: { value: value }\n    });\n\n    onChange?.(clonedEvent);\n  };\n\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n  const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled &&\n    checkedRadioClasses.push(classes[\"disabled\"]) &&\n    uncheckedRadioClasses.push(classes[\"disabled\"]);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n      containerProps={{ className: classes[\"radio-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        tabIndex={0}\n        className={nativeInputClasses.join(\" \")}\n        onChange={onChangeHandler}\n        checked={checked}\n        aria-checked={checked}\n        aria-describedby={describedBy}\n        name={name}\n        value={value}\n        id={`${identifier}-radio`}\n        type=\"radio\"\n      />\n\n      {checked && <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} />}\n      {!checked && <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} />}\n\n      <label onClick={onChangeHandler} htmlFor={`${identifier}-radio`}>\n        {children}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Radio = React.forwardRef(RadioComponent);\n"],"names":["Radio","React","forwardRef","children","disabled","className","value","name","helperText","parentErrorId","parentHelperId","error","errorMessage","checked","formSelectorWrapperProps","helperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","onChangeHandler","event","nativeEvent","clonedEvent","constructor","type","Object","defineProperty","writable","nativeInputClasses","classes","checkedRadioClasses","default","uncheckedRadioClasses","push","createElement","FormSelectorWrapper","containerProps","tabIndex","join","id","Icon","icon","Icons","Circle","onClick","htmlFor"],"mappings":"mOAkCA,MA+FaA,EAAQC,EAAMC,YA/F+C,EAEtEC,WACAC,WACAC,YACAC,QACAC,OACAC,aACAC,gBACAC,iBACAC,QACAC,eACAC,WAAU,EACVC,2BACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAAA,gBAAgB,CAC3Df,OACAC,aACAC,gBACAG,eACAD,QACAD,mBAGIa,EACJC,IAEA,GAAIpB,EACF,OAGF,MAAMqB,EAAmBD,EAAMC,aAAeD,EACxCE,EAAc,IAAID,EAAYE,YAAYF,EAAYG,KAAMH,GAElEI,OAAOC,eAAeJ,EAAa,SAAU,CAC3CK,UAAU,EACVzB,MAAO,CAAEA,MAAOA,KAGlBU,SAAAA,EAAWU,EAAY,EAGnBM,EAAqB,CAACC,UAAQ,iBAC9BC,EAAsB,CAACD,UAAe,MAAGA,EAAOE,QAAQ,OACxDC,EAAwB,CAACH,UAAe,MAAGA,EAAOE,QAAS,QAMjE,OALAxB,GAASqB,EAAmBK,KAAKJ,EAAAA,QAAe,OAChD7B,GACE8B,EAAoBG,KAAKJ,UAAkB,WAC3CG,EAAsBC,KAAKJ,UAAkB,UAG7ChC,EAAAqC,cAACC,sBAAmB,IACdzB,EACJT,UAAW,GAAG4B,UAAQ,oBAAoB5B,QAAAA,EAAa,KACvDmC,eAAgB,CAAEnC,UAAW4B,EAAOE,QAAC,oBACrC3B,WAAYA,EACZO,YAAaA,EACbN,cAAeA,EACfU,QAASA,EACTP,aAAcA,EACdD,MAAOA,EACPP,SAAUA,EACVgB,WAAYA,GAEZnB,EACMqC,cAAA,QAAA,IAAArB,EACJC,IAAKA,EACLd,SAAUA,EACVqC,SAAU,EACVpC,UAAW2B,EAAmBU,KAAK,KACnC1B,SAAUO,EACVV,QAASA,EAAO,eACFA,EAAO,mBACHQ,EAClBd,KAAMA,EACND,MAAOA,EACPqC,GAAI,GAAGvB,UACPQ,KAAK,UAGNf,GAAWZ,EAACqC,cAAAM,EAAIA,MAACvC,UAAW6B,EAAoBQ,KAAK,KAAMG,KAAMC,EAAKA,MAAC9C,SACtEa,GAAWZ,EAAAqC,cAACM,EAAAA,KAAK,CAAAvC,UAAW+B,EAAsBM,KAAK,KAAMG,KAAMC,EAAKA,MAACC,SAE3E9C,EAAAqC,cAAA,QAAA,CAAOU,QAASzB,EAAiB0B,QAAS,GAAG7B,WAC1CjB,GAGL"}

package/dist/cjs/Form/Radio/Radio.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Radio-module_radio-wrapper__4532-{position:relative}.Radio-module_radio-wrapper__4532-+.Radio-module_radio-wrapper__4532-{margin-top:.75rem}.Radio-module_error__Pjq-F{color:var(--error)}.Radio-module_helper-text__GjhEJ{margin-left:1.75rem;margin-top:.25rem}.Radio-module_error-message__udguG{display:flex;margin-top:1.25rem}.Radio-module_error-icon__JPuVE{font-size:1.25rem;margin-right:.5rem}.Radio-module_radio-container__Z-lKd{display:flex}.Radio-module_radio-container__Z-lKd label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.15rem;user-select:none}.Radio-module_disabled__ASNkr .Radio-module_radio-container__Z-lKd label{cursor:not-allowed}.Radio-module_native-input__aXxo1{height:1.75rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.75rem;z-index:2}.Radio-module_native-input__aXxo1+span[data-icon=true]:before{display:block;height:20px;width:20px}.Radio-module_native-input__aXxo1:checked+*{color:var(--color-primary)}.Radio-module_native-input__aXxo1:checked+.Radio-module_disabled__ASNkr{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio-module_native-input__aXxo1:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F+*{border-radius:100%}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:hover+.Radio-module_radio__B6HML:before{outline-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:active+.Radio-module_radio__B6HML:before{outline-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color);color:var(--radio-pressed-color)}.Radio-module_input__XIS-I{border-radius:100%;font-size:1.25rem;height:1.25rem;width:1.25rem;z-index:1}.Radio-module_input__XIS-I:active{border-radius:100%}.Radio-module_disabled__ASNkr .Radio-module_input__XIS-I{color:var(--disabled)}.Radio-module_disabled__ASNkr{color:var(--disabled);pointer-events:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsbUNBQ0UsaUJBQ0YsQ0FDQSxzRUFDRSxpQkFDRixDQUVBLDJCQUNFLGtCQUNGLENBRUEsaUNBRUUsbUJBQW9CLENBRHBCLGlCQUVGLENBRUEsbUNBRUUsWUFBYSxDQURiLGtCQUVGLENBRUEsZ0NBRUUsaUJBQWtCLENBRGxCLGtCQUVGLENBRUEscUNBQ0UsWUFDRixDQUNBLDJDQUNFLG9CQUFxQixDQUlyQiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRnRDLGlCQUFtQixDQUluQixpQkFBbUIsQ0FIbkIsZ0JBSUYsQ0FDQSx5RUFDRSxrQkFDRixDQUVBLGtDQU9FLGNBQWUsQ0FKZixNQUFPLENBRVAsUUFBUyxDQURULFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsS0FBTSxDQUlOLGFBQWMsQ0FFZCxTQUNGLENBQ0EsOERBQ0UsYUFBYyxDQUVkLFdBQVksQ0FEWixVQUVGLENBQ0EsNENBQ0UsMEJBQ0YsQ0FDQSx3RUFDRSxxQkFBc0IsQ0FDdEIsa0JBQW1CLENBQ25CLG1CQUNGLENBQ0Esa0RBQ0Usa0JBQW1CLENBQ25CLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDhEQUNFLGtCQUNGLENBQ0Esb0dBQ0UsaURBQ0YsQ0FDQSxxR0FDRSxtREFDRixDQUNBLGlJQUNFLG9EQUNGLENBQ0Esa0lBQ0Usc0RBQ0YsQ0FDQSxnSUFDRSxvREFBcUQsQ0FDckQsOEJBQ0YsQ0FDQSxpSUFFRSxzREFBdUQsQ0FEdkQsZ0NBRUYsQ0FFQSwyQkFLRSxrQkFBbUIsQ0FKbkIsaUJBQWtCLENBRWxCLGNBQWUsQ0FEZixhQUFjLENBRWQsU0FFRixDQUNBLGtDQUNFLGtCQUNGLENBQ0EseURBQ0UscUJBQ0YsQ0FFQSw4QkFDRSxxQkFBc0IsQ0FDdEIsbUJBQ0YiLCJmaWxlIjoiUmFkaW8ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnJhZGlvLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ucmFkaW8td3JhcHBlciArIC5yYWRpby13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMC43NXJlbTtcbn1cblxuLmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgbWFyZ2luLWxlZnQ6IDEuNzVyZW07XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgbWFyZ2luLXRvcDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmVycm9yLWljb24ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4ucmFkaW8tY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5yYWRpby1jb250YWluZXIgbGFiZWwge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn1cbi5kaXNhYmxlZCAucmFkaW8tY29udGFpbmVyIGxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLm5hdGl2ZS1pbnB1dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBvcGFjaXR5OiAwO1xuICBtYXJnaW46IDA7XG4gIHdpZHRoOiAxLjc1cmVtO1xuICBoZWlnaHQ6IDEuNzVyZW07XG4gIHotaW5kZXg6IDI7XG59XG4ubmF0aXZlLWlucHV0ICsgc3BhbltkYXRhLWljb249dHJ1ZV06YmVmb3JlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG59XG4ubmF0aXZlLWlucHV0OmNoZWNrZWQgKyAqIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkICsgKi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLm5hdGl2ZS1pbnB1dDpmb2N1cy12aXNpYmxlICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmhvdmVyICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQuZXJyb3I6YWN0aXZlICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5pbnB1dC5jaXJjbGU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmlucHV0LmNpcmNsZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXJhZGlvLXByZXNzZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmhvdmVyICsgLmlucHV0LnJhZGlvOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8taG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5pbnB1dC5yYWRpbzpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8tcHJlc3NlZC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cblxuLmlucHV0IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB6LWluZGV4OiAxO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xufVxuLmlucHV0OmFjdGl2ZSB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4uZGlzYWJsZWQgLmlucHV0IHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbn1cblxuLmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59Il19 */'),exports.default={"radio-wrapper":"Radio-module_radio-wrapper__4532-",error:"Radio-module_error__Pjq-F","helper-text":"Radio-module_helper-text__GjhEJ","error-message":"Radio-module_error-message__udguG","error-icon":"Radio-module_error-icon__JPuVE","radio-container":"Radio-module_radio-container__Z-lKd",disabled:"Radio-module_disabled__ASNkr","native-input":"Radio-module_native-input__aXxo1",radio:"Radio-module_radio__B6HML",input:"Radio-module_input__XIS-I",circle:"Radio-module_circle__WmukT"};
+//# sourceMappingURL=Radio.module.scss.cjs.js.map

package/dist/cjs/Form/Radio/Radio.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Form/Select/MultiSelect/MultiOption.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../SingleSelect/Option.cjs.js");var l=require("./MultiSelect.module.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var i=o(e);const r=({fixed:o,hasFocus:r,className:s,...n},u)=>{let a=u||e.createRef();const c=[];s&&c.push(s);r&&c.push(l["default"]["focus"]);const d=e=>{var t,l,o;const i=e.parentElement;const r=(t=e.parentElement)===null||t===void 0?void 0:t.parentElement;const s=!!(r===null||r===void 0?void 0:r.style.maxHeight);if(s)r===null||r===void 0?void 0:r.scrollTo(0,e.offsetTop-((l=r===null||r===void 0?void 0:r.offsetHeight)!==null&&l!==void 0?l:1)/2);i===null||i===void 0?void 0:i.scrollTo(0,e.offsetTop-((o=i===null||i===void 0?void 0:i.offsetHeight)!==null&&o!==void 0?o:1)/2)};e.useEffect((()=>{if(a.current&&r)d(a.current)}),[r,a]);return i["default"].createElement(t.Option,{ref:a,isSelected:r,disableDefaultSelectedStyle:true,className:c.join(" "),"aria-disabled":false,...n})};const s=i["default"].forwardRef(r);exports.MultiOption=s;
+"use strict";var e=require("react"),l=require("../SingleSelect/Option.cjs.js"),t=require("./MultiSelect.module.scss.cjs.js");const o=e.forwardRef((({fixed:o,hasFocus:s,className:r,...i},n)=>{let u=n||e.createRef();const c=[];r&&c.push(r),s&&c.push(t.default.focus);return e.useEffect((()=>{u.current&&s&&(e=>{var l,t,o;const s=e.parentElement,r=null===(l=e.parentElement)||void 0===l?void 0:l.parentElement;!!(null==r?void 0:r.style.maxHeight)&&(null==r?void 0:r.scrollTo)&&(null==r||r.scrollTo(0,e.offsetTop-(null!==(t=null==r?void 0:r.offsetHeight)&&void 0!==t?t:1)/2)),(null==s?void 0:s.scrollTo)&&(null==s||s.scrollTo(0,e.offsetTop-(null!==(o=null==s?void 0:s.offsetHeight)&&void 0!==o?o:1)/2))})(u.current)}),[s,u]),e.createElement(l.Option,{ref:u,isSelected:s,disableDefaultSelectedStyle:!0,className:c.join(" "),"aria-disabled":!1,...i})}));exports.MultiOption=o;
 //# sourceMappingURL=MultiOption.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/MultiOption.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiOption.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiOption.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, RefObject, createRef, useEffect } from \"react\";\nimport { Props as SelectOptionProps, Option as SelectOption } from \"../SingleSelect/Option\";\n\nimport classes from \"./MultiSelect.module.scss\";\n\nexport interface Props extends SelectOptionProps {\n  fixed?: boolean;\n}\n\nconst MultiOptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  { fixed: _fixed, hasFocus, className, ...rest }: Props,\n  ref\n) => {\n  let innerOptionRef = (ref as RefObject<HTMLLIElement>) || createRef<HTMLLIElement>();\n\n  const additionalClasses = [];\n  className && additionalClasses.push(className);\n  hasFocus && additionalClasses.push(classes[\"focus\"]);\n\n  const scrollToSelectedElement = (element: HTMLLIElement) => {\n    const listbox = element.parentElement;\n    const listboxWrapper = element.parentElement?.parentElement;\n    const isListboxWrapperScrollable = !!listboxWrapper?.style.maxHeight;\n    if (isListboxWrapperScrollable) {\n      listboxWrapper?.scrollTo(0, element.offsetTop - (listboxWrapper?.offsetHeight ?? 1) / 2);\n    }\n    listbox?.scrollTo(0, element.offsetTop - (listbox?.offsetHeight ?? 1) / 2);\n  };\n\n  useEffect(() => {\n    if (innerOptionRef.current && hasFocus) {\n      scrollToSelectedElement(innerOptionRef.current);\n    }\n  }, [hasFocus, innerOptionRef]);\n\n  return (\n    <SelectOption\n      ref={innerOptionRef}\n      isSelected={hasFocus}\n      disableDefaultSelectedStyle\n      className={additionalClasses.join(\" \")}\n      aria-disabled={false}\n      {...rest}\n    />\n  );\n};\n\nexport const MultiOption = React.forwardRef(MultiOptionComponent);\n"],"names":["MultiOptionComponent","fixed","_fixed","hasFocus","className","rest","ref","innerOptionRef","createRef","additionalClasses","push","classes","scrollToSelectedElement","element","listbox","parentElement","listboxWrapper","_a","isListboxWrapperScrollable","style","maxHeight","scrollTo","offsetTop","_b","offsetHeight","_c","useEffect","current","React","createElement","SelectOption","isSelected","disableDefaultSelectedStyle","join","MultiOption","forwardRef"],"mappings":"6QAyBA,MAAMA,EAAuE,EACzEC,MAAOC,EAAQC,WAAUC,eAAcC,GACzCC,KAEA,IAAIC,EAAkBD,GAAoCE,EAAAA,YAE1D,MAAMC,EAAoB,GAC1BL,GAAaK,EAAkBC,KAAKN,GACpCD,GAAYM,EAAkBC,KAAKC,EAAAA,WAAQ,UAE3C,MAAMC,EAA2BC,cAC/B,MAAMC,EAAUD,EAAQE,cACxB,MAAMC,GAAiBC,EAAAJ,EAAQE,iBAAa,MAAAE,SAAA,OAAA,EAAAA,EAAEF,cAC9C,MAAMG,KAA+BF,IAAc,MAAdA,SAAc,OAAA,EAAdA,EAAgBG,MAAMC,WAC3D,GAAIF,EACFF,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAgBK,SAAS,EAAGR,EAAQS,YAAaC,EAAAP,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAgBQ,gBAAgB,MAAAD,SAAA,EAAAA,EAAA,GAAK,GAExFT,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAASO,SAAS,EAAGR,EAAQS,YAAaG,EAAAX,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAASU,gBAAgB,MAAAC,SAAA,EAAAA,EAAA,GAAK,EAAE,EAG5EC,EAAAA,WAAU,KACR,GAAInB,EAAeoB,SAAWxB,EAC5BS,EAAwBL,EAAeoB,QACxC,GACA,CAACxB,EAAUI,IAEd,OACEqB,EAAA,WAAAC,cAACC,SAAY,CACXxB,IAAKC,EACLwB,WAAY5B,EACZ6B,4BAA2B,KAC3B5B,UAAWK,EAAkBwB,KAAK,KACnB,gBAAA,SACX5B,GAEN,EAGS,MAAA6B,EAAcN,EAAAA,WAAMO,WAAWnC"}
+{"version":3,"file":"MultiOption.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiOption.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, RefObject, createRef, useEffect } from \"react\";\nimport { Props as SelectOptionProps, Option as SelectOption } from \"../SingleSelect/Option\";\n\nimport classes from \"./MultiSelect.module.scss\";\n\nexport interface Props extends SelectOptionProps {\n  fixed?: boolean;\n}\n\nconst MultiOptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  { fixed: _fixed, hasFocus, className, ...rest }: Props,\n  ref\n) => {\n  let innerOptionRef = (ref as RefObject<HTMLLIElement>) || createRef<HTMLLIElement>();\n\n  const additionalClasses = [];\n  className && additionalClasses.push(className);\n  hasFocus && additionalClasses.push(classes[\"focus\"]);\n\n  const scrollToSelectedElement = (element: HTMLLIElement) => {\n    const listbox = element.parentElement;\n    const listboxWrapper = element.parentElement?.parentElement;\n    const isListboxWrapperScrollable = !!listboxWrapper?.style.maxHeight;\n\n    if (isListboxWrapperScrollable) {\n      listboxWrapper?.scrollTo &&\n        listboxWrapper?.scrollTo(0, element.offsetTop - (listboxWrapper?.offsetHeight ?? 1) / 2);\n    }\n    listbox?.scrollTo && listbox?.scrollTo(0, element.offsetTop - (listbox?.offsetHeight ?? 1) / 2);\n  };\n\n  useEffect(() => {\n    if (innerOptionRef.current && hasFocus) {\n      scrollToSelectedElement(innerOptionRef.current);\n    }\n  }, [hasFocus, innerOptionRef]);\n\n  return (\n    <SelectOption\n      ref={innerOptionRef}\n      isSelected={hasFocus}\n      disableDefaultSelectedStyle\n      className={additionalClasses.join(\" \")}\n      aria-disabled={false}\n      {...rest}\n    />\n  );\n};\n\nexport const MultiOption = React.forwardRef(MultiOptionComponent);\n"],"names":["MultiOption","React","forwardRef","fixed","_fixed","hasFocus","className","rest","ref","innerOptionRef","createRef","additionalClasses","push","classes","useEffect","current","element","listbox","parentElement","listboxWrapper","_a","style","maxHeight","scrollTo","offsetTop","_b","offsetHeight","_c","scrollToSelectedElement","createElement","SelectOption","isSelected","disableDefaultSelectedStyle","join"],"mappings":"6HAyBA,MAwCaA,EAAcC,EAAMC,YAxC4C,EACzEC,MAAOC,EAAQC,WAAUC,eAAcC,GACzCC,KAEA,IAAIC,EAAkBD,GAAoCE,EAAAA,YAE1D,MAAMC,EAAoB,GAC1BL,GAAaK,EAAkBC,KAAKN,GACpCD,GAAYM,EAAkBC,KAAKC,EAAAA,QAAe,OAoBlD,OANAC,EAAAA,WAAU,KACJL,EAAeM,SAAWV,GAbA,CAACW,cAC/B,MAAMC,EAAUD,EAAQE,cAClBC,EAAsC,QAArBC,EAAAJ,EAAQE,qBAAa,IAAAE,OAAA,EAAAA,EAAEF,iBACTC,aAAc,EAAdA,EAAgBE,MAAMC,aAGzDH,aAAA,EAAAA,EAAgBI,YACdJ,SAAAA,EAAgBI,SAAS,EAAGP,EAAQQ,WAA6C,QAAhCC,EAAAN,aAAA,EAAAA,EAAgBO,oBAAgB,IAAAD,EAAAA,EAAA,GAAK,KAE1FR,aAAA,EAAAA,EAASM,YAAYN,SAAAA,EAASM,SAAS,EAAGP,EAAQQ,mBAAaG,EAAAV,aAAA,EAAAA,EAASS,4BAAgB,GAAK,GAAE,EAK7FE,CAAwBnB,EAAeM,QACxC,GACA,CAACV,EAAUI,IAGZR,EAAA4B,cAACC,SAAY,CACXtB,IAAKC,EACLsB,WAAY1B,EACZ2B,6BAA2B,EAC3B1B,UAAWK,EAAkBsB,KAAK,KACnB,iBAAA,KACX1B,GAEN"}

package/dist/cjs/Form/Select/MultiSelect/MultiSelect.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("./MultiSelect.module.cjs.js");var t=require("react");var s=require("../../../src/hooks/useBodyClick.cjs.js");var a=require("../../../src/hooks/useDetermineStatusIcon.cjs.js");var l=require("../../../src/readyclasses.module.cjs.js");var r=require("../../../src/util/helper.cjs.js");var n=require("../../../Icon/Icon.cjs.js");var c=require("../useAddNewBtn.cjs.js");var o=require("../useSelectPositionList.cjs.js");var u=require("./SelectButton.cjs.js");var i=require("./SelectedOptions.cjs.js");var d=require("./useArrowNavigation.cjs.js");var f=require("./useSearch.cjs.js");function p(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var h=p(t);const m=(e,t)=>`${e}_option${t}`;const v=e=>`${e}_listbox`;const b=({id:p,children:b,name:C,disabled:S=false,labeledBy:j,placeholder:E,describedBy:y,searchPlaceholder:g="Search item",searchInputProps:I,selectButtonProps:N={},className:x,error:w=false,success:R=false,value:B,clearLabel:q="Clear selection",noResultsLabel:k="No results found",onChange:P,addNew:L,search:A={enabled:true,renderThreshold:0},...$},O)=>{const D=t.useRef(p!==null&&p!==void 0?p:r.generateID(20));const[F,M]=t.useState(false);const[_,H]=t.useState([]);const K=t.useRef(null);const T=t.useRef(null);const[U,V]=t.useState(0);const[z,G]=t.useState(false);const[J,Q]=t.useState(false);const[W,X]=t.useState(h["default"].Children.count(b)-_.length);const{filter:Y,renderSearch:Z,searchInputRef:ee,resetSearchState:te,searchVisible:se}=f.useSearch({selectId:D.current,expanded:F,search:A,searchInputClassName:e["default"]["select-search"],optionsCount:W,focusedSelectItem:U,setFocusedSelectItem:V,searchInputProps:I,searchPlaceholder:g,describedBy:y,getOptionId:m,getListboxId:v});const{addBtnRef:ae,addNewBtnOptionsContainerClassName:le,renderAddNew:re}=c.useAddNewBtn({id:m(D.current,W),addNew:L,filter:Y,focusedSelectItem:U,optionsCount:W,searchInputRef:ee,shouldClick:z,onClickCallback:()=>{G(false);te()}});const ne=O||t.createRef();const ce=e=>{if(ne.current&&e){const t=e.getAttribute("data-value");const s=[...ne.current.options];const a=s.filter((e=>e.selected)).map((e=>e.value));s.forEach((e=>{if(e.value===t||a.includes(e.value))e.selected=true}));ne.current.dispatchEvent(new Event("change",{bubbles:true}))}M(false);te()};const oe=e=>{if(ne.current){const t=[...ne.current.options];t.find((t=>t.value===e)).selected=false;ne.current.dispatchEvent(new Event("change",{bubbles:true}))}};const ue=t.useRef(null);const{onArrowNavigation:ie}=d.useArrowNavigation({expanded:F,setExpanded:M,setFocusedSelectItem:V,childrenCount:W,setShouldClick:G,addBtnRef:ae,searchInputRef:ee,customSelectButtonRef:ue,onClose:te});const{listPosition:de,opacity:fe,optionsListMaxHeight:pe,setListPosition:he,setOpacity:me}=o.useSelectPositionList({expanded:F,optionListReference:T,containerReference:K,addBtnRef:ae});const ve=e=>{const t=h["default"].Children.map(b,(e=>e));const s=e.map((e=>{const s=t.find((t=>t.props.value===e));return{value:e,label:s===null||s===void 0?void 0:s.props.children,fixed:s===null||s===void 0?void 0:s.props.fixed}}));H(s)};const be=e=>{if(ne.current){const t=[...ne.current.options];t.forEach((t=>{if(e.includes(t.value))t.selected=true;else t.selected=false}))}};const Ce=()=>{const t=e=>e.filter((e=>typeof e==="object"&&"props"in e&&!_.find((t=>t.value===e.props.value))));let s;if(Y!==""){const e=h["default"].Children.toArray(b).filter((e=>e.props.children.toLowerCase().match(r.escapeRegExp(Y.toLowerCase()))!==null));s=a(t(e))}else s=a(t(h["default"].Children.toArray(b)));W!==s.length&&X(s.length);if(s.length===0)return h["default"].createElement("li",{className:e["default"]["no-results"]},k);return s;function a(e){return h["default"].Children.map(e,((e,t)=>h["default"].cloneElement(e,{onFocusChange:e=>{V(e)},onOptionSelect:e=>{ce(e.current);M(false);G(false)},isSearching:false,selectOpened:F,childIndex:t,hasFocus:U===t,shouldClick:z,id:m(D.current,t)})))}};const Se=()=>F?h["default"].createElement(n.Icon,{className:e["default"]["chevron-icon"],icon:n.Icons.ChevronUp}):h["default"].createElement(n.Icon,{className:e["default"]["chevron-icon"],icon:n.Icons.ChevronDown});const je=a.useDetermineStatusIcon({success:R,error:w});const Ee=e=>{P===null||P===void 0?void 0:P(e)};t.useEffect((()=>{if(F&&ee.current){Q(true);ee.current.focus()}if(!F&&ue.current&&J){Q(false);ue.current.focus()}}),[F,ue.current,J,ee.current]);t.useEffect((()=>{ve(B);be(B)}),[B]);s.useBodyClick((e=>!e.target.closest(".custom-select")&&F),(()=>{M(false);he({top:0,bottom:"initial"});me(0)}),F);const ye=[];F&&ye.push(e["default"].expanded);w&&ye.push(e["default"].error);S&&ye.push(e["default"].disabled);x&&ye.push(x);R&&ye.push(e["default"].success);const ge=()=>{M((e=>!e));G(false)};return h["default"].createElement(t.Fragment,null,h["default"].createElement("select",{...r.filterProps($,/^data-/,false),tabIndex:-1,multiple:true,"aria-hidden":"true",ref:ne,name:C,onChange:Ee,className:l["default"]["sr-only"]},h["default"].createElement("option",{value:""}),h["default"].Children.map(b,(e=>h["default"].createElement("option",{value:e.props.value})))),h["default"].createElement("div",{...r.filterProps($,/^data-/),id:D.current,ref:K,onKeyDown:ie,className:`custom-select ${e["default"].select} ${ye.join(" ")} ${x!==null&&x!==void 0?x:""}`},h["default"].createElement("div",{className:`${e["default"]["custom-select"]} ${ye.join(" ")} `,style:{display:"flex"}},h["default"].createElement("div",{className:e["default"]["display-container"],"data-display":true},h["default"].createElement(u.SelectButton,{...N,onClick:ge,name:C,ref:ue,disabled:S,"aria-disabled":S,"aria-invalid":w,"aria-expanded":F,"aria-haspopup":"listbox","aria-labelledby":j,"aria-describedby":y}),(B===null||B===void 0?void 0:B.length)===0&&E&&h["default"].createElement("span",{className:e["default"]["placeholder"]},E),(B===null||B===void 0?void 0:B.length)>0&&h["default"].createElement(i.SelectedOptions,{disabled:S,display:_,onClick:ge,onRemove:oe}),se&&Z()),h["default"].createElement("div",{className:e["default"]["status"]},je||Se())),h["default"].createElement("div",{ref:T,className:`list-wrapper ${e["default"]["list-wrapper"]}`,style:{display:F?"block":"none",opacity:fe,maxHeight:pe.wrapper,pointerEvents:F?"auto":"none",...de}},h["default"].createElement("ul",{id:v(D.current),className:le,role:"listbox","aria-multiselectable":"true",style:{maxHeight:pe.list}},Ce()),re())))};const C=h["default"].forwardRef(b);exports.MultiSelect=C;
+"use strict";var e=require("./MultiSelect.module.scss.cjs.js"),t=require("react"),s=require("../../../src/hooks/useBodyClick.cjs.js"),r=require("../../../src/hooks/useDetermineStatusIcon.cjs.js"),l=require("../../../src/readyclasses.module.scss.cjs.js"),a=require("../../../src/util/helper.cjs.js"),n=require("../../../Icon/Icon.cjs.js"),c=require("../useAddNewBtn.cjs.js"),o=require("../useSelectPositionList.cjs.js"),i=require("./SelectButton.cjs.js"),u=require("./SelectedOptions.cjs.js"),d=require("./useArrowNavigation.cjs.js"),p=require("./useSearch.cjs.js");const h=(e,t)=>`${e}_option${t}`,f=e=>`${e}_listbox`,m=t.forwardRef((({id:m,children:v,name:b,disabled:C=!1,labeledBy:S,placeholder:E,describedBy:j,selectButtonProps:g={},className:y,error:N=!1,success:I=!1,value:x,clearLabel:w="Clear selection",noResultsLabel:R="No results found",onChange:B,addNew:q,search:k={enabled:!0,renderThreshold:0,searchPlaceholder:"Search item"},...L},A)=>{const $=t.useRef(null!=m?m:a.generateID(20)),[P,O]=t.useState(!1),[D,F]=t.useState([]),H=t.useRef(null),M=t.useRef(null),[_,K]=t.useState(0),[T,U]=t.useState(!1),[V,z]=t.useState(!1),[G,J]=t.useState(t.Children.count(v)-D.length),{filter:Q,renderSearch:W,searchInputRef:X,resetSearchState:Y,searchVisible:Z}=p.useSearch({selectId:$.current,expanded:P,search:k,searchInputClassName:e.default["select-search"],optionsCount:G,focusedSelectItem:_,setFocusedSelectItem:K,describedBy:j,getOptionId:h,getListboxId:f}),{addBtnRef:ee,addNewBtnOptionsContainerClassName:te,renderAddNew:se}=c.useAddNewBtn({id:h($.current,G),addNew:q,filter:Q,focusedSelectItem:_,optionsCount:G,searchInputRef:X,shouldClick:T,onClickCallback:()=>{U(!1),Y()}}),re=A||t.createRef(),le=t.useRef(null),{onArrowNavigation:ae}=d.useArrowNavigation({expanded:P,setExpanded:O,setFocusedSelectItem:K,childrenCount:G,setShouldClick:U,addBtnRef:ee,searchInputRef:X,customSelectButtonRef:le,onClose:Y}),{listPosition:ne,opacity:ce,optionsListMaxHeight:oe,setListPosition:ie,setOpacity:ue}=o.useSelectPositionList({expanded:P,optionListReference:M,containerReference:H,addBtnRef:ee}),de=r.useDetermineStatusIcon({success:I,error:N});t.useEffect((()=>{P&&X.current&&(z(!0),X.current.focus()),!P&&le.current&&V&&(z(!1),le.current.focus())}),[P,le.current,V,X.current]),t.useEffect((()=>{var e;(e=>{const s=t.Children.map(v,(e=>e)),r=e.map((e=>{const t=s.find((t=>t.props.value===e));return{value:e,label:null==t?void 0:t.props.children,fixed:null==t?void 0:t.props.fixed}}));F(r)})(x),e=x,re.current&&[...re.current.options].forEach((t=>{e.includes(t.value)?t.selected=!0:t.selected=!1}))}),[x]),s.useBodyClick((e=>!e.target.closest(".custom-select")&&P),(()=>{O(!1),ie({top:0,bottom:"initial"}),ue(0)}),P);const pe=[];P&&pe.push(e.default.expanded),N&&pe.push(e.default.error),C&&pe.push(e.default.disabled),y&&pe.push(y),I&&pe.push(e.default.success);const he=()=>{O((e=>!e)),U(!1)};return t.createElement(t.Fragment,null,t.createElement("select",{...a.filterProps(L,/^data-/,!1),tabIndex:-1,multiple:!0,"aria-hidden":"true",ref:re,name:b,onChange:e=>{null==B||B(e)},className:l.default["sr-only"]},t.createElement("option",{value:""}),t.Children.map(v,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...a.filterProps(L,/^data-/),id:$.current,ref:H,onKeyDown:ae,className:`custom-select ${e.default.select} ${pe.join(" ")} ${null!=y?y:""}`},t.createElement("div",{className:`${e.default["custom-select"]} ${pe.join(" ")} `,style:{display:"flex"}},t.createElement("div",{className:e.default["display-container"],"data-display":!0},t.createElement(i.SelectButton,{...g,onClick:he,name:b,ref:le,disabled:C,"aria-disabled":C,"aria-invalid":N,"aria-expanded":P,"aria-haspopup":"listbox","aria-labelledby":S,"aria-describedby":j}),0===(null==x?void 0:x.length)&&E&&t.createElement("span",{className:e.default.placeholder},E),(null==x?void 0:x.length)>0&&t.createElement(u.SelectedOptions,{disabled:C,display:D,onClick:he,onRemove:e=>{if(re.current){[...re.current.options].find((t=>t.value===e)).selected=!1,re.current.dispatchEvent(new Event("change",{bubbles:!0}))}}}),Z&&W()),t.createElement("div",{className:e.default.status},de||(P?t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronUp}):t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronDown})))),t.createElement("div",{ref:M,className:`list-wrapper ${e.default["list-wrapper"]}`,style:{display:P?"block":"none",opacity:ce,maxHeight:oe.wrapper,pointerEvents:P?"auto":"none",...ne}},t.createElement("ul",{id:f($.current),className:te,role:"listbox","aria-multiselectable":"true",style:{maxHeight:oe.list}},(()=>{const s=e=>e.filter((e=>"object"==typeof e&&"props"in e&&!D.find((t=>t.value===e.props.value))));let r;if(""!==Q){r=l(s(t.Children.toArray(v).filter((e=>null!==e.props.children.toLowerCase().match(a.escapeRegExp(Q.toLowerCase()))))))}else r=l(s(t.Children.toArray(v)));return G!==r.length&&J(r.length),0===r.length?t.createElement("li",{className:e.default["no-results"]},R):r;function l(e){return t.Children.map(e,((e,s)=>t.cloneElement(e,{onFocusChange:e=>{K(e)},onOptionSelect:e=>{(e=>{if(re.current&&e){const t=e.getAttribute("data-value"),s=[...re.current.options],r=s.filter((e=>e.selected)).map((e=>e.value));s.forEach((e=>{(e.value===t||r.includes(e.value))&&(e.selected=!0)})),re.current.dispatchEvent(new Event("change",{bubbles:!0}))}O(!1),Y()})(e.current),O(!1),U(!1)},isSearching:!1,selectOpened:P,childIndex:s,hasFocus:_===s,shouldClick:T,id:h($.current,s)})))}})()),se())))}));exports.MultiSelect=m;
 //# sourceMappingURL=MultiSelect.cjs.js.map