@commercetools/nimbus 2.6.0 → 2.8.0

package/dist/chunks/form-field-BG-I9QxC.es.js

@@ -0,0 +1,358 @@
+import { createContext as z, useRef as V, useState as _, useMemo as b, useEffect as a, Children as A, isValidElement as H, cloneElement as D, useContext as u } from "react";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { m as G } from "./merge-refs-D-zSwpoh.es.js";
+import { createSlotRecipeContext as J } from "@chakra-ui/react/styled-system";
+import { j as K, $ as O, k as Q } from "./Dialog-BrbJce0u.es.js";
+import { HelpOutline as R, ErrorOutline as T } from "@commercetools/nimbus-icons";
+import { $ as U } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as W } from "./useField-ZuobdMEN.es.js";
+import { B as F } from "./box-DuBoAZvq.es.js";
+import { I as X } from "./icon-button-BCeQqBD7.es.js";
+const p = /* @__PURE__ */ z({
+  context: {
+    label: null,
+    description: null,
+    error: null,
+    info: null,
+    input: null
+  },
+  setContext: () => {
+  }
+}), { withProvider: Y, withContext: f } = /* @__PURE__ */ J({
+  key: "nimbusFormField"
+}), Z = /* @__PURE__ */ Y("div", "root"), q = /* @__PURE__ */ f("div", "label"), oo = /* @__PURE__ */ f("div", "input"), eo = /* @__PURE__ */ f("div", "description"), ro = /* @__PURE__ */ f("div", "error"), to = /* @__PURE__ */ f("div", "popover"), $ = function({
+  ref: l,
+  id: e,
+  isInvalid: r,
+  isRequired: s,
+  isDisabled: c,
+  isReadOnly: d,
+  children: E,
+  ...g
+}) {
+  const N = V(null), B = U(G(N, l)), [o, x] = _({
+    label: null,
+    description: null,
+    error: null,
+    info: null,
+    input: null,
+    isInvalid: r,
+    isRequired: s,
+    isDisabled: c,
+    isReadOnly: d
+  }), k = b(() => {
+    const i = {
+      id: e,
+      description: o.description,
+      errorMessage: o.error
+    };
+    return o.label ? i.label = o.label : (i["aria-label"] = "empty-label", i["aria-labelledby"] = "empty-label"), i;
+  }, [e, o.description, o.error, o.label]), { labelProps: I, fieldProps: h, descriptionProps: L, errorMessageProps: M } = W(k);
+  a(() => {
+    x((i) => ({
+      ...i,
+      isInvalid: r,
+      isRequired: s,
+      isDisabled: c,
+      isReadOnly: d
+    }));
+  }, [r, s, c, d]);
+  const j = b(
+    () => ({
+      ...h,
+      isInvalid: r,
+      isRequired: s,
+      isDisabled: c,
+      isReadOnly: d
+    }),
+    [h, r, s, c, d]
+  ), w = b(() => ({ context: o, setContext: x }), [o]);
+  return /* @__PURE__ */ n(p.Provider, { value: w, children: /* @__PURE__ */ m(Z, { ref: B, ...g, children: [
+    o.label && /* @__PURE__ */ m(q, { ...o.labelSlotProps, children: [
+      /* @__PURE__ */ m("label", { ...I, "data-required": s, children: [
+        o.label,
+        s && /* @__PURE__ */ n("sup", { "aria-hidden": "true", children: "*" })
+      ] }),
+      o.info && /* @__PURE__ */ m(K, { children: [
+        /* @__PURE__ */ n(
+          F,
+          {
+            as: "span",
+            display: "inline-block",
+            position: "relative",
+            width: "1ch",
+            height: "1ch",
+            ml: "200",
+            children: /* @__PURE__ */ n(
+              F,
+              {
+                as: "span",
+                display: "inline-flex",
+                position: "absolute",
+                top: "50%",
+                right: "50%",
+                transform: "translate(50%, -50%)",
+                children: /* @__PURE__ */ n(
+                  X,
+                  {
+                    "aria-label": "__MORE INFO",
+                    size: "2xs",
+                    colorPalette: "info",
+                    variant: "link",
+                    children: /* @__PURE__ */ n(R, {})
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(to, { asChild: !0, children: /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(F, { p: "300", children: o.info }) }) }) })
+      ] })
+    ] }),
+    o.input && /* @__PURE__ */ n(oo, { ...o.inputSlotProps, children: A.map(o.input, (i) => H(i) ? D(i, j) : i) }),
+    o.description && /* @__PURE__ */ n(
+      eo,
+      {
+        ...L,
+        ...o.descriptionSlotProps,
+        children: o.description
+      }
+    ),
+    r && o.error && /* @__PURE__ */ m(
+      ro,
+      {
+        ...M,
+        ...o.errorSlotProps,
+        children: [
+          /* @__PURE__ */ n(
+            F,
+            {
+              as: T,
+              display: "inline-flex",
+              boxSize: "400",
+              flexShrink: "0",
+              mt: "50"
+            }
+          ),
+          o.error
+        ]
+      }
+    ),
+    E
+  ] }) });
+};
+$.displayName = "FormField.Root";
+const S = ({
+  children: t,
+  ...l
+}) => {
+  const { setContext: e } = u(p);
+  return a(() => (e((r) => ({
+    ...r,
+    label: t,
+    labelSlotProps: l
+  })), () => {
+    e((r) => ({
+      ...r,
+      label: null,
+      labelSlotProps: void 0
+    }));
+  }), [t, e]), null;
+};
+S.displayName = "FormField.Label";
+const P = ({
+  children: t,
+  ...l
+}) => {
+  const { setContext: e } = u(p);
+  return a(() => {
+    e((r) => ({
+      ...r,
+      input: t,
+      inputSlotProps: l
+    }));
+  }, [t, e]), null;
+};
+P.displayName = "FormField.Input";
+const C = ({
+  children: t,
+  ...l
+}) => {
+  const { setContext: e } = u(p);
+  return a(() => (e((r) => ({
+    ...r,
+    description: t,
+    descriptionSlotProps: l
+  })), () => {
+    e((r) => ({
+      ...r,
+      description: null,
+      descriptionSlotProps: void 0
+    }));
+  }), [t, e]), null;
+};
+C.displayName = "FormField.Description";
+const v = ({
+  children: t,
+  ...l
+}) => {
+  const { setContext: e } = u(p);
+  return a(() => (e((r) => ({
+    ...r,
+    error: t,
+    errorSlotProps: l
+  })), () => {
+    e((r) => ({
+      ...r,
+      error: null,
+      errorSlotProps: void 0
+    }));
+  }), [t, e]), null;
+};
+v.displayName = "FormField.Error";
+const y = ({ children: t }) => {
+  const { setContext: l } = u(p);
+  return a(() => (l((e) => ({
+    ...e,
+    info: t
+  })), () => {
+    l((e) => ({
+      ...e,
+      info: null
+    }));
+  }), [t, l]), null;
+};
+y.displayName = "FormField.InfoBox";
+const Fo = {
+  /**
+   * # FormField.Root
+   *
+   * The root container for the form field that provides context and state management
+   * for all child components. Handles React Aria integration for accessibility,
+   * manages field state (required, invalid, disabled, readonly), and coordinates
+   * rendering of label, input, description, and error elements.
+   *
+   * @example
+   * ```tsx
+   * <FormField.Root isRequired isInvalid>
+   *   <FormField.Label>Username</FormField.Label>
+   *   <FormField.Input>
+   *     <TextInput />
+   *   </FormField.Input>
+   *   <FormField.Description>Enter your username</FormField.Description>
+   *   <FormField.Error>Username is required</FormField.Error>
+   * </FormField.Root>
+   * ```
+   */
+  Root: $,
+  /**
+   * # FormField.Label
+   *
+   * The label element for the form field. Automatically associates with the input
+   * via React Aria and displays a required indicator when the field is required.
+   * Supports an optional info box trigger for additional field information.
+   *
+   * @example
+   * ```tsx
+   * <FormField.Root>
+   *   <FormField.Label>Email Address</FormField.Label>
+   *   <FormField.InfoBox>
+   *     Your email will be used for account notifications
+   *   </FormField.InfoBox>
+   *   <FormField.Input>
+   *     <TextInput />
+   *   </FormField.Input>
+   * </FormField.Root>
+   * ```
+   */
+  Label: S,
+  /**
+   * # FormField.Input
+   *
+   * The input wrapper element that receives and displays the actual input component.
+   * Automatically clones children and passes accessibility props, validation state,
+   * and field attributes from React Aria.
+   *
+   * @example
+   * ```tsx
+   * <FormField.Root>
+   *   <FormField.Label>Password</FormField.Label>
+   *   <FormField.Input>
+   *     <PasswordInput />
+   *   </FormField.Input>
+   * </FormField.Root>
+   * ```
+   */
+  Input: P,
+  /**
+   * # FormField.Description
+   *
+   * The description element that provides helpful information about the field.
+   * Automatically associates with the input via `aria-describedby` for screen readers.
+   *
+   * @example
+   * ```tsx
+   * <FormField.Root>
+   *   <FormField.Label>Username</FormField.Label>
+   *   <FormField.Input>
+   *     <TextInput />
+   *   </FormField.Input>
+   *   <FormField.Description>
+   *     Must be 3-20 characters, letters and numbers only
+   *   </FormField.Description>
+   * </FormField.Root>
+   * ```
+   */
+  Description: C,
+  /**
+   * # FormField.Error
+   *
+   * The error message element that displays validation errors. Only visible when
+   * the field is invalid. Automatically associates with the input via
+   * `aria-errormessage` and includes an error icon.
+   *
+   * @example
+   * ```tsx
+   * <FormField.Root isInvalid>
+   *   <FormField.Label>Email</FormField.Label>
+   *   <FormField.Input>
+   *     <TextInput />
+   *   </FormField.Input>
+   *   <FormField.Error>Please enter a valid email address</FormField.Error>
+   * </FormField.Root>
+   * ```
+   */
+  Error: v,
+  /**
+   * # FormField.InfoBox
+   *
+   * The info box content that appears in a popover when the help icon next to
+   * the label is clicked. Use for additional context or instructions that don't
+   * need to be visible by default.
+   *
+   * @example
+   * ```tsx
+   * <FormField.Root>
+   *   <FormField.Label>API Key</FormField.Label>
+   *   <FormField.InfoBox>
+   *     Your API key can be found in your account settings.
+   *     Keep it secure and never share it publicly.
+   *   </FormField.InfoBox>
+   *   <FormField.Input>
+   *     <TextInput />
+   *   </FormField.Input>
+   * </FormField.Root>
+   * ```
+   */
+  InfoBox: y
+};
+export {
+  Fo as F,
+  C as a,
+  v as b,
+  y as c,
+  P as d,
+  S as e,
+  $ as f
+};
+//# sourceMappingURL=form-field-BG-I9QxC.es.js.map

package/dist/chunks/form-field-BG-I9QxC.es.js.map

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

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

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

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

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

package/dist/chunks/getScrollParent-BYABLTPb.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("./scrollIntoView-DD-xdA8B.cjs.js");function d(n,t){let e=n;for(c.$cc38e7bd3fc7b213$export$2bb74740c4e19def(e,t)&&(e=e.parentElement);e&&!c.$cc38e7bd3fc7b213$export$2bb74740c4e19def(e,t);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}exports.$62d8ded9296f3872$export$cfa2225e87938781=d;
+//# sourceMappingURL=getScrollParent-BYABLTPb.cjs.js.map

package/dist/chunks/getScrollParent-BYABLTPb.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScrollParent-BYABLTPb.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.33.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/utils/dist/getScrollParent.mjs"],"sourcesContent":["import {isScrollable as $cc38e7bd3fc7b213$export$2bb74740c4e19def} from \"./isScrollable.mjs\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $62d8ded9296f3872$export$cfa2225e87938781(node, checkForOverflow) {\n    let scrollableNode = node;\n    if ((0, $cc38e7bd3fc7b213$export$2bb74740c4e19def)(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;\n    while(scrollableNode && !(0, $cc38e7bd3fc7b213$export$2bb74740c4e19def)(scrollableNode, checkForOverflow))scrollableNode = scrollableNode.parentElement;\n    return scrollableNode || document.scrollingElement || document.documentElement;\n}\n\n\nexport {$62d8ded9296f3872$export$cfa2225e87938781 as getScrollParent};\n//# sourceMappingURL=getScrollParent.module.js.map\n"],"names":["$62d8ded9296f3872$export$cfa2225e87938781","node","checkForOverflow","scrollableNode","$cc38e7bd3fc7b213$export$2bb74740c4e19def"],"mappings":"iEAaA,SAASA,EAA0CC,EAAMC,EAAkB,CACvE,IAAIC,EAAiBF,EAErB,IADQG,EAAAA,0CAA2CD,EAAgBD,CAAgB,IAAGC,EAAiBA,EAAe,eAChHA,GAAkB,CAAKC,4CAA2CD,EAAgBD,CAAgB,GAAEC,EAAiBA,EAAe,cAC1I,OAAOA,GAAkB,SAAS,kBAAoB,SAAS,eACnE","x_google_ignoreList":[0]}

package/dist/chunks/getScrollParent-CYyA2kLT.es.js

@@ -0,0 +1,10 @@
+import { $ as n } from "./scrollIntoView-Cwx7UyTw.es.js";
+function c(l, t) {
+  let e = l;
+  for (n(e, t) && (e = e.parentElement); e && !n(e, t); ) e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
+}
+export {
+  c as $
+};
+//# sourceMappingURL=getScrollParent-CYyA2kLT.es.js.map

package/dist/chunks/getScrollParent-CYyA2kLT.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScrollParent-CYyA2kLT.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.33.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/utils/dist/getScrollParent.mjs"],"sourcesContent":["import {isScrollable as $cc38e7bd3fc7b213$export$2bb74740c4e19def} from \"./isScrollable.mjs\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $62d8ded9296f3872$export$cfa2225e87938781(node, checkForOverflow) {\n    let scrollableNode = node;\n    if ((0, $cc38e7bd3fc7b213$export$2bb74740c4e19def)(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;\n    while(scrollableNode && !(0, $cc38e7bd3fc7b213$export$2bb74740c4e19def)(scrollableNode, checkForOverflow))scrollableNode = scrollableNode.parentElement;\n    return scrollableNode || document.scrollingElement || document.documentElement;\n}\n\n\nexport {$62d8ded9296f3872$export$cfa2225e87938781 as getScrollParent};\n//# sourceMappingURL=getScrollParent.module.js.map\n"],"names":["$62d8ded9296f3872$export$cfa2225e87938781","node","checkForOverflow","scrollableNode","$cc38e7bd3fc7b213$export$2bb74740c4e19def"],"mappings":";AAaA,SAASA,EAA0CC,GAAMC,GAAkB;AACvE,MAAIC,IAAiBF;AAErB,OADQG,EAA2CD,GAAgBD,CAAgB,MAAGC,IAAiBA,EAAe,gBAChHA,KAAkB,CAAKC,EAA2CD,GAAgBD,CAAgB,IAAE,CAAAC,IAAiBA,EAAe;AAC1I,SAAOA,KAAkB,SAAS,oBAAoB,SAAS;AACnE;","x_google_ignoreList":[0]}

package/dist/chunks/group-8Wkx5fVV.cjs.js

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

package/dist/chunks/group-8Wkx5fVV.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-8Wkx5fVV.cjs.js","sources":["../../src/components/group/group.slots.tsx","../../src/components/group/group.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Group as RaGroup } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { GroupRootSlotProps } from \"./group.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusGroup\",\n});\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: SlotComponent<typeof RaGroup, GroupRootSlotProps> =\n  withContext<typeof RaGroup, GroupRootSlotProps>(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","GroupSlot","RaGroup","Group","props","ref","children","rest","jsx"],"mappings":"mIAKM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,IAAK,aACP,CAAC,EAMYC,EACXF,EAAgDG,2CAAO,ECX5CC,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-tkn9asoK.es.js

@@ -0,0 +1,13 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createRecipeContext as p } from "@chakra-ui/react/styled-system";
+import { $ as s } from "./Group-D8J_QjlE.es.js";
+const { withContext: c } = /* @__PURE__ */ p({
+  key: "nimbusGroup"
+}), f = /* @__PURE__ */ c(s), b = (o) => {
+  const { ref: t, children: r, ...e } = o;
+  return /* @__PURE__ */ n(f, { ref: t, ...e, children: r });
+};
+export {
+  b as G
+};
+//# sourceMappingURL=group-tkn9asoK.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group-tkn9asoK.es.js","sources":["../../src/components/group/group.slots.tsx","../../src/components/group/group.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Group as RaGroup } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { GroupRootSlotProps } from \"./group.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusGroup\",\n});\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: SlotComponent<typeof RaGroup, GroupRootSlotProps> =\n  withContext<typeof RaGroup, GroupRootSlotProps>(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","GroupSlot","RaGroup","Group","props","ref","children","rest","jsx"],"mappings":";;;AAKA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,KAAK;AACP,CAAC,GAMYC,IACX,gBAAAF,EAAgDG,CAAO,GCX5CC,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/heading-BFcG7l1U.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),r=require("./RSPContexts-BdKenzIN.cjs.js"),a=require("./utils-Dn-IhiTh.cjs.js"),c=require("@chakra-ui/react/styled-system"),{withContext:d}=c.createRecipeContext({key:"nimbusHeading"}),u=d("h2"),s=({ref:n,...e})=>{const[t,o]=a.$64fa3d84918910a7$export$29f1550f4b0d4415(e,n??null,r.$4e85f108e88277b8$export$d688439359537581);return i.jsx(u,{ref:o,...t,as:e.as||t.as,slot:e.slot??void 0})};s.displayName="Heading";exports.Heading=s;
+//# sourceMappingURL=heading-BFcG7l1U.cjs.js.map

package/dist/chunks/heading-BFcG7l1U.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-BFcG7l1U.cjs.js","sources":["../../src/components/heading/heading.slots.tsx","../../src/components/heading/heading.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { HeadingRootSlotProps } from \"./heading.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusHeading\" });\n\nexport const HeadingRoot: React.FC<HeadingRootSlotProps> = withContext<\n  HTMLHeadingElement,\n  HeadingRootSlotProps\n>(\"h2\");\n","import { HeadingContext, useContextProps } from \"react-aria-components\";\nimport { HeadingRoot } from \"./heading.slots\";\nimport type { HeadingRootSlotProps } from \"./heading.types\";\n\n/**\n * Props for the Heading component.\n *\n * @property {React.Ref<HTMLHeadingElement>} [ref] - Ref to the underlying heading element.\n * @property {string | null | undefined} [slot] - Slot attribute for custom element slotting.\n */\nexport type HeadingProps = HeadingRootSlotProps & {\n  /**\n   * Ref to the underlying heading element.\n   */\n  ref?: React.Ref<HTMLHeadingElement>;\n  /**\n   * Slot attribute for custom element slotting.\n   */\n  slot?: string | null | undefined;\n};\n\n/**\n * # Heading\n *\n * renders a heading\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/heading}\n */\nexport const Heading = ({ ref: forwardedRef, ...props }: HeadingProps) => {\n  const [contextProps, ref] = useContextProps(\n    props,\n    forwardedRef ?? null,\n    HeadingContext\n  );\n\n  return (\n    <HeadingRoot\n      ref={ref as React.Ref<HTMLHeadingElement>}\n      {...contextProps}\n      as={props.as || contextProps.as}\n      slot={props.slot ?? undefined}\n    />\n  );\n};\n\nHeading.displayName = \"Heading\";\n"],"names":["withContext","createRecipeContext","HeadingRoot","Heading","forwardedRef","props","contextProps","ref","useContextProps","HeadingContext","jsx"],"mappings":"8KAGM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,IAAK,gBAAiB,EAEvDC,EAA8CF,EAGzD,IAAI,ECoBOG,EAAU,CAAC,CAAE,IAAKC,EAAc,GAAGC,KAA0B,CACxE,KAAM,CAACC,EAAcC,CAAG,EAAIC,EAAAA,0CAC1BH,EACAD,GAAgB,KAChBK,EAAAA,yCAAA,EAGF,OACEC,EAAAA,IAACR,EAAA,CACC,IAAAK,EACC,GAAGD,EACJ,GAAID,EAAM,IAAMC,EAAa,GAC7B,KAAMD,EAAM,MAAQ,MAAA,CAAA,CAG1B,EAEAF,EAAQ,YAAc"}

package/dist/chunks/heading-ezNMcRxO.es.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { $ as n } from "./RSPContexts-DLgb84PF.es.js";
+import { $ as s } from "./utils-CiIOoh_a.es.js";
+import { createRecipeContext as i } from "@chakra-ui/react/styled-system";
+const { withContext: f } = /* @__PURE__ */ i({ key: "nimbusHeading" }), m = /* @__PURE__ */ f("h2"), d = ({ ref: e, ...t }) => {
+  const [o, a] = s(
+    t,
+    e ?? null,
+    n
+  );
+  return /* @__PURE__ */ r(
+    m,
+    {
+      ref: a,
+      ...o,
+      as: t.as || o.as,
+      slot: t.slot ?? void 0
+    }
+  );
+};
+d.displayName = "Heading";
+export {
+  d as H
+};
+//# sourceMappingURL=heading-ezNMcRxO.es.js.map

package/dist/chunks/heading-ezNMcRxO.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-ezNMcRxO.es.js","sources":["../../src/components/heading/heading.slots.tsx","../../src/components/heading/heading.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { HeadingRootSlotProps } from \"./heading.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusHeading\" });\n\nexport const HeadingRoot: React.FC<HeadingRootSlotProps> = withContext<\n  HTMLHeadingElement,\n  HeadingRootSlotProps\n>(\"h2\");\n","import { HeadingContext, useContextProps } from \"react-aria-components\";\nimport { HeadingRoot } from \"./heading.slots\";\nimport type { HeadingRootSlotProps } from \"./heading.types\";\n\n/**\n * Props for the Heading component.\n *\n * @property {React.Ref<HTMLHeadingElement>} [ref] - Ref to the underlying heading element.\n * @property {string | null | undefined} [slot] - Slot attribute for custom element slotting.\n */\nexport type HeadingProps = HeadingRootSlotProps & {\n  /**\n   * Ref to the underlying heading element.\n   */\n  ref?: React.Ref<HTMLHeadingElement>;\n  /**\n   * Slot attribute for custom element slotting.\n   */\n  slot?: string | null | undefined;\n};\n\n/**\n * # Heading\n *\n * renders a heading\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/heading}\n */\nexport const Heading = ({ ref: forwardedRef, ...props }: HeadingProps) => {\n  const [contextProps, ref] = useContextProps(\n    props,\n    forwardedRef ?? null,\n    HeadingContext\n  );\n\n  return (\n    <HeadingRoot\n      ref={ref as React.Ref<HTMLHeadingElement>}\n      {...contextProps}\n      as={props.as || contextProps.as}\n      slot={props.slot ?? undefined}\n    />\n  );\n};\n\nHeading.displayName = \"Heading\";\n"],"names":["withContext","createRecipeContext","HeadingRoot","Heading","forwardedRef","props","contextProps","ref","useContextProps","HeadingContext","jsx"],"mappings":";;;;AAGA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,KAAK,iBAAiB,GAEvDC,IAA8C,gBAAAF,EAGzD,IAAI,GCoBOG,IAAU,CAAC,EAAE,KAAKC,GAAc,GAAGC,QAA0B;AACxE,QAAM,CAACC,GAAcC,CAAG,IAAIC;AAAAA,IAC1BH;AAAA,IACAD,KAAgB;AAAA,IAChBK;AAAAA,EAAA;AAGF,SACE,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACC,GAAGD;AAAA,MACJ,IAAID,EAAM,MAAMC,EAAa;AAAA,MAC7B,MAAMD,EAAM,QAAQ;AAAA,IAAA;AAAA,EAAA;AAG1B;AAEAF,EAAQ,cAAc;"}

package/dist/chunks/icon-BMjkW_u3.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),r=require("@chakra-ui/react/styled-system"),{withContext:i}=r.createRecipeContext({key:"nimbusIcon"}),l=i("svg"),s=o=>{const{ref:e,slot:n,...t}=o;return c.jsx(l,{ref:e,asChild:!t.as,slot:n??void 0,...t})};s.displayName="Icon";exports.Icon=s;
+//# sourceMappingURL=icon-BMjkW_u3.cjs.js.map

package/dist/chunks/icon-BMjkW_u3.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-BMjkW_u3.cjs.js","sources":["../../src/components/icon/icon.slots.tsx","../../src/components/icon/icon.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { IconRootSlotProps } from \"./icon.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusIcon\" });\n\n/**\n * Root component that provides the styling context for the Icon component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const IconRootSlot: SlotComponent<SVGSVGElement, IconRootSlotProps> =\n  withContext<SVGSVGElement, IconRootSlotProps>(\"svg\");\n","import { IconRootSlot } from \"./icon.slots\";\nimport type { IconProps } from \"./icon.types\";\n\n/**\n * # Icon\n *\n * displays icon components\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/icon}\n */\nexport const Icon = (props: IconProps) => {\n  const { ref, slot, ...restProps } = props;\n  return (\n    <IconRootSlot\n      ref={ref}\n      asChild={!restProps.as}\n      slot={slot ?? undefined}\n      {...restProps}\n    />\n  );\n};\n\nIcon.displayName = \"Icon\";\n"],"names":["withContext","createRecipeContext","IconRootSlot","Icon","props","ref","slot","restProps","jsx"],"mappings":"8FAIM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,IAAK,aAAc,EAMpDC,EACXF,EAA8C,KAAK,ECDxCG,EAAQC,GAAqB,CACxC,KAAM,CAAE,IAAAC,EAAK,KAAAC,EAAM,GAAGC,GAAcH,EACpC,OACEI,EAAAA,IAACN,EAAA,CACC,IAAAG,EACA,QAAS,CAACE,EAAU,GACpB,KAAMD,GAAQ,OACb,GAAGC,CAAA,CAAA,CAGV,EAEAJ,EAAK,YAAc"}

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

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