@ttoss/forms 0.24.9 → 0.25.0

package/dist/MultistepForm/index.js

@@ -1,3260 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-
-// src/MultistepForm/index.ts
-var MultistepForm_exports = {};
-__export(MultistepForm_exports, {
-  MultistepForm: () => MultistepForm
-});
-module.exports = __toCommonJS(MultistepForm_exports);
-
-// src/MultistepForm/MultistepForm.tsx
-var React5 = __toESM(require("react"));
-var import_ui20 = require("@ttoss/ui");
-
-// src/MultistepForm/MultistepFooter.tsx
-var import_ui = require("@ttoss/ui");
-var import_jsx_runtime = require("react/jsx-runtime");
-var MultistepFooter = ({
-  footer
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.Flex, {
-    sx: {
-      display: "flex",
-      justifyContent: "center"
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.Text, {
-      sx: {
-        textAlign: "center",
-        marginTop: "4xl",
-        marginBottom: "lg",
-        marginX: "2xl"
-      },
-      children: footer
-    })
-  });
-};
-
-// src/MultistepForm/MultistepFormStepper.tsx
-var import_ui17 = require("@ttoss/ui");
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Controller: () => import_react_hook_form6.Controller,
-  Form: () => Form,
-  FormErrorMessage: () => FormErrorMessage,
-  FormField: () => FormField,
-  FormFieldCheckbox: () => FormFieldCheckbox,
-  FormFieldCreditCardNumber: () => FormFieldCreditCardNumber,
-  FormFieldCurrencyInput: () => FormFieldCurrencyInput,
-  FormFieldInput: () => FormFieldInput,
-  FormFieldNumericFormat: () => FormFieldNumericFormat,
-  FormFieldPassword: () => FormFieldPassword,
-  FormFieldPatternFormat: () => FormFieldPatternFormat,
-  FormFieldRadio: () => FormFieldRadio,
-  FormFieldSelect: () => FormFieldSelect,
-  FormFieldTextarea: () => FormFieldTextarea,
-  FormGroup: () => FormGroup,
-  FormProvider: () => import_react_hook_form6.FormProvider,
-  useController: () => import_react_hook_form6.useController,
-  useFieldArray: () => import_react_hook_form6.useFieldArray,
-  useForm: () => import_react_hook_form6.useForm,
-  useFormContext: () => import_react_hook_form6.useFormContext,
-  useFormGroup: () => useFormGroup,
-  useFormState: () => import_react_hook_form6.useFormState,
-  useWatch: () => import_react_hook_form6.useWatch,
-  yup: () => yup2,
-  yupResolver: () => import_yup2.yupResolver
-});
-var import_yup2 = require("@hookform/resolvers/yup");
-
-// src/yup/i18n.ts
-var import_react_i18n = require("@ttoss/react-i18n");
-var import_yup = require("yup");
-(0, import_yup.setLocale)({
-  mixed: {
-    required: (0, import_react_i18n.defineMessage)({
-      defaultMessage: "Field is required",
-      description: "Field is required"
-    }),
-    notType: ({
-      type
-    }) => {
-      return {
-        ...(0, import_react_i18n.defineMessage)({
-          defaultMessage: "Invalid Value for Field of type {type}",
-          description: "Invalid Value"
-        }),
-        values: {
-          type
-        }
-      };
-    }
-  },
-  string: {
-    min: ({
-      min
-    }) => {
-      return {
-        ...(0, import_react_i18n.defineMessage)({
-          defaultMessage: "Field must be at least {min} characters",
-          description: "Min length field"
-        }),
-        values: {
-          min
-        }
-      };
-    }
-  }
-});
-
-// src/yup/schema.ts
-var yup = __toESM(require("yup"));
-
-// src/Brazil/FormFieldCNPJ.tsx
-var import_ui2 = require("@ttoss/ui");
-var import_react_number_format = require("react-number-format");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var isCnpjValid = cnpj => {
-  if (cnpj?.length != 14) {
-    return false;
-  }
-  if (cnpj == "00000000000000" || cnpj == "11111111111111" || cnpj == "22222222222222" || cnpj == "33333333333333" || cnpj == "44444444444444" || cnpj == "55555555555555" || cnpj == "66666666666666" || cnpj == "77777777777777" || cnpj == "88888888888888" || cnpj == "99999999999999") {
-    return false;
-  }
-  let size = cnpj.length - 2;
-  let numbers = cnpj.substring(0, size);
-  const digits = cnpj.substring(size);
-  let soma = 0;
-  let pos = size - 7;
-  for (let i = size; i >= 1; i--) {
-    soma += numbers.charAt(size - i) * pos--;
-    if (pos < 2) {
-      pos = 9;
-    }
-  }
-  let result = soma % 11 < 2 ? 0 : 11 - soma % 11;
-  if (result != digits.charAt(0)) {
-    return false;
-  }
-  size = size + 1;
-  numbers = cnpj.substring(0, size);
-  soma = 0;
-  pos = size - 7;
-  for (let i = size; i >= 1; i--) {
-    soma += numbers.charAt(size - i) * pos--;
-    if (pos < 2) {
-      pos = 9;
-    }
-  }
-  result = soma % 11 < 2 ? 0 : 11 - soma % 11;
-  if (result != digits.charAt(1)) {
-    return false;
-  }
-  return true;
-};
-
-// src/yup/schema.ts
-yup.addMethod(yup.string, "cnpj", function () {
-  return this.test("valid-cnpj", "Invalid CNPJ", value => {
-    return isCnpjValid(value);
-  });
-});
-
-// src/yup/yup.ts
-var yup2 = __toESM(require("yup"));
-
-// src/Form.tsx
-var import_ui3 = require("@ttoss/ui");
-var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Form = ({
-  children,
-  onSubmit,
-  sx,
-  ...formMethods
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_react_hook_form.FormProvider, {
-    ...formMethods,
-    children: /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.Box, {
-      as: "form",
-      variant: "forms.form",
-      onSubmit: formMethods.handleSubmit(data => {
-        return onSubmit?.(data);
-      }),
-      sx,
-      children
-    })
-  });
-};
-
-// src/FormErrorMessage.tsx
-var import_error_message = require("@hookform/error-message");
-var import_react_hook_form2 = require("react-hook-form");
-var import_react_i18n2 = require("@ttoss/react-i18n");
-var import_ui4 = require("@ttoss/ui");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var isMessageDescriptor = possibleMessageDescriptor => {
-  return possibleMessageDescriptor !== void 0 && possibleMessageDescriptor.defaultMessage !== void 0;
-};
-var FormErrorMessage = ({
-  name,
-  disabled
-}) => {
-  const {
-    formState: {
-      errors
-    }
-  } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_error_message.ErrorMessage, {
-    name,
-    errors,
-    render: ({
-      message
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui4.HelpText, {
-        negative: true,
-        disabled,
-        children: (() => {
-          if (typeof message === "string") {
-            return message;
-          }
-          if (isMessageDescriptor(message)) {
-            return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_react_i18n2.FormattedMessage, {
-              ...message
-            });
-          }
-          return JSON.stringify(message);
-        })()
-      });
-    }
-  });
-};
-
-// src/FormField.tsx
-var React = __toESM(require("react"));
-var import_react_hook_form3 = require("react-hook-form");
-var import_ui5 = require("@ttoss/ui");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var FormField = ({
-  label,
-  id: idProp,
-  name,
-  defaultValue,
-  disabled,
-  tooltip,
-  onTooltipClick,
-  sx,
-  css,
-  render
-}) => {
-  const controllerReturn = (0, import_react_hook_form3.useController)({
-    name,
-    defaultValue
-  });
-  const id = idProp || `form-field-${name}`;
-  const memoizedRender = React.useMemo(() => {
-    return React.Children.map(render(controllerReturn), child => {
-      return /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, {
-        children: [label && /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui5.Label, {
-          "aria-disabled": disabled,
-          htmlFor: id,
-          tooltip,
-          onTooltipClick,
-          children: label
-        }), React.createElement(child.type, {
-          id,
-          ...child.props
-        })]
-      });
-    });
-  }, [controllerReturn, disabled, onTooltipClick, tooltip, id, label, render]);
-  return /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(import_ui5.Flex, {
-    sx: {
-      flexDirection: "column",
-      width: "100%",
-      gap: "md",
-      ...sx
-    },
-    css,
-    children: [memoizedRender, /* @__PURE__ */(0, import_jsx_runtime5.jsx)(FormErrorMessage, {
-      name
-    })]
-  });
-};
-
-// src/FormFieldCheckbox.tsx
-var import_ui6 = require("@ttoss/ui");
-var import_react_hook_form4 = require("react-hook-form");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var FormFieldCheckbox = ({
-  label,
-  name,
-  sx,
-  ...checkboxProps
-}) => {
-  const {
-    field: {
-      onChange,
-      onBlur,
-      value,
-      ref
-    },
-    formState: {
-      errors
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } = (0, import_react_hook_form4.useController)({
-    name,
-    defaultValue: false
-  });
-  const id = `form-field-checkbox-${name}`;
-  const error = !!errors[name]?.message;
-  return /* @__PURE__ */(0, import_jsx_runtime6.jsxs)(import_ui6.Flex, {
-    sx: {
-      flexDirection: "column",
-      width: "100%",
-      ...sx
-    },
-    children: [/* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_ui6.Flex, {
-      sx: {
-        alignItems: "center"
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime6.jsxs)(import_ui6.Label, {
-        "aria-disabled": checkboxProps.disabled,
-        htmlFor: id,
-        children: [/* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_ui6.Checkbox, {
-          id,
-          ref,
-          checked: value,
-          onChange,
-          onBlur,
-          name,
-          "aria-invalid": error ? "true" : "false",
-          ...checkboxProps
-        }), label]
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime6.jsx)(FormErrorMessage, {
-      name
-    })]
-  });
-};
-
-// src/FormFieldPatternFormat.tsx
-var import_ui7 = require("@ttoss/ui");
-var import_react_number_format2 = require("react-number-format");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var FormFieldPatternFormat = ({
-  label,
-  name,
-  ...patternFormatProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(FormField, {
-    name,
-    label,
-    render: ({
-      field,
-      fieldState
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_react_number_format2.PatternFormat, {
-        name: field.name,
-        value: field.value,
-        onBlur: field.onBlur,
-        onValueChange: values => {
-          field.onChange(values.value);
-        },
-        customInput: import_ui7.Input,
-        "aria-invalid": Boolean(fieldState.error).valueOf(),
-        ...patternFormatProps
-      });
-    }
-  });
-};
-
-// src/FormFieldCreditCardNumber.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var FormFieldCreditCardNumber = ({
-  label,
-  name,
-  ...formFieldPatternFormatProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(FormFieldPatternFormat, {
-    name,
-    label,
-    format: "#### #### #### ####",
-    placeholder: "1234 1234 1234 1234",
-    ...formFieldPatternFormatProps
-  });
-};
-
-// src/FormFieldNumericFormat.tsx
-var import_ui8 = require("@ttoss/ui");
-var import_react_number_format3 = require("react-number-format");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var FormFieldNumericFormat = ({
-  label,
-  name,
-  ...numericFormatProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(FormField, {
-    label,
-    name,
-    render: ({
-      field
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(import_react_number_format3.NumericFormat, {
-        name: field.name,
-        value: field.value,
-        onBlur: field.onBlur,
-        onValueChange: values => {
-          field.onChange(values.floatValue);
-        },
-        customInput: import_ui8.Input,
-        ...numericFormatProps
-      });
-    }
-  });
-};
-
-// src/FormFieldCurrencyInput.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var FormFieldCurrencyInput = ({
-  label,
-  name,
-  prefix,
-  decimalSeparator,
-  thousandSeparator,
-  ...formFieldNumericFormatProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(FormFieldNumericFormat, {
-    name,
-    label,
-    fixedDecimalScale: true,
-    decimalScale: 2,
-    prefix,
-    decimalSeparator,
-    thousandSeparator,
-    placeholder: `${prefix} 0${decimalSeparator}00`,
-    allowNegative: false,
-    ...formFieldNumericFormatProps
-  });
-};
-
-// src/FormFieldInput.tsx
-var import_ui9 = require("@ttoss/ui");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var FormFieldInput = ({
-  label,
-  name,
-  tooltip,
-  onTooltipClick,
-  sx,
-  defaultValue = "",
-  ...inputProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime11.jsx)(FormField, {
-    name,
-    label,
-    disabled: inputProps.disabled,
-    tooltip,
-    onTooltipClick,
-    sx,
-    defaultValue,
-    render: ({
-      field,
-      fieldState
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime11.jsx)(import_ui9.Input, {
-        ...inputProps,
-        ...field,
-        "aria-invalid": fieldState.error ? "true" : void 0
-      });
-    }
-  });
-};
-
-// src/FormFieldPassword.tsx
-var import_ui10 = require("@ttoss/ui");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var FormFieldPassword = ({
-  label,
-  name,
-  tooltip,
-  onTooltipClick,
-  sx,
-  defaultValue = "",
-  ...inputProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime12.jsx)(FormField, {
-    name,
-    label,
-    disabled: inputProps.disabled,
-    tooltip,
-    onTooltipClick,
-    sx,
-    defaultValue,
-    render: ({
-      field,
-      fieldState
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime12.jsx)(import_ui10.InputPassword, {
-        ...inputProps,
-        ...field,
-        "aria-invalid": fieldState.error ? "true" : void 0
-      });
-    }
-  });
-};
-
-// src/FormFieldRadio.tsx
-var import_ui11 = require("@ttoss/ui");
-var import_react_hook_form5 = require("react-hook-form");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var FormFieldRadio = ({
-  label,
-  name,
-  options,
-  sx,
-  ...radioProps
-}) => {
-  const {
-    field: {
-      onChange,
-      onBlur,
-      value,
-      ref
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } = (0, import_react_hook_form5.useController)({
-    name,
-    defaultValue: ""
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime13.jsxs)(import_ui11.Flex, {
-    sx: {
-      flexDirection: "column",
-      width: "100%",
-      ...sx
-    },
-    children: [label && /* @__PURE__ */(0, import_jsx_runtime13.jsx)(import_ui11.Label, {
-      sx: {
-        marginBottom: "md"
-      },
-      children: label
-    }), /* @__PURE__ */(0, import_jsx_runtime13.jsx)(import_ui11.Box, {
-      children: options.map(option => {
-        const id = `form-field-radio-${name}-${option.value}`;
-        return /* @__PURE__ */(0, import_jsx_runtime13.jsxs)(import_ui11.Label, {
-          htmlFor: id,
-          children: [/* @__PURE__ */(0, import_jsx_runtime13.jsx)(import_ui11.Radio, {
-            ref,
-            onChange,
-            onBlur,
-            value: option.value,
-            checked: value === option.value,
-            name,
-            id,
-            ...radioProps
-          }), option.label]
-        }, id);
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime13.jsx)(FormErrorMessage, {
-      name
-    })]
-  });
-};
-
-// src/FormFieldSelect.tsx
-var import_ui12 = require("@ttoss/ui");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var FormFieldSelect = ({
-  label,
-  name,
-  id,
-  defaultValue,
-  sx,
-  css,
-  disabled,
-  tooltip,
-  onTooltipClick,
-  ...selectProps
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime14.jsx)(FormField, {
-    name,
-    label,
-    id,
-    defaultValue,
-    disabled,
-    tooltip,
-    onTooltipClick,
-    sx,
-    css,
-    render: ({
-      field,
-      fieldState
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime14.jsx)(import_ui12.Select, {
-        ...selectProps,
-        ...field,
-        isDisabled: disabled,
-        "aria-invalid": fieldState.error ? "true" : void 0
-      });
-    }
-  });
-};
-
-// src/FormFieldTextarea.tsx
-var import_ui13 = require("@ttoss/ui");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var FormFieldTextarea = ({
-  label,
-  name,
-  sx,
-  ...textareaProps
-}) => {
-  const id = `form-field-textarea-${name}`;
-  return /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormField, {
-    label,
-    name,
-    id,
-    sx,
-    render: ({
-      field,
-      fieldState
-    }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime15.jsx)(import_ui13.Textarea, {
-        ...field,
-        ...textareaProps,
-        "aria-invalid": fieldState.error ? "true" : void 0
-      });
-    }
-  });
-};
-
-// src/FormGroup.tsx
-var React2 = __toESM(require("react"));
-var import_ui14 = require("@ttoss/ui");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var FormGroupLevelsManagerContext = React2.createContext({
-  levelsLength: 1,
-  registerChild: () => {
-    return null;
-  }
-});
-var FormGroupLevelsManager = ({
-  children
-}) => {
-  const [levelsLength, setLevelsLength] = React2.useState(0);
-  const registerChild = React2.useCallback(level => {
-    if (level + 1 > levelsLength) {
-      setLevelsLength(level + 1);
-    }
-  }, [levelsLength]);
-  return /* @__PURE__ */(0, import_jsx_runtime16.jsx)(FormGroupLevelsManagerContext.Provider, {
-    value: {
-      levelsLength,
-      registerChild
-    },
-    children
-  });
-};
-var FormGroupContext = React2.createContext({});
-var useFormGroup = () => {
-  const {
-    parentLevel
-  } = React2.useContext(FormGroupContext);
-  const {
-    levelsLength
-  } = React2.useContext(FormGroupLevelsManagerContext);
-  return {
-    level: parentLevel,
-    levelsLength
-  };
-};
-var FormGroupWrapper = ({
-  title,
-  direction,
-  children,
-  name,
-  ...boxProps
-}) => {
-  const {
-    level
-  } = useFormGroup();
-  const {
-    registerChild
-  } = React2.useContext(FormGroupLevelsManagerContext);
-  React2.useEffect(() => {
-    if (typeof level === "number") {
-      registerChild(level);
-    }
-  }, [level, registerChild]);
-  const childrenContainerSx = {
-    flexDirection: direction || "column",
-    gap: "md",
-    width: "100%"
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime16.jsxs)(import_ui14.Box, {
-    "aria-level": level,
-    ...boxProps,
-    sx: {
-      marginTop: level === 0 ? "none" : "lg",
-      marginBottom: "lg",
-      ...boxProps.sx
-    },
-    children: [title && /* @__PURE__ */(0, import_jsx_runtime16.jsx)(import_ui14.Box, {
-      sx: {
-        marginBottom: "md"
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime16.jsx)(import_ui14.Text, {
-        sx: {
-          fontSize: "2xl",
-          fontWeight: "bold"
-        },
-        children: title
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime16.jsx)(import_ui14.Flex, {
-      sx: childrenContainerSx,
-      children
-    }), name && /* @__PURE__ */(0, import_jsx_runtime16.jsx)(FormErrorMessage, {
-      name
-    })]
-  });
-};
-var FormGroup = props => {
-  const {
-    level
-  } = useFormGroup();
-  const currentLevel = level === void 0 ? 0 : level + 1;
-  return /* @__PURE__ */(0, import_jsx_runtime16.jsx)(FormGroupContext.Provider, {
-    value: {
-      parentLevel: currentLevel
-    },
-    children: currentLevel === 0 ? /* @__PURE__ */(0, import_jsx_runtime16.jsx)(FormGroupLevelsManager, {
-      children: /* @__PURE__ */(0, import_jsx_runtime16.jsx)(FormGroupWrapper, {
-        ...props
-      })
-    }) : /* @__PURE__ */(0, import_jsx_runtime16.jsx)(FormGroupWrapper, {
-      ...props
-    })
-  });
-};
-
-// src/index.ts
-var import_react_hook_form6 = require("react-hook-form");
-__reExport(src_exports, require("react-hook-form"));
-
-// src/MultistepForm/MultistepFlowMessageImageText.tsx
-var import_ui15 = require("@ttoss/ui");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var MultistepFlowMessageImageText = ({
-  src,
-  description
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime17.jsxs)(import_ui15.Flex, {
-    sx: {
-      flexDirection: "column",
-      paddingY: "xl",
-      paddingX: "2xl",
-      gap: "xl"
-    },
-    children: [/* @__PURE__ */(0, import_jsx_runtime17.jsx)(import_ui15.Image, {
-      src,
-      sx: {
-        width: "184px",
-        height: "184px",
-        objectFit: "cover",
-        alignSelf: "center"
-      }
-    }), /* @__PURE__ */(0, import_jsx_runtime17.jsx)(import_ui15.Text, {
-      sx: {
-        textAlign: "center"
-      },
-      children: description
-    })]
-  });
-};
-
-// src/MultistepForm/MultistepFlowMessage.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var MultistepFlowMessage = props => {
-  if (props.variant === "image-text") {
-    return /* @__PURE__ */(0, import_jsx_runtime18.jsx)(MultistepFlowMessageImageText, {
-      ...props
-    });
-  }
-  return null;
-};
-
-// src/MultistepForm/MultistepQuestion.tsx
-var import_ui16 = require("@ttoss/ui");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var MultistepQuestion = ({
-  fields,
-  question
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime19.jsxs)(import_ui16.Flex, {
-    sx: {
-      flexDirection: "column",
-      paddingTop: "xl",
-      paddingX: "2xl"
-    },
-    children: [/* @__PURE__ */(0, import_jsx_runtime19.jsx)(import_ui16.Text, {
-      sx: {
-        textAlign: "center",
-        fontSize: "lg",
-        marginBottom: "xl"
-      },
-      children: question
-    }), /* @__PURE__ */(0, import_jsx_runtime19.jsx)(import_ui16.Flex, {
-      sx: {
-        flexDirection: "column",
-        gap: "xl"
-      },
-      children: fields
-    })]
-  });
-};
-
-// src/MultistepForm/MultistepFormStepper.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var MultistepFormStepper = ({
-  flowMessage,
-  fields,
-  onSubmit,
-  question,
-  submitLabel,
-  schema,
-  isLastStep,
-  defaultValues,
-  stepNumber
-  // isCurrentStep,
-}) => {
-  const formMethods = (0, import_react_hook_form6.useForm)({
-    resolver: schema ? (0, import_yup2.yupResolver)(schema) : void 0,
-    defaultValues
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime20.jsxs)(Form, {
-    ...formMethods,
-    sx: {
-      display: "flex",
-      flexDirection: "column"
-    },
-    onSubmit,
-    children: [/* @__PURE__ */(0, import_jsx_runtime20.jsx)(MultistepFlowMessage, {
-      ...flowMessage
-    }), /* @__PURE__ */(0, import_jsx_runtime20.jsx)(MultistepQuestion, {
-      fields,
-      question
-    }), /* @__PURE__ */(0, import_jsx_runtime20.jsx)(import_ui17.Button, {
-      sx: {
-        justifyContent: "center",
-        marginTop: "2xl",
-        marginBottom: "xl",
-        marginX: "2xl"
-      },
-      rightIcon: isLastStep ? void 0 : "nav-right",
-      "aria-label": `btn-step-${stepNumber}`,
-      type: "submit",
-      children: submitLabel
-    })]
-  });
-};
-
-// src/MultistepForm/MultistepHeader.tsx
-var import_ui18 = require("@ttoss/ui");
-
-// ../react-icons/src/Icon.tsx
-var React4 = __toESM(require("react"));
-
-// ../../node_modules/.pnpm/@iconify-icon+react@2.1.0_react@18.3.1/node_modules/@iconify-icon/react/dist/iconify.mjs
-var import_react = __toESM(require("react"), 1);
-
-// ../../node_modules/.pnpm/iconify-icon@2.1.0/node_modules/iconify-icon/dist/iconify-icon.mjs
-var defaultIconDimensions = Object.freeze({
-  left: 0,
-  top: 0,
-  width: 16,
-  height: 16
-});
-var defaultIconTransformations = Object.freeze({
-  rotate: 0,
-  vFlip: false,
-  hFlip: false
-});
-var defaultIconProps = Object.freeze({
-  ...defaultIconDimensions,
-  ...defaultIconTransformations
-});
-var defaultExtendedIconProps = Object.freeze({
-  ...defaultIconProps,
-  body: "",
-  hidden: false
-});
-var defaultIconSizeCustomisations = Object.freeze({
-  width: null,
-  height: null
-});
-var defaultIconCustomisations = Object.freeze({
-  // Dimensions
-  ...defaultIconSizeCustomisations,
-  // Transformations
-  ...defaultIconTransformations
-});
-function rotateFromString(value, defaultValue = 0) {
-  const units = value.replace(/^-?[0-9.]*/, "");
-  function cleanup(value2) {
-    while (value2 < 0) {
-      value2 += 4;
-    }
-    return value2 % 4;
-  }
-  if (units === "") {
-    const num = parseInt(value);
-    return isNaN(num) ? 0 : cleanup(num);
-  } else if (units !== value) {
-    let split = 0;
-    switch (units) {
-      case "%":
-        split = 25;
-        break;
-      case "deg":
-        split = 90;
-    }
-    if (split) {
-      let num = parseFloat(value.slice(0, value.length - units.length));
-      if (isNaN(num)) {
-        return 0;
-      }
-      num = num / split;
-      return num % 1 === 0 ? cleanup(num) : 0;
-    }
-  }
-  return defaultValue;
-}
-var separator = /[\s,]+/;
-function flipFromString(custom, flip) {
-  flip.split(separator).forEach(str => {
-    const value = str.trim();
-    switch (value) {
-      case "horizontal":
-        custom.hFlip = true;
-        break;
-      case "vertical":
-        custom.vFlip = true;
-        break;
-    }
-  });
-}
-var defaultCustomisations = {
-  ...defaultIconCustomisations,
-  preserveAspectRatio: ""
-};
-function getCustomisations(node) {
-  const customisations = {
-    ...defaultCustomisations
-  };
-  const attr = (key, def) => node.getAttribute(key) || def;
-  customisations.width = attr("width", null);
-  customisations.height = attr("height", null);
-  customisations.rotate = rotateFromString(attr("rotate", ""));
-  flipFromString(customisations, attr("flip", ""));
-  customisations.preserveAspectRatio = attr("preserveAspectRatio", attr("preserveaspectratio", ""));
-  return customisations;
-}
-function haveCustomisationsChanged(value1, value2) {
-  for (const key in defaultCustomisations) {
-    if (value1[key] !== value2[key]) {
-      return true;
-    }
-  }
-  return false;
-}
-var matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
-var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
-  const colonSeparated = value.split(":");
-  if (value.slice(0, 1) === "@") {
-    if (colonSeparated.length < 2 || colonSeparated.length > 3) {
-      return null;
-    }
-    provider = colonSeparated.shift().slice(1);
-  }
-  if (colonSeparated.length > 3 || !colonSeparated.length) {
-    return null;
-  }
-  if (colonSeparated.length > 1) {
-    const name2 = colonSeparated.pop();
-    const prefix = colonSeparated.pop();
-    const result = {
-      // Allow provider without '@': "provider:prefix:name"
-      provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
-      prefix,
-      name: name2
-    };
-    return validate && !validateIconName(result) ? null : result;
-  }
-  const name = colonSeparated[0];
-  const dashSeparated = name.split("-");
-  if (dashSeparated.length > 1) {
-    const result = {
-      provider,
-      prefix: dashSeparated.shift(),
-      name: dashSeparated.join("-")
-    };
-    return validate && !validateIconName(result) ? null : result;
-  }
-  if (allowSimpleName && provider === "") {
-    const result = {
-      provider,
-      prefix: "",
-      name
-    };
-    return validate && !validateIconName(result, allowSimpleName) ? null : result;
-  }
-  return null;
-};
-var validateIconName = (icon, allowSimpleName) => {
-  if (!icon) {
-    return false;
-  }
-  return !!((icon.provider === "" || icon.provider.match(matchIconName)) && (allowSimpleName && icon.prefix === "" || icon.prefix.match(matchIconName)) && icon.name.match(matchIconName));
-};
-function mergeIconTransformations(obj1, obj2) {
-  const result = {};
-  if (!obj1.hFlip !== !obj2.hFlip) {
-    result.hFlip = true;
-  }
-  if (!obj1.vFlip !== !obj2.vFlip) {
-    result.vFlip = true;
-  }
-  const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;
-  if (rotate) {
-    result.rotate = rotate;
-  }
-  return result;
-}
-function mergeIconData(parent, child) {
-  const result = mergeIconTransformations(parent, child);
-  for (const key in defaultExtendedIconProps) {
-    if (key in defaultIconTransformations) {
-      if (key in parent && !(key in result)) {
-        result[key] = defaultIconTransformations[key];
-      }
-    } else if (key in child) {
-      result[key] = child[key];
-    } else if (key in parent) {
-      result[key] = parent[key];
-    }
-  }
-  return result;
-}
-function getIconsTree(data, names) {
-  const icons = data.icons;
-  const aliases = data.aliases || /* @__PURE__ */Object.create(null);
-  const resolved = /* @__PURE__ */Object.create(null);
-  function resolve(name) {
-    if (icons[name]) {
-      return resolved[name] = [];
-    }
-    if (!(name in resolved)) {
-      resolved[name] = null;
-      const parent = aliases[name] && aliases[name].parent;
-      const value = parent && resolve(parent);
-      if (value) {
-        resolved[name] = [parent].concat(value);
-      }
-    }
-    return resolved[name];
-  }
-  (names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);
-  return resolved;
-}
-function internalGetIconData(data, name, tree) {
-  const icons = data.icons;
-  const aliases = data.aliases || /* @__PURE__ */Object.create(null);
-  let currentProps = {};
-  function parse(name2) {
-    currentProps = mergeIconData(icons[name2] || aliases[name2], currentProps);
-  }
-  parse(name);
-  tree.forEach(parse);
-  return mergeIconData(data, currentProps);
-}
-function parseIconSet(data, callback) {
-  const names = [];
-  if (typeof data !== "object" || typeof data.icons !== "object") {
-    return names;
-  }
-  if (data.not_found instanceof Array) {
-    data.not_found.forEach(name => {
-      callback(name, null);
-      names.push(name);
-    });
-  }
-  const tree = getIconsTree(data);
-  for (const name in tree) {
-    const item = tree[name];
-    if (item) {
-      callback(name, internalGetIconData(data, name, item));
-      names.push(name);
-    }
-  }
-  return names;
-}
-var optionalPropertyDefaults = {
-  provider: "",
-  aliases: {},
-  not_found: {},
-  ...defaultIconDimensions
-};
-function checkOptionalProps(item, defaults) {
-  for (const prop in defaults) {
-    if (prop in item && typeof item[prop] !== typeof defaults[prop]) {
-      return false;
-    }
-  }
-  return true;
-}
-function quicklyValidateIconSet(obj) {
-  if (typeof obj !== "object" || obj === null) {
-    return null;
-  }
-  const data = obj;
-  if (typeof data.prefix !== "string" || !obj.icons || typeof obj.icons !== "object") {
-    return null;
-  }
-  if (!checkOptionalProps(obj, optionalPropertyDefaults)) {
-    return null;
-  }
-  const icons = data.icons;
-  for (const name in icons) {
-    const icon = icons[name];
-    if (!name.match(matchIconName) || typeof icon.body !== "string" || !checkOptionalProps(icon, defaultExtendedIconProps)) {
-      return null;
-    }
-  }
-  const aliases = data.aliases || /* @__PURE__ */Object.create(null);
-  for (const name in aliases) {
-    const icon = aliases[name];
-    const parent = icon.parent;
-    if (!name.match(matchIconName) || typeof parent !== "string" || !icons[parent] && !aliases[parent] || !checkOptionalProps(icon, defaultExtendedIconProps)) {
-      return null;
-    }
-  }
-  return data;
-}
-var dataStorage = /* @__PURE__ */Object.create(null);
-function newStorage(provider, prefix) {
-  return {
-    provider,
-    prefix,
-    icons: /* @__PURE__ */Object.create(null),
-    missing: /* @__PURE__ */new Set()
-  };
-}
-function getStorage(provider, prefix) {
-  const providerStorage = dataStorage[provider] || (dataStorage[provider] = /* @__PURE__ */Object.create(null));
-  return providerStorage[prefix] || (providerStorage[prefix] = newStorage(provider, prefix));
-}
-function addIconSet(storage2, data) {
-  if (!quicklyValidateIconSet(data)) {
-    return [];
-  }
-  return parseIconSet(data, (name, icon) => {
-    if (icon) {
-      storage2.icons[name] = icon;
-    } else {
-      storage2.missing.add(name);
-    }
-  });
-}
-function addIconToStorage(storage2, name, icon) {
-  try {
-    if (typeof icon.body === "string") {
-      storage2.icons[name] = {
-        ...icon
-      };
-      return true;
-    }
-  } catch (err) {}
-  return false;
-}
-function listIcons$1(provider, prefix) {
-  let allIcons = [];
-  const providers = typeof provider === "string" ? [provider] : Object.keys(dataStorage);
-  providers.forEach(provider2 => {
-    const prefixes = typeof provider2 === "string" && typeof prefix === "string" ? [prefix] : Object.keys(dataStorage[provider2] || {});
-    prefixes.forEach(prefix2 => {
-      const storage2 = getStorage(provider2, prefix2);
-      allIcons = allIcons.concat(Object.keys(storage2.icons).map(name => (provider2 !== "" ? "@" + provider2 + ":" : "") + prefix2 + ":" + name));
-    });
-  });
-  return allIcons;
-}
-var simpleNames = false;
-function allowSimpleNames(allow) {
-  if (typeof allow === "boolean") {
-    simpleNames = allow;
-  }
-  return simpleNames;
-}
-function getIconData(name) {
-  const icon = typeof name === "string" ? stringToIcon(name, true, simpleNames) : name;
-  if (icon) {
-    const storage2 = getStorage(icon.provider, icon.prefix);
-    const iconName = icon.name;
-    return storage2.icons[iconName] || (storage2.missing.has(iconName) ? null : void 0);
-  }
-}
-function addIcon$1(name, data) {
-  const icon = stringToIcon(name, true, simpleNames);
-  if (!icon) {
-    return false;
-  }
-  const storage2 = getStorage(icon.provider, icon.prefix);
-  return addIconToStorage(storage2, icon.name, data);
-}
-function addCollection$1(data, provider) {
-  if (typeof data !== "object") {
-    return false;
-  }
-  if (typeof provider !== "string") {
-    provider = data.provider || "";
-  }
-  if (simpleNames && !provider && !data.prefix) {
-    let added = false;
-    if (quicklyValidateIconSet(data)) {
-      data.prefix = "";
-      parseIconSet(data, (name, icon) => {
-        if (icon && addIcon$1(name, icon)) {
-          added = true;
-        }
-      });
-    }
-    return added;
-  }
-  const prefix = data.prefix;
-  if (!validateIconName({
-    provider,
-    prefix,
-    name: "a"
-  })) {
-    return false;
-  }
-  const storage2 = getStorage(provider, prefix);
-  return !!addIconSet(storage2, data);
-}
-function iconLoaded$1(name) {
-  return !!getIconData(name);
-}
-function getIcon$1(name) {
-  const result = getIconData(name);
-  return result ? {
-    ...defaultIconProps,
-    ...result
-  } : null;
-}
-function sortIcons(icons) {
-  const result = {
-    loaded: [],
-    missing: [],
-    pending: []
-  };
-  const storage2 = /* @__PURE__ */Object.create(null);
-  icons.sort((a, b) => {
-    if (a.provider !== b.provider) {
-      return a.provider.localeCompare(b.provider);
-    }
-    if (a.prefix !== b.prefix) {
-      return a.prefix.localeCompare(b.prefix);
-    }
-    return a.name.localeCompare(b.name);
-  });
-  let lastIcon = {
-    provider: "",
-    prefix: "",
-    name: ""
-  };
-  icons.forEach(icon => {
-    if (lastIcon.name === icon.name && lastIcon.prefix === icon.prefix && lastIcon.provider === icon.provider) {
-      return;
-    }
-    lastIcon = icon;
-    const provider = icon.provider;
-    const prefix = icon.prefix;
-    const name = icon.name;
-    const providerStorage = storage2[provider] || (storage2[provider] = /* @__PURE__ */Object.create(null));
-    const localStorage = providerStorage[prefix] || (providerStorage[prefix] = getStorage(provider, prefix));
-    let list;
-    if (name in localStorage.icons) {
-      list = result.loaded;
-    } else if (prefix === "" || localStorage.missing.has(name)) {
-      list = result.missing;
-    } else {
-      list = result.pending;
-    }
-    const item = {
-      provider,
-      prefix,
-      name
-    };
-    list.push(item);
-  });
-  return result;
-}
-function removeCallback(storages, id) {
-  storages.forEach(storage2 => {
-    const items = storage2.loaderCallbacks;
-    if (items) {
-      storage2.loaderCallbacks = items.filter(row => row.id !== id);
-    }
-  });
-}
-function updateCallbacks(storage2) {
-  if (!storage2.pendingCallbacksFlag) {
-    storage2.pendingCallbacksFlag = true;
-    setTimeout(() => {
-      storage2.pendingCallbacksFlag = false;
-      const items = storage2.loaderCallbacks ? storage2.loaderCallbacks.slice(0) : [];
-      if (!items.length) {
-        return;
-      }
-      let hasPending = false;
-      const provider = storage2.provider;
-      const prefix = storage2.prefix;
-      items.forEach(item => {
-        const icons = item.icons;
-        const oldLength = icons.pending.length;
-        icons.pending = icons.pending.filter(icon => {
-          if (icon.prefix !== prefix) {
-            return true;
-          }
-          const name = icon.name;
-          if (storage2.icons[name]) {
-            icons.loaded.push({
-              provider,
-              prefix,
-              name
-            });
-          } else if (storage2.missing.has(name)) {
-            icons.missing.push({
-              provider,
-              prefix,
-              name
-            });
-          } else {
-            hasPending = true;
-            return true;
-          }
-          return false;
-        });
-        if (icons.pending.length !== oldLength) {
-          if (!hasPending) {
-            removeCallback([storage2], item.id);
-          }
-          item.callback(icons.loaded.slice(0), icons.missing.slice(0), icons.pending.slice(0), item.abort);
-        }
-      });
-    });
-  }
-}
-var idCounter = 0;
-function storeCallback(callback, icons, pendingSources) {
-  const id = idCounter++;
-  const abort = removeCallback.bind(null, pendingSources, id);
-  if (!icons.pending.length) {
-    return abort;
-  }
-  const item = {
-    id,
-    icons,
-    callback,
-    abort
-  };
-  pendingSources.forEach(storage2 => {
-    (storage2.loaderCallbacks || (storage2.loaderCallbacks = [])).push(item);
-  });
-  return abort;
-}
-var storage = /* @__PURE__ */Object.create(null);
-function setAPIModule(provider, item) {
-  storage[provider] = item;
-}
-function getAPIModule(provider) {
-  return storage[provider] || storage[""];
-}
-function listToIcons(list, validate = true, simpleNames2 = false) {
-  const result = [];
-  list.forEach(item => {
-    const icon = typeof item === "string" ? stringToIcon(item, validate, simpleNames2) : item;
-    if (icon) {
-      result.push(icon);
-    }
-  });
-  return result;
-}
-var defaultConfig = {
-  resources: [],
-  index: 0,
-  timeout: 2e3,
-  rotate: 750,
-  random: false,
-  dataAfterTimeout: false
-};
-function sendQuery(config, payload, query, done) {
-  const resourcesCount = config.resources.length;
-  const startIndex = config.random ? Math.floor(Math.random() * resourcesCount) : config.index;
-  let resources;
-  if (config.random) {
-    let list = config.resources.slice(0);
-    resources = [];
-    while (list.length > 1) {
-      const nextIndex = Math.floor(Math.random() * list.length);
-      resources.push(list[nextIndex]);
-      list = list.slice(0, nextIndex).concat(list.slice(nextIndex + 1));
-    }
-    resources = resources.concat(list);
-  } else {
-    resources = config.resources.slice(startIndex).concat(config.resources.slice(0, startIndex));
-  }
-  const startTime = Date.now();
-  let status = "pending";
-  let queriesSent = 0;
-  let lastError;
-  let timer = null;
-  let queue = [];
-  let doneCallbacks = [];
-  if (typeof done === "function") {
-    doneCallbacks.push(done);
-  }
-  function resetTimer() {
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  }
-  function abort() {
-    if (status === "pending") {
-      status = "aborted";
-    }
-    resetTimer();
-    queue.forEach(item => {
-      if (item.status === "pending") {
-        item.status = "aborted";
-      }
-    });
-    queue = [];
-  }
-  function subscribe(callback, overwrite) {
-    if (overwrite) {
-      doneCallbacks = [];
-    }
-    if (typeof callback === "function") {
-      doneCallbacks.push(callback);
-    }
-  }
-  function getQueryStatus() {
-    return {
-      startTime,
-      payload,
-      status,
-      queriesSent,
-      queriesPending: queue.length,
-      subscribe,
-      abort
-    };
-  }
-  function failQuery() {
-    status = "failed";
-    doneCallbacks.forEach(callback => {
-      callback(void 0, lastError);
-    });
-  }
-  function clearQueue() {
-    queue.forEach(item => {
-      if (item.status === "pending") {
-        item.status = "aborted";
-      }
-    });
-    queue = [];
-  }
-  function moduleResponse(item, response, data) {
-    const isError = response !== "success";
-    queue = queue.filter(queued => queued !== item);
-    switch (status) {
-      case "pending":
-        break;
-      case "failed":
-        if (isError || !config.dataAfterTimeout) {
-          return;
-        }
-        break;
-      default:
-        return;
-    }
-    if (response === "abort") {
-      lastError = data;
-      failQuery();
-      return;
-    }
-    if (isError) {
-      lastError = data;
-      if (!queue.length) {
-        if (!resources.length) {
-          failQuery();
-        } else {
-          execNext();
-        }
-      }
-      return;
-    }
-    resetTimer();
-    clearQueue();
-    if (!config.random) {
-      const index = config.resources.indexOf(item.resource);
-      if (index !== -1 && index !== config.index) {
-        config.index = index;
-      }
-    }
-    status = "completed";
-    doneCallbacks.forEach(callback => {
-      callback(data);
-    });
-  }
-  function execNext() {
-    if (status !== "pending") {
-      return;
-    }
-    resetTimer();
-    const resource = resources.shift();
-    if (resource === void 0) {
-      if (queue.length) {
-        timer = setTimeout(() => {
-          resetTimer();
-          if (status === "pending") {
-            clearQueue();
-            failQuery();
-          }
-        }, config.timeout);
-        return;
-      }
-      failQuery();
-      return;
-    }
-    const item = {
-      status: "pending",
-      resource,
-      callback: (status2, data) => {
-        moduleResponse(item, status2, data);
-      }
-    };
-    queue.push(item);
-    queriesSent++;
-    timer = setTimeout(execNext, config.rotate);
-    query(resource, payload, item.callback);
-  }
-  setTimeout(execNext);
-  return getQueryStatus;
-}
-function initRedundancy(cfg) {
-  const config = {
-    ...defaultConfig,
-    ...cfg
-  };
-  let queries = [];
-  function cleanup() {
-    queries = queries.filter(item => item().status === "pending");
-  }
-  function query(payload, queryCallback, doneCallback) {
-    const query2 = sendQuery(config, payload, queryCallback, (data, error) => {
-      cleanup();
-      if (doneCallback) {
-        doneCallback(data, error);
-      }
-    });
-    queries.push(query2);
-    return query2;
-  }
-  function find(callback) {
-    return queries.find(value => {
-      return callback(value);
-    }) || null;
-  }
-  const instance = {
-    query,
-    find,
-    setIndex: index => {
-      config.index = index;
-    },
-    getIndex: () => config.index,
-    cleanup
-  };
-  return instance;
-}
-function createAPIConfig(source) {
-  let resources;
-  if (typeof source.resources === "string") {
-    resources = [source.resources];
-  } else {
-    resources = source.resources;
-    if (!(resources instanceof Array) || !resources.length) {
-      return null;
-    }
-  }
-  const result = {
-    // API hosts
-    resources,
-    // Root path
-    path: source.path || "/",
-    // URL length limit
-    maxURL: source.maxURL || 500,
-    // Timeout before next host is used.
-    rotate: source.rotate || 750,
-    // Timeout before failing query.
-    timeout: source.timeout || 5e3,
-    // Randomise default API end point.
-    random: source.random === true,
-    // Start index
-    index: source.index || 0,
-    // Receive data after time out (used if time out kicks in first, then API module sends data anyway).
-    dataAfterTimeout: source.dataAfterTimeout !== false
-  };
-  return result;
-}
-var configStorage = /* @__PURE__ */Object.create(null);
-var fallBackAPISources = ["https://api.simplesvg.com", "https://api.unisvg.com"];
-var fallBackAPI = [];
-while (fallBackAPISources.length > 0) {
-  if (fallBackAPISources.length === 1) {
-    fallBackAPI.push(fallBackAPISources.shift());
-  } else {
-    if (Math.random() > 0.5) {
-      fallBackAPI.push(fallBackAPISources.shift());
-    } else {
-      fallBackAPI.push(fallBackAPISources.pop());
-    }
-  }
-}
-configStorage[""] = createAPIConfig({
-  resources: ["https://api.iconify.design"].concat(fallBackAPI)
-});
-function addAPIProvider$1(provider, customConfig) {
-  const config = createAPIConfig(customConfig);
-  if (config === null) {
-    return false;
-  }
-  configStorage[provider] = config;
-  return true;
-}
-function getAPIConfig(provider) {
-  return configStorage[provider];
-}
-function listAPIProviders() {
-  return Object.keys(configStorage);
-}
-function emptyCallback$1() {}
-var redundancyCache = /* @__PURE__ */Object.create(null);
-function getRedundancyCache(provider) {
-  if (!redundancyCache[provider]) {
-    const config = getAPIConfig(provider);
-    if (!config) {
-      return;
-    }
-    const redundancy = initRedundancy(config);
-    const cachedReundancy = {
-      config,
-      redundancy
-    };
-    redundancyCache[provider] = cachedReundancy;
-  }
-  return redundancyCache[provider];
-}
-function sendAPIQuery(target, query, callback) {
-  let redundancy;
-  let send2;
-  if (typeof target === "string") {
-    const api = getAPIModule(target);
-    if (!api) {
-      callback(void 0, 424);
-      return emptyCallback$1;
-    }
-    send2 = api.send;
-    const cached = getRedundancyCache(target);
-    if (cached) {
-      redundancy = cached.redundancy;
-    }
-  } else {
-    const config = createAPIConfig(target);
-    if (config) {
-      redundancy = initRedundancy(config);
-      const moduleKey = target.resources ? target.resources[0] : "";
-      const api = getAPIModule(moduleKey);
-      if (api) {
-        send2 = api.send;
-      }
-    }
-  }
-  if (!redundancy || !send2) {
-    callback(void 0, 424);
-    return emptyCallback$1;
-  }
-  return redundancy.query(query, send2, callback)().abort;
-}
-var browserCacheVersion = "iconify2";
-var browserCachePrefix = "iconify";
-var browserCacheCountKey = browserCachePrefix + "-count";
-var browserCacheVersionKey = browserCachePrefix + "-version";
-var browserStorageHour = 36e5;
-var browserStorageCacheExpiration = 168;
-var browserStorageLimit = 50;
-function getStoredItem(func, key) {
-  try {
-    return func.getItem(key);
-  } catch (err) {}
-}
-function setStoredItem(func, key, value) {
-  try {
-    func.setItem(key, value);
-    return true;
-  } catch (err) {}
-}
-function removeStoredItem(func, key) {
-  try {
-    func.removeItem(key);
-  } catch (err) {}
-}
-function setBrowserStorageItemsCount(storage2, value) {
-  return setStoredItem(storage2, browserCacheCountKey, value.toString());
-}
-function getBrowserStorageItemsCount(storage2) {
-  return parseInt(getStoredItem(storage2, browserCacheCountKey)) || 0;
-}
-var browserStorageConfig = {
-  local: true,
-  session: true
-};
-var browserStorageEmptyItems = {
-  local: /* @__PURE__ */new Set(),
-  session: /* @__PURE__ */new Set()
-};
-var browserStorageStatus = false;
-function setBrowserStorageStatus(status) {
-  browserStorageStatus = status;
-}
-var _window = typeof window === "undefined" ? {} : window;
-function getBrowserStorage(key) {
-  const attr = key + "Storage";
-  try {
-    if (_window && _window[attr] && typeof _window[attr].length === "number") {
-      return _window[attr];
-    }
-  } catch (err) {}
-  browserStorageConfig[key] = false;
-}
-function iterateBrowserStorage(key, callback) {
-  const func = getBrowserStorage(key);
-  if (!func) {
-    return;
-  }
-  const version = getStoredItem(func, browserCacheVersionKey);
-  if (version !== browserCacheVersion) {
-    if (version) {
-      const total2 = getBrowserStorageItemsCount(func);
-      for (let i = 0; i < total2; i++) {
-        removeStoredItem(func, browserCachePrefix + i.toString());
-      }
-    }
-    setStoredItem(func, browserCacheVersionKey, browserCacheVersion);
-    setBrowserStorageItemsCount(func, 0);
-    return;
-  }
-  const minTime = Math.floor(Date.now() / browserStorageHour) - browserStorageCacheExpiration;
-  const parseItem = index => {
-    const name = browserCachePrefix + index.toString();
-    const item = getStoredItem(func, name);
-    if (typeof item !== "string") {
-      return;
-    }
-    try {
-      const data = JSON.parse(item);
-      if (typeof data === "object" && typeof data.cached === "number" && data.cached > minTime && typeof data.provider === "string" && typeof data.data === "object" && typeof data.data.prefix === "string" &&
-      // Valid item: run callback
-      callback(data, index)) {
-        return true;
-      }
-    } catch (err) {}
-    removeStoredItem(func, name);
-  };
-  let total = getBrowserStorageItemsCount(func);
-  for (let i = total - 1; i >= 0; i--) {
-    if (!parseItem(i)) {
-      if (i === total - 1) {
-        total--;
-        setBrowserStorageItemsCount(func, total);
-      } else {
-        browserStorageEmptyItems[key].add(i);
-      }
-    }
-  }
-}
-function initBrowserStorage() {
-  if (browserStorageStatus) {
-    return;
-  }
-  setBrowserStorageStatus(true);
-  for (const key in browserStorageConfig) {
-    iterateBrowserStorage(key, item => {
-      const iconSet = item.data;
-      const provider = item.provider;
-      const prefix = iconSet.prefix;
-      const storage2 = getStorage(provider, prefix);
-      if (!addIconSet(storage2, iconSet).length) {
-        return false;
-      }
-      const lastModified = iconSet.lastModified || -1;
-      storage2.lastModifiedCached = storage2.lastModifiedCached ? Math.min(storage2.lastModifiedCached, lastModified) : lastModified;
-      return true;
-    });
-  }
-}
-function updateLastModified(storage2, lastModified) {
-  const lastValue = storage2.lastModifiedCached;
-  if (
-  // Matches or newer
-  lastValue && lastValue >= lastModified) {
-    return lastValue === lastModified;
-  }
-  storage2.lastModifiedCached = lastModified;
-  if (lastValue) {
-    for (const key in browserStorageConfig) {
-      iterateBrowserStorage(key, item => {
-        const iconSet = item.data;
-        return item.provider !== storage2.provider || iconSet.prefix !== storage2.prefix || iconSet.lastModified === lastModified;
-      });
-    }
-  }
-  return true;
-}
-function storeInBrowserStorage(storage2, data) {
-  if (!browserStorageStatus) {
-    initBrowserStorage();
-  }
-  function store(key) {
-    let func;
-    if (!browserStorageConfig[key] || !(func = getBrowserStorage(key))) {
-      return;
-    }
-    const set = browserStorageEmptyItems[key];
-    let index;
-    if (set.size) {
-      set.delete(index = Array.from(set).shift());
-    } else {
-      index = getBrowserStorageItemsCount(func);
-      if (index >= browserStorageLimit || !setBrowserStorageItemsCount(func, index + 1)) {
-        return;
-      }
-    }
-    const item = {
-      cached: Math.floor(Date.now() / browserStorageHour),
-      provider: storage2.provider,
-      data
-    };
-    return setStoredItem(func, browserCachePrefix + index.toString(), JSON.stringify(item));
-  }
-  if (data.lastModified && !updateLastModified(storage2, data.lastModified)) {
-    return;
-  }
-  if (!Object.keys(data.icons).length) {
-    return;
-  }
-  if (data.not_found) {
-    data = Object.assign({}, data);
-    delete data.not_found;
-  }
-  if (!store("local")) {
-    store("session");
-  }
-}
-function emptyCallback() {}
-function loadedNewIcons(storage2) {
-  if (!storage2.iconsLoaderFlag) {
-    storage2.iconsLoaderFlag = true;
-    setTimeout(() => {
-      storage2.iconsLoaderFlag = false;
-      updateCallbacks(storage2);
-    });
-  }
-}
-function loadNewIcons(storage2, icons) {
-  if (!storage2.iconsToLoad) {
-    storage2.iconsToLoad = icons;
-  } else {
-    storage2.iconsToLoad = storage2.iconsToLoad.concat(icons).sort();
-  }
-  if (!storage2.iconsQueueFlag) {
-    storage2.iconsQueueFlag = true;
-    setTimeout(() => {
-      storage2.iconsQueueFlag = false;
-      const {
-        provider,
-        prefix
-      } = storage2;
-      const icons2 = storage2.iconsToLoad;
-      delete storage2.iconsToLoad;
-      let api;
-      if (!icons2 || !(api = getAPIModule(provider))) {
-        return;
-      }
-      const params = api.prepare(provider, prefix, icons2);
-      params.forEach(item => {
-        sendAPIQuery(provider, item, data => {
-          if (typeof data !== "object") {
-            item.icons.forEach(name => {
-              storage2.missing.add(name);
-            });
-          } else {
-            try {
-              const parsed = addIconSet(storage2, data);
-              if (!parsed.length) {
-                return;
-              }
-              const pending = storage2.pendingIcons;
-              if (pending) {
-                parsed.forEach(name => {
-                  pending.delete(name);
-                });
-              }
-              storeInBrowserStorage(storage2, data);
-            } catch (err) {
-              console.error(err);
-            }
-          }
-          loadedNewIcons(storage2);
-        });
-      });
-    });
-  }
-}
-var loadIcons$1 = (icons, callback) => {
-  const cleanedIcons = listToIcons(icons, true, allowSimpleNames());
-  const sortedIcons = sortIcons(cleanedIcons);
-  if (!sortedIcons.pending.length) {
-    let callCallback = true;
-    if (callback) {
-      setTimeout(() => {
-        if (callCallback) {
-          callback(sortedIcons.loaded, sortedIcons.missing, sortedIcons.pending, emptyCallback);
-        }
-      });
-    }
-    return () => {
-      callCallback = false;
-    };
-  }
-  const newIcons = /* @__PURE__ */Object.create(null);
-  const sources = [];
-  let lastProvider, lastPrefix;
-  sortedIcons.pending.forEach(icon => {
-    const {
-      provider,
-      prefix
-    } = icon;
-    if (prefix === lastPrefix && provider === lastProvider) {
-      return;
-    }
-    lastProvider = provider;
-    lastPrefix = prefix;
-    sources.push(getStorage(provider, prefix));
-    const providerNewIcons = newIcons[provider] || (newIcons[provider] = /* @__PURE__ */Object.create(null));
-    if (!providerNewIcons[prefix]) {
-      providerNewIcons[prefix] = [];
-    }
-  });
-  sortedIcons.pending.forEach(icon => {
-    const {
-      provider,
-      prefix,
-      name
-    } = icon;
-    const storage2 = getStorage(provider, prefix);
-    const pendingQueue = storage2.pendingIcons || (storage2.pendingIcons = /* @__PURE__ */new Set());
-    if (!pendingQueue.has(name)) {
-      pendingQueue.add(name);
-      newIcons[provider][prefix].push(name);
-    }
-  });
-  sources.forEach(storage2 => {
-    const {
-      provider,
-      prefix
-    } = storage2;
-    if (newIcons[provider][prefix].length) {
-      loadNewIcons(storage2, newIcons[provider][prefix]);
-    }
-  });
-  return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
-};
-var loadIcon$1 = icon => {
-  return new Promise((fulfill, reject) => {
-    const iconObj = typeof icon === "string" ? stringToIcon(icon, true) : icon;
-    if (!iconObj) {
-      reject(icon);
-      return;
-    }
-    loadIcons$1([iconObj || icon], loaded => {
-      if (loaded.length && iconObj) {
-        const data = getIconData(iconObj);
-        if (data) {
-          fulfill({
-            ...defaultIconProps,
-            ...data
-          });
-          return;
-        }
-      }
-      reject(icon);
-    });
-  });
-};
-function testIconObject(value) {
-  try {
-    const obj = typeof value === "string" ? JSON.parse(value) : value;
-    if (typeof obj.body === "string") {
-      return {
-        ...obj
-      };
-    }
-  } catch (err) {}
-}
-function parseIconValue(value, onload) {
-  const name = typeof value === "string" ? stringToIcon(value, true, true) : null;
-  if (!name) {
-    const data2 = testIconObject(value);
-    return {
-      value,
-      data: data2
-    };
-  }
-  const data = getIconData(name);
-  if (data !== void 0 || !name.prefix) {
-    return {
-      value,
-      name,
-      data
-      // could be 'null' -> icon is missing
-    };
-  }
-  const loading = loadIcons$1([name], () => onload(value, name, getIconData(name)));
-  return {
-    value,
-    name,
-    loading
-  };
-}
-var isBuggedSafari = false;
-try {
-  isBuggedSafari = navigator.vendor.indexOf("Apple") === 0;
-} catch (err) {}
-function getRenderMode(body, mode) {
-  switch (mode) {
-    // Force mode
-    case "svg":
-    case "bg":
-    case "mask":
-      return mode;
-  }
-  if (mode !== "style" && (isBuggedSafari || body.indexOf("<a") === -1)) {
-    return "svg";
-  }
-  return body.indexOf("currentColor") === -1 ? "bg" : "mask";
-}
-var unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
-var unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function calculateSize$1(size, ratio, precision) {
-  if (ratio === 1) {
-    return size;
-  }
-  precision = precision || 100;
-  if (typeof size === "number") {
-    return Math.ceil(size * ratio * precision) / precision;
-  }
-  if (typeof size !== "string") {
-    return size;
-  }
-  const oldParts = size.split(unitsSplit);
-  if (oldParts === null || !oldParts.length) {
-    return size;
-  }
-  const newParts = [];
-  let code = oldParts.shift();
-  let isNumber = unitsTest.test(code);
-  while (true) {
-    if (isNumber) {
-      const num = parseFloat(code);
-      if (isNaN(num)) {
-        newParts.push(code);
-      } else {
-        newParts.push(Math.ceil(num * ratio * precision) / precision);
-      }
-    } else {
-      newParts.push(code);
-    }
-    code = oldParts.shift();
-    if (code === void 0) {
-      return newParts.join("");
-    }
-    isNumber = !isNumber;
-  }
-}
-function splitSVGDefs(content, tag = "defs") {
-  let defs = "";
-  const index = content.indexOf("<" + tag);
-  while (index >= 0) {
-    const start = content.indexOf(">", index);
-    const end = content.indexOf("</" + tag);
-    if (start === -1 || end === -1) {
-      break;
-    }
-    const endEnd = content.indexOf(">", end);
-    if (endEnd === -1) {
-      break;
-    }
-    defs += content.slice(start + 1, end).trim();
-    content = content.slice(0, index).trim() + content.slice(endEnd + 1);
-  }
-  return {
-    defs,
-    content
-  };
-}
-function mergeDefsAndContent(defs, content) {
-  return defs ? "<defs>" + defs + "</defs>" + content : content;
-}
-function wrapSVGContent(body, start, end) {
-  const split = splitSVGDefs(body);
-  return mergeDefsAndContent(split.defs, start + split.content + end);
-}
-var isUnsetKeyword = value => value === "unset" || value === "undefined" || value === "none";
-function iconToSVG(icon, customisations) {
-  const fullIcon = {
-    ...defaultIconProps,
-    ...icon
-  };
-  const fullCustomisations = {
-    ...defaultIconCustomisations,
-    ...customisations
-  };
-  const box = {
-    left: fullIcon.left,
-    top: fullIcon.top,
-    width: fullIcon.width,
-    height: fullIcon.height
-  };
-  let body = fullIcon.body;
-  [fullIcon, fullCustomisations].forEach(props => {
-    const transformations = [];
-    const hFlip = props.hFlip;
-    const vFlip = props.vFlip;
-    let rotation = props.rotate;
-    if (hFlip) {
-      if (vFlip) {
-        rotation += 2;
-      } else {
-        transformations.push("translate(" + (box.width + box.left).toString() + " " + (0 - box.top).toString() + ")");
-        transformations.push("scale(-1 1)");
-        box.top = box.left = 0;
-      }
-    } else if (vFlip) {
-      transformations.push("translate(" + (0 - box.left).toString() + " " + (box.height + box.top).toString() + ")");
-      transformations.push("scale(1 -1)");
-      box.top = box.left = 0;
-    }
-    let tempValue;
-    if (rotation < 0) {
-      rotation -= Math.floor(rotation / 4) * 4;
-    }
-    rotation = rotation % 4;
-    switch (rotation) {
-      case 1:
-        tempValue = box.height / 2 + box.top;
-        transformations.unshift("rotate(90 " + tempValue.toString() + " " + tempValue.toString() + ")");
-        break;
-      case 2:
-        transformations.unshift("rotate(180 " + (box.width / 2 + box.left).toString() + " " + (box.height / 2 + box.top).toString() + ")");
-        break;
-      case 3:
-        tempValue = box.width / 2 + box.left;
-        transformations.unshift("rotate(-90 " + tempValue.toString() + " " + tempValue.toString() + ")");
-        break;
-    }
-    if (rotation % 2 === 1) {
-      if (box.left !== box.top) {
-        tempValue = box.left;
-        box.left = box.top;
-        box.top = tempValue;
-      }
-      if (box.width !== box.height) {
-        tempValue = box.width;
-        box.width = box.height;
-        box.height = tempValue;
-      }
-    }
-    if (transformations.length) {
-      body = wrapSVGContent(body, '<g transform="' + transformations.join(" ") + '">', "</g>");
-    }
-  });
-  const customisationsWidth = fullCustomisations.width;
-  const customisationsHeight = fullCustomisations.height;
-  const boxWidth = box.width;
-  const boxHeight = box.height;
-  let width;
-  let height;
-  if (customisationsWidth === null) {
-    height = customisationsHeight === null ? "1em" : customisationsHeight === "auto" ? boxHeight : customisationsHeight;
-    width = calculateSize$1(height, boxWidth / boxHeight);
-  } else {
-    width = customisationsWidth === "auto" ? boxWidth : customisationsWidth;
-    height = customisationsHeight === null ? calculateSize$1(width, boxHeight / boxWidth) : customisationsHeight === "auto" ? boxHeight : customisationsHeight;
-  }
-  const attributes = {};
-  const setAttr = (prop, value) => {
-    if (!isUnsetKeyword(value)) {
-      attributes[prop] = value.toString();
-    }
-  };
-  setAttr("width", width);
-  setAttr("height", height);
-  const viewBox = [box.left, box.top, boxWidth, boxHeight];
-  attributes.viewBox = viewBox.join(" ");
-  return {
-    attributes,
-    viewBox,
-    body
-  };
-}
-function iconToHTML$1(body, attributes) {
-  let renderAttribsHTML = body.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
-  for (const attr in attributes) {
-    renderAttribsHTML += " " + attr + '="' + attributes[attr] + '"';
-  }
-  return '<svg xmlns="http://www.w3.org/2000/svg"' + renderAttribsHTML + ">" + body + "</svg>";
-}
-function encodeSVGforURL(svg) {
-  return svg.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
-}
-function svgToData(svg) {
-  return "data:image/svg+xml," + encodeSVGforURL(svg);
-}
-function svgToURL$1(svg) {
-  return 'url("' + svgToData(svg) + '")';
-}
-var detectFetch = () => {
-  let callback;
-  try {
-    callback = fetch;
-    if (typeof callback === "function") {
-      return callback;
-    }
-  } catch (err) {}
-};
-var fetchModule = detectFetch();
-function setFetch(fetch2) {
-  fetchModule = fetch2;
-}
-function getFetch() {
-  return fetchModule;
-}
-function calculateMaxLength(provider, prefix) {
-  const config = getAPIConfig(provider);
-  if (!config) {
-    return 0;
-  }
-  let result;
-  if (!config.maxURL) {
-    result = 0;
-  } else {
-    let maxHostLength = 0;
-    config.resources.forEach(item => {
-      const host = item;
-      maxHostLength = Math.max(maxHostLength, host.length);
-    });
-    const url = prefix + ".json?icons=";
-    result = config.maxURL - maxHostLength - config.path.length - url.length;
-  }
-  return result;
-}
-function shouldAbort(status) {
-  return status === 404;
-}
-var prepare = (provider, prefix, icons) => {
-  const results = [];
-  const maxLength = calculateMaxLength(provider, prefix);
-  const type = "icons";
-  let item = {
-    type,
-    provider,
-    prefix,
-    icons: []
-  };
-  let length = 0;
-  icons.forEach((name, index) => {
-    length += name.length + 1;
-    if (length >= maxLength && index > 0) {
-      results.push(item);
-      item = {
-        type,
-        provider,
-        prefix,
-        icons: []
-      };
-      length = name.length;
-    }
-    item.icons.push(name);
-  });
-  results.push(item);
-  return results;
-};
-function getPath(provider) {
-  if (typeof provider === "string") {
-    const config = getAPIConfig(provider);
-    if (config) {
-      return config.path;
-    }
-  }
-  return "/";
-}
-var send = (host, params, callback) => {
-  if (!fetchModule) {
-    callback("abort", 424);
-    return;
-  }
-  let path = getPath(params.provider);
-  switch (params.type) {
-    case "icons":
-      {
-        const prefix = params.prefix;
-        const icons = params.icons;
-        const iconsList = icons.join(",");
-        const urlParams = new URLSearchParams({
-          icons: iconsList
-        });
-        path += prefix + ".json?" + urlParams.toString();
-        break;
-      }
-    case "custom":
-      {
-        const uri = params.uri;
-        path += uri.slice(0, 1) === "/" ? uri.slice(1) : uri;
-        break;
-      }
-    default:
-      callback("abort", 400);
-      return;
-  }
-  let defaultError = 503;
-  fetchModule(host + path).then(response => {
-    const status = response.status;
-    if (status !== 200) {
-      setTimeout(() => {
-        callback(shouldAbort(status) ? "abort" : "next", status);
-      });
-      return;
-    }
-    defaultError = 501;
-    return response.json();
-  }).then(data => {
-    if (typeof data !== "object" || data === null) {
-      setTimeout(() => {
-        if (data === 404) {
-          callback("abort", data);
-        } else {
-          callback("next", defaultError);
-        }
-      });
-      return;
-    }
-    setTimeout(() => {
-      callback("success", data);
-    });
-  }).catch(() => {
-    callback("next", defaultError);
-  });
-};
-var fetchAPIModule = {
-  prepare,
-  send
-};
-function toggleBrowserCache(storage2, value) {
-  switch (storage2) {
-    case "local":
-    case "session":
-      browserStorageConfig[storage2] = value;
-      break;
-    case "all":
-      for (const key in browserStorageConfig) {
-        browserStorageConfig[key] = value;
-      }
-      break;
-  }
-}
-var nodeAttr = "data-style";
-var customStyle = "";
-function appendCustomStyle(style) {
-  customStyle = style;
-}
-function updateStyle(parent, inline) {
-  let styleNode = Array.from(parent.childNodes).find(node => node.hasAttribute && node.hasAttribute(nodeAttr));
-  if (!styleNode) {
-    styleNode = document.createElement("style");
-    styleNode.setAttribute(nodeAttr, nodeAttr);
-    parent.appendChild(styleNode);
-  }
-  styleNode.textContent = ":host{display:inline-block;vertical-align:" + (inline ? "-0.125em" : "0") + "}span,svg{display:block}" + customStyle;
-}
-function exportFunctions() {
-  setAPIModule("", fetchAPIModule);
-  allowSimpleNames(true);
-  let _window2;
-  try {
-    _window2 = window;
-  } catch (err) {}
-  if (_window2) {
-    initBrowserStorage();
-    if (_window2.IconifyPreload !== void 0) {
-      const preload = _window2.IconifyPreload;
-      const err = "Invalid IconifyPreload syntax.";
-      if (typeof preload === "object" && preload !== null) {
-        (preload instanceof Array ? preload : [preload]).forEach(item => {
-          try {
-            if (
-            // Check if item is an object and not null/array
-            typeof item !== "object" || item === null || item instanceof Array ||
-            // Check for 'icons' and 'prefix'
-            typeof item.icons !== "object" || typeof item.prefix !== "string" ||
-            // Add icon set
-            !addCollection$1(item)) {
-              console.error(err);
-            }
-          } catch (e) {
-            console.error(err);
-          }
-        });
-      }
-    }
-    if (_window2.IconifyProviders !== void 0) {
-      const providers = _window2.IconifyProviders;
-      if (typeof providers === "object" && providers !== null) {
-        for (const key in providers) {
-          const err = "IconifyProviders[" + key + "] is invalid.";
-          try {
-            const value = providers[key];
-            if (typeof value !== "object" || !value || value.resources === void 0) {
-              continue;
-            }
-            if (!addAPIProvider$1(key, value)) {
-              console.error(err);
-            }
-          } catch (e) {
-            console.error(err);
-          }
-        }
-      }
-    }
-  }
-  const _api2 = {
-    getAPIConfig,
-    setAPIModule,
-    sendAPIQuery,
-    setFetch,
-    getFetch,
-    listAPIProviders
-  };
-  return {
-    enableCache: storage2 => toggleBrowserCache(storage2, true),
-    disableCache: storage2 => toggleBrowserCache(storage2, false),
-    iconLoaded: iconLoaded$1,
-    iconExists: iconLoaded$1,
-    // deprecated, kept to avoid breaking changes
-    getIcon: getIcon$1,
-    listIcons: listIcons$1,
-    addIcon: addIcon$1,
-    addCollection: addCollection$1,
-    calculateSize: calculateSize$1,
-    buildIcon: iconToSVG,
-    iconToHTML: iconToHTML$1,
-    svgToURL: svgToURL$1,
-    loadIcons: loadIcons$1,
-    loadIcon: loadIcon$1,
-    addAPIProvider: addAPIProvider$1,
-    appendCustomStyle,
-    _api: _api2
-  };
-}
-var monotoneProps = {
-  "background-color": "currentColor"
-};
-var coloredProps = {
-  "background-color": "transparent"
-};
-var propsToAdd = {
-  image: "var(--svg)",
-  repeat: "no-repeat",
-  size: "100% 100%"
-};
-var propsToAddTo = {
-  "-webkit-mask": monotoneProps,
-  "mask": monotoneProps,
-  "background": coloredProps
-};
-for (const prefix in propsToAddTo) {
-  const list = propsToAddTo[prefix];
-  for (const prop in propsToAdd) {
-    list[prefix + "-" + prop] = propsToAdd[prop];
-  }
-}
-function fixSize(value) {
-  return value ? value + (value.match(/^[-0-9.]+$/) ? "px" : "") : "inherit";
-}
-function renderSPAN(data, icon, useMask) {
-  const node = document.createElement("span");
-  let body = data.body;
-  if (body.indexOf("<a") !== -1) {
-    body += "<!-- " + Date.now() + " -->";
-  }
-  const renderAttribs = data.attributes;
-  const html = iconToHTML$1(body, {
-    ...renderAttribs,
-    width: icon.width + "",
-    height: icon.height + ""
-  });
-  const url = svgToURL$1(html);
-  const svgStyle = node.style;
-  const styles = {
-    "--svg": url,
-    "width": fixSize(renderAttribs.width),
-    "height": fixSize(renderAttribs.height),
-    ...(useMask ? monotoneProps : coloredProps)
-  };
-  for (const prop in styles) {
-    svgStyle.setProperty(prop, styles[prop]);
-  }
-  return node;
-}
-var policy;
-function createPolicy() {
-  try {
-    policy = window.trustedTypes.createPolicy("iconify", {
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-      createHTML: s => s
-    });
-  } catch (err) {
-    policy = null;
-  }
-}
-function cleanUpInnerHTML(html) {
-  if (policy === void 0) {
-    createPolicy();
-  }
-  return policy ? policy.createHTML(html) : html;
-}
-function renderSVG(data) {
-  const node = document.createElement("span");
-  const attr = data.attributes;
-  let style = "";
-  if (!attr.width) {
-    style = "width: inherit;";
-  }
-  if (!attr.height) {
-    style += "height: inherit;";
-  }
-  if (style) {
-    attr.style = style;
-  }
-  const html = iconToHTML$1(data.body, attr);
-  node.innerHTML = cleanUpInnerHTML(html);
-  return node.firstChild;
-}
-function findIconElement(parent) {
-  return Array.from(parent.childNodes).find(node => {
-    const tag = node.tagName && node.tagName.toUpperCase();
-    return tag === "SPAN" || tag === "SVG";
-  });
-}
-function renderIcon(parent, state) {
-  const iconData = state.icon.data;
-  const customisations = state.customisations;
-  const renderData = iconToSVG(iconData, customisations);
-  if (customisations.preserveAspectRatio) {
-    renderData.attributes["preserveAspectRatio"] = customisations.preserveAspectRatio;
-  }
-  const mode = state.renderedMode;
-  let node;
-  switch (mode) {
-    case "svg":
-      node = renderSVG(renderData);
-      break;
-    default:
-      node = renderSPAN(renderData, {
-        ...defaultIconProps,
-        ...iconData
-      }, mode === "mask");
-  }
-  const oldNode = findIconElement(parent);
-  if (oldNode) {
-    if (node.tagName === "SPAN" && oldNode.tagName === node.tagName) {
-      oldNode.setAttribute("style", node.getAttribute("style"));
-    } else {
-      parent.replaceChild(node, oldNode);
-    }
-  } else {
-    parent.appendChild(node);
-  }
-}
-function setPendingState(icon, inline, lastState) {
-  const lastRender = lastState && (lastState.rendered ? lastState : lastState.lastRender);
-  return {
-    rendered: false,
-    inline,
-    icon,
-    lastRender
-  };
-}
-function defineIconifyIcon(name = "iconify-icon") {
-  let customElements;
-  let ParentClass;
-  try {
-    customElements = window.customElements;
-    ParentClass = window.HTMLElement;
-  } catch (err) {
-    return;
-  }
-  if (!customElements || !ParentClass) {
-    return;
-  }
-  const ConflictingClass = customElements.get(name);
-  if (ConflictingClass) {
-    return ConflictingClass;
-  }
-  const attributes = [
-  // Icon
-  "icon",
-  // Mode
-  "mode", "inline", "noobserver",
-  // Customisations
-  "width", "height", "rotate", "flip"];
-  const IconifyIcon2 = class extends ParentClass {
-    /**
-     * Constructor
-     */
-    constructor() {
-      super();
-      // Root
-      __publicField(this, "_shadowRoot");
-      // Initialised
-      __publicField(this, "_initialised", false);
-      // Icon state
-      __publicField(this, "_state");
-      // Attributes check queued
-      __publicField(this, "_checkQueued", false);
-      // Connected
-      __publicField(this, "_connected", false);
-      // Observer
-      __publicField(this, "_observer", null);
-      __publicField(this, "_visible", true);
-      const root = this._shadowRoot = this.attachShadow({
-        mode: "open"
-      });
-      const inline = this.hasAttribute("inline");
-      updateStyle(root, inline);
-      this._state = setPendingState({
-        value: ""
-      }, inline);
-      this._queueCheck();
-    }
-    /**
-     * Connected to DOM
-     */
-    connectedCallback() {
-      this._connected = true;
-      this.startObserver();
-    }
-    /**
-     * Disconnected from DOM
-     */
-    disconnectedCallback() {
-      this._connected = false;
-      this.stopObserver();
-    }
-    /**
-     * Observed attributes
-     */
-    static get observedAttributes() {
-      return attributes.slice(0);
-    }
-    /**
-     * Observed properties that are different from attributes
-     *
-     * Experimental! Need to test with various frameworks that support it
-     */
-    /*
-    static get properties() {
-        return {
-            inline: {
-                type: Boolean,
-                reflect: true,
-            },
-            // Not listing other attributes because they are strings or combination
-            // of string and another type. Cannot have multiple types
-        };
-    }
-    */
-    /**
-     * Attribute has changed
-     */
-    attributeChangedCallback(name2) {
-      switch (name2) {
-        case "inline":
-          {
-            const newInline = this.hasAttribute("inline");
-            const state = this._state;
-            if (newInline !== state.inline) {
-              state.inline = newInline;
-              updateStyle(this._shadowRoot, newInline);
-            }
-            break;
-          }
-        case "noobserver":
-          {
-            const value = this.hasAttribute("noobserver");
-            if (value) {
-              this.startObserver();
-            } else {
-              this.stopObserver();
-            }
-            break;
-          }
-        default:
-          this._queueCheck();
-      }
-    }
-    /**
-     * Get/set icon
-     */
-    get icon() {
-      const value = this.getAttribute("icon");
-      if (value && value.slice(0, 1) === "{") {
-        try {
-          return JSON.parse(value);
-        } catch (err) {}
-      }
-      return value;
-    }
-    set icon(value) {
-      if (typeof value === "object") {
-        value = JSON.stringify(value);
-      }
-      this.setAttribute("icon", value);
-    }
-    /**
-     * Get/set inline
-     */
-    get inline() {
-      return this.hasAttribute("inline");
-    }
-    set inline(value) {
-      if (value) {
-        this.setAttribute("inline", "true");
-      } else {
-        this.removeAttribute("inline");
-      }
-    }
-    /**
-     * Get/set observer
-     */
-    get observer() {
-      return this.hasAttribute("observer");
-    }
-    set observer(value) {
-      if (value) {
-        this.setAttribute("observer", "true");
-      } else {
-        this.removeAttribute("observer");
-      }
-    }
-    /**
-     * Restart animation
-     */
-    restartAnimation() {
-      const state = this._state;
-      if (state.rendered) {
-        const root = this._shadowRoot;
-        if (state.renderedMode === "svg") {
-          try {
-            root.lastChild.setCurrentTime(0);
-            return;
-          } catch (err) {}
-        }
-        renderIcon(root, state);
-      }
-    }
-    /**
-     * Get status
-     */
-    get status() {
-      const state = this._state;
-      return state.rendered ? "rendered" : state.icon.data === null ? "failed" : "loading";
-    }
-    /**
-     * Queue attributes re-check
-     */
-    _queueCheck() {
-      if (!this._checkQueued) {
-        this._checkQueued = true;
-        setTimeout(() => {
-          this._check();
-        });
-      }
-    }
-    /**
-     * Check for changes
-     */
-    _check() {
-      if (!this._checkQueued) {
-        return;
-      }
-      this._checkQueued = false;
-      const state = this._state;
-      const newIcon = this.getAttribute("icon");
-      if (newIcon !== state.icon.value) {
-        this._iconChanged(newIcon);
-        return;
-      }
-      if (!state.rendered || !this._visible) {
-        return;
-      }
-      const mode = this.getAttribute("mode");
-      const customisations = getCustomisations(this);
-      if (state.attrMode !== mode || haveCustomisationsChanged(state.customisations, customisations) || !findIconElement(this._shadowRoot)) {
-        this._renderIcon(state.icon, customisations, mode);
-      }
-    }
-    /**
-     * Icon value has changed
-     */
-    _iconChanged(newValue) {
-      const icon = parseIconValue(newValue, (value, name2, data) => {
-        const state = this._state;
-        if (state.rendered || this.getAttribute("icon") !== value) {
-          return;
-        }
-        const icon2 = {
-          value,
-          name: name2,
-          data
-        };
-        if (icon2.data) {
-          this._gotIconData(icon2);
-        } else {
-          state.icon = icon2;
-        }
-      });
-      if (icon.data) {
-        this._gotIconData(icon);
-      } else {
-        this._state = setPendingState(icon, this._state.inline, this._state);
-      }
-    }
-    /**
-     * Force render icon on state change
-     */
-    _forceRender() {
-      if (!this._visible) {
-        const node = findIconElement(this._shadowRoot);
-        if (node) {
-          this._shadowRoot.removeChild(node);
-        }
-        return;
-      }
-      this._queueCheck();
-    }
-    /**
-     * Got new icon data, icon is ready to (re)render
-     */
-    _gotIconData(icon) {
-      this._checkQueued = false;
-      this._renderIcon(icon, getCustomisations(this), this.getAttribute("mode"));
-    }
-    /**
-     * Re-render based on icon data
-     */
-    _renderIcon(icon, customisations, attrMode) {
-      const renderedMode = getRenderMode(icon.data.body, attrMode);
-      const inline = this._state.inline;
-      renderIcon(this._shadowRoot, this._state = {
-        rendered: true,
-        icon,
-        inline,
-        customisations,
-        attrMode,
-        renderedMode
-      });
-    }
-    /**
-     * Start observer
-     */
-    startObserver() {
-      if (!this._observer && !this.hasAttribute("noobserver")) {
-        try {
-          this._observer = new IntersectionObserver(entries => {
-            const intersecting = entries.some(entry => entry.isIntersecting);
-            if (intersecting !== this._visible) {
-              this._visible = intersecting;
-              this._forceRender();
-            }
-          });
-          this._observer.observe(this);
-        } catch (err) {
-          if (this._observer) {
-            try {
-              this._observer.disconnect();
-            } catch (err2) {}
-            this._observer = null;
-          }
-        }
-      }
-    }
-    /**
-     * Stop observer
-     */
-    stopObserver() {
-      if (this._observer) {
-        this._observer.disconnect();
-        this._observer = null;
-        this._visible = true;
-        if (this._connected) {
-          this._forceRender();
-        }
-      }
-    }
-  };
-  attributes.forEach(attr => {
-    if (!(attr in IconifyIcon2.prototype)) {
-      Object.defineProperty(IconifyIcon2.prototype, attr, {
-        get: function () {
-          return this.getAttribute(attr);
-        },
-        set: function (value) {
-          if (value !== null) {
-            this.setAttribute(attr, value);
-          } else {
-            this.removeAttribute(attr);
-          }
-        }
-      });
-    }
-  });
-  const functions = exportFunctions();
-  for (const key in functions) {
-    IconifyIcon2[key] = IconifyIcon2.prototype[key] = functions[key];
-  }
-  customElements.define(name, IconifyIcon2);
-  return IconifyIcon2;
-}
-var IconifyIconComponent = defineIconifyIcon() || exportFunctions();
-var {
-  enableCache,
-  disableCache,
-  iconLoaded,
-  iconExists,
-  // deprecated, kept to avoid breaking changes
-  getIcon,
-  listIcons,
-  addIcon,
-  addCollection,
-  calculateSize,
-  buildIcon,
-  iconToHTML,
-  svgToURL,
-  loadIcons,
-  loadIcon,
-  addAPIProvider,
-  _api
-} = IconifyIconComponent;
-
-// ../../node_modules/.pnpm/@iconify-icon+react@2.1.0_react@18.3.1/node_modules/@iconify-icon/react/dist/iconify.mjs
-var Icon = import_react.default.forwardRef((props, ref) => {
-  const newProps = {
-    ...props,
-    ref
-  };
-  if (typeof props.icon === "object") {
-    newProps.icon = JSON.stringify(props.icon);
-  }
-  if (!props.inline) {
-    delete newProps.inline;
-  }
-  if (props.className) {
-    newProps["class"] = props.className;
-  }
-  return import_react.default.createElement("iconify-icon", newProps);
-});
-
-// ../react-icons/src/Icon.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var Icon2 = React4.forwardRef((props, ref) => {
-  return /* @__PURE__ */(0, import_jsx_runtime21.jsx)(Icon, {
-    ref,
-    "data-testid": "iconify-icon",
-    ...props
-  });
-});
-Icon2.displayName = "Icon";
-
-// src/MultistepForm/MultistepHeader.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var MultistepHeaderTitled = ({
-  title,
-  leftIcon,
-  onLeftIconClick,
-  rightIcon,
-  onRightIconClick
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime22.jsxs)(import_ui18.Flex, {
-    sx: {
-      display: "flex",
-      justifyContent: "space-between",
-      paddingX: "xl",
-      paddingY: "lg",
-      alignItems: "center"
-    },
-    children: [/* @__PURE__ */(0, import_jsx_runtime22.jsx)(Icon2, {
-      icon: leftIcon,
-      onClick: onLeftIconClick
-    }), /* @__PURE__ */(0, import_jsx_runtime22.jsx)(import_ui18.Text, {
-      sx: {
-        fontWeight: "bold",
-        fontSize: "lg"
-      },
-      children: title
-    }), /* @__PURE__ */(0, import_jsx_runtime22.jsx)(Icon2, {
-      icon: rightIcon,
-      onClick: onRightIconClick
-    })]
-  });
-};
-var MultistepHeaderLogo = ({
-  onClose,
-  src
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime22.jsxs)(import_ui18.Flex, {
-    sx: {
-      justifyContent: "space-between",
-      alignItems: "center",
-      paddingX: "xl",
-      paddingY: "lg"
-    },
-    children: [/* @__PURE__ */(0, import_jsx_runtime22.jsx)(import_ui18.Image, {
-      width: 115,
-      height: 32,
-      sx: {
-        objectFit: "cover",
-        width: 115,
-        height: 32
-      },
-      src
-    }), onClose && /* @__PURE__ */(0, import_jsx_runtime22.jsx)(import_ui18.CloseButton, {
-      onClick: onClose
-    })]
-  });
-};
-var MultistepHeader = props => {
-  if (props.variant === "logo") {
-    return /* @__PURE__ */(0, import_jsx_runtime22.jsx)(MultistepHeaderLogo, {
-      ...props
-    });
-  }
-  if (props.variant === "titled") {
-    return /* @__PURE__ */(0, import_jsx_runtime22.jsx)(MultistepHeaderTitled, {
-      ...props
-    });
-  }
-  return null;
-};
-
-// src/MultistepForm/MultistepNavigation.tsx
-var import_ui19 = require("@ttoss/ui");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var MultistepNavigation = ({
-  amountOfSteps,
-  currentStepNumber,
-  onBack,
-  stepsLabel
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime23.jsxs)(import_ui19.Flex, {
-    sx: {
-      justifyContent: "space-between",
-      marginX: "2xl"
-    },
-    children: [/* @__PURE__ */(0, import_jsx_runtime23.jsxs)(import_ui19.Flex, {
-      onClick: onBack,
-      sx: {
-        alignItems: "center",
-        cursor: "pointer"
-      },
-      children: [/* @__PURE__ */(0, import_jsx_runtime23.jsx)(import_ui19.Text, {
-        sx: {
-          color: "#ACADB7",
-          display: "flex"
-        },
-        children: /* @__PURE__ */(0, import_jsx_runtime23.jsx)(Icon2, {
-          icon: "nav-left"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime23.jsx)(import_ui19.Text, {
-        sx: {
-          color: "#ACADB7"
-        },
-        children: stepsLabel[currentStepNumber - 2]
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime23.jsxs)(import_ui19.Text, {
-      sx: {
-        alignItems: "center",
-        color: "#ACADB7"
-      },
-      children: [currentStepNumber, "/", amountOfSteps]
-    })]
-  });
-};
-
-// src/MultistepForm/MultistepForm.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var MultistepForm = ({
-  nextStepButtonLabel = "Next",
-  submitButtonLabel = "Send",
-  ...props
-}) => {
-  const amountOfSteps = props.steps.length;
-  const [currentStep, setCurrentStep] = React5.useState(1);
-  const [form, setForm] = React5.useState({});
-  const nextStep = () => {
-    if (currentStep < amountOfSteps) {
-      setCurrentStep(step => {
-        return step + 1;
-      });
-    }
-  };
-  const backStep = () => {
-    if (currentStep > 1) {
-      setCurrentStep(step => {
-        return step - 1;
-      });
-    }
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime24.jsxs)(import_ui20.Flex, {
-    sx: {
-      flexDirection: "column",
-      maxWidth: "390px",
-      background: "#fff"
-    },
-    children: [/* @__PURE__ */(0, import_jsx_runtime24.jsx)(MultistepHeader, {
-      ...props.header
-    }), props.steps.map((step, stepIndex) => {
-      const isLastStep = stepIndex + 1 === amountOfSteps;
-      const isCurrentStep = stepIndex + 1 === currentStep;
-      return /* @__PURE__ */(0, import_jsx_runtime24.jsx)(import_ui20.Flex, {
-        sx: {
-          flexDirection: "column",
-          display: isCurrentStep ? "flex" : "none"
-        },
-        "aria-hidden": !isCurrentStep,
-        children: /* @__PURE__ */(0, import_jsx_runtime24.jsx)(MultistepFormStepper, {
-          ...step,
-          stepNumber: stepIndex + 1,
-          isLastStep,
-          onSubmit: data => {
-            const newValue = {
-              ...form,
-              ...data
-            };
-            setForm(newValue);
-            if (isLastStep) {
-              props.onSubmit(newValue);
-            } else {
-              nextStep();
-            }
-          },
-          submitLabel: isLastStep ? submitButtonLabel : nextStepButtonLabel
-        })
-      }, `form-step-${step.question}`);
-    }), currentStep > 1 && /* @__PURE__ */(0, import_jsx_runtime24.jsx)(MultistepNavigation, {
-      amountOfSteps,
-      currentStepNumber: currentStep,
-      onBack: backStep,
-      stepsLabel: props.steps.map(s => {
-        return s.label;
-      })
-    }), props.footer && /* @__PURE__ */(0, import_jsx_runtime24.jsx)(MultistepFooter, {
-      footer: props.footer
-    })]
-  });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MultistepForm
-});
-/*! Bundled license information:
-
-iconify-icon/dist/iconify-icon.mjs:
-  (**
-  * (c) Iconify
-  *
-  * For the full copyright and license information, please view the license.txt
-  * files at https://github.com/iconify/iconify
-  *
-  * Licensed under MIT.
-  *
-  * @license MIT
-  * @version 2.1.0
-  *)
-*/