@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/components/ToggleGroup/index.cjs

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const icons = require("@ultraviolet/icons");
+const React = require("react");
+const index = require("../Stack/index.cjs");
+const index$1 = require("../Text/index.cjs");
+const index$2 = require("../Toggle/index.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const ToggleGroupContext = React.createContext(void 0);
+const ToggleGroupToggle = ({
+  disabled,
+  name,
+  value,
+  label,
+  helper,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const context = React.useContext(ToggleGroupContext);
+  if (!context) {
+    throw new Error("ToggleGroup.Toggle can only be used inside a ToggleGroup");
+  }
+  const {
+    groupName,
+    onChange,
+    groupValues
+  } = context;
+  const ToggleName = `${groupName}.${name}`;
+  const ToggleValue = `${value}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(index$2.Toggle, { onChange, checked: groupValues?.includes(ToggleValue), disabled, name: ToggleName, value: ToggleValue, helper, className, "data-testid": dataTestId, label });
+};
+const FieldSet = /* @__PURE__ */ _styled__default.default("fieldset", process.env.NODE_ENV === "production" ? {
+  target: "e1qvneex1"
+} : {
+  target: "e1qvneex1",
+  label: "FieldSet"
+})(process.env.NODE_ENV === "production" ? {
+  name: "7o2an9",
+  styles: "border:none;padding:0;margin:0"
+} : {
+  name: "7o2an9",
+  styles: "border:none;padding:0;margin:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7XG4gIHR5cGUgQ29tcG9uZW50UHJvcHMsXG4gIHR5cGUgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9nZ2xlIH0gZnJvbSAnLi4vVG9nZ2xlJ1xuXG50eXBlIFRvZ2dsZUdyb3VwQ29udGV4dFR5cGUgPSB7XG4gIGdyb3VwTmFtZTogc3RyaW5nXG4gIGdyb3VwVmFsdWVzOiBzdHJpbmdbXVxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5jb25zdCBUb2dnbGVHcm91cENvbnRleHQgPSBjcmVhdGVDb250ZXh0PFRvZ2dsZUdyb3VwQ29udGV4dFR5cGUgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pXG5cbnR5cGUgVG9nZ2xlR3JvdXBUb2dnbGVQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBUb2dnbGU+LFxuICAnb25DaGFuZ2UnIHwgJ2NoZWNrZWQnIHwgJ3JlcXVpcmVkJ1xuPiAmIHtcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG4vKipcbiAqIFRvZ2dsZUdyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHlvdSB0byBncm91cCBhIHNldCBvZiBUb2dnbGUgY29tcG9uZW50cyB0b2dldGhlciB1bmRlciB0aGUgc2FtZSBsZWdlbmQuXG4gKi9cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cFRvZ2dsZSA9ICh7XG4gIGRpc2FibGVkLFxuICBuYW1lLFxuICB2YWx1ZSxcbiAgbGFiZWwsXG4gIGhlbHBlcixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogVG9nZ2xlR3JvdXBUb2dnbGVQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChUb2dnbGVHcm91cENvbnRleHQpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKCdUb2dnbGVHcm91cC5Ub2dnbGUgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBUb2dnbGVHcm91cCcpXG4gIH1cblxuICBjb25zdCB7IGdyb3VwTmFtZSwgb25DaGFuZ2UsIGdyb3VwVmFsdWVzIH0gPSBjb250ZXh0XG5cbiAgY29uc3QgVG9nZ2xlTmFtZSA9IGAke2dyb3VwTmFtZX0uJHtuYW1lfWBcbiAgY29uc3QgVG9nZ2xlVmFsdWUgPSBgJHt2YWx1ZX1gXG5cbiAgcmV0dXJuIChcbiAgICA8VG9nZ2xlXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBjaGVja2VkPXtncm91cFZhbHVlcz8uaW5jbHVkZXMoVG9nZ2xlVmFsdWUpfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgbmFtZT17VG9nZ2xlTmFtZX1cbiAgICAgIHZhbHVlPXtUb2dnbGVWYWx1ZX1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IEZpZWxkU2V0ID0gc3R5bGVkLmZpZWxkc2V0YFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgU3R5bGVkUmVxdWlyZWRJY29uID0gc3R5bGVkKEljb24pYFxuICB2ZXJ0aWNhbC1hbGlnbjogc3VwZXI7XG5gXG5cbnR5cGUgVG9nZ2xlR3JvdXBQcm9wcyA9IHtcbiAgbGVnZW5kOiBzdHJpbmdcbiAgdmFsdWU/OiBzdHJpbmdbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIGVycm9yPzogUmVhY3ROb2RlXG4gIGRpcmVjdGlvbj86ICdyb3cnIHwgJ2NvbHVtbidcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICByZXF1aXJlZD86IGJvb2xlYW5cbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZScgfCAnbmFtZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJz5cblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUdyb3VwID0gKHtcbiAgbGVnZW5kLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBkaXJlY3Rpb24gPSAnY29sdW1uJyxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBuYW1lLFxuICByZXF1aXJlZCA9IGZhbHNlLFxufTogVG9nZ2xlR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBncm91cE5hbWU6IG5hbWUsXG4gICAgICBncm91cFZhbHVlczogdmFsdWUgPz8gW10sXG4gICAgICBvbkNoYW5nZSxcbiAgICB9KSxcbiAgICBbbmFtZSwgdmFsdWUsIG9uQ2hhbmdlXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFRvZ2dsZUdyb3VwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8RmllbGRTZXQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgIDxTdGFjayBnYXA9ezEuNX0+XG4gICAgICAgICAgICA8VGV4dCBhcz1cImxlZ2VuZFwiIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCI+XG4gICAgICAgICAgICAgIHtsZWdlbmR9Jm5ic3A7XG4gICAgICAgICAgICAgIHtyZXF1aXJlZCA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkUmVxdWlyZWRJY29uIG5hbWU9XCJhc3Rlcmlza1wiIGNvbG9yPVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8U3RhY2sgZ2FwPXsyfSBkaXJlY3Rpb249e2RpcmVjdGlvbn0+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9GaWVsZFNldD5cbiAgICAgICAge2hlbHBlciA/IChcbiAgICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVNtYWxsXCIgcHJvbWluZW5jZT1cIndlYWtcIj5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgIDxUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIiBzZW50aW1lbnQ9XCJkYW5nZXJcIiBwcm9taW5lbmNlPVwid2Vha1wiPlxuICAgICAgICAgICAge2Vycm9yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvVG9nZ2xlR3JvdXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblRvZ2dsZUdyb3VwLlRvZ2dsZSA9IFRvZ2dsZUdyb3VwVG9nZ2xlXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledRequiredIcon = /* @__PURE__ */ _styled__default.default(icons.Icon, process.env.NODE_ENV === "production" ? {
+  target: "e1qvneex0"
+} : {
+  target: "e1qvneex0",
+  label: "StyledRequiredIcon"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1nglpc5",
+  styles: "vertical-align:super"
+} : {
+  name: "1nglpc5",
+  styles: "vertical-align:super",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRXVDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7XG4gIHR5cGUgQ29tcG9uZW50UHJvcHMsXG4gIHR5cGUgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9nZ2xlIH0gZnJvbSAnLi4vVG9nZ2xlJ1xuXG50eXBlIFRvZ2dsZUdyb3VwQ29udGV4dFR5cGUgPSB7XG4gIGdyb3VwTmFtZTogc3RyaW5nXG4gIGdyb3VwVmFsdWVzOiBzdHJpbmdbXVxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5jb25zdCBUb2dnbGVHcm91cENvbnRleHQgPSBjcmVhdGVDb250ZXh0PFRvZ2dsZUdyb3VwQ29udGV4dFR5cGUgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pXG5cbnR5cGUgVG9nZ2xlR3JvdXBUb2dnbGVQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBUb2dnbGU+LFxuICAnb25DaGFuZ2UnIHwgJ2NoZWNrZWQnIHwgJ3JlcXVpcmVkJ1xuPiAmIHtcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG4vKipcbiAqIFRvZ2dsZUdyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHlvdSB0byBncm91cCBhIHNldCBvZiBUb2dnbGUgY29tcG9uZW50cyB0b2dldGhlciB1bmRlciB0aGUgc2FtZSBsZWdlbmQuXG4gKi9cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cFRvZ2dsZSA9ICh7XG4gIGRpc2FibGVkLFxuICBuYW1lLFxuICB2YWx1ZSxcbiAgbGFiZWwsXG4gIGhlbHBlcixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogVG9nZ2xlR3JvdXBUb2dnbGVQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChUb2dnbGVHcm91cENvbnRleHQpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKCdUb2dnbGVHcm91cC5Ub2dnbGUgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBUb2dnbGVHcm91cCcpXG4gIH1cblxuICBjb25zdCB7IGdyb3VwTmFtZSwgb25DaGFuZ2UsIGdyb3VwVmFsdWVzIH0gPSBjb250ZXh0XG5cbiAgY29uc3QgVG9nZ2xlTmFtZSA9IGAke2dyb3VwTmFtZX0uJHtuYW1lfWBcbiAgY29uc3QgVG9nZ2xlVmFsdWUgPSBgJHt2YWx1ZX1gXG5cbiAgcmV0dXJuIChcbiAgICA8VG9nZ2xlXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBjaGVja2VkPXtncm91cFZhbHVlcz8uaW5jbHVkZXMoVG9nZ2xlVmFsdWUpfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgbmFtZT17VG9nZ2xlTmFtZX1cbiAgICAgIHZhbHVlPXtUb2dnbGVWYWx1ZX1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IEZpZWxkU2V0ID0gc3R5bGVkLmZpZWxkc2V0YFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgU3R5bGVkUmVxdWlyZWRJY29uID0gc3R5bGVkKEljb24pYFxuICB2ZXJ0aWNhbC1hbGlnbjogc3VwZXI7XG5gXG5cbnR5cGUgVG9nZ2xlR3JvdXBQcm9wcyA9IHtcbiAgbGVnZW5kOiBzdHJpbmdcbiAgdmFsdWU/OiBzdHJpbmdbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIGVycm9yPzogUmVhY3ROb2RlXG4gIGRpcmVjdGlvbj86ICdyb3cnIHwgJ2NvbHVtbidcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICByZXF1aXJlZD86IGJvb2xlYW5cbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZScgfCAnbmFtZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJz5cblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUdyb3VwID0gKHtcbiAgbGVnZW5kLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBkaXJlY3Rpb24gPSAnY29sdW1uJyxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBuYW1lLFxuICByZXF1aXJlZCA9IGZhbHNlLFxufTogVG9nZ2xlR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBncm91cE5hbWU6IG5hbWUsXG4gICAgICBncm91cFZhbHVlczogdmFsdWUgPz8gW10sXG4gICAgICBvbkNoYW5nZSxcbiAgICB9KSxcbiAgICBbbmFtZSwgdmFsdWUsIG9uQ2hhbmdlXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFRvZ2dsZUdyb3VwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8RmllbGRTZXQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgIDxTdGFjayBnYXA9ezEuNX0+XG4gICAgICAgICAgICA8VGV4dCBhcz1cImxlZ2VuZFwiIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCI+XG4gICAgICAgICAgICAgIHtsZWdlbmR9Jm5ic3A7XG4gICAgICAgICAgICAgIHtyZXF1aXJlZCA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkUmVxdWlyZWRJY29uIG5hbWU9XCJhc3Rlcmlza1wiIGNvbG9yPVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8U3RhY2sgZ2FwPXsyfSBkaXJlY3Rpb249e2RpcmVjdGlvbn0+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9GaWVsZFNldD5cbiAgICAgICAge2hlbHBlciA/IChcbiAgICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVNtYWxsXCIgcHJvbWluZW5jZT1cIndlYWtcIj5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgIDxUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIiBzZW50aW1lbnQ9XCJkYW5nZXJcIiBwcm9taW5lbmNlPVwid2Vha1wiPlxuICAgICAgICAgICAge2Vycm9yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvVG9nZ2xlR3JvdXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblRvZ2dsZUdyb3VwLlRvZ2dsZSA9IFRvZ2dsZUdyb3VwVG9nZ2xlXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ToggleGroup = ({
+  legend,
+  value,
+  className,
+  helper,
+  error,
+  direction = "column",
+  children,
+  onChange,
+  name,
+  required = false
+}) => {
+  const contextValue = React.useMemo(() => ({
+    groupName: name,
+    groupValues: value ?? [],
+    onChange
+  }), [name, value, onChange]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FieldSet, { className, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1.5, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(index$1.Text, { as: "legend", variant: "bodyStrong", children: [
+        legend,
+        " ",
+        required ? /* @__PURE__ */ jsxRuntime.jsx(StyledRequiredIcon, { name: "asterisk", color: "danger", size: 8 }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { gap: 2, direction, children })
+    ] }) }),
+    helper ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", variant: "bodySmall", prominence: "weak", children: helper }) : null,
+    error ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", variant: "bodySmall", sentiment: "danger", prominence: "weak", children: error }) : null
+  ] }) });
+};
+ToggleGroup.Toggle = ToggleGroupToggle;
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupToggle = ToggleGroupToggle;

package/dist/components/ToggleGroup/index.js

@@ -1,13 +1,14 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Icon } from "@ultraviolet/icons";
 import { createContext, useMemo, useContext } from "react";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { Toggle } from "../Toggle/index.js";
-const ToggleGroupContext = createContext(
-  void 0
-);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const ToggleGroupContext = createContext(void 0);
 const ToggleGroupToggle = ({
   disabled,
   name,
@@ -21,32 +22,43 @@ const ToggleGroupToggle = ({
   if (!context) {
     throw new Error("ToggleGroup.Toggle can only be used inside a ToggleGroup");
   }
-  const { groupName, onChange, groupValues } = context;
+  const {
+    groupName,
+    onChange,
+    groupValues
+  } = context;
   const ToggleName = `${groupName}.${name}`;
   const ToggleValue = `${value}`;
-  return /* @__PURE__ */ jsx(
-    Toggle,
-    {
-      onChange,
-      checked: groupValues?.includes(ToggleValue),
-      disabled,
-      name: ToggleName,
-      value: ToggleValue,
-      helper,
-      className,
-      "data-testid": dataTestId,
-      label
-    }
-  );
+  return /* @__PURE__ */ jsx(Toggle, { onChange, checked: groupValues?.includes(ToggleValue), disabled, name: ToggleName, value: ToggleValue, helper, className, "data-testid": dataTestId, label });
 };
-const FieldSet = styled.fieldset`
-  border: none;
-  padding: 0;
-  margin: 0;
-`;
-const StyledRequiredIcon = styled(Icon)`
-  vertical-align: super;
-`;
+const FieldSet = /* @__PURE__ */ _styled("fieldset", process.env.NODE_ENV === "production" ? {
+  target: "e1qvneex1"
+} : {
+  target: "e1qvneex1",
+  label: "FieldSet"
+})(process.env.NODE_ENV === "production" ? {
+  name: "7o2an9",
+  styles: "border:none;padding:0;margin:0"
+} : {
+  name: "7o2an9",
+  styles: "border:none;padding:0;margin:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7XG4gIHR5cGUgQ29tcG9uZW50UHJvcHMsXG4gIHR5cGUgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9nZ2xlIH0gZnJvbSAnLi4vVG9nZ2xlJ1xuXG50eXBlIFRvZ2dsZUdyb3VwQ29udGV4dFR5cGUgPSB7XG4gIGdyb3VwTmFtZTogc3RyaW5nXG4gIGdyb3VwVmFsdWVzOiBzdHJpbmdbXVxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5jb25zdCBUb2dnbGVHcm91cENvbnRleHQgPSBjcmVhdGVDb250ZXh0PFRvZ2dsZUdyb3VwQ29udGV4dFR5cGUgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pXG5cbnR5cGUgVG9nZ2xlR3JvdXBUb2dnbGVQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBUb2dnbGU+LFxuICAnb25DaGFuZ2UnIHwgJ2NoZWNrZWQnIHwgJ3JlcXVpcmVkJ1xuPiAmIHtcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG4vKipcbiAqIFRvZ2dsZUdyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHlvdSB0byBncm91cCBhIHNldCBvZiBUb2dnbGUgY29tcG9uZW50cyB0b2dldGhlciB1bmRlciB0aGUgc2FtZSBsZWdlbmQuXG4gKi9cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cFRvZ2dsZSA9ICh7XG4gIGRpc2FibGVkLFxuICBuYW1lLFxuICB2YWx1ZSxcbiAgbGFiZWwsXG4gIGhlbHBlcixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogVG9nZ2xlR3JvdXBUb2dnbGVQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChUb2dnbGVHcm91cENvbnRleHQpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKCdUb2dnbGVHcm91cC5Ub2dnbGUgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBUb2dnbGVHcm91cCcpXG4gIH1cblxuICBjb25zdCB7IGdyb3VwTmFtZSwgb25DaGFuZ2UsIGdyb3VwVmFsdWVzIH0gPSBjb250ZXh0XG5cbiAgY29uc3QgVG9nZ2xlTmFtZSA9IGAke2dyb3VwTmFtZX0uJHtuYW1lfWBcbiAgY29uc3QgVG9nZ2xlVmFsdWUgPSBgJHt2YWx1ZX1gXG5cbiAgcmV0dXJuIChcbiAgICA8VG9nZ2xlXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBjaGVja2VkPXtncm91cFZhbHVlcz8uaW5jbHVkZXMoVG9nZ2xlVmFsdWUpfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgbmFtZT17VG9nZ2xlTmFtZX1cbiAgICAgIHZhbHVlPXtUb2dnbGVWYWx1ZX1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IEZpZWxkU2V0ID0gc3R5bGVkLmZpZWxkc2V0YFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgU3R5bGVkUmVxdWlyZWRJY29uID0gc3R5bGVkKEljb24pYFxuICB2ZXJ0aWNhbC1hbGlnbjogc3VwZXI7XG5gXG5cbnR5cGUgVG9nZ2xlR3JvdXBQcm9wcyA9IHtcbiAgbGVnZW5kOiBzdHJpbmdcbiAgdmFsdWU/OiBzdHJpbmdbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIGVycm9yPzogUmVhY3ROb2RlXG4gIGRpcmVjdGlvbj86ICdyb3cnIHwgJ2NvbHVtbidcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICByZXF1aXJlZD86IGJvb2xlYW5cbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZScgfCAnbmFtZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJz5cblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUdyb3VwID0gKHtcbiAgbGVnZW5kLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBkaXJlY3Rpb24gPSAnY29sdW1uJyxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBuYW1lLFxuICByZXF1aXJlZCA9IGZhbHNlLFxufTogVG9nZ2xlR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBncm91cE5hbWU6IG5hbWUsXG4gICAgICBncm91cFZhbHVlczogdmFsdWUgPz8gW10sXG4gICAgICBvbkNoYW5nZSxcbiAgICB9KSxcbiAgICBbbmFtZSwgdmFsdWUsIG9uQ2hhbmdlXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFRvZ2dsZUdyb3VwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8RmllbGRTZXQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgIDxTdGFjayBnYXA9ezEuNX0+XG4gICAgICAgICAgICA8VGV4dCBhcz1cImxlZ2VuZFwiIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCI+XG4gICAgICAgICAgICAgIHtsZWdlbmR9Jm5ic3A7XG4gICAgICAgICAgICAgIHtyZXF1aXJlZCA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkUmVxdWlyZWRJY29uIG5hbWU9XCJhc3Rlcmlza1wiIGNvbG9yPVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8U3RhY2sgZ2FwPXsyfSBkaXJlY3Rpb249e2RpcmVjdGlvbn0+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9GaWVsZFNldD5cbiAgICAgICAge2hlbHBlciA/IChcbiAgICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVNtYWxsXCIgcHJvbWluZW5jZT1cIndlYWtcIj5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgIDxUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIiBzZW50aW1lbnQ9XCJkYW5nZXJcIiBwcm9taW5lbmNlPVwid2Vha1wiPlxuICAgICAgICAgICAge2Vycm9yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvVG9nZ2xlR3JvdXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblRvZ2dsZUdyb3VwLlRvZ2dsZSA9IFRvZ2dsZUdyb3VwVG9nZ2xlXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledRequiredIcon = /* @__PURE__ */ _styled(Icon, process.env.NODE_ENV === "production" ? {
+  target: "e1qvneex0"
+} : {
+  target: "e1qvneex0",
+  label: "StyledRequiredIcon"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1nglpc5",
+  styles: "vertical-align:super"
+} : {
+  name: "1nglpc5",
+  styles: "vertical-align:super",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRXVDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7XG4gIHR5cGUgQ29tcG9uZW50UHJvcHMsXG4gIHR5cGUgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9nZ2xlIH0gZnJvbSAnLi4vVG9nZ2xlJ1xuXG50eXBlIFRvZ2dsZUdyb3VwQ29udGV4dFR5cGUgPSB7XG4gIGdyb3VwTmFtZTogc3RyaW5nXG4gIGdyb3VwVmFsdWVzOiBzdHJpbmdbXVxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5jb25zdCBUb2dnbGVHcm91cENvbnRleHQgPSBjcmVhdGVDb250ZXh0PFRvZ2dsZUdyb3VwQ29udGV4dFR5cGUgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pXG5cbnR5cGUgVG9nZ2xlR3JvdXBUb2dnbGVQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBUb2dnbGU+LFxuICAnb25DaGFuZ2UnIHwgJ2NoZWNrZWQnIHwgJ3JlcXVpcmVkJ1xuPiAmIHtcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG4vKipcbiAqIFRvZ2dsZUdyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHlvdSB0byBncm91cCBhIHNldCBvZiBUb2dnbGUgY29tcG9uZW50cyB0b2dldGhlciB1bmRlciB0aGUgc2FtZSBsZWdlbmQuXG4gKi9cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cFRvZ2dsZSA9ICh7XG4gIGRpc2FibGVkLFxuICBuYW1lLFxuICB2YWx1ZSxcbiAgbGFiZWwsXG4gIGhlbHBlcixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogVG9nZ2xlR3JvdXBUb2dnbGVQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChUb2dnbGVHcm91cENvbnRleHQpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKCdUb2dnbGVHcm91cC5Ub2dnbGUgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBUb2dnbGVHcm91cCcpXG4gIH1cblxuICBjb25zdCB7IGdyb3VwTmFtZSwgb25DaGFuZ2UsIGdyb3VwVmFsdWVzIH0gPSBjb250ZXh0XG5cbiAgY29uc3QgVG9nZ2xlTmFtZSA9IGAke2dyb3VwTmFtZX0uJHtuYW1lfWBcbiAgY29uc3QgVG9nZ2xlVmFsdWUgPSBgJHt2YWx1ZX1gXG5cbiAgcmV0dXJuIChcbiAgICA8VG9nZ2xlXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBjaGVja2VkPXtncm91cFZhbHVlcz8uaW5jbHVkZXMoVG9nZ2xlVmFsdWUpfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgbmFtZT17VG9nZ2xlTmFtZX1cbiAgICAgIHZhbHVlPXtUb2dnbGVWYWx1ZX1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IEZpZWxkU2V0ID0gc3R5bGVkLmZpZWxkc2V0YFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgU3R5bGVkUmVxdWlyZWRJY29uID0gc3R5bGVkKEljb24pYFxuICB2ZXJ0aWNhbC1hbGlnbjogc3VwZXI7XG5gXG5cbnR5cGUgVG9nZ2xlR3JvdXBQcm9wcyA9IHtcbiAgbGVnZW5kOiBzdHJpbmdcbiAgdmFsdWU/OiBzdHJpbmdbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIGVycm9yPzogUmVhY3ROb2RlXG4gIGRpcmVjdGlvbj86ICdyb3cnIHwgJ2NvbHVtbidcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICByZXF1aXJlZD86IGJvb2xlYW5cbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZScgfCAnbmFtZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJz5cblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUdyb3VwID0gKHtcbiAgbGVnZW5kLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBkaXJlY3Rpb24gPSAnY29sdW1uJyxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBuYW1lLFxuICByZXF1aXJlZCA9IGZhbHNlLFxufTogVG9nZ2xlR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBncm91cE5hbWU6IG5hbWUsXG4gICAgICBncm91cFZhbHVlczogdmFsdWUgPz8gW10sXG4gICAgICBvbkNoYW5nZSxcbiAgICB9KSxcbiAgICBbbmFtZSwgdmFsdWUsIG9uQ2hhbmdlXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFRvZ2dsZUdyb3VwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8RmllbGRTZXQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgIDxTdGFjayBnYXA9ezEuNX0+XG4gICAgICAgICAgICA8VGV4dCBhcz1cImxlZ2VuZFwiIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCI+XG4gICAgICAgICAgICAgIHtsZWdlbmR9Jm5ic3A7XG4gICAgICAgICAgICAgIHtyZXF1aXJlZCA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkUmVxdWlyZWRJY29uIG5hbWU9XCJhc3Rlcmlza1wiIGNvbG9yPVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8U3RhY2sgZ2FwPXsyfSBkaXJlY3Rpb249e2RpcmVjdGlvbn0+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9GaWVsZFNldD5cbiAgICAgICAge2hlbHBlciA/IChcbiAgICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVNtYWxsXCIgcHJvbWluZW5jZT1cIndlYWtcIj5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgIDxUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIiBzZW50aW1lbnQ9XCJkYW5nZXJcIiBwcm9taW5lbmNlPVwid2Vha1wiPlxuICAgICAgICAgICAge2Vycm9yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvVG9nZ2xlR3JvdXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblRvZ2dsZUdyb3VwLlRvZ2dsZSA9IFRvZ2dsZUdyb3VwVG9nZ2xlXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const ToggleGroup = ({
   legend,
   value,
@@ -59,14 +71,11 @@ const ToggleGroup = ({
   name,
   required = false
 }) => {
-  const contextValue = useMemo(
-    () => ({
-      groupName: name,
-      groupValues: value ?? [],
-      onChange
-    }),
-    [name, value, onChange]
-  );
+  const contextValue = useMemo(() => ({
+    groupName: name,
+    groupValues: value ?? [],
+    onChange
+  }), [name, value, onChange]);
   return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
     /* @__PURE__ */ jsx(FieldSet, { className, children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
       /* @__PURE__ */ jsxs(Text, { as: "legend", variant: "bodyStrong", children: [

package/dist/components/Tooltip/index.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const index = require("../Popup/index.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledPopup = /* @__PURE__ */ _styled__default.default(index.Popup, process.env.NODE_ENV === "production" ? {
+  target: "e1h4zly10"
+} : {
+  target: "e1h4zly10",
+  label: "StyledPopup"
+})(process.env.NODE_ENV === "production" ? {
+  name: "je8g23",
+  styles: "pointer-events:none"
+} : {
+  name: "je8g23",
+  styles: "pointer-events:none",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICcuLi9Qb3B1cCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSBQaWNrPFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+LFxuICB8ICdpZCdcbiAgfCAnY2hpbGRyZW4nXG4gIHwgJ21heFdpZHRoJ1xuICB8ICdwbGFjZW1lbnQnXG4gIHwgJ3RleHQnXG4gIHwgJ2NsYXNzTmFtZSdcbiAgfCAndmlzaWJsZSdcbiAgfCAnaW5uZXJSZWYnXG4gIHwgJ3JvbGUnXG4gIHwgJ2RhdGEtdGVzdGlkJ1xuICB8ICdjb250YWluZXJGdWxsV2lkdGgnXG4gIHwgJ3BvcnRhbFRhcmdldCdcbiAgfCAndGFiSW5kZXgnXG4gIHwgJ2RlYm91bmNlRGVsYXknXG4+XG5cbmNvbnN0IFN0eWxlZFBvcHVwID0gc3R5bGVkKFBvcHVwKWBcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gXG5cbi8qKlxuICogVG9vbHRpcCBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGFkZGl0aW9uYWwgaW5mb3JtYXRpb24gb24gaG92ZXIgb3IgZm9jdXMuXG4gKiBJdCBpcyB1c2VkIHRvIGV4cGxhaW4gdGhlIHB1cnBvc2Ugb2YgdGhlIGVsZW1lbnQgaXQgaXMgYXR0YWNoZWQgdG8uXG4gKi9cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgdGV4dCA9ICcnLFxuICAgICAgcGxhY2VtZW50ID0gJ2F1dG8nLFxuICAgICAgaWQsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjb250YWluZXJGdWxsV2lkdGgsXG4gICAgICBtYXhXaWR0aCA9IDIzMixcbiAgICAgIHZpc2libGUsXG4gICAgICBpbm5lclJlZixcbiAgICAgIHJvbGUgPSAndG9vbHRpcCcsXG4gICAgICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICAgICAgcG9ydGFsVGFyZ2V0LFxuICAgICAgZGVib3VuY2VEZWxheSxcbiAgICAgIHRhYkluZGV4LFxuICAgIH06IFRvb2x0aXBQcm9wcyxcbiAgICB0b29sdGlwUmVmOiBSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IChcbiAgICA8U3R5bGVkUG9wdXBcbiAgICAgIGlkPXtpZH1cbiAgICAgIHJlZj17dG9vbHRpcFJlZn1cbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY29udGFpbmVyRnVsbFdpZHRoPXtjb250YWluZXJGdWxsV2lkdGh9XG4gICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICB2aXNpYmxlPXt2aXNpYmxlfVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICB0ZXh0PXt0ZXh0fVxuICAgICAgaW5uZXJSZWY9e2lubmVyUmVmfVxuICAgICAgcG9ydGFsVGFyZ2V0PXtwb3J0YWxUYXJnZXR9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkZWJvdW5jZURlbGF5PXtkZWJvdW5jZURlbGF5fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFBvcHVwPlxuICApLFxuKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Tooltip = React.forwardRef(({
+  children,
+  text = "",
+  placement = "auto",
+  id,
+  className,
+  containerFullWidth,
+  maxWidth = 232,
+  visible,
+  innerRef,
+  role = "tooltip",
+  "data-testid": dataTestId,
+  portalTarget,
+  debounceDelay,
+  tabIndex
+}, tooltipRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledPopup, { id, ref: tooltipRef, role, "data-testid": dataTestId, className, containerFullWidth, maxWidth, visible, placement, text, innerRef, portalTarget, tabIndex, debounceDelay, children }));
+exports.Tooltip = Tooltip;

package/dist/components/Tooltip/index.js

@@ -1,47 +1,40 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { forwardRef } from "react";
 import { Popup } from "../Popup/index.js";
-const StyledPopup = styled(Popup)`
-  pointer-events: none;
-`;
-const Tooltip = forwardRef(
-  ({
-    children,
-    text = "",
-    placement = "auto",
-    id,
-    className,
-    containerFullWidth,
-    maxWidth = 232,
-    visible,
-    innerRef,
-    role = "tooltip",
-    "data-testid": dataTestId,
-    portalTarget,
-    debounceDelay,
-    tabIndex
-  }, tooltipRef) => /* @__PURE__ */ jsx(
-    StyledPopup,
-    {
-      id,
-      ref: tooltipRef,
-      role,
-      "data-testid": dataTestId,
-      className,
-      containerFullWidth,
-      maxWidth,
-      visible,
-      placement,
-      text,
-      innerRef,
-      portalTarget,
-      tabIndex,
-      debounceDelay,
-      children
-    }
-  )
-);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledPopup = /* @__PURE__ */ _styled(Popup, process.env.NODE_ENV === "production" ? {
+  target: "e1h4zly10"
+} : {
+  target: "e1h4zly10",
+  label: "StyledPopup"
+})(process.env.NODE_ENV === "production" ? {
+  name: "je8g23",
+  styles: "pointer-events:none"
+} : {
+  name: "je8g23",
+  styles: "pointer-events:none",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICcuLi9Qb3B1cCdcblxudHlwZSBUb29sdGlwUHJvcHMgPSBQaWNrPFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+LFxuICB8ICdpZCdcbiAgfCAnY2hpbGRyZW4nXG4gIHwgJ21heFdpZHRoJ1xuICB8ICdwbGFjZW1lbnQnXG4gIHwgJ3RleHQnXG4gIHwgJ2NsYXNzTmFtZSdcbiAgfCAndmlzaWJsZSdcbiAgfCAnaW5uZXJSZWYnXG4gIHwgJ3JvbGUnXG4gIHwgJ2RhdGEtdGVzdGlkJ1xuICB8ICdjb250YWluZXJGdWxsV2lkdGgnXG4gIHwgJ3BvcnRhbFRhcmdldCdcbiAgfCAndGFiSW5kZXgnXG4gIHwgJ2RlYm91bmNlRGVsYXknXG4+XG5cbmNvbnN0IFN0eWxlZFBvcHVwID0gc3R5bGVkKFBvcHVwKWBcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gXG5cbi8qKlxuICogVG9vbHRpcCBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGFkZGl0aW9uYWwgaW5mb3JtYXRpb24gb24gaG92ZXIgb3IgZm9jdXMuXG4gKiBJdCBpcyB1c2VkIHRvIGV4cGxhaW4gdGhlIHB1cnBvc2Ugb2YgdGhlIGVsZW1lbnQgaXQgaXMgYXR0YWNoZWQgdG8uXG4gKi9cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgdGV4dCA9ICcnLFxuICAgICAgcGxhY2VtZW50ID0gJ2F1dG8nLFxuICAgICAgaWQsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjb250YWluZXJGdWxsV2lkdGgsXG4gICAgICBtYXhXaWR0aCA9IDIzMixcbiAgICAgIHZpc2libGUsXG4gICAgICBpbm5lclJlZixcbiAgICAgIHJvbGUgPSAndG9vbHRpcCcsXG4gICAgICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICAgICAgcG9ydGFsVGFyZ2V0LFxuICAgICAgZGVib3VuY2VEZWxheSxcbiAgICAgIHRhYkluZGV4LFxuICAgIH06IFRvb2x0aXBQcm9wcyxcbiAgICB0b29sdGlwUmVmOiBSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IChcbiAgICA8U3R5bGVkUG9wdXBcbiAgICAgIGlkPXtpZH1cbiAgICAgIHJlZj17dG9vbHRpcFJlZn1cbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY29udGFpbmVyRnVsbFdpZHRoPXtjb250YWluZXJGdWxsV2lkdGh9XG4gICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICB2aXNpYmxlPXt2aXNpYmxlfVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICB0ZXh0PXt0ZXh0fVxuICAgICAgaW5uZXJSZWY9e2lubmVyUmVmfVxuICAgICAgcG9ydGFsVGFyZ2V0PXtwb3J0YWxUYXJnZXR9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkZWJvdW5jZURlbGF5PXtkZWJvdW5jZURlbGF5fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFBvcHVwPlxuICApLFxuKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Tooltip = forwardRef(({
+  children,
+  text = "",
+  placement = "auto",
+  id,
+  className,
+  containerFullWidth,
+  maxWidth = 232,
+  visible,
+  innerRef,
+  role = "tooltip",
+  "data-testid": dataTestId,
+  portalTarget,
+  debounceDelay,
+  tabIndex
+}, tooltipRef) => /* @__PURE__ */ jsx(StyledPopup, { id, ref: tooltipRef, role, "data-testid": dataTestId, className, containerFullWidth, maxWidth, visible, placement, text, innerRef, portalTarget, tabIndex, debounceDelay, children }));
 export {
   Tooltip
 };

package/dist/components/VerificationCode/index.cjs

@@ -0,0 +1,219 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const SIZE_HEIGHT = {
+  xlarge: 64,
+  large: 48,
+  medium: 40,
+  small: 32
+};
+const SIZE_WIDTH = {
+  xlarge: 56,
+  large: 40,
+  medium: 32,
+  small: 24
+};
+const StyledInput = /* @__PURE__ */ _styled__default.default("input", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["inputSize"].includes(prop),
+  target: "e1a2bx9q0"
+} : {
+  shouldForwardProp: (prop) => !["inputSize"].includes(prop),
+  target: "e1a2bx9q0",
+  label: "StyledInput"
+})("background:", ({
+  theme
+}) => theme.colors.neutral.background, ";border:solid 1px ", ({
+  "aria-invalid": error,
+  theme
+}) => error ? theme.colors.danger.border : theme.colors.neutral.border, ";color:", ({
+  "aria-invalid": error,
+  theme
+}) => error ? theme.colors.danger.text : theme.colors.neutral.text, ";", ({
+  inputSize,
+  theme
+}) => {
+  if (inputSize === "small") {
+    return `
+           font-size: ${theme.typography.caption.fontSize};
+           font-weight: ${theme.typography.caption.weight};
+        `;
+  }
+  return `
+           font-size: ${theme.typography.body.fontSize};
+           font-weight: ${theme.typography.body.weight};
+         `;
+}, " text-align:center;border-radius:", ({
+  theme
+}) => theme.radii.default, ";margin-right:", ({
+  theme
+}) => theme.space["1"], ";width:", ({
+  inputSize
+}) => SIZE_WIDTH[inputSize], "px;height:", ({
+  inputSize
+}) => SIZE_HEIGHT[inputSize], "px;outline-style:none;transition:border-color 0.2s ease,box-shadow 0.2s ease;&:hover,&:focus{border-color:", ({
+  "aria-invalid": error,
+  theme
+}) => error ? theme.colors.danger.borderHover : theme.colors.primary.borderHover, ";}&:focus{box-shadow:", ({
+  "aria-invalid": error,
+  theme: {
+    shadows
+  }
+}) => error ? shadows.focusDanger : shadows.focusPrimary, ";}&:last-child{margin-right:0;}&::placeholder{color:", ({
+  disabled,
+  theme
+}) => disabled ? theme.colors.neutral.textWeakDisabled : theme.colors.neutral.textWeak, ";}", ({
+  disabled,
+  theme: {
+    colors
+  }
+}) => disabled && `cursor: default;
+    background-color: ${colors.neutral.backgroundDisabled};
+    border-color: ${colors.neutral.borderDisabled};
+    color: ${colors.neutral.textDisabled};
+
+    &:hover {
+      border: ${colors.neutral.borderDisabled}
+    }
+    `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1ZlcmlmaWNhdGlvbkNvZGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9WZXJpZmljYXRpb25Db2RlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUge1xuICBDaGFuZ2VFdmVudCxcbiAgQ2xpcGJvYXJkRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3JlYXRlUmVmLCB1c2VJZCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxudHlwZSBTaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICd4bGFyZ2UnXG5cbmNvbnN0IFNJWkVfSEVJR0hUID0ge1xuICB4bGFyZ2U6IDY0LFxuICBsYXJnZTogNDgsXG4gIG1lZGl1bTogNDAsXG4gIHNtYWxsOiAzMixcbn0gYXMgY29uc3RcblxuY29uc3QgU0laRV9XSURUSCA9IHtcbiAgeGxhcmdlOiA1NixcbiAgbGFyZ2U6IDQwLFxuICBtZWRpdW06IDMyLFxuICBzbWFsbDogMjQsXG59IGFzIGNvbnN0XG5cbmV4cG9ydCBjb25zdCB2ZXJpZmljYXRpb25Db2RlU2l6ZXMgPSBPYmplY3Qua2V5cyhTSVpFX0hFSUdIVCkgYXMgU2l6ZVtdXG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKCdpbnB1dCcsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaW5wdXRTaXplJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIGlucHV0U2l6ZTogU2l6ZVxufT5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGJvcmRlcjogc29saWQgMXB4XG4gICAgJHsoeyAnYXJpYS1pbnZhbGlkJzogZXJyb3IsIHRoZW1lIH0pID0+XG4gICAgICBlcnJvciA/IHRoZW1lLmNvbG9ycy5kYW5nZXIuYm9yZGVyIDogdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgY29sb3I6ICR7KHsgJ2FyaWEtaW52YWxpZCc6IGVycm9yLCB0aGVtZSB9KSA9PlxuICAgIGVycm9yID8gdGhlbWUuY29sb3JzLmRhbmdlci50ZXh0IDogdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG4gICR7KHsgaW5wdXRTaXplLCB0aGVtZSB9KSA9PiB7XG4gICAgaWYgKGlucHV0U2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgICAgcmV0dXJuIGBcbiAgICAgICAgICAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbi5mb250U2l6ZX07XG4gICAgICAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbi53ZWlnaHR9O1xuICAgICAgICBgXG4gICAgfVxuXG4gICAgcmV0dXJuIGBcbiAgICAgICAgICAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuYm9keS5mb250U2l6ZX07XG4gICAgICAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkuYm9keS53ZWlnaHR9O1xuICAgICAgICAgYFxuICB9fVxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgd2lkdGg6ICR7KHsgaW5wdXRTaXplIH0pID0+IFNJWkVfV0lEVEhbaW5wdXRTaXplXX1weDtcbiAgaGVpZ2h0OiAkeyh7IGlucHV0U2l6ZSB9KSA9PiBTSVpFX0hFSUdIVFtpbnB1dFNpemVdfXB4O1xuICBvdXRsaW5lLXN0eWxlOiBub25lO1xuICB0cmFuc2l0aW9uOlxuICAgIGJvcmRlci1jb2xvciAwLjJzIGVhc2UsXG4gICAgYm94LXNoYWRvdyAwLjJzIGVhc2U7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7ICdhcmlhLWludmFsaWQnOiBlcnJvciwgdGhlbWUgfSkgPT5cbiAgICAgIGVycm9yXG4gICAgICAgID8gdGhlbWUuY29sb3JzLmRhbmdlci5ib3JkZXJIb3ZlclxuICAgICAgICA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlckhvdmVyfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGJveC1zaGFkb3c6ICR7KHsgJ2FyaWEtaW52YWxpZCc6IGVycm9yLCB0aGVtZTogeyBzaGFkb3dzIH0gfSkgPT5cbiAgICAgIGVycm9yID8gc2hhZG93cy5mb2N1c0RhbmdlciA6IHNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgfVxuXG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICB9XG5cbiAgJjo6cGxhY2Vob2xkZXIge1xuICAgIGNvbG9yOiAkeyh7IGRpc2FibGVkLCB0aGVtZSB9KSA9PlxuICAgICAgZGlzYWJsZWRcbiAgICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha0Rpc2FibGVkXG4gICAgICAgIDogdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFdlYWt9O1xuICB9XG5cbiAgJHsoeyBkaXNhYmxlZCwgdGhlbWU6IHsgY29sb3JzIH0gfSkgPT5cbiAgICBkaXNhYmxlZCAmJlxuICAgIGBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMubmV1dHJhbC5ib3JkZXJEaXNhYmxlZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYm9yZGVyOiAke2NvbG9ycy5uZXV0cmFsLmJvcmRlckRpc2FibGVkfVxuICAgIH1cbiAgICBgfVxuYFxuXG50eXBlIFZlcmlmaWNhdGlvbkNvZGVQcm9wcyA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGVycm9yPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEFtb3VudCBvZiBmaWVsZCB5b3Ugd2FudFxuICAgKi9cbiAgZmllbGRzPzogbnVtYmVyXG4gIGluaXRpYWxWYWx1ZT86IHN0cmluZ1xuICBpbnB1dElkPzogc3RyaW5nXG4gIGlucHV0U3R5bGU/OiBzdHJpbmdcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAneGxhcmdlJ1xuICAvKipcbiAgICogVHJpZ2dlcmVkIHdoZW4gYSBmaWVsZCBjaGFuZ2VcbiAgICovXG4gIG9uQ2hhbmdlPzogKGRhdGE6IHVua25vd24pID0+IHZvaWRcbiAgLyoqXG4gICAqIFRyaWdnZXJlZCB3aGVuIGFsbCBmaWVsZHMgYXJlIGNvbXBsZXRlZFxuICAgKi9cbiAgb25Db21wbGV0ZT86IChkYXRhOiB1bmtub3duKSA9PiB2b2lkXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICAvKipcbiAgICogVHlwZSBvZiB0aGUgZmllbGRzXG4gICAqL1xuICB0eXBlPzogJ3RleHQnIHwgJ251bWJlcidcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbn1cblxuY29uc3QgREVGQVVMVF9PTl9GVU5DVElPTiA9ICgpID0+IHt9XG5cbi8qKlxuICogVmVyaWZpY2F0aW9uIGNvZGUgYWxsb3dzIHlvdSB0byBlbnRlciBhIGNvZGUgaW4gbXVsdGlwbGUgZmllbGRzICg0IGJ5IGRlZmF1bHQpLlxuICovXG5leHBvcnQgY29uc3QgVmVyaWZpY2F0aW9uQ29kZSA9ICh7XG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgZXJyb3IgPSBmYWxzZSxcbiAgZmllbGRzID0gNCxcbiAgaW5pdGlhbFZhbHVlID0gJycsXG4gIGlucHV0SWQsXG4gIGlucHV0U3R5bGUgPSAnJyxcbiAgc2l6ZSA9ICdsYXJnZScsXG4gIG9uQ2hhbmdlID0gREVGQVVMVF9PTl9GVU5DVElPTixcbiAgb25Db21wbGV0ZSA9IERFRkFVTFRfT05fRlVOQ1RJT04sXG4gIHBsYWNlaG9sZGVyID0gJycsXG4gIHJlcXVpcmVkID0gZmFsc2UsXG4gIHR5cGUgPSAnbnVtYmVyJyxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwgPSAnVmVyaWZpY2F0aW9uIGNvZGUnLFxufTogVmVyaWZpY2F0aW9uQ29kZVByb3BzKSA9PiB7XG4gIGNvbnN0IHVuaXF1ZUlkID0gdXNlSWQoKVxuICBjb25zdCB2YWx1ZXNBcnJheSA9IE9iamVjdC5hc3NpZ24oXG4gICAgbmV3IEFycmF5KGZpZWxkcykuZmlsbCgnJyksXG4gICAgaW5pdGlhbFZhbHVlLnN1YnN0cmluZygwLCBmaWVsZHMpLnNwbGl0KCcnKSxcbiAgKVxuICBjb25zdCBbdmFsdWVzLCBzZXRWYWx1ZXNdID0gdXNlU3RhdGU8c3RyaW5nW10+KHZhbHVlc0FycmF5KVxuXG4gIGNvbnN0IGlucHV0UmVmcyA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGZpZWxkcyB9LCAoKSA9PlxuICAgIGNyZWF0ZVJlZjxIVE1MSW5wdXRFbGVtZW50PigpLFxuICApXG5cbiAgY29uc3QgdHJpZ2dlckNoYW5nZSA9IChpbnB1dFZhbHVlczogc3RyaW5nW10pID0+IHtcbiAgICBjb25zdCBzdHJpbmdWYWx1ZSA9IGlucHV0VmFsdWVzLmpvaW4oJycpXG4gICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICBvbkNoYW5nZShzdHJpbmdWYWx1ZSlcbiAgICB9XG4gICAgaWYgKG9uQ29tcGxldGUgJiYgc3RyaW5nVmFsdWUubGVuZ3RoID49IGZpZWxkcykge1xuICAgICAgb25Db21wbGV0ZShzdHJpbmdWYWx1ZSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBpbnB1dE9uQ2hhbmdlID1cbiAgICAoaW5kZXg6IG51bWJlcikgPT4gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgbGV0IHsgdmFsdWUgfSA9IGV2ZW50LnRhcmdldFxuICAgICAgaWYgKHR5cGUgPT09ICdudW1iZXInKSB7XG4gICAgICAgIHZhbHVlID0gZXZlbnQudGFyZ2V0LnZhbHVlLnJlcGxhY2UoL1teXFxkXS9naSwgJycpXG4gICAgICB9XG4gICAgICBjb25zdCBuZXdWYWx1ZXMgPSBbLi4udmFsdWVzXVxuXG4gICAgICBpZiAoXG4gICAgICAgIHZhbHVlID09PSAnJyB8fFxuICAgICAgICAodHlwZSA9PT0gJ251bWJlcicgJiYgIW5ldyBSZWdFeHAoZXZlbnQudGFyZ2V0LnBhdHRlcm4pLnRlc3QodmFsdWUpKVxuICAgICAgKSB7XG4gICAgICAgIG5ld1ZhbHVlc1tpbmRleF0gPSAnJ1xuICAgICAgICBzZXRWYWx1ZXMobmV3VmFsdWVzKVxuXG4gICAgICAgIHJldHVyblxuICAgICAgfVxuXG4gICAgICBjb25zdCBzYW5pdGl6ZWRWYWx1ZSA9IHZhbHVlWzBdIC8vIGluIGNhc2UgbW9yZSB0aGFuIDEgY2hhciwgd2UganVzdCB0YWtlIHRoZSBmaXJzdCBvbmVcbiAgICAgIG5ld1ZhbHVlc1tpbmRleF0gPSBzYW5pdGl6ZWRWYWx1ZVxuICAgICAgc2V0VmFsdWVzKG5ld1ZhbHVlcylcbiAgICAgIGNvbnN0IG5leHRJbmRleCA9IE1hdGgubWluKGluZGV4ICsgMSwgZmllbGRzIC0gMSlcbiAgICAgIGNvbnN0IG5leHQgPSBpbnB1dFJlZnNbbmV4dEluZGV4XVxuXG4gICAgICBuZXh0Py5jdXJyZW50Py5mb2N1cygpXG5cbiAgICAgIHRyaWdnZXJDaGFuZ2UobmV3VmFsdWVzKVxuICAgIH1cblxuICBjb25zdCBpbnB1dE9uS2V5RG93biA9XG4gICAgKGluZGV4OiBudW1iZXIpOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9PlxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGNvbnN0IHByZXZJbmRleCA9IGluZGV4IC0gMVxuICAgICAgY29uc3QgbmV4dEluZGV4ID0gaW5kZXggKyAxXG4gICAgICBjb25zdCBmaXJzdCA9IGlucHV0UmVmc1swXVxuICAgICAgY29uc3QgbGFzdCA9IGlucHV0UmVmc1tpbnB1dFJlZnMubGVuZ3RoIC0gMV1cbiAgICAgIGNvbnN0IHByZXYgPSBpbnB1dFJlZnNbcHJldkluZGV4XVxuICAgICAgY29uc3QgbmV4dCA9IGlucHV0UmVmc1tuZXh0SW5kZXhdXG4gICAgICBjb25zdCB2YWxzID0gWy4uLnZhbHVlc11cblxuICAgICAgc3dpdGNoIChldmVudC5rZXkpIHtcbiAgICAgICAgY2FzZSAnQmFja3NwYWNlJzpcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgaWYgKHZhbHVlc1tpbmRleF0pIHtcbiAgICAgICAgICAgIHZhbHNbaW5kZXhdID0gJydcbiAgICAgICAgICAgIHNldFZhbHVlcyh2YWxzKVxuICAgICAgICAgICAgdHJpZ2dlckNoYW5nZSh2YWxzKVxuICAgICAgICAgIH0gZWxzZSBpZiAocHJldikge1xuICAgICAgICAgICAgdmFsc1twcmV2SW5kZXhdID0gJydcbiAgICAgICAgICAgIHByZXY/LmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgICAgICAgIHNldFZhbHVlcyh2YWxzKVxuICAgICAgICAgICAgdHJpZ2dlckNoYW5nZSh2YWxzKVxuICAgICAgICAgIH1cbiAgICAgICAgICBicmVha1xuICAgICAgICBjYXNlICdBcnJvd0xlZnQnOlxuICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICBwcmV2Py5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgICAgYnJlYWtcbiAgICAgICAgY2FzZSAnQXJyb3dSaWdodCc6XG4gICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgIG5leHQ/LmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgICAgICBicmVha1xuICAgICAgICBjYXNlICdBcnJvd1VwJzpcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgZmlyc3Q/LmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgICAgICBicmVha1xuICAgICAgICBjYXNlICdBcnJvd0Rvd24nOlxuICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICBsYXN0Py5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgICAgYnJlYWtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICBicmVha1xuICAgICAgfVxuICAgIH1cblxuICBjb25zdCBpbnB1dE9uRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gZXZlbnQgPT5cbiAgICBldmVudC50YXJnZXQuc2VsZWN0KClcblxuICBjb25zdCBpbnB1dE9uUGFzdGUgPVxuICAgIChjdXJyZW50SW5kZXg6IG51bWJlcik6IENsaXBib2FyZEV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9PlxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIGNvbnN0IHBhc3RlZFZhbHVlID0gW1xuICAgICAgICAuLi5ldmVudC5jbGlwYm9hcmREYXRhLmdldERhdGEoJ1RleHQnKS5zcGxpdCgnJyksXG4gICAgICBdLm1hcCgoY29waWVkVmFsdWU6IHN0cmluZykgPT5cbiAgICAgICAgLy8gUmVwbGFjZSBub24gbnVtYmVyIGNoYXIgd2l0aCBlbXB0eSBjaGFyIHdoZW4gdHlwZSBpcyBudW1iZXJcbiAgICAgICAgdHlwZSA9PT0gJ251bWJlcicgPyBjb3BpZWRWYWx1ZS5yZXBsYWNlKC9bXlxcZF0vZ2ksICcnKSA6IGNvcGllZFZhbHVlLFxuICAgICAgKVxuXG4gICAgICAvLyBUcmltIGFycmF5IHRvIGF2b2lkIGFycmF5IG92ZXJmbG93XG4gICAgICBwYXN0ZWRWYWx1ZS5zcGxpY2UoXG4gICAgICAgIGZpZWxkcyAtIGN1cnJlbnRJbmRleCA8IHBhc3RlZFZhbHVlLmxlbmd0aFxuICAgICAgICAgID8gZmllbGRzIC0gY3VycmVudEluZGV4XG4gICAgICAgICAgOiBwYXN0ZWRWYWx1ZS5sZW5ndGgsXG4gICAgICApXG5cbiAgICAgIHNldFZhbHVlcygodmFsczogc3RyaW5nW10pID0+IHtcbiAgICAgICAgY29uc3QgbmV3QXJyYXkgPSB2YWxzLnNsaWNlKClcbiAgICAgICAgbmV3QXJyYXkuc3BsaWNlKGN1cnJlbnRJbmRleCwgcGFzdGVkVmFsdWUubGVuZ3RoLCAuLi5wYXN0ZWRWYWx1ZSlcblxuICAgICAgICByZXR1cm4gbmV3QXJyYXlcbiAgICAgIH0pXG5cbiAgICAgIC8vIHdlIHNlbGVjdCBtaW4gdmFsdWUgYmV0d2VlbiB0aGUgZW5kIG9mIGlucHV0cyBhbmQgdmFsaWQgcGFzdGVkIGNoYXJzXG4gICAgICBjb25zdCBuZXh0SW5kZXggPSBNYXRoLm1pbihcbiAgICAgICAgY3VycmVudEluZGV4ICsgcGFzdGVkVmFsdWUuZmlsdGVyKGl0ZW0gPT4gaXRlbSAhPT0gJycpLmxlbmd0aCxcbiAgICAgICAgaW5wdXRSZWZzLmxlbmd0aCAtIDEsXG4gICAgICApXG4gICAgICBjb25zdCBuZXh0ID0gaW5wdXRSZWZzW25leHRJbmRleF1cbiAgICAgIG5leHQ/LmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgIHRyaWdnZXJDaGFuZ2UocGFzdGVkVmFsdWUpXG4gICAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgICAge3ZhbHVlcy5tYXAoKHZhbHVlOiBzdHJpbmcsIGluZGV4OiBudW1iZXIpID0+IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgY3NzPXtbaW5wdXRTdHlsZV19XG4gICAgICAgICAgYXJpYS1pbnZhbGlkPXtlcnJvcn1cbiAgICAgICAgICBpbnB1dFNpemU9e3NpemV9XG4gICAgICAgICAgdHlwZT17dHlwZSA9PT0gJ251bWJlcicgPyAndGVsJyA6IHR5cGV9XG4gICAgICAgICAgcGF0dGVybj17dHlwZSA9PT0gJ251bWJlcicgPyAnWzAtOV0qJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17aW5kZXh9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGlkPXtgJHtpbnB1dElkIHx8IHVuaXF1ZUlkfS0ke2luZGV4fWB9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZnNbaW5kZXhdfVxuICAgICAgICAgIG9uQ2hhbmdlPXtpbnB1dE9uQ2hhbmdlKGluZGV4KX1cbiAgICAgICAgICBvbktleURvd249e2lucHV0T25LZXlEb3duKGluZGV4KX1cbiAgICAgICAgICBvblBhc3RlPXtpbnB1dE9uUGFzdGUoaW5kZXgpfVxuICAgICAgICAgIG9uRm9jdXM9e2lucHV0T25Gb2N1c31cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcj8uW2luZGV4XSA/PyAnJ31cbiAgICAgICAgICBhcmlhLWxhYmVsPXtgJHthcmlhTGFiZWx9ICR7aW5kZXh9YH1cbiAgICAgICAgLz5cbiAgICAgICkpfVxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"));
+const DEFAULT_ON_FUNCTION = () => {
+};
+const VerificationCode = ({
+  disabled = false,
+  className,
+  error = false,
+  fields = 4,
+  initialValue = "",
+  inputId,
+  inputStyle = "",
+  size = "large",
+  onChange = DEFAULT_ON_FUNCTION,
+  onComplete = DEFAULT_ON_FUNCTION,
+  placeholder = "",
+  required = false,
+  type = "number",
+  "data-testid": dataTestId,
+  "aria-label": ariaLabel = "Verification code"
+}) => {
+  const uniqueId = React.useId();
+  const valuesArray = Object.assign(new Array(fields).fill(""), initialValue.substring(0, fields).split(""));
+  const [values, setValues] = React.useState(valuesArray);
+  const inputRefs = Array.from({
+    length: fields
+  }, () => React.createRef());
+  const triggerChange = (inputValues) => {
+    const stringValue = inputValues.join("");
+    if (onChange) {
+      onChange(stringValue);
+    }
+    if (onComplete && stringValue.length >= fields) {
+      onComplete(stringValue);
+    }
+  };
+  const inputOnChange = (index) => (event) => {
+    let {
+      value
+    } = event.target;
+    if (type === "number") {
+      value = event.target.value.replace(/[^\d]/gi, "");
+    }
+    const newValues = [...values];
+    if (value === "" || type === "number" && !new RegExp(event.target.pattern).test(value)) {
+      newValues[index] = "";
+      setValues(newValues);
+      return;
+    }
+    const sanitizedValue = value[0];
+    newValues[index] = sanitizedValue;
+    setValues(newValues);
+    const nextIndex = Math.min(index + 1, fields - 1);
+    const next = inputRefs[nextIndex];
+    next?.current?.focus();
+    triggerChange(newValues);
+  };
+  const inputOnKeyDown = (index) => (event) => {
+    const prevIndex = index - 1;
+    const nextIndex = index + 1;
+    const first = inputRefs[0];
+    const last = inputRefs[inputRefs.length - 1];
+    const prev = inputRefs[prevIndex];
+    const next = inputRefs[nextIndex];
+    const vals = [...values];
+    switch (event.key) {
+      case "Backspace":
+        event.preventDefault();
+        if (values[index]) {
+          vals[index] = "";
+          setValues(vals);
+          triggerChange(vals);
+        } else if (prev) {
+          vals[prevIndex] = "";
+          prev?.current?.focus();
+          setValues(vals);
+          triggerChange(vals);
+        }
+        break;
+      case "ArrowLeft":
+        event.preventDefault();
+        prev?.current?.focus();
+        break;
+      case "ArrowRight":
+        event.preventDefault();
+        next?.current?.focus();
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        first?.current?.focus();
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        last?.current?.focus();
+        break;
+    }
+  };
+  const inputOnFocus = (event) => event.target.select();
+  const inputOnPaste = (currentIndex) => (event) => {
+    event.preventDefault();
+    const pastedValue = [...event.clipboardData.getData("Text").split("")].map((copiedValue) => (
+      // Replace non number char with empty char when type is number
+      type === "number" ? copiedValue.replace(/[^\d]/gi, "") : copiedValue
+    ));
+    pastedValue.splice(fields - currentIndex < pastedValue.length ? fields - currentIndex : pastedValue.length);
+    setValues((vals) => {
+      const newArray = vals.slice();
+      newArray.splice(currentIndex, pastedValue.length, ...pastedValue);
+      return newArray;
+    });
+    const nextIndex = Math.min(currentIndex + pastedValue.filter((item) => item !== "").length, inputRefs.length - 1);
+    const next = inputRefs[nextIndex];
+    next?.current?.focus();
+    triggerChange(pastedValue);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, "data-testid": dataTestId, children: values.map((value, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    StyledInput,
+    {
+      css: [inputStyle, process.env.NODE_ENV === "production" ? "" : ";label:VerificationCode;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1ZlcmlmaWNhdGlvbkNvZGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdTVSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9WZXJpZmljYXRpb25Db2RlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUge1xuICBDaGFuZ2VFdmVudCxcbiAgQ2xpcGJvYXJkRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3JlYXRlUmVmLCB1c2VJZCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxudHlwZSBTaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICd4bGFyZ2UnXG5cbmNvbnN0IFNJWkVfSEVJR0hUID0ge1xuICB4bGFyZ2U6IDY0LFxuICBsYXJnZTogNDgsXG4gIG1lZGl1bTogNDAsXG4gIHNtYWxsOiAzMixcbn0gYXMgY29uc3RcblxuY29uc3QgU0laRV9XSURUSCA9IHtcbiAgeGxhcmdlOiA1NixcbiAgbGFyZ2U6IDQwLFxuICBtZWRpdW06IDMyLFxuICBzbWFsbDogMjQsXG59IGFzIGNvbnN0XG5cbmV4cG9ydCBjb25zdCB2ZXJpZmljYXRpb25Db2RlU2l6ZXMgPSBPYmplY3Qua2V5cyhTSVpFX0hFSUdIVCkgYXMgU2l6ZVtdXG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKCdpbnB1dCcsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaW5wdXRTaXplJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIGlucHV0U2l6ZTogU2l6ZVxufT5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGJvcmRlcjogc29saWQgMXB4XG4gICAgJHsoeyAnYXJpYS1pbnZhbGlkJzogZXJyb3IsIHRoZW1lIH0pID0+XG4gICAgICBlcnJvciA/IHRoZW1lLmNvbG9ycy5kYW5nZXIuYm9yZGVyIDogdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgY29sb3I6ICR7KHsgJ2FyaWEtaW52YWxpZCc6IGVycm9yLCB0aGVtZSB9KSA9PlxuICAgIGVycm9yID8gdGhlbWUuY29sb3JzLmRhbmdlci50ZXh0IDogdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG4gICR7KHsgaW5wdXRTaXplLCB0aGVtZSB9KSA9PiB7XG4gICAgaWYgKGlucHV0U2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgICAgcmV0dXJuIGBcbiAgICAgICAgICAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbi5mb250U2l6ZX07XG4gICAgICAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbi53ZWlnaHR9O1xuICAgICAgICBgXG4gICAgfVxuXG4gICAgcmV0dXJuIGBcbiAgICAgICAgICAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuYm9keS5mb250U2l6ZX07XG4gICAgICAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkuYm9keS53ZWlnaHR9O1xuICAgICAgICAgYFxuICB9fVxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgd2lkdGg6ICR7KHsgaW5wdXRTaXplIH0pID0+IFNJWkVfV0lEVEhbaW5wdXRTaXplXX1weDtcbiAgaGVpZ2h0OiAkeyh7IGlucHV0U2l6ZSB9KSA9PiBTSVpFX0hFSUdIVFtpbnB1dFNpemVdfXB4O1xuICBvdXRsaW5lLXN0eWxlOiBub25lO1xuICB0cmFuc2l0aW9uOlxuICAgIGJvcmRlci1jb2xvciAwLjJzIGVhc2UsXG4gICAgYm94LXNoYWRvdyAwLjJzIGVhc2U7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7ICdhcmlhLWludmFsaWQnOiBlcnJvciwgdGhlbWUgfSkgPT5cbiAgICAgIGVycm9yXG4gICAgICAgID8gdGhlbWUuY29sb3JzLmRhbmdlci5ib3JkZXJIb3ZlclxuICAgICAgICA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlckhvdmVyfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGJveC1zaGFkb3c6ICR7KHsgJ2FyaWEtaW52YWxpZCc6IGVycm9yLCB0aGVtZTogeyBzaGFkb3dzIH0gfSkgPT5cbiAgICAgIGVycm9yID8gc2hhZG93cy5mb2N1c0RhbmdlciA6IHNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgfVxuXG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICB9XG5cbiAgJjo6cGxhY2Vob2xkZXIge1xuICAgIGNvbG9yOiAkeyh7IGRpc2FibGVkLCB0aGVtZSB9KSA9PlxuICAgICAgZGlzYWJsZWRcbiAgICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha0Rpc2FibGVkXG4gICAgICAgIDogdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFdlYWt9O1xuICB9XG5cbiAgJHsoeyBkaXNhYmxlZCwgdGhlbWU6IHsgY29sb3JzIH0gfSkgPT5cbiAgICBkaXNhYmxlZCAmJlxuICAgIGBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMubmV1dHJhbC5ib3JkZXJEaXNhYmxlZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYm9yZGVyOiAke2NvbG9ycy5uZXV0cmFsLmJvcmRlckRpc2FibGVkfVxuICAgIH1cbiAgICBgfVxuYFxuXG50eXBlIFZlcmlmaWNhdGlvbkNvZGVQcm9wcyA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGVycm9yPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEFtb3VudCBvZiBmaWVsZCB5b3Ugd2FudFxuICAgKi9cbiAgZmllbGRzPzogbnVtYmVyXG4gIGluaXRpYWxWYWx1ZT86IHN0cmluZ1xuICBpbnB1dElkPzogc3RyaW5nXG4gIGlucHV0U3R5bGU/OiBzdHJpbmdcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAneGxhcmdlJ1xuICAvKipcbiAgICogVHJpZ2dlcmVkIHdoZW4gYSBmaWVsZCBjaGFuZ2VcbiAgICovXG4gIG9uQ2hhbmdlPzogKGRhdGE6IHVua25vd24pID0+IHZvaWRcbiAgLyoqXG4gICAqIFRyaWdnZXJlZCB3aGVuIGFsbCBmaWVsZHMgYXJlIGNvbXBsZXRlZFxuICAgKi9cbiAgb25Db21wbGV0ZT86IChkYXRhOiB1bmtub3duKSA9PiB2b2lkXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICAvKipcbiAgICogVHlwZSBvZiB0aGUgZmllbGRzXG4gICAqL1xuICB0eXBlPzogJ3RleHQnIHwgJ251bWJlcidcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbn1cblxuY29uc3QgREVGQVVMVF9PTl9GVU5DVElPTiA9ICgpID0+IHt9XG5cbi8qKlxuICogVmVyaWZpY2F0aW9uIGNvZGUgYWxsb3dzIHlvdSB0byBlbnRlciBhIGNvZGUgaW4gbXVsdGlwbGUgZmllbGRzICg0IGJ5IGRlZmF1bHQpLlxuICovXG5leHBvcnQgY29uc3QgVmVyaWZpY2F0aW9uQ29kZSA9ICh7XG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgZXJyb3IgPSBmYWxzZSxcbiAgZmllbGRzID0gNCxcbiAgaW5pdGlhbFZhbHVlID0gJycsXG4gIGlucHV0SWQsXG4gIGlucHV0U3R5bGUgPSAnJyxcbiAgc2l6ZSA9ICdsYXJnZScsXG4gIG9uQ2hhbmdlID0gREVGQVVMVF9PTl9GVU5DVElPTixcbiAgb25Db21wbGV0ZSA9IERFRkFVTFRfT05fRlVOQ1RJT04sXG4gIHBsYWNlaG9sZGVyID0gJycsXG4gIHJlcXVpcmVkID0gZmFsc2UsXG4gIHR5cGUgPSAnbnVtYmVyJyxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwgPSAnVmVyaWZpY2F0aW9uIGNvZGUnLFxufTogVmVyaWZpY2F0aW9uQ29kZVByb3BzKSA9PiB7XG4gIGNvbnN0IHVuaXF1ZUlkID0gdXNlSWQoKVxuICBjb25zdCB2YWx1ZXNBcnJheSA9IE9iamVjdC5hc3NpZ24oXG4gICAgbmV3IEFycmF5KGZpZWxkcykuZmlsbCgnJyksXG4gICAgaW5pdGlhbFZhbHVlLnN1YnN0cmluZygwLCBmaWVsZHMpLnNwbGl0KCcnKSxcbiAgKVxuICBjb25zdCBbdmFsdWVzLCBzZXRWYWx1ZXNdID0gdXNlU3RhdGU8c3RyaW5nW10+KHZhbHVlc0FycmF5KVxuXG4gIGNvbnN0IGlucHV0UmVmcyA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGZpZWxkcyB9LCAoKSA9PlxuICAgIGNyZWF0ZVJlZjxIVE1MSW5wdXRFbGVtZW50PigpLFxuICApXG5cbiAgY29uc3QgdHJpZ2dlckNoYW5nZSA9IChpbnB1dFZhbHVlczogc3RyaW5nW10pID0+IHtcbiAgICBjb25zdCBzdHJpbmdWYWx1ZSA9IGlucHV0VmFsdWVzLmpvaW4oJycpXG4gICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICBvbkNoYW5nZShzdHJpbmdWYWx1ZSlcbiAgICB9XG4gICAgaWYgKG9uQ29tcGxldGUgJiYgc3RyaW5nVmFsdWUubGVuZ3RoID49IGZpZWxkcykge1xuICAgICAgb25Db21wbGV0ZShzdHJpbmdWYWx1ZSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBpbnB1dE9uQ2hhbmdlID1cbiAgICAoaW5kZXg6IG51bWJlcikgPT4gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgbGV0IHsgdmFsdWUgfSA9IGV2ZW50LnRhcmdldFxuICAgICAgaWYgKHR5cGUgPT09ICdudW1iZXInKSB7XG4gICAgICAgIHZhbHVlID0gZXZlbnQudGFyZ2V0LnZhbHVlLnJlcGxhY2UoL1teXFxkXS9naSwgJycpXG4gICAgICB9XG4gICAgICBjb25zdCBuZXdWYWx1ZXMgPSBbLi4udmFsdWVzXVxuXG4gICAgICBpZiAoXG4gICAgICAgIHZhbHVlID09PSAnJyB8fFxuICAgICAgICAodHlwZSA9PT0gJ251bWJlcicgJiYgIW5ldyBSZWdFeHAoZXZlbnQudGFyZ2V0LnBhdHRlcm4pLnRlc3QodmFsdWUpKVxuICAgICAgKSB7XG4gICAgICAgIG5ld1ZhbHVlc1tpbmRleF0gPSAnJ1xuICAgICAgICBzZXRWYWx1ZXMobmV3VmFsdWVzKVxuXG4gICAgICAgIHJldHVyblxuICAgICAgfVxuXG4gICAgICBjb25zdCBzYW5pdGl6ZWRWYWx1ZSA9IHZhbHVlWzBdIC8vIGluIGNhc2UgbW9yZSB0aGFuIDEgY2hhciwgd2UganVzdCB0YWtlIHRoZSBmaXJzdCBvbmVcbiAgICAgIG5ld1ZhbHVlc1tpbmRleF0gPSBzYW5pdGl6ZWRWYWx1ZVxuICAgICAgc2V0VmFsdWVzKG5ld1ZhbHVlcylcbiAgICAgIGNvbnN0IG5leHRJbmRleCA9IE1hdGgubWluKGluZGV4ICsgMSwgZmllbGRzIC0gMSlcbiAgICAgIGNvbnN0IG5leHQgPSBpbnB1dFJlZnNbbmV4dEluZGV4XVxuXG4gICAgICBuZXh0Py5jdXJyZW50Py5mb2N1cygpXG5cbiAgICAgIHRyaWdnZXJDaGFuZ2UobmV3VmFsdWVzKVxuICAgIH1cblxuICBjb25zdCBpbnB1dE9uS2V5RG93biA9XG4gICAgKGluZGV4OiBudW1iZXIpOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9PlxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGNvbnN0IHByZXZJbmRleCA9IGluZGV4IC0gMVxuICAgICAgY29uc3QgbmV4dEluZGV4ID0gaW5kZXggKyAxXG4gICAgICBjb25zdCBmaXJzdCA9IGlucHV0UmVmc1swXVxuICAgICAgY29uc3QgbGFzdCA9IGlucHV0UmVmc1tpbnB1dFJlZnMubGVuZ3RoIC0gMV1cbiAgICAgIGNvbnN0IHByZXYgPSBpbnB1dFJlZnNbcHJldkluZGV4XVxuICAgICAgY29uc3QgbmV4dCA9IGlucHV0UmVmc1tuZXh0SW5kZXhdXG4gICAgICBjb25zdCB2YWxzID0gWy4uLnZhbHVlc11cblxuICAgICAgc3dpdGNoIChldmVudC5rZXkpIHtcbiAgICAgICAgY2FzZSAnQmFja3NwYWNlJzpcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgaWYgKHZhbHVlc1tpbmRleF0pIHtcbiAgICAgICAgICAgIHZhbHNbaW5kZXhdID0gJydcbiAgICAgICAgICAgIHNldFZhbHVlcyh2YWxzKVxuICAgICAgICAgICAgdHJpZ2dlckNoYW5nZSh2YWxzKVxuICAgICAgICAgIH0gZWxzZSBpZiAocHJldikge1xuICAgICAgICAgICAgdmFsc1twcmV2SW5kZXhdID0gJydcbiAgICAgICAgICAgIHByZXY/LmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgICAgICAgIHNldFZhbHVlcyh2YWxzKVxuICAgICAgICAgICAgdHJpZ2dlckNoYW5nZSh2YWxzKVxuICAgICAgICAgIH1cbiAgICAgICAgICBicmVha1xuICAgICAgICBjYXNlICdBcnJvd0xlZnQnOlxuICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICBwcmV2Py5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgICAgYnJlYWtcbiAgICAgICAgY2FzZSAnQXJyb3dSaWdodCc6XG4gICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgIG5leHQ/LmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgICAgICBicmVha1xuICAgICAgICBjYXNlICdBcnJvd1VwJzpcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgZmlyc3Q/LmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgICAgICBicmVha1xuICAgICAgICBjYXNlICdBcnJvd0Rvd24nOlxuICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICBsYXN0Py5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgICAgYnJlYWtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICBicmVha1xuICAgICAgfVxuICAgIH1cblxuICBjb25zdCBpbnB1dE9uRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gZXZlbnQgPT5cbiAgICBldmVudC50YXJnZXQuc2VsZWN0KClcblxuICBjb25zdCBpbnB1dE9uUGFzdGUgPVxuICAgIChjdXJyZW50SW5kZXg6IG51bWJlcik6IENsaXBib2FyZEV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9PlxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIGNvbnN0IHBhc3RlZFZhbHVlID0gW1xuICAgICAgICAuLi5ldmVudC5jbGlwYm9hcmREYXRhLmdldERhdGEoJ1RleHQnKS5zcGxpdCgnJyksXG4gICAgICBdLm1hcCgoY29waWVkVmFsdWU6IHN0cmluZykgPT5cbiAgICAgICAgLy8gUmVwbGFjZSBub24gbnVtYmVyIGNoYXIgd2l0aCBlbXB0eSBjaGFyIHdoZW4gdHlwZSBpcyBudW1iZXJcbiAgICAgICAgdHlwZSA9PT0gJ251bWJlcicgPyBjb3BpZWRWYWx1ZS5yZXBsYWNlKC9bXlxcZF0vZ2ksICcnKSA6IGNvcGllZFZhbHVlLFxuICAgICAgKVxuXG4gICAgICAvLyBUcmltIGFycmF5IHRvIGF2b2lkIGFycmF5IG92ZXJmbG93XG4gICAgICBwYXN0ZWRWYWx1ZS5zcGxpY2UoXG4gICAgICAgIGZpZWxkcyAtIGN1cnJlbnRJbmRleCA8IHBhc3RlZFZhbHVlLmxlbmd0aFxuICAgICAgICAgID8gZmllbGRzIC0gY3VycmVudEluZGV4XG4gICAgICAgICAgOiBwYXN0ZWRWYWx1ZS5sZW5ndGgsXG4gICAgICApXG5cbiAgICAgIHNldFZhbHVlcygodmFsczogc3RyaW5nW10pID0+IHtcbiAgICAgICAgY29uc3QgbmV3QXJyYXkgPSB2YWxzLnNsaWNlKClcbiAgICAgICAgbmV3QXJyYXkuc3BsaWNlKGN1cnJlbnRJbmRleCwgcGFzdGVkVmFsdWUubGVuZ3RoLCAuLi5wYXN0ZWRWYWx1ZSlcblxuICAgICAgICByZXR1cm4gbmV3QXJyYXlcbiAgICAgIH0pXG5cbiAgICAgIC8vIHdlIHNlbGVjdCBtaW4gdmFsdWUgYmV0d2VlbiB0aGUgZW5kIG9mIGlucHV0cyBhbmQgdmFsaWQgcGFzdGVkIGNoYXJzXG4gICAgICBjb25zdCBuZXh0SW5kZXggPSBNYXRoLm1pbihcbiAgICAgICAgY3VycmVudEluZGV4ICsgcGFzdGVkVmFsdWUuZmlsdGVyKGl0ZW0gPT4gaXRlbSAhPT0gJycpLmxlbmd0aCxcbiAgICAgICAgaW5wdXRSZWZzLmxlbmd0aCAtIDEsXG4gICAgICApXG4gICAgICBjb25zdCBuZXh0ID0gaW5wdXRSZWZzW25leHRJbmRleF1cbiAgICAgIG5leHQ/LmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgIHRyaWdnZXJDaGFuZ2UocGFzdGVkVmFsdWUpXG4gICAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgICAge3ZhbHVlcy5tYXAoKHZhbHVlOiBzdHJpbmcsIGluZGV4OiBudW1iZXIpID0+IChcbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgY3NzPXtbaW5wdXRTdHlsZV19XG4gICAgICAgICAgYXJpYS1pbnZhbGlkPXtlcnJvcn1cbiAgICAgICAgICBpbnB1dFNpemU9e3NpemV9XG4gICAgICAgICAgdHlwZT17dHlwZSA9PT0gJ251bWJlcicgPyAndGVsJyA6IHR5cGV9XG4gICAgICAgICAgcGF0dGVybj17dHlwZSA9PT0gJ251bWJlcicgPyAnWzAtOV0qJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17aW5kZXh9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGlkPXtgJHtpbnB1dElkIHx8IHVuaXF1ZUlkfS0ke2luZGV4fWB9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZnNbaW5kZXhdfVxuICAgICAgICAgIG9uQ2hhbmdlPXtpbnB1dE9uQ2hhbmdlKGluZGV4KX1cbiAgICAgICAgICBvbktleURvd249e2lucHV0T25LZXlEb3duKGluZGV4KX1cbiAgICAgICAgICBvblBhc3RlPXtpbnB1dE9uUGFzdGUoaW5kZXgpfVxuICAgICAgICAgIG9uRm9jdXM9e2lucHV0T25Gb2N1c31cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcj8uW2luZGV4XSA/PyAnJ31cbiAgICAgICAgICBhcmlhLWxhYmVsPXtgJHthcmlhTGFiZWx9ICR7aW5kZXh9YH1cbiAgICAgICAgLz5cbiAgICAgICkpfVxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"],
+      "aria-invalid": error,
+      inputSize: size,
+      type: type === "number" ? "tel" : type,
+      pattern: type === "number" ? "[0-9]*" : void 0,
+      "data-testid": index,
+      value,
+      id: `${inputId || uniqueId}-${index}`,
+      ref: inputRefs[index],
+      onChange: inputOnChange(index),
+      onKeyDown: inputOnKeyDown(index),
+      onPaste: inputOnPaste(index),
+      onFocus: inputOnFocus,
+      disabled,
+      required,
+      placeholder: placeholder?.[index] ?? "",
+      "aria-label": `${ariaLabel} ${index}`
+    },
+    index
+  )) });
+};
+exports.VerificationCode = VerificationCode;