@commercetools/nimbus 0.0.0-canary-20251013071647 → 0.0.0-canary-20251014065943

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-errors-Dzmxsyfu.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\", \"message\"],\n  base: {\n    root: {\n      display: \"block\",\n      colorPalette: \"critical\",\n    },\n    message: {\n      color: \"colorPalette.11\",\n    },\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { fieldErrorsRecipe } from \"./field-errors.recipe\";\nimport type { FieldErrorsRootProps } from \"./field-errors.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: fieldErrorsRecipe,\n});\n\nexport const FieldErrorsRoot = withProvider<\n  HTMLDivElement,\n  FieldErrorsRootProps\n>(\"div\", \"root\");\n\nexport interface FieldErrorsMessageProps extends HTMLChakraProps<\"div\"> {}\nexport const FieldErrorsMessage = withContext<\n  HTMLDivElement,\n  FieldErrorsMessageProps\n>(\"div\", \"message\");\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\";\nimport type { HTMLChakraProps } from \"@chakra-ui/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\nexport interface FieldErrorsRootProps extends HTMLChakraProps<\"div\"> {\n  id?: string;\n  role?: string;\n  children?: ReactNode;\n}\n\n/**\n * Props for FieldErrors component\n */\nexport interface FieldErrorsProps extends FieldErrorsRootProps {\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, FieldErrorsMessage } 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 (\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);\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":["fieldErrorsRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FieldErrorsRoot","FieldErrorsMessage","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-n9EuKYPI.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-errors-n9EuKYPI.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\", \"message\"],\n  base: {\n    root: {\n      display: \"block\",\n      colorPalette: \"critical\",\n    },\n    message: {\n      color: \"colorPalette.11\",\n    },\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { fieldErrorsRecipe } from \"./field-errors.recipe\";\nimport type { FieldErrorsRootProps } from \"./field-errors.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: fieldErrorsRecipe,\n});\n\nexport const FieldErrorsRoot = withProvider<\n  HTMLDivElement,\n  FieldErrorsRootProps\n>(\"div\", \"root\");\n\nexport interface FieldErrorsMessageProps extends HTMLChakraProps<\"div\"> {}\nexport const FieldErrorsMessage = withContext<\n  HTMLDivElement,\n  FieldErrorsMessageProps\n>(\"div\", \"message\");\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\";\nimport type { HTMLChakraProps } from \"@chakra-ui/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\nexport interface FieldErrorsRootProps extends HTMLChakraProps<\"div\"> {\n  id?: string;\n  role?: string;\n  children?: ReactNode;\n}\n\n/**\n * Props for FieldErrors component\n */\nexport interface FieldErrorsProps extends FieldErrorsRootProps {\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, FieldErrorsMessage } 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 (\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);\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":["fieldErrorsRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FieldErrorsRoot","FieldErrorsMessage","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-2NMmaZgp.cjs.js

@@ -1,11 +0,0 @@
-"use strict";const l=require("react/jsx-runtime"),t=require("react"),M=require("@chakra-ui/react"),F=require("@chakra-ui/react/styled-system"),m=require("./Dialog-XGXh4NXU.cjs.js"),g=require("@commercetools/nimbus-icons"),q=require("./useObjectRef-dXOJdONs.cjs.js"),I=require("./useField-C_piDZ9g.cjs.js"),f=require("./box-CWni3A32.cjs.js"),T=require("./icon-button-CkjZc6Br.cjs.js"),a=t.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),V=`
-"label"
-"input"
-"description"
-"error"
-`,W=`
-"label input"
-"label description"
-"label error"
-`,k=F.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:V},input:{mt:"var(--grid-gap)"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}},row:{root:{gridTemplateAreas:W,gridTemplateColumns:"auto 1fr",gridColumnGap:"200"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}}}},defaultVariants:{direction:"column",size:"md"}}),{withProvider:N,withContext:p}=F.createSlotRecipeContext({recipe:k}),_=N("div","root"),D=p("div","label"),G=p("div","input"),O=p("div","description"),J=p("div","error"),K=p("div","popover"),h=function({ref:n,id:r,isInvalid:o,isRequired:c,isDisabled:d,isReadOnly:u,children:$,...z}){const E=t.useRef(null),B=q.$df56164dff5785e2$export$4338b53315abf666(M.mergeRefs(E,n)),[e,b]=t.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:o,isRequired:c,isDisabled:d,isReadOnly:u}),w=t.useMemo(()=>{const s={id:r,description:e.description,errorMessage:e.error};return e.label?s.label=e.label:(s["aria-label"]="empty-label",s["aria-labelledby"]="empty-label"),s},[r,e.description,e.error,e.label]),{labelProps:y,fieldProps:x,descriptionProps:A,errorMessageProps:R}=I.$2baaea4c71418dea$export$294aa081a6c6f55d(w);t.useEffect(()=>{b(s=>({...s,isInvalid:o,isRequired:c,isDisabled:d,isReadOnly:u}))},[o,c,d,u]);const H=t.useMemo(()=>({...x,isInvalid:o,isRequired:c,isDisabled:d,isReadOnly:u}),[x,o,c,d,u]),L=t.useMemo(()=>({context:e,setContext:b}),[e]);return l.jsx(a.Provider,{value:L,children:l.jsxs(_,{ref:B,...z,children:[e.label&&l.jsxs(D,{...e.labelSlotProps,children:[l.jsxs("label",{...y,children:[e.label,c&&l.jsx("sup",{"aria-hidden":"true",children:"*"})]}),e.info&&l.jsxs(m.$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(T.IconButton,{"aria-label":"__MORE INFO",size:"2xs",tone:"info",variant:"link",children:l.jsx(g.HelpOutline,{})})})}),l.jsx(m.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:l.jsx(K,{asChild:!0,children:l.jsx(m.$de32f1b87079253c$export$3ddf2d174ce01153,{children:l.jsx(f.Box,{p:"300",children:e.info})})})})]})]}),e.input&&l.jsx(G,{...e.inputSlotProps,children:t.Children.map(e.input,s=>t.isValidElement(s)?t.cloneElement(s,H):s)}),e.description&&l.jsx(O,{...A,...e.descriptionSlotProps,children:e.description}),o&&e.error&&l.jsxs(J,{...R,...e.errorSlotProps,children:[l.jsx(f.Box,{as:g.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"text-bottom",mr:"100",alignSelf:"center"}),e.error]}),$]})})},v=({children:i,...n})=>{const{setContext:r}=t.useContext(a);return t.useEffect(()=>(r(o=>({...o,label:i,labelSlotProps:n})),()=>{r(o=>({...o,label:null,labelSlotProps:void 0}))}),[i,r]),null},S=({children:i,...n})=>{const{setContext:r}=t.useContext(a);return t.useEffect(()=>{r(o=>({...o,input:i,inputSlotProps:n}))},[i,r]),null},C=({children:i,...n})=>{const{setContext:r}=t.useContext(a);return t.useEffect(()=>(r(o=>({...o,description:i,descriptionSlotProps:n})),()=>{r(o=>({...o,description:null,descriptionSlotProps:void 0}))}),[i,r]),null},j=({children:i,...n})=>{const{setContext:r}=t.useContext(a);return t.useEffect(()=>(r(o=>({...o,error:i,errorSlotProps:n})),()=>{r(o=>({...o,error:null,errorSlotProps:void 0}))}),[i,r]),null},P=({children:i})=>{const{setContext:n}=t.useContext(a);return t.useEffect(()=>(n(r=>({...r,info:i})),()=>{n(r=>({...r,info:null}))}),[i,n]),null},Q={Root:h,Label:v,Input:S,Description:C,Error:j,InfoBox:P};exports.FormField=Q;exports.FormFieldDescription=C;exports.FormFieldError=j;exports.FormFieldInfoBox=P;exports.FormFieldInput=S;exports.FormFieldLabel=v;exports.FormFieldRoot=h;
-//# sourceMappingURL=form-field-2NMmaZgp.cjs.js.map

package/dist/chunks/form-field-2NMmaZgp.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field-2NMmaZgp.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  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\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 = 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}>\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=\"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","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\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","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\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","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\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","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\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","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","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-BrU_qJq3.es.js

@@ -1,341 +0,0 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { createContext as H, useRef as y, useState as B, useMemo as g, useEffect as s, Children as L, isValidElement as M, cloneElement as R, useContext as u } from "react";
-import { mergeRefs as k } from "@chakra-ui/react";
-import { defineSlotRecipe as I, createSlotRecipeContext as T } from "@chakra-ui/react/styled-system";
-import { k as V, g as W, h as j } from "./Dialog-FtshtbuD.es.js";
-import { HelpOutline as N, ErrorOutline as _ } from "@commercetools/nimbus-icons";
-import { $ as G } from "./useObjectRef-CaJ5pgjX.es.js";
-import { $ as J } from "./useField-B0j4t47V.es.js";
-import { B as b } from "./box-DuBoAZvq.es.js";
-import { I as K } from "./icon-button-D4w1XTVg.es.js";
-const c = /* @__PURE__ */ H({
-  context: {
-    label: null,
-    description: null,
-    error: null,
-    info: null,
-    input: null
-  },
-  setContext: () => {
-  }
-}), O = `
-"label"
-"input"
-"description"
-"error"
-`, Q = `
-"label input"
-"label description"
-"label error"
-`, U = /* @__PURE__ */ I({
-  slots: ["root", "label", "input", "description", "error", "popover"],
-  // Unique class name prefix for the component
-  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: O
-        },
-        input: {
-          mt: "var(--grid-gap)"
-        },
-        description: {
-          mt: "var(--grid-gap)"
-        },
-        error: {
-          mt: "var(--grid-gap)"
-        }
-      },
-      row: {
-        root: {
-          gridTemplateAreas: Q,
-          gridTemplateColumns: "auto 1fr",
-          gridColumnGap: "200"
-        },
-        description: {
-          mt: "var(--grid-gap)"
-        },
-        error: {
-          mt: "var(--grid-gap)"
-        }
-      }
-    }
-  },
-  // Default variant values when not explicitly specified
-  defaultVariants: {
-    direction: "column",
-    size: "md"
-  }
-}), { withProvider: X, withContext: m } = /* @__PURE__ */ T({
-  recipe: U
-}), Y = /* @__PURE__ */ X("div", "root"), Z = /* @__PURE__ */ m("div", "label"), D = /* @__PURE__ */ m("div", "input"), q = /* @__PURE__ */ m("div", "description"), rr = /* @__PURE__ */ m("div", "error"), or = /* @__PURE__ */ m("div", "popover"), er = function({
-  ref: l,
-  id: o,
-  isInvalid: e,
-  isRequired: a,
-  isDisabled: p,
-  isReadOnly: d,
-  children: F,
-  ...v
-}) {
-  const S = y(null), C = G(k(S, l)), [r, h] = B({
-    label: null,
-    description: null,
-    error: null,
-    info: null,
-    input: null,
-    isInvalid: e,
-    isRequired: a,
-    isDisabled: p,
-    isReadOnly: d
-  }), $ = g(() => {
-    const n = {
-      id: o,
-      description: r.description,
-      errorMessage: r.error
-    };
-    return r.label ? n.label = r.label : (n["aria-label"] = "empty-label", n["aria-labelledby"] = "empty-label"), n;
-  }, [o, r.description, r.error, r.label]), { labelProps: P, fieldProps: x, descriptionProps: z, errorMessageProps: w } = J($);
-  s(() => {
-    h((n) => ({
-      ...n,
-      isInvalid: e,
-      isRequired: a,
-      isDisabled: p,
-      isReadOnly: d
-    }));
-  }, [e, a, p, d]);
-  const A = g(
-    () => ({
-      ...x,
-      isInvalid: e,
-      isRequired: a,
-      isDisabled: p,
-      isReadOnly: d
-    }),
-    [x, e, a, p, d]
-  ), E = g(() => ({ context: r, setContext: h }), [r]);
-  return /* @__PURE__ */ i(c.Provider, { value: E, children: /* @__PURE__ */ f(Y, { ref: C, ...v, children: [
-    r.label && /* @__PURE__ */ f(Z, { ...r.labelSlotProps, children: [
-      /* @__PURE__ */ f("label", { ...P, children: [
-        r.label,
-        a && /* @__PURE__ */ i("sup", { "aria-hidden": "true", children: "*" })
-      ] }),
-      r.info && /* @__PURE__ */ f(V, { children: [
-        /* @__PURE__ */ i(
-          b,
-          {
-            as: "span",
-            display: "inline-block",
-            position: "relative",
-            width: "1ch",
-            height: "1ch",
-            ml: "200",
-            children: /* @__PURE__ */ i(
-              b,
-              {
-                as: "span",
-                display: "inline-flex",
-                position: "absolute",
-                top: "50%",
-                right: "50%",
-                transform: "translate(50%, -50%)",
-                children: /* @__PURE__ */ i(
-                  K,
-                  {
-                    "aria-label": "__MORE INFO",
-                    size: "2xs",
-                    tone: "info",
-                    variant: "link",
-                    children: /* @__PURE__ */ i(N, {})
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i(or, { asChild: !0, children: /* @__PURE__ */ i(j, { children: /* @__PURE__ */ i(b, { p: "300", children: r.info }) }) }) })
-      ] })
-    ] }),
-    r.input && /* @__PURE__ */ i(D, { ...r.inputSlotProps, children: L.map(r.input, (n) => M(n) ? R(n, A) : n) }),
-    r.description && /* @__PURE__ */ i(
-      q,
-      {
-        ...z,
-        ...r.descriptionSlotProps,
-        children: r.description
-      }
-    ),
-    e && r.error && /* @__PURE__ */ f(
-      rr,
-      {
-        ...w,
-        ...r.errorSlotProps,
-        children: [
-          /* @__PURE__ */ i(
-            b,
-            {
-              as: _,
-              display: "inline-flex",
-              boxSize: "400",
-              verticalAlign: "text-bottom",
-              mr: "100",
-              alignSelf: "center"
-            }
-          ),
-          r.error
-        ]
-      }
-    ),
-    F
-  ] }) });
-}, tr = ({
-  children: t,
-  ...l
-}) => {
-  const { setContext: o } = u(c);
-  return s(() => (o((e) => ({
-    ...e,
-    label: t,
-    labelSlotProps: l
-  })), () => {
-    o((e) => ({
-      ...e,
-      label: null,
-      labelSlotProps: void 0
-    }));
-  }), [t, o]), null;
-}, lr = ({
-  children: t,
-  ...l
-}) => {
-  const { setContext: o } = u(c);
-  return s(() => {
-    o((e) => ({
-      ...e,
-      input: t,
-      inputSlotProps: l
-    }));
-  }, [t, o]), null;
-}, ir = ({
-  children: t,
-  ...l
-}) => {
-  const { setContext: o } = u(c);
-  return s(() => (o((e) => ({
-    ...e,
-    description: t,
-    descriptionSlotProps: l
-  })), () => {
-    o((e) => ({
-      ...e,
-      description: null,
-      descriptionSlotProps: void 0
-    }));
-  }), [t, o]), null;
-}, nr = ({
-  children: t,
-  ...l
-}) => {
-  const { setContext: o } = u(c);
-  return s(() => (o((e) => ({
-    ...e,
-    error: t,
-    errorSlotProps: l
-  })), () => {
-    o((e) => ({
-      ...e,
-      error: null,
-      errorSlotProps: void 0
-    }));
-  }), [t, o]), null;
-}, ar = ({ children: t }) => {
-  const { setContext: l } = u(c);
-  return s(() => (l((o) => ({
-    ...o,
-    info: t
-  })), () => {
-    l((o) => ({
-      ...o,
-      info: null
-    }));
-  }), [t, l]), null;
-}, xr = {
-  Root: er,
-  Label: tr,
-  Input: lr,
-  Description: ir,
-  Error: nr,
-  InfoBox: ar
-};
-export {
-  xr as F,
-  er as a,
-  tr as b,
-  lr as c,
-  ir as d,
-  nr as e,
-  ar as f
-};
-//# sourceMappingURL=form-field-BrU_qJq3.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-field-BrU_qJq3.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  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\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 = 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}>\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=\"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","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\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","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\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","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\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","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\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","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","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":";;;;;;;;;;AA6BO,MAAMA,IAAmB,gBAAAC,EAAoC;AAAA,EAClE,SAAS;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,YAAY,MAAM;AAAA,EAAC;AACrB,CAAC,GCpCKC,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA,GAMfC,IAAY;AAAA;AAAA;AAAA;AAAA,GAULC,IAAkB,gBAAAC,EAAiB;AAAA,EAC9C,OAAO,CAAC,QAAQ,SAAS,SAAS,eAAe,SAAS,SAAS;AAAA;AAAA,EAEnE,WAAW;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,cAAc;AAAA,MAEd,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,IAET,OAAO;AAAA,MACL,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEd,OAAO;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IAEZ,aAAa;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEd,OAAO;AAAA,MACL,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,KAAK;AAAA,IAAA;AAAA,IAEP,SAAS;AAAA,MACP,qBAAqB;AAAA,MACrB,kBAAkB;AAAA,MAClB,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,cAAc;AAAA,MACd,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,0BAA0B;AAAA,UAC1B,4BAA4B;AAAA,QAAA;AAAA,MAC9B;AAAA,MAEF,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,0BAA0B;AAAA,UAC1B,4BAA4B;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEF,WAAW;AAAA,MACT,QAAQ;AAAA,QACN,MAAM;AAAA,UACJ,mBAAmBH;AAAA,QAAA;AAAA,QAErB,OAAO;AAAA,UACL,IAAI;AAAA,QAAA;AAAA,QAEN,aAAa;AAAA,UACX,IAAI;AAAA,QAAA;AAAA,QAEN,OAAO;AAAA,UACL,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,KAAK;AAAA,QACH,MAAM;AAAA,UACJ,mBAAmBC;AAAA,UACnB,qBAAqB;AAAA,UACrB,eAAe;AAAA,QAAA;AAAA,QAEjB,aAAa;AAAA,UACX,IAAI;AAAA,QAAA;AAAA,QAEN,OAAO;AAAA,UACL,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAIF,iBAAiB;AAAA,IACf,WAAW;AAAA,IACX,MAAM;AAAA,EAAA;AAEV,CAAC,GChHK,EAAE,cAAAG,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQJ;AACV,CAAC,GASYK,IAAoB,gBAAAH,EAG/B,OAAO,MAAM,GAIFI,IAAqB,gBAAAH,EAGhC,OAAO,OAAO,GAIHI,IAAqB,gBAAAJ,EAGhC,OAAO,OAAO,GAIHK,IAA2B,gBAAAL,EAGtC,OAAO,aAAa,GAITM,KAAqB,gBAAAN,EAGhC,OAAO,OAAO,GAIHO,KAAuB,gBAAAP,EAGlC,OAAO,SAAS,GCxBLQ,KAAgB,SAAuB;AAAA,EAClD,KAAKC;AAAA,EACL,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAMC,IAAWC,EAAuB,IAAI,GACtCC,IAAMC,EAAaC,EAAUJ,GAAUR,CAAY,CAAC,GACpD,CAACa,GAASC,CAAU,IAAIC,EAAsC;AAAA,IAClE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,WAAAb;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GAEKW,IAA+CC,EAAQ,MAAM;AACjE,UAAMC,IAAuC;AAAA,MAC3C,IAAAjB;AAAA,MACA,aAAaY,EAAQ;AAAA,MACrB,cAAcA,EAAQ;AAAA,IAAA;AAGxB,WAAIA,EAAQ,QACVK,EAAK,QAAQL,EAAQ,SAKrBK,EAAK,YAAY,IAAI,eACrBA,EAAK,iBAAiB,IAAI,gBAGrBA;AAAA,EACT,GAAG,CAACjB,GAAIY,EAAQ,aAAaA,EAAQ,OAAOA,EAAQ,KAAK,CAAC,GAEpD,EAAE,YAAAM,GAAY,YAAAC,GAAY,kBAAAC,GAAkB,mBAAAC,EAAA,IAChDC,EAASP,CAAY;AAEvB,EAAAQ,EAAU,MAAM;AACd,IAAAV,EAAW,CAACW,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,WAAAvB;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,IAAA,EACA;AAAA,EACJ,GAAG,CAACH,GAAWC,GAAYC,GAAYC,CAAU,CAAC;AAElD,QAAMqB,IAAaT;AAAA,IACjB,OAAO;AAAA,MACL,GAAGG;AAAA,MACH,WAAAlB;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,IAEF,CAACe,GAAYlB,GAAWC,GAAYC,GAAYC,CAAU;AAAA,EAAA,GAGtDsB,IAAeV,EAAQ,OAAO,EAAE,SAAAJ,GAAS,YAAAC,MAAe,CAACD,CAAO,CAAC;AAEvE,SACE,gBAAAe,EAAC5C,EAAiB,UAAjB,EAA0B,OAAO2C,GAChC,UAAA,gBAAAE,EAACpC,GAAA,EAAkB,KAAAiB,GAAW,GAAGH,GAC9B,UAAA;AAAA,IAAAM,EAAQ,SACP,gBAAAgB,EAACnC,GAAA,EAAoB,GAAGmB,EAAQ,gBAC9B,UAAA;AAAA,MAAA,gBAAAgB,EAAC,SAAA,EAAO,GAAGV,GACR,UAAA;AAAA,QAAAN,EAAQ;AAAA,QACRV,KAAc,gBAAAyB,EAAC,OAAA,EAAI,eAAY,QAAO,UAAA,IAAA,CAAC;AAAA,MAAA,GAC1C;AAAA,MACCf,EAAQ,QACP,gBAAAgB,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAG;AAAA,YAEH,UAAA,gBAAAH;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,SAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,WAAU;AAAA,gBAEV,UAAA,gBAAAH;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACC,cAAW;AAAA,oBACX,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,SAAQ;AAAA,oBAER,4BAACC,GAAA,CAAA,CAAY;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,0BAEDC,GAAA,EACC,UAAA,gBAAAN,EAAC9B,IAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAA8B,EAACO,GAAA,EACC,UAAA,gBAAAP,EAACG,GAAA,EAAI,GAAE,OAAO,UAAAlB,EAAQ,KAAA,CAAK,EAAA,CAC7B,GACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IAEDA,EAAQ,SACP,gBAAAe,EAACjC,GAAA,EAAoB,GAAGkB,EAAQ,gBAC7B,UAAAuB,EAAS,IAAIvB,EAAQ,OAAO,CAACwB,MAExBC,EAAeD,CAAK,IACfE,EAAaF,GAAOX,CAAU,IAGhCW,CACR,EAAA,CACH;AAAA,IAEDxB,EAAQ,eACP,gBAAAe;AAAA,MAAChC;AAAA,MAAA;AAAA,QACE,GAAGyB;AAAA,QACH,GAAGR,EAAQ;AAAA,QAEX,UAAAA,EAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZX,KAAaW,EAAQ,SACpB,gBAAAgB;AAAA,MAAChC;AAAA,MAAA;AAAA,QACE,GAAGyB;AAAA,QACH,GAAGT,EAAQ;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAe;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,IAAIS;AAAA,cACJ,SAAQ;AAAA,cACR,SAAQ;AAAA,cACR,eAAc;AAAA,cACd,IAAG;AAAA,cACH,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEX3B,EAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZP;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ,GC7LamC,KAAiB,CAAC;AAAA,EAC7B,UAAAnC;AAAA,EACA,GAAGoC;AACL,MAA+B;AAC7B,QAAM,EAAE,YAAA5B,EAAA,IAAe6B,EAAW3D,CAAgB;AAElD,SAAAwC,EAAU,OACRV,EAAW,CAACW,OAAiB;AAAA,IAC3B,GAAGA;AAAA,IACH,OAAOnB;AAAA,IACP,gBAAAoC;AAAA,EAAA,EACA,GAGK,MAAM;AACX,IAAA5B,EAAW,CAACW,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,OAAO;AAAA,MACP,gBAAgB;AAAA,IAAA,EAChB;AAAA,EACJ,IACC,CAACnB,GAAUQ,CAAU,CAAC,GAElB;AACT,GCxBa8B,KAAiB,CAAC;AAAA,EAC7B,UAAAtC;AAAA,EACA,GAAGuC;AACL,MAA+B;AAC7B,QAAM,EAAE,YAAA/B,EAAA,IAAe6B,EAAW3D,CAAgB;AAElD,SAAAwC,EAAU,MAAM;AACd,IAAAV,EAAW,CAACW,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,OAAOnB;AAAA,MACP,gBAAAuC;AAAA,IAAA,EACA;AAAA,EACJ,GAAG,CAACvC,GAAUQ,CAAU,CAAC,GAElB;AACT,GCfagC,KAAuB,CAAC;AAAA,EACnC,UAAAxC;AAAA,EACA,GAAGyC;AACL,MAAqC;AACnC,QAAM,EAAE,YAAAjC,EAAA,IAAe6B,EAAW3D,CAAgB;AAElD,SAAAwC,EAAU,OACRV,EAAW,CAACW,OAAiB;AAAA,IAC3B,GAAGA;AAAA,IACH,aAAanB;AAAA,IACb,sBAAAyC;AAAA,EAAA,EACA,GAGK,MAAM;AACX,IAAAjC,EAAW,CAACW,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,aAAa;AAAA,MACb,sBAAsB;AAAA,IAAA,EACtB;AAAA,EACJ,IACC,CAACnB,GAAUQ,CAAU,CAAC,GAElB;AACT,GCxBakC,KAAiB,CAAC;AAAA,EAC7B,UAAA1C;AAAA,EACA,GAAG2C;AACL,MAA+B;AAC7B,QAAM,EAAE,YAAAnC,EAAA,IAAe6B,EAAW3D,CAAgB;AAElD,SAAAwC,EAAU,OACRV,EAAW,CAACW,OAAiB;AAAA,IAC3B,GAAGA;AAAA,IACH,OAAOnB;AAAA,IACP,gBAAA2C;AAAA,EAAA,EACA,GAGK,MAAM;AACX,IAAAnC,EAAW,CAACW,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,OAAO;AAAA,MACP,gBAAgB;AAAA,IAAA,EAChB;AAAA,EACJ,IACC,CAACnB,GAAUQ,CAAU,CAAC,GAElB;AACT,GClBaoC,KAAmB,CAAC,EAAE,UAAA5C,QAAsC;AACvE,QAAM,EAAE,YAAAQ,EAAA,IAAe6B,EAAW3D,CAAgB;AAElD,SAAAwC,EAAU,OACRV,EAAW,CAACW,OAAiB;AAAA,IAC3B,GAAGA;AAAA,IACH,MAAMnB;AAAA,EAAA,EACN,GAGK,MAAM;AACX,IAAAQ,EAAW,CAACW,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,MAAM;AAAA,IAAA,EACN;AAAA,EACJ,IACC,CAACnB,GAAUQ,CAAU,CAAC,GAElB;AACT,GCtBaqC,KAAY;AAAA,EACvB,MAAMpD;AAAA,EACN,OAAO0C;AAAA,EACP,OAAOG;AAAA,EACP,aAAaE;AAAA,EACb,OAAOE;AAAA,EACP,SAASE;AACX;"}

package/dist/chunks/group-F6OwMVlM.es.js

@@ -1,14 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { createRecipeContext as c } from "@chakra-ui/react";
-import { $ as i } from "./Group-BBaUrRF9.es.js";
-import { g as s } from "./group.recipe-BQafmscW.es.js";
-const { withContext: f } = /* @__PURE__ */ c({
-  recipe: s
-}), m = /* @__PURE__ */ f(i), b = (o) => {
-  const { ref: r, children: e, ...t } = o;
-  return /* @__PURE__ */ p(m, { ref: r, ...t, children: e });
-};
-export {
-  b as G
-};
-//# sourceMappingURL=group-F6OwMVlM.es.js.map

package/dist/chunks/group-F6OwMVlM.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"group-F6OwMVlM.es.js","sources":["../../src/components/group/group.slots.tsx","../../src/components/group/group.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\nimport { Group as RaGroup } from \"react-aria-components\";\nimport { groupRecipe } from \"./group.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: groupRecipe,\n});\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface GroupRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface GroupSlotProps\n  extends HTMLChakraProps<\"div\", GroupRecipeProps> {}\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const GroupSlot = withContext<typeof RaGroup, GroupSlotProps>(RaGroup);\n","import { GroupSlot } from \"./group.slots\";\nimport type { GroupComponent } from \"./group.types\";\n\nexport const Group: GroupComponent = (props) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <GroupSlot ref={ref} {...rest}>\n      {children}\n    </GroupSlot>\n  );\n};\n"],"names":["withContext","createRecipeContext","groupRecipe","GroupSlot","RaGroup","Group","props","ref","children","rest","jsx"],"mappings":";;;;AASA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAqBYC,IAAY,gBAAAH,EAA4CI,CAAO,GC7B/DC,IAAwB,CAACC,MAAU;AAC9C,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAASH;AACnC,SACE,gBAAAI,EAACP,GAAA,EAAU,KAAAI,GAAW,GAAGE,GACtB,UAAAD,GACH;AAEJ;"}

package/dist/chunks/group-NazPMAWg.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),n=require("@chakra-ui/react"),s=require("./Group-BX1EpD9E.cjs.js"),u=require("./group.recipe-BffrkcjL.cjs.js"),{withContext:i}=n.createRecipeContext({recipe:u.groupRecipe}),p=i(s.$a049562f99e7db0e$export$eb2fcfdbd7ba97d4),d=e=>{const{ref:r,children:t,...o}=e;return c.jsx(p,{ref:r,...o,children:t})};exports.Group=d;
-//# sourceMappingURL=group-NazPMAWg.cjs.js.map

package/dist/chunks/group-NazPMAWg.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"group-NazPMAWg.cjs.js","sources":["../../src/components/group/group.slots.tsx","../../src/components/group/group.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\nimport { Group as RaGroup } from \"react-aria-components\";\nimport { groupRecipe } from \"./group.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: groupRecipe,\n});\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface GroupRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface GroupSlotProps\n  extends HTMLChakraProps<\"div\", GroupRecipeProps> {}\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const GroupSlot = withContext<typeof RaGroup, GroupSlotProps>(RaGroup);\n","import { GroupSlot } from \"./group.slots\";\nimport type { GroupComponent } from \"./group.types\";\n\nexport const Group: GroupComponent = (props) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <GroupSlot ref={ref} {...rest}>\n      {children}\n    </GroupSlot>\n  );\n};\n"],"names":["withContext","createRecipeContext","groupRecipe","GroupSlot","RaGroup","Group","props","ref","children","rest","jsx"],"mappings":"iKASM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,WACV,CAAC,EAqBYC,EAAYH,EAA4CI,2CAAO,EC7B/DC,EAAyBC,GAAU,CAC9C,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAASH,EACnC,OACEI,EAAAA,IAACP,EAAA,CAAU,IAAAI,EAAW,GAAGE,EACtB,SAAAD,EACH,CAEJ"}

package/dist/chunks/group.recipe-BQafmscW.es.js

@@ -1,13 +0,0 @@
-import { defineRecipe as e } from "@chakra-ui/react";
-const s = /* @__PURE__ */ e({
-  className: "nimbus-group",
-  base: {
-    display: "inline-flex",
-    alignItems: "center"
-  }
-  // TODO: there could be variants here
-});
-export {
-  s as g
-};
-//# sourceMappingURL=group.recipe-BQafmscW.es.js.map