takeat-design-system-ui-kit 1.0.0 → 1.1.2

package/dist/components/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Input/index.tsx","../../../src/theme/theme.css.ts","../../../src/utils/functions.ts","../../../src/components/FieldInfo/FieldMessage.tsx","../../../src/components/FieldInfo/styles.css.ts","../../../src/components/icons/IconExclamation.tsx","../../../src/components/icons/IconEye.tsx","../../../src/components/icons/IconEyeSlash.tsx","../../../src/components/Spinner/index.tsx","../../../src/components/Spinner/styles.css.ts","../../../src/components/Input/styles.css.ts"],"sourcesContent":["import { Field } from \"@base-ui/react/field\";\nimport type { InputProps as BaseInputProps } from \"@base-ui/react/input\";\nimport { Input as BaseInput } from \"@base-ui/react/input\";\nimport type React from \"react\";\nimport { type ForwardedRef, forwardRef, useRef, useState } from \"react\";\nimport { NumberFormatBase } from \"react-number-format\";\nimport { vars } from \"../../theme/theme.css\";\nimport { currencyFormatter } from \"../../utils/functions\";\nimport { FieldMessage } from \"../FieldInfo/FieldMessage\";\nimport { IconExclamation, IconEye, IconEyeSlash } from \"../icons\";\nimport { Spinner } from \"../Spinner\";\nimport {\n  iconSizeVar,\n  inputClass,\n  inputContainerClass,\n  inputContainerSizeVariants,\n  inputSizeVariants,\n  inputWrapperClass,\n} from \"./styles.css\";\n\ninterface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n  label?: React.ReactNode;\n  info?: React.ReactNode;\n  error?: string;\n  size?: \"small\" | \"medium\" | \"large\";\n  isLoading?: boolean;\n  mask?: string;\n  containerStyles?: React.CSSProperties;\n  isCurrency?: boolean;\n  hasPrefix?: boolean;\n  minimumFractionDigits?: number;\n  onChange?: (e: any) => void;\n  /** Callback fired when the value changes. Provided by BaseUI Input — works when wrapped in a BaseUI Field.Root. */\n  onValueChange?: BaseInputProps[\"onValueChange\"];\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n}\n\nconst maskValue = (value: string, mask: string) => {\n  if (!value || value.length === 0) return \"\";\n\n  let maskedValue = \"\";\n  let valueIndex = 0;\n\n  const letterRegex = /^[a-zA-ZÀ-ÿ~^´`]+$/;\n\n  for (let i = 0; i < mask.length; i++) {\n    const maskChar = mask[i];\n    const inputChar = value[valueIndex];\n\n    if (!inputChar) break;\n\n    if (maskChar === \"9\") {\n      if (/\\d/.test(inputChar)) {\n        maskedValue += inputChar;\n        valueIndex++;\n      } else {\n        break;\n      }\n    } else if (maskChar === \"a\") {\n      if (letterRegex.test(inputChar)) {\n        maskedValue += inputChar;\n        valueIndex++;\n      } else {\n        break;\n      }\n    } else if (maskChar === \"*\") {\n      maskedValue += inputChar;\n      valueIndex++;\n    } else {\n      maskedValue += maskChar;\n      if (inputChar === maskChar) {\n        valueIndex++;\n      }\n    }\n  }\n\n  return maskedValue;\n};\n\nexport const Input = forwardRef(\n  (\n    {\n      label,\n      info,\n      error,\n      size = \"large\",\n      isLoading,\n      mask,\n      containerStyles,\n      isCurrency,\n      hasPrefix,\n      minimumFractionDigits,\n      iconLeft,\n      iconRight,\n      ...props\n    }: InputProps,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const spinnerSize = size === \"large\" ? 18 : 16;\n    const [passwordShowing, setPasswordShowing] = useState(false);\n\n    const togglePasswordVisibility = () => {\n      setPasswordShowing((prev) => !prev);\n    };\n\n    const isPasswordField = props.type === \"password\";\n    const inputType = isPasswordField && passwordShowing ? \"text\" : props.type;\n\n    const passwordIcon = isPasswordField ? (\n      <button\n        type=\"button\"\n        aria-label=\"Toggle password visibility\"\n        onClick={togglePasswordVisibility}\n        style={{\n          background: \"none\",\n          border: \"none\",\n          padding: 0,\n          cursor: \"pointer\",\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n        }}\n      >\n        {passwordShowing ? <IconEyeSlash /> : <IconEye />}\n      </button>\n    ) : (\n      iconRight\n    );\n\n    const valueFormatted =\n      props.value !== undefined\n        ? mask\n          ? maskValue(props.value.toString(), mask)\n          : props.value\n        : undefined;\n\n    const hasRightIcon = isLoading || !!error || !!passwordIcon;\n    const inputStyle: React.CSSProperties = {\n      ...(iconLeft ? { paddingLeft: `calc(var(${iconSizeVar}) + 24px)` } : {}),\n      ...(hasRightIcon\n        ? { paddingRight: `calc(var(${iconSizeVar}) + 24px)` }\n        : {}),\n    };\n\n    return (\n      <Field.Root\n        className={`${inputWrapperClass} ${props.className || \"\"}`}\n        style={{ width: props.style?.width, ...containerStyles }}\n        invalid={!!error}\n        data-slot=\"input-root\"\n      >\n        {label && (\n          <Field.Label data-size={size} data-slot=\"input-label\">\n            {label}\n          </Field.Label>\n        )}\n        <div\n          className={`${inputContainerClass} ${inputContainerSizeVariants[size]}`}\n          data-slot=\"input-container\"\n        >\n          {iconLeft && <div className=\"icon-left\">{iconLeft}</div>}\n          {isCurrency ? (\n            <CurrencyInput\n              hasPrefix={hasPrefix}\n              minimumFractionDigits={minimumFractionDigits}\n              {...props}\n              style={{ ...props.style, ...inputStyle }}\n              type={inputType}\n              ref={ref}\n              sizeClass={inputSizeVariants[size]}\n            />\n          ) : (\n            <NormalInput\n              isLoading={isLoading}\n              {...props}\n              style={{ ...props.style, ...inputStyle }}\n              value={valueFormatted}\n              type={inputType}\n              ref={ref}\n              mask={mask}\n              sizeClass={inputSizeVariants[size]}\n              onChange={(e) => {\n                if (mask) {\n                  const maskedValue = maskValue(e.target.value, mask);\n                  e.target.value = maskedValue;\n                }\n                props.onChange?.(e);\n              }}\n            />\n          )}\n          {isLoading ? (\n            <Spinner\n              size={spinnerSize}\n              color={vars.colors.neutral.light}\n              style={{\n                position: \"absolute\",\n                right: 16,\n                top: \"50%\",\n                transform: \"translateY(-50%)\",\n              }}\n            />\n          ) : error ? (\n            <IconExclamation className=\"error-icon\" />\n          ) : (\n            passwordIcon && <div className=\"icon-right\">{passwordIcon}</div>\n          )}\n        </div>\n\n        <FieldMessage\n          error={error}\n          info={info}\n          isDisabled={props.disabled || isLoading}\n        />\n      </Field.Root>\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n\ninterface NormalInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask?: string;\n  isLoading?: boolean;\n  onValueChange?: BaseInputProps[\"onValueChange\"];\n  sizeClass?: string;\n}\n\nconst NormalInput = forwardRef(\n  (\n    { isLoading, mask, sizeClass, ...props }: NormalInputProps,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    return (\n      <BaseInput\n        {...props}\n        disabled={isLoading || props.disabled}\n        className={`${inputClass} ${sizeClass || \"\"}`}\n        ref={ref}\n      />\n    );\n  },\n);\n\nNormalInput.displayName = \"NormalInput\";\n\ninterface CurrencyInputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  hasPrefix?: boolean;\n  minimumFractionDigits?: number;\n  isLoading?: boolean;\n  sizeClass?: string;\n}\n\nconst CurrencyInput = forwardRef(\n  (\n    {\n      hasPrefix,\n      minimumFractionDigits = 2,\n      value,\n      isLoading,\n      sizeClass,\n      ...props\n    }: CurrencyInputProps,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const multiplicator = 10 ** minimumFractionDigits;\n    const inputElementRef = useRef<HTMLInputElement | null>(null);\n\n    const assignInputRef = (el: HTMLInputElement | null) => {\n      inputElementRef.current = el;\n      if (typeof ref === \"function\") {\n        ref(el);\n      } else if (ref) {\n        (ref as React.MutableRefObject<HTMLInputElement | null>).current = el;\n      }\n    };\n\n    const handleKeyDownCommon = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"0\" && e.currentTarget.value.length === 0) {\n        setTimeout(() => {\n          const el = inputElementRef.current;\n          if (el) {\n            const end = el.value.length;\n            try {\n              el.setSelectionRange(end, end);\n            } catch {}\n          }\n        }, 1);\n      }\n    };\n\n    const inputClassName = `${inputClass} ${sizeClass || \"\"}`;\n\n    return (\n      <NumberFormatBase\n        format={(e) =>\n          currencyFormatter(\n            parseFloat(e),\n            hasPrefix,\n            minimumFractionDigits,\n            Number(props.max),\n            Number(props.min),\n          )\n        }\n        {...props}\n        value={Number(value) * multiplicator}\n        className={inputClassName}\n        defaultValue={props.defaultValue as string | number | undefined | null}\n        disabled={isLoading || props.disabled}\n        onKeyDown={(e) => {\n          handleKeyDownCommon(e);\n          if (e.key === \"Backspace\") {\n            const el = inputElementRef.current;\n            const digits = (el?.value || \"\").replace(/\\D/g, \"\");\n            const numeric = digits.length ? parseInt(digits, 10) : 0;\n\n            if (numeric === 0) {\n              e.preventDefault();\n              const event = new Event(\"change\", { bubbles: true }) as any;\n              Object.defineProperty(event, \"target\", {\n                value: {\n                  value: \"\",\n                  name: props.name ?? \"\",\n                  type: \"text\",\n                },\n                enumerable: true,\n              });\n              Object.defineProperty(event, \"currentTarget\", {\n                value: {\n                  value: \"\",\n                  name: props.name ?? \"\",\n                  type: \"text\",\n                },\n                enumerable: true,\n              });\n              props.onChange?.(event as React.ChangeEvent<HTMLInputElement>);\n              if (el) {\n                el.value = \"\";\n                try {\n                  el.setSelectionRange(0, 0);\n                } catch {}\n              }\n            }\n          }\n        }}\n        onChange={undefined}\n        onValueChange={(e) => {\n          if (e.floatValue === 0) {\n            setTimeout(() => {\n              const el = inputElementRef.current;\n              if (el) {\n                el.setSelectionRange(el.value.length, el.value.length);\n              }\n            }, 1);\n          }\n          const numericValue =\n            e.floatValue || e.floatValue === 0\n              ? e.floatValue / multiplicator\n              : undefined;\n          const valueStr =\n            numericValue !== undefined ? numericValue.toString() : \"\";\n          const event = new Event(\"change\", { bubbles: true }) as any;\n          Object.defineProperty(event, \"target\", {\n            value: {\n              value: valueStr,\n              name: props.name ?? \"\",\n              type: \"text\",\n            },\n            enumerable: true,\n          });\n          Object.defineProperty(event, \"currentTarget\", {\n            value: {\n              value: valueStr,\n              name: props.name ?? \"\",\n              type: \"text\",\n            },\n            enumerable: true,\n          });\n          props.onChange?.(event as React.ChangeEvent<HTMLInputElement>);\n        }}\n        type=\"text\"\n        getInputRef={assignInputRef}\n      />\n    );\n  },\n);\n\nCurrencyInput.displayName = \"CurrencyInput\";\n","import 'src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jOBbd91cQ7W27obcl9iqpIOjaDWYGmGWBkihbiV6R5NjOYP59QNmW-DZVm-4FY1QVUjrn8pzLS5GS7-_jAdf4R44LdKzGf0-__HCD9DAEn5EL_vsLANtt1lZtP2y7vqxRf9lW5f4w4mGcgQ4EGxwiFwV_qPH9DHch2ORphHeeGj6DPQJ2_SIIpeCb8BnuQ7DJYtd3Uzkc9e8zNoBgkwRO4hRKLKU6hGATuY7nRAy6x7mYkEiekAW7hN3JkzFDZ2AsTwQB8klI5EmYoHQCkDwBdxylMpWbv-Cqak-i_wyCTVHgNIvV8CV4PqHzOAmU6BmLJ2wWRq4MyyeimNCp7xVSNJ2LPclZFmduroJSig8kcUm04xK37zFuxGyUEGzSDPs5VqKX0G8QbOIkTzJl6Bn6DsEmTLIicyVQPhUVBBsPZ0m6k4HpTNQQbNw8ieJYgaTUNhBsnCLyQ8Rg0-qIxTy0U9byoihU4CVwRwouytTYGfkBwcb3UymST0JP5LpIjqVzMEzAOMsyOZBSOk7QKEkSBtr2qNlLknCEYPP6-hI_v6jhS_DPCf2cxE9K9Iw9TdjkOdzJsHwqzhN69-IFUjSdjAsEm2_fwldXCaUUf02THAQOm44BZ22T_1CsEJfsIE_ht93T6yMWtY2QfWS3e36Jnx-QFgrZTYKXZy96UlP4TLlkT_F2T3HwTUOiE-aSncWNdqHv6Rm0G7K_OE-B57LSGnwce1RtT4dyXLZmN5rubAVfyXe0mGGyzxQR-WgIlByy3eCcfNT4BT3tOBH5SNFCSsnOs0PkI8cz2SSbTxiQjxJMKyebjzf9SOFphTIqONl8nOnnih4OKG9Pg5gQDIHTnac_3u3fG9F9_W361RUvecEfkrBL0OJhUPLfwYOgQnr3D8OSkPGjsMwsHB7GJPHcyCAondZyCcvp8f1bWqchQ0Xc8dK1-x51h8u2QHVZiUdC9w2CX__Rdl3ZDL_-BgbUkJXYl4UQ4ITJ7JAD0P5YIUrkOwTBvUAk-Brn5bFe4BUEoQY-4LpM2ypfCDUEkYbAghsIdhLwkKEKb_Ny6Cp02RZtM_6r_KLuGC0EXtCdH_CqssF_YrZIOwi8-CGTjPgfjvmhk3rAKC-bvURqD4HnKAe882RSB61JekRe6qiTmra5LKVHCFz1aBNJJvJTa28ei1d4khfhlZWhbizbRiLyDIHrKUe782Q6L3BazgYj8lK_5AvgShxqVFWiUM-B01LXsiQyPVc7C8tonEjPo_I5dCgjlXE-DwvAh2COOwOo6wEEMX-duhzS6btfX-4SXkTX6v16tVzfQeB7wvgUICYGBACNSCAIZok9ysvjQCtElMHbVUpfStm7XaVCZ3RZ3S7TQ-e0-_t1GoAZ-7hGzVhmW9z37XLj9QruSXbGDccswwPlZc8938zIsinaBXbgngBm2An1TdnsF2TJPTt-fW9yfN7mfdvl7alZgG-kbu-FdEPVbY4or-8QuC4HGdu2GstuAVUkowIIUYc4r4bA9e-Qur2uPwbRQOCGTj0wkKbta1pOC4Hv8KChak8LpJtW8B2StXXXNrgZh21R4ir_3hTtvIK3OR7ex5Zy8kHXhp47orTClP6eXswPqO2IqXId6IKjmGXTHcdthVJcaSSPa9gV6vfUjeu4hsudFbxPhWEpebqZLdyTIs9SLp9psi_E68iC-Msa57cYnIevVSGYKfcdeiM14vIOfHdVFqYQrAHf0xq4_q2sO9_XTj_HZuvOD9ZweeOhtnY4Mmc5WsPl6s7frcmXvO78-CdicB6SVSHYukPaopFxBQfp6uF5A5lBhMN05BGrLqdPDnouV3PYnMlbLujzjJ7KWd3TRwU9k6-2A30CMqEKsktzx_JKezP3zdXZOwSh4RTLq6xa4V5WY7WB97Ttc9z_83rCEyqtoQ6RJgG4cmtX0vkEdCv5nP8P6oBsQuerrze4UUoCCDaGlTbkhTiudcNWo_6Yo-ILXj7XepEV5ulxkA7l08O-UJJnOL-pMgrAleRlJZ33_zXNwuO6uPNZ54ED7-_ujNhcRQbuSvXyggy8m4mVYTgv_spUsAUZBDcvq-iClfCnonBOIo2TAVc4U9djsNPkkuPysxmvoLK5SzSC0-M4Uq-ShIwhxbmT53E5ShU3Q57GrrcgMxyNz02uuF3JeYJJvGpY3mth6JWblb3iYCmlCZIPpo5lFVzq_UpPg8Gb4nzAknid74oDEcvi9FWKMyBL4ougVhyAZCxBZ2PkTl4ArZFHbvo7xXlPQhLEfpg5lU19r_fJ7IPbEZ-p_A4QONp5Ycll1i4vzoKRkDWaxYGfmvw7E-J4Hx842tpnN2POxCdcx2ZdnAxdUEMLNs6TgulrNZNQ13farImLoYwrl7XwRbgGk7iMyzsIHRJi-u7PJNBtzTAOQte0lm5sxkPoGfqnhhZM-CuriblvcG4C06Jig7CmwnWmNCUWRnc9t0ozDCkptXAHfyYG6yw2LDlBhmAsmdRM3yEDk3RPd0DWECIhdLdrlsw6SU3naB5YsJDdxzctGWoH4KzkxouIjsE6wqsc6YquWLuglu2J87U3Xk5UCNbWwbTkOBGCq3LSEjy6W2vea4Rv-vOh7p1G-C5_9pVR2Y0-rOQvAGRM7iAV1isEy49ToeJVkCYCJ79dIZ85WIXdGvWy41X4sUK85IwV9lo-KVTJs0846A-9M41XOyq-GOF5nEjVGx6exhfHp6FMRWGcDNXKq-JsKpotiYupZmk5fJlKltRC5NwV_--X36_t9ykeEdd7763ovc8KHBbyJnZZ732CskQHX76cI413KYoVYFnvvYt2fE-isvfeDcIiNe69d3K_iB0GbXvvbe-97b23vfe29_4Ktr33tvdeQNvee9t7b3vvbe-97b23vfe29_523fbe_0W99_T7Adt7b3vvbe-97b1fEcL23tvee9t7_5hpe--vAWzv_YoAtvfe9t7b3nvbe297723v_ZVme-9t773tvbe997b33vbe295723tve-9t773tvTej2t77K9P23tve-79j7_3_AR7RD736XgAA';\nexport var betaTheme = 'theme_betaTheme__14bhs4v62';\nexport var defaultTheme = 'theme_defaultTheme__14bhs4v61';\nexport var vars = {colors:{primary:{lightest:'var(--colors-primary-lightest__14bhs4v0)',lighter:'var(--colors-primary-lighter__14bhs4v1)',light:'var(--colors-primary-light__14bhs4v2)','default':'var(--colors-primary-default__14bhs4v3)',dark:'var(--colors-primary-dark__14bhs4v4)',darker:'var(--colors-primary-darker__14bhs4v5)'},red:{lightest:'var(--colors-red-lightest__14bhs4v6)',lighter:'var(--colors-red-lighter__14bhs4v7)',light:'var(--colors-red-light__14bhs4v8)','default':'var(--colors-red-default__14bhs4v9)',dark:'var(--colors-red-dark__14bhs4va)',darker:'var(--colors-red-darker__14bhs4vb)'},yellow:{lightest:'var(--colors-yellow-lightest__14bhs4vc)',lighter:'var(--colors-yellow-lighter__14bhs4vd)',light:'var(--colors-yellow-light__14bhs4ve)','default':'var(--colors-yellow-default__14bhs4vf)',dark:'var(--colors-yellow-dark__14bhs4vg)',darker:'var(--colors-yellow-darker__14bhs4vh)'},green:{lightest:'var(--colors-green-lightest__14bhs4vi)',lighter:'var(--colors-green-lighter__14bhs4vj)',light:'var(--colors-green-light__14bhs4vk)','default':'var(--colors-green-default__14bhs4vl)',dark:'var(--colors-green-dark__14bhs4vm)',darker:'var(--colors-green-darker__14bhs4vn)'},blue:{lightest:'var(--colors-blue-lightest__14bhs4vo)',lighter:'var(--colors-blue-lighter__14bhs4vp)',light:'var(--colors-blue-light__14bhs4vq)','default':'var(--colors-blue-default__14bhs4vr)',dark:'var(--colors-blue-dark__14bhs4vs)',darker:'var(--colors-blue-darker__14bhs4vt)'},orange:{lightest:'var(--colors-orange-lightest__14bhs4vu)',lighter:'var(--colors-orange-lighter__14bhs4vv)',light:'var(--colors-orange-light__14bhs4vw)','default':'var(--colors-orange-default__14bhs4vx)',dark:'var(--colors-orange-dark__14bhs4vy)',darker:'var(--colors-orange-darker__14bhs4vz)'},second_green:{lightest:'var(--colors-second_green-lightest__14bhs4v10)',lighter:'var(--colors-second_green-lighter__14bhs4v11)',light:'var(--colors-second_green-light__14bhs4v12)','default':'var(--colors-second_green-default__14bhs4v13)',dark:'var(--colors-second_green-dark__14bhs4v14)',darker:'var(--colors-second_green-darker__14bhs4v15)'},neutral:{white:'var(--colors-neutral-white__14bhs4v16)',lightest:'var(--colors-neutral-lightest__14bhs4v17)',lighter:'var(--colors-neutral-lighter__14bhs4v18)',light:'var(--colors-neutral-light__14bhs4v19)','default':'var(--colors-neutral-default__14bhs4v1a)',dark:'var(--colors-neutral-dark__14bhs4v1b)',darker:'var(--colors-neutral-darker__14bhs4v1c)',black:'var(--colors-neutral-black__14bhs4v1d)'}},shadows:{lighter:'var(--shadows-lighter__14bhs4v1e)',light:'var(--shadows-light__14bhs4v1f)','default':'var(--shadows-default__14bhs4v1g)',dark:'var(--shadows-dark__14bhs4v1h)',darker:'var(--shadows-darker__14bhs4v1i)'},typography:{family:{'default':'var(--typography-family-default__14bhs4v1j)'},weights:{regular:'var(--typography-weights-regular__14bhs4v1k)',medium:'var(--typography-weights-medium__14bhs4v1l)',semibold:'var(--typography-weights-semibold__14bhs4v1m)',bold:'var(--typography-weights-bold__14bhs4v1n)'},scale:{display:{fontSize:'var(--typography-scale-display-fontSize__14bhs4v1o)',lineHeight:'var(--typography-scale-display-lineHeight__14bhs4v1p)',fontWeight:'var(--typography-scale-display-fontWeight__14bhs4v1q)'},heading:{fontSize:'var(--typography-scale-heading-fontSize__14bhs4v1r)',lineHeight:'var(--typography-scale-heading-lineHeight__14bhs4v1s)',fontWeight:'var(--typography-scale-heading-fontWeight__14bhs4v1t)'},body:{fontSize:'var(--typography-scale-body-fontSize__14bhs4v1u)',lineHeight:'var(--typography-scale-body-lineHeight__14bhs4v1v)',fontWeight:'var(--typography-scale-body-fontWeight__14bhs4v1w)'},caption:{fontSize:'var(--typography-scale-caption-fontSize__14bhs4v1x)',lineHeight:'var(--typography-scale-caption-lineHeight__14bhs4v1y)',fontWeight:'var(--typography-scale-caption-fontWeight__14bhs4v1z)'},small:{fontSize:'var(--typography-scale-small-fontSize__14bhs4v20)',lineHeight:'var(--typography-scale-small-lineHeight__14bhs4v21)',fontWeight:'var(--typography-scale-small-fontWeight__14bhs4v22)'}}},spacing:{xxs:'var(--spacing-xxs__14bhs4v23)',xs:'var(--spacing-xs__14bhs4v24)',s:'var(--spacing-s__14bhs4v25)',m:'var(--spacing-m__14bhs4v26)',l:'var(--spacing-l__14bhs4v27)',xl:'var(--spacing-xl__14bhs4v28)',xxl:'var(--spacing-xxl__14bhs4v29)'},radius:{s:'var(--radius-s__14bhs4v2a)',m:'var(--radius-m__14bhs4v2b)',l:'var(--radius-l__14bhs4v2c)',xl:'var(--radius-xl__14bhs4v2d)',xxl:'var(--radius-xxl__14bhs4v2e)'},semantic:{error:'var(--semantic-error__14bhs4v2f)',success:'var(--semantic-success__14bhs4v2g)',info:'var(--semantic-info__14bhs4v2h)',warning:'var(--semantic-warning__14bhs4v2i)'},zIndex:{dropdown:'var(--zIndex-dropdown__14bhs4v2j)',modal:'var(--zIndex-modal__14bhs4v2k)',tooltip:'var(--zIndex-tooltip__14bhs4v2l)',toast:'var(--zIndex-toast__14bhs4v2m)'},motion:{fast:'var(--motion-fast__14bhs4v2n)',normal:'var(--motion-normal__14bhs4v2o)',slow:'var(--motion-slow__14bhs4v2p)'},components:{fieldInfo:{fontSize:{desktop:'var(--components-fieldInfo-fontSize-desktop__14bhs4v2q)',tablet:'var(--components-fieldInfo-fontSize-tablet__14bhs4v2r)',totem:'var(--components-fieldInfo-fontSize-totem__14bhs4v2s)'}},input:{label:{fontSize:{desktop:'var(--components-input-label-fontSize-desktop__14bhs4v2t)',large:'var(--components-input-label-fontSize-large__14bhs4v2u)',medium:'var(--components-input-label-fontSize-medium__14bhs4v2v)',small:'var(--components-input-label-fontSize-small__14bhs4v2w)',tablet:'var(--components-input-label-fontSize-tablet__14bhs4v2x)','tablet-medium':'var(--components-input-label-fontSize-tablet-medium__14bhs4v2y)','tablet-small':'var(--components-input-label-fontSize-tablet-small__14bhs4v2z)',totem:'var(--components-input-label-fontSize-totem__14bhs4v30)','totem-medium':'var(--components-input-label-fontSize-totem-medium__14bhs4v31)','totem-small':'var(--components-input-label-fontSize-totem-small__14bhs4v32)'}},input:{fontSize:{desktop:'var(--components-input-input-fontSize-desktop__14bhs4v33)',large:'var(--components-input-input-fontSize-large__14bhs4v34)',medium:'var(--components-input-input-fontSize-medium__14bhs4v35)',small:'var(--components-input-input-fontSize-small__14bhs4v36)',tablet:'var(--components-input-input-fontSize-tablet__14bhs4v37)','tablet-medium':'var(--components-input-input-fontSize-tablet-medium__14bhs4v38)','tablet-small':'var(--components-input-input-fontSize-tablet-small__14bhs4v39)',totem:'var(--components-input-input-fontSize-totem__14bhs4v3a)','totem-medium':'var(--components-input-input-fontSize-totem-medium__14bhs4v3b)','totem-small':'var(--components-input-input-fontSize-totem-small__14bhs4v3c)'},height:{desktop:'var(--components-input-input-height-desktop__14bhs4v3d)',large:'var(--components-input-input-height-large__14bhs4v3e)',medium:'var(--components-input-input-height-medium__14bhs4v3f)',small:'var(--components-input-input-height-small__14bhs4v3g)',tablet:'var(--components-input-input-height-tablet__14bhs4v3h)','tablet-medium':'var(--components-input-input-height-tablet-medium__14bhs4v3i)','tablet-small':'var(--components-input-input-height-tablet-small__14bhs4v3j)',totem:'var(--components-input-input-height-totem__14bhs4v3k)','totem-medium':'var(--components-input-input-height-totem-medium__14bhs4v3l)','totem-small':'var(--components-input-input-height-totem-small__14bhs4v3m)'},borderRadius:{desktop:'var(--components-input-input-borderRadius-desktop__14bhs4v3n)',large:'var(--components-input-input-borderRadius-large__14bhs4v3o)',medium:'var(--components-input-input-borderRadius-medium__14bhs4v3p)',small:'var(--components-input-input-borderRadius-small__14bhs4v3q)',tablet:'var(--components-input-input-borderRadius-tablet__14bhs4v3r)','tablet-medium':'var(--components-input-input-borderRadius-tablet-medium__14bhs4v3s)','tablet-small':'var(--components-input-input-borderRadius-tablet-small__14bhs4v3t)',totem:'var(--components-input-input-borderRadius-totem__14bhs4v3u)','totem-medium':'var(--components-input-input-borderRadius-totem-medium__14bhs4v3v)','totem-small':'var(--components-input-input-borderRadius-totem-small__14bhs4v3w)'},padding:{desktop:'var(--components-input-input-padding-desktop__14bhs4v3x)',large:'var(--components-input-input-padding-large__14bhs4v3y)',medium:'var(--components-input-input-padding-medium__14bhs4v3z)',small:'var(--components-input-input-padding-small__14bhs4v40)',tablet:'var(--components-input-input-padding-tablet__14bhs4v41)','tablet-medium':'var(--components-input-input-padding-tablet-medium__14bhs4v42)','tablet-small':'var(--components-input-input-padding-tablet-small__14bhs4v43)',totem:'var(--components-input-input-padding-totem__14bhs4v44)','totem-medium':'var(--components-input-input-padding-totem-medium__14bhs4v45)','totem-small':'var(--components-input-input-padding-totem-small__14bhs4v46)'}}},select:{padding:{desktop:'var(--components-select-padding-desktop__14bhs4v47)',tablet:'var(--components-select-padding-tablet__14bhs4v48)',totem:'var(--components-select-padding-totem__14bhs4v49)'}},button:{fontSize:{medium:'var(--components-button-fontSize-medium__14bhs4v4a)',small:'var(--components-button-fontSize-small__14bhs4v4b)',large:'var(--components-button-fontSize-large__14bhs4v4c)',tablet:'var(--components-button-fontSize-tablet__14bhs4v4d)','tablet-medium':'var(--components-button-fontSize-tablet-medium__14bhs4v4e)','tablet-small':'var(--components-button-fontSize-tablet-small__14bhs4v4f)',totem:'var(--components-button-fontSize-totem__14bhs4v4g)','totem-medium':'var(--components-button-fontSize-totem-medium__14bhs4v4h)','totem-small':'var(--components-button-fontSize-totem-small__14bhs4v4i)'},height:{large:'var(--components-button-height-large__14bhs4v4j)',medium:'var(--components-button-height-medium__14bhs4v4k)',small:'var(--components-button-height-small__14bhs4v4l)',tablet:'var(--components-button-height-tablet__14bhs4v4m)','tablet-medium':'var(--components-button-height-tablet-medium__14bhs4v4n)','tablet-small':'var(--components-button-height-tablet-small__14bhs4v4o)',totem:'var(--components-button-height-totem__14bhs4v4p)','totem-medium':'var(--components-button-height-totem-medium__14bhs4v4q)','totem-small':'var(--components-button-height-totem-small__14bhs4v4r)'},padding:{large:{text:'var(--components-button-padding-large-text__14bhs4v4s)',icon:'var(--components-button-padding-large-icon__14bhs4v4t)',textAndIcon:'var(--components-button-padding-large-textAndIcon__14bhs4v4u)'},medium:{text:'var(--components-button-padding-medium-text__14bhs4v4v)',icon:'var(--components-button-padding-medium-icon__14bhs4v4w)',textAndIcon:'var(--components-button-padding-medium-textAndIcon__14bhs4v4x)'},small:{text:'var(--components-button-padding-small-text__14bhs4v4y)',icon:'var(--components-button-padding-small-icon__14bhs4v4z)',textAndIcon:'var(--components-button-padding-small-textAndIcon__14bhs4v50)'},tablet:{text:'var(--components-button-padding-tablet-text__14bhs4v51)',icon:'var(--components-button-padding-tablet-icon__14bhs4v52)',textAndIcon:'var(--components-button-padding-tablet-textAndIcon__14bhs4v53)'},'tablet-medium':{text:'var(--components-button-padding-tablet-medium-text__14bhs4v54)',icon:'var(--components-button-padding-tablet-medium-icon__14bhs4v55)',textAndIcon:'var(--components-button-padding-tablet-medium-textAndIcon__14bhs4v56)'},'tablet-small':{text:'var(--components-button-padding-tablet-small-text__14bhs4v57)',icon:'var(--components-button-padding-tablet-small-icon__14bhs4v58)',textAndIcon:'var(--components-button-padding-tablet-small-textAndIcon__14bhs4v59)'},totem:{text:'var(--components-button-padding-totem-text__14bhs4v5a)',icon:'var(--components-button-padding-totem-icon__14bhs4v5b)',textAndIcon:'var(--components-button-padding-totem-textAndIcon__14bhs4v5c)'},'totem-medium':{text:'var(--components-button-padding-totem-medium-text__14bhs4v5d)',icon:'var(--components-button-padding-totem-medium-icon__14bhs4v5e)',textAndIcon:'var(--components-button-padding-totem-medium-textAndIcon__14bhs4v5f)'},'totem-small':{text:'var(--components-button-padding-totem-small-text__14bhs4v5g)',icon:'var(--components-button-padding-totem-small-icon__14bhs4v5h)',textAndIcon:'var(--components-button-padding-totem-small-textAndIcon__14bhs4v5i)'}},borderRadius:{large:'var(--components-button-borderRadius-large__14bhs4v5j)',medium:'var(--components-button-borderRadius-medium__14bhs4v5k)',small:'var(--components-button-borderRadius-small__14bhs4v5l)',tablet:'var(--components-button-borderRadius-tablet__14bhs4v5m)','tablet-medium':'var(--components-button-borderRadius-tablet-medium__14bhs4v5n)','tablet-small':'var(--components-button-borderRadius-tablet-small__14bhs4v5o)',totem:'var(--components-button-borderRadius-totem__14bhs4v5p)','totem-medium':'var(--components-button-borderRadius-totem-medium__14bhs4v5q)','totem-small':'var(--components-button-borderRadius-totem-small__14bhs4v5r)'},iconSize:{large:'var(--components-button-iconSize-large__14bhs4v5s)',medium:'var(--components-button-iconSize-medium__14bhs4v5t)',small:'var(--components-button-iconSize-small__14bhs4v5u)',tablet:'var(--components-button-iconSize-tablet__14bhs4v5v)','tablet-medium':'var(--components-button-iconSize-tablet-medium__14bhs4v5w)','tablet-small':'var(--components-button-iconSize-tablet-small__14bhs4v5x)',totem:'var(--components-button-iconSize-totem__14bhs4v5y)','totem-medium':'var(--components-button-iconSize-totem-medium__14bhs4v5z)','totem-small':'var(--components-button-iconSize-totem-small__14bhs4v60)'}}}};","import axios from \"axios\";\nimport {\n  addDays,\n  getDaysInMonth,\n  isAfter,\n  isBefore,\n  set,\n  subDays,\n} from \"date-fns\";\nimport type { MenuItemProps } from \"../components/CollapsableMenu/types\";\n\n// Função para calcular o MDC (Máximo Divisor Comum) usando o Algoritmo de Euclides\nexport const mdc = (a: number, b: number) => {\n  while (b !== 0) {\n    [a, b] = [b, a % b];\n  }\n  return a;\n};\n\n// Função para calcular o MMC (Mínimo Múltiplo Comum) de dois números\nexport const mmc = (a: number, b: number) => {\n  return Math.abs(a * b) / mdc(a, b);\n};\n\n// Função para calcular o MMC de um array de números\nexport const mmcArray = (numbers: number[]) => {\n  return numbers.reduce((acc, num) => mmc(acc, num), 1);\n};\n\ninterface PriceOptions {\n  hasPrefix?: boolean;\n  minimumFractionDigits?: number;\n  maximumFractionDigits?: number;\n}\n// Função para formatar preço\nexport const formatPrice = (price: number | string, options?: PriceOptions) => {\n  if (price === undefined || price === null) return \"\";\n\n  const hasDecimal =\n    price.toString().includes(\".\") || price.toString().includes(\",\");\n\n  if (typeof price === \"string\") {\n    price = price.replace(/\\./g, \"\").replace(\",\", \"\");\n  }\n\n  const parsedPrice =\n    typeof price === \"string\"\n      ? parseFloat(price) / (hasDecimal ? 100 : 1)\n      : price;\n\n  const amount = new Intl.NumberFormat(\"pt-BR\", {\n    style: \"currency\",\n    currency: \"BRL\",\n    ...options,\n  }).format(parsedPrice);\n\n  return options?.hasPrefix === false ? `${amount}`.substring(3) : `${amount}`;\n};\n\n// Função para mascarar uma string\nexport const maskString = (string: string, percent = 50, char = \"*\") => {\n  const length = string.length;\n  const charAmount = length * (percent / 100);\n  const firstAmount = Math.floor((length - charAmount) / 2);\n\n  return (\n    string.substring(0, firstAmount) +\n    char.repeat(charAmount) +\n    string.substring(firstAmount + charAmount)\n  );\n};\n\n// Função para limpar telefone\nexport const clearPhone = (phone: string) => {\n  return phone.replace(/\\D/g, \"\");\n};\n\n// Função para validar um CPF\nexport const validateCPF = (cpf: string) => {\n  if (cpf.length !== 11) {\n    return false;\n  }\n\n  if (cpf.match(/(\\d)\\1{10}/)) {\n    return false;\n  }\n\n  const numbers = cpf.substring(0, 9);\n  const digits = cpf.substring(9);\n\n  const sum = numbers\n    .split(\"\")\n    .map((number, index) => parseInt(number, 10) * (10 - index))\n    .reduce((acc, curr) => acc + curr);\n\n  const firstDigit = (sum * 10) % 11;\n\n  if (firstDigit.toString() !== digits.charAt(0)) {\n    return false;\n  }\n\n  const sum2 = numbers\n    .split(\"\")\n    .map((number, index) => parseInt(number, 10) * (11 - index))\n    .reduce((acc, curr) => acc + curr);\n\n  const secondDigit = (sum2 * 10) % 11;\n\n  return secondDigit.toString() === digits.charAt(1);\n};\n\n// Função para buscar endereço pelo cep\nexport const getAddressByCep = async (cep: string) => {\n  const formattedCep = cep.replace(/(\\.|-)/gi, \"\");\n  try {\n    const { data } = await axios.get(\n      `https://viacep.com.br/ws/${formattedCep}/json/`,\n    );\n\n    return { ...data, provider: \"viacep\" };\n  } catch (_err) {\n    const { data } = await axios.get(\n      `https://brasilapi.com.br/api/cep/v2/${cep}`,\n    );\n\n    return {\n      cep: data.cep,\n      logradouro: data.street,\n      bairro: data.neighborhood,\n      localidade: data.city,\n      uf: data.state,\n      provider: \"brasilapi\",\n      brasilapi_service: data.service,\n    };\n  }\n};\n\n// Função para converter HEX para RGB\nexport const hexToRgb = (hex: string): [number, number, number] => {\n  // Remove o '#' se presente\n  hex = hex.replace(/^#/, \"\");\n\n  // Converter HEX para os componentes RGB\n  const r = parseInt(hex.substring(0, 2), 16);\n  const g = parseInt(hex.substring(2, 4), 16);\n  const b = parseInt(hex.substring(4, 6), 16);\n  return [r, g, b];\n};\n\n// Função para converter RGB para HSB\nexport const rgbToHsb = (r: number, g: number, b: number) => {\n  r /= 255;\n  g /= 255;\n  b /= 255;\n  const v = Math.max(r, g, b),\n    n = v - Math.min(r, g, b);\n  const h =\n    n === 0\n      ? 0\n      : n && v === r\n        ? (g - b) / n\n        : v === g\n          ? 2 + (b - r) / n\n          : 4 + (r - g) / n;\n  return [60 * (h < 0 ? h + 6 : h), v && (n / v) * 100, v * 100];\n};\n\n// Função para converter HEX para HSB\nexport const hexToHsb = (hex: string): [number, number, number] => {\n  // Remove o '#' se presente\n  hex = hex.replace(/^#/, \"\");\n\n  // Converter HEX para RGB\n  const r = parseInt(hex.substring(0, 2), 16) / 255;\n  const g = parseInt(hex.substring(2, 4), 16) / 255;\n  const b = parseInt(hex.substring(4, 6), 16) / 255;\n\n  // Calcular o máximo e mínimo entre R, G, B\n  const max = Math.max(r, g, b),\n    min = Math.min(r, g, b);\n  const delta = max - min;\n\n  // Calcular brilho (B)\n  const bValue = max * 100;\n\n  // Calcular saturação (S)\n  const sValue = max === 0 ? 0 : (delta / max) * 100;\n\n  // Calcular matiz (H)\n  let hValue = 0;\n  if (delta !== 0) {\n    if (max === r) hValue = (g - b) / delta + (g < b ? 6 : 0);\n    else if (max === g) hValue = (b - r) / delta + 2;\n    else hValue = (r - g) / delta + 4;\n\n    hValue = Math.round(hValue * 60);\n  }\n\n  return [hValue, Math.round(sValue), Math.round(bValue)];\n};\n\nexport const rgbToHex = (number: number) =>\n  number.toString(16).padStart(2, \"0\");\n\n// Função para converter HSB para HEX\nconst hsbToHex = (h: number, s: number, b: number): string => {\n  s /= 100;\n  b /= 100;\n\n  const c = b * s;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = b - c;\n  let r = 0,\n    g = 0,\n    bl = 0;\n\n  if (0 <= h && h < 60) {\n    r = c;\n    g = x;\n    bl = 0;\n  } else if (60 <= h && h < 120) {\n    r = x;\n    g = c;\n    bl = 0;\n  } else if (120 <= h && h < 180) {\n    r = 0;\n    g = c;\n    bl = x;\n  } else if (180 <= h && h < 240) {\n    r = 0;\n    g = x;\n    bl = c;\n  } else if (240 <= h && h < 300) {\n    r = x;\n    g = 0;\n    bl = c;\n  } else if (300 <= h && h < 360) {\n    r = c;\n    g = 0;\n    bl = x;\n  }\n\n  r = Math.round((r + m) * 255);\n  g = Math.round((g + m) * 255);\n  bl = Math.round((bl + m) * 255);\n\n  return `#${rgbToHex(r)}${rgbToHex(g)}${rgbToHex(bl)}`;\n};\n\ninterface ColorVariants {\n  lightest: string;\n  lighter: string;\n  light: string;\n  default: string;\n  dark: string;\n  darker: string;\n}\n\n// Cache for color variants with LRU eviction (max 50 entries)\nconst colorVariantsCache = new Map<string, ColorVariants>();\nconst MAX_CACHE_SIZE = 50;\n\nconst cacheColorVariants = (\n  hex: string,\n  variants: ColorVariants,\n): ColorVariants => {\n  if (colorVariantsCache.size >= MAX_CACHE_SIZE) {\n    // Remove oldest entry (first inserted)\n    const firstKey = colorVariantsCache.keys().next().value;\n    colorVariantsCache.delete(firstKey);\n  }\n  colorVariantsCache.set(hex, variants);\n  return variants;\n};\n\n// Função para gerar variações de cor\nexport const generateColorVariants = (hex: string): ColorVariants => {\n  // Check cache first\n  const cached = colorVariantsCache.get(hex);\n  if (cached) {\n    return cached;\n  }\n\n  // Converter de HEX para HSB\n  const [h, s, b] = hexToHsb(hex);\n\n  // Gerar cor mais clara: -20 de S, +4 de L\n  const lightS = Math.max(s - 20, 0); // Garantir que S não seja negativo\n  const lightB = Math.min(b + 4, 100); // Garantir que L não passe de 100\n  const lightColor = hsbToHex(h, lightS, lightB);\n\n  // Gerar cor ainda mais clara: -40 de S, +8 de L\n  const lighterS = Math.max(s - 40, 0); // Garantir que S não seja negativo\n  const lighterB = Math.min(b + 8, 100); // Garantir que L não passe de 100\n  const lighterColor = hsbToHex(h, lighterS, lighterB);\n\n  // Gerar cor ainda mais clara: -60 de S, +12 de L\n  const lightestS = Math.max(s - 60, 0); // Garantir que S não seja negativo\n  const lightestB = Math.min(b + 12, 100); // Garantir que L não passe de 100\n  const lightestColor = hsbToHex(h, lightestS, lightestB);\n\n  // Gerar cor mais escura: +4 de S, -20 de L\n  const darkS = Math.min(s + 4, 100); // Garantir que S não passe de 100\n  const darkB = Math.max(b - 20, 0); // Garantir que L não seja negativo\n  const darkColor = hsbToHex(h, darkS, darkB);\n\n  // Gerar cor ainda mais escura: +8 de S, -40 de L\n  const darkerS = Math.min(s + 8, 100); // Garantir que S não passe de 100\n  const darkerB = Math.max(b - 40, 0); // Garantir que L não seja negativo\n  const darkerColor = hsbToHex(h, darkerS, darkerB);\n\n  const variants: ColorVariants = {\n    lightest: lightestColor,\n    lighter: lighterColor,\n    light: lightColor,\n    default: hex,\n    dark: darkColor,\n    darker: darkerColor,\n  };\n\n  return cacheColorVariants(hex, variants);\n};\n\nexport const getBrighterColor = (hex: string, percentage: number) => {\n  let [r, g, b] = hexToRgb(hex);\n\n  const lightenChannel = (channel: number) =>\n    Math.round(channel + (255 - channel) * (percentage / 100));\n\n  r = lightenChannel(r);\n  g = lightenChannel(g);\n  b = lightenChannel(b);\n\n  return `#${rgbToHex(r)}${rgbToHex(g)}${rgbToHex(b)}`;\n};\n\n// Função para preencher um array de datas\nexport const fillDaysArray = (arr: Array<Date>) => {\n  const firstDay = arr[0];\n  for (let i = 1; i <= firstDay.getDay(); i++) {\n    const date = subDays(firstDay, i);\n    arr.unshift(date);\n  }\n\n  const multiplier = Math.ceil(arr.length / 7);\n  const left = 7 * multiplier - arr.length;\n  const lastDay = arr[arr.length - 1];\n\n  for (let i = 1; i <= left; i++) {\n    const date = addDays(lastDay, i);\n    arr.push(date);\n  }\n};\n\n// Função para aceitar apenas horas validas numa string e ajustar conforme necessário\nexport const clampTimeString = (\n  timeStr: string,\n  currentDate: Date,\n  type: \"start\" | \"end\",\n  compareDate?: Date,\n) => {\n  const [hourStr, minuteStr] = timeStr.split(\":\");\n\n  let hours = parseInt(hourStr, 10);\n  let minutes = parseInt(minuteStr, 10);\n\n  // Ajuste para valores válidos de horas e minutos\n  hours = Math.max(0, Math.min(23, hours));\n  minutes = Math.max(0, Math.min(59, minutes));\n\n  // Define a data ajustada com partes preservadas de currentDate\n  const adjustedDate = set(currentDate, { hours, minutes });\n\n  // Verifica e aplica restrições\n  if (compareDate && type === \"start\" && isAfter(adjustedDate, compareDate)) {\n    return compareDate;\n  } else if (\n    compareDate &&\n    type === \"end\" &&\n    isBefore(adjustedDate, compareDate)\n  ) {\n    return compareDate;\n  }\n\n  return adjustedDate;\n};\n\n// Função para aceitar apenas datas validas numa string e ajustar conforme necessário\nexport const clampDateString = (\n  dateStr: string,\n  currentDate: Date,\n  type: \"start\" | \"end\",\n  compareDate?: Date,\n) => {\n  const [dayStr, monthStr, yearStr] = dateStr.split(\"/\");\n\n  let day = parseInt(dayStr, 10);\n  let month = parseInt(monthStr, 10) - 1;\n  const year = parseInt(yearStr, 10);\n\n  // Ajuste do mês e do dia\n  month = Math.max(0, Math.min(11, month));\n  const maxDay = getDaysInMonth(new Date(year, month));\n  day = Math.max(1, Math.min(maxDay, day));\n\n  // Define a data ajustada com partes preservadas de currentDate\n  const adjustedDate = set(currentDate, { year, month, date: day });\n\n  if (compareDate && type === \"start\" && isAfter(adjustedDate, compareDate)) {\n    return compareDate;\n  } else if (\n    compareDate &&\n    type === \"end\" &&\n    isBefore(adjustedDate, compareDate)\n  ) {\n    return compareDate;\n  }\n\n  return adjustedDate;\n};\n\nexport function currencyFormatter(\n  value: number,\n  hasPrefix?: boolean,\n\n  minimumFractionDigits = 2,\n  max?: number,\n  min?: number,\n) {\n  if (value === null || value === undefined || Number.isNaN(value)) return \"\";\n\n  if (max && value > max * 100) {\n    value = max * 100;\n  }\n\n  if (min && value < min * 100) {\n    value = min * 100;\n  }\n\n  const amount = new Intl.NumberFormat(\"pt-BR\", {\n    style: \"currency\",\n    currency: \"BRL\",\n    minimumFractionDigits,\n  }).format(value / 10 ** minimumFractionDigits);\n\n  return hasPrefix ? `${amount}` : `${amount}`.substring(3);\n}\n\ntype Complement = {\n  price: string;\n  amount: number;\n};\n\ntype ComplementCategory = {\n  additional: boolean;\n  more_expensive_only: boolean;\n  use_average: boolean;\n  complements: Complement[];\n};\n\nexport type Product = {\n  price: string;\n  amount: number;\n  weight?: number;\n  complement_categories?: ComplementCategory[];\n};\n\nexport const getComplementsPrice = (product: Product) => {\n  const basePrice =\n    parseFloat(product.price) * product.amount * (product.weight || 1);\n\n  const complementsPrice =\n    product.complement_categories?.reduce((catTotal, cat) => {\n      if (!cat.additional) return catTotal;\n\n      if (cat.more_expensive_only) {\n        const highestComplement = cat.complements.reduce(\n          (highest, c) => {\n            return parseFloat(c.price) > parseFloat(highest.price)\n              ? c\n              : highest;\n          },\n          { price: \"0\", amount: 0 },\n        );\n\n        return (\n          catTotal +\n          parseFloat(highestComplement.price) *\n            (highestComplement.amount >= 1 ? 1 : 0) *\n            product.amount\n        );\n      }\n\n      if (cat.use_average) {\n        const totalValue = cat.complements.reduce(\n          (sum, c) => sum + parseFloat(c.price) * c.amount * product.amount,\n          0,\n        );\n        const totalAmount = cat.complements.reduce(\n          (sum, c) => sum + c.amount * product.amount,\n          0,\n        );\n\n        return totalAmount > 0 ? catTotal + totalValue / totalAmount : catTotal;\n      }\n\n      const complementsValue = cat.complements.reduce(\n        (sum, c) => sum + parseFloat(c.price) * c.amount * product.amount,\n        0,\n      );\n\n      return catTotal + complementsValue;\n    }, 0) ?? 0;\n\n  return basePrice + complementsPrice;\n};\n\nexport const formatSearchItems = (\n  menuItems: MenuItemProps[],\n  parentPath = \"\",\n  parentTexts: string[] = [],\n): MenuItemProps[] => {\n  return menuItems\n    .filter((item) => item.condition !== false)\n    .flatMap((item) => {\n      const currentPath = parentPath + (item.path || \"\");\n      const currentTexts = [...parentTexts, item.text];\n\n      if (item.subitems && item.subitems.length > 0) {\n        return formatSearchItems(item.subitems, currentPath, currentTexts);\n      }\n\n      return [\n        {\n          ...item,\n          path: currentPath,\n          searchText: currentTexts.join(\"/\"),\n          key: `${currentPath}|${currentTexts.join(\"/\")}`,\n        },\n      ];\n    });\n};\n\nexport const filterItems = (item: MenuItemProps, search: string) => {\n  return item.searchText?.toLowerCase().includes(search.toLowerCase());\n};\n\nexport const filterSidebarItems = (items: MenuItemProps[]) => {\n  return items\n    .map((item) => {\n      if (item.subitems) {\n        return {\n          ...item,\n          subitems: item.subitems.filter(\n            (subitem) =>\n              (subitem.displayType === \"sidebar\" || !subitem.displayType) &&\n              subitem.condition !== false,\n          ),\n        };\n      }\n      return item;\n    })\n    .filter(\n      (item) =>\n        (item.displayType === \"sidebar\" || !item.displayType) &&\n        item.condition !== false,\n    );\n};\n","import type React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { vars } from \"../../theme/theme.css\";\nimport { fieldInfoContainerClass } from \"./styles.css\";\n\ninterface FieldMessageProps {\n  error?: React.ReactNode;\n  info?: React.ReactNode;\n  isDisabled?: boolean;\n}\n\nfunction useDelayedUnmount(visible: boolean, delay: number) {\n  const [mounted, setMounted] = useState(visible);\n  useEffect(() => {\n    if (visible) {\n      setMounted(true);\n      return;\n    }\n    const t = setTimeout(() => setMounted(false), delay);\n    return () => clearTimeout(t);\n  }, [visible, delay]);\n  return mounted;\n}\n\nexport function FieldMessage({ error, info, isDisabled }: FieldMessageProps) {\n  const content = error ?? info;\n  const visible = !!content;\n  const mounted = useDelayedUnmount(visible, 200);\n\n  if (!mounted) return null;\n\n  const color = error\n    ? vars.colors.red.default\n    : isDisabled\n      ? vars.colors.neutral.light\n      : vars.colors.neutral.dark;\n\n  return (\n    <p\n      className={fieldInfoContainerClass}\n      data-visible={visible ? \"true\" : \"false\"}\n      style={{ color }}\n    >\n      {content}\n    </p>\n  );\n}\n","import 'src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jOBbd91cQ7W27obcl9iqpIOjaDWYGmGWBkihbiV6R5NjOYP59QNmW-DZVm-4FY1QVUjrn8pzLS5GS7-_jAdf4R44LdKzGf0-__HCD9DAEn5EL_vsLANtt1lZtP2y7vqxRf9lW5f4w4mGcgQ4EGxwiFwV_qPH9DHch2ORphHeeGj6DPQJ2_SIIpeCb8BnuQ7DJYtd3Uzkc9e8zNoBgkwRO4hRKLKU6hGATuY7nRAy6x7mYkEiekAW7hN3JkzFDZ2AsTwQB8klI5EmYoHQCkDwBdxylMpWbv-Cqak-i_wyCTVHgNIvV8CV4PqHzOAmU6BmLJ2wWRq4MyyeimNCp7xVSNJ2LPclZFmduroJSig8kcUm04xK37zFuxGyUEGzSDPs5VqKX0G8QbOIkTzJl6Bn6DsEmTLIicyVQPhUVBBsPZ0m6k4HpTNQQbNw8ieJYgaTUNhBsnCLyQ8Rg0-qIxTy0U9byoihU4CVwRwouytTYGfkBwcb3UymST0JP5LpIjqVzMEzAOMsyOZBSOk7QKEkSBtr2qNlLknCEYPP6-hI_v6jhS_DPCf2cxE9K9Iw9TdjkOdzJsHwqzhN69-IFUjSdjAsEm2_fwldXCaUUf02THAQOm44BZ22T_1CsEJfsIE_ht93T6yMWtY2QfWS3e36Jnx-QFgrZTYKXZy96UlP4TLlkT_F2T3HwTUOiE-aSncWNdqHv6Rm0G7K_OE-B57LSGnwce1RtT4dyXLZmN5rubAVfyXe0mGGyzxQR-WgIlByy3eCcfNT4BT3tOBH5SNFCSsnOs0PkI8cz2SSbTxiQjxJMKyebjzf9SOFphTIqONl8nOnnih4OKG9Pg5gQDIHTnac_3u3fG9F9_W361RUvecEfkrBL0OJhUPLfwYOgQnr3D8OSkPGjsMwsHB7GJPHcyCAondZyCcvp8f1bWqchQ0Xc8dK1-x51h8u2QHVZiUdC9w2CX__Rdl3ZDL_-BgbUkJXYl4UQ4ITJ7JAD0P5YIUrkOwTBvUAk-Brn5bFe4BUEoQY-4LpM2ypfCDUEkYbAghsIdhLwkKEKb_Ny6Cp02RZtM_6r_KLuGC0EXtCdH_CqssF_YrZIOwi8-CGTjPgfjvmhk3rAKC-bvURqD4HnKAe882RSB61JekRe6qiTmra5LKVHCFz1aBNJJvJTa28ei1d4khfhlZWhbizbRiLyDIHrKUe782Q6L3BazgYj8lK_5AvgShxqVFWiUM-B01LXsiQyPVc7C8tonEjPo_I5dCgjlXE-DwvAh2COOwOo6wEEMX-duhzS6btfX-4SXkTX6v16tVzfQeB7wvgUICYGBACNSCAIZok9ysvjQCtElMHbVUpfStm7XaVCZ3RZ3S7TQ-e0-_t1GoAZ-7hGzVhmW9z37XLj9QruSXbGDccswwPlZc8938zIsinaBXbgngBm2An1TdnsF2TJPTt-fW9yfN7mfdvl7alZgG-kbu-FdEPVbY4or-8QuC4HGdu2GstuAVUkowIIUYc4r4bA9e-Qur2uPwbRQOCGTj0wkKbta1pOC4Hv8KChak8LpJtW8B2StXXXNrgZh21R4ir_3hTtvIK3OR7ex5Zy8kHXhp47orTClP6eXswPqO2IqXId6IKjmGXTHcdthVJcaSSPa9gV6vfUjeu4hsudFbxPhWEpebqZLdyTIs9SLp9psi_E68iC-Msa57cYnIevVSGYKfcdeiM14vIOfHdVFqYQrAHf0xq4_q2sO9_XTj_HZuvOD9ZweeOhtnY4Mmc5WsPl6s7frcmXvO78-CdicB6SVSHYukPaopFxBQfp6uF5A5lBhMN05BGrLqdPDnouV3PYnMlbLujzjJ7KWd3TRwU9k6-2A30CMqEKsktzx_JKezP3zdXZOwSh4RTLq6xa4V5WY7WB97Ttc9z_83rCEyqtoQ6RJgG4cmtX0vkEdCv5nP8P6oBsQuerrze4UUoCCDaGlTbkhTiudcNWo_6Yo-ILXj7XepEV5ulxkA7l08O-UJJnOL-pMgrAleRlJZ33_zXNwuO6uPNZ54ED7-_ujNhcRQbuSvXyggy8m4mVYTgv_spUsAUZBDcvq-iClfCnonBOIo2TAVc4U9djsNPkkuPysxmvoLK5SzSC0-M4Uq-ShIwhxbmT53E5ShU3Q57GrrcgMxyNz02uuF3JeYJJvGpY3mth6JWblb3iYCmlCZIPpo5lFVzq_UpPg8Gb4nzAknid74oDEcvi9FWKMyBL4ougVhyAZCxBZ2PkTl4ArZFHbvo7xXlPQhLEfpg5lU19r_fJ7IPbEZ-p_A4QONp5Ycll1i4vzoKRkDWaxYGfmvw7E-J4Hx842tpnN2POxCdcx2ZdnAxdUEMLNs6TgulrNZNQ13farImLoYwrl7XwRbgGk7iMyzsIHRJi-u7PJNBtzTAOQte0lm5sxkPoGfqnhhZM-CuriblvcG4C06Jig7CmwnWmNCUWRnc9t0ozDCkptXAHfyYG6yw2LDlBhmAsmdRM3yEDk3RPd0DWECIhdLdrlsw6SU3naB5YsJDdxzctGWoH4KzkxouIjsE6wqsc6YquWLuglu2J87U3Xk5UCNbWwbTkOBGCq3LSEjy6W2vea4Rv-vOh7p1G-C5_9pVR2Y0-rOQvAGRM7iAV1isEy49ToeJVkCYCJ79dIZ85WIXdGvWy41X4sUK85IwV9lo-KVTJs0846A-9M41XOyq-GOF5nEjVGx6exhfHp6FMRWGcDNXKq-JsKpotiYupZmk5fJlKltRC5NwV_--X36_t9ykeEdd7763ovc8KHBbyJnZZ732CskQHX76cI413KYoVYFnvvYt2fE-isvfeDcIiNe69d3K_iB0GbXvvbe-97b23vfe29_4Ktr33tvdeQNvee9t7b3vvbe-97b23vfe29_523fbe_0W99_T7Adt7b3vvbe-97b1fEcL23tvee9t7_5hpe--vAWzv_YoAtvfe9t7b3nvbe297723v_ZVme-9t773tvbe997b33vbe295723tve-9t773tvTej2t77K9P23tve-79j7_3_AR7RD736XgAA';\nimport 'src/theme/sprinkles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA72dTW_6SpaH9_0psuxecBUIL-HOZqZ7NJ2RenW7pbtpKbLBgMHYxDYBMurvPvIbLp_3IplZXf2F63mg6keROvhcfilOeZwekqh4X8fFKQlu72mWRu_rqDiU2en9fbw7v46X58nT__zh6am95Nen6pp_-8O__vALHr5JoisaPhsOr65hhsdpEqfRiKS8DinOpQwsTLLVAWHCIaa-iAFs83iNxkfD8dU1YPgpWK_jdPt-vRZo9K4e3V7x69NnkP9xNCpOwSpOt6NqwPt4Gu6K6efk5U8cFlMPItWBTjkoZqYS00HOOOQRIT8k5LFHzjlkgpClhEx65IKdTcy8iLPpQF9ZKEH9klfewS4Z7D-yE5mp8cRFj8rs9FCwajxBn6l0Q8AqOMF-1diGoFVonLVxqKENgavQeCXHkYY2BK-ebYK9U2fbEMAmKQT9oCfFEMQ_Z2WZHeksDraNUVhf-VAcOwnh-LA4DKFsFYShNBgM0WwFRDovBoEhoK2AWOkvg8AQ024VsGEysayCIaz3NBGOmSlNhsj-LdqUZGAnwy0oiTblQ3FtBAQ_1PmGqNZ4gh6pdENMazgO6WSnwg0RreHE0h5UuCGezawT9FSfdUM029QQ_A9Dagyx_C3e7phcDregvLrwoWC2CsJwMRgM0WwEBP9L5xvC2eBxOl8mOt4QzwaPV_hlpuMNAW1nn-C_GmbfENEuQYQhtCRICukxyLdxSsbzpdl4miv8ctlRCehOgkpRbJkE8iAgpfS1RCJ3qUCUAtcSiYX6EIhSxrqZJJClNJNSrO5rTkAv4prrSeIOMC9fDtj__OLAMXs60dh6rujDy3SmkPV40UeX6asC1lNGH1ymoQLWw8YcW6aRNst65rhDy3SnpkOPnnBkmbpbxEMnlqGCMKQGgx5D9rgy_dD5ehjZw8q01PF6JNmjyvSi4_Vg8geV6Zdh9vV4CseU2cSSID2k7CFlNthq_M8oLp6gv6p0PZzMAWUWamw9mMzxZBZpaD2UzOFkttPQeiC5o8nsoM62Hkb2YDJL9aToQeSPJbPBVvPAqWQgIPilztfDyB1JZheVrseRO5DMvlS4HkjuODKfqHA9kuxhZD7TZ10PJX8Umb8aUiPFchvQfznOm-1lG3j-yVjzCFzE4qTQVTQCtuNgUsYqFs7W_MCxpEhVLGIxUo4lJaieMQL2wc6YFJhmPQlcya-nlI88u_yVi0jzns-zy8g7Jh2WoH6JVCktLRQzFxOJKYWmReLcLGYSUspOi8RLtHiVkFKEutkkmKE4m1KS7itPUCN55aVArbLkfEy5TC2at3ZzkX-sHDjBPmhsKVw9miCnClmKWA8mUvahgKWg9WBiBUsFLMXNmWWCfNFmWQqdmw6C_aWmQ4reJkvLv8df0f02BHQjRLNPVNeNivgr6vDl7ZRt8-C0u42KVZBEoxYwuhM76ThjpbsoqL_CRtKZUdoCCGnOSsNsTbzMV6OxGk3ozqxuFZzKOEuxMTQaWwAhvbLS4hgkOCuvkVFZD8fCyTMUVnfFvEX1n2JsgJrtq75_Zhe5f42xEXKo99d6EtRsjA5mdRckSl0IajpMqdlbx4mSfgpSNlIfZm8XKkp9E9RMsEqzuIkWoZ2MofYSr8sd-ZH42myo9QV-n4Ytk0B-CUjpQ7AhYuBywgOlz76Ghz_3ljOeJ33kNTy8ZstXnid90rUzSABDYQalD7hunQlkJK2z9LnWpJAMz7LZkIY5taWnoxLQgwSV8tMyCWQqIKUEtUQiQh8CUcpQSyQWqBSIUoq6mSSQF2kmpRzd15yAfolrLhap4vR3diMK2kpJnI4e2Ix6NEGeKWSxMNWBCe6rzBVLUh0WRysIZaxYjOqweN2CSMaKZaj77BLcnTK7YgGqTwRBPmiJUML2xu9cQXpnP7J7OXCC_aGxlcC9cftYUCpkJXJv3HYWXBSwEro3blcLvhSwErs3dnMLJ9osK8F74_e4cKamQy7GX_l9LuxqqteH9rk7miCHClkuwF-5fS6MZK5cer9y-1y4k7Fy0f3K7XPhQcbK5fYru8-FqTK7cqH9yu9z4YeWCCVswj4Xlnf2Q_tcDyfYF42tBI7d58IvhaxEjt3nVhMFrISO3edWMwWsxI7f51av2iwrwRP2uVWopkOKXpjl6yj_LVjH54JYxVWzbzRXjfL6sk7Q_Mtdx0CkE0u5U-nOYoYinZiZg0p3ZmYl0qmJT1W8O_NrmU8JPnSBa4hQ_SuJrv8Z59GqLo_k2aVH503pK4muo3V3xa9VuV5DjPLoM8qLqEcVHKq7VEQ2ldqeVpK05ioDCD-9swBknmGQxNv0v8voWLwXZR6Vq12P-6xx9RWjuLrk16f2Gh5Sy4syyMuec8Gc_jIetYrSMsp7zBVjmkuUZxOl6x5yY55LlML2OgcTBkVU1a16zBfGdBcBzP5clPHm9pcsLaO0pOZn_VzD2gtHq-ZKYY4AEszTekzjyLminp07X-uJ8NzwnAFctS1HozAqL1HU5379QjMHV1vAQZ6d3ec6lbjNxRZs9Bmlya3HziRsczHxbv09D07vaXap_nNHzfs3aPVA1eJa_ZcbPhy8gIO1oWiDWL9SCGHv-vuu-tf7c09Y9oSifvDXp2d-4LgfGOCBY2LgX6ut2_GF_bBtnl1oWz3Ica3gIGg6ZUVc76RFGZTxqh-5rkd2D1f7XfU4NzqPkqCMP50JjsD47gqOEIRFlpxLh7ABhO4KjrCJr5HzHtiC4fXD_KuPVwcn6Tv06qvHwejsM8o3SXZ5_4yLOEycpx7Xw7vHf31qL-DG7-L12t0W9mB48zg3uljlWZL0ow9gdPM4Nzo4l1k_NgFjq0fByDK6lv9Rbffv1c1u_dBjPbR6dFR_Gvz6VD3ODoZ7dYqGk9t0D8jbb07a8RkaX1_ADm93sR5wQoD2EvhV9DkvshzMW_t9fP0QOWvtqHW0Cc6J87TzwcD2YXrsKYuHU1YMxrYP02PTrHpVSXZx3yHlYLxzCc24BLHzxM-DwdVjxPewvzcnmDzanpPAeeaf_XewF-6rsuaBYtQPbr-aO1Df-LamY7SOz8dedPEQ3ce2nkTwFNExDrPEmcyrh8kZ3bqOgmvouXl4ho6UcvxXcIyTG87lV6_Z1JcQmuaBUT-2Fe2Juzeq_ObxMchv__wlqZ5dVPS26Lm7f6PKUuOp_1GM2kEjZ0xjQV_Dk5I-c9HY6HCSZlH0golN0B_dFDxck-hFFcCloG6EGiiC_NDzpzq_ub6BU7dCQbi7ADMT3pl_6paoLH_PozWVoTmLz6M1zg91W9QQ7jz1hYHdP2_qxqgBuge_6uA7lropqsOirCxFMMwJdTfeHT3ISCBz3XyguhCAuhMcqlhnflFJqAHfourTi4rGiqU3Y3A6UF2IUjjPf20z9K8BFYYIQY-PTPg7HNWEhnAUlo2Gh3nZKIJBZLYq3U3NVke7E7-zwJ1539H4bR5FKRWdmOXXQ3ByYoPAef57E79__sxnq4vv4QcL_I5Gf1cN0Cg0iQKHmUF_Tg3xg8gcNbabGPS3EwK7E54a0M58oz-aGniYnCMqLhlLr0bgtKDbQjHeee4nC71_7uh2QQTv0R8G9B38IYFRUHIZDXOCblodwAcxKRSymxJ0AyPEuhNd6mBnnksaneVBuiVTcmbxzRicE3RrLaVwXsCnzdC_BnSrJSHo8RcT_g6_yHCUmKuGh5lBNwEDwSA1N5Xu5gbdCIrR7sR_WeDOvH_R-CJaZema_Vja8AcmdyTO0Zg5NlG-_lVt-LMToXMOUMwJirD1Lv4YhV29iTlMDU0waBv-RDVwoRMuc64CNjd1G_5wNVS52RszRyzscReLP2chk7tWzGkrjc5lHiT__OWyi53q7IY_brUjRt2Als8cuO58HHL-1NUpcL6ZsxewOLPFn8CGEmemmIPY0NEb-KPYwNDzmdPYnY9izB_KOgNKMHM46x2D8PLHs7tgkFvmhDagu4vAH9BcvrsGzAHtbgiTYOW8AP581gm6AS0ff3EfrA7b-puzv2RyNWvT3j1xHzCivPbClmJ2pnHjLxaqXbK3t269rXwJjHWizO98rGpdjPcO3gexl1QslolGd1H3vk6pggatdC1tc7A4bWU1wei8yMRPKNTaeF9vO3rZ-AIc6UJJTa02tSpH-wYJzcwysVTHmtxFO_m4pPodtLGVvM2HRWku6sle55Xm3lqh0idae2fh6-TLf5wRRbX0cKo1QdY6COzZRykWCiWfu5ifnkapegid7IHtYpFaS4qi1XmlV1-pUGeUnL3x5mnki4-MD0X2y25UK5Kc0w3s9tlDKJYpBZuziNuxn0-qXUIjU8XcTixKY0FTcjqv8sVTKVQ5BWPvm_r5-NInbYMx3c7MPrUeyhgHIZ3bdWKRlHe5i7fwskmVU-hja6jbV4vTXE6Vvc5LXXprhRqraO2dga-TL7xyRpTX0MOpVmNZ6yCzKx-lWKKVfO5irj2NUt0WOpUK7tZUJPAt5lqehPP6TfUCzwqv4Sn0T8BUOvAq-8p6FHNTFcGzFqw8hUHmTQUFnwKxLncDYKot-FWN4RNg6sdbU4nBWkpmpfh9Z6o0eNSXFbUz2aaqg73oLIt7ran8YK1Es1L0zjIVIuzlaV48eD-ZShLGmrWodBfWVJQwF7JZ7bCkvTXVJMzV7brdTKtsb9uaRNOb9s2qNm90prb0E0rVbNbX285eNqGKTbnQO-TTatOr16Rv8Ma4mGVy1ZozuYt29XGJ1WrHRleqtzfNZaxS0ybnRX3ZRVJ1mvTcLbtns0WoSkMHTN5ubLHo1WjkcRO3m5gkchWaMjiLsnuxOsTqs2NhK8-7qaayV51Zn_PKZl46qdrM2XrX3MclVJkJE4rewujSq8uUbRDAV6tKriozHnexlh4msZrsuLiD4y7QZOYqMmdzXlnoI5Oqx4yrN608TELVGHtQBNc2k14tJlyDAEZGkVwlpi3uIm3sHrE67JiYyvBuq6msVWHG5byqnYdKqgbTpt4T2z1CFRhZUOz2Jo9e_cWmQegONo1c9SUd7uIkZotY7XU8bKV3d9Rc9iov63NeWuqlk6q7nK13ZT4uoapLmFD-TkaXXs2lbIMMflhVchWX8biLlXuYxOqt41Iqtzv1EOxdtVXkzutVz8O-1VpZ3YvVo7FflZbVotiqp2Tf6iyvHmRYPTB7VWVFqbvA6tnZsxrriJlK7E49QpursJQMv3_Uk7RP9ZVX9pMaq6dqj6orK-x16vHaXG2lZPAdEqsHbY8qKyl03xexeuS2Vlc5lbtw6qHbXlWldMOKaqyeua3V1E2cJEIZNW7_5zdxkjxcPqUUzsQtbAahXkoIevyrCc8XSIdwlOilhlcrokAwSHCg0sUSKEa7Ex9a4FLNs8bTxc54xcFtRU6Idp72WicLVU0A7rGRiuXLmD0U5WMjYdW6pQMe5GIrUsVC5RDpTuxOg0qVyRrLliTjmGObS5GEwHnuexNfqD1ifA8_WOB8sXGARgFJFLhaXRziBzE5amyxnIjA7oSnBrRUP6zh3Lklzji6tWCI8c5zP1noQoUQwXv0hwHNlwRdMApKLqPVGuAAPohJoZDFoh_EuhNd6mCpylejmfJefObYxrIegjvP-9PAFup4EN2DLzqYL9w5WBSOqwhWK3UuehCNm8wVS3MA6k7wl4qVanE1mC3C7Z85uLn4Rgj6J78fm_hCtQ3je_jEAufLawM0TMn-RYGr9bQh3k3KfqqxxQIaArsTPjOgpYpZDVdKZXv2oONbImNtzitizzyeNTHO1ZvY449XEYzwoHCxJyHPqhflGiSNPRT5lLkYi7tI7PnIr65Vm5iC1p49JlkLWUM6jjV7WvKoXFEOZ57Yk5O9VEUYej57hLLWpoZ0FFz2MGUvRgHDIK7sscpYfcJsd_LZg5W53DTkD-tMe_ZcZa0vFWWeHSKhwrRvTlfNdQ_XmGiNM0-J1SLUmUhJrzgaFXytCQpQVFNdodabkGSQ1sxgEGtOFN5diJNNINWdWgVdedp_8AJb7QnjnaefW-hC_QnBe3RhQPM1KBeMclPKaLUONYAP8nJWyGItCmLdif7UwVI9qkWzFan9heeba1KkxHkNV6NDqEtRil5wswn42hTAo-B8qQK1PgUVbnwOzzpfrFERcGcBDmMTXqpTtQLu2HCY8AZrrYpSOK_hxWYQ6lWEoMdPTXi-ZjWEwwAdZhperVsBwSA-c5Uu1q4w2p34hQUu1a9aPFPBOrzyfGMNixA4z39p4gt1LIzv4YEFzteyBmgUmlCBq_WsIX4QmZXGFmtaCOxO-NqAlupaLZytbB0iXmCubZES50VsjA6hvkUpesHWJuBrXACP0rNTBWqdCyoGCYp1vljrIuDuAuxNeKne1QqUitdBOHj51rwEo_PKhDOYZ92L9_U24TjmVfsiXSh0wsnMs_5F-wYJFA5pPjUw1uQumnBe86uDtTamEnYQjm3WWhg04MgLpzePehjtceZMOMnZa2KkpXcIRzprXQwaUKiFw529NoYsgygLxzxjfYziu4shHPTMNTLoGFbJDsI5T6yT_Xv1Oy5B9atHUZQ-Ben66Y_OD7Qu5ovT9U812nkq67g4JcHtPc3S6P2YhbHzY07Naerpqb2m-qGc6qftnp7-RTOqH9uCjBfIqC4SGHFa_X7eiELNIcq5ViCGSbY6QNYSsuqrBMo2j9cQsoKQ6iKCcQrW6zjd1j92CxCbFtFe0q02-0u3PBuhYwUNfuiWJSNwIoPB79yy3CPkZjIX_Mwty00gN5e54Fdu-RlG4LMyw-BHboVcIPRVywX4jVuO_Y_sRMVu_Dzkj8rs9HD2agdWvBgUxgxWBiyY6wJjFis-iuN4qfONmaz4aInHK51vzGa9AliwMayAMaNNjrAituTImNU_Z2WZHcm4gi1nFNaXPpzYzoRFmU1kzG3rwZrcpDGmt7XgAJ9NFmOGWwuOwNVkMSa5WxmkmcAdi1kZY57vWcMiuG9xWTOm-m_VT0USmZ7A7av6zciHE91YsATuYaTEmObagRVwG6MUxiTXBpTjCdzHKIMxxbUBrzncxiiDMcHNSmAF3MLIlTCmt80UlsDti86UMbm_1ec9Krpw-6p_b_Th7LYerIH7F60xprexYAncvkiJMb-NAwX4Be5dpMOY4MaBlv4Fblukw5jhdkWwBO5Z9IoYU9zlC2vgrsXkS8vxMci3cUol-KXbtJpL_KPboTF5I5O1tLZgzI1FrhbQFoujmYhYLZMtFq9gJmK1GHazi7m5PLta8u6JwOSzkghb2Jjz1st1QH_suOUYkGD6rAts0SPPWtMXFW9LIHnSms5Vui2I5DlrulTptjzSp6zpSp95WyyZM9Z0Y8iOLZ38CWs63F4ePmANPViTmDS2pHKnq2lmkdjyyp2tprnFYUstd7Kani0OW3bZc9X0aloRW4L5U9Xs2ZYvW465M9UMbFOPHalcB1bMDQpbfunz1GypC2zZpU9Ts5XOt-WWPkvNNjrfllnmJDWLDStgyyt3jpollhzZssqeomZgm3rwEDWwYElukdjyypygZmeDwpZY5vw0uxoMtswyp6f5s8FgSy13dpq_WFbCllv25DSfmzKlJXcbkH_FzrutaRs88OdrDcXMlcDUclkhMXHDE7UYVkAUv3nMA7XUVUC8SgkP1EJWzyImZsIsaplqVhszc2m1tQjl2eWvTIq6_SLPLqOHktSxMfqqoLVAtWQEXjzLYC1XLRdFa_Eic7V4tVy0dou5zNVS1s0wBi-VGdbCds8FRq-0XGiZW2XJ-ZgysVt020Jz1WPJcwxYEOsCLX89H-MTFa-lsKfjIGYqXctiT8dLm6t0LZHOzGP8WZ95LZdudrDgasiOls5NlpZ_j7-i-y0lQPLa7THVhaMi_rrf-1PeTtk2D06726hYBUk0agmjO_J-I1AmmndR0Nx6AcwvZnNLIMy5aA6zNX7Bc7O2Gk44z6JzFZzKOEuRdmnWtgTCfBXNxTFIUIheV2ZvPR5bJ8-UtboH6i2q_yLkktVtffXtUrvI_aOQzZaDvb_qk-Ln8hV7-LuEUf5C8ZMpSzzkdc4o86di5rKWeci7tFH-m-KnE5d72JvMEe7JmHLXNxVSn7Ov3Wbc3nbo-xHbgjH3KnK1T9YGi6jLZ4mqfaA2UPRhunyRoNrnaANFi7mcS1Dt47OdVUxdirOqfWp2KcDclZwC7cOyCSuVr2W3mQ3zbA9Yh8bkWCZrEWvBmJuIXC1kLRanLBOxWsxaLF65XMRqQetmF3PP8uxqUbsnApOvSiLUQl2c_s5tZ8G9MhSnowe3tJ6P8S8qXi3OdXQMn2twtSzXsVH6gqXGVgtyHRstaLDS2Gop7j7jGL5RZ1wtwvV5wfhYz4shj2_s_hckjuDRPdAxYEGmCwyZfGN2wyBX8YZUvjGbYnBW6YZcvjF7Y3BV6YZkvnFbZPisz7whm2_sThm-GLKjf61xZXfLsK8_Xx_eLe98jF-qeP2rjCuzW4YrDa5_iXFldstwo7H1ry-uzG4Zxhpb_-Liyu2WYaLOuP6VxZXdLcNMz4shj_xuGeaO4OHdsjdgwVkXGDLJ7ZbhVcUbUsntlqtnlW7IJbdbrl5UuiGZ7G65muszb8gmv1uulobsaOls_p_qvwXr-Fzg5V11e077v17P6-s6S_Mvd4EDVYHXeGNQOKscqgo8UbFB4UzUSlUQi5EYHO5qrHUJYcksFlcTtRq6-7L_G3Axf626L2FT5vh58qJ1ZZZBmER9G-24fYpeXZmAMYUMj65MgFpAlE9XJmAFkGXqygSQNYQYujIBYju8__jhO9vfMXqvoO1dmQB8lMH2rkzAPclce1cm4BYy16MrE4A_lRn26coE6JuWC8-uTPjOHg_5P9GVCRVTg8KrKxMKFrrAqysT8gOd79WVCflrne_XlQkFW8MKeHZlQsXekiP_rkyoAVvOz3VlQtHJJvLtyoSawqTx7cqElk-TxbcrE1puJot3VybQTOCO9WNdmVAE962f6sqEHrh9_UhXJpTAPewHujKhAm5j3-_KhAa4j32_KxMa4Db2A12ZUAG3sB_pyoQSuH39UFcm1MDt64e6MqEG7l8_0pUJJXD7-omuTOB4gXvXT3RlQgfctn6kKxNK4J71Q12ZUAN3re93ZUJDt2l9vysTkrcy2dyVCbl7kWvuyoTYo4g1d2VC7EnE2rsyIbeQZ9ejKxOSP5VE-HVlQvptQP-BrkxYZhnrAp-uTIifqnifrkxIX6h0n65MSA9UuldXJsSv9Zn368qEgq0hO95dmVAy3F5-rCsTao4mjWdXJpScLBLPrkzoKCwOz65M6Pi0OHy7MqHkZloR765MoJmNbfny7MqEFrBN_URXJlQsDAqvrkwoCHSBV1cm5K91vldXJuRvdb5fVyYU7A0r4NmVCRVHS458uzKhBGxTP9OVCSWFReLXlQkVnwaFX1cmNNwMBr-uTGCYjw0Gz65MqJhaVsK3KxNKFqZMWbsyIb3bmr7TlQmZa4Fp68qExC1PtHVlQuCeB9q6MiHwyAONXZmQeBJm0dqVCZmFtNoeXZmQ2-0XP9CVCdE3BW3uyoRfPY9lsLkrE3KnMtfclQm5C5lr78qE4ECZYY-uTIhea7nw68qE-G5b-LGuTCjY6wKfrkyIP6p4n65MSD-pdJ-uTEgvVLpXVybEf-oz79eVCQU3Q3a8uzKB5LXbY_7vuzKheWo2f6srE2oXZu23ujKhNjBrv9eVCb1rs_e7XZnQ3G19_19dmdC_9_B_uysTyo8e8m93ZUL5yUP-_a5MaC887A93ZUJptxl_tysTcm8i19qVCajLsUS1dmVC6FSCWrsyIXQhQc1dmZAaiLNq78qE3LWcAo-uTEjuNrPvd2VC8l4mm7syIfcocs1dmRB7ErHmrkyILUSsvSsTcj_l2fXoyoTkm5IIr65MeKPwvTL0M12ZED9V8R5dmRC-0OAeXZmQHWhsj65MyF5rbJ-uTAjfqjPu1ZUJ8Xs9L35dmVBwdAQ_0pUJBSdd4NOVCfGFivfpyoT0T5Xu05UJ6TeV7tWVCfDhWJ95v65MKJgasuPVlQkFff35R7oyIT5Q8R5dmRC-1uAeXZmQvdXYHl2ZkL3X2D5dmRB-VGfcqysT4k96Xvy6MqGgcAQ_0pUJBZ-6wKcrE-JvKt6nKxPQV2OV7tOVCelTle7VlQnxC33m_boyoSAwZMezKxMquj3nB7syoWJrUHh2ZULF3qDw7cqEjqPB4d-VCS0ni4XsyvxfxSnEdXYaAQA';\nimport 'src/components/FieldInfo/styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WTQW_bMAyF7_kVRE4JNhl25xWDgp1y6rmnYigMxaYTobLoUqzTdOh_H2SvTtskQJBhJxuU9L33RCoJsnMYitqiq258TUvyYqxHXjoTQlFkXf5w_aPL4PcEoCYvKtgX1NAZnilVUtOSRy9BjQQVd93aF1QVhgehtiiyfLUJeXf1OF-MlKirwRM3xo3VLdr1RjTkaRprznpUm7-10rhydqEsfIG8fe7VHYogq9Ca0vq1hjTJ2-e4QLEiOw29tLDxoSZu9PDrjODdTL1R-poVS16_HYQ0uQq9ZcNf9-fflxeT10ly7o3_qowY1dlgVw5_ToWfcHrft2F0mp12ms6j2MCosLNlRJiVQ5new9keLun6oLK_fZ5f3spD1tjJg3Ak2Pz3bFFkbyf8S7TPqHfJzs8QuvWQwzqnoXxiRi9LcsSLj-my6zjlezQyE986ko_EvKdVNrTO7DSs2VYRFL9KsGnjcCmmbdCQ1vz5JRxugzT5dmz6T8mfHvpjFrL6OPTGH1zV9-HldMi1o62Gja0q9IvJ6x8hdFMyAgUAAA';\nexport var errorSlotClass = 'styles_errorSlotClass__1v4k68v4';\nexport var errorSlotInnerClass = 'styles_errorSlotInnerClass__1v4k68v5';\nexport var fieldInfoClass = 'styles_fieldInfoClass__1v4k68v3 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_gap_xxs_desktop__1hu819u6b';\nexport var fieldInfoContainerClass = 'styles_fieldInfoContainerClass__1v4k68v1 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_gap_xxs_desktop__1hu819u6b';","export const IconExclamation = ({ ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"1em\"\n      height=\"1em\"\n      {...props}\n    >\n      <mask\n        id=\"IconExclamation_svg__a\"\n        width={24}\n        height={24}\n        x={0}\n        y={0}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: \"alpha\",\n        }}\n      >\n        <path d=\"M0 0h24v24H0z\" />\n      </mask>\n      <g mask=\"url(#IconExclamation_svg__a)\">\n        <path d=\"M12 21q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 19q0-.824.588-1.413A1.93 1.93 0 0 1 12 17q.825 0 1.412.587Q14 18.176 14 19q0 .824-.588 1.413A1.93 1.93 0 0 1 12 21m0-6q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 13V5q0-.824.588-1.412A1.93 1.93 0 0 1 12 3q.825 0 1.412.587Q14 4.176 14 5v8q0 .825-.588 1.412A1.93 1.93 0 0 1 12 15\" />\n      </g>\n    </svg>\n  );\n};\n","export const IconEye = ({ ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"1em\"\n      height=\"1em\"\n      {...props}\n    >\n      <path d=\"M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.187T12 7 8.813 8.313 7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.787A2.6 2.6 0 0 1 9.3 11.5q0-1.125.787-1.912A2.6 2.6 0 0 1 12 8.8q1.125 0 1.912.787.788.788.788 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m0 4.8q-3.35 0-6.112-1.8t-4.363-4.75a1.907 1.907 0 0 1-.187-1.437q.062-.238.187-.463 1.6-2.95 4.363-4.75Q8.65 4 12 4t6.113 1.8 4.362 4.75q.125.225.188.462a1.9 1.9 0 0 1 0 .976 2 2 0 0 1-.188.462q-1.6 2.95-4.363 4.75Q15.35 19 12 19m0-2a9.54 9.54 0 0 0 5.188-1.488A9.77 9.77 0 0 0 20.8 11.5a9.77 9.77 0 0 0-3.613-4.012A9.54 9.54 0 0 0 12 6a9.55 9.55 0 0 0-5.187 1.487A9.77 9.77 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.613 4.012A9.54 9.54 0 0 0 12 17\" />\n    </svg>\n  );\n};\n","export const IconEyeSlash = ({ ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"1em\"\n      height=\"1em\"\n      {...props}\n    >\n      <mask\n        id=\"IconEyeSlash_svg__a\"\n        width={24}\n        height={24}\n        x={0}\n        y={0}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: \"alpha\",\n        }}\n      >\n        <path d=\"M0 0h24v24H0z\" />\n      </mask>\n      <g mask=\"url(#IconEyeSlash_svg__a)\">\n        <path d=\"M15.175 8.325a4.5 4.5 0 0 1 1.063 1.65q.337.925.237 1.9 0 .375-.275.637a.9.9 0 0 1-.65.263.87.87 0 0 1-.638-.263.87.87 0 0 1-.262-.637q.124-.65-.075-1.25A2.6 2.6 0 0 0 13.95 9.6a2.8 2.8 0 0 0-1.025-.65q-.6-.225-1.275-.1a.85.85 0 0 1-.638-.275.9.9 0 0 1-.262-.65q0-.375.262-.638a.87.87 0 0 1 .638-.262 4.14 4.14 0 0 1 1.875.237 4.5 4.5 0 0 1 1.65 1.063M12 6q-.475 0-.925.037t-.9.138a1.08 1.08 0 0 1-.763-.125 1.02 1.02 0 0 1-.462-.6.94.94 0 0 1 .088-.775q.211-.375.612-.45.574-.125 1.162-.175T12 4q3.424 0 6.262 1.8t4.338 4.85a1.9 1.9 0 0 1 .2.85q0 .225-.038.438-.036.212-.137.412-.45 1-1.113 1.875-.662.875-1.462 1.6a.84.84 0 0 1-.7.225.91.91 0 0 1-.65-.4 1.1 1.1 0 0 1-.212-.763q.037-.412.337-.687.6-.575 1.1-1.25t.875-1.45a9.77 9.77 0 0 0-3.613-4.013A9.55 9.55 0 0 0 12 6m0 13q-3.35 0-6.125-1.812A13 13 0 0 1 1.5 12.425a1.6 1.6 0 0 1-.187-.437 2 2 0 0 1-.063-.488q0-.25.05-.475t.175-.45a13.6 13.6 0 0 1 1.163-1.913Q3.3 7.75 4.15 7L2.075 4.9a.97.97 0 0 1-.263-.713A.98.98 0 0 1 2.1 3.5a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.275.275.288.688a.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-3.5-3.45A12 12 0 0 1 12 19M5.55 8.4q-.725.65-1.325 1.425A9 9 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.613 4.012A9.55 9.55 0 0 0 12 17q.5 0 .975-.062.475-.063.975-.138l-.9-.95q-.274.075-.525.113A3.5 3.5 0 0 1 12 16q-1.875 0-3.187-1.312Q7.499 13.375 7.5 11.5q0-.274.037-.525.038-.25.113-.525z\" />\n      </g>\n    </svg>\n  );\n};\n","import { Progress } from \"@base-ui/react/progress\";\nimport type React from \"react\";\nimport { forwardRef } from \"react\";\nimport { vars } from \"../../theme/theme.css\";\nimport { spinnerStyles } from \"./styles.css\";\n\ninterface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {\n  color?: string;\n  size?: number;\n  /** When provided, renders a determinate progress bar with role=\"progressbar\" and aria-valuenow. */\n  value?: number;\n  max?: number;\n}\n\nconst SVG_MASK =\n  \"url(\\\"data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M9.249 0.645999C9.63764 0.588245 10.0334 0.685283 10.3513 0.916254C10.6691 1.14722 10.8837 1.49369 10.9488 1.88116C11.0139 2.26864 10.9243 2.66619 10.6994 2.98835C10.4745 3.31051 10.1322 3.53157 9.746 3.604C7.99897 3.90027 6.41326 4.80555 5.26996 6.15934C4.12666 7.51314 3.49963 9.22802 3.5 11C3.5 12.9891 4.29018 14.8968 5.6967 16.3033C7.10322 17.7098 9.01088 18.5 11 18.5V21.5C5.201 21.5 0.5 16.8 0.5 11C0.5 5.855 4.226 1.49 9.249 0.645999ZM15.892 3.29799C16.0235 3.15124 16.1827 3.03185 16.3604 2.94664C16.5381 2.86143 16.7309 2.81208 16.9277 2.8014C17.1245 2.79072 17.3214 2.81892 17.5073 2.8844C17.6932 2.94987 17.8643 3.05134 18.011 3.18299C19.11 4.16702 19.9888 5.37197 20.59 6.71901C21.1913 8.06606 21.5013 9.52486 21.5 11C21.5 16.8 16.799 21.5 11 21.5V18.5C12.5182 18.5 14.0006 18.0393 15.2513 17.1788C16.502 16.3182 17.4621 15.0984 18.0047 13.6805C18.5473 12.2626 18.6469 10.7135 18.2902 9.23782C17.9335 7.76216 17.1373 6.42949 16.007 5.41599C15.7109 5.15036 15.5325 4.778 15.5109 4.38081C15.4893 3.98361 15.6264 3.59412 15.892 3.29799Z'/></svg>\\\")\";\n\nexport const Spinner = forwardRef(function Spinner(\n  { color, size, value, max = 100, ...props }: SpinnerProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const resolvedColor = color || vars.colors.primary.default;\n  const resolvedSize = size || 22;\n\n  const spinnerDiv = (\n    <div\n      ref={ref}\n      className={spinnerStyles}\n      {...props}\n      style={{\n        width: `${resolvedSize}px`,\n        height: `${resolvedSize}px`,\n        backgroundImage: `conic-gradient(${resolvedColor} 0%, transparent 5%, transparent 10%, ${resolvedColor} 100%)`,\n        maskImage: SVG_MASK,\n        maskSize: \"contain\",\n        maskRepeat: \"no-repeat\",\n        maskPosition: \"center\",\n        ...props.style,\n      }}\n    />\n  );\n\n  if (value !== undefined) {\n    return (\n      <Progress.Root value={value} max={max}>\n        <Progress.Track style={{ display: \"contents\" }}>\n          <Progress.Indicator style={{ display: \"contents\" }}>\n            {spinnerDiv}\n          </Progress.Indicator>\n        </Progress.Track>\n      </Progress.Root>\n    );\n  }\n\n  return spinnerDiv;\n});\n\nSpinner.displayName = \"Spinner\";\n","import 'src/components/Spinner/styles.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzdHlsZXNfc3BpbkFuaW1hdGlvbl9fMTV5ZGdleTAgewogIDAlIHsKICAgIHJvdGF0ZTogMGRlZzsKICB9CiAgMTAwJSB7CiAgICByb3RhdGU6IDM2MGRlZzsKICB9Cn0KLnN0eWxlc19zcGlubmVyU3R5bGVzX18xNXlkZ2V5MSB7CiAgd2lkdGg6IDIycHg7CiAgaGVpZ2h0OiAyMnB4OwogIGFuaW1hdGlvbjogc3R5bGVzX3NwaW5BbmltYXRpb25fXzE1eWRnZXkwIDJzIGxpbmVhciBpbmZpbml0ZTsKfQ';\nexport var spinnerStyles = 'styles_spinnerStyles__15ydgey1';","import 'src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jOBbd91cQ7W27obcl9iqpIOjaDWYGmGWBkihbiV6R5NjOYP59QNmW-DZVm-4FY1QVUjrn8pzLS5GS7-_jAdf4R44LdKzGf0-__HCD9DAEn5EL_vsLANtt1lZtP2y7vqxRf9lW5f4w4mGcgQ4EGxwiFwV_qPH9DHch2ORphHeeGj6DPQJ2_SIIpeCb8BnuQ7DJYtd3Uzkc9e8zNoBgkwRO4hRKLKU6hGATuY7nRAy6x7mYkEiekAW7hN3JkzFDZ2AsTwQB8klI5EmYoHQCkDwBdxylMpWbv-Cqak-i_wyCTVHgNIvV8CV4PqHzOAmU6BmLJ2wWRq4MyyeimNCp7xVSNJ2LPclZFmduroJSig8kcUm04xK37zFuxGyUEGzSDPs5VqKX0G8QbOIkTzJl6Bn6DsEmTLIicyVQPhUVBBsPZ0m6k4HpTNQQbNw8ieJYgaTUNhBsnCLyQ8Rg0-qIxTy0U9byoihU4CVwRwouytTYGfkBwcb3UymST0JP5LpIjqVzMEzAOMsyOZBSOk7QKEkSBtr2qNlLknCEYPP6-hI_v6jhS_DPCf2cxE9K9Iw9TdjkOdzJsHwqzhN69-IFUjSdjAsEm2_fwldXCaUUf02THAQOm44BZ22T_1CsEJfsIE_ht93T6yMWtY2QfWS3e36Jnx-QFgrZTYKXZy96UlP4TLlkT_F2T3HwTUOiE-aSncWNdqHv6Rm0G7K_OE-B57LSGnwce1RtT4dyXLZmN5rubAVfyXe0mGGyzxQR-WgIlByy3eCcfNT4BT3tOBH5SNFCSsnOs0PkI8cz2SSbTxiQjxJMKyebjzf9SOFphTIqONl8nOnnih4OKG9Pg5gQDIHTnac_3u3fG9F9_W361RUvecEfkrBL0OJhUPLfwYOgQnr3D8OSkPGjsMwsHB7GJPHcyCAondZyCcvp8f1bWqchQ0Xc8dK1-x51h8u2QHVZiUdC9w2CX__Rdl3ZDL_-BgbUkJXYl4UQ4ITJ7JAD0P5YIUrkOwTBvUAk-Brn5bFe4BUEoQY-4LpM2ypfCDUEkYbAghsIdhLwkKEKb_Ny6Cp02RZtM_6r_KLuGC0EXtCdH_CqssF_YrZIOwi8-CGTjPgfjvmhk3rAKC-bvURqD4HnKAe882RSB61JekRe6qiTmra5LKVHCFz1aBNJJvJTa28ei1d4khfhlZWhbizbRiLyDIHrKUe782Q6L3BazgYj8lK_5AvgShxqVFWiUM-B01LXsiQyPVc7C8tonEjPo_I5dCgjlXE-DwvAh2COOwOo6wEEMX-duhzS6btfX-4SXkTX6v16tVzfQeB7wvgUICYGBACNSCAIZok9ysvjQCtElMHbVUpfStm7XaVCZ3RZ3S7TQ-e0-_t1GoAZ-7hGzVhmW9z37XLj9QruSXbGDccswwPlZc8938zIsinaBXbgngBm2An1TdnsF2TJPTt-fW9yfN7mfdvl7alZgG-kbu-FdEPVbY4or-8QuC4HGdu2GstuAVUkowIIUYc4r4bA9e-Qur2uPwbRQOCGTj0wkKbta1pOC4Hv8KChak8LpJtW8B2StXXXNrgZh21R4ir_3hTtvIK3OR7ex5Zy8kHXhp47orTClP6eXswPqO2IqXId6IKjmGXTHcdthVJcaSSPa9gV6vfUjeu4hsudFbxPhWEpebqZLdyTIs9SLp9psi_E68iC-Msa57cYnIevVSGYKfcdeiM14vIOfHdVFqYQrAHf0xq4_q2sO9_XTj_HZuvOD9ZweeOhtnY4Mmc5WsPl6s7frcmXvO78-CdicB6SVSHYukPaopFxBQfp6uF5A5lBhMN05BGrLqdPDnouV3PYnMlbLujzjJ7KWd3TRwU9k6-2A30CMqEKsktzx_JKezP3zdXZOwSh4RTLq6xa4V5WY7WB97Ttc9z_83rCEyqtoQ6RJgG4cmtX0vkEdCv5nP8P6oBsQuerrze4UUoCCDaGlTbkhTiudcNWo_6Yo-ILXj7XepEV5ulxkA7l08O-UJJnOL-pMgrAleRlJZ33_zXNwuO6uPNZ54ED7-_ujNhcRQbuSvXyggy8m4mVYTgv_spUsAUZBDcvq-iClfCnonBOIo2TAVc4U9djsNPkkuPysxmvoLK5SzSC0-M4Uq-ShIwhxbmT53E5ShU3Q57GrrcgMxyNz02uuF3JeYJJvGpY3mth6JWblb3iYCmlCZIPpo5lFVzq_UpPg8Gb4nzAknid74oDEcvi9FWKMyBL4ougVhyAZCxBZ2PkTl4ArZFHbvo7xXlPQhLEfpg5lU19r_fJ7IPbEZ-p_A4QONp5Ycll1i4vzoKRkDWaxYGfmvw7E-J4Hx842tpnN2POxCdcx2ZdnAxdUEMLNs6TgulrNZNQ13farImLoYwrl7XwRbgGk7iMyzsIHRJi-u7PJNBtzTAOQte0lm5sxkPoGfqnhhZM-CuriblvcG4C06Jig7CmwnWmNCUWRnc9t0ozDCkptXAHfyYG6yw2LDlBhmAsmdRM3yEDk3RPd0DWECIhdLdrlsw6SU3naB5YsJDdxzctGWoH4KzkxouIjsE6wqsc6YquWLuglu2J87U3Xk5UCNbWwbTkOBGCq3LSEjy6W2vea4Rv-vOh7p1G-C5_9pVR2Y0-rOQvAGRM7iAV1isEy49ToeJVkCYCJ79dIZ85WIXdGvWy41X4sUK85IwV9lo-KVTJs0846A-9M41XOyq-GOF5nEjVGx6exhfHp6FMRWGcDNXKq-JsKpotiYupZmk5fJlKltRC5NwV_--X36_t9ykeEdd7763ovc8KHBbyJnZZ732CskQHX76cI413KYoVYFnvvYt2fE-isvfeDcIiNe69d3K_iB0GbXvvbe-97b23vfe29_4Ktr33tvdeQNvee9t7b3vvbe-97b23vfe29_523fbe_0W99_T7Adt7b3vvbe-97b1fEcL23tvee9t7_5hpe--vAWzv_YoAtvfe9t7b3nvbe297723v_ZVme-9t773tvbe997b33vbe295723tve-9t773tvTej2t77K9P23tve-79j7_3_AR7RD736XgAA';\nimport 'src/components/Input/styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Z3Y6bOBi9n6dAI1WaSOsIAsnMUPWqb7ArtapWVeSASdwxmNqGSabad1_ZJn-GEGIzam8yGmyf7_jYHH_-mHKxI4gvcVFW4iuDZYnYZwI5Xy5rTmH0GHi_7jyvpBwLTIvYY4hAgWv08c7zUsxLAnexlxG0lQ_kX5BihhLdOaGkygvZsoZl7NWQPQDAS5jgYg22W75cBtFqw6N6Fk5kr4QSyvb91D8cFKgSDBKQQvZy6B-sVP-MFgJw_IZiL4jK7fGRnFTsFZTlkByeviK83ojYi3xfPiO4QGDTPJv5ejhBQiC25xh7_jSQDf_dTa8LReAKESXXABKLLhLRRRJz3eIg0H5MXtICFYIDNROgSAPZ7x_8hgCBbI2Oy1JN5Nz_TaGAIEU1TtCnewFXBIn7756FJDcw0WGOVLZjUNHDJY1P9zyHhNx_d2EHFMaR49vYHHOU4ip3JKlBjix3XSypQPn7r6mMciAS-iMQGW9FZWBjQcPZyAwd11NRNJYzDDo4poi_CFr-Dh2NV-J1dHZuGpovQz0Z5u7xBvIH1RynmMsXK52cvAp9xkykux-d-dk9Iq_XevaYEOugn2khIC6MsLMh5z0u1Lk11rH_ilOxib3A9z9cPeRQBityMjHYSgRmTolAsLh0BkcdicAlDQcsUPu4voQt9-0XyDAsBF82B7QOFKogAOCEFk2vfZO_z2mGnUfuwWadwbq80j1W71Kcoe5fdz026oUNnlz1uiWas2A2wQbANv6th87fWbAbgjnrZRHrDPXybl0osL2DXDiH9K_uZKTZIVImVsI0VV7Ti9D0MiF2CmJFWYoYYDDFFb8CpPv-rbqaaHTg7UH_Xrg9hNHgdHhMbY2LQ7ixENfAiAI3dU1KzE5eE-ZxaHY6qrznOfyLjbpnEFHkKO45ocpS23MU2D6Pe8z38WYVzSQ-s5DRxHhz09GEK-2ENGHmdibgKnD33TfE1mZgQkWzMTyhRZC7WEML7cnKIZy177ynElunaCk_H8EwWvRqB99ogXWk85dzkaebBTaqFGsLZc8hIt9NUoPQTzstDZSFnXM4attZ2Qt_2PuGoXQ4im0Y9ISTaxhgz1am4Sp7V_ktt7YMQ_TFGI5hkHt1MQwDK-m4_p9WFJ6VnkadRFOMvaDcepwSnA7_LrCCycua0apIQVNtEQwWvIQMFcL6Q0MGc0x2-1FiV9I1g-Vm1zS0izc_TiQc-5ONp6fUlLGapVcz8fzpjF_RO45LAhO0oSRF7GqFr7Mq1Y-_oXUDfEqtR3HEjvBXt0uc0aTiCp5WQsompS3QoGGgxhyvCDofPuveZSXDOWTttdU214wGNMs4EgrkCoXGdpqCpy7yJhXjUpsmxrX92VH6HKTygJJpH9XbtsytwQ414D9ZkQPJ0bW4UGedyvoNICgTRtkarjgllUDaILKTwu6KCkHz2JtrE1UmkVGWNxZIoEDfHub-hy531-y7akaTv5Qf3cqcyZn3UGfnRek_hTtijDKFNZx7RymcobTlG_u9OXiit--UUYvzPcv6jnE6vw1ZfhX6H7SuQfkDIgAA';\nexport var iconSizeVar = 'var(--iconSizeVar__vsoa470)';\nexport var inputClass = 'styles_inputClass__vsoa479';\nexport var inputContainerClass = 'styles_inputContainerClass__vsoa472';\nexport var inputContainerSizeVariants = {large:'styles_inputContainerSizeVariants_large__vsoa473',medium:'styles_inputContainerSizeVariants_medium__vsoa474',small:'styles_inputContainerSizeVariants_small__vsoa475'};\nexport var inputSizeVariants = {large:'styles_inputSizeVariants_large__vsoa476',medium:'styles_inputSizeVariants_medium__vsoa477',small:'styles_inputSizeVariants_small__vsoa478'};\nexport var inputWrapperClass = 'styles_inputWrapperClass__vsoa471';"],"mappings":"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","names":["forwardRef","useState","jsx","jsx","jsx","jsxs","jsx","Spinner","jsx","jsxs","forwardRef","useState","_a"]}

package/dist/components/Keyboard/index.cjs

@@ -0,0 +1,132 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Keyboard/index.tsx
+var Keyboard_exports = {};
+__export(Keyboard_exports, {
+  Keyboard: () => Keyboard
+});
+module.exports = __toCommonJS(Keyboard_exports);
+var import_popover = require("@base-ui/react/popover");
+var import_react = require("react");
+
+// src/components/Keyboard/styles.css.ts
+var keyButton = "styles_keyButton__enxwb73";
+var keyboardContainer = "styles_keyboardContainer__enxwb71";
+var keyboardPositioner = "styles_keyboardPositioner__enxwb70";
+var keyboardRow = "styles_keyboardRow__enxwb72";
+
+// src/components/Keyboard/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var KEYBOARD_LAYOUTS = {
+  default: [
+    ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
+    ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
+    ["a", "s", "d", "f", "g", "h", "j", "k", "l"],
+    ["z", "x", "c", "v", "b", "n", "m"]
+  ],
+  numeric: [["1", "2", "3"], ["4", "5", "6"], ["7", "8", "9"], ["0"]]
+};
+var Keyboard = (0, import_react.forwardRef)(function Keyboard2(props, ref) {
+  const [visible, setVisible] = (0, import_react.useState)(false);
+  const [focusedInput, setFocusedInput] = (0, import_react.useState)(
+    null
+  );
+  const [keyboardType, setKeyboardType] = (0, import_react.useState)("default");
+  (0, import_react.useEffect)(() => {
+    const handleFocusIn = (event) => {
+      const target = event.target;
+      if (target.tagName === "INPUT") {
+        setFocusedInput(target);
+        setKeyboardType(target.getAttribute("keyboard-type") || "default");
+        setVisible(true);
+      }
+    };
+    const handleFocusOut = (event) => {
+      var _a;
+      if (!((_a = event.relatedTarget) == null ? void 0 : _a.classList.contains(
+        "keyboard-button"
+      ))) {
+        setVisible(false);
+        setFocusedInput(null);
+      }
+    };
+    window.addEventListener("focusin", handleFocusIn);
+    window.addEventListener("focusout", handleFocusOut);
+    return () => {
+      window.removeEventListener("focusin", handleFocusIn);
+      window.removeEventListener("focusout", handleFocusOut);
+    };
+  }, []);
+  const handleKeyPress = (key, e) => {
+    e.preventDefault();
+    if (focusedInput) {
+      const start = focusedInput.selectionStart || 0;
+      const end = focusedInput.selectionEnd || 0;
+      const value = focusedInput.value;
+      if (key === "Backspace") {
+        focusedInput.value = value.slice(0, start - 1) + value.slice(end);
+        focusedInput.setSelectionRange(start - 1, start - 1);
+        focusedInput.dispatchEvent(new Event("input", { bubbles: true }));
+        return;
+      }
+      focusedInput.value = value.slice(0, start) + key + value.slice(end);
+      focusedInput.setSelectionRange(start + 1, start + 1);
+      focusedInput.dispatchEvent(new Event("input", { bubbles: true }));
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.Popover.Root, { open: visible, onOpenChange: setVisible, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      anchor: focusedInput,
+      side: "bottom",
+      align: "start",
+      sideOffset: 4,
+      className: keyboardPositioner,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_popover.Popover.Popup,
+        {
+          initialFocus: false,
+          finalFocus: false,
+          ref,
+          ...props,
+          className: keyboardContainer,
+          children: KEYBOARD_LAYOUTS[keyboardType].map((row) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: keyboardRow, children: row.map((key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                className: `${keyButton} keyboard-button`,
+                onMouseDown: (e) => handleKeyPress(key, e),
+                children: key
+              },
+              key
+            )) }, row.join("-"));
+          })
+        }
+      )
+    }
+  ) }) });
+});
+Keyboard.displayName = "Keyboard";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Keyboard
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/Keyboard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Keyboard/index.tsx","../../../src/components/Keyboard/styles.css.ts"],"sourcesContent":["import { Popover } from \"@base-ui/react/popover\";\nimport type React from \"react\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport * as styles from \"./styles.css\";\n\nconst KEYBOARD_LAYOUTS = {\n  default: [\n    [\"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"0\"],\n    [\"q\", \"w\", \"e\", \"r\", \"t\", \"y\", \"u\", \"i\", \"o\", \"p\"],\n    [\"a\", \"s\", \"d\", \"f\", \"g\", \"h\", \"j\", \"k\", \"l\"],\n    [\"z\", \"x\", \"c\", \"v\", \"b\", \"n\", \"m\"],\n  ],\n  numeric: [[\"1\", \"2\", \"3\"], [\"4\", \"5\", \"6\"], [\"7\", \"8\", \"9\"], [\"0\"]],\n};\n\nexport const Keyboard = forwardRef(function Keyboard(\n  props: React.HTMLAttributes<HTMLDivElement>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const [visible, setVisible] = useState(false);\n  const [focusedInput, setFocusedInput] = useState<HTMLInputElement | null>(\n    null,\n  );\n  const [keyboardType, setKeyboardType] = useState(\"default\");\n\n  useEffect(() => {\n    const handleFocusIn = (event: FocusEvent) => {\n      const target = event.target as HTMLInputElement;\n      if (target.tagName === \"INPUT\") {\n        setFocusedInput(target);\n        setKeyboardType(target.getAttribute(\"keyboard-type\") || \"default\");\n        setVisible(true);\n      }\n    };\n\n    const handleFocusOut = (event: FocusEvent) => {\n      if (\n        !(event.relatedTarget as HTMLElement)?.classList.contains(\n          \"keyboard-button\",\n        )\n      ) {\n        setVisible(false);\n        setFocusedInput(null);\n      }\n    };\n\n    window.addEventListener(\"focusin\", handleFocusIn);\n    window.addEventListener(\"focusout\", handleFocusOut);\n\n    return () => {\n      window.removeEventListener(\"focusin\", handleFocusIn);\n      window.removeEventListener(\"focusout\", handleFocusOut);\n    };\n  }, []);\n\n  const handleKeyPress = (\n    key: string,\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    e.preventDefault();\n    if (focusedInput) {\n      const start = focusedInput.selectionStart || 0;\n      const end = focusedInput.selectionEnd || 0;\n      const value = focusedInput.value;\n\n      if (key === \"Backspace\") {\n        focusedInput.value = value.slice(0, start - 1) + value.slice(end);\n        focusedInput.setSelectionRange(start - 1, start - 1);\n        focusedInput.dispatchEvent(new Event(\"input\", { bubbles: true }));\n        return;\n      }\n      focusedInput.value = value.slice(0, start) + key + value.slice(end);\n      focusedInput.setSelectionRange(start + 1, start + 1);\n      focusedInput.dispatchEvent(new Event(\"input\", { bubbles: true }));\n    }\n  };\n\n  return (\n    <Popover.Root open={visible} onOpenChange={setVisible}>\n      <Popover.Portal>\n        <Popover.Positioner\n          anchor={focusedInput}\n          side=\"bottom\"\n          align=\"start\"\n          sideOffset={4}\n          className={styles.keyboardPositioner}\n        >\n          <Popover.Popup\n            initialFocus={false}\n            finalFocus={false}\n            ref={ref}\n            {...props}\n            className={styles.keyboardContainer}\n          >\n            {KEYBOARD_LAYOUTS[\n              keyboardType as keyof typeof KEYBOARD_LAYOUTS\n            ].map((row) => {\n              return (\n                <div key={row.join(\"-\")} className={styles.keyboardRow}>\n                  {row.map((key) => (\n                    <button\n                      className={`${styles.keyButton} keyboard-button`}\n                      key={key}\n                      onMouseDown={(e) => handleKeyPress(key, e)}\n                    >\n                      {key}\n                    </button>\n                  ))}\n                </div>\n              );\n            })}\n          </Popover.Popup>\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n});\n\nKeyboard.displayName = \"Keyboard\";\n","import 'src/components/Keyboard/styles.css.ts.vanilla.css?source=LnN0eWxlc19rZXlib2FyZFBvc2l0aW9uZXJfX2VueHdiNzAgewogIHotaW5kZXg6IDEwMDA7Cn0KLnN0eWxlc19rZXlib2FyZENvbnRhaW5lcl9fZW54d2I3MSB7CiAgYmFja2dyb3VuZDogI2ZmZjsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDhweDsKICBwYWRkaW5nOiAxMHB4OwogIGJveC1zaGFkb3c6IDAgNHB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMik7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogOHB4OwogIHBvaW50ZXItZXZlbnRzOiBhdXRvOwp9Ci5zdHlsZXNfa2V5Ym9hcmRSb3dfX2VueHdiNzIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLnN0eWxlc19rZXlCdXR0b25fX2VueHdiNzMgewogIGZvbnQtc2l6ZTogMTZweDsKICBjdXJzb3I6IHBvaW50ZXI7CiAgYm9yZGVyOiBub25lOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICB3aWR0aDogNDBweDsKICBoZWlnaHQ6IDQwcHg7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y3ZjdmNzsKICBjb2xvcjogIzMzMzsKICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgZWFzZTsKfQouc3R5bGVzX2tleUJ1dHRvbl9fZW54d2I3Mzpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2UwZTBlMDsKfQouc3R5bGVzX2tleUJ1dHRvbl9fZW54d2I3MzphY3RpdmUgewogIGJhY2tncm91bmQtY29sb3I6ICNjY2M7Cn0';\nexport var keyButton = 'styles_keyButton__enxwb73';\nexport var keyboardContainer = 'styles_keyboardContainer__enxwb71';\nexport var keyboardPositioner = 'styles_keyboardPositioner__enxwb70';\nexport var keyboardRow = 'styles_keyboardRow__enxwb72';"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AAExB,mBAAgD;;;ACDzC,IAAI,YAAY;AAChB,IAAI,oBAAoB;AACxB,IAAI,qBAAqB;AACzB,IAAI,cAAc;;;ADgGL;AA/FpB,IAAM,mBAAmB;AAAA,EACvB,SAAS;AAAA,IACP,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAAA,IACjD,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAAA,IACjD,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAAA,IAC5C,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAAA,EACpC;AAAA,EACA,SAAS,CAAC,CAAC,KAAK,KAAK,GAAG,GAAG,CAAC,KAAK,KAAK,GAAG,GAAG,CAAC,KAAK,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC;AACpE;AAEO,IAAM,eAAW,yBAAW,SAASA,UAC1C,OACA,KACA;AACA,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,cAAc,eAAe,QAAI;AAAA,IACtC;AAAA,EACF;AACA,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,SAAS;AAE1D,8BAAU,MAAM;AACd,UAAM,gBAAgB,CAAC,UAAsB;AAC3C,YAAM,SAAS,MAAM;AACrB,UAAI,OAAO,YAAY,SAAS;AAC9B,wBAAgB,MAAM;AACtB,wBAAgB,OAAO,aAAa,eAAe,KAAK,SAAS;AACjE,mBAAW,IAAI;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,iBAAiB,CAAC,UAAsB;AAnClD;AAoCM,UACE,GAAE,WAAM,kBAAN,mBAAqC,UAAU;AAAA,QAC/C;AAAA,UAEF;AACA,mBAAW,KAAK;AAChB,wBAAgB,IAAI;AAAA,MACtB;AAAA,IACF;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,iBAAiB,YAAY,cAAc;AAElD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,aAAa;AACnD,aAAO,oBAAoB,YAAY,cAAc;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,CACrB,KACA,MACG;AACH,MAAE,eAAe;AACjB,QAAI,cAAc;AAChB,YAAM,QAAQ,aAAa,kBAAkB;AAC7C,YAAM,MAAM,aAAa,gBAAgB;AACzC,YAAM,QAAQ,aAAa;AAE3B,UAAI,QAAQ,aAAa;AACvB,qBAAa,QAAQ,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,MAAM,MAAM,GAAG;AAChE,qBAAa,kBAAkB,QAAQ,GAAG,QAAQ,CAAC;AACnD,qBAAa,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AAChE;AAAA,MACF;AACA,mBAAa,QAAQ,MAAM,MAAM,GAAG,KAAK,IAAI,MAAM,MAAM,MAAM,GAAG;AAClE,mBAAa,kBAAkB,QAAQ,GAAG,QAAQ,CAAC;AACnD,mBAAa,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AAAA,IAClE;AAAA,EACF;AAEA,SACE,4CAAC,uBAAQ,MAAR,EAAa,MAAM,SAAS,cAAc,YACzC,sDAAC,uBAAQ,QAAR,EACC;AAAA,IAAC,uBAAQ;AAAA,IAAR;AAAA,MACC,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAkB;AAAA,MAElB;AAAA,QAAC,uBAAQ;AAAA,QAAR;AAAA,UACC,cAAc;AAAA,UACd,YAAY;AAAA,UACZ;AAAA,UACC,GAAG;AAAA,UACJ,WAAkB;AAAA,UAEjB,2BACC,YACF,EAAE,IAAI,CAAC,QAAQ;AACb,mBACE,4CAAC,SAAwB,WAAkB,aACxC,cAAI,IAAI,CAAC,QACR;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,GAAU,SAAS;AAAA,gBAE9B,aAAa,CAAC,MAAM,eAAe,KAAK,CAAC;AAAA,gBAExC;AAAA;AAAA,cAHI;AAAA,YAIP,CACD,KATO,IAAI,KAAK,GAAG,CAUtB;AAAA,UAEJ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,EACF,GACF,GACF;AAEJ,CAAC;AAED,SAAS,cAAc;","names":["Keyboard"]}

package/dist/components/Keyboard/index.css

@@ -0,0 +1,38 @@
+/* vanilla-extract-css-ns:src/components/Keyboard/styles.css.ts.vanilla.css?source=LnN0eWxlc19rZXlib2FyZFBvc2l0aW9uZXJfX2VueHdiNzAgewogIHotaW5kZXg6IDEwMDA7Cn0KLnN0eWxlc19rZXlib2FyZENvbnRhaW5lcl9fZW54d2I3MSB7CiAgYmFja2dyb3VuZDogI2ZmZjsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDhweDsKICBwYWRkaW5nOiAxMHB4OwogIGJveC1zaGFkb3c6IDAgNHB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMik7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogOHB4OwogIHBvaW50ZXItZXZlbnRzOiBhdXRvOwp9Ci5zdHlsZXNfa2V5Ym9hcmRSb3dfX2VueHdiNzIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLnN0eWxlc19rZXlCdXR0b25fX2VueHdiNzMgewogIGZvbnQtc2l6ZTogMTZweDsKICBjdXJzb3I6IHBvaW50ZXI7CiAgYm9yZGVyOiBub25lOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICB3aWR0aDogNDBweDsKICBoZWlnaHQ6IDQwcHg7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y3ZjdmNzsKICBjb2xvcjogIzMzMzsKICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgZWFzZTsKfQouc3R5bGVzX2tleUJ1dHRvbl9fZW54d2I3Mzpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2UwZTBlMDsKfQouc3R5bGVzX2tleUJ1dHRvbl9fZW54d2I3MzphY3RpdmUgewogIGJhY2tncm91bmQtY29sb3I6ICNjY2M7Cn0 */
+.styles_keyboardPositioner__enxwb70 {
+  z-index: 1000;
+}
+.styles_keyboardContainer__enxwb71 {
+  background: #fff;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  padding: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  pointer-events: auto;
+}
+.styles_keyboardRow__enxwb72 {
+  display: flex;
+  gap: 8px;
+  justify-content: center;
+}
+.styles_keyButton__enxwb73 {
+  font-size: 16px;
+  cursor: pointer;
+  border: none;
+  border-radius: 4px;
+  width: 40px;
+  height: 40px;
+  background-color: #f7f7f7;
+  color: #333;
+  transition: background-color 0.2s ease;
+}
+.styles_keyButton__enxwb73:hover {
+  background-color: #e0e0e0;
+}
+.styles_keyButton__enxwb73:active {
+  background-color: #ccc;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/Keyboard/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/components/Keyboard/styles.css.ts.vanilla.css?source=LnN0eWxlc19rZXlib2FyZFBvc2l0aW9uZXJfX2VueHdiNzAgewogIHotaW5kZXg6IDEwMDA7Cn0KLnN0eWxlc19rZXlib2FyZENvbnRhaW5lcl9fZW54d2I3MSB7CiAgYmFja2dyb3VuZDogI2ZmZjsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDhweDsKICBwYWRkaW5nOiAxMHB4OwogIGJveC1zaGFkb3c6IDAgNHB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMik7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogOHB4OwogIHBvaW50ZXItZXZlbnRzOiBhdXRvOwp9Ci5zdHlsZXNfa2V5Ym9hcmRSb3dfX2VueHdiNzIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLnN0eWxlc19rZXlCdXR0b25fX2VueHdiNzMgewogIGZvbnQtc2l6ZTogMTZweDsKICBjdXJzb3I6IHBvaW50ZXI7CiAgYm9yZGVyOiBub25lOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICB3aWR0aDogNDBweDsKICBoZWlnaHQ6IDQwcHg7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y3ZjdmNzsKICBjb2xvcjogIzMzMzsKICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgZWFzZTsKfQouc3R5bGVzX2tleUJ1dHRvbl9fZW54d2I3Mzpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2UwZTBlMDsKfQouc3R5bGVzX2tleUJ1dHRvbl9fZW54d2I3MzphY3RpdmUgewogIGJhY2tncm91bmQtY29sb3I6ICNjY2M7Cn0"],"sourcesContent":[".styles_keyboardPositioner__enxwb70 {\n  z-index: 1000;\n}\n.styles_keyboardContainer__enxwb71 {\n  background: #fff;\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  padding: 10px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  pointer-events: auto;\n}\n.styles_keyboardRow__enxwb72 {\n  display: flex;\n  gap: 8px;\n  justify-content: center;\n}\n.styles_keyButton__enxwb73 {\n  font-size: 16px;\n  cursor: pointer;\n  border: none;\n  border-radius: 4px;\n  width: 40px;\n  height: 40px;\n  background-color: #f7f7f7;\n  color: #333;\n  transition: background-color 0.2s ease;\n}\n.styles_keyButton__enxwb73:hover {\n  background-color: #e0e0e0;\n}\n.styles_keyButton__enxwb73:active {\n  background-color: #ccc;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,cAAY;AACZ,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,WAAS;AACT,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,kBAAgB;AAClB;AACA,CAAC;AACC,WAAS;AACT,OAAK;AACL,mBAAiB;AACnB;AACA,CAAC;AACC,aAAW;AACX,UAAQ;AACR,UAAQ;AACR,iBAAe;AACf,SAAO;AACP,UAAQ;AACR,oBAAkB;AAClB,SAAO;AACP,cAAY,iBAAiB,KAAK;AACpC;AACA,CAXC,yBAWyB;AACxB,oBAAkB;AACpB;AACA,CAdC,yBAcyB;AACxB,oBAAkB;AACpB;","names":[]}

package/dist/components/Keyboard/index.d.cts

@@ -0,0 +1,5 @@
+import React__default from 'react';
+
+declare const Keyboard: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Keyboard };

package/dist/components/Keyboard/index.d.ts

@@ -0,0 +1,5 @@
+import React__default from 'react';
+
+declare const Keyboard: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Keyboard };

package/dist/components/Keyboard/index.js

@@ -0,0 +1,108 @@
+"use client";
+
+// src/components/Keyboard/index.tsx
+import { Popover } from "@base-ui/react/popover";
+import { forwardRef, useEffect, useState } from "react";
+
+// src/components/Keyboard/styles.css.ts
+var keyButton = "styles_keyButton__enxwb73";
+var keyboardContainer = "styles_keyboardContainer__enxwb71";
+var keyboardPositioner = "styles_keyboardPositioner__enxwb70";
+var keyboardRow = "styles_keyboardRow__enxwb72";
+
+// src/components/Keyboard/index.tsx
+import { jsx } from "react/jsx-runtime";
+var KEYBOARD_LAYOUTS = {
+  default: [
+    ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
+    ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
+    ["a", "s", "d", "f", "g", "h", "j", "k", "l"],
+    ["z", "x", "c", "v", "b", "n", "m"]
+  ],
+  numeric: [["1", "2", "3"], ["4", "5", "6"], ["7", "8", "9"], ["0"]]
+};
+var Keyboard = forwardRef(function Keyboard2(props, ref) {
+  const [visible, setVisible] = useState(false);
+  const [focusedInput, setFocusedInput] = useState(
+    null
+  );
+  const [keyboardType, setKeyboardType] = useState("default");
+  useEffect(() => {
+    const handleFocusIn = (event) => {
+      const target = event.target;
+      if (target.tagName === "INPUT") {
+        setFocusedInput(target);
+        setKeyboardType(target.getAttribute("keyboard-type") || "default");
+        setVisible(true);
+      }
+    };
+    const handleFocusOut = (event) => {
+      var _a;
+      if (!((_a = event.relatedTarget) == null ? void 0 : _a.classList.contains(
+        "keyboard-button"
+      ))) {
+        setVisible(false);
+        setFocusedInput(null);
+      }
+    };
+    window.addEventListener("focusin", handleFocusIn);
+    window.addEventListener("focusout", handleFocusOut);
+    return () => {
+      window.removeEventListener("focusin", handleFocusIn);
+      window.removeEventListener("focusout", handleFocusOut);
+    };
+  }, []);
+  const handleKeyPress = (key, e) => {
+    e.preventDefault();
+    if (focusedInput) {
+      const start = focusedInput.selectionStart || 0;
+      const end = focusedInput.selectionEnd || 0;
+      const value = focusedInput.value;
+      if (key === "Backspace") {
+        focusedInput.value = value.slice(0, start - 1) + value.slice(end);
+        focusedInput.setSelectionRange(start - 1, start - 1);
+        focusedInput.dispatchEvent(new Event("input", { bubbles: true }));
+        return;
+      }
+      focusedInput.value = value.slice(0, start) + key + value.slice(end);
+      focusedInput.setSelectionRange(start + 1, start + 1);
+      focusedInput.dispatchEvent(new Event("input", { bubbles: true }));
+    }
+  };
+  return /* @__PURE__ */ jsx(Popover.Root, { open: visible, onOpenChange: setVisible, children: /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
+    Popover.Positioner,
+    {
+      anchor: focusedInput,
+      side: "bottom",
+      align: "start",
+      sideOffset: 4,
+      className: keyboardPositioner,
+      children: /* @__PURE__ */ jsx(
+        Popover.Popup,
+        {
+          initialFocus: false,
+          finalFocus: false,
+          ref,
+          ...props,
+          className: keyboardContainer,
+          children: KEYBOARD_LAYOUTS[keyboardType].map((row) => {
+            return /* @__PURE__ */ jsx("div", { className: keyboardRow, children: row.map((key) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: `${keyButton} keyboard-button`,
+                onMouseDown: (e) => handleKeyPress(key, e),
+                children: key
+              },
+              key
+            )) }, row.join("-"));
+          })
+        }
+      )
+    }
+  ) }) });
+});
+Keyboard.displayName = "Keyboard";
+export {
+  Keyboard
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Keyboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Keyboard/index.tsx","../../../src/components/Keyboard/styles.css.ts"],"sourcesContent":["import { Popover } from \"@base-ui/react/popover\";\nimport type React from \"react\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport * as styles from \"./styles.css\";\n\nconst KEYBOARD_LAYOUTS = {\n  default: [\n    [\"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"0\"],\n    [\"q\", \"w\", \"e\", \"r\", \"t\", \"y\", \"u\", \"i\", \"o\", \"p\"],\n    [\"a\", \"s\", \"d\", \"f\", \"g\", \"h\", \"j\", \"k\", \"l\"],\n    [\"z\", \"x\", \"c\", \"v\", \"b\", \"n\", \"m\"],\n  ],\n  numeric: [[\"1\", \"2\", \"3\"], [\"4\", \"5\", \"6\"], [\"7\", \"8\", \"9\"], [\"0\"]],\n};\n\nexport const Keyboard = forwardRef(function Keyboard(\n  props: React.HTMLAttributes<HTMLDivElement>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const [visible, setVisible] = useState(false);\n  const [focusedInput, setFocusedInput] = useState<HTMLInputElement | null>(\n    null,\n  );\n  const [keyboardType, setKeyboardType] = useState(\"default\");\n\n  useEffect(() => {\n    const handleFocusIn = (event: FocusEvent) => {\n      const target = event.target as HTMLInputElement;\n      if (target.tagName === \"INPUT\") {\n        setFocusedInput(target);\n        setKeyboardType(target.getAttribute(\"keyboard-type\") || \"default\");\n        setVisible(true);\n      }\n    };\n\n    const handleFocusOut = (event: FocusEvent) => {\n      if (\n        !(event.relatedTarget as HTMLElement)?.classList.contains(\n          \"keyboard-button\",\n        )\n      ) {\n        setVisible(false);\n        setFocusedInput(null);\n      }\n    };\n\n    window.addEventListener(\"focusin\", handleFocusIn);\n    window.addEventListener(\"focusout\", handleFocusOut);\n\n    return () => {\n      window.removeEventListener(\"focusin\", handleFocusIn);\n      window.removeEventListener(\"focusout\", handleFocusOut);\n    };\n  }, []);\n\n  const handleKeyPress = (\n    key: string,\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    e.preventDefault();\n    if (focusedInput) {\n      const start = focusedInput.selectionStart || 0;\n      const end = focusedInput.selectionEnd || 0;\n      const value = focusedInput.value;\n\n      if (key === \"Backspace\") {\n        focusedInput.value = value.slice(0, start - 1) + value.slice(end);\n        focusedInput.setSelectionRange(start - 1, start - 1);\n        focusedInput.dispatchEvent(new Event(\"input\", { bubbles: true }));\n        return;\n      }\n      focusedInput.value = value.slice(0, start) + key + value.slice(end);\n      focusedInput.setSelectionRange(start + 1, start + 1);\n      focusedInput.dispatchEvent(new Event(\"input\", { bubbles: true }));\n    }\n  };\n\n  return (\n    <Popover.Root open={visible} onOpenChange={setVisible}>\n      <Popover.Portal>\n        <Popover.Positioner\n          anchor={focusedInput}\n          side=\"bottom\"\n          align=\"start\"\n          sideOffset={4}\n          className={styles.keyboardPositioner}\n        >\n          <Popover.Popup\n            initialFocus={false}\n            finalFocus={false}\n            ref={ref}\n            {...props}\n            className={styles.keyboardContainer}\n          >\n            {KEYBOARD_LAYOUTS[\n              keyboardType as keyof typeof KEYBOARD_LAYOUTS\n            ].map((row) => {\n              return (\n                <div key={row.join(\"-\")} className={styles.keyboardRow}>\n                  {row.map((key) => (\n                    <button\n                      className={`${styles.keyButton} keyboard-button`}\n                      key={key}\n                      onMouseDown={(e) => handleKeyPress(key, e)}\n                    >\n                      {key}\n                    </button>\n                  ))}\n                </div>\n              );\n            })}\n          </Popover.Popup>\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n});\n\nKeyboard.displayName = \"Keyboard\";\n","import 'src/components/Keyboard/styles.css.ts.vanilla.css?source=LnN0eWxlc19rZXlib2FyZFBvc2l0aW9uZXJfX2VueHdiNzAgewogIHotaW5kZXg6IDEwMDA7Cn0KLnN0eWxlc19rZXlib2FyZENvbnRhaW5lcl9fZW54d2I3MSB7CiAgYmFja2dyb3VuZDogI2ZmZjsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDhweDsKICBwYWRkaW5nOiAxMHB4OwogIGJveC1zaGFkb3c6IDAgNHB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMik7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogOHB4OwogIHBvaW50ZXItZXZlbnRzOiBhdXRvOwp9Ci5zdHlsZXNfa2V5Ym9hcmRSb3dfX2VueHdiNzIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLnN0eWxlc19rZXlCdXR0b25fX2VueHdiNzMgewogIGZvbnQtc2l6ZTogMTZweDsKICBjdXJzb3I6IHBvaW50ZXI7CiAgYm9yZGVyOiBub25lOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICB3aWR0aDogNDBweDsKICBoZWlnaHQ6IDQwcHg7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y3ZjdmNzsKICBjb2xvcjogIzMzMzsKICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgZWFzZTsKfQouc3R5bGVzX2tleUJ1dHRvbl9fZW54d2I3Mzpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2UwZTBlMDsKfQouc3R5bGVzX2tleUJ1dHRvbl9fZW54d2I3MzphY3RpdmUgewogIGJhY2tncm91bmQtY29sb3I6ICNjY2M7Cn0';\nexport var keyButton = 'styles_keyButton__enxwb73';\nexport var keyboardContainer = 'styles_keyboardContainer__enxwb71';\nexport var keyboardPositioner = 'styles_keyboardPositioner__enxwb70';\nexport var keyboardRow = 'styles_keyboardRow__enxwb72';"],"mappings":"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","names":["Keyboard"]}