@commercetools/nimbus 0.0.0-canary-20250922152719 → 0.0.0-canary-20250922155413

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

@@ -0,0 +1,225 @@
+import { jsx as i } from "react/jsx-runtime";
+import { defineMessages as b, FormattedMessage as a } from "react-intl";
+import { createSlotRecipeContext as p } from "@chakra-ui/react/styled-system";
+import { defineSlotRecipe as T } from "@chakra-ui/react";
+const M = /* @__PURE__ */ T({
+  className: "nimbus-field-errors",
+  slots: ["root"],
+  base: {
+    root: {
+      display: "block"
+    }
+  }
+}), { withProvider: O } = /* @__PURE__ */ p({
+  recipe: M
+}), h = /* @__PURE__ */ O("div", "root"), l = /* @__PURE__ */ b({
+  // Basic validation
+  missingRequiredField: {
+    id: "Nimbus.FieldErrors.missingRequiredField",
+    description: "Error message for missing required value",
+    defaultMessage: "This field is required. Provide a value."
+  },
+  invalidValue: {
+    id: "Nimbus.FieldErrors.invalidValue",
+    description: "Error message for invalid value or format",
+    defaultMessage: "The provided value is invalid."
+  },
+  emptyValue: {
+    id: "Nimbus.FieldErrors.emptyValue",
+    description: "Error message for empty value when content is required",
+    defaultMessage: "This field cannot be empty."
+  },
+  // Length validation
+  valueTooShort: {
+    id: "Nimbus.FieldErrors.valueTooShort",
+    description: "Error message for minimum length validation",
+    defaultMessage: "This value is too short."
+  },
+  valueTooLong: {
+    id: "Nimbus.FieldErrors.valueTooLong",
+    description: "Error message for maximum length validation",
+    defaultMessage: "This value is too long."
+  },
+  // Format validation
+  invalidFormat: {
+    id: "Nimbus.FieldErrors.invalidFormat",
+    description: "Error message for format validation",
+    defaultMessage: "Please enter a valid format."
+  },
+  duplicateValue: {
+    id: "Nimbus.FieldErrors.duplicateValue",
+    description: "Error message for duplicate value validation",
+    defaultMessage: "This value is already in use. It must be unique."
+  },
+  // Numeric validation
+  invalidNegativeNumber: {
+    id: "Nimbus.FieldErrors.invalidNegativeNumber",
+    description: "Error message when negative number is used",
+    defaultMessage: "Negative number is not supported."
+  },
+  invalidFractionalNumber: {
+    id: "Nimbus.FieldErrors.invalidFractionalNumber",
+    description: "Error message when fractional number is used",
+    defaultMessage: "A whole number is required."
+  },
+  valueBelowMinimum: {
+    id: "Nimbus.FieldErrors.valueBelowMinimum",
+    description: "Error message for values below minimum threshold",
+    defaultMessage: "Value must be greater than or equal to the minimum."
+  },
+  valueAboveMaximum: {
+    id: "Nimbus.FieldErrors.valueAboveMaximum",
+    description: "Error message for values above maximum threshold",
+    defaultMessage: "Value must be less than or equal to the maximum."
+  },
+  valueOutOfRange: {
+    id: "Nimbus.FieldErrors.valueOutOfRange",
+    description: "Error message for values outside acceptable range",
+    defaultMessage: "Value must be within the acceptable range."
+  },
+  // Server/async validation
+  invalidFromServer: {
+    id: "Nimbus.FieldErrors.invalidFromServer",
+    description: "Error message for server-side validation errors",
+    defaultMessage: "Server validation failed. Please check your input."
+  },
+  resourceNotFound: {
+    id: "Nimbus.FieldErrors.resourceNotFound",
+    description: "Error message when a resource is not found",
+    defaultMessage: "The requested resource was not found."
+  },
+  valueBlocked: {
+    id: "Nimbus.FieldErrors.valueBlocked",
+    description: "Error message for blocked or restricted values",
+    defaultMessage: "This value is not allowed."
+  }
+}), e = {
+  // Basic validation
+  MISSING: "missing",
+  INVALID: "invalid",
+  EMPTY: "empty",
+  // Length validation
+  MIN_LENGTH: "min",
+  MAX_LENGTH: "max",
+  // Format validation
+  FORMAT: "format",
+  DUPLICATE: "duplicate",
+  // Numeric validation
+  NEGATIVE: "negative",
+  FRACTIONS: "fractions",
+  BELOW_MIN: "belowMin",
+  ABOVE_MAX: "aboveMax",
+  OUT_OF_RANGE: "outOfRange",
+  // Server/async validation
+  INVALID_FROM_SERVER: "invalidFromServer",
+  NOT_FOUND: "notFound",
+  BLOCKED: "blocked"
+}, I = (t) => typeof t == "object", A = (t, r) => {
+  if (!r) return null;
+  switch (t) {
+    case e.MISSING:
+      return r.missing || null;
+    case e.INVALID:
+      return r.invalid || null;
+    case e.EMPTY:
+      return r.empty || null;
+    case e.MIN_LENGTH:
+      return r.min || null;
+    case e.MAX_LENGTH:
+      return r.max || null;
+    case e.FORMAT:
+      return r.format || null;
+    case e.DUPLICATE:
+      return r.duplicate || null;
+    case e.NEGATIVE:
+      return r.negative || null;
+    case e.FRACTIONS:
+      return r.fractions || null;
+    case e.BELOW_MIN:
+      return r.belowMin || null;
+    case e.ABOVE_MAX:
+      return r.aboveMax || null;
+    case e.OUT_OF_RANGE:
+      return r.outOfRange || null;
+    case e.INVALID_FROM_SERVER:
+      return r.invalidFromServer || null;
+    case e.NOT_FOUND:
+      return r.notFound || null;
+    case e.BLOCKED:
+      return r.blocked || null;
+    default:
+      return null;
+  }
+}, R = (t) => {
+  switch (t) {
+    // Basic validation
+    case e.MISSING:
+      return /* @__PURE__ */ i(a, { ...l.missingRequiredField });
+    case e.INVALID:
+      return /* @__PURE__ */ i(a, { ...l.invalidValue });
+    case e.EMPTY:
+      return /* @__PURE__ */ i(a, { ...l.emptyValue });
+    // Length validation
+    case e.MIN_LENGTH:
+      return /* @__PURE__ */ i(a, { ...l.valueTooShort });
+    case e.MAX_LENGTH:
+      return /* @__PURE__ */ i(a, { ...l.valueTooLong });
+    // Format validation
+    case e.FORMAT:
+      return /* @__PURE__ */ i(a, { ...l.invalidFormat });
+    case e.DUPLICATE:
+      return /* @__PURE__ */ i(a, { ...l.duplicateValue });
+    // Numeric validation
+    case e.NEGATIVE:
+      return /* @__PURE__ */ i(a, { ...l.invalidNegativeNumber });
+    case e.FRACTIONS:
+      return /* @__PURE__ */ i(a, { ...l.invalidFractionalNumber });
+    case e.BELOW_MIN:
+      return /* @__PURE__ */ i(a, { ...l.valueBelowMinimum });
+    case e.ABOVE_MAX:
+      return /* @__PURE__ */ i(a, { ...l.valueAboveMaximum });
+    case e.OUT_OF_RANGE:
+      return /* @__PURE__ */ i(a, { ...l.valueOutOfRange });
+    // Server/async validation
+    case e.INVALID_FROM_SERVER:
+      return /* @__PURE__ */ i(a, { ...l.invalidFromServer });
+    case e.NOT_FOUND:
+      return /* @__PURE__ */ i(a, { ...l.resourceNotFound });
+    case e.BLOCKED:
+      return /* @__PURE__ */ i(a, { ...l.valueBlocked });
+    default:
+      return null;
+  }
+}, v = ({
+  id: t,
+  errors: r,
+  isVisible: E = !0,
+  // Default to true for backwards compatibility, but will be auto-handled in future
+  renderError: f,
+  renderDefaultError: N,
+  customMessages: F,
+  ...g
+}) => {
+  if (!E || !r || !I(r)) return null;
+  const o = Object.entries(r).filter(([, n]) => n);
+  return o.length === 0 ? null : /* @__PURE__ */ i(h, { id: t, role: "alert", ...g, children: o.map(([n, u]) => {
+    const s = f?.(n, u);
+    if (s)
+      return /* @__PURE__ */ i("div", { children: s }, n);
+    const d = N?.(n, u);
+    if (d)
+      return /* @__PURE__ */ i("div", { children: d }, n);
+    const m = A(n, F);
+    if (m)
+      return /* @__PURE__ */ i("div", { children: m }, n);
+    const c = R(n);
+    return c ? /* @__PURE__ */ i("div", { children: c }, n) : null;
+  }) });
+};
+v.displayName = "FieldErrors";
+v.errorTypes = e;
+export {
+  v as F,
+  e as a
+};
+//# sourceMappingURL=field-errors-CcQ1ssQj.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-errors-CcQ1ssQj.es.js","sources":["../../src/components/field-errors/field-errors.recipe.tsx","../../src/components/field-errors/field-errors.slots.tsx","../../src/components/field-errors/field-errors.i18n.ts","../../src/components/field-errors/field-errors.types.ts","../../src/components/field-errors/field-errors.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\nexport const fieldErrorsRecipe = defineSlotRecipe({\n  className: \"nimbus-field-errors\",\n  slots: [\"root\"],\n  base: {\n    root: {\n      display: \"block\",\n    },\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { fieldErrorsRecipe } from \"./field-errors.recipe\";\nimport type { FieldErrorsRootProps } from \"./field-errors.types\";\n\nconst { withProvider } = createSlotRecipeContext({\n  recipe: fieldErrorsRecipe,\n});\n\nexport const FieldErrorsRoot = withProvider<\n  HTMLDivElement,\n  FieldErrorsRootProps\n>(\"div\", \"root\");\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  // Basic validation\n  missingRequiredField: {\n    id: \"Nimbus.FieldErrors.missingRequiredField\",\n    description: \"Error message for missing required value\",\n    defaultMessage: \"This field is required. Provide a value.\",\n  },\n  invalidValue: {\n    id: \"Nimbus.FieldErrors.invalidValue\",\n    description: \"Error message for invalid value or format\",\n    defaultMessage: \"The provided value is invalid.\",\n  },\n  emptyValue: {\n    id: \"Nimbus.FieldErrors.emptyValue\",\n    description: \"Error message for empty value when content is required\",\n    defaultMessage: \"This field cannot be empty.\",\n  },\n\n  // Length validation\n  valueTooShort: {\n    id: \"Nimbus.FieldErrors.valueTooShort\",\n    description: \"Error message for minimum length validation\",\n    defaultMessage: \"This value is too short.\",\n  },\n  valueTooLong: {\n    id: \"Nimbus.FieldErrors.valueTooLong\",\n    description: \"Error message for maximum length validation\",\n    defaultMessage: \"This value is too long.\",\n  },\n\n  // Format validation\n  invalidFormat: {\n    id: \"Nimbus.FieldErrors.invalidFormat\",\n    description: \"Error message for format validation\",\n    defaultMessage: \"Please enter a valid format.\",\n  },\n  duplicateValue: {\n    id: \"Nimbus.FieldErrors.duplicateValue\",\n    description: \"Error message for duplicate value validation\",\n    defaultMessage: \"This value is already in use. It must be unique.\",\n  },\n\n  // Numeric validation\n  invalidNegativeNumber: {\n    id: \"Nimbus.FieldErrors.invalidNegativeNumber\",\n    description: \"Error message when negative number is used\",\n    defaultMessage: \"Negative number is not supported.\",\n  },\n  invalidFractionalNumber: {\n    id: \"Nimbus.FieldErrors.invalidFractionalNumber\",\n    description: \"Error message when fractional number is used\",\n    defaultMessage: \"A whole number is required.\",\n  },\n  valueBelowMinimum: {\n    id: \"Nimbus.FieldErrors.valueBelowMinimum\",\n    description: \"Error message for values below minimum threshold\",\n    defaultMessage: \"Value must be greater than or equal to the minimum.\",\n  },\n  valueAboveMaximum: {\n    id: \"Nimbus.FieldErrors.valueAboveMaximum\",\n    description: \"Error message for values above maximum threshold\",\n    defaultMessage: \"Value must be less than or equal to the maximum.\",\n  },\n  valueOutOfRange: {\n    id: \"Nimbus.FieldErrors.valueOutOfRange\",\n    description: \"Error message for values outside acceptable range\",\n    defaultMessage: \"Value must be within the acceptable range.\",\n  },\n\n  // Server/async validation\n  invalidFromServer: {\n    id: \"Nimbus.FieldErrors.invalidFromServer\",\n    description: \"Error message for server-side validation errors\",\n    defaultMessage: \"Server validation failed. Please check your input.\",\n  },\n  resourceNotFound: {\n    id: \"Nimbus.FieldErrors.resourceNotFound\",\n    description: \"Error message when a resource is not found\",\n    defaultMessage: \"The requested resource was not found.\",\n  },\n  valueBlocked: {\n    id: \"Nimbus.FieldErrors.valueBlocked\",\n    description: \"Error message for blocked or restricted values\",\n    defaultMessage: \"This value is not allowed.\",\n  },\n});\n","import type { ReactNode } from \"react\";\n\n/**\n * Error object type - compatible with UI-Kit FieldErrors\n * Only entries with truthy values will be rendered as errors\n */\nexport type TFieldErrors = Record<string, boolean>;\n\n/**\n * Function to render custom error messages\n */\nexport type TErrorRenderer = (key: string, error?: boolean) => ReactNode;\n\n/**\n * Props for FieldErrors component\n */\nexport interface FieldErrorsProps {\n  /**\n   * ID of the error field for accessibility\n   */\n  id?: string;\n\n  /**\n   * Error object - only truthy values will be rendered\n   * Compatible with UI-Kit FieldErrors format\n   */\n  errors?: TFieldErrors;\n\n  /**\n   * Whether error messages should be visible\n   * @deprecated This prop will be automatically handled by the component\n   */\n  isVisible?: boolean;\n\n  /**\n   * Custom error renderer function\n   * Return null to fall back to renderDefaultError or built-in errors\n   */\n  renderError?: TErrorRenderer;\n\n  /**\n   * Default error renderer function for errors not handled by renderError\n   * Return null to fall back to built-in error handling\n   */\n  renderDefaultError?: TErrorRenderer;\n\n  /**\n   * Custom error messages to override built-in ones\n   */\n  customMessages?: {\n    // Basic validation\n    missing?: ReactNode;\n    invalid?: ReactNode;\n    empty?: ReactNode;\n\n    // Length validation\n    min?: ReactNode;\n    max?: ReactNode;\n\n    // Format validation\n    format?: ReactNode;\n    duplicate?: ReactNode;\n\n    // Numeric validation\n    negative?: ReactNode;\n    fractions?: ReactNode;\n    belowMin?: ReactNode;\n    aboveMax?: ReactNode;\n    outOfRange?: ReactNode;\n\n    // Server/async validation\n    invalidFromServer?: ReactNode;\n    notFound?: ReactNode;\n    blocked?: ReactNode;\n  };\n}\n\n/**\n * Built-in error types that FieldErrors can handle automatically\n */\nexport const FieldErrorTypes = {\n  // Basic validation\n  MISSING: \"missing\",\n  INVALID: \"invalid\",\n  EMPTY: \"empty\",\n\n  // Length validation\n  MIN_LENGTH: \"min\",\n  MAX_LENGTH: \"max\",\n\n  // Format validation\n  FORMAT: \"format\",\n  DUPLICATE: \"duplicate\",\n\n  // Numeric validation\n  NEGATIVE: \"negative\",\n  FRACTIONS: \"fractions\",\n  BELOW_MIN: \"belowMin\",\n  ABOVE_MAX: \"aboveMax\",\n  OUT_OF_RANGE: \"outOfRange\",\n\n  // Server/async validation\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 * Props for FieldErrors root slot\n */\nexport interface FieldErrorsRootProps {\n  id?: string;\n  role?: string;\n  children?: ReactNode;\n}\n","import { FormattedMessage } from \"react-intl\";\nimport { FieldErrorsRoot } from \"./field-errors.slots\";\nimport { messages } from \"./field-errors.i18n\";\nimport type { FieldErrorsProps } from \"./field-errors.types\";\nimport { FieldErrorTypes } from \"./field-errors.types\";\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 */\nconst getBuiltInMessage = (key: string): React.ReactNode => {\n  switch (key) {\n    // Basic validation\n    case FieldErrorTypes.MISSING:\n      return <FormattedMessage {...messages.missingRequiredField} />;\n    case FieldErrorTypes.INVALID:\n      return <FormattedMessage {...messages.invalidValue} />;\n    case FieldErrorTypes.EMPTY:\n      return <FormattedMessage {...messages.emptyValue} />;\n\n    // Length validation\n    case FieldErrorTypes.MIN_LENGTH:\n      return <FormattedMessage {...messages.valueTooShort} />;\n    case FieldErrorTypes.MAX_LENGTH:\n      return <FormattedMessage {...messages.valueTooLong} />;\n\n    // Format validation\n    case FieldErrorTypes.FORMAT:\n      return <FormattedMessage {...messages.invalidFormat} />;\n    case FieldErrorTypes.DUPLICATE:\n      return <FormattedMessage {...messages.duplicateValue} />;\n\n    // Numeric validation\n    case FieldErrorTypes.NEGATIVE:\n      return <FormattedMessage {...messages.invalidNegativeNumber} />;\n    case FieldErrorTypes.FRACTIONS:\n      return <FormattedMessage {...messages.invalidFractionalNumber} />;\n    case FieldErrorTypes.BELOW_MIN:\n      return <FormattedMessage {...messages.valueBelowMinimum} />;\n    case FieldErrorTypes.ABOVE_MAX:\n      return <FormattedMessage {...messages.valueAboveMaximum} />;\n    case FieldErrorTypes.OUT_OF_RANGE:\n      return <FormattedMessage {...messages.valueOutOfRange} />;\n\n    // Server/async validation\n    case FieldErrorTypes.INVALID_FROM_SERVER:\n      return <FormattedMessage {...messages.invalidFromServer} />;\n    case FieldErrorTypes.NOT_FOUND:\n      return <FormattedMessage {...messages.resourceNotFound} />;\n    case FieldErrorTypes.BLOCKED:\n      return <FormattedMessage {...messages.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 */\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  // 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 <div key={key}>{customErrorElement}</div>;\n        }\n\n        // Try default error renderer second\n        const defaultErrorElement = renderDefaultError?.(key, error);\n        if (defaultErrorElement) {\n          return <div key={key}>{defaultErrorElement}</div>;\n        }\n\n        // Try custom messages for built-in error types first\n        const customMessage = getCustomMessage(key, customMessages);\n        if (customMessage) {\n          return <div key={key}>{customMessage}</div>;\n        }\n\n        // Fall back to built-in localized messages\n        const builtInMessage = getBuiltInMessage(key);\n        if (builtInMessage) {\n          return <div key={key}>{builtInMessage}</div>;\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"],"names":["fieldErrorsRecipe","defineSlotRecipe","withProvider","createSlotRecipeContext","FieldErrorsRoot","messages","defineMessages","FieldErrorTypes","isObject","obj","getCustomMessage","key","customMessages","getBuiltInMessage","jsx","FormattedMessage","FieldErrors","id","errors","isVisible","renderError","renderDefaultError","props","activeErrors","error","customErrorElement","defaultErrorElement","customMessage","builtInMessage"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),a=require("react-intl"),M=require("@chakra-ui/react/styled-system"),b=require("@chakra-ui/react"),p=b.defineSlotRecipe({className:"nimbus-field-errors",slots:["root"],base:{root:{display:"block"}}}),{withProvider:T}=M.createSlotRecipeContext({recipe:p}),O=T("div","root"),s=a.defineMessages({missingRequiredField:{id:"Nimbus.FieldErrors.missingRequiredField",description:"Error message for missing required value",defaultMessage:"This field is required. Provide a value."},invalidValue:{id:"Nimbus.FieldErrors.invalidValue",description:"Error message for invalid value or format",defaultMessage:"The provided value is invalid."},emptyValue:{id:"Nimbus.FieldErrors.emptyValue",description:"Error message for empty value when content is required",defaultMessage:"This field cannot be empty."},valueTooShort:{id:"Nimbus.FieldErrors.valueTooShort",description:"Error message for minimum length validation",defaultMessage:"This value is too short."},valueTooLong:{id:"Nimbus.FieldErrors.valueTooLong",description:"Error message for maximum length validation",defaultMessage:"This value is too long."},invalidFormat:{id:"Nimbus.FieldErrors.invalidFormat",description:"Error message for format validation",defaultMessage:"Please enter a valid format."},duplicateValue:{id:"Nimbus.FieldErrors.duplicateValue",description:"Error message for duplicate value validation",defaultMessage:"This value is already in use. It must be unique."},invalidNegativeNumber:{id:"Nimbus.FieldErrors.invalidNegativeNumber",description:"Error message when negative number is used",defaultMessage:"Negative number is not supported."},invalidFractionalNumber:{id:"Nimbus.FieldErrors.invalidFractionalNumber",description:"Error message when fractional number is used",defaultMessage:"A whole number is required."},valueBelowMinimum:{id:"Nimbus.FieldErrors.valueBelowMinimum",description:"Error message for values below minimum threshold",defaultMessage:"Value must be greater than or equal to the minimum."},valueAboveMaximum:{id:"Nimbus.FieldErrors.valueAboveMaximum",description:"Error message for values above maximum threshold",defaultMessage:"Value must be less than or equal to the maximum."},valueOutOfRange:{id:"Nimbus.FieldErrors.valueOutOfRange",description:"Error message for values outside acceptable range",defaultMessage:"Value must be within the acceptable range."},invalidFromServer:{id:"Nimbus.FieldErrors.invalidFromServer",description:"Error message for server-side validation errors",defaultMessage:"Server validation failed. Please check your input."},resourceNotFound:{id:"Nimbus.FieldErrors.resourceNotFound",description:"Error message when a resource is not found",defaultMessage:"The requested resource was not found."},valueBlocked:{id:"Nimbus.FieldErrors.valueBlocked",description:"Error message for blocked or restricted values",defaultMessage:"This value is not allowed."}}),e={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"},h=l=>typeof l=="object",I=(l,r)=>{if(!r)return null;switch(l){case e.MISSING:return r.missing||null;case e.INVALID:return r.invalid||null;case e.EMPTY:return r.empty||null;case e.MIN_LENGTH:return r.min||null;case e.MAX_LENGTH:return r.max||null;case e.FORMAT:return r.format||null;case e.DUPLICATE:return r.duplicate||null;case e.NEGATIVE:return r.negative||null;case e.FRACTIONS:return r.fractions||null;case e.BELOW_MIN:return r.belowMin||null;case e.ABOVE_MAX:return r.aboveMax||null;case e.OUT_OF_RANGE:return r.outOfRange||null;case e.INVALID_FROM_SERVER:return r.invalidFromServer||null;case e.NOT_FOUND:return r.notFound||null;case e.BLOCKED:return r.blocked||null;default:return null}},A=l=>{switch(l){case e.MISSING:return i.jsx(a.FormattedMessage,{...s.missingRequiredField});case e.INVALID:return i.jsx(a.FormattedMessage,{...s.invalidValue});case e.EMPTY:return i.jsx(a.FormattedMessage,{...s.emptyValue});case e.MIN_LENGTH:return i.jsx(a.FormattedMessage,{...s.valueTooShort});case e.MAX_LENGTH:return i.jsx(a.FormattedMessage,{...s.valueTooLong});case e.FORMAT:return i.jsx(a.FormattedMessage,{...s.invalidFormat});case e.DUPLICATE:return i.jsx(a.FormattedMessage,{...s.duplicateValue});case e.NEGATIVE:return i.jsx(a.FormattedMessage,{...s.invalidNegativeNumber});case e.FRACTIONS:return i.jsx(a.FormattedMessage,{...s.invalidFractionalNumber});case e.BELOW_MIN:return i.jsx(a.FormattedMessage,{...s.valueBelowMinimum});case e.ABOVE_MAX:return i.jsx(a.FormattedMessage,{...s.valueAboveMaximum});case e.OUT_OF_RANGE:return i.jsx(a.FormattedMessage,{...s.valueOutOfRange});case e.INVALID_FROM_SERVER:return i.jsx(a.FormattedMessage,{...s.invalidFromServer});case e.NOT_FOUND:return i.jsx(a.FormattedMessage,{...s.resourceNotFound});case e.BLOCKED:return i.jsx(a.FormattedMessage,{...s.valueBlocked});default:return null}},o=({id:l,errors:r,isVisible:E=!0,renderError:F,renderDefaultError:g,customMessages:N,...f})=>{if(!E||!r||!h(r))return null;const n=Object.entries(r).filter(([,t])=>t);return n.length===0?null:i.jsx(O,{id:l,role:"alert",...f,children:n.map(([t,u])=>{const d=F?.(t,u);if(d)return i.jsx("div",{children:d},t);const m=g?.(t,u);if(m)return i.jsx("div",{children:m},t);const c=I(t,N);if(c)return i.jsx("div",{children:c},t);const v=A(t);return v?i.jsx("div",{children:v},t):null})})};o.displayName="FieldErrors";o.errorTypes=e;exports.FieldErrorTypes=e;exports.FieldErrors=o;
+//# sourceMappingURL=field-errors-Rzp3VbWz.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-errors-Rzp3VbWz.cjs.js","sources":["../../src/components/field-errors/field-errors.recipe.tsx","../../src/components/field-errors/field-errors.slots.tsx","../../src/components/field-errors/field-errors.i18n.ts","../../src/components/field-errors/field-errors.types.ts","../../src/components/field-errors/field-errors.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\nexport const fieldErrorsRecipe = defineSlotRecipe({\n  className: \"nimbus-field-errors\",\n  slots: [\"root\"],\n  base: {\n    root: {\n      display: \"block\",\n    },\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { fieldErrorsRecipe } from \"./field-errors.recipe\";\nimport type { FieldErrorsRootProps } from \"./field-errors.types\";\n\nconst { withProvider } = createSlotRecipeContext({\n  recipe: fieldErrorsRecipe,\n});\n\nexport const FieldErrorsRoot = withProvider<\n  HTMLDivElement,\n  FieldErrorsRootProps\n>(\"div\", \"root\");\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  // Basic validation\n  missingRequiredField: {\n    id: \"Nimbus.FieldErrors.missingRequiredField\",\n    description: \"Error message for missing required value\",\n    defaultMessage: \"This field is required. Provide a value.\",\n  },\n  invalidValue: {\n    id: \"Nimbus.FieldErrors.invalidValue\",\n    description: \"Error message for invalid value or format\",\n    defaultMessage: \"The provided value is invalid.\",\n  },\n  emptyValue: {\n    id: \"Nimbus.FieldErrors.emptyValue\",\n    description: \"Error message for empty value when content is required\",\n    defaultMessage: \"This field cannot be empty.\",\n  },\n\n  // Length validation\n  valueTooShort: {\n    id: \"Nimbus.FieldErrors.valueTooShort\",\n    description: \"Error message for minimum length validation\",\n    defaultMessage: \"This value is too short.\",\n  },\n  valueTooLong: {\n    id: \"Nimbus.FieldErrors.valueTooLong\",\n    description: \"Error message for maximum length validation\",\n    defaultMessage: \"This value is too long.\",\n  },\n\n  // Format validation\n  invalidFormat: {\n    id: \"Nimbus.FieldErrors.invalidFormat\",\n    description: \"Error message for format validation\",\n    defaultMessage: \"Please enter a valid format.\",\n  },\n  duplicateValue: {\n    id: \"Nimbus.FieldErrors.duplicateValue\",\n    description: \"Error message for duplicate value validation\",\n    defaultMessage: \"This value is already in use. It must be unique.\",\n  },\n\n  // Numeric validation\n  invalidNegativeNumber: {\n    id: \"Nimbus.FieldErrors.invalidNegativeNumber\",\n    description: \"Error message when negative number is used\",\n    defaultMessage: \"Negative number is not supported.\",\n  },\n  invalidFractionalNumber: {\n    id: \"Nimbus.FieldErrors.invalidFractionalNumber\",\n    description: \"Error message when fractional number is used\",\n    defaultMessage: \"A whole number is required.\",\n  },\n  valueBelowMinimum: {\n    id: \"Nimbus.FieldErrors.valueBelowMinimum\",\n    description: \"Error message for values below minimum threshold\",\n    defaultMessage: \"Value must be greater than or equal to the minimum.\",\n  },\n  valueAboveMaximum: {\n    id: \"Nimbus.FieldErrors.valueAboveMaximum\",\n    description: \"Error message for values above maximum threshold\",\n    defaultMessage: \"Value must be less than or equal to the maximum.\",\n  },\n  valueOutOfRange: {\n    id: \"Nimbus.FieldErrors.valueOutOfRange\",\n    description: \"Error message for values outside acceptable range\",\n    defaultMessage: \"Value must be within the acceptable range.\",\n  },\n\n  // Server/async validation\n  invalidFromServer: {\n    id: \"Nimbus.FieldErrors.invalidFromServer\",\n    description: \"Error message for server-side validation errors\",\n    defaultMessage: \"Server validation failed. Please check your input.\",\n  },\n  resourceNotFound: {\n    id: \"Nimbus.FieldErrors.resourceNotFound\",\n    description: \"Error message when a resource is not found\",\n    defaultMessage: \"The requested resource was not found.\",\n  },\n  valueBlocked: {\n    id: \"Nimbus.FieldErrors.valueBlocked\",\n    description: \"Error message for blocked or restricted values\",\n    defaultMessage: \"This value is not allowed.\",\n  },\n});\n","import type { ReactNode } from \"react\";\n\n/**\n * Error object type - compatible with UI-Kit FieldErrors\n * Only entries with truthy values will be rendered as errors\n */\nexport type TFieldErrors = Record<string, boolean>;\n\n/**\n * Function to render custom error messages\n */\nexport type TErrorRenderer = (key: string, error?: boolean) => ReactNode;\n\n/**\n * Props for FieldErrors component\n */\nexport interface FieldErrorsProps {\n  /**\n   * ID of the error field for accessibility\n   */\n  id?: string;\n\n  /**\n   * Error object - only truthy values will be rendered\n   * Compatible with UI-Kit FieldErrors format\n   */\n  errors?: TFieldErrors;\n\n  /**\n   * Whether error messages should be visible\n   * @deprecated This prop will be automatically handled by the component\n   */\n  isVisible?: boolean;\n\n  /**\n   * Custom error renderer function\n   * Return null to fall back to renderDefaultError or built-in errors\n   */\n  renderError?: TErrorRenderer;\n\n  /**\n   * Default error renderer function for errors not handled by renderError\n   * Return null to fall back to built-in error handling\n   */\n  renderDefaultError?: TErrorRenderer;\n\n  /**\n   * Custom error messages to override built-in ones\n   */\n  customMessages?: {\n    // Basic validation\n    missing?: ReactNode;\n    invalid?: ReactNode;\n    empty?: ReactNode;\n\n    // Length validation\n    min?: ReactNode;\n    max?: ReactNode;\n\n    // Format validation\n    format?: ReactNode;\n    duplicate?: ReactNode;\n\n    // Numeric validation\n    negative?: ReactNode;\n    fractions?: ReactNode;\n    belowMin?: ReactNode;\n    aboveMax?: ReactNode;\n    outOfRange?: ReactNode;\n\n    // Server/async validation\n    invalidFromServer?: ReactNode;\n    notFound?: ReactNode;\n    blocked?: ReactNode;\n  };\n}\n\n/**\n * Built-in error types that FieldErrors can handle automatically\n */\nexport const FieldErrorTypes = {\n  // Basic validation\n  MISSING: \"missing\",\n  INVALID: \"invalid\",\n  EMPTY: \"empty\",\n\n  // Length validation\n  MIN_LENGTH: \"min\",\n  MAX_LENGTH: \"max\",\n\n  // Format validation\n  FORMAT: \"format\",\n  DUPLICATE: \"duplicate\",\n\n  // Numeric validation\n  NEGATIVE: \"negative\",\n  FRACTIONS: \"fractions\",\n  BELOW_MIN: \"belowMin\",\n  ABOVE_MAX: \"aboveMax\",\n  OUT_OF_RANGE: \"outOfRange\",\n\n  // Server/async validation\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 * Props for FieldErrors root slot\n */\nexport interface FieldErrorsRootProps {\n  id?: string;\n  role?: string;\n  children?: ReactNode;\n}\n","import { FormattedMessage } from \"react-intl\";\nimport { FieldErrorsRoot } from \"./field-errors.slots\";\nimport { messages } from \"./field-errors.i18n\";\nimport type { FieldErrorsProps } from \"./field-errors.types\";\nimport { FieldErrorTypes } from \"./field-errors.types\";\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 */\nconst getBuiltInMessage = (key: string): React.ReactNode => {\n  switch (key) {\n    // Basic validation\n    case FieldErrorTypes.MISSING:\n      return <FormattedMessage {...messages.missingRequiredField} />;\n    case FieldErrorTypes.INVALID:\n      return <FormattedMessage {...messages.invalidValue} />;\n    case FieldErrorTypes.EMPTY:\n      return <FormattedMessage {...messages.emptyValue} />;\n\n    // Length validation\n    case FieldErrorTypes.MIN_LENGTH:\n      return <FormattedMessage {...messages.valueTooShort} />;\n    case FieldErrorTypes.MAX_LENGTH:\n      return <FormattedMessage {...messages.valueTooLong} />;\n\n    // Format validation\n    case FieldErrorTypes.FORMAT:\n      return <FormattedMessage {...messages.invalidFormat} />;\n    case FieldErrorTypes.DUPLICATE:\n      return <FormattedMessage {...messages.duplicateValue} />;\n\n    // Numeric validation\n    case FieldErrorTypes.NEGATIVE:\n      return <FormattedMessage {...messages.invalidNegativeNumber} />;\n    case FieldErrorTypes.FRACTIONS:\n      return <FormattedMessage {...messages.invalidFractionalNumber} />;\n    case FieldErrorTypes.BELOW_MIN:\n      return <FormattedMessage {...messages.valueBelowMinimum} />;\n    case FieldErrorTypes.ABOVE_MAX:\n      return <FormattedMessage {...messages.valueAboveMaximum} />;\n    case FieldErrorTypes.OUT_OF_RANGE:\n      return <FormattedMessage {...messages.valueOutOfRange} />;\n\n    // Server/async validation\n    case FieldErrorTypes.INVALID_FROM_SERVER:\n      return <FormattedMessage {...messages.invalidFromServer} />;\n    case FieldErrorTypes.NOT_FOUND:\n      return <FormattedMessage {...messages.resourceNotFound} />;\n    case FieldErrorTypes.BLOCKED:\n      return <FormattedMessage {...messages.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 */\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  // 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 <div key={key}>{customErrorElement}</div>;\n        }\n\n        // Try default error renderer second\n        const defaultErrorElement = renderDefaultError?.(key, error);\n        if (defaultErrorElement) {\n          return <div key={key}>{defaultErrorElement}</div>;\n        }\n\n        // Try custom messages for built-in error types first\n        const customMessage = getCustomMessage(key, customMessages);\n        if (customMessage) {\n          return <div key={key}>{customMessage}</div>;\n        }\n\n        // Fall back to built-in localized messages\n        const builtInMessage = getBuiltInMessage(key);\n        if (builtInMessage) {\n          return <div key={key}>{builtInMessage}</div>;\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"],"names":["fieldErrorsRecipe","defineSlotRecipe","withProvider","createSlotRecipeContext","FieldErrorsRoot","messages","defineMessages","FieldErrorTypes","isObject","obj","getCustomMessage","key","customMessages","getBuiltInMessage","jsx","FormattedMessage","FieldErrors","id","errors","isVisible","renderError","renderDefaultError","props","activeErrors","error","customErrorElement","defaultErrorElement","customMessage","builtInMessage"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+"use strict";const t=require("react/jsx-runtime"),i=require("react"),x=require("@chakra-ui/react/styled-system"),p=require("./Dialog-K19USc7c.cjs.js"),u=require("./box-CWni3A32.cjs.js"),B=require("./icon-button-0GLW7WtL.cjs.js"),m=require("@commercetools/nimbus-icons"),A=require("./useField-DmqO9k7a.cjs.js"),s=i.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),H=`
+"label"
+"input"
+"description"
+"error"
+`,I=`
+"label input"
+"label description"
+"label error"
+`,L=x.defineSlotRecipe({slots:["root","label","input","description","error","popover"],className:"nimbus-ui-form-field",base:{root:{"--grid-gap":"spacing.100",display:"grid",width:"auto"},label:{gridArea:"label",fontWeight:"500",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},input:{gridArea:"input"},description:{gridArea:"description",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},error:{gridArea:"error",color:"critical.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)",display:"flex",gap:"100"},popover:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"neutral.1",maxWidth:"xl",borderRadius:"200",boxShadow:"6",border:"solid-25",borderColor:"neutral.8",maxHeight:"40svh",overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)",focusRing:"outside"}},variants:{size:{md:{root:{"--form-field-font-size":"fontSizes.350","--form-field-line-height":"lineHeights.500"}},sm:{root:{"--form-field-font-size":"fontSizes.300","--form-field-line-height":"lineHeights.450"}}},direction:{column:{root:{gridTemplateAreas:H},input:{mt:"var(--grid-gap)"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}},row:{root:{gridTemplateAreas:I,gridTemplateColumns:"auto 1fr",gridColumnGap:"200"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}}}},defaultVariants:{direction:"column",size:"md"}}),{withProvider:R,withContext:c}=x.createSlotRecipeContext({recipe:L}),q=R("div","root"),M=c("div","label"),T=c("div","input"),W=c("div","description"),k=c("div","error"),D=c("div","popover"),b=i.forwardRef(({isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n,children:S,...j},z)=>{const[r,f]=i.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n}),d={description:r.description,errorMessage:r.error};r.label?d.label=r.label:(d["aria-label"]="empty-label",d["aria-labelledby"]="empty-label");const{labelProps:E,fieldProps:P,descriptionProps:$,errorMessageProps:w}=A.$2baaea4c71418dea$export$294aa081a6c6f55d(d);i.useEffect(()=>{f(a=>({...a,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n}))},[e,l,o,n]);const y={...P,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n};return t.jsx(s.Provider,{value:{context:r,setContext:f},children:t.jsxs(q,{ref:z,...j,children:[r.label&&t.jsxs(M,{...r.labelSlotProps,children:[t.jsxs("label",{...E,children:[r.label,l&&t.jsx("sup",{"aria-hidden":"true",children:"*"})]}),r.info&&t.jsxs(p.$de32f1b87079253c$export$2e1e1122cf0cba88,{children:[t.jsx(u.Box,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:t.jsx(u.Box,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:t.jsx(B.IconButton,{"aria-label":"__MORE INFO",size:"2xs",tone:"info",variant:"link",children:t.jsx(m.HelpOutline,{})})})}),t.jsx(p.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:t.jsx(D,{asChild:!0,children:t.jsx(p.$de32f1b87079253c$export$3ddf2d174ce01153,{children:t.jsx(u.Box,{p:"300",children:r.info})})})})]})]}),r.input&&t.jsx(T,{...r.inputSlotProps,children:i.Children.map(r.input,a=>i.isValidElement(a)?i.cloneElement(a,y):a)}),r.description&&t.jsx(W,{...$,...r.descriptionSlotProps,children:r.description}),e&&r.error&&t.jsxs(k,{...w,...r.errorSlotProps,children:[t.jsx(u.Box,{as:m.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"middle"}),r.error]}),S]})})}),g=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,label:e,labelSlotProps:l}))},[e,o]),null},F=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,input:e,inputSlotProps:l}))},[e,o]),null},h=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,description:e,descriptionSlotProps:l}))},[e,o]),null},v=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,error:e,errorSlotProps:l}))},[e,o]),null},C=({children:e})=>{const{setContext:l}=i.useContext(s);return i.useEffect(()=>{l(o=>({...o,info:e}))},[e,l]),null},N={Root:b,Label:g,Input:F,Description:h,Error:v,InfoBox:C};exports.FormField=N;exports.FormFieldDescription=h;exports.FormFieldError=v;exports.FormFieldInfoBox=C;exports.FormFieldInput=F;exports.FormFieldLabel=g;exports.FormFieldRoot=b;
+//# sourceMappingURL=form-field-DHvafAwV.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-DHvafAwV.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.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.slots\";\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 { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nconst columnLayout = `\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n`;\nconst rowLayout = `\n\"label input\"\n\"label description\"\n\"label error\"\n`;\n\n/**\n * Recipe configuration for the FormField component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const formFieldRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"input\", \"description\", \"error\", \"popover\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-ui-form-field\",\n\n  base: {\n    root: {\n      \"--grid-gap\": \"spacing.100\",\n\n      display: \"grid\",\n      width: \"auto\",\n    },\n    label: {\n      gridArea: \"label\",\n      fontWeight: \"500\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    input: {\n      gridArea: \"input\",\n    },\n    description: {\n      gridArea: \"description\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    error: {\n      gridArea: \"error\",\n      color: \"critical.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n      display: \"flex\",\n      gap: \"100\",\n    },\n    popover: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n      bg: \"neutral.1\",\n      maxWidth: \"xl\",\n      borderRadius: \"200\",\n      boxShadow: \"6\",\n      border: \"solid-25\",\n      borderColor: \"neutral.8\",\n      maxHeight: \"40svh\",\n      overflow: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      focusRing: \"outside\",\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.350\",\n          \"--form-field-line-height\": \"lineHeights.500\",\n        },\n      },\n      sm: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.300\",\n          \"--form-field-line-height\": \"lineHeights.450\",\n        },\n      },\n    },\n    direction: {\n      column: {\n        root: {\n          gridTemplateAreas: columnLayout,\n        },\n        input: {\n          mt: \"var(--grid-gap)\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n      row: {\n        root: {\n          gridTemplateAreas: rowLayout,\n          gridTemplateColumns: \"auto 1fr\",\n          gridColumnGap: \"200\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    direction: \"column\",\n    size: \"md\",\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\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\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\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] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.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      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\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 = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\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                        tone=\"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=\"middle\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\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","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\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\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\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","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","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-DMs36b56.es.js → form-field-DIUXRuTp.es.js}

@@ -1,6 +1,6 @@
-import { jsx as l, jsxs as c } from "react/jsx-runtime";
-import { createContext as z, forwardRef as $, useState as P, useEffect as n, Children as w, isValidElement as A, cloneElement as E, useContext as d } from "react";
-import { defineSlotRecipe as H, createSlotRecipeContext as y } from "@chakra-ui/react/styled-system";
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
+import { createContext as z, forwardRef as $, useState as P, useEffect as n, Children as w, isValidElement as A, cloneElement as E, useContext as c } from "react";
+import { defineSlotRecipe as y, createSlotRecipeContext as H } from "@chakra-ui/react/styled-system";
 import { e as B, $ as L, a as I } from "./Dialog-BH-H4BEe.es.js";
 import { B as m } from "./box-DuBoAZvq.es.js";
 import { I as M } from "./icon-button-C_i4ydsN.es.js";
@@ -25,7 +25,7 @@ const a = /* @__PURE__ */ z({
 "label input"
 "label description"
 "label error"
-`, N = /* @__PURE__ */ H({
+`, N = /* @__PURE__ */ y({
   slots: ["root", "label", "input", "description", "error", "popover"],
   // Unique class name prefix for the component
   className: "nimbus-ui-form-field",
@@ -55,7 +55,9 @@ const a = /* @__PURE__ */ z({
       gridArea: "error",
       color: "critical.11",
       fontSize: "var(--form-field-font-size)",
-      lineHeight: "var(--form-field-line-height)"
+      lineHeight: "var(--form-field-line-height)",
+      display: "flex",
+      gap: "100"
     },
     popover: {
       "--scrollbar-color": "colors.neutral.8",
@@ -123,7 +125,7 @@ const a = /* @__PURE__ */ z({
     direction: "column",
     size: "md"
   }
-}), { withProvider: V, withContext: p } = /* @__PURE__ */ y({
+}), { withProvider: V, withContext: p } = /* @__PURE__ */ H({
   recipe: N
 }), _ = /* @__PURE__ */ V("div", "root"), G = /* @__PURE__ */ p("div", "label"), O = /* @__PURE__ */ p("div", "input"), D = /* @__PURE__ */ p("div", "description"), J = /* @__PURE__ */ p("div", "error"), K = /* @__PURE__ */ p("div", "popover"), Q = /* @__PURE__ */ $(
   ({ isInvalid: r, isRequired: t, isDisabled: e, isReadOnly: i, children: b, ...g }, h) => {
@@ -159,13 +161,13 @@ const a = /* @__PURE__ */ z({
       isDisabled: e,
       isReadOnly: i
     };
-    return /* @__PURE__ */ l(a.Provider, { value: { context: o, setContext: u }, children: /* @__PURE__ */ c(_, { ref: h, ...g, children: [
-      o.label && /* @__PURE__ */ c(G, { ...o.labelSlotProps, children: [
-        /* @__PURE__ */ c("label", { ...x, children: [
+    return /* @__PURE__ */ l(a.Provider, { value: { context: o, setContext: u }, children: /* @__PURE__ */ d(_, { ref: h, ...g, children: [
+      o.label && /* @__PURE__ */ d(G, { ...o.labelSlotProps, children: [
+        /* @__PURE__ */ d("label", { ...x, children: [
           o.label,
           t && /* @__PURE__ */ l("sup", { "aria-hidden": "true", children: "*" })
         ] }),
-        o.info && /* @__PURE__ */ c(B, { children: [
+        o.info && /* @__PURE__ */ d(B, { children: [
           /* @__PURE__ */ l(
             m,
             {
@@ -210,7 +212,7 @@ const a = /* @__PURE__ */ z({
           children: o.description
         }
       ),
-      r && o.error && /* @__PURE__ */ c(
+      r && o.error && /* @__PURE__ */ d(
         J,
         {
           ...S,
@@ -222,8 +224,7 @@ const a = /* @__PURE__ */ z({
                 as: T,
                 display: "inline-flex",
                 boxSize: "400",
-                verticalAlign: "text-bottom",
-                mr: "100"
+                verticalAlign: "middle"
               }
             ),
             o.error
@@ -237,7 +238,7 @@ const a = /* @__PURE__ */ z({
   children: r,
   ...t
 }) => {
-  const { setContext: e } = d(a);
+  const { setContext: e } = c(a);
   return n(() => {
     e((i) => ({
       ...i,
@@ -249,7 +250,7 @@ const a = /* @__PURE__ */ z({
   children: r,
   ...t
 }) => {
-  const { setContext: e } = d(a);
+  const { setContext: e } = c(a);
   return n(() => {
     e((i) => ({
       ...i,
@@ -261,7 +262,7 @@ const a = /* @__PURE__ */ z({
   children: r,
   ...t
 }) => {
-  const { setContext: e } = d(a);
+  const { setContext: e } = c(a);
   return n(() => {
     e((i) => ({
       ...i,
@@ -273,7 +274,7 @@ const a = /* @__PURE__ */ z({
   children: r,
   ...t
 }) => {
-  const { setContext: e } = d(a);
+  const { setContext: e } = c(a);
   return n(() => {
     e((i) => ({
       ...i,
@@ -282,7 +283,7 @@ const a = /* @__PURE__ */ z({
     }));
   }, [r, e]), null;
 }, q = ({ children: r }) => {
-  const { setContext: t } = d(a);
+  const { setContext: t } = c(a);
   return n(() => {
     t((e) => ({
       ...e,
@@ -306,4 +307,4 @@ export {
   Z as e,
   q as f
 };
-//# sourceMappingURL=form-field-DMs36b56.es.js.map
+//# sourceMappingURL=form-field-DIUXRuTp.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-DIUXRuTp.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.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.slots\";\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 { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nconst columnLayout = `\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n`;\nconst rowLayout = `\n\"label input\"\n\"label description\"\n\"label error\"\n`;\n\n/**\n * Recipe configuration for the FormField component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const formFieldRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"input\", \"description\", \"error\", \"popover\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-ui-form-field\",\n\n  base: {\n    root: {\n      \"--grid-gap\": \"spacing.100\",\n\n      display: \"grid\",\n      width: \"auto\",\n    },\n    label: {\n      gridArea: \"label\",\n      fontWeight: \"500\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    input: {\n      gridArea: \"input\",\n    },\n    description: {\n      gridArea: \"description\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    error: {\n      gridArea: \"error\",\n      color: \"critical.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n      display: \"flex\",\n      gap: \"100\",\n    },\n    popover: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n      bg: \"neutral.1\",\n      maxWidth: \"xl\",\n      borderRadius: \"200\",\n      boxShadow: \"6\",\n      border: \"solid-25\",\n      borderColor: \"neutral.8\",\n      maxHeight: \"40svh\",\n      overflow: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      focusRing: \"outside\",\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.350\",\n          \"--form-field-line-height\": \"lineHeights.500\",\n        },\n      },\n      sm: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.300\",\n          \"--form-field-line-height\": \"lineHeights.450\",\n        },\n      },\n    },\n    direction: {\n      column: {\n        root: {\n          gridTemplateAreas: columnLayout,\n        },\n        input: {\n          mt: \"var(--grid-gap)\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n      row: {\n        root: {\n          gridTemplateAreas: rowLayout,\n          gridTemplateColumns: \"auto 1fr\",\n          gridColumnGap: \"200\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    direction: \"column\",\n    size: \"md\",\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\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\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\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] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.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      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\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 = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\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                        tone=\"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=\"middle\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\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","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\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\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\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","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","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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"}