@ultraviolet/ui 1.51.1 → 1.51.3

package/dist/components/VerificationCode/index.js

@@ -0,0 +1,217 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useId, useState, createRef } from "react";
+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("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 = useId();
+  const valuesArray = Object.assign(new Array(fields).fill(""), initialValue.substring(0, fields).split(""));
+  const [values, setValues] = useState(valuesArray);
+  const inputRefs = Array.from({
+    length: fields
+  }, () => 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__ */ jsx("div", { className, "data-testid": dataTestId, children: values.map((value, index) => /* @__PURE__ */ 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
+  )) });
+};
+export {
+  VerificationCode
+};

package/dist/components/index.d.ts

@@ -0,0 +1,75 @@
+export { ActionBar } from './ActionBar';
+export { Alert } from './Alert';
+export { Avatar } from './Avatar';
+export { Badge } from './Badge';
+export { Banner } from './Banner';
+export { BarChart } from './BarChart';
+export { BarStack } from './BarStack';
+export { Breadcrumbs } from './Breadcrumbs';
+export { Bullet } from './Bullet';
+export { Button } from './Button';
+export { Card } from './Card';
+export { Carousel } from './Carousel';
+export { Checkbox } from './Checkbox';
+export { CopyButton } from './CopyButton';
+export { DateInput } from './DateInput';
+export { Dialog } from './Dialog';
+export { EmptyState } from './EmptyState';
+export { Expandable } from './Expandable';
+export { LineChart } from './LineChart';
+export { Link } from './Link';
+export { List } from './List';
+export { Loader } from './Loader';
+export { Menu } from './Menu';
+export { Meter } from './Meter';
+export { Modal } from './Modal';
+export { Notice } from './Notice';
+export { CheckboxGroup, CheckboxGroupCheckbox } from './CheckboxGroup';
+export { NumberInput } from './NumberInput';
+export { NumberInputV2 } from './NumberInputV2';
+export { Pagination } from './Pagination';
+export { PasswordCheck } from './PasswordCheck';
+export { PasswordStrengthMeter } from './PasswordStrengthMeter';
+export { PieChart } from './PieChart';
+export { Popover } from './Popover';
+export { Popup } from './Popup';
+export { ProgressBar } from './ProgressBar';
+export { Radio } from './Radio';
+export { Row } from './Row';
+export { SelectableCard } from './SelectableCard';
+export { SelectInput, type SelectOption } from './SelectInput';
+export { Separator } from './Separator';
+export { Skeleton } from './Skeleton';
+export { Snippet } from './Snippet';
+export { Stack } from './Stack';
+export { Status } from './Status';
+export { StepList } from './StepList';
+export { Stepper } from './Stepper';
+export { SwitchButton } from './SwitchButton';
+export { Table } from './Table';
+export { Tabs } from './Tabs';
+export { Tag } from './Tag';
+export { TagInput } from './TagInput';
+export { TagList } from './TagList';
+export { Text } from './Text';
+export { TextArea } from './TextArea';
+export { TextInput } from './TextInput';
+export { TextInputV2 } from './TextInputV2';
+export { TimeInput } from './TimeInput';
+export { ToastContainer, toast } from './Toaster';
+export { Toggle } from './Toggle';
+export { ToggleGroup } from './ToggleGroup';
+export { Tooltip } from './Tooltip';
+export { VerificationCode } from './VerificationCode';
+export { RadioGroup } from './RadioGroup';
+export { 
+/**
+ * @deprecated This component is deprecated. Please use `Icon` from `@ultraviolet/icons` instead.
+ * The component is the same but has been moved to another package.
+ */
+Icon, } from '@ultraviolet/icons';
+export { MenuV2 } from './MenuV2';
+export { GlobalAlert } from './GlobalAlert';
+export { NotificationContainer, notification } from './Notification';
+export { SelectableCardGroup } from './SelectableCardGroup';
+export { SelectInputV2 } from './SelectInputV2';

package/dist/helpers/isJSON.d.ts

@@ -0,0 +1,2 @@
+declare const isJSONString: (str: string) => boolean;
+export default isJSONString;

package/dist/{src/helpers → helpers}/isJSON.js

@@ -1,4 +1,4 @@
-const isJSONString = str => {
+const isJSONString = (str) => {
   try {
     JSON.parse(str);
   } catch (e) {
@@ -6,5 +6,6 @@ const isJSONString = str => {
   }
   return true;
 };
-
-export { isJSONString as default };
+export {
+  isJSONString as default
+};

package/dist/helpers/jestMockMatchMedia.d.ts

@@ -0,0 +1,6 @@
+export type MockMatchMedia = {
+    media: string;
+    matches?: boolean;
+};
+declare const _default: ({ media, matches }: MockMatchMedia) => void;
+export default _default;

package/dist/helpers/keycode.d.ts

@@ -0,0 +1,3 @@
+import type { KeyboardEventHandler } from 'react';
+declare const onKeyOnlyNumbers: KeyboardEventHandler;
+export default onKeyOnlyNumbers;

package/dist/helpers/legend.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '@emotion/react';
+export declare const getLegendColor: (theme: Theme) => string[];

package/dist/helpers/legend.js

@@ -0,0 +1,14 @@
+const getLegendColor = (theme) => {
+  const {
+    colors
+  } = theme;
+  return Object.keys(colors.other.data.charts).filter((key) => !["success", "danger"].includes(key)).sort((a, b) => {
+    if (Number(a.replace("data", "")) < Number(b.replace("data", ""))) {
+      return -1;
+    }
+    return 1;
+  }).map((key) => colors.other.data.charts[key]);
+};
+export {
+  getLegendColor
+};

package/dist/helpers/numbers.d.ts

@@ -0,0 +1,2 @@
+declare const parseIntOr: (str: string | undefined, fallback: number) => number;
+export default parseIntOr;

package/dist/helpers/recursivelyGetChildrenString.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+declare const recursivelyGetChildrenString: (children: ReactNode) => string;
+export default recursivelyGetChildrenString;

package/dist/helpers/recursivelyGetChildrenString.js

@@ -0,0 +1,15 @@
+const recursivelyGetChildrenString = (children) => {
+  if (typeof children === "string")
+    return children;
+  if (Array.isArray(children))
+    return "";
+  if (typeof children === "object") {
+    const childProps = children?.["props"]?.["children"];
+    if (childProps)
+      return recursivelyGetChildrenString(childProps);
+  }
+  return "";
+};
+export {
+  recursivelyGetChildrenString as default
+};

package/dist/hooks/useIsOverflowing.d.ts

@@ -0,0 +1,5 @@
+import type { MutableRefObject } from 'react';
+/**
+ * This hook checks if the element has overflow based on the offsetWidth and scrollWidth of the element.
+ */
+export declare const useIsOverflowing: (ref: MutableRefObject<HTMLElement | HTMLDivElement | undefined | null>, callback?: (hasOverflow: boolean) => void) => boolean;

package/dist/hooks/useIsOverflowing.js

@@ -0,0 +1,23 @@
+import { useState, useEffect } from "react";
+const useIsOverflowing = (ref, callback) => {
+  const [isOverflowing, setIsOverflowing] = useState(false);
+  useEffect(() => {
+    const handleResize = () => {
+      if (!ref.current) {
+        return;
+      }
+      const element = ref.current;
+      const hasOverflow = element.clientWidth < element.scrollWidth;
+      setIsOverflowing(hasOverflow);
+    };
+    setTimeout(() => handleResize(), 0);
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [ref, callback]);
+  return isOverflowing;
+};
+export {
+  useIsOverflowing
+};