@commercetools/nimbus 2.1.0 → 2.2.0

package/dist/chunks/field-errors-D1BQvoYg.es.js

@@ -0,0 +1,219 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createSlotRecipeContext as f } from "@chakra-ui/react";
+import { n, u as T } from "./normalize-messages-D5T4I93D.es.js";
+const { withProvider: I, withContext: M } = /* @__PURE__ */ f({
+  key: "fieldErrors"
+}), V = /* @__PURE__ */ I("div", "root"), o = /* @__PURE__ */ M("div", "message"), r = {
+  MISSING: "missing",
+  INVALID: "invalid",
+  EMPTY: "empty",
+  MIN_LENGTH: "min",
+  MAX_LENGTH: "max",
+  FORMAT: "format",
+  DUPLICATE: "duplicate",
+  NEGATIVE: "negative",
+  FRACTIONS: "fractions",
+  BELOW_MIN: "belowMin",
+  ABOVE_MAX: "aboveMax",
+  OUT_OF_RANGE: "outOfRange",
+  INVALID_FROM_SERVER: "invalidFromServer",
+  NOT_FOUND: "notFound",
+  BLOCKED: "blocked"
+}, A = {
+  duplicateValue: "This value is already in use. It must be unique.",
+  emptyValue: "This field cannot be empty.",
+  invalidFormat: "Please enter a valid format.",
+  invalidFractionalNumber: "A whole number is required.",
+  invalidFromServer: "Server validation failed. Please check your input.",
+  invalidNegativeNumber: "Negative number is not supported.",
+  invalidValue: "The provided value is invalid.",
+  missingRequiredField: "This field is required. Provide a value.",
+  resourceNotFound: "The requested resource was not found.",
+  valueAboveMaximum: "Value must be less than or equal to the maximum.",
+  valueBelowMinimum: "Value must be greater than or equal to the minimum.",
+  valueBlocked: "This value is not allowed.",
+  valueOutOfRange: "Value must be within the acceptable range.",
+  valueTooLong: "This value is too long.",
+  valueTooShort: "This value is too short."
+}, R = {
+  duplicateValue: "Dieser Wert wird bereits verwendet. Er muss eindeutig sein.",
+  emptyValue: "Dieses Feld darf nicht leer sein.",
+  invalidFormat: "Bitte geben Sie ein gültiges Format ein.",
+  invalidFractionalNumber: "Eine ganze Zahl ist erforderlich.",
+  invalidFromServer: "Die Servervalidierung ist fehlgeschlagen. Bitte überprüfen Sie Ihre Eingabe.",
+  invalidNegativeNumber: "Negative Zahlen werden nicht unterstützt.",
+  invalidValue: "Der angegebene Wert ist ungültig.",
+  missingRequiredField: "Dies ist ein Pflichtfeld. Bitte geben Sie einen Wert ein.",
+  resourceNotFound: "Die angeforderte Ressource wurde nicht gefunden.",
+  valueAboveMaximum: "Der Wert muss kleiner oder gleich dem Höchstwert sein.",
+  valueBelowMinimum: "Der Wert muss größer oder gleich dem Mindestwert sein.",
+  valueBlocked: "Dieser Wert ist nicht erlaubt.",
+  valueOutOfRange: "Der Wert muss im akzeptablen Bereich liegen.",
+  valueTooLong: "Der Wert ist zu lang.",
+  valueTooShort: "Der Wert ist zu kurz."
+}, S = {
+  duplicateValue: "Este valor ya está en uso. Debe ser único.",
+  emptyValue: "Este campo no puede estar vacío.",
+  invalidFormat: "Introduce un valor válido.",
+  invalidFractionalNumber: "Se requiere un número entero.",
+  invalidFromServer: "Ha fallado la validación del servidor. Comprueba tus entradas.",
+  invalidNegativeNumber: "Los números negativos no están permitidos.",
+  invalidValue: "El valor proporcionado no es válido.",
+  missingRequiredField: "Este campo es obligatorio. Proporciona un valor.",
+  resourceNotFound: "No se ha encontrado el recurso solicitado.",
+  valueAboveMaximum: "El valor debe ser igual o inferior al máximo.",
+  valueBelowMinimum: "El valor debe ser igual o superior al mínimo.",
+  valueBlocked: "Este valor no está permitido.",
+  valueOutOfRange: "El valor debe estar en un rango aceptable.",
+  valueTooLong: "Este valor es demasiado largo.",
+  valueTooShort: "Este valor es demasiado corto."
+}, L = {
+  duplicateValue: "Cette clé est déjà utilisée. Elle doit être unique.",
+  emptyValue: "Ce champ ne peut pas être vide.",
+  invalidFormat: "Veuillez entrer un format valide.",
+  invalidFractionalNumber: "Un nombre entier est requis.",
+  invalidFromServer: "Échec de la validation du serveur. Veuillez vérifier votre saisie.",
+  invalidNegativeNumber: "Nombre négatif non pris en charge.",
+  invalidValue: "La valeur fournie n'est pas valide",
+  missingRequiredField: "Ce champ est requis. Veuillez indiquer une valeur.",
+  resourceNotFound: "Impossible de trouver la ressource demandée.",
+  valueAboveMaximum: "La valeur doit être égale ou inférieure au maximum.",
+  valueBelowMinimum: "La valeur doit être supérieure ou égale au minimum.",
+  valueBlocked: "Cette valeur n'est pas autorisée.",
+  valueOutOfRange: "La valeur doit être dans la plage acceptable.",
+  valueTooLong: "Cette valeur est trop longue.",
+  valueTooShort: "Cette valeur est trop courte."
+}, _ = {
+  duplicateValue: "O valor já está em uso. Use um valor único.",
+  emptyValue: "O campo não pode estar vazio.",
+  invalidFormat: "Insira um formato válido.",
+  invalidFractionalNumber: "É necessário um número inteiro.",
+  invalidFromServer: "A validação do servidor falhou. Verifique os dados inseridos.",
+  invalidNegativeNumber: "Números negativos não podem ser usados.",
+  invalidValue: "O valor fornecido é inválido.",
+  missingRequiredField: "Este campo é obrigatório. Informe um valor.",
+  resourceNotFound: "O recurso solicitado não foi encontrado.",
+  valueAboveMaximum: "O valor deve ser menor ou igual ao máximo.",
+  valueBelowMinimum: "O valor deve ser maior ou igual ao mínimo.",
+  valueBlocked: "O valor não é permitido.",
+  valueOutOfRange: "O valor deve estar dentro do intervalo aceitável.",
+  valueTooLong: "O valor é muito longo.",
+  valueTooShort: "O valor é muito curto."
+}, B = {
+  en: /* @__PURE__ */ n(A),
+  de: /* @__PURE__ */ n(R),
+  es: /* @__PURE__ */ n(S),
+  "fr-FR": /* @__PURE__ */ n(L),
+  "pt-BR": /* @__PURE__ */ n(_)
+}, D = (a) => typeof a == "object", g = (a, e) => {
+  if (!e) return null;
+  switch (a) {
+    case r.MISSING:
+      return e.missing || null;
+    case r.INVALID:
+      return e.invalid || null;
+    case r.EMPTY:
+      return e.empty || null;
+    case r.MIN_LENGTH:
+      return e.min || null;
+    case r.MAX_LENGTH:
+      return e.max || null;
+    case r.FORMAT:
+      return e.format || null;
+    case r.DUPLICATE:
+      return e.duplicate || null;
+    case r.NEGATIVE:
+      return e.negative || null;
+    case r.FRACTIONS:
+      return e.fractions || null;
+    case r.BELOW_MIN:
+      return e.belowMin || null;
+    case r.ABOVE_MAX:
+      return e.aboveMax || null;
+    case r.OUT_OF_RANGE:
+      return e.outOfRange || null;
+    case r.INVALID_FROM_SERVER:
+      return e.invalidFromServer || null;
+    case r.NOT_FOUND:
+      return e.notFound || null;
+    case r.BLOCKED:
+      return e.blocked || null;
+    default:
+      return null;
+  }
+}, E = (a, e) => {
+  switch (a) {
+    // Basic validation
+    case r.MISSING:
+      return e("missingRequiredField");
+    case r.INVALID:
+      return e("invalidValue");
+    case r.EMPTY:
+      return e("emptyValue");
+    // Length validation
+    case r.MIN_LENGTH:
+      return e("valueTooShort");
+    case r.MAX_LENGTH:
+      return e("valueTooLong");
+    // Format validation
+    case r.FORMAT:
+      return e("invalidFormat");
+    case r.DUPLICATE:
+      return e("duplicateValue");
+    // Numeric validation
+    case r.NEGATIVE:
+      return e("invalidNegativeNumber");
+    case r.FRACTIONS:
+      return e("invalidFractionalNumber");
+    case r.BELOW_MIN:
+      return e("valueBelowMinimum");
+    case r.ABOVE_MAX:
+      return e("valueAboveMaximum");
+    case r.OUT_OF_RANGE:
+      return e("valueOutOfRange");
+    // Server/async validation
+    case r.INVALID_FROM_SERVER:
+      return e("invalidFromServer");
+    case r.NOT_FOUND:
+      return e("resourceNotFound");
+    case r.BLOCKED:
+      return e("valueBlocked");
+    default:
+      return null;
+  }
+}, t = ({
+  id: a,
+  errors: e,
+  isVisible: N = !0,
+  // Default to true for backwards compatibility, but will be auto-handled in future
+  renderError: p,
+  renderDefaultError: F,
+  customMessages: b,
+  ...O
+}) => {
+  const h = T(B);
+  if (!N || !e || !D(e)) return null;
+  const u = Object.entries(e).filter(([, i]) => i);
+  return u.length === 0 ? null : /* @__PURE__ */ l(V, { id: a, role: "alert", ...O, children: u.map(([i, s]) => {
+    const d = p?.(i, s);
+    if (d)
+      return /* @__PURE__ */ l(o, { children: d }, i);
+    const v = F?.(i, s);
+    if (v)
+      return /* @__PURE__ */ l(o, { children: v }, i);
+    const c = g(i, b);
+    if (c)
+      return /* @__PURE__ */ l(o, { children: c }, i);
+    const m = E(i, h.format);
+    return m ? /* @__PURE__ */ l(o, { children: m }, i) : null;
+  }) });
+};
+t.displayName = "FieldErrors";
+t.errorTypes = r;
+t.getBuiltInMessage = E;
+t.getCustomMessage = g;
+export {
+  t as F,
+  r as a
+};
+//# sourceMappingURL=field-errors-D1BQvoYg.es.js.map

package/dist/chunks/field-errors-D1BQvoYg.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-errors-D1BQvoYg.es.js","sources":["../../src/components/field-errors/field-errors.slots.tsx","../../src/components/field-errors/field-errors.types.ts","../../src/components/field-errors/intl/en.ts","../../src/components/field-errors/intl/de.ts","../../src/components/field-errors/intl/es.ts","../../src/components/field-errors/intl/fr-FR.ts","../../src/components/field-errors/intl/pt-BR.ts","../../src/components/field-errors/field-errors.messages.ts","../../src/components/field-errors/field-errors.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  FieldErrorsMessageSlotProps,\n  FieldErrorsRootSlotProps,\n} from \"./field-errors.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"fieldErrors\",\n});\n\nexport const FieldErrorsRoot: SlotComponent<\n  HTMLDivElement,\n  FieldErrorsRootSlotProps\n> = withProvider<HTMLDivElement, FieldErrorsRootSlotProps>(\"div\", \"root\");\n\nexport const FieldErrorsMessage: SlotComponent<\n  HTMLDivElement,\n  FieldErrorsMessageSlotProps\n> = withContext<HTMLDivElement, FieldErrorsMessageSlotProps>(\"div\", \"message\");\n","import type { ReactNode } from \"react\";\nimport type {\n  HTMLChakraProps,\n  SlotRecipeProps,\n  UnstyledProp,\n} from \"@chakra-ui/react\";\nimport type { OmitInternalProps } from \"../../type-utils/omit-props\";\n\n// ============================================================\n// RECIPE PROPS\n// ============================================================\n\ntype FieldErrorsRecipeProps = SlotRecipeProps<\"fieldErrors\"> & UnstyledProp;\n\n// ============================================================\n// SLOT PROPS\n// ============================================================\n\nexport type FieldErrorsRootSlotProps = OmitInternalProps<\n  HTMLChakraProps<\"div\", FieldErrorsRecipeProps>\n>;\n\nexport type FieldErrorsMessageSlotProps = HTMLChakraProps<\"div\">;\n\n// ============================================================\n// HELPER TYPES\n// ============================================================\n\nexport type FieldErrorsData = Record<string, boolean>;\n\nexport type TErrorRenderer = (key: string, error?: boolean) => ReactNode;\n\nexport const FieldErrorTypes = {\n  MISSING: \"missing\",\n  INVALID: \"invalid\",\n  EMPTY: \"empty\",\n  MIN_LENGTH: \"min\",\n  MAX_LENGTH: \"max\",\n  FORMAT: \"format\",\n  DUPLICATE: \"duplicate\",\n  NEGATIVE: \"negative\",\n  FRACTIONS: \"fractions\",\n  BELOW_MIN: \"belowMin\",\n  ABOVE_MAX: \"aboveMax\",\n  OUT_OF_RANGE: \"outOfRange\",\n  INVALID_FROM_SERVER: \"invalidFromServer\",\n  NOT_FOUND: \"notFound\",\n  BLOCKED: \"blocked\",\n} as const;\n\nexport type TFieldErrorTypes =\n  (typeof FieldErrorTypes)[keyof typeof FieldErrorTypes];\n\n// ============================================================\n// MAIN PROPS\n// ============================================================\n\nexport type FieldErrorsProps = FieldErrorsRootSlotProps & {\n  /**\n   * Object mapping error types to boolean values indicating presence\n   */\n  errors?: FieldErrorsData;\n  /**\n   * Whether the error messages are visible\n   * @default true\n   */\n  isVisible?: boolean;\n  /**\n   * Custom render function for error messages\n   */\n  renderError?: TErrorRenderer;\n  /**\n   * Default render function for error messages when no custom renderer is provided\n   */\n  renderDefaultError?: TErrorRenderer;\n  /**\n   * Custom message overrides for specific error types\n   */\n  customMessages?: {\n    /** Message for missing field error */\n    missing?: ReactNode;\n    /** Message for invalid field error */\n    invalid?: ReactNode;\n    /** Message for empty field error */\n    empty?: ReactNode;\n    /** Message for minimum length error */\n    min?: ReactNode;\n    /** Message for maximum length error */\n    max?: ReactNode;\n    /** Message for format error */\n    format?: ReactNode;\n    /** Message for duplicate value error */\n    duplicate?: ReactNode;\n    /** Message for negative value error */\n    negative?: ReactNode;\n    /** Message for fractional value error */\n    fractions?: ReactNode;\n    /** Message for below minimum value error */\n    belowMin?: ReactNode;\n    /** Message for above maximum value error */\n    aboveMax?: ReactNode;\n    /** Message for out of range error */\n    outOfRange?: ReactNode;\n    /** Message for invalid from server error */\n    invalidFromServer?: ReactNode;\n    /** Message for not found error */\n    notFound?: ReactNode;\n    /** Message for blocked error */\n    blocked?: ReactNode;\n  };\n};\n","/**\n * Pre-compiled en messages for FieldErrors\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  duplicateValue: `This value is already in use. It must be unique.`,\n  emptyValue: `This field cannot be empty.`,\n  invalidFormat: `Please enter a valid format.`,\n  invalidFractionalNumber: `A whole number is required.`,\n  invalidFromServer: `Server validation failed. Please check your input.`,\n  invalidNegativeNumber: `Negative number is not supported.`,\n  invalidValue: `The provided value is invalid.`,\n  missingRequiredField: `This field is required. Provide a value.`,\n  resourceNotFound: `The requested resource was not found.`,\n  valueAboveMaximum: `Value must be less than or equal to the maximum.`,\n  valueBelowMinimum: `Value must be greater than or equal to the minimum.`,\n  valueBlocked: `This value is not allowed.`,\n  valueOutOfRange: `Value must be within the acceptable range.`,\n  valueTooLong: `This value is too long.`,\n  valueTooShort: `This value is too short.`,\n};\n","/**\n * Pre-compiled de messages for FieldErrors\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  duplicateValue: `Dieser Wert wird bereits verwendet. Er muss eindeutig sein.`,\n  emptyValue: `Dieses Feld darf nicht leer sein.`,\n  invalidFormat: `Bitte geben Sie ein gültiges Format ein.`,\n  invalidFractionalNumber: `Eine ganze Zahl ist erforderlich.`,\n  invalidFromServer: `Die Servervalidierung ist fehlgeschlagen. Bitte überprüfen Sie Ihre Eingabe.`,\n  invalidNegativeNumber: `Negative Zahlen werden nicht unterstützt.`,\n  invalidValue: `Der angegebene Wert ist ungültig.`,\n  missingRequiredField: `Dies ist ein Pflichtfeld. Bitte geben Sie einen Wert ein.`,\n  resourceNotFound: `Die angeforderte Ressource wurde nicht gefunden.`,\n  valueAboveMaximum: `Der Wert muss kleiner oder gleich dem Höchstwert sein.`,\n  valueBelowMinimum: `Der Wert muss größer oder gleich dem Mindestwert sein.`,\n  valueBlocked: `Dieser Wert ist nicht erlaubt.`,\n  valueOutOfRange: `Der Wert muss im akzeptablen Bereich liegen.`,\n  valueTooLong: `Der Wert ist zu lang.`,\n  valueTooShort: `Der Wert ist zu kurz.`,\n};\n","/**\n * Pre-compiled es messages for FieldErrors\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  duplicateValue: `Este valor ya está en uso. Debe ser único.`,\n  emptyValue: `Este campo no puede estar vacío.`,\n  invalidFormat: `Introduce un valor válido.`,\n  invalidFractionalNumber: `Se requiere un número entero.`,\n  invalidFromServer: `Ha fallado la validación del servidor. Comprueba tus entradas.`,\n  invalidNegativeNumber: `Los números negativos no están permitidos.`,\n  invalidValue: `El valor proporcionado no es válido.`,\n  missingRequiredField: `Este campo es obligatorio. Proporciona un valor.`,\n  resourceNotFound: `No se ha encontrado el recurso solicitado.`,\n  valueAboveMaximum: `El valor debe ser igual o inferior al máximo.`,\n  valueBelowMinimum: `El valor debe ser igual o superior al mínimo.`,\n  valueBlocked: `Este valor no está permitido.`,\n  valueOutOfRange: `El valor debe estar en un rango aceptable.`,\n  valueTooLong: `Este valor es demasiado largo.`,\n  valueTooShort: `Este valor es demasiado corto.`,\n};\n","/**\n * Pre-compiled fr-FR messages for FieldErrors\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  duplicateValue: `Cette clé est déjà utilisée. Elle doit être unique.`,\n  emptyValue: `Ce champ ne peut pas être vide.`,\n  invalidFormat: `Veuillez entrer un format valide.`,\n  invalidFractionalNumber: `Un nombre entier est requis.`,\n  invalidFromServer: `Échec de la validation du serveur. Veuillez vérifier votre saisie.`,\n  invalidNegativeNumber: `Nombre négatif non pris en charge.`,\n  invalidValue: `La valeur fournie n'est pas valide`,\n  missingRequiredField: `Ce champ est requis. Veuillez indiquer une valeur.`,\n  resourceNotFound: `Impossible de trouver la ressource demandée.`,\n  valueAboveMaximum: `La valeur doit être égale ou inférieure au maximum.`,\n  valueBelowMinimum: `La valeur doit être supérieure ou égale au minimum.`,\n  valueBlocked: `Cette valeur n'est pas autorisée.`,\n  valueOutOfRange: `La valeur doit être dans la plage acceptable.`,\n  valueTooLong: `Cette valeur est trop longue.`,\n  valueTooShort: `Cette valeur est trop courte.`,\n};\n","/**\n * Pre-compiled pt-BR messages for FieldErrors\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  duplicateValue: `O valor já está em uso. Use um valor único.`,\n  emptyValue: `O campo não pode estar vazio.`,\n  invalidFormat: `Insira um formato válido.`,\n  invalidFractionalNumber: `É necessário um número inteiro.`,\n  invalidFromServer: `A validação do servidor falhou. Verifique os dados inseridos.`,\n  invalidNegativeNumber: `Números negativos não podem ser usados.`,\n  invalidValue: `O valor fornecido é inválido.`,\n  missingRequiredField: `Este campo é obrigatório. Informe um valor.`,\n  resourceNotFound: `O recurso solicitado não foi encontrado.`,\n  valueAboveMaximum: `O valor deve ser menor ou igual ao máximo.`,\n  valueBelowMinimum: `O valor deve ser maior ou igual ao mínimo.`,\n  valueBlocked: `O valor não é permitido.`,\n  valueOutOfRange: `O valor deve estar dentro do intervalo aceitável.`,\n  valueTooLong: `O valor é muito longo.`,\n  valueTooShort: `O valor é muito curto.`,\n};\n","/**\n * Pre-compiled localized messages for FieldErrors component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport fieldErrorsMessages_en from \"./intl/en\";\nimport fieldErrorsMessages_de from \"./intl/de\";\nimport fieldErrorsMessages_es from \"./intl/es\";\nimport fieldErrorsMessages_fr from \"./intl/fr-FR\";\nimport fieldErrorsMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const fieldErrorsMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(fieldErrorsMessages_en),\n  de: normalizeMessages(fieldErrorsMessages_de),\n  es: normalizeMessages(fieldErrorsMessages_es),\n  \"fr-FR\": normalizeMessages(fieldErrorsMessages_fr),\n  \"pt-BR\": normalizeMessages(fieldErrorsMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for FieldErrors component\n */\nexport type FieldErrorsMessageKey =\n  | \"duplicateValue\"\n  | \"emptyValue\"\n  | \"invalidFormat\"\n  | \"invalidFractionalNumber\"\n  | \"invalidFromServer\"\n  | \"invalidNegativeNumber\"\n  | \"invalidValue\"\n  | \"missingRequiredField\"\n  | \"resourceNotFound\"\n  | \"valueAboveMaximum\"\n  | \"valueBelowMinimum\"\n  | \"valueBlocked\"\n  | \"valueOutOfRange\"\n  | \"valueTooLong\"\n  | \"valueTooShort\";\n","import { FieldErrorsRoot, FieldErrorsMessage } from \"./field-errors.slots\";\nimport type { FieldErrorsProps } from \"./field-errors.types\";\nimport { FieldErrorTypes } from \"./field-errors.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { fieldErrorsMessagesStrings } from \"./field-errors.messages\";\n\nconst isObject = (obj: unknown): boolean => typeof obj === \"object\";\n\n/**\n * Get custom message for a given error key\n */\nconst getCustomMessage = (\n  key: string,\n  customMessages?: FieldErrorsProps[\"customMessages\"]\n): React.ReactNode => {\n  if (!customMessages) return null;\n\n  // Map error keys to custom messages\n  switch (key) {\n    case FieldErrorTypes.MISSING:\n      return customMessages.missing || null;\n    case FieldErrorTypes.INVALID:\n      return customMessages.invalid || null;\n    case FieldErrorTypes.EMPTY:\n      return customMessages.empty || null;\n    case FieldErrorTypes.MIN_LENGTH:\n      return customMessages.min || null;\n    case FieldErrorTypes.MAX_LENGTH:\n      return customMessages.max || null;\n    case FieldErrorTypes.FORMAT:\n      return customMessages.format || null;\n    case FieldErrorTypes.DUPLICATE:\n      return customMessages.duplicate || null;\n    case FieldErrorTypes.NEGATIVE:\n      return customMessages.negative || null;\n    case FieldErrorTypes.FRACTIONS:\n      return customMessages.fractions || null;\n    case FieldErrorTypes.BELOW_MIN:\n      return customMessages.belowMin || null;\n    case FieldErrorTypes.ABOVE_MAX:\n      return customMessages.aboveMax || null;\n    case FieldErrorTypes.OUT_OF_RANGE:\n      return customMessages.outOfRange || null;\n    case FieldErrorTypes.INVALID_FROM_SERVER:\n      return customMessages.invalidFromServer || null;\n    case FieldErrorTypes.NOT_FOUND:\n      return customMessages.notFound || null;\n    case FieldErrorTypes.BLOCKED:\n      return customMessages.blocked || null;\n    default:\n      return null;\n  }\n};\n\n/**\n * Get built-in localized message for a given error key\n * @param key - The error key\n * @param format - The format function from useLocalizedStringFormatter\n */\nconst getBuiltInMessage = (\n  key: string,\n  format: (key: string) => string\n): string | null => {\n  switch (key) {\n    // Basic validation\n    case FieldErrorTypes.MISSING:\n      return format(\"missingRequiredField\");\n    case FieldErrorTypes.INVALID:\n      return format(\"invalidValue\");\n    case FieldErrorTypes.EMPTY:\n      return format(\"emptyValue\");\n\n    // Length validation\n    case FieldErrorTypes.MIN_LENGTH:\n      return format(\"valueTooShort\");\n    case FieldErrorTypes.MAX_LENGTH:\n      return format(\"valueTooLong\");\n\n    // Format validation\n    case FieldErrorTypes.FORMAT:\n      return format(\"invalidFormat\");\n    case FieldErrorTypes.DUPLICATE:\n      return format(\"duplicateValue\");\n\n    // Numeric validation\n    case FieldErrorTypes.NEGATIVE:\n      return format(\"invalidNegativeNumber\");\n    case FieldErrorTypes.FRACTIONS:\n      return format(\"invalidFractionalNumber\");\n    case FieldErrorTypes.BELOW_MIN:\n      return format(\"valueBelowMinimum\");\n    case FieldErrorTypes.ABOVE_MAX:\n      return format(\"valueAboveMaximum\");\n    case FieldErrorTypes.OUT_OF_RANGE:\n      return format(\"valueOutOfRange\");\n\n    // Server/async validation\n    case FieldErrorTypes.INVALID_FROM_SERVER:\n      return format(\"invalidFromServer\");\n    case FieldErrorTypes.NOT_FOUND:\n      return format(\"resourceNotFound\");\n    case FieldErrorTypes.BLOCKED:\n      return format(\"valueBlocked\");\n\n    default:\n      return null;\n  }\n};\n\n/**\n * # FieldErrors\n *\n * Renders error messages based on error object configuration.\n * Provides backwards compatibility with UI-Kit FieldErrors while integrating\n * with Nimbus design system patterns.\n *\n * Supports custom error renderers and localized built-in error messages\n * for common validation scenarios like missing required fields.\n *\n * @see {@link https://nimbus.commercetools.com/components/field-errors}\n *\n * @supportsStyleProps\n */\nexport const FieldErrors = ({\n  id,\n  errors,\n  isVisible = true, // Default to true for backwards compatibility, but will be auto-handled in future\n  renderError,\n  renderDefaultError,\n  customMessages,\n  ...props\n}: FieldErrorsProps) => {\n  const msg = useLocalizedStringFormatter(fieldErrorsMessagesStrings);\n\n  // Don't render if not visible or no errors\n  if (!isVisible) return null;\n  if (!errors || !isObject(errors)) return null;\n\n  // Filter to only show truthy errors\n  const activeErrors = Object.entries(errors).filter(([, error]) => error);\n\n  // Don't render if no active errors\n  if (activeErrors.length === 0) return null;\n\n  return (\n    <FieldErrorsRoot id={id} role=\"alert\" {...props}>\n      {activeErrors.map(([key, error]) => {\n        // Try custom error renderer first\n        const customErrorElement = renderError?.(key, error);\n        if (customErrorElement) {\n          return (\n            <FieldErrorsMessage key={key}>\n              {customErrorElement}\n            </FieldErrorsMessage>\n          );\n        }\n\n        // Try default error renderer second\n        const defaultErrorElement = renderDefaultError?.(key, error);\n        if (defaultErrorElement) {\n          return (\n            <FieldErrorsMessage key={key}>\n              {defaultErrorElement}\n            </FieldErrorsMessage>\n          );\n        }\n\n        // Try custom messages for built-in error types first\n        const customMessage = getCustomMessage(key, customMessages);\n        if (customMessage) {\n          return (\n            <FieldErrorsMessage key={key}>{customMessage}</FieldErrorsMessage>\n          );\n        }\n\n        // Fall back to built-in localized messages\n        const builtInMessage = getBuiltInMessage(key, msg.format);\n        if (builtInMessage) {\n          return (\n            <FieldErrorsMessage key={key}>{builtInMessage}</FieldErrorsMessage>\n          );\n        }\n\n        // If no renderer handles it, render nothing\n        return null;\n      })}\n    </FieldErrorsRoot>\n  );\n};\n\n// Static properties for backwards compatibility with UI-Kit\nFieldErrors.displayName = \"FieldErrors\";\nFieldErrors.errorTypes = FieldErrorTypes;\n// Static properties for string conversion, mostly for testing\nFieldErrors.getBuiltInMessage = getBuiltInMessage;\nFieldErrors.getCustomMessage = getCustomMessage;\n"],"names":["withProvider","withContext","createSlotRecipeContext","FieldErrorsRoot","FieldErrorsMessage","FieldErrorTypes","fieldErrorsMessages_en","fieldErrorsMessages_de","fieldErrorsMessages_es","fieldErrorsMessages_fr","fieldErrorsMessages_pt","fieldErrorsMessagesStrings","normalizeMessages","isObject","obj","getCustomMessage","key","customMessages","getBuiltInMessage","format","FieldErrors","id","errors","isVisible","renderError","renderDefaultError","props","msg","useLocalizedStringFormatter","activeErrors","error","jsx","customErrorElement","defaultErrorElement","customMessage","builtInMessage"],"mappings":"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"}

package/dist/chunks/field-errors-aqrV93vp.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),T=require("@chakra-ui/react"),l=require("./normalize-messages-CaDzkuUm.cjs.js"),{withProvider:f,withContext:M}=T.createSlotRecipeContext({key:"fieldErrors"}),I=f("div","root"),t=M("div","message"),r={MISSING:"missing",INVALID:"invalid",EMPTY:"empty",MIN_LENGTH:"min",MAX_LENGTH:"max",FORMAT:"format",DUPLICATE:"duplicate",NEGATIVE:"negative",FRACTIONS:"fractions",BELOW_MIN:"belowMin",ABOVE_MAX:"aboveMax",OUT_OF_RANGE:"outOfRange",INVALID_FROM_SERVER:"invalidFromServer",NOT_FOUND:"notFound",BLOCKED:"blocked"},V={duplicateValue:"This value is already in use. It must be unique.",emptyValue:"This field cannot be empty.",invalidFormat:"Please enter a valid format.",invalidFractionalNumber:"A whole number is required.",invalidFromServer:"Server validation failed. Please check your input.",invalidNegativeNumber:"Negative number is not supported.",invalidValue:"The provided value is invalid.",missingRequiredField:"This field is required. Provide a value.",resourceNotFound:"The requested resource was not found.",valueAboveMaximum:"Value must be less than or equal to the maximum.",valueBelowMinimum:"Value must be greater than or equal to the minimum.",valueBlocked:"This value is not allowed.",valueOutOfRange:"Value must be within the acceptable range.",valueTooLong:"This value is too long.",valueTooShort:"This value is too short."},A={duplicateValue:"Dieser Wert wird bereits verwendet. Er muss eindeutig sein.",emptyValue:"Dieses Feld darf nicht leer sein.",invalidFormat:"Bitte geben Sie ein gültiges Format ein.",invalidFractionalNumber:"Eine ganze Zahl ist erforderlich.",invalidFromServer:"Die Servervalidierung ist fehlgeschlagen. Bitte überprüfen Sie Ihre Eingabe.",invalidNegativeNumber:"Negative Zahlen werden nicht unterstützt.",invalidValue:"Der angegebene Wert ist ungültig.",missingRequiredField:"Dies ist ein Pflichtfeld. Bitte geben Sie einen Wert ein.",resourceNotFound:"Die angeforderte Ressource wurde nicht gefunden.",valueAboveMaximum:"Der Wert muss kleiner oder gleich dem Höchstwert sein.",valueBelowMinimum:"Der Wert muss größer oder gleich dem Mindestwert sein.",valueBlocked:"Dieser Wert ist nicht erlaubt.",valueOutOfRange:"Der Wert muss im akzeptablen Bereich liegen.",valueTooLong:"Der Wert ist zu lang.",valueTooShort:"Der Wert ist zu kurz."},R={duplicateValue:"Este valor ya está en uso. Debe ser único.",emptyValue:"Este campo no puede estar vacío.",invalidFormat:"Introduce un valor válido.",invalidFractionalNumber:"Se requiere un número entero.",invalidFromServer:"Ha fallado la validación del servidor. Comprueba tus entradas.",invalidNegativeNumber:"Los números negativos no están permitidos.",invalidValue:"El valor proporcionado no es válido.",missingRequiredField:"Este campo es obligatorio. Proporciona un valor.",resourceNotFound:"No se ha encontrado el recurso solicitado.",valueAboveMaximum:"El valor debe ser igual o inferior al máximo.",valueBelowMinimum:"El valor debe ser igual o superior al mínimo.",valueBlocked:"Este valor no está permitido.",valueOutOfRange:"El valor debe estar en un rango aceptable.",valueTooLong:"Este valor es demasiado largo.",valueTooShort:"Este valor es demasiado corto."},S={duplicateValue:"Cette clé est déjà utilisée. Elle doit être unique.",emptyValue:"Ce champ ne peut pas être vide.",invalidFormat:"Veuillez entrer un format valide.",invalidFractionalNumber:"Un nombre entier est requis.",invalidFromServer:"Échec de la validation du serveur. Veuillez vérifier votre saisie.",invalidNegativeNumber:"Nombre négatif non pris en charge.",invalidValue:"La valeur fournie n'est pas valide",missingRequiredField:"Ce champ est requis. Veuillez indiquer une valeur.",resourceNotFound:"Impossible de trouver la ressource demandée.",valueAboveMaximum:"La valeur doit être égale ou inférieure au maximum.",valueBelowMinimum:"La valeur doit être supérieure ou égale au minimum.",valueBlocked:"Cette valeur n'est pas autorisée.",valueOutOfRange:"La valeur doit être dans la plage acceptable.",valueTooLong:"Cette valeur est trop longue.",valueTooShort:"Cette valeur est trop courte."},L={duplicateValue:"O valor já está em uso. Use um valor único.",emptyValue:"O campo não pode estar vazio.",invalidFormat:"Insira um formato válido.",invalidFractionalNumber:"É necessário um número inteiro.",invalidFromServer:"A validação do servidor falhou. Verifique os dados inseridos.",invalidNegativeNumber:"Números negativos não podem ser usados.",invalidValue:"O valor fornecido é inválido.",missingRequiredField:"Este campo é obrigatório. Informe um valor.",resourceNotFound:"O recurso solicitado não foi encontrado.",valueAboveMaximum:"O valor deve ser menor ou igual ao máximo.",valueBelowMinimum:"O valor deve ser maior ou igual ao mínimo.",valueBlocked:"O valor não é permitido.",valueOutOfRange:"O valor deve estar dentro do intervalo aceitável.",valueTooLong:"O valor é muito longo.",valueTooShort:"O valor é muito curto."},_={en:l.normalizeMessages(V),de:l.normalizeMessages(A),es:l.normalizeMessages(R),"fr-FR":l.normalizeMessages(S),"pt-BR":l.normalizeMessages(L)},B=a=>typeof a=="object",g=(a,e)=>{if(!e)return null;switch(a){case r.MISSING:return e.missing||null;case r.INVALID:return e.invalid||null;case r.EMPTY:return e.empty||null;case r.MIN_LENGTH:return e.min||null;case r.MAX_LENGTH:return e.max||null;case r.FORMAT:return e.format||null;case r.DUPLICATE:return e.duplicate||null;case r.NEGATIVE:return e.negative||null;case r.FRACTIONS:return e.fractions||null;case r.BELOW_MIN:return e.belowMin||null;case r.ABOVE_MAX:return e.aboveMax||null;case r.OUT_OF_RANGE:return e.outOfRange||null;case r.INVALID_FROM_SERVER:return e.invalidFromServer||null;case r.NOT_FOUND:return e.notFound||null;case r.BLOCKED:return e.blocked||null;default:return null}},E=(a,e)=>{switch(a){case r.MISSING:return e("missingRequiredField");case r.INVALID:return e("invalidValue");case r.EMPTY:return e("emptyValue");case r.MIN_LENGTH:return e("valueTooShort");case r.MAX_LENGTH:return e("valueTooLong");case r.FORMAT:return e("invalidFormat");case r.DUPLICATE:return e("duplicateValue");case r.NEGATIVE:return e("invalidNegativeNumber");case r.FRACTIONS:return e("invalidFractionalNumber");case r.BELOW_MIN:return e("valueBelowMinimum");case r.ABOVE_MAX:return e("valueAboveMaximum");case r.OUT_OF_RANGE:return e("valueOutOfRange");case r.INVALID_FROM_SERVER:return e("invalidFromServer");case r.NOT_FOUND:return e("resourceNotFound");case r.BLOCKED:return e("valueBlocked");default:return null}},o=({id:a,errors:e,isVisible:N=!0,renderError:p,renderDefaultError:F,customMessages:b,...O})=>{const h=l.useLocalizedStringFormatter(_);if(!N||!e||!B(e))return null;const u=Object.entries(e).filter(([,i])=>i);return u.length===0?null:n.jsx(I,{id:a,role:"alert",...O,children:u.map(([i,s])=>{const d=p?.(i,s);if(d)return n.jsx(t,{children:d},i);const v=F?.(i,s);if(v)return n.jsx(t,{children:v},i);const c=g(i,b);if(c)return n.jsx(t,{children:c},i);const m=E(i,h.format);return m?n.jsx(t,{children:m},i):null})})};o.displayName="FieldErrors";o.errorTypes=r;o.getBuiltInMessage=E;o.getCustomMessage=g;exports.FieldErrorTypes=r;exports.FieldErrors=o;
+//# sourceMappingURL=field-errors-aqrV93vp.cjs.js.map

package/dist/chunks/field-errors-aqrV93vp.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-errors-aqrV93vp.cjs.js","sources":["../../src/components/field-errors/field-errors.slots.tsx","../../src/components/field-errors/field-errors.types.ts","../../src/components/field-errors/intl/en.ts","../../src/components/field-errors/intl/de.ts","../../src/components/field-errors/intl/es.ts","../../src/components/field-errors/intl/fr-FR.ts","../../src/components/field-errors/intl/pt-BR.ts","../../src/components/field-errors/field-errors.messages.ts","../../src/components/field-errors/field-errors.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  FieldErrorsMessageSlotProps,\n  FieldErrorsRootSlotProps,\n} from \"./field-errors.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"fieldErrors\",\n});\n\nexport const FieldErrorsRoot: SlotComponent<\n  HTMLDivElement,\n  FieldErrorsRootSlotProps\n> = withProvider<HTMLDivElement, FieldErrorsRootSlotProps>(\"div\", \"root\");\n\nexport const FieldErrorsMessage: SlotComponent<\n  HTMLDivElement,\n  FieldErrorsMessageSlotProps\n> = withContext<HTMLDivElement, FieldErrorsMessageSlotProps>(\"div\", \"message\");\n","import type { ReactNode } from \"react\";\nimport type {\n  HTMLChakraProps,\n  SlotRecipeProps,\n  UnstyledProp,\n} from \"@chakra-ui/react\";\nimport type { OmitInternalProps } from \"../../type-utils/omit-props\";\n\n// ============================================================\n// RECIPE PROPS\n// ============================================================\n\ntype FieldErrorsRecipeProps = SlotRecipeProps<\"fieldErrors\"> & UnstyledProp;\n\n// ============================================================\n// SLOT PROPS\n// ============================================================\n\nexport type FieldErrorsRootSlotProps = OmitInternalProps<\n  HTMLChakraProps<\"div\", FieldErrorsRecipeProps>\n>;\n\nexport type FieldErrorsMessageSlotProps = HTMLChakraProps<\"div\">;\n\n// ============================================================\n// HELPER TYPES\n// ============================================================\n\nexport type FieldErrorsData = Record<string, boolean>;\n\nexport type TErrorRenderer = (key: string, error?: boolean) => ReactNode;\n\nexport const FieldErrorTypes = {\n  MISSING: \"missing\",\n  INVALID: \"invalid\",\n  EMPTY: \"empty\",\n  MIN_LENGTH: \"min\",\n  MAX_LENGTH: \"max\",\n  FORMAT: \"format\",\n  DUPLICATE: \"duplicate\",\n  NEGATIVE: \"negative\",\n  FRACTIONS: \"fractions\",\n  BELOW_MIN: \"belowMin\",\n  ABOVE_MAX: \"aboveMax\",\n  OUT_OF_RANGE: \"outOfRange\",\n  INVALID_FROM_SERVER: \"invalidFromServer\",\n  NOT_FOUND: \"notFound\",\n  BLOCKED: \"blocked\",\n} as const;\n\nexport type TFieldErrorTypes =\n  (typeof FieldErrorTypes)[keyof typeof FieldErrorTypes];\n\n// ============================================================\n// MAIN PROPS\n// ============================================================\n\nexport type FieldErrorsProps = FieldErrorsRootSlotProps & {\n  /**\n   * Object mapping error types to boolean values indicating presence\n   */\n  errors?: FieldErrorsData;\n  /**\n   * Whether the error messages are visible\n   * @default true\n   */\n  isVisible?: boolean;\n  /**\n   * Custom render function for error messages\n   */\n  renderError?: TErrorRenderer;\n  /**\n   * Default render function for error messages when no custom renderer is provided\n   */\n  renderDefaultError?: TErrorRenderer;\n  /**\n   * Custom message overrides for specific error types\n   */\n  customMessages?: {\n    /** Message for missing field error */\n    missing?: ReactNode;\n    /** Message for invalid field error */\n    invalid?: ReactNode;\n    /** Message for empty field error */\n    empty?: ReactNode;\n    /** Message for minimum length error */\n    min?: ReactNode;\n    /** Message for maximum length error */\n    max?: ReactNode;\n    /** Message for format error */\n    format?: ReactNode;\n    /** Message for duplicate value error */\n    duplicate?: ReactNode;\n    /** Message for negative value error */\n    negative?: ReactNode;\n    /** Message for fractional value error */\n    fractions?: ReactNode;\n    /** Message for below minimum value error */\n    belowMin?: ReactNode;\n    /** Message for above maximum value error */\n    aboveMax?: ReactNode;\n    /** Message for out of range error */\n    outOfRange?: ReactNode;\n    /** Message for invalid from server error */\n    invalidFromServer?: ReactNode;\n    /** Message for not found error */\n    notFound?: ReactNode;\n    /** Message for blocked error */\n    blocked?: ReactNode;\n  };\n};\n","/**\n * Pre-compiled en messages for FieldErrors\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  duplicateValue: `This value is already in use. It must be unique.`,\n  emptyValue: `This field cannot be empty.`,\n  invalidFormat: `Please enter a valid format.`,\n  invalidFractionalNumber: `A whole number is required.`,\n  invalidFromServer: `Server validation failed. Please check your input.`,\n  invalidNegativeNumber: `Negative number is not supported.`,\n  invalidValue: `The provided value is invalid.`,\n  missingRequiredField: `This field is required. Provide a value.`,\n  resourceNotFound: `The requested resource was not found.`,\n  valueAboveMaximum: `Value must be less than or equal to the maximum.`,\n  valueBelowMinimum: `Value must be greater than or equal to the minimum.`,\n  valueBlocked: `This value is not allowed.`,\n  valueOutOfRange: `Value must be within the acceptable range.`,\n  valueTooLong: `This value is too long.`,\n  valueTooShort: `This value is too short.`,\n};\n","/**\n * Pre-compiled de messages for FieldErrors\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  duplicateValue: `Dieser Wert wird bereits verwendet. Er muss eindeutig sein.`,\n  emptyValue: `Dieses Feld darf nicht leer sein.`,\n  invalidFormat: `Bitte geben Sie ein gültiges Format ein.`,\n  invalidFractionalNumber: `Eine ganze Zahl ist erforderlich.`,\n  invalidFromServer: `Die Servervalidierung ist fehlgeschlagen. Bitte überprüfen Sie Ihre Eingabe.`,\n  invalidNegativeNumber: `Negative Zahlen werden nicht unterstützt.`,\n  invalidValue: `Der angegebene Wert ist ungültig.`,\n  missingRequiredField: `Dies ist ein Pflichtfeld. Bitte geben Sie einen Wert ein.`,\n  resourceNotFound: `Die angeforderte Ressource wurde nicht gefunden.`,\n  valueAboveMaximum: `Der Wert muss kleiner oder gleich dem Höchstwert sein.`,\n  valueBelowMinimum: `Der Wert muss größer oder gleich dem Mindestwert sein.`,\n  valueBlocked: `Dieser Wert ist nicht erlaubt.`,\n  valueOutOfRange: `Der Wert muss im akzeptablen Bereich liegen.`,\n  valueTooLong: `Der Wert ist zu lang.`,\n  valueTooShort: `Der Wert ist zu kurz.`,\n};\n","/**\n * Pre-compiled es messages for FieldErrors\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  duplicateValue: `Este valor ya está en uso. Debe ser único.`,\n  emptyValue: `Este campo no puede estar vacío.`,\n  invalidFormat: `Introduce un valor válido.`,\n  invalidFractionalNumber: `Se requiere un número entero.`,\n  invalidFromServer: `Ha fallado la validación del servidor. Comprueba tus entradas.`,\n  invalidNegativeNumber: `Los números negativos no están permitidos.`,\n  invalidValue: `El valor proporcionado no es válido.`,\n  missingRequiredField: `Este campo es obligatorio. Proporciona un valor.`,\n  resourceNotFound: `No se ha encontrado el recurso solicitado.`,\n  valueAboveMaximum: `El valor debe ser igual o inferior al máximo.`,\n  valueBelowMinimum: `El valor debe ser igual o superior al mínimo.`,\n  valueBlocked: `Este valor no está permitido.`,\n  valueOutOfRange: `El valor debe estar en un rango aceptable.`,\n  valueTooLong: `Este valor es demasiado largo.`,\n  valueTooShort: `Este valor es demasiado corto.`,\n};\n","/**\n * Pre-compiled fr-FR messages for FieldErrors\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  duplicateValue: `Cette clé est déjà utilisée. Elle doit être unique.`,\n  emptyValue: `Ce champ ne peut pas être vide.`,\n  invalidFormat: `Veuillez entrer un format valide.`,\n  invalidFractionalNumber: `Un nombre entier est requis.`,\n  invalidFromServer: `Échec de la validation du serveur. Veuillez vérifier votre saisie.`,\n  invalidNegativeNumber: `Nombre négatif non pris en charge.`,\n  invalidValue: `La valeur fournie n'est pas valide`,\n  missingRequiredField: `Ce champ est requis. Veuillez indiquer une valeur.`,\n  resourceNotFound: `Impossible de trouver la ressource demandée.`,\n  valueAboveMaximum: `La valeur doit être égale ou inférieure au maximum.`,\n  valueBelowMinimum: `La valeur doit être supérieure ou égale au minimum.`,\n  valueBlocked: `Cette valeur n'est pas autorisée.`,\n  valueOutOfRange: `La valeur doit être dans la plage acceptable.`,\n  valueTooLong: `Cette valeur est trop longue.`,\n  valueTooShort: `Cette valeur est trop courte.`,\n};\n","/**\n * Pre-compiled pt-BR messages for FieldErrors\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  duplicateValue: `O valor já está em uso. Use um valor único.`,\n  emptyValue: `O campo não pode estar vazio.`,\n  invalidFormat: `Insira um formato válido.`,\n  invalidFractionalNumber: `É necessário um número inteiro.`,\n  invalidFromServer: `A validação do servidor falhou. Verifique os dados inseridos.`,\n  invalidNegativeNumber: `Números negativos não podem ser usados.`,\n  invalidValue: `O valor fornecido é inválido.`,\n  missingRequiredField: `Este campo é obrigatório. Informe um valor.`,\n  resourceNotFound: `O recurso solicitado não foi encontrado.`,\n  valueAboveMaximum: `O valor deve ser menor ou igual ao máximo.`,\n  valueBelowMinimum: `O valor deve ser maior ou igual ao mínimo.`,\n  valueBlocked: `O valor não é permitido.`,\n  valueOutOfRange: `O valor deve estar dentro do intervalo aceitável.`,\n  valueTooLong: `O valor é muito longo.`,\n  valueTooShort: `O valor é muito curto.`,\n};\n","/**\n * Pre-compiled localized messages for FieldErrors component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport fieldErrorsMessages_en from \"./intl/en\";\nimport fieldErrorsMessages_de from \"./intl/de\";\nimport fieldErrorsMessages_es from \"./intl/es\";\nimport fieldErrorsMessages_fr from \"./intl/fr-FR\";\nimport fieldErrorsMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const fieldErrorsMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(fieldErrorsMessages_en),\n  de: normalizeMessages(fieldErrorsMessages_de),\n  es: normalizeMessages(fieldErrorsMessages_es),\n  \"fr-FR\": normalizeMessages(fieldErrorsMessages_fr),\n  \"pt-BR\": normalizeMessages(fieldErrorsMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for FieldErrors component\n */\nexport type FieldErrorsMessageKey =\n  | \"duplicateValue\"\n  | \"emptyValue\"\n  | \"invalidFormat\"\n  | \"invalidFractionalNumber\"\n  | \"invalidFromServer\"\n  | \"invalidNegativeNumber\"\n  | \"invalidValue\"\n  | \"missingRequiredField\"\n  | \"resourceNotFound\"\n  | \"valueAboveMaximum\"\n  | \"valueBelowMinimum\"\n  | \"valueBlocked\"\n  | \"valueOutOfRange\"\n  | \"valueTooLong\"\n  | \"valueTooShort\";\n","import { FieldErrorsRoot, FieldErrorsMessage } from \"./field-errors.slots\";\nimport type { FieldErrorsProps } from \"./field-errors.types\";\nimport { FieldErrorTypes } from \"./field-errors.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { fieldErrorsMessagesStrings } from \"./field-errors.messages\";\n\nconst isObject = (obj: unknown): boolean => typeof obj === \"object\";\n\n/**\n * Get custom message for a given error key\n */\nconst getCustomMessage = (\n  key: string,\n  customMessages?: FieldErrorsProps[\"customMessages\"]\n): React.ReactNode => {\n  if (!customMessages) return null;\n\n  // Map error keys to custom messages\n  switch (key) {\n    case FieldErrorTypes.MISSING:\n      return customMessages.missing || null;\n    case FieldErrorTypes.INVALID:\n      return customMessages.invalid || null;\n    case FieldErrorTypes.EMPTY:\n      return customMessages.empty || null;\n    case FieldErrorTypes.MIN_LENGTH:\n      return customMessages.min || null;\n    case FieldErrorTypes.MAX_LENGTH:\n      return customMessages.max || null;\n    case FieldErrorTypes.FORMAT:\n      return customMessages.format || null;\n    case FieldErrorTypes.DUPLICATE:\n      return customMessages.duplicate || null;\n    case FieldErrorTypes.NEGATIVE:\n      return customMessages.negative || null;\n    case FieldErrorTypes.FRACTIONS:\n      return customMessages.fractions || null;\n    case FieldErrorTypes.BELOW_MIN:\n      return customMessages.belowMin || null;\n    case FieldErrorTypes.ABOVE_MAX:\n      return customMessages.aboveMax || null;\n    case FieldErrorTypes.OUT_OF_RANGE:\n      return customMessages.outOfRange || null;\n    case FieldErrorTypes.INVALID_FROM_SERVER:\n      return customMessages.invalidFromServer || null;\n    case FieldErrorTypes.NOT_FOUND:\n      return customMessages.notFound || null;\n    case FieldErrorTypes.BLOCKED:\n      return customMessages.blocked || null;\n    default:\n      return null;\n  }\n};\n\n/**\n * Get built-in localized message for a given error key\n * @param key - The error key\n * @param format - The format function from useLocalizedStringFormatter\n */\nconst getBuiltInMessage = (\n  key: string,\n  format: (key: string) => string\n): string | null => {\n  switch (key) {\n    // Basic validation\n    case FieldErrorTypes.MISSING:\n      return format(\"missingRequiredField\");\n    case FieldErrorTypes.INVALID:\n      return format(\"invalidValue\");\n    case FieldErrorTypes.EMPTY:\n      return format(\"emptyValue\");\n\n    // Length validation\n    case FieldErrorTypes.MIN_LENGTH:\n      return format(\"valueTooShort\");\n    case FieldErrorTypes.MAX_LENGTH:\n      return format(\"valueTooLong\");\n\n    // Format validation\n    case FieldErrorTypes.FORMAT:\n      return format(\"invalidFormat\");\n    case FieldErrorTypes.DUPLICATE:\n      return format(\"duplicateValue\");\n\n    // Numeric validation\n    case FieldErrorTypes.NEGATIVE:\n      return format(\"invalidNegativeNumber\");\n    case FieldErrorTypes.FRACTIONS:\n      return format(\"invalidFractionalNumber\");\n    case FieldErrorTypes.BELOW_MIN:\n      return format(\"valueBelowMinimum\");\n    case FieldErrorTypes.ABOVE_MAX:\n      return format(\"valueAboveMaximum\");\n    case FieldErrorTypes.OUT_OF_RANGE:\n      return format(\"valueOutOfRange\");\n\n    // Server/async validation\n    case FieldErrorTypes.INVALID_FROM_SERVER:\n      return format(\"invalidFromServer\");\n    case FieldErrorTypes.NOT_FOUND:\n      return format(\"resourceNotFound\");\n    case FieldErrorTypes.BLOCKED:\n      return format(\"valueBlocked\");\n\n    default:\n      return null;\n  }\n};\n\n/**\n * # FieldErrors\n *\n * Renders error messages based on error object configuration.\n * Provides backwards compatibility with UI-Kit FieldErrors while integrating\n * with Nimbus design system patterns.\n *\n * Supports custom error renderers and localized built-in error messages\n * for common validation scenarios like missing required fields.\n *\n * @see {@link https://nimbus.commercetools.com/components/field-errors}\n *\n * @supportsStyleProps\n */\nexport const FieldErrors = ({\n  id,\n  errors,\n  isVisible = true, // Default to true for backwards compatibility, but will be auto-handled in future\n  renderError,\n  renderDefaultError,\n  customMessages,\n  ...props\n}: FieldErrorsProps) => {\n  const msg = useLocalizedStringFormatter(fieldErrorsMessagesStrings);\n\n  // Don't render if not visible or no errors\n  if (!isVisible) return null;\n  if (!errors || !isObject(errors)) return null;\n\n  // Filter to only show truthy errors\n  const activeErrors = Object.entries(errors).filter(([, error]) => error);\n\n  // Don't render if no active errors\n  if (activeErrors.length === 0) return null;\n\n  return (\n    <FieldErrorsRoot id={id} role=\"alert\" {...props}>\n      {activeErrors.map(([key, error]) => {\n        // Try custom error renderer first\n        const customErrorElement = renderError?.(key, error);\n        if (customErrorElement) {\n          return (\n            <FieldErrorsMessage key={key}>\n              {customErrorElement}\n            </FieldErrorsMessage>\n          );\n        }\n\n        // Try default error renderer second\n        const defaultErrorElement = renderDefaultError?.(key, error);\n        if (defaultErrorElement) {\n          return (\n            <FieldErrorsMessage key={key}>\n              {defaultErrorElement}\n            </FieldErrorsMessage>\n          );\n        }\n\n        // Try custom messages for built-in error types first\n        const customMessage = getCustomMessage(key, customMessages);\n        if (customMessage) {\n          return (\n            <FieldErrorsMessage key={key}>{customMessage}</FieldErrorsMessage>\n          );\n        }\n\n        // Fall back to built-in localized messages\n        const builtInMessage = getBuiltInMessage(key, msg.format);\n        if (builtInMessage) {\n          return (\n            <FieldErrorsMessage key={key}>{builtInMessage}</FieldErrorsMessage>\n          );\n        }\n\n        // If no renderer handles it, render nothing\n        return null;\n      })}\n    </FieldErrorsRoot>\n  );\n};\n\n// Static properties for backwards compatibility with UI-Kit\nFieldErrors.displayName = \"FieldErrors\";\nFieldErrors.errorTypes = FieldErrorTypes;\n// Static properties for string conversion, mostly for testing\nFieldErrors.getBuiltInMessage = getBuiltInMessage;\nFieldErrors.getCustomMessage = getCustomMessage;\n"],"names":["withProvider","withContext","createSlotRecipeContext","FieldErrorsRoot","FieldErrorsMessage","FieldErrorTypes","fieldErrorsMessages_en","fieldErrorsMessages_de","fieldErrorsMessages_es","fieldErrorsMessages_fr","fieldErrorsMessages_pt","fieldErrorsMessagesStrings","normalizeMessages","isObject","obj","getCustomMessage","key","customMessages","getBuiltInMessage","format","FieldErrors","id","errors","isVisible","renderError","renderDefaultError","props","msg","useLocalizedStringFormatter","activeErrors","error","jsx","customErrorElement","defaultErrorElement","customMessage","builtInMessage"],"mappings":"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"}

package/dist/chunks/{form-field-BqlkPY29.es.js → form-field-BfDU18h3.es.js}

@@ -1,12 +1,12 @@
-import { createContext as z, useRef as A, useState as V, useMemo as b, useEffect as a, Children as _, isValidElement as H, cloneElement as R, useContext as u } from "react";
+import { createContext as z, useRef as A, useState as V, useMemo as b, useEffect as a, Children as _, isValidElement as H, cloneElement as D, useContext as u } from "react";
 import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import { createSlotRecipeContext as D, mergeRefs as G } from "@chakra-ui/react";
-import { k as J, $ as K, h as O } from "./Dialog-DUbUCf4o.es.js";
-import { HelpOutline as Q, ErrorOutline as T } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as G, mergeRefs as J } from "@chakra-ui/react";
+import { j as K, $ as O, k as Q } from "./Dialog-B0BQfdQa.es.js";
+import { HelpOutline as R, ErrorOutline as T } from "@commercetools/nimbus-icons";
 import { $ as U } from "./useObjectRef-CaJ5pgjX.es.js";
 import { $ as W } from "./useField-CHrpmkxe.es.js";
 import { B as F } from "./box-DuBoAZvq.es.js";
-import { I as X } from "./icon-button-DgL7XNUZ.es.js";
+import { I as X } from "./icon-button-CosIm3oY.es.js";
 const p = /* @__PURE__ */ z({
   context: {
     label: null,
@@ -17,7 +17,7 @@ const p = /* @__PURE__ */ z({
   },
   setContext: () => {
   }
-}), { withProvider: Y, withContext: f } = /* @__PURE__ */ D({
+}), { withProvider: Y, withContext: f } = /* @__PURE__ */ G({
   key: "formField"
 }), Z = /* @__PURE__ */ Y("div", "root"), q = /* @__PURE__ */ f("div", "label"), oo = /* @__PURE__ */ f("div", "input"), eo = /* @__PURE__ */ f("div", "description"), ro = /* @__PURE__ */ f("div", "error"), to = /* @__PURE__ */ f("div", "popover"), $ = function({
   ref: l,
@@ -29,7 +29,7 @@ const p = /* @__PURE__ */ z({
   children: y,
   ...E
 }) {
-  const N = A(null), B = U(G(N, l)), [o, x] = V({
+  const N = A(null), B = U(J(N, l)), [o, x] = V({
     label: null,
     description: null,
     error: null,
@@ -56,7 +56,7 @@ const p = /* @__PURE__ */ z({
       isReadOnly: d
     }));
   }, [r, s, c, d]);
-  const w = b(
+  const j = b(
     () => ({
       ...h,
       isInvalid: r,
@@ -65,14 +65,14 @@ const p = /* @__PURE__ */ z({
       isReadOnly: d
     }),
     [h, r, s, c, d]
-  ), j = b(() => ({ context: o, setContext: x }), [o]);
-  return /* @__PURE__ */ n(p.Provider, { value: j, children: /* @__PURE__ */ m(Z, { ref: B, ...E, children: [
+  ), w = b(() => ({ context: o, setContext: x }), [o]);
+  return /* @__PURE__ */ n(p.Provider, { value: w, children: /* @__PURE__ */ m(Z, { ref: B, ...E, children: [
     o.label && /* @__PURE__ */ m(q, { ...o.labelSlotProps, children: [
-      /* @__PURE__ */ m("label", { ...k, children: [
+      /* @__PURE__ */ m("label", { ...k, "data-required": s, children: [
         o.label,
         s && /* @__PURE__ */ n("sup", { "aria-hidden": "true", children: "*" })
       ] }),
-      o.info && /* @__PURE__ */ m(J, { children: [
+      o.info && /* @__PURE__ */ m(K, { children: [
         /* @__PURE__ */ n(
           F,
           {
@@ -98,17 +98,17 @@ const p = /* @__PURE__ */ z({
                     size: "2xs",
                     colorPalette: "info",
                     variant: "link",
-                    children: /* @__PURE__ */ n(Q, {})
+                    children: /* @__PURE__ */ n(R, {})
                   }
                 )
               }
             )
           }
         ),
-        /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(to, { asChild: !0, children: /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(F, { p: "300", children: o.info }) }) }) })
+        /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(to, { asChild: !0, children: /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(F, { p: "300", children: o.info }) }) }) })
       ] })
     ] }),
-    o.input && /* @__PURE__ */ n(oo, { ...o.inputSlotProps, children: _.map(o.input, (i) => H(i) ? R(i, w) : i) }),
+    o.input && /* @__PURE__ */ n(oo, { ...o.inputSlotProps, children: _.map(o.input, (i) => H(i) ? D(i, j) : i) }),
     o.description && /* @__PURE__ */ n(
       eo,
       {
@@ -355,4 +355,4 @@ export {
   v as e,
   g as f
 };
-//# sourceMappingURL=form-field-BqlkPY29.es.js.map
+//# sourceMappingURL=form-field-BfDU18h3.es.js.map

package/dist/chunks/form-field-BfDU18h3.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-BfDU18h3.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"formField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField.Root\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @supportsStyleProps\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(() => ({ context, setContext }), [context]);\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps} data-required={isRequired}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      colorPalette=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.input && (\n          <FormFieldInputSlot {...context.inputSlotProps}>\n            {Children.map(context.input, (child) => {\n              // Important: Check if the child is a valid React element before cloning.\n              if (isValidElement(child)) {\n                return cloneElement(child, inputProps);\n              }\n              // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n              return child;\n            })}\n          </FormFieldInputSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              verticalAlign=\"text-bottom\"\n              mr=\"100\"\n              alignSelf=\"center\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n\nFormFieldRoot.displayName = \"FormField.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Label - The label element for the form field\n *\n * @supportsStyleProps\n */\n// TODO: should this be wrapped in react-aria's `LabelContext` provider?, e.g. https://react-spectrum.adobe.com/react-aria/TextField.html#custom-children\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldLabel.displayName = \"FormField.Label\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Input - The input wrapper element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInput.displayName = \"FormField.Input\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Description - The description element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldDescription.displayName = \"FormField.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Error - The error message element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldError.displayName = \"FormField.Error\";\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\n/**\n * FormField.InfoBox - The info box popover content for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInfoBox.displayName = \"FormField.InfoBox\";\n","import {\n  FormFieldRoot,\n  FormFieldLabel,\n  FormFieldInput,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldInfoBox,\n} from \"./components\";\n\nexport const FormField = {\n  /**\n   * # FormField.Root\n   *\n   * The root container for the form field that provides context and state management\n   * for all child components. Handles React Aria integration for accessibility,\n   * manages field state (required, invalid, disabled, readonly), and coordinates\n   * rendering of label, input, description, and error elements.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isRequired isInvalid>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>Enter your username</FormField.Description>\n   *   <FormField.Error>Username is required</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Root: FormFieldRoot,\n\n  /**\n   * # FormField.Label\n   *\n   * The label element for the form field. Automatically associates with the input\n   * via React Aria and displays a required indicator when the field is required.\n   * Supports an optional info box trigger for additional field information.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Email Address</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your email will be used for account notifications\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Label: FormFieldLabel,\n\n  /**\n   * # FormField.Input\n   *\n   * The input wrapper element that receives and displays the actual input component.\n   * Automatically clones children and passes accessibility props, validation state,\n   * and field attributes from React Aria.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Password</FormField.Label>\n   *   <FormField.Input>\n   *     <PasswordInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Input: FormFieldInput,\n\n  /**\n   * # FormField.Description\n   *\n   * The description element that provides helpful information about the field.\n   * Automatically associates with the input via `aria-describedby` for screen readers.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>\n   *     Must be 3-20 characters, letters and numbers only\n   *   </FormField.Description>\n   * </FormField.Root>\n   * ```\n   */\n  Description: FormFieldDescription,\n\n  /**\n   * # FormField.Error\n   *\n   * The error message element that displays validation errors. Only visible when\n   * the field is invalid. Automatically associates with the input via\n   * `aria-errormessage` and includes an error icon.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isInvalid>\n   *   <FormField.Label>Email</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Error>Please enter a valid email address</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Error: FormFieldError,\n\n  /**\n   * # FormField.InfoBox\n   *\n   * The info box content that appears in a popover when the help icon next to\n   * the label is clicked. Use for additional context or instructions that don't\n   * need to be visible by default.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>API Key</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your API key can be found in your account settings.\n   *     Keep it secure and never share it publicly.\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/form-field-FdRNl2bZ.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react"),l=require("react/jsx-runtime"),E=require("@chakra-ui/react"),x=require("./Dialog-CSr6lHSd.cjs.js"),P=require("@commercetools/nimbus-icons"),k=require("./useObjectRef-4v2MxSjQ.cjs.js"),w=require("./useField-lK6K_h1G.cjs.js"),F=require("./box-CWni3A32.cjs.js"),z=require("./icon-button-CeB8_Yyr.cjs.js"),u=t.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),{withProvider:A,withContext:p}=E.createSlotRecipeContext({key:"formField"}),D=A("div","root"),V=p("div","label"),_=p("div","input"),H=p("div","description"),O=p("div","error"),G=p("div","popover"),f=function({ref:i,id:o,isInvalid:r,isRequired:c,isDisabled:a,isReadOnly:d,children:v,...g}){const B=t.useRef(null),y=k.$df56164dff5785e2$export$4338b53315abf666(E.mergeRefs(B,i)),[e,S]=t.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:r,isRequired:c,isDisabled:a,isReadOnly:d}),I=t.useMemo(()=>{const s={id:o,description:e.description,errorMessage:e.error};return e.label?s.label=e.label:(s["aria-label"]="empty-label",s["aria-labelledby"]="empty-label"),s},[o,e.description,e.error,e.label]),{labelProps:N,fieldProps:$,descriptionProps:M,errorMessageProps:L}=w.$2baaea4c71418dea$export$294aa081a6c6f55d(I);t.useEffect(()=>{S(s=>({...s,isInvalid:r,isRequired:c,isDisabled:a,isReadOnly:d}))},[r,c,a,d]);const q=t.useMemo(()=>({...$,isInvalid:r,isRequired:c,isDisabled:a,isReadOnly:d}),[$,r,c,a,d]),R=t.useMemo(()=>({context:e,setContext:S}),[e]);return l.jsx(u.Provider,{value:R,children:l.jsxs(D,{ref:y,...g,children:[e.label&&l.jsxs(V,{...e.labelSlotProps,children:[l.jsxs("label",{...N,"data-required":c,children:[e.label,c&&l.jsx("sup",{"aria-hidden":"true",children:"*"})]}),e.info&&l.jsxs(x.$de32f1b87079253c$export$2e1e1122cf0cba88,{children:[l.jsx(F.Box,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:l.jsx(F.Box,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:l.jsx(z.IconButton,{"aria-label":"__MORE INFO",size:"2xs",colorPalette:"info",variant:"link",children:l.jsx(P.HelpOutline,{})})})}),l.jsx(x.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:l.jsx(G,{asChild:!0,children:l.jsx(x.$de32f1b87079253c$export$3ddf2d174ce01153,{children:l.jsx(F.Box,{p:"300",children:e.info})})})})]})]}),e.input&&l.jsx(_,{...e.inputSlotProps,children:t.Children.map(e.input,s=>t.isValidElement(s)?t.cloneElement(s,q):s)}),e.description&&l.jsx(H,{...M,...e.descriptionSlotProps,children:e.description}),r&&e.error&&l.jsxs(O,{...L,...e.errorSlotProps,children:[l.jsx(F.Box,{as:P.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"text-bottom",mr:"100",alignSelf:"center"}),e.error]}),v]})})};f.displayName="FormField.Root";const m=({children:n,...i})=>{const{setContext:o}=t.useContext(u);return t.useEffect(()=>(o(r=>({...r,label:n,labelSlotProps:i})),()=>{o(r=>({...r,label:null,labelSlotProps:void 0}))}),[n,o]),null};m.displayName="FormField.Label";const b=({children:n,...i})=>{const{setContext:o}=t.useContext(u);return t.useEffect(()=>{o(r=>({...r,input:n,inputSlotProps:i}))},[n,o]),null};b.displayName="FormField.Input";const h=({children:n,...i})=>{const{setContext:o}=t.useContext(u);return t.useEffect(()=>(o(r=>({...r,description:n,descriptionSlotProps:i})),()=>{o(r=>({...r,description:null,descriptionSlotProps:void 0}))}),[n,o]),null};h.displayName="FormField.Description";const j=({children:n,...i})=>{const{setContext:o}=t.useContext(u);return t.useEffect(()=>(o(r=>({...r,error:n,errorSlotProps:i})),()=>{o(r=>({...r,error:null,errorSlotProps:void 0}))}),[n,o]),null};j.displayName="FormField.Error";const C=({children:n})=>{const{setContext:i}=t.useContext(u);return t.useEffect(()=>(i(o=>({...o,info:n})),()=>{i(o=>({...o,info:null}))}),[n,i]),null};C.displayName="FormField.InfoBox";const J={Root:f,Label:m,Input:b,Description:h,Error:j,InfoBox:C};exports.FormField=J;exports.FormFieldDescription=h;exports.FormFieldError=j;exports.FormFieldInfoBox=C;exports.FormFieldInput=b;exports.FormFieldLabel=m;exports.FormFieldRoot=f;
+//# sourceMappingURL=form-field-FdRNl2bZ.cjs.js.map

package/dist/chunks/form-field-FdRNl2bZ.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-FdRNl2bZ.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"formField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField.Root\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @supportsStyleProps\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(() => ({ context, setContext }), [context]);\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps} data-required={isRequired}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      colorPalette=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.input && (\n          <FormFieldInputSlot {...context.inputSlotProps}>\n            {Children.map(context.input, (child) => {\n              // Important: Check if the child is a valid React element before cloning.\n              if (isValidElement(child)) {\n                return cloneElement(child, inputProps);\n              }\n              // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n              return child;\n            })}\n          </FormFieldInputSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              verticalAlign=\"text-bottom\"\n              mr=\"100\"\n              alignSelf=\"center\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n\nFormFieldRoot.displayName = \"FormField.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Label - The label element for the form field\n *\n * @supportsStyleProps\n */\n// TODO: should this be wrapped in react-aria's `LabelContext` provider?, e.g. https://react-spectrum.adobe.com/react-aria/TextField.html#custom-children\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldLabel.displayName = \"FormField.Label\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Input - The input wrapper element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInput.displayName = \"FormField.Input\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Description - The description element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldDescription.displayName = \"FormField.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Error - The error message element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldError.displayName = \"FormField.Error\";\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\n/**\n * FormField.InfoBox - The info box popover content for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInfoBox.displayName = \"FormField.InfoBox\";\n","import {\n  FormFieldRoot,\n  FormFieldLabel,\n  FormFieldInput,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldInfoBox,\n} from \"./components\";\n\nexport const FormField = {\n  /**\n   * # FormField.Root\n   *\n   * The root container for the form field that provides context and state management\n   * for all child components. Handles React Aria integration for accessibility,\n   * manages field state (required, invalid, disabled, readonly), and coordinates\n   * rendering of label, input, description, and error elements.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isRequired isInvalid>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>Enter your username</FormField.Description>\n   *   <FormField.Error>Username is required</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Root: FormFieldRoot,\n\n  /**\n   * # FormField.Label\n   *\n   * The label element for the form field. Automatically associates with the input\n   * via React Aria and displays a required indicator when the field is required.\n   * Supports an optional info box trigger for additional field information.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Email Address</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your email will be used for account notifications\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Label: FormFieldLabel,\n\n  /**\n   * # FormField.Input\n   *\n   * The input wrapper element that receives and displays the actual input component.\n   * Automatically clones children and passes accessibility props, validation state,\n   * and field attributes from React Aria.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Password</FormField.Label>\n   *   <FormField.Input>\n   *     <PasswordInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Input: FormFieldInput,\n\n  /**\n   * # FormField.Description\n   *\n   * The description element that provides helpful information about the field.\n   * Automatically associates with the input via `aria-describedby` for screen readers.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>\n   *     Must be 3-20 characters, letters and numbers only\n   *   </FormField.Description>\n   * </FormField.Root>\n   * ```\n   */\n  Description: FormFieldDescription,\n\n  /**\n   * # FormField.Error\n   *\n   * The error message element that displays validation errors. Only visible when\n   * the field is invalid. Automatically associates with the input via\n   * `aria-errormessage` and includes an error icon.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isInvalid>\n   *   <FormField.Label>Email</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Error>Please enter a valid email address</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Error: FormFieldError,\n\n  /**\n   * # FormField.InfoBox\n   *\n   * The info box content that appears in a popover when the help icon next to\n   * the label is clicked. Use for additional context or instructions that don't\n   * need to be visible by default.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>API Key</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your API key can be found in your account settings.\n   *     Keep it secure and never share it publicly.\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"oVA6BaA,EAAmBC,EAAAA,cAAoC,CAClE,QAAS,CACP,MAAO,KACP,YAAa,KACb,MAAO,KACP,KAAM,KACN,MAAO,IAAA,EAET,WAAY,IAAM,CAAC,CACrB,CAAC,EC5BK,CAAE,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,WACP,CAAC,EAGYC,EAAoBH,EAG/B,MAAO,MAAM,EAGFI,EAAqBH,EAGhC,MAAO,OAAO,EAGHI,EAAqBJ,EAGhC,MAAO,OAAO,EAGHK,EAA2BL,EAGtC,MAAO,aAAa,EAGTM,EAAqBN,EAGhC,MAAO,OAAO,EAGHO,EAAuBP,EAGlC,MAAO,SAAS,ECbLQ,EAAgB,SAAuB,CAClD,IAAKC,EACL,GAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAmB,CACjB,MAAMC,EAAWC,EAAAA,OAAuB,IAAI,EACtCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUR,CAAY,CAAC,EACpD,CAACa,EAASC,CAAU,EAAIC,WAAsC,CAClE,MAAO,KACP,YAAa,KACb,MAAO,KACP,KAAM,KACN,MAAO,KACP,UAAAb,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,CACD,EAEKW,EAA+CC,EAAAA,QAAQ,IAAM,CACjE,MAAMC,EAAuC,CAC3C,GAAAjB,EACA,YAAaY,EAAQ,YACrB,aAAcA,EAAQ,KAAA,EAGxB,OAAIA,EAAQ,MACVK,EAAK,MAAQL,EAAQ,OAKrBK,EAAK,YAAY,EAAI,cACrBA,EAAK,iBAAiB,EAAI,eAGrBA,CACT,EAAG,CAACjB,EAAIY,EAAQ,YAAaA,EAAQ,MAAOA,EAAQ,KAAK,CAAC,EAEpD,CAAE,WAAAM,EAAY,WAAAC,EAAY,iBAAAC,EAAkB,kBAAAC,CAAA,EAChDC,EAAAA,0CAASP,CAAY,EAEvBQ,EAAAA,UAAU,IAAM,CACdV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,UAAAvB,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EACA,CACJ,EAAG,CAACH,EAAWC,EAAYC,EAAYC,CAAU,CAAC,EAElD,MAAMqB,EAAaT,EAAAA,QACjB,KAAO,CACL,GAAGG,EACH,UAAAlB,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,GAEF,CAACe,EAAYlB,EAAWC,EAAYC,EAAYC,CAAU,CAAA,EAGtDsB,EAAeV,EAAAA,QAAQ,KAAO,CAAE,QAAAJ,EAAS,WAAAC,IAAe,CAACD,CAAO,CAAC,EAEvE,OACEe,EAAAA,IAACxC,EAAiB,SAAjB,CAA0B,MAAOuC,EAChC,SAAAE,EAAAA,KAACpC,EAAA,CAAkB,IAAAiB,EAAW,GAAGH,EAC9B,SAAA,CAAAM,EAAQ,OACPgB,OAACnC,EAAA,CAAoB,GAAGmB,EAAQ,eAC9B,SAAA,CAAAgB,EAAAA,KAAC,QAAA,CAAO,GAAGV,EAAY,gBAAehB,EACnC,SAAA,CAAAU,EAAQ,MACRV,GAAcyB,EAAAA,IAAC,MAAA,CAAI,cAAY,OAAO,SAAA,GAAA,CAAC,CAAA,EAC1C,EACCf,EAAQ,MACPgB,EAAAA,KAACC,EAAAA,0CAAA,CACC,SAAA,CAAAF,EAAAA,IAACG,EAAAA,IAAA,CACC,GAAG,OACH,QAAQ,eACR,SAAS,WACT,MAAM,MACN,OAAO,MACP,GAAG,MAEH,SAAAH,EAAAA,IAACG,EAAAA,IAAA,CACC,GAAG,OACH,QAAQ,cACR,SAAS,WACT,IAAI,MACJ,MAAM,MACN,UAAU,uBAEV,SAAAH,EAAAA,IAACI,EAAAA,WAAA,CACC,aAAW,cACX,KAAK,MACL,aAAa,OACb,QAAQ,OAER,eAACC,EAAAA,YAAA,CAAA,CAAY,CAAA,CAAA,CACf,CAAA,CACF,CAAA,QAEDC,EAAAA,0CAAA,CACC,SAAAN,MAAC9B,EAAA,CAAqB,QAAO,GAC3B,SAAA8B,EAAAA,IAACO,EAAAA,0CAAA,CACC,SAAAP,MAACG,EAAAA,IAAA,CAAI,EAAE,MAAO,SAAAlB,EAAQ,IAAA,CAAK,CAAA,CAC7B,EACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EAEJ,EAEDA,EAAQ,OACPe,EAAAA,IAACjC,EAAA,CAAoB,GAAGkB,EAAQ,eAC7B,SAAAuB,EAAAA,SAAS,IAAIvB,EAAQ,MAAQwB,GAExBC,EAAAA,eAAeD,CAAK,EACfE,EAAAA,aAAaF,EAAOX,CAAU,EAGhCW,CACR,CAAA,CACH,EAEDxB,EAAQ,aACPe,EAAAA,IAAChC,EAAA,CACE,GAAGyB,EACH,GAAGR,EAAQ,qBAEX,SAAAA,EAAQ,WAAA,CAAA,EAGZX,GAAaW,EAAQ,OACpBgB,EAAAA,KAAChC,EAAA,CACE,GAAGyB,EACH,GAAGT,EAAQ,eAEZ,SAAA,CAAAe,EAAAA,IAACG,EAAAA,IAAA,CACC,GAAIS,EAAAA,aACJ,QAAQ,cACR,QAAQ,MACR,cAAc,cACd,GAAG,MACH,UAAU,QAAA,CAAA,EAEX3B,EAAQ,KAAA,CAAA,CAAA,EAGZP,CAAA,CAAA,CACH,CAAA,CACF,CAEJ,EAEAP,EAAc,YAAc,iBCzLrB,MAAM0C,EAAiB,CAAC,CAC7B,SAAAnC,EACA,GAAGoC,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAA5B,CAAA,EAAe6B,EAAAA,WAAWvD,CAAgB,EAElDoC,OAAAA,EAAAA,UAAU,KACRV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,MAAOnB,EACP,eAAAoC,CAAA,EACA,EAGK,IAAM,CACX5B,EAAYW,IAAiB,CAC3B,GAAGA,EACH,MAAO,KACP,eAAgB,MAAA,EAChB,CACJ,GACC,CAACnB,EAAUQ,CAAU,CAAC,EAElB,IACT,EAEA2B,EAAe,YAAc,kBC3BtB,MAAMG,EAAiB,CAAC,CAC7B,SAAAtC,EACA,GAAGuC,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAA/B,CAAA,EAAe6B,EAAAA,WAAWvD,CAAgB,EAElDoC,OAAAA,EAAAA,UAAU,IAAM,CACdV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,MAAOnB,EACP,eAAAuC,CAAA,EACA,CACJ,EAAG,CAACvC,EAAUQ,CAAU,CAAC,EAElB,IACT,EAEA8B,EAAe,YAAc,kBCjBtB,MAAME,EAAuB,CAAC,CACnC,SAAAxC,EACA,GAAGyC,CACL,IAAqC,CACnC,KAAM,CAAE,WAAAjC,CAAA,EAAe6B,EAAAA,WAAWvD,CAAgB,EAElDoC,OAAAA,EAAAA,UAAU,KACRV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,YAAanB,EACb,qBAAAyC,CAAA,EACA,EAGK,IAAM,CACXjC,EAAYW,IAAiB,CAC3B,GAAGA,EACH,YAAa,KACb,qBAAsB,MAAA,EACtB,CACJ,GACC,CAACnB,EAAUQ,CAAU,CAAC,EAElB,IACT,EAEAgC,EAAqB,YAAc,wBC1B5B,MAAME,EAAiB,CAAC,CAC7B,SAAA1C,EACA,GAAG2C,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAAnC,CAAA,EAAe6B,EAAAA,WAAWvD,CAAgB,EAElDoC,OAAAA,EAAAA,UAAU,KACRV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,MAAOnB,EACP,eAAA2C,CAAA,EACA,EAGK,IAAM,CACXnC,EAAYW,IAAiB,CAC3B,GAAGA,EACH,MAAO,KACP,eAAgB,MAAA,EAChB,CACJ,GACC,CAACnB,EAAUQ,CAAU,CAAC,EAElB,IACT,EAEAkC,EAAe,YAAc,kBCpBtB,MAAME,EAAmB,CAAC,CAAE,SAAA5C,KAAsC,CACvE,KAAM,CAAE,WAAAQ,CAAA,EAAe6B,EAAAA,WAAWvD,CAAgB,EAElDoC,OAAAA,EAAAA,UAAU,KACRV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,KAAMnB,CAAA,EACN,EAGK,IAAM,CACXQ,EAAYW,IAAiB,CAC3B,GAAGA,EACH,KAAM,IAAA,EACN,CACJ,GACC,CAACnB,EAAUQ,CAAU,CAAC,EAElB,IACT,EAEAoC,EAAiB,YAAc,oBC3BxB,MAAMC,EAAY,CAqBvB,KAAMpD,EAsBN,MAAO0C,EAmBP,MAAOG,EAqBP,YAAaE,EAoBb,MAAOE,EAuBP,QAASE,CACX"}

package/dist/chunks/icon-DJsVh7VR.es.js

@@ -0,0 +1,19 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createRecipeContext as r } from "@chakra-ui/react";
+const { withContext: c } = /* @__PURE__ */ r({ key: "icon" }), i = /* @__PURE__ */ c("svg"), a = (t) => {
+  const { ref: s, slot: e, ...o } = t;
+  return /* @__PURE__ */ n(
+    i,
+    {
+      ref: s,
+      asChild: !o.as,
+      slot: e ?? void 0,
+      ...o
+    }
+  );
+};
+a.displayName = "Icon";
+export {
+  a as I
+};
+//# sourceMappingURL=icon-DJsVh7VR.es.js.map