@commercetools/nimbus 0.0.9-rc7 → 0.0.9-rc8

package/dist/chunks/{form-field-BUoO6HEy.js.map → form-field-CblzjGEw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-field-BUoO6HEy.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\";\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    },\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\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * FormField\n * ============================================================\n * displays inputs in a FormField context\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n      useField(useFieldArgs);\n\n    useEffect(() => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        isInvalid,\n        isRequired,\n        isDisabled,\n        isReadOnly,\n      }));\n    }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n    const inputProps = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\n                {context.label}\n                {isRequired && <sup aria-hidden=\"true\">*</sup>}\n              </label>\n              {context.info && (\n                <DialogTrigger>\n                  <Box\n                    as=\"span\"\n                    display=\"inline-block\"\n                    position=\"relative\"\n                    width=\"1ch\"\n                    height=\"1ch\"\n                    ml=\"200\"\n                  >\n                    <Box\n                      as=\"span\"\n                      display=\"inline-flex\"\n                      position=\"absolute\"\n                      top=\"50%\"\n                      right=\"50%\"\n                      transform=\"translate(50%, -50%)\"\n                    >\n                      <IconButton\n                        aria-label=\"__MORE INFO\"\n                        size=\"2xs\"\n                        tone=\"info\"\n                        variant=\"link\"\n                      >\n                        <HelpOutline />\n                      </IconButton>\n                    </Box>\n                  </Box>\n                  <Popover>\n                    <FormFieldPopoverSlot asChild>\n                      <Dialog>\n                        <Box p=\"300\">{context.info}</Box>\n                      </Dialog>\n                    </FormFieldPopoverSlot>\n                  </Popover>\n                </DialogTrigger>\n              )}\n            </FormFieldLabelSlot>\n          )}\n          {context.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\n          )}\n          {context.description && (\n            <FormFieldDescriptionSlot\n              {...descriptionProps}\n              {...context.descriptionSlotProps}\n            >\n              {context.description}\n            </FormFieldDescriptionSlot>\n          )}\n          {isInvalid && context.error && (\n            <FormFieldErrorSlot\n              {...errorMessageProps}\n              {...context.errorSlotProps}\n            >\n              <Box\n                as={ErrorOutline}\n                display=\"inline-flex\"\n                boxSize=\"400\"\n                verticalAlign=\"text-bottom\"\n                mr=\"100\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}
+{"version":3,"file":"form-field-CblzjGEw.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\";\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    },\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\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * FormField\n * ============================================================\n * displays inputs in a FormField context\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n      useField(useFieldArgs);\n\n    useEffect(() => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        isInvalid,\n        isRequired,\n        isDisabled,\n        isReadOnly,\n      }));\n    }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n    const inputProps = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\n                {context.label}\n                {isRequired && <sup aria-hidden=\"true\">*</sup>}\n              </label>\n              {context.info && (\n                <DialogTrigger>\n                  <Box\n                    as=\"span\"\n                    display=\"inline-block\"\n                    position=\"relative\"\n                    width=\"1ch\"\n                    height=\"1ch\"\n                    ml=\"200\"\n                  >\n                    <Box\n                      as=\"span\"\n                      display=\"inline-flex\"\n                      position=\"absolute\"\n                      top=\"50%\"\n                      right=\"50%\"\n                      transform=\"translate(50%, -50%)\"\n                    >\n                      <IconButton\n                        aria-label=\"__MORE INFO\"\n                        size=\"2xs\"\n                        tone=\"info\"\n                        variant=\"link\"\n                      >\n                        <HelpOutline />\n                      </IconButton>\n                    </Box>\n                  </Box>\n                  <Popover>\n                    <FormFieldPopoverSlot asChild>\n                      <Dialog>\n                        <Box p=\"300\">{context.info}</Box>\n                      </Dialog>\n                    </FormFieldPopoverSlot>\n                  </Popover>\n                </DialogTrigger>\n              )}\n            </FormFieldLabelSlot>\n          )}\n          {context.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\n          )}\n          {context.description && (\n            <FormFieldDescriptionSlot\n              {...descriptionProps}\n              {...context.descriptionSlotProps}\n            >\n              {context.description}\n            </FormFieldDescriptionSlot>\n          )}\n          {isInvalid && context.error && (\n            <FormFieldErrorSlot\n              {...errorMessageProps}\n              {...context.errorSlotProps}\n            >\n              <Box\n                as={ErrorOutline}\n                display=\"inline-flex\"\n                boxSize=\"400\"\n                verticalAlign=\"text-bottom\"\n                mr=\"100\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/{form-field-Dr8lL5SU.js → form-field-D_qT2LNU.js}

@@ -1,12 +1,12 @@
 import { jsx as l, jsxs as c } from "react/jsx-runtime";
 import { createContext as z, forwardRef as $, useState as P, useEffect as n, Children as w, isValidElement as A, cloneElement as E, useContext as d } from "react";
 import { defineSlotRecipe as H, createSlotRecipeContext as y } from "@chakra-ui/react";
-import { e as B, c as L, d as I } from "./Dialog-DsJ3jo2g.js";
+import { e as B, c as L, d as I } from "./Dialog-DJv-Zg_L.js";
 import { B as m } from "./box-DD4jYgS7.js";
-import { I as M } from "./icon-button-1V59UrF-.js";
+import { I as M } from "./icon-button-DVBfoOHT.js";
 import { HelpOutline as R, ErrorOutline as T } from "@commercetools/nimbus-icons";
-import { $ as W } from "./useField-3jug3XBb.js";
-const a = z({
+import { $ as W } from "./useField-BY58-2Ft.js";
+const a = /* @__PURE__ */ z({
   context: {
     label: null,
     description: null,
@@ -25,7 +25,7 @@ const a = z({
 "label input"
 "label description"
 "label error"
-`, N = H({
+`, N = /* @__PURE__ */ H({
   slots: ["root", "label", "input", "description", "error", "popover"],
   // Unique class name prefix for the component
   className: "nimbus-ui-form-field",
@@ -123,9 +123,9 @@ const a = z({
     direction: "column",
     size: "md"
   }
-}), { withProvider: V, withContext: p } = y({
+}), { withProvider: V, withContext: p } = /* @__PURE__ */ y({
   recipe: N
-}), _ = V("div", "root"), G = p("div", "label"), O = p("div", "input"), D = p("div", "description"), J = p("div", "error"), K = p("div", "popover"), Q = $(
+}), _ = /* @__PURE__ */ V("div", "root"), G = /* @__PURE__ */ p("div", "label"), O = /* @__PURE__ */ p("div", "input"), D = /* @__PURE__ */ p("div", "description"), J = /* @__PURE__ */ p("div", "error"), K = /* @__PURE__ */ p("div", "popover"), Q = /* @__PURE__ */ $(
   ({ isInvalid: r, isRequired: t, isDisabled: e, isReadOnly: i, children: b, ...g }, h) => {
     const [o, u] = P({
       label: null,
@@ -306,4 +306,4 @@ export {
   Z as e,
   q as f
 };
-//# sourceMappingURL=form-field-Dr8lL5SU.js.map
+//# sourceMappingURL=form-field-D_qT2LNU.js.map

package/dist/chunks/{form-field-Dr8lL5SU.js.map → form-field-D_qT2LNU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-field-Dr8lL5SU.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\";\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    },\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\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * FormField\n * ============================================================\n * displays inputs in a FormField context\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n      useField(useFieldArgs);\n\n    useEffect(() => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        isInvalid,\n        isRequired,\n        isDisabled,\n        isReadOnly,\n      }));\n    }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n    const inputProps = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\n                {context.label}\n                {isRequired && <sup aria-hidden=\"true\">*</sup>}\n              </label>\n              {context.info && (\n                <DialogTrigger>\n                  <Box\n                    as=\"span\"\n                    display=\"inline-block\"\n                    position=\"relative\"\n                    width=\"1ch\"\n                    height=\"1ch\"\n                    ml=\"200\"\n                  >\n                    <Box\n                      as=\"span\"\n                      display=\"inline-flex\"\n                      position=\"absolute\"\n                      top=\"50%\"\n                      right=\"50%\"\n                      transform=\"translate(50%, -50%)\"\n                    >\n                      <IconButton\n                        aria-label=\"__MORE INFO\"\n                        size=\"2xs\"\n                        tone=\"info\"\n                        variant=\"link\"\n                      >\n                        <HelpOutline />\n                      </IconButton>\n                    </Box>\n                  </Box>\n                  <Popover>\n                    <FormFieldPopoverSlot asChild>\n                      <Dialog>\n                        <Box p=\"300\">{context.info}</Box>\n                      </Dialog>\n                    </FormFieldPopoverSlot>\n                  </Popover>\n                </DialogTrigger>\n              )}\n            </FormFieldLabelSlot>\n          )}\n          {context.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\n          )}\n          {context.description && (\n            <FormFieldDescriptionSlot\n              {...descriptionProps}\n              {...context.descriptionSlotProps}\n            >\n              {context.description}\n            </FormFieldDescriptionSlot>\n          )}\n          {isInvalid && context.error && (\n            <FormFieldErrorSlot\n              {...errorMessageProps}\n              {...context.errorSlotProps}\n            >\n              <Box\n                as={ErrorOutline}\n                display=\"inline-flex\"\n                boxSize=\"400\"\n                verticalAlign=\"text-bottom\"\n                mr=\"100\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}
+{"version":3,"file":"form-field-D_qT2LNU.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\";\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    },\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\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * FormField\n * ============================================================\n * displays inputs in a FormField context\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n      useField(useFieldArgs);\n\n    useEffect(() => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        isInvalid,\n        isRequired,\n        isDisabled,\n        isReadOnly,\n      }));\n    }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n    const inputProps = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\n                {context.label}\n                {isRequired && <sup aria-hidden=\"true\">*</sup>}\n              </label>\n              {context.info && (\n                <DialogTrigger>\n                  <Box\n                    as=\"span\"\n                    display=\"inline-block\"\n                    position=\"relative\"\n                    width=\"1ch\"\n                    height=\"1ch\"\n                    ml=\"200\"\n                  >\n                    <Box\n                      as=\"span\"\n                      display=\"inline-flex\"\n                      position=\"absolute\"\n                      top=\"50%\"\n                      right=\"50%\"\n                      transform=\"translate(50%, -50%)\"\n                    >\n                      <IconButton\n                        aria-label=\"__MORE INFO\"\n                        size=\"2xs\"\n                        tone=\"info\"\n                        variant=\"link\"\n                      >\n                        <HelpOutline />\n                      </IconButton>\n                    </Box>\n                  </Box>\n                  <Popover>\n                    <FormFieldPopoverSlot asChild>\n                      <Dialog>\n                        <Box p=\"300\">{context.info}</Box>\n                      </Dialog>\n                    </FormFieldPopoverSlot>\n                  </Popover>\n                </DialogTrigger>\n              )}\n            </FormFieldLabelSlot>\n          )}\n          {context.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\n          )}\n          {context.description && (\n            <FormFieldDescriptionSlot\n              {...descriptionProps}\n              {...context.descriptionSlotProps}\n            >\n              {context.description}\n            </FormFieldDescriptionSlot>\n          )}\n          {isInvalid && context.error && (\n            <FormFieldErrorSlot\n              {...errorMessageProps}\n              {...context.errorSlotProps}\n            >\n              <Box\n                as={ErrorOutline}\n                display=\"inline-flex\"\n                boxSize=\"400\"\n                verticalAlign=\"text-bottom\"\n                mr=\"100\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/{grid-CLVDMJAz.js → grid-CugcJxRP.js}

@@ -5,10 +5,10 @@ const r = (t) => {
   return /* @__PURE__ */ i(m, { ref: o, ...s });
 };
 r.displayName = "Grid";
-const G = Object.assign(r, {
+const G = /* @__PURE__ */ Object.assign(r, {
   Item: e
 });
 export {
   G
 };
-//# sourceMappingURL=grid-CLVDMJAz.js.map
+//# sourceMappingURL=grid-CugcJxRP.js.map

package/dist/chunks/{grid-CLVDMJAz.js.map → grid-CugcJxRP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grid-CLVDMJAz.js","sources":["../../src/components/grid/grid.tsx"],"sourcesContent":["import {\n  Grid as ChakraGrid,\n  GridItem,\n  type GridProps as ChakraGridProps,\n} from \"@chakra-ui/react\";\n\n/**\n * Grid\n * ============================================================\n * The Grid Layout Component provides a flexible and responsive way to structure content using a two-dimensional grid system. It allows elements to be arranged in rows and columns, enabling dynamic and efficient layouts for different screen sizes.\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n */\nexport interface GridProps extends ChakraGridProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst GridComponent = (props: GridProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraGrid ref={ref} {...restProps} />;\n};\n\nGridComponent.displayName = \"Grid\";\n\nexport const Grid = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n"],"names":["GridComponent","props","ref","restProps","jsx","ChakraGrid","Grid","GridItem"],"mappings":";;AAoBA,MAAMA,IAAgB,CAACC,MAAqB;AAC1C,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAQ,gBAAAG,EAAAC,GAAA,EAAW,KAAAH,GAAW,GAAGC,EAAW,CAAA;AAC9C;AAEAH,EAAc,cAAc;AAEf,MAAAM,IAAO,OAAO,OAAON,GAAe;AAAA,EAC/C,MAAMO;AACR,CAAC;"}
+{"version":3,"file":"grid-CugcJxRP.js","sources":["../../src/components/grid/grid.tsx"],"sourcesContent":["import {\n  Grid as ChakraGrid,\n  GridItem,\n  type GridProps as ChakraGridProps,\n} from \"@chakra-ui/react\";\n\n/**\n * Grid\n * ============================================================\n * The Grid Layout Component provides a flexible and responsive way to structure content using a two-dimensional grid system. It allows elements to be arranged in rows and columns, enabling dynamic and efficient layouts for different screen sizes.\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n */\nexport interface GridProps extends ChakraGridProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst GridComponent = (props: GridProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraGrid ref={ref} {...restProps} />;\n};\n\nGridComponent.displayName = \"Grid\";\n\nexport const Grid = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n"],"names":["GridComponent","props","ref","restProps","jsx","ChakraGrid","Grid","GridItem"],"mappings":";;AAoBA,MAAMA,IAAgB,CAACC,MAAqB;AAC1C,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAQ,gBAAAG,EAAAC,GAAA,EAAW,KAAAH,GAAW,GAAGC,EAAW,CAAA;AAC9C;AAEAH,EAAc,cAAc;AAEf,MAAAM,IAAO,uBAAO,OAAON,GAAe;AAAA,EAC/C,MAAMO;AACR,CAAC;"}

package/dist/chunks/{icon-CjRXcxB9.js → icon-BFNYuilh.js}

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { defineRecipe as t, createRecipeContext as n } from "@chakra-ui/react";
-const c = t({
+const c = /* @__PURE__ */ t({
   className: "nimbus-icon",
   base: {
     display: "inline-block"
@@ -18,7 +18,7 @@ const c = t({
       xl: { boxSize: "1400" }
     }
   }
-}), { withContext: r } = n({ recipe: c }), x = r(
+}), { withContext: r } = /* @__PURE__ */ n({ recipe: c }), x = /* @__PURE__ */ r(
   "svg"
 ), a = (o) => {
   const { ref: i, ...e } = o;
@@ -28,4 +28,4 @@ a.displayName = "Icon";
 export {
   a as I
 };
-//# sourceMappingURL=icon-CjRXcxB9.js.map
+//# sourceMappingURL=icon-BFNYuilh.js.map

package/dist/chunks/{icon-CjRXcxB9.js.map → icon-BFNYuilh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-CjRXcxB9.js","sources":["../../src/components/icon/icon.recipe.tsx","../../src/components/icon/icon.slots.tsx","../../src/components/icon/icon.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Icon component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const iconRecipe = defineRecipe({\n  className: \"nimbus-icon\",\n  base: {\n    display: \"inline-block\",\n  },\n\n  variants: {\n    /**\n     * allows applying a predefined size to the icon\n     */\n    size: {\n      \"2xs\": { boxSize: \"600\" },\n      xs: { boxSize: \"800\" },\n      sm: { boxSize: \"900\" },\n      md: { boxSize: \"1000\" },\n      lg: { boxSize: \"1200\" },\n      xl: { boxSize: \"1400\" },\n    },\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { iconRecipe } from \"./icon.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the svg element.\n */\ninterface IconRecipeProps extends RecipeProps<\"svg\">, 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 */\nexport interface IconRootSlotProps\n  extends HTMLChakraProps<\"svg\", IconRecipeProps> {}\n\nconst { withContext } = createRecipeContext({ recipe: iconRecipe });\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 = withContext<SVGSVGElement, IconRootSlotProps>(\n  \"svg\"\n);\n","import { IconRootSlot } from \"./icon.slots\";\nimport type { IconProps } from \"./icon.types\";\n\n/**\n * Icon\n * displays icon components\n */\nexport const Icon = (props: IconProps) => {\n  const { ref, ...restProps } = props;\n  return <IconRootSlot ref={ref} asChild={!restProps.as} {...restProps} />;\n};\n\nIcon.displayName = \"Icon\";\n"],"names":["iconRecipe","defineRecipe","withContext","createRecipeContext","IconRootSlot","Icon","props","ref","restProps","jsx"],"mappings":";;AAMO,MAAMA,IAAaC,EAAa;AAAA,EACrC,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EAEA,UAAU;AAAA;AAAA;AAAA;AAAA,IAIR,MAAM;AAAA,MACJ,OAAO,EAAE,SAAS,MAAM;AAAA,MACxB,IAAI,EAAE,SAAS,MAAM;AAAA,MACrB,IAAI,EAAE,SAAS,MAAM;AAAA,MACrB,IAAI,EAAE,SAAS,OAAO;AAAA,MACtB,IAAI,EAAE,SAAS,OAAO;AAAA,MACtB,IAAI,EAAE,SAAS,OAAO;AAAA,IAAA;AAAA,EACxB;AAEJ,CAAC,GCFK,EAAE,aAAAC,EAAY,IAAIC,EAAoB,EAAE,QAAQH,GAAY,GAMrDI,IAAeF;AAAA,EAC1B;AACF,GCxBaG,IAAO,CAACC,MAAqB;AACxC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AACvB,SAAA,gBAAAG,EAACL,KAAa,KAAAG,GAAU,SAAS,CAACC,EAAU,IAAK,GAAGA,GAAW;AACxE;AAEAH,EAAK,cAAc;"}
+{"version":3,"file":"icon-BFNYuilh.js","sources":["../../src/components/icon/icon.recipe.tsx","../../src/components/icon/icon.slots.tsx","../../src/components/icon/icon.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Icon component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const iconRecipe = defineRecipe({\n  className: \"nimbus-icon\",\n  base: {\n    display: \"inline-block\",\n  },\n\n  variants: {\n    /**\n     * allows applying a predefined size to the icon\n     */\n    size: {\n      \"2xs\": { boxSize: \"600\" },\n      xs: { boxSize: \"800\" },\n      sm: { boxSize: \"900\" },\n      md: { boxSize: \"1000\" },\n      lg: { boxSize: \"1200\" },\n      xl: { boxSize: \"1400\" },\n    },\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { iconRecipe } from \"./icon.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the svg element.\n */\ninterface IconRecipeProps extends RecipeProps<\"svg\">, 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 */\nexport interface IconRootSlotProps\n  extends HTMLChakraProps<\"svg\", IconRecipeProps> {}\n\nconst { withContext } = createRecipeContext({ recipe: iconRecipe });\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 = withContext<SVGSVGElement, IconRootSlotProps>(\n  \"svg\"\n);\n","import { IconRootSlot } from \"./icon.slots\";\nimport type { IconProps } from \"./icon.types\";\n\n/**\n * Icon\n * displays icon components\n */\nexport const Icon = (props: IconProps) => {\n  const { ref, ...restProps } = props;\n  return <IconRootSlot ref={ref} asChild={!restProps.as} {...restProps} />;\n};\n\nIcon.displayName = \"Icon\";\n"],"names":["iconRecipe","defineRecipe","withContext","createRecipeContext","IconRootSlot","Icon","props","ref","restProps","jsx"],"mappings":";;AAMO,MAAMA,IAAa,gBAAAC,EAAa;AAAA,EACrC,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EAEA,UAAU;AAAA;AAAA;AAAA;AAAA,IAIR,MAAM;AAAA,MACJ,OAAO,EAAE,SAAS,MAAM;AAAA,MACxB,IAAI,EAAE,SAAS,MAAM;AAAA,MACrB,IAAI,EAAE,SAAS,MAAM;AAAA,MACrB,IAAI,EAAE,SAAS,OAAO;AAAA,MACtB,IAAI,EAAE,SAAS,OAAO;AAAA,MACtB,IAAI,EAAE,SAAS,OAAO;AAAA,IAAA;AAAA,EACxB;AAEJ,CAAC,GCFK,EAAE,aAAAC,EAAY,IAAI,gBAAAC,EAAoB,EAAE,QAAQH,GAAY,GAMrDI,IAAe,gBAAAF;AAAA,EAC1B;AACF,GCxBaG,IAAO,CAACC,MAAqB;AACxC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AACvB,SAAA,gBAAAG,EAACL,KAAa,KAAAG,GAAU,SAAS,CAACC,EAAU,IAAK,GAAGA,GAAW;AACxE;AAEAH,EAAK,cAAc;"}

package/dist/chunks/{icon-button-1V59UrF-.js → icon-button-DVBfoOHT.js}

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useRef as n } from "react";
 import { mergeRefs as p } from "@chakra-ui/react";
-import { B as a } from "./button-Ckftvc2h.js";
+import { B as a } from "./button-zSDA7FRw.js";
 import { $ as c } from "./useObjectRef-CaJ5pgjX.js";
 const i = (o) => {
   const { children: r, ref: t, ...e } = o, f = n(null), s = c(p(f, t));
@@ -11,4 +11,4 @@ i.displayName = "IconButton";
 export {
   i as I
 };
-//# sourceMappingURL=icon-button-1V59UrF-.js.map
+//# sourceMappingURL=icon-button-DVBfoOHT.js.map

package/dist/chunks/{icon-button-1V59UrF-.js.map → icon-button-DVBfoOHT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-button-1V59UrF-.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * IconButton\n * ============================================================\n * displays a button with only an icon as child. It is based\n * on the regular `Button` component, but with a few adjustments.\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const { children, ref: forwardedRef, ...restProps } = props;\n\n  // Create a local ref and merge with forwarded ref\n  const localRef = useRef<HTMLButtonElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <Button px={0} py={0} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","Button"],"mappings":";;;;;AAYa,MAAAA,IAAa,CAACC,MAA2B;AACpD,QAAM,EAAE,UAAAC,GAAU,KAAKC,GAAc,GAAGC,EAAc,IAAAH,GAGhDI,IAAWC,EAA0B,IAAI,GACzCC,IAAMC,EAAaC,EAAUJ,GAAUF,CAAY,CAAC;AAGxD,SAAA,gBAAAO,EAACC,KAAO,IAAI,GAAG,IAAI,GAAI,GAAGP,GAAW,KAAAG,GAClC,UAAAL,EACH,CAAA;AAEJ;AAEAF,EAAW,cAAc;"}
+{"version":3,"file":"icon-button-DVBfoOHT.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * IconButton\n * ============================================================\n * displays a button with only an icon as child. It is based\n * on the regular `Button` component, but with a few adjustments.\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const { children, ref: forwardedRef, ...restProps } = props;\n\n  // Create a local ref and merge with forwarded ref\n  const localRef = useRef<HTMLButtonElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <Button px={0} py={0} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","Button"],"mappings":";;;;;AAYa,MAAAA,IAAa,CAACC,MAA2B;AACpD,QAAM,EAAE,UAAAC,GAAU,KAAKC,GAAc,GAAGC,EAAc,IAAAH,GAGhDI,IAAWC,EAA0B,IAAI,GACzCC,IAAMC,EAAaC,EAAUJ,GAAUF,CAAY,CAAC;AAGxD,SAAA,gBAAAO,EAACC,KAAO,IAAI,GAAG,IAAI,GAAI,GAAGP,GAAW,KAAAG,GAClC,UAAAL,EACH,CAAA;AAEJ;AAEAF,EAAW,cAAc;"}

package/dist/chunks/{icon-button-CE-LnFNq.js → icon-button-Ds1Wzyc1.js}

@@ -1,2 +1,2 @@
-"use strict";const u=require("react/jsx-runtime"),f=require("react"),i=require("@chakra-ui/react"),a=require("./button-vfAeHh1t.js"),d=require("./useObjectRef-4v2MxSjQ.js"),e=t=>{const{children:r,ref:n,...o}=t,s=f.useRef(null),c=d.$df56164dff5785e2$export$4338b53315abf666(i.mergeRefs(s,n));return u.jsx(a.Button,{px:0,py:0,...o,ref:c,children:r})};e.displayName="IconButton";exports.IconButton=e;
-//# sourceMappingURL=icon-button-CE-LnFNq.js.map
+"use strict";const u=require("react/jsx-runtime"),f=require("react"),i=require("@chakra-ui/react"),a=require("./button-BLZONb0_.js"),d=require("./useObjectRef-4v2MxSjQ.js"),e=t=>{const{children:r,ref:n,...o}=t,s=f.useRef(null),c=d.$df56164dff5785e2$export$4338b53315abf666(i.mergeRefs(s,n));return u.jsx(a.Button,{px:0,py:0,...o,ref:c,children:r})};e.displayName="IconButton";exports.IconButton=e;
+//# sourceMappingURL=icon-button-Ds1Wzyc1.js.map

package/dist/chunks/{icon-button-CE-LnFNq.js.map → icon-button-Ds1Wzyc1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-button-CE-LnFNq.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * IconButton\n * ============================================================\n * displays a button with only an icon as child. It is based\n * on the regular `Button` component, but with a few adjustments.\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const { children, ref: forwardedRef, ...restProps } = props;\n\n  // Create a local ref and merge with forwarded ref\n  const localRef = useRef<HTMLButtonElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <Button px={0} py={0} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","Button"],"mappings":"6KAYaA,EAAcC,GAA2B,CACpD,KAAM,CAAE,SAAAC,EAAU,IAAKC,EAAc,GAAGC,CAAc,EAAAH,EAGhDI,EAAWC,SAA0B,IAAI,EACzCC,EAAMC,EAAA,0CAAaC,EAAU,UAAAJ,EAAUF,CAAY,CAAC,EAGxD,OAAAO,MAACC,EAAAA,QAAO,GAAI,EAAG,GAAI,EAAI,GAAGP,EAAW,IAAAG,EAClC,SAAAL,CACH,CAAA,CAEJ,EAEAF,EAAW,YAAc"}
+{"version":3,"file":"icon-button-Ds1Wzyc1.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { IconButtonProps } from \"./icon-button.types\";\nimport { Button } from \"@/components\";\n\n/**\n * IconButton\n * ============================================================\n * displays a button with only an icon as child. It is based\n * on the regular `Button` component, but with a few adjustments.\n */\nexport const IconButton = (props: IconButtonProps) => {\n  const { children, ref: forwardedRef, ...restProps } = props;\n\n  // Create a local ref and merge with forwarded ref\n  const localRef = useRef<HTMLButtonElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <Button px={0} py={0} {...restProps} ref={ref}>\n      {children}\n    </Button>\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","props","children","forwardedRef","restProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","Button"],"mappings":"6KAYaA,EAAcC,GAA2B,CACpD,KAAM,CAAE,SAAAC,EAAU,IAAKC,EAAc,GAAGC,CAAc,EAAAH,EAGhDI,EAAWC,SAA0B,IAAI,EACzCC,EAAMC,EAAA,0CAAaC,EAAU,UAAAJ,EAAUF,CAAY,CAAC,EAGxD,OAAAO,MAACC,EAAAA,QAAO,GAAI,EAAG,GAAI,EAAI,GAAGP,EAAW,IAAAG,EAClC,SAAAL,CACH,CAAA,CAEJ,EAEAF,EAAW,YAAc"}

package/dist/chunks/{link-CCDnA-Z-.js → link-BfHXJGo9.js}

@@ -1,2 +1,2 @@
-"use strict";const h=require("react/jsx-runtime"),T=require("react"),P=require("@chakra-ui/react"),g=require("./link.recipe-CG3leGAx.js"),v=require("./useObjectRef-4v2MxSjQ.js"),$=require("./mergeProps-BeIu4MsM.js"),D=require("./filterDOMProps-BS2lrgFA.js"),i=require("./usePress-C9YKhG_e.js"),L=require("./useFocusable-C7jAQfqU.js");function y(e,s){let{elementType:n="a",onPress:a,onPressStart:d,onPressEnd:c,onClick:l,isDisabled:t,...f}=e,o={};n!=="a"&&(o={role:"link",tabIndex:t?void 0:0});let{focusableProps:x}=L.$f645667febf57a63$export$4c014de7c8940b4c(e,s),{pressProps:u,isPressed:R}=i.$f6c31cce2adf654f$export$45712eceda6fad21({onPress:a,onPressStart:d,onPressEnd:c,onClick:l,isDisabled:t,ref:s}),m=D.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(f,{labelable:!0}),q=$.$3ef42575df84b30b$export$9d1611c77c2fe928(x,u),p=i.$ea8dcbcb9ea1b556$export$9a302a45f65d0572(),C=i.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(e);return{isPressed:R,linkProps:$.$3ef42575df84b30b$export$9d1611c77c2fe928(m,C,{...q,...o,"aria-disabled":t||void 0,"aria-current":e["aria-current"],onClick:r=>{var b;(b=u.onClick)===null||b===void 0||b.call(u,r),!p.isNative&&r.currentTarget instanceof HTMLAnchorElement&&r.currentTarget.href&&!r.isDefaultPrevented()&&i.$ea8dcbcb9ea1b556$export$efa8c9099e530235(r.currentTarget,r)&&e.href&&(r.preventDefault(),p.open(r.currentTarget,r,e.href,e.routerOptions))}})}}const{withContext:E}=P.createRecipeContext({recipe:g.linkRecipe}),S=E("a"),k=e=>{const{as:s,asChild:n,children:a,ref:d,...c}=e,l=T.useRef(null),t=v.$df56164dff5785e2$export$4338b53315abf666(P.mergeRefs(l,d)),f=s||(n?"span":"a")||"a",{linkProps:o}=y({...c,elementType:f},t);return h.jsx(S,{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(c,o,{as:s,asChild:n,ref:t}),children:a})};k.displayName="Link";exports.Link=k;
-//# sourceMappingURL=link-CCDnA-Z-.js.map
+"use strict";const h=require("react/jsx-runtime"),T=require("react"),P=require("@chakra-ui/react"),g=require("./link.recipe-CG3leGAx.js"),v=require("./useObjectRef-4v2MxSjQ.js"),$=require("./mergeProps-BeIu4MsM.js"),D=require("./filterDOMProps-BS2lrgFA.js"),i=require("./usePress-CGAMyl6q.js"),L=require("./useFocusable-DbCayKl8.js");function y(e,s){let{elementType:n="a",onPress:a,onPressStart:d,onPressEnd:c,onClick:l,isDisabled:t,...f}=e,o={};n!=="a"&&(o={role:"link",tabIndex:t?void 0:0});let{focusableProps:x}=L.$f645667febf57a63$export$4c014de7c8940b4c(e,s),{pressProps:u,isPressed:R}=i.$f6c31cce2adf654f$export$45712eceda6fad21({onPress:a,onPressStart:d,onPressEnd:c,onClick:l,isDisabled:t,ref:s}),m=D.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(f,{labelable:!0}),q=$.$3ef42575df84b30b$export$9d1611c77c2fe928(x,u),p=i.$ea8dcbcb9ea1b556$export$9a302a45f65d0572(),C=i.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(e);return{isPressed:R,linkProps:$.$3ef42575df84b30b$export$9d1611c77c2fe928(m,C,{...q,...o,"aria-disabled":t||void 0,"aria-current":e["aria-current"],onClick:r=>{var b;(b=u.onClick)===null||b===void 0||b.call(u,r),!p.isNative&&r.currentTarget instanceof HTMLAnchorElement&&r.currentTarget.href&&!r.isDefaultPrevented()&&i.$ea8dcbcb9ea1b556$export$efa8c9099e530235(r.currentTarget,r)&&e.href&&(r.preventDefault(),p.open(r.currentTarget,r,e.href,e.routerOptions))}})}}const{withContext:E}=P.createRecipeContext({recipe:g.linkRecipe}),S=E("a"),k=e=>{const{as:s,asChild:n,children:a,ref:d,...c}=e,l=T.useRef(null),t=v.$df56164dff5785e2$export$4338b53315abf666(P.mergeRefs(l,d)),f=s||(n?"span":"a")||"a",{linkProps:o}=y({...c,elementType:f},t);return h.jsx(S,{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(c,o,{as:s,asChild:n,ref:t}),children:a})};k.displayName="Link";exports.Link=k;
+//# sourceMappingURL=link-BfHXJGo9.js.map

package/dist/chunks/{link-CCDnA-Z-.js.map → link-BfHXJGo9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"link-CCDnA-Z-.js","sources":["../../../../node_modules/.pnpm/@react-aria+link@3.8.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/link/dist/useLink.mjs","../../src/components/link/link.slots.tsx","../../src/components/link/link.tsx"],"sourcesContent":["import {filterDOMProps as $5Ot33$filterDOMProps, mergeProps as $5Ot33$mergeProps, useRouter as $5Ot33$useRouter, useLinkProps as $5Ot33$useLinkProps, shouldClientNavigate as $5Ot33$shouldClientNavigate} from \"@react-aria/utils\";\nimport {useFocusable as $5Ot33$useFocusable, usePress as $5Ot33$usePress} from \"@react-aria/interactions\";\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 */ \n\nfunction $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {\n    let { elementType: elementType = 'a', onPress: onPress, onPressStart: onPressStart, onPressEnd: onPressEnd, onClick: onClick, isDisabled: isDisabled, ...otherProps } = props;\n    let linkProps = {};\n    if (elementType !== 'a') linkProps = {\n        role: 'link',\n        tabIndex: !isDisabled ? 0 : undefined\n    };\n    let { focusableProps: focusableProps } = (0, $5Ot33$useFocusable)(props, ref);\n    let { pressProps: pressProps, isPressed: isPressed } = (0, $5Ot33$usePress)({\n        onPress: onPress,\n        onPressStart: onPressStart,\n        onPressEnd: onPressEnd,\n        onClick: onClick,\n        isDisabled: isDisabled,\n        ref: ref\n    });\n    let domProps = (0, $5Ot33$filterDOMProps)(otherProps, {\n        labelable: true\n    });\n    let interactionHandlers = (0, $5Ot33$mergeProps)(focusableProps, pressProps);\n    let router = (0, $5Ot33$useRouter)();\n    let routerLinkProps = (0, $5Ot33$useLinkProps)(props);\n    return {\n        isPressed: isPressed,\n        linkProps: (0, $5Ot33$mergeProps)(domProps, routerLinkProps, {\n            ...interactionHandlers,\n            ...linkProps,\n            'aria-disabled': isDisabled || undefined,\n            'aria-current': props['aria-current'],\n            onClick: (e)=>{\n                var _pressProps_onClick;\n                (_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === void 0 ? void 0 : _pressProps_onClick.call(pressProps, e);\n                // If a custom router is provided, prevent default and forward if this link should client navigate.\n                if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.\n                !e.isDefaultPrevented() && (0, $5Ot33$shouldClientNavigate)(e.currentTarget, e) && props.href) {\n                    e.preventDefault();\n                    router.open(e.currentTarget, e, props.href, props.routerOptions);\n                }\n            }\n        })\n    };\n}\n\n\nexport {$298d61e98472621b$export$dcf14c9974fe2767 as useLink};\n//# sourceMappingURL=useLink.module.js.map\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { linkRecipe } from \"./link.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the a element.\n */\ninterface LinkRecipeProps extends RecipeProps<\"a\">, 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 */\nexport type LinkRootProps = HTMLChakraProps<\"a\", LinkRecipeProps>;\n\nconst { withContext } = createRecipeContext({ recipe: linkRecipe });\n\n/**\n * Root component that provides the styling context for the Link component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LinkRoot = withContext<HTMLAnchorElement, LinkRootProps>(\"a\");\n","import { useRef } from \"react\";\nimport { LinkRoot } from \"./link.slots\";\nimport type { LinkProps } from \"./link.types\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\n\n/**\n * Link\n * ============================================================\n * To allow a user to navigate to a different page or resource\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n */\nexport const Link = (props: LinkProps) => {\n  const { as, asChild, children, ref: forwardedRef, ...rest } = props;\n\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = (as as string) || (asChild ? \"span\" : \"a\") || \"a\";\n  const { linkProps } = useLink({ ...rest, elementType }, ref);\n\n  return (\n    <LinkRoot {...mergeProps(rest, linkProps, { as, asChild, ref })}>\n      {children}\n    </LinkRoot>\n  );\n};\n\nLink.displayName = \"Link\";\n"],"names":["$298d61e98472621b$export$dcf14c9974fe2767","props","ref","elementType","onPress","onPressStart","onPressEnd","onClick","isDisabled","otherProps","linkProps","focusableProps","$5Ot33$useFocusable","pressProps","isPressed","$5Ot33$usePress","domProps","$5Ot33$filterDOMProps","interactionHandlers","$5Ot33$mergeProps","router","$5Ot33$useRouter","routerLinkProps","$5Ot33$useLinkProps","e","_pressProps_onClick","$5Ot33$shouldClientNavigate","withContext","createRecipeContext","linkRecipe","LinkRoot","Link","as","asChild","children","forwardedRef","rest","localRef","useRef","useObjectRef","mergeRefs","useLink","jsx","mergeProps"],"mappings":"8UAeA,SAASA,EAA0CC,EAAOC,EAAK,CAC3D,GAAI,CAAE,YAAaC,EAAc,IAAK,QAASC,EAAS,aAAcC,EAAc,WAAYC,EAAY,QAASC,EAAS,WAAYC,EAAY,GAAGC,CAAU,EAAKR,EACpKS,EAAY,CAAE,EACdP,IAAgB,MAAKO,EAAY,CACjC,KAAM,OACN,SAAWF,EAAiB,OAAJ,CAC3B,GACD,GAAI,CAAE,eAAgBG,CAAc,EAASC,EAAmB,0CAAEX,EAAOC,CAAG,EACxE,CAAE,WAAYW,EAAY,UAAWC,CAAS,EAASC,4CAAiB,CACxE,QAASX,EACT,aAAcC,EACd,WAAYC,EACZ,QAASC,EACT,WAAYC,EACZ,IAAKN,CACb,CAAK,EACGc,EAAeC,EAAqB,0CAAER,EAAY,CAClD,UAAW,EACnB,CAAK,EACGS,EAA0BC,4CAAmBR,EAAgBE,CAAU,EACvEO,EAAaC,4CAAmB,EAChCC,EAAsBC,EAAmB,0CAAEtB,CAAK,EACpD,MAAO,CACH,UAAWa,EACX,UAAeK,EAAAA,0CAAmBH,EAAUM,EAAiB,CACzD,GAAGJ,EACH,GAAGR,EACH,gBAAiBF,GAAc,OAC/B,eAAgBP,EAAM,cAAc,EACpC,QAAUuB,GAAI,CACV,IAAIC,GACHA,EAAsBZ,EAAW,WAAa,MAAQY,IAAwB,QAAkBA,EAAoB,KAAKZ,EAAYW,CAAC,EAEnI,CAACJ,EAAO,UAAYI,EAAE,yBAAyB,mBAAqBA,EAAE,cAAc,MACxF,CAACA,EAAE,mBAAoB,GAAQE,EAA2B,0CAAEF,EAAE,cAAeA,CAAC,GAAKvB,EAAM,OACrFuB,EAAE,eAAgB,EAClBJ,EAAO,KAAKI,EAAE,cAAeA,EAAGvB,EAAM,KAAMA,EAAM,aAAa,EAEnF,CACS,CAAA,CACJ,CACL,CClCA,KAAM,CAAE,YAAA0B,CAAY,EAAIC,EAAAA,oBAAoB,CAAE,OAAQC,aAAY,EAMrDC,EAAWH,EAA8C,GAAG,ECT5DI,EAAQ9B,GAAqB,CAClC,KAAA,CAAE,GAAA+B,EAAI,QAAAC,EAAS,SAAAC,EAAU,IAAKC,EAAc,GAAGC,GAASnC,EAExDoC,EAAWC,SAA0B,IAAI,EACzCpC,EAAMqC,EAAA,0CAAaC,EAAU,UAAAH,EAAUF,CAAY,CAAC,EAEpDhC,EAAe6B,IAAkBC,EAAU,OAAS,MAAQ,IAC5D,CAAE,UAAAvB,GAAc+B,EAAQ,CAAE,GAAGL,EAAM,YAAAjC,CAAY,EAAGD,CAAG,EAE3D,OACGwC,EAAA,IAAAZ,EAAA,CAAU,GAAGa,EAAAA,0CAAWP,EAAM1B,EAAW,CAAE,GAAAsB,EAAI,QAAAC,EAAS,IAAA/B,EAAK,EAC3D,SAAAgC,CACH,CAAA,CAEJ,EAEAH,EAAK,YAAc","x_google_ignoreList":[0]}
+{"version":3,"file":"link-BfHXJGo9.js","sources":["../../../../node_modules/.pnpm/@react-aria+link@3.8.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/link/dist/useLink.mjs","../../src/components/link/link.slots.tsx","../../src/components/link/link.tsx"],"sourcesContent":["import {filterDOMProps as $5Ot33$filterDOMProps, mergeProps as $5Ot33$mergeProps, useRouter as $5Ot33$useRouter, useLinkProps as $5Ot33$useLinkProps, shouldClientNavigate as $5Ot33$shouldClientNavigate} from \"@react-aria/utils\";\nimport {useFocusable as $5Ot33$useFocusable, usePress as $5Ot33$usePress} from \"@react-aria/interactions\";\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 */ \n\nfunction $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {\n    let { elementType: elementType = 'a', onPress: onPress, onPressStart: onPressStart, onPressEnd: onPressEnd, onClick: onClick, isDisabled: isDisabled, ...otherProps } = props;\n    let linkProps = {};\n    if (elementType !== 'a') linkProps = {\n        role: 'link',\n        tabIndex: !isDisabled ? 0 : undefined\n    };\n    let { focusableProps: focusableProps } = (0, $5Ot33$useFocusable)(props, ref);\n    let { pressProps: pressProps, isPressed: isPressed } = (0, $5Ot33$usePress)({\n        onPress: onPress,\n        onPressStart: onPressStart,\n        onPressEnd: onPressEnd,\n        onClick: onClick,\n        isDisabled: isDisabled,\n        ref: ref\n    });\n    let domProps = (0, $5Ot33$filterDOMProps)(otherProps, {\n        labelable: true\n    });\n    let interactionHandlers = (0, $5Ot33$mergeProps)(focusableProps, pressProps);\n    let router = (0, $5Ot33$useRouter)();\n    let routerLinkProps = (0, $5Ot33$useLinkProps)(props);\n    return {\n        isPressed: isPressed,\n        linkProps: (0, $5Ot33$mergeProps)(domProps, routerLinkProps, {\n            ...interactionHandlers,\n            ...linkProps,\n            'aria-disabled': isDisabled || undefined,\n            'aria-current': props['aria-current'],\n            onClick: (e)=>{\n                var _pressProps_onClick;\n                (_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === void 0 ? void 0 : _pressProps_onClick.call(pressProps, e);\n                // If a custom router is provided, prevent default and forward if this link should client navigate.\n                if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.\n                !e.isDefaultPrevented() && (0, $5Ot33$shouldClientNavigate)(e.currentTarget, e) && props.href) {\n                    e.preventDefault();\n                    router.open(e.currentTarget, e, props.href, props.routerOptions);\n                }\n            }\n        })\n    };\n}\n\n\nexport {$298d61e98472621b$export$dcf14c9974fe2767 as useLink};\n//# sourceMappingURL=useLink.module.js.map\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { linkRecipe } from \"./link.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the a element.\n */\ninterface LinkRecipeProps extends RecipeProps<\"a\">, 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 */\nexport type LinkRootProps = HTMLChakraProps<\"a\", LinkRecipeProps>;\n\nconst { withContext } = createRecipeContext({ recipe: linkRecipe });\n\n/**\n * Root component that provides the styling context for the Link component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LinkRoot = withContext<HTMLAnchorElement, LinkRootProps>(\"a\");\n","import { useRef } from \"react\";\nimport { LinkRoot } from \"./link.slots\";\nimport type { LinkProps } from \"./link.types\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\n\n/**\n * Link\n * ============================================================\n * To allow a user to navigate to a different page or resource\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n */\nexport const Link = (props: LinkProps) => {\n  const { as, asChild, children, ref: forwardedRef, ...rest } = props;\n\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = (as as string) || (asChild ? \"span\" : \"a\") || \"a\";\n  const { linkProps } = useLink({ ...rest, elementType }, ref);\n\n  return (\n    <LinkRoot {...mergeProps(rest, linkProps, { as, asChild, ref })}>\n      {children}\n    </LinkRoot>\n  );\n};\n\nLink.displayName = \"Link\";\n"],"names":["$298d61e98472621b$export$dcf14c9974fe2767","props","ref","elementType","onPress","onPressStart","onPressEnd","onClick","isDisabled","otherProps","linkProps","focusableProps","$5Ot33$useFocusable","pressProps","isPressed","$5Ot33$usePress","domProps","$5Ot33$filterDOMProps","interactionHandlers","$5Ot33$mergeProps","router","$5Ot33$useRouter","routerLinkProps","$5Ot33$useLinkProps","e","_pressProps_onClick","$5Ot33$shouldClientNavigate","withContext","createRecipeContext","linkRecipe","LinkRoot","Link","as","asChild","children","forwardedRef","rest","localRef","useRef","useObjectRef","mergeRefs","useLink","jsx","mergeProps"],"mappings":"8UAeA,SAASA,EAA0CC,EAAOC,EAAK,CAC3D,GAAI,CAAE,YAAaC,EAAc,IAAK,QAASC,EAAS,aAAcC,EAAc,WAAYC,EAAY,QAASC,EAAS,WAAYC,EAAY,GAAGC,CAAU,EAAKR,EACpKS,EAAY,CAAE,EACdP,IAAgB,MAAKO,EAAY,CACjC,KAAM,OACN,SAAWF,EAAiB,OAAJ,CAC3B,GACD,GAAI,CAAE,eAAgBG,CAAc,EAASC,EAAmB,0CAAEX,EAAOC,CAAG,EACxE,CAAE,WAAYW,EAAY,UAAWC,CAAS,EAASC,4CAAiB,CACxE,QAASX,EACT,aAAcC,EACd,WAAYC,EACZ,QAASC,EACT,WAAYC,EACZ,IAAKN,CACb,CAAK,EACGc,EAAeC,EAAqB,0CAAER,EAAY,CAClD,UAAW,EACnB,CAAK,EACGS,EAA0BC,4CAAmBR,EAAgBE,CAAU,EACvEO,EAAaC,4CAAmB,EAChCC,EAAsBC,EAAmB,0CAAEtB,CAAK,EACpD,MAAO,CACH,UAAWa,EACX,UAAeK,EAAAA,0CAAmBH,EAAUM,EAAiB,CACzD,GAAGJ,EACH,GAAGR,EACH,gBAAiBF,GAAc,OAC/B,eAAgBP,EAAM,cAAc,EACpC,QAAUuB,GAAI,CACV,IAAIC,GACHA,EAAsBZ,EAAW,WAAa,MAAQY,IAAwB,QAAkBA,EAAoB,KAAKZ,EAAYW,CAAC,EAEnI,CAACJ,EAAO,UAAYI,EAAE,yBAAyB,mBAAqBA,EAAE,cAAc,MACxF,CAACA,EAAE,mBAAoB,GAAQE,EAA2B,0CAAEF,EAAE,cAAeA,CAAC,GAAKvB,EAAM,OACrFuB,EAAE,eAAgB,EAClBJ,EAAO,KAAKI,EAAE,cAAeA,EAAGvB,EAAM,KAAMA,EAAM,aAAa,EAEnF,CACS,CAAA,CACJ,CACL,CClCA,KAAM,CAAE,YAAA0B,CAAY,EAAIC,EAAAA,oBAAoB,CAAE,OAAQC,aAAY,EAMrDC,EAAWH,EAA8C,GAAG,ECT5DI,EAAQ9B,GAAqB,CAClC,KAAA,CAAE,GAAA+B,EAAI,QAAAC,EAAS,SAAAC,EAAU,IAAKC,EAAc,GAAGC,GAASnC,EAExDoC,EAAWC,SAA0B,IAAI,EACzCpC,EAAMqC,EAAA,0CAAaC,EAAU,UAAAH,EAAUF,CAAY,CAAC,EAEpDhC,EAAe6B,IAAkBC,EAAU,OAAS,MAAQ,IAC5D,CAAE,UAAAvB,GAAc+B,EAAQ,CAAE,GAAGL,EAAM,YAAAjC,CAAY,EAAGD,CAAG,EAE3D,OACGwC,EAAA,IAAAZ,EAAA,CAAU,GAAGa,EAAAA,0CAAWP,EAAM1B,EAAW,CAAE,GAAAsB,EAAI,QAAAC,EAAS,IAAA/B,EAAK,EAC3D,SAAAgC,CACH,CAAA,CAEJ,EAEAH,EAAK,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/{link-1lfvUDKX.js → link-CE73eHS0.js}

@@ -1,12 +1,12 @@
 import { jsx as C } from "react/jsx-runtime";
 import { useRef as h } from "react";
 import { createRecipeContext as T, mergeRefs as R } from "@chakra-ui/react";
-import { l as v } from "./link.recipe-CbFF3IUG.js";
+import { l as v } from "./link.recipe-Ba2by0OG.js";
 import { $ as L } from "./useObjectRef-CaJ5pgjX.js";
-import { $ } from "./mergeProps-DAjoWNOq.js";
+import { $ } from "./mergeProps-tCFA9wZ1.js";
 import { $ as g } from "./filterDOMProps-D6KHYVBX.js";
-import { $ as D, a as y, b as E, c as S } from "./usePress-dJvNd3G7.js";
-import { $ as w } from "./useFocusable-IwGfkXQG.js";
+import { $ as D, a as y, b as E, c as S } from "./usePress-Dk0M2Js8.js";
+import { $ as w } from "./useFocusable-DBEQCS1T.js";
 function H(e, o) {
   let { elementType: s = "a", onPress: i, onPressStart: c, onPressEnd: n, onClick: f, isDisabled: t, ...l } = e, a = {};
   s !== "a" && (a = {
@@ -38,7 +38,7 @@ function H(e, o) {
     })
   };
 }
-const { withContext: N } = T({ recipe: v }), _ = N("a"), j = (e) => {
+const { withContext: N } = /* @__PURE__ */ T({ recipe: v }), _ = /* @__PURE__ */ N("a"), j = (e) => {
   const { as: o, asChild: s, children: i, ref: c, ...n } = e, f = h(null), t = L(R(f, c)), l = o || (s ? "span" : "a") || "a", { linkProps: a } = H({ ...n, elementType: l }, t);
   return /* @__PURE__ */ C(_, { ...$(n, a, { as: o, asChild: s, ref: t }), children: i });
 };
@@ -46,4 +46,4 @@ j.displayName = "Link";
 export {
   j as L
 };
-//# sourceMappingURL=link-1lfvUDKX.js.map
+//# sourceMappingURL=link-CE73eHS0.js.map

package/dist/chunks/{link-1lfvUDKX.js.map → link-CE73eHS0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"link-1lfvUDKX.js","sources":["../../../../node_modules/.pnpm/@react-aria+link@3.8.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/link/dist/useLink.mjs","../../src/components/link/link.slots.tsx","../../src/components/link/link.tsx"],"sourcesContent":["import {filterDOMProps as $5Ot33$filterDOMProps, mergeProps as $5Ot33$mergeProps, useRouter as $5Ot33$useRouter, useLinkProps as $5Ot33$useLinkProps, shouldClientNavigate as $5Ot33$shouldClientNavigate} from \"@react-aria/utils\";\nimport {useFocusable as $5Ot33$useFocusable, usePress as $5Ot33$usePress} from \"@react-aria/interactions\";\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 */ \n\nfunction $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {\n    let { elementType: elementType = 'a', onPress: onPress, onPressStart: onPressStart, onPressEnd: onPressEnd, onClick: onClick, isDisabled: isDisabled, ...otherProps } = props;\n    let linkProps = {};\n    if (elementType !== 'a') linkProps = {\n        role: 'link',\n        tabIndex: !isDisabled ? 0 : undefined\n    };\n    let { focusableProps: focusableProps } = (0, $5Ot33$useFocusable)(props, ref);\n    let { pressProps: pressProps, isPressed: isPressed } = (0, $5Ot33$usePress)({\n        onPress: onPress,\n        onPressStart: onPressStart,\n        onPressEnd: onPressEnd,\n        onClick: onClick,\n        isDisabled: isDisabled,\n        ref: ref\n    });\n    let domProps = (0, $5Ot33$filterDOMProps)(otherProps, {\n        labelable: true\n    });\n    let interactionHandlers = (0, $5Ot33$mergeProps)(focusableProps, pressProps);\n    let router = (0, $5Ot33$useRouter)();\n    let routerLinkProps = (0, $5Ot33$useLinkProps)(props);\n    return {\n        isPressed: isPressed,\n        linkProps: (0, $5Ot33$mergeProps)(domProps, routerLinkProps, {\n            ...interactionHandlers,\n            ...linkProps,\n            'aria-disabled': isDisabled || undefined,\n            'aria-current': props['aria-current'],\n            onClick: (e)=>{\n                var _pressProps_onClick;\n                (_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === void 0 ? void 0 : _pressProps_onClick.call(pressProps, e);\n                // If a custom router is provided, prevent default and forward if this link should client navigate.\n                if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.\n                !e.isDefaultPrevented() && (0, $5Ot33$shouldClientNavigate)(e.currentTarget, e) && props.href) {\n                    e.preventDefault();\n                    router.open(e.currentTarget, e, props.href, props.routerOptions);\n                }\n            }\n        })\n    };\n}\n\n\nexport {$298d61e98472621b$export$dcf14c9974fe2767 as useLink};\n//# sourceMappingURL=useLink.module.js.map\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { linkRecipe } from \"./link.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the a element.\n */\ninterface LinkRecipeProps extends RecipeProps<\"a\">, 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 */\nexport type LinkRootProps = HTMLChakraProps<\"a\", LinkRecipeProps>;\n\nconst { withContext } = createRecipeContext({ recipe: linkRecipe });\n\n/**\n * Root component that provides the styling context for the Link component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LinkRoot = withContext<HTMLAnchorElement, LinkRootProps>(\"a\");\n","import { useRef } from \"react\";\nimport { LinkRoot } from \"./link.slots\";\nimport type { LinkProps } from \"./link.types\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\n\n/**\n * Link\n * ============================================================\n * To allow a user to navigate to a different page or resource\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n */\nexport const Link = (props: LinkProps) => {\n  const { as, asChild, children, ref: forwardedRef, ...rest } = props;\n\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = (as as string) || (asChild ? \"span\" : \"a\") || \"a\";\n  const { linkProps } = useLink({ ...rest, elementType }, ref);\n\n  return (\n    <LinkRoot {...mergeProps(rest, linkProps, { as, asChild, ref })}>\n      {children}\n    </LinkRoot>\n  );\n};\n\nLink.displayName = \"Link\";\n"],"names":["$298d61e98472621b$export$dcf14c9974fe2767","props","ref","elementType","onPress","onPressStart","onPressEnd","onClick","isDisabled","otherProps","linkProps","focusableProps","$5Ot33$useFocusable","pressProps","isPressed","$5Ot33$usePress","domProps","$5Ot33$filterDOMProps","interactionHandlers","$5Ot33$mergeProps","router","$5Ot33$useRouter","routerLinkProps","$5Ot33$useLinkProps","e","_pressProps_onClick","$5Ot33$shouldClientNavigate","withContext","createRecipeContext","linkRecipe","LinkRoot","Link","as","asChild","children","forwardedRef","rest","localRef","useRef","useObjectRef","mergeRefs","useLink","jsx","mergeProps"],"mappings":";;;;;;;;;AAeA,SAASA,EAA0CC,GAAOC,GAAK;AAC3D,MAAI,EAAE,aAAaC,IAAc,KAAK,SAASC,GAAS,cAAcC,GAAc,YAAYC,GAAY,SAASC,GAAS,YAAYC,GAAY,GAAGC,EAAU,IAAKR,GACpKS,IAAY,CAAE;AAClB,EAAIP,MAAgB,QAAKO,IAAY;AAAA,IACjC,MAAM;AAAA,IACN,UAAWF,IAAiB,SAAJ;AAAA,EAC3B;AACD,MAAI,EAAE,gBAAgBG,EAAc,IAASC,EAAqBX,GAAOC,CAAG,GACxE,EAAE,YAAYW,GAAY,WAAWC,EAAS,IAASC,EAAiB;AAAA,IACxE,SAASX;AAAA,IACT,cAAcC;AAAA,IACd,YAAYC;AAAA,IACZ,SAASC;AAAA,IACT,YAAYC;AAAA,IACZ,KAAKN;AAAA,EACb,CAAK,GACGc,IAAeC,EAAuBR,GAAY;AAAA,IAClD,WAAW;AAAA,EACnB,CAAK,GACGS,IAA0BC,EAAmBR,GAAgBE,CAAU,GACvEO,IAAaC,EAAmB,GAChCC,IAAsBC,EAAqBtB,CAAK;AACpD,SAAO;AAAA,IACH,WAAWa;AAAA,IACX,WAAeK,EAAmBH,GAAUM,GAAiB;AAAA,MACzD,GAAGJ;AAAA,MACH,GAAGR;AAAA,MACH,iBAAiBF,KAAc;AAAA,MAC/B,gBAAgBP,EAAM,cAAc;AAAA,MACpC,SAAS,CAACuB,MAAI;AACV,YAAIC;AACJ,SAACA,IAAsBZ,EAAW,aAAa,QAAQY,MAAwB,UAAkBA,EAAoB,KAAKZ,GAAYW,CAAC,GAEnI,CAACJ,EAAO,YAAYI,EAAE,yBAAyB,qBAAqBA,EAAE,cAAc;AAAA,QACxF,CAACA,EAAE,mBAAoB,KAAQE,EAA6BF,EAAE,eAAeA,CAAC,KAAKvB,EAAM,SACrFuB,EAAE,eAAgB,GAClBJ,EAAO,KAAKI,EAAE,eAAeA,GAAGvB,EAAM,MAAMA,EAAM,aAAa;AAAA,MAEnF;AAAA,IACS,CAAA;AAAA,EACJ;AACL;AClCA,MAAM,EAAE,aAAA0B,EAAY,IAAIC,EAAoB,EAAE,QAAQC,GAAY,GAMrDC,IAAWH,EAA8C,GAAG,GCT5DI,IAAO,CAAC9B,MAAqB;AAClC,QAAA,EAAE,IAAA+B,GAAI,SAAAC,GAAS,UAAAC,GAAU,KAAKC,GAAc,GAAGC,MAASnC,GAExDoC,IAAWC,EAA0B,IAAI,GACzCpC,IAAMqC,EAAaC,EAAUH,GAAUF,CAAY,CAAC,GAEpDhC,IAAe6B,MAAkBC,IAAU,SAAS,QAAQ,KAC5D,EAAE,WAAAvB,MAAc+B,EAAQ,EAAE,GAAGL,GAAM,aAAAjC,EAAY,GAAGD,CAAG;AAE3D,SACG,gBAAAwC,EAAAZ,GAAA,EAAU,GAAGa,EAAWP,GAAM1B,GAAW,EAAE,IAAAsB,GAAI,SAAAC,GAAS,KAAA/B,GAAK,GAC3D,UAAAgC,EACH,CAAA;AAEJ;AAEAH,EAAK,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"link-CE73eHS0.js","sources":["../../../../node_modules/.pnpm/@react-aria+link@3.8.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/link/dist/useLink.mjs","../../src/components/link/link.slots.tsx","../../src/components/link/link.tsx"],"sourcesContent":["import {filterDOMProps as $5Ot33$filterDOMProps, mergeProps as $5Ot33$mergeProps, useRouter as $5Ot33$useRouter, useLinkProps as $5Ot33$useLinkProps, shouldClientNavigate as $5Ot33$shouldClientNavigate} from \"@react-aria/utils\";\nimport {useFocusable as $5Ot33$useFocusable, usePress as $5Ot33$usePress} from \"@react-aria/interactions\";\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 */ \n\nfunction $298d61e98472621b$export$dcf14c9974fe2767(props, ref) {\n    let { elementType: elementType = 'a', onPress: onPress, onPressStart: onPressStart, onPressEnd: onPressEnd, onClick: onClick, isDisabled: isDisabled, ...otherProps } = props;\n    let linkProps = {};\n    if (elementType !== 'a') linkProps = {\n        role: 'link',\n        tabIndex: !isDisabled ? 0 : undefined\n    };\n    let { focusableProps: focusableProps } = (0, $5Ot33$useFocusable)(props, ref);\n    let { pressProps: pressProps, isPressed: isPressed } = (0, $5Ot33$usePress)({\n        onPress: onPress,\n        onPressStart: onPressStart,\n        onPressEnd: onPressEnd,\n        onClick: onClick,\n        isDisabled: isDisabled,\n        ref: ref\n    });\n    let domProps = (0, $5Ot33$filterDOMProps)(otherProps, {\n        labelable: true\n    });\n    let interactionHandlers = (0, $5Ot33$mergeProps)(focusableProps, pressProps);\n    let router = (0, $5Ot33$useRouter)();\n    let routerLinkProps = (0, $5Ot33$useLinkProps)(props);\n    return {\n        isPressed: isPressed,\n        linkProps: (0, $5Ot33$mergeProps)(domProps, routerLinkProps, {\n            ...interactionHandlers,\n            ...linkProps,\n            'aria-disabled': isDisabled || undefined,\n            'aria-current': props['aria-current'],\n            onClick: (e)=>{\n                var _pressProps_onClick;\n                (_pressProps_onClick = pressProps.onClick) === null || _pressProps_onClick === void 0 ? void 0 : _pressProps_onClick.call(pressProps, e);\n                // If a custom router is provided, prevent default and forward if this link should client navigate.\n                if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.\n                !e.isDefaultPrevented() && (0, $5Ot33$shouldClientNavigate)(e.currentTarget, e) && props.href) {\n                    e.preventDefault();\n                    router.open(e.currentTarget, e, props.href, props.routerOptions);\n                }\n            }\n        })\n    };\n}\n\n\nexport {$298d61e98472621b$export$dcf14c9974fe2767 as useLink};\n//# sourceMappingURL=useLink.module.js.map\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { linkRecipe } from \"./link.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the a element.\n */\ninterface LinkRecipeProps extends RecipeProps<\"a\">, 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 */\nexport type LinkRootProps = HTMLChakraProps<\"a\", LinkRecipeProps>;\n\nconst { withContext } = createRecipeContext({ recipe: linkRecipe });\n\n/**\n * Root component that provides the styling context for the Link component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LinkRoot = withContext<HTMLAnchorElement, LinkRootProps>(\"a\");\n","import { useRef } from \"react\";\nimport { LinkRoot } from \"./link.slots\";\nimport type { LinkProps } from \"./link.types\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\n\n/**\n * Link\n * ============================================================\n * To allow a user to navigate to a different page or resource\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n */\nexport const Link = (props: LinkProps) => {\n  const { as, asChild, children, ref: forwardedRef, ...rest } = props;\n\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = (as as string) || (asChild ? \"span\" : \"a\") || \"a\";\n  const { linkProps } = useLink({ ...rest, elementType }, ref);\n\n  return (\n    <LinkRoot {...mergeProps(rest, linkProps, { as, asChild, ref })}>\n      {children}\n    </LinkRoot>\n  );\n};\n\nLink.displayName = \"Link\";\n"],"names":["$298d61e98472621b$export$dcf14c9974fe2767","props","ref","elementType","onPress","onPressStart","onPressEnd","onClick","isDisabled","otherProps","linkProps","focusableProps","$5Ot33$useFocusable","pressProps","isPressed","$5Ot33$usePress","domProps","$5Ot33$filterDOMProps","interactionHandlers","$5Ot33$mergeProps","router","$5Ot33$useRouter","routerLinkProps","$5Ot33$useLinkProps","e","_pressProps_onClick","$5Ot33$shouldClientNavigate","withContext","createRecipeContext","linkRecipe","LinkRoot","Link","as","asChild","children","forwardedRef","rest","localRef","useRef","useObjectRef","mergeRefs","useLink","jsx","mergeProps"],"mappings":";;;;;;;;;AAeA,SAASA,EAA0CC,GAAOC,GAAK;AAC3D,MAAI,EAAE,aAAaC,IAAc,KAAK,SAASC,GAAS,cAAcC,GAAc,YAAYC,GAAY,SAASC,GAAS,YAAYC,GAAY,GAAGC,EAAU,IAAKR,GACpKS,IAAY,CAAE;AAClB,EAAIP,MAAgB,QAAKO,IAAY;AAAA,IACjC,MAAM;AAAA,IACN,UAAWF,IAAiB,SAAJ;AAAA,EAC3B;AACD,MAAI,EAAE,gBAAgBG,EAAc,IAASC,EAAqBX,GAAOC,CAAG,GACxE,EAAE,YAAYW,GAAY,WAAWC,EAAS,IAASC,EAAiB;AAAA,IACxE,SAASX;AAAA,IACT,cAAcC;AAAA,IACd,YAAYC;AAAA,IACZ,SAASC;AAAA,IACT,YAAYC;AAAA,IACZ,KAAKN;AAAA,EACb,CAAK,GACGc,IAAeC,EAAuBR,GAAY;AAAA,IAClD,WAAW;AAAA,EACnB,CAAK,GACGS,IAA0BC,EAAmBR,GAAgBE,CAAU,GACvEO,IAAaC,EAAmB,GAChCC,IAAsBC,EAAqBtB,CAAK;AACpD,SAAO;AAAA,IACH,WAAWa;AAAA,IACX,WAAeK,EAAmBH,GAAUM,GAAiB;AAAA,MACzD,GAAGJ;AAAA,MACH,GAAGR;AAAA,MACH,iBAAiBF,KAAc;AAAA,MAC/B,gBAAgBP,EAAM,cAAc;AAAA,MACpC,SAAS,CAACuB,MAAI;AACV,YAAIC;AACJ,SAACA,IAAsBZ,EAAW,aAAa,QAAQY,MAAwB,UAAkBA,EAAoB,KAAKZ,GAAYW,CAAC,GAEnI,CAACJ,EAAO,YAAYI,EAAE,yBAAyB,qBAAqBA,EAAE,cAAc;AAAA,QACxF,CAACA,EAAE,mBAAoB,KAAQE,EAA6BF,EAAE,eAAeA,CAAC,KAAKvB,EAAM,SACrFuB,EAAE,eAAgB,GAClBJ,EAAO,KAAKI,EAAE,eAAeA,GAAGvB,EAAM,MAAMA,EAAM,aAAa;AAAA,MAEnF;AAAA,IACS,CAAA;AAAA,EACJ;AACL;AClCA,MAAM,EAAE,aAAA0B,EAAY,IAAI,gBAAAC,EAAoB,EAAE,QAAQC,GAAY,GAMrDC,IAAW,gBAAAH,EAA8C,GAAG,GCT5DI,IAAO,CAAC9B,MAAqB;AAClC,QAAA,EAAE,IAAA+B,GAAI,SAAAC,GAAS,UAAAC,GAAU,KAAKC,GAAc,GAAGC,MAASnC,GAExDoC,IAAWC,EAA0B,IAAI,GACzCpC,IAAMqC,EAAaC,EAAUH,GAAUF,CAAY,CAAC,GAEpDhC,IAAe6B,MAAkBC,IAAU,SAAS,QAAQ,KAC5D,EAAE,WAAAvB,MAAc+B,EAAQ,EAAE,GAAGL,GAAM,aAAAjC,EAAY,GAAGD,CAAG;AAE3D,SACG,gBAAAwC,EAAAZ,GAAA,EAAU,GAAGa,EAAWP,GAAM1B,GAAW,EAAE,IAAAsB,GAAI,SAAAC,GAAS,KAAA/B,GAAK,GAC3D,UAAAgC,EACH,CAAA;AAEJ;AAEAH,EAAK,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/{link.recipe-CbFF3IUG.js → link.recipe-Ba2by0OG.js}

@@ -1,5 +1,5 @@
 import { defineRecipe as e } from "@chakra-ui/react";
-const n = e({
+const n = /* @__PURE__ */ e({
   className: "nimbus-link",
   // Base styles applied to all instances of the component
   base: {
@@ -48,4 +48,4 @@ const n = e({
 export {
   n as l
 };
-//# sourceMappingURL=link.recipe-CbFF3IUG.js.map
+//# sourceMappingURL=link.recipe-Ba2by0OG.js.map

package/dist/chunks/{link.recipe-CbFF3IUG.js.map → link.recipe-Ba2by0OG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"link.recipe-CbFF3IUG.js","sources":["../../src/components/link/link.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Link component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const linkRecipe = defineRecipe({\n  className: \"nimbus-link\",\n  // Base styles applied to all instances of the component\n  base: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    color: \"colorPalette.11\",\n    borderRadius: \"100\",\n    focusVisibleRing: \"outside\",\n    bg: \"transparent\",\n    outline: \"none\",\n    cursor: \"pointer\",\n    textDecoration: \"underline\",\n    textUnderlineOffset: \"3px\",\n    _hover: {\n      textDecorationThickness: \"12%\",\n    },\n  },\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      xs: {\n        fontSize: \"300\",\n        lineHeight: \"450\",\n      },\n      sm: {\n        fontSize: \"350\",\n        lineHeight: \"500\",\n      },\n      md: {\n        fontSize: \"400\",\n        lineHeight: \"600\",\n      },\n    },\n    // style variants\n    fontColor: {\n      primary: {\n        color: \"primary\",\n      },\n      inherit: {\n        color: \"inherit\",\n      },\n    },\n  },\n});\n"],"names":["linkRecipe","defineRecipe"],"mappings":";AAMO,MAAMA,IAAaC,EAAa;AAAA,EACrC,WAAW;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,QAAQ;AAAA,MACN,yBAAyB;AAAA,IAAA;AAAA,EAE7B;AAAA;AAAA,EAEA,UAAU;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,YAAY;AAAA,MACd;AAAA,MACA,IAAI;AAAA,QACF,UAAU;AAAA,QACV,YAAY;AAAA,MACd;AAAA,MACA,IAAI;AAAA,QACF,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,IAEhB;AAAA;AAAA,IAEA,WAAW;AAAA,MACT,SAAS;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,CAAC;"}
+{"version":3,"file":"link.recipe-Ba2by0OG.js","sources":["../../src/components/link/link.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Link component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const linkRecipe = defineRecipe({\n  className: \"nimbus-link\",\n  // Base styles applied to all instances of the component\n  base: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    color: \"colorPalette.11\",\n    borderRadius: \"100\",\n    focusVisibleRing: \"outside\",\n    bg: \"transparent\",\n    outline: \"none\",\n    cursor: \"pointer\",\n    textDecoration: \"underline\",\n    textUnderlineOffset: \"3px\",\n    _hover: {\n      textDecorationThickness: \"12%\",\n    },\n  },\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      xs: {\n        fontSize: \"300\",\n        lineHeight: \"450\",\n      },\n      sm: {\n        fontSize: \"350\",\n        lineHeight: \"500\",\n      },\n      md: {\n        fontSize: \"400\",\n        lineHeight: \"600\",\n      },\n    },\n    // style variants\n    fontColor: {\n      primary: {\n        color: \"primary\",\n      },\n      inherit: {\n        color: \"inherit\",\n      },\n    },\n  },\n});\n"],"names":["linkRecipe","defineRecipe"],"mappings":";AAMO,MAAMA,IAAa,gBAAAC,EAAa;AAAA,EACrC,WAAW;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,QAAQ;AAAA,MACN,yBAAyB;AAAA,IAAA;AAAA,EAE7B;AAAA;AAAA,EAEA,UAAU;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,YAAY;AAAA,MACd;AAAA,MACA,IAAI;AAAA,QACF,UAAU;AAAA,QACV,YAAY;AAAA,MACd;AAAA,MACA,IAAI;AAAA,QACF,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,IAEhB;AAAA;AAAA,IAEA,WAAW;AAAA,MACT,SAAS;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,CAAC;"}