@commercetools/nimbus 0.0.0-canary-20250807210749 → 0.0.0-canary-20250812202252

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/dist/chunks/accordion-Bn6CnY0Y.cjs.js.map +1 -1
  2. package/dist/chunks/accordion-xfgQQjFK.es.js.map +1 -1
  3. package/dist/chunks/alert-BkF91mJ0.es.js.map +1 -1
  4. package/dist/chunks/alert-CQLVvNDD.cjs.js.map +1 -1
  5. package/dist/chunks/badge-CFwI3HLf.cjs.js.map +1 -1
  6. package/dist/chunks/badge-DVDR3-fy.es.js.map +1 -1
  7. package/dist/chunks/box-DD4jYgS7.es.js.map +1 -1
  8. package/dist/chunks/box-FU6tRPFs.cjs.js.map +1 -1
  9. package/dist/chunks/button-BBwNbl7S.cjs.js.map +1 -1
  10. package/dist/chunks/button-BTpQweka.es.js.map +1 -1
  11. package/dist/chunks/calendar-B4nCYXn4.es.js.map +1 -1
  12. package/dist/chunks/calendar-CKVscUm-.cjs.js.map +1 -1
  13. package/dist/chunks/card-B9z3AknN.cjs.js.map +1 -1
  14. package/dist/chunks/card-CvY06qIE.es.js.map +1 -1
  15. package/dist/chunks/checkbox-DywApPQh.cjs.js.map +1 -1
  16. package/dist/chunks/checkbox-yo64B6Gz.es.js.map +1 -1
  17. package/dist/chunks/code-CI8aUhmu.es.js.map +1 -1
  18. package/dist/chunks/code-Dg4Larbo.cjs.js.map +1 -1
  19. package/dist/chunks/combobox-D5lDtav9.cjs.js.map +1 -1
  20. package/dist/chunks/combobox-DWSsUEVz.es.js.map +1 -1
  21. package/dist/chunks/date-input-4hsVHJJo.es.js.map +1 -1
  22. package/dist/chunks/date-input-CGy4NHpW.cjs.js.map +1 -1
  23. package/dist/chunks/date-picker-BSOum_Vm.cjs.js +2 -0
  24. package/dist/chunks/date-picker-BSOum_Vm.cjs.js.map +1 -0
  25. package/dist/chunks/{date-picker-UO9jg5oK.es.js → date-picker-CrV9TJ_O.es.js} +66 -63
  26. package/dist/chunks/date-picker-CrV9TJ_O.es.js.map +1 -0
  27. package/dist/chunks/date-range-picker-Bvgghg-M.cjs.js +2 -0
  28. package/dist/chunks/date-range-picker-Bvgghg-M.cjs.js.map +1 -0
  29. package/dist/chunks/{date-range-picker-DGKM05wQ.es.js → date-range-picker-ByLVQAiA.es.js} +92 -86
  30. package/dist/chunks/date-range-picker-ByLVQAiA.es.js.map +1 -0
  31. package/dist/chunks/dialog-C1HRMUcF.es.js.map +1 -1
  32. package/dist/chunks/dialog-amEwvIoM.cjs.js.map +1 -1
  33. package/dist/chunks/form-field-C9PpQYF0.es.js.map +1 -1
  34. package/dist/chunks/form-field-CBFyTAo8.cjs.js.map +1 -1
  35. package/dist/chunks/grid-CugcJxRP.es.js.map +1 -1
  36. package/dist/chunks/grid-xr2A-OqD.cjs.js.map +1 -1
  37. package/dist/chunks/group-DKR1JLAy.es.js.map +1 -1
  38. package/dist/chunks/group-DtSrr9I-.cjs.js.map +1 -1
  39. package/dist/chunks/icon-BFNYuilh.es.js.map +1 -1
  40. package/dist/chunks/icon-D50i-dqv.cjs.js.map +1 -1
  41. package/dist/chunks/icon-button-BEaNe4rE.cjs.js.map +1 -1
  42. package/dist/chunks/icon-button-DqkVeZCx.es.js.map +1 -1
  43. package/dist/chunks/image-DCirAAnr.cjs.js.map +1 -1
  44. package/dist/chunks/image-rXPA3shk.es.js.map +1 -1
  45. package/dist/chunks/kbd-Bkhw9E6L.cjs.js.map +1 -1
  46. package/dist/chunks/kbd-Gxvodc1U.es.js.map +1 -1
  47. package/dist/chunks/link-BS1jRPrC.es.js.map +1 -1
  48. package/dist/chunks/link-COqOFX5Z.cjs.js.map +1 -1
  49. package/dist/chunks/list-8yfreyzi.cjs.js.map +1 -1
  50. package/dist/chunks/list-B21joBrq.es.js.map +1 -1
  51. package/dist/chunks/loading-spinner-BQd4UVQs.cjs.js.map +1 -1
  52. package/dist/chunks/loading-spinner-DwN-yshK.es.js.map +1 -1
  53. package/dist/chunks/multiline-text-input-BCHcfgz9.cjs.js.map +1 -1
  54. package/dist/chunks/multiline-text-input-sSdbj6tb.es.js.map +1 -1
  55. package/dist/chunks/nimbus-provider-Bf7NgBYl.cjs.js.map +1 -1
  56. package/dist/chunks/nimbus-provider-DiytQtCG.es.js.map +1 -1
  57. package/dist/chunks/number-input-BU6yMXV8.cjs.js.map +1 -1
  58. package/dist/chunks/number-input-DzwHfylo.es.js.map +1 -1
  59. package/dist/chunks/password-input-DdJ9gDUr.es.js.map +1 -1
  60. package/dist/chunks/password-input-DpINXGwE.cjs.js.map +1 -1
  61. package/dist/chunks/progress-bar-CCyJEPoU.es.js +75 -0
  62. package/dist/chunks/progress-bar-CCyJEPoU.es.js.map +1 -0
  63. package/dist/chunks/progress-bar-pMjw8h4h.cjs.js +2 -0
  64. package/dist/chunks/progress-bar-pMjw8h4h.cjs.js.map +1 -0
  65. package/dist/chunks/radio-input-BLVHJidw.cjs.js.map +1 -1
  66. package/dist/chunks/radio-input-CCm7Xqcz.es.js.map +1 -1
  67. package/dist/chunks/select-BZ2fZDHJ.cjs.js.map +1 -1
  68. package/dist/chunks/select-Cx0Yiwr-.es.js.map +1 -1
  69. package/dist/chunks/simple-grid-CFOP9g2P.es.js.map +1 -1
  70. package/dist/chunks/simple-grid-CHgTayx6.cjs.js.map +1 -1
  71. package/dist/chunks/stack-__ugxVHD.es.js.map +1 -1
  72. package/dist/chunks/stack-wFUhYQQb.cjs.js.map +1 -1
  73. package/dist/chunks/switch-BriJIKqx.es.js.map +1 -1
  74. package/dist/chunks/switch-GFsEXE6w.cjs.js.map +1 -1
  75. package/dist/chunks/tag-group-8CojIACI.es.js.map +1 -1
  76. package/dist/chunks/tag-group-D7GNkec5.cjs.js.map +1 -1
  77. package/dist/chunks/text--fhvW47o.cjs.js.map +1 -1
  78. package/dist/chunks/text-CFsPSPPs.es.js.map +1 -1
  79. package/dist/chunks/text-input-Dg1LSvlo.es.js.map +1 -1
  80. package/dist/chunks/text-input-DzIZYD16.cjs.js.map +1 -1
  81. package/dist/chunks/toggle-button-BcbQQcBy.cjs.js.map +1 -1
  82. package/dist/chunks/toggle-button-DhnBl8Gb.es.js.map +1 -1
  83. package/dist/chunks/toggle-button-group-BQfaNSZf.es.js.map +1 -1
  84. package/dist/chunks/toggle-button-group-C5nvmHRc.cjs.js.map +1 -1
  85. package/dist/chunks/{toolbar-C18za_6s.es.js → toolbar-DZrjQLFq.es.js} +2 -5
  86. package/dist/chunks/{toolbar-C18za_6s.es.js.map → toolbar-DZrjQLFq.es.js.map} +1 -1
  87. package/dist/chunks/toolbar-O-t4_xhL.cjs.js.map +1 -1
  88. package/dist/chunks/tooltip-Bi0556u1.es.js.map +1 -1
  89. package/dist/chunks/tooltip-DwXtfA_x.cjs.js.map +1 -1
  90. package/dist/chunks/visually-hidden-Bkimhan7.es.js.map +1 -1
  91. package/dist/chunks/visually-hidden-KeFRLonC.cjs.js.map +1 -1
  92. package/dist/components/components.cjs +1 -1
  93. package/dist/components/components.es.js +4 -4
  94. package/dist/components/date-picker.cjs +1 -1
  95. package/dist/components/date-picker.es.js +1 -1
  96. package/dist/components/date-range-picker.cjs +1 -1
  97. package/dist/components/date-range-picker.es.js +1 -1
  98. package/dist/components/progress-bar.cjs +1 -1
  99. package/dist/components/progress-bar.es.js +1 -1
  100. package/dist/components/toolbar.es.js +1 -1
  101. package/dist/index.cjs +1 -1
  102. package/dist/index.es.js +4 -4
  103. package/dist/setup-jsdom-polyfills.cjs.map +1 -1
  104. package/dist/setup-jsdom-polyfills.es.js.map +1 -1
  105. package/package.json +5 -5
  106. package/dist/chunks/date-picker-BfA4uYkg.cjs.js +0 -2
  107. package/dist/chunks/date-picker-BfA4uYkg.cjs.js.map +0 -1
  108. package/dist/chunks/date-picker-UO9jg5oK.es.js.map +0 -1
  109. package/dist/chunks/date-range-picker-D7D7R_4k.cjs.js +0 -2
  110. package/dist/chunks/date-range-picker-D7D7R_4k.cjs.js.map +0 -1
  111. package/dist/chunks/date-range-picker-DGKM05wQ.es.js.map +0 -1
  112. package/dist/chunks/progress-bar-CbZY1dE1.cjs.js +0 -2
  113. package/dist/chunks/progress-bar-CbZY1dE1.cjs.js.map +0 -1
  114. package/dist/chunks/progress-bar-VipTWl4r.es.js +0 -71
  115. package/dist/chunks/progress-bar-VipTWl4r.es.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"form-field-CBFyTAo8.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n FormFieldDescriptionSlotProps,\n FormFieldErrorSlotProps,\n FormFieldInputSlotProps,\n FormFieldLabelSlotProps,\n} from \"../form-field.slots\";\n\nexport type FormFieldContextPayloadType = {\n label: ReactNode;\n labelSlotProps?: FormFieldLabelSlotProps;\n input: ReactNode;\n inputSlotProps?: FormFieldInputSlotProps;\n description: ReactNode;\n descriptionSlotProps?: FormFieldDescriptionSlotProps;\n error: ReactNode;\n errorSlotProps?: FormFieldErrorSlotProps;\n info: ReactNode;\n isInvalid?: boolean;\n isRequired?: boolean;\n isDisabled?: boolean;\n isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n context: FormFieldContextPayloadType;\n setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n context: {\n label: null,\n description: null,\n error: null,\n info: null,\n input: null,\n },\n setContext: () => {},\n});\n","import { defineSlotRecipe } from \"@chakra-ui/react\";\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 miscellaneous inputs in a FormField context\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n (\n { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n ref\n ) => {\n const [context, setContext] = useState<FormFieldContextPayloadType>({\n label: null,\n description: null,\n error: null,\n info: null,\n input: null,\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n });\n\n const useFieldArgs: Parameters<typeof useField>[0] = {\n description: context.description,\n errorMessage: context.error,\n };\n\n if (context.label) {\n useFieldArgs.label = context.label;\n } else {\n // Context will always start out null, so we need to stub out some aria attributes\n // FIXME: This is a hack to get the form field to work, but it's not the best solution\n // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n useFieldArgs[\"aria-label\"] = \"empty-label\";\n useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n }\n\n const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n useField(useFieldArgs);\n\n useEffect(() => {\n setContext((prevContext) => ({\n ...prevContext,\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n }));\n }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n const inputProps = {\n ...fieldProps,\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n };\n\n return (\n <FormFieldContext.Provider value={{ context, setContext }}>\n <FormFieldRootSlot ref={ref} {...props}>\n {context.label && (\n <FormFieldLabelSlot {...context.labelSlotProps}>\n <label {...labelProps}>\n {context.label}\n {isRequired && <sup aria-hidden=\"true\">*</sup>}\n </label>\n {context.info && (\n <DialogTrigger>\n <Box\n as=\"span\"\n display=\"inline-block\"\n position=\"relative\"\n width=\"1ch\"\n height=\"1ch\"\n ml=\"200\"\n >\n <Box\n as=\"span\"\n display=\"inline-flex\"\n position=\"absolute\"\n top=\"50%\"\n right=\"50%\"\n transform=\"translate(50%, -50%)\"\n >\n <IconButton\n aria-label=\"__MORE INFO\"\n size=\"2xs\"\n tone=\"info\"\n variant=\"link\"\n >\n <HelpOutline />\n </IconButton>\n </Box>\n </Box>\n <Popover>\n <FormFieldPopoverSlot asChild>\n <Dialog>\n <Box p=\"300\">{context.info}</Box>\n </Dialog>\n </FormFieldPopoverSlot>\n </Popover>\n </DialogTrigger>\n )}\n </FormFieldLabelSlot>\n )}\n {context.input && (\n <FormFieldInputSlot {...context.inputSlotProps}>\n {Children.map(context.input, (child) => {\n // Important: Check if the child is a valid React element before cloning.\n if (isValidElement(child)) {\n return cloneElement(child, inputProps);\n }\n // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n return child;\n })}\n </FormFieldInputSlot>\n )}\n {context.description && (\n <FormFieldDescriptionSlot\n {...descriptionProps}\n {...context.descriptionSlotProps}\n >\n {context.description}\n </FormFieldDescriptionSlot>\n )}\n {isInvalid && context.error && (\n <FormFieldErrorSlot\n {...errorMessageProps}\n {...context.errorSlotProps}\n >\n <Box\n as={ErrorOutline}\n display=\"inline-flex\"\n boxSize=\"400\"\n verticalAlign=\"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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"}
1
+ {"version":3,"file":"form-field-CBFyTAo8.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n FormFieldDescriptionSlotProps,\n FormFieldErrorSlotProps,\n FormFieldInputSlotProps,\n FormFieldLabelSlotProps,\n} from \"../form-field.slots\";\n\nexport type FormFieldContextPayloadType = {\n label: ReactNode;\n labelSlotProps?: FormFieldLabelSlotProps;\n input: ReactNode;\n inputSlotProps?: FormFieldInputSlotProps;\n description: ReactNode;\n descriptionSlotProps?: FormFieldDescriptionSlotProps;\n error: ReactNode;\n errorSlotProps?: FormFieldErrorSlotProps;\n info: ReactNode;\n isInvalid?: boolean;\n isRequired?: boolean;\n isDisabled?: boolean;\n isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n context: FormFieldContextPayloadType;\n setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n context: {\n label: null,\n description: null,\n error: null,\n info: null,\n input: null,\n },\n setContext: () => {},\n});\n","import { defineSlotRecipe } from \"@chakra-ui/react\";\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 miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n (\n { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n ref\n ) => {\n const [context, setContext] = useState<FormFieldContextPayloadType>({\n label: null,\n description: null,\n error: null,\n info: null,\n input: null,\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n });\n\n const useFieldArgs: Parameters<typeof useField>[0] = {\n description: context.description,\n errorMessage: context.error,\n };\n\n if (context.label) {\n useFieldArgs.label = context.label;\n } else {\n // Context will always start out null, so we need to stub out some aria attributes\n // FIXME: This is a hack to get the form field to work, but it's not the best solution\n // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n useFieldArgs[\"aria-label\"] = \"empty-label\";\n useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n }\n\n const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n useField(useFieldArgs);\n\n useEffect(() => {\n setContext((prevContext) => ({\n ...prevContext,\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n }));\n }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n const inputProps = {\n ...fieldProps,\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n };\n\n return (\n <FormFieldContext.Provider value={{ context, setContext }}>\n <FormFieldRootSlot ref={ref} {...props}>\n {context.label && (\n <FormFieldLabelSlot {...context.labelSlotProps}>\n <label {...labelProps}>\n {context.label}\n {isRequired && <sup aria-hidden=\"true\">*</sup>}\n </label>\n {context.info && (\n <DialogTrigger>\n <Box\n as=\"span\"\n display=\"inline-block\"\n position=\"relative\"\n width=\"1ch\"\n height=\"1ch\"\n ml=\"200\"\n >\n <Box\n as=\"span\"\n display=\"inline-flex\"\n position=\"absolute\"\n top=\"50%\"\n right=\"50%\"\n transform=\"translate(50%, -50%)\"\n >\n <IconButton\n aria-label=\"__MORE INFO\"\n size=\"2xs\"\n tone=\"info\"\n variant=\"link\"\n >\n <HelpOutline />\n </IconButton>\n </Box>\n </Box>\n <Popover>\n <FormFieldPopoverSlot asChild>\n <Dialog>\n <Box p=\"300\">{context.info}</Box>\n </Dialog>\n </FormFieldPopoverSlot>\n </Popover>\n </DialogTrigger>\n )}\n </FormFieldLabelSlot>\n )}\n {context.input && (\n <FormFieldInputSlot {...context.inputSlotProps}>\n {Children.map(context.input, (child) => {\n // Important: Check if the child is a valid React element before cloning.\n if (isValidElement(child)) {\n return cloneElement(child, inputProps);\n }\n // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n return child;\n })}\n </FormFieldInputSlot>\n )}\n {context.description && (\n <FormFieldDescriptionSlot\n {...descriptionProps}\n {...context.descriptionSlotProps}\n >\n {context.description}\n </FormFieldDescriptionSlot>\n )}\n {isInvalid && context.error && (\n <FormFieldErrorSlot\n {...errorMessageProps}\n {...context.errorSlotProps}\n >\n <Box\n as={ErrorOutline}\n display=\"inline-flex\"\n boxSize=\"400\"\n verticalAlign=\"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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"}
@@ -1 +1 @@
1
- {"version":3,"file":"grid-CugcJxRP.es.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 * An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}\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":";;AAkBA,MAAMA,IAAgB,CAACC,MAAqB;AAC1C,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAW,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC9C;AAEAH,EAAc,cAAc;AAErB,MAAMM,IAAO,uBAAO,OAAON,GAAe;AAAA,EAC/C,MAAMO;AACR,CAAC;"}
1
+ {"version":3,"file":"grid-CugcJxRP.es.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 * An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}\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":";;AAkBA,MAAMA,IAAgB,CAACC,MAAqB;AAC1C,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAW,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC9C;AAEAH,EAAc,cAAc;AAErB,MAAMM,IAAO,uBAAO,OAAON,GAAe;AAAA,EAC/C,MAAMO;AACR,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"grid-xr2A-OqD.cjs.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 * An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}\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":"gFAkBMA,EAAiBC,GAAqB,CAC1C,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAAA,KAAA,CAAW,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC9C,EAEAH,EAAc,YAAc,OAErB,MAAMM,EAAO,OAAO,OAAON,EAAe,CAC/C,KAAMO,EAAAA,QACR,CAAC"}
1
+ {"version":3,"file":"grid-xr2A-OqD.cjs.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 * An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}\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":"gFAkBMA,EAAiBC,GAAqB,CAC1C,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAAA,KAAA,CAAW,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC9C,EAEAH,EAAc,YAAc,OAErB,MAAMM,EAAO,OAAO,OAAON,EAAe,CAC/C,KAAMO,EAAAA,QACR,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"group-DKR1JLAy.es.js","sources":["../../src/components/group/group.slots.tsx","../../src/components/group/group.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\nimport { Group as RaGroup } from \"react-aria-components\";\nimport { groupRecipe } from \"./group.recipe\";\n\nconst { withContext } = createRecipeContext({\n recipe: groupRecipe,\n});\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface GroupRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface GroupSlotProps\n extends HTMLChakraProps<\"div\", GroupRecipeProps> {}\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const GroupSlot = withContext<typeof RaGroup, GroupSlotProps>(RaGroup);\n","import { GroupSlot } from \"./group.slots\";\nimport type { GroupComponent } from \"./group.types\";\n\nexport const Group: GroupComponent = (props) => {\n const { ref, children, ...rest } = props;\n return (\n <GroupSlot ref={ref} {...rest}>\n {children}\n </GroupSlot>\n );\n};\n"],"names":["withContext","createRecipeContext","groupRecipe","GroupSlot","RaGroup","Group","props","ref","children","rest","jsx"],"mappings":";;;;AASA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAoBYC,IAAY,gBAAAH,EAA4CI,CAAO,GC5B/DC,IAAwB,CAACC,MAAU;AAC9C,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAASH;AACnC,SACE,gBAAAI,EAACP,GAAA,EAAU,KAAAI,GAAW,GAAGE,GACtB,UAAAD,GACH;AAEJ;"}
1
+ {"version":3,"file":"group-DKR1JLAy.es.js","sources":["../../src/components/group/group.slots.tsx","../../src/components/group/group.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\nimport { Group as RaGroup } from \"react-aria-components\";\nimport { groupRecipe } from \"./group.recipe\";\n\nconst { withContext } = createRecipeContext({\n recipe: groupRecipe,\n});\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface GroupRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface GroupSlotProps\n extends HTMLChakraProps<\"div\", GroupRecipeProps> {}\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const GroupSlot = withContext<typeof RaGroup, GroupSlotProps>(RaGroup);\n","import { GroupSlot } from \"./group.slots\";\nimport type { GroupComponent } from \"./group.types\";\n\nexport const Group: GroupComponent = (props) => {\n const { ref, children, ...rest } = props;\n return (\n <GroupSlot ref={ref} {...rest}>\n {children}\n </GroupSlot>\n );\n};\n"],"names":["withContext","createRecipeContext","groupRecipe","GroupSlot","RaGroup","Group","props","ref","children","rest","jsx"],"mappings":";;;;AASA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAqBYC,IAAY,gBAAAH,EAA4CI,CAAO,GC7B/DC,IAAwB,CAACC,MAAU;AAC9C,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAASH;AACnC,SACE,gBAAAI,EAACP,GAAA,EAAU,KAAAI,GAAW,GAAGE,GACtB,UAAAD,GACH;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"group-DtSrr9I-.cjs.js","sources":["../../src/components/group/group.slots.tsx","../../src/components/group/group.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\nimport { Group as RaGroup } from \"react-aria-components\";\nimport { groupRecipe } from \"./group.recipe\";\n\nconst { withContext } = createRecipeContext({\n recipe: groupRecipe,\n});\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface GroupRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface GroupSlotProps\n extends HTMLChakraProps<\"div\", GroupRecipeProps> {}\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const GroupSlot = withContext<typeof RaGroup, GroupSlotProps>(RaGroup);\n","import { GroupSlot } from \"./group.slots\";\nimport type { GroupComponent } from \"./group.types\";\n\nexport const Group: GroupComponent = (props) => {\n const { ref, children, ...rest } = props;\n return (\n <GroupSlot ref={ref} {...rest}>\n {children}\n </GroupSlot>\n );\n};\n"],"names":["withContext","createRecipeContext","groupRecipe","GroupSlot","RaGroup","Group","props","ref","children","rest","jsx"],"mappings":"iKASM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,WACV,CAAC,EAoBYC,EAAYH,EAA4CI,2CAAO,EC5B/DC,EAAyBC,GAAU,CAC9C,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAASH,EACnC,OACEI,EAAAA,IAACP,EAAA,CAAU,IAAAI,EAAW,GAAGE,EACtB,SAAAD,EACH,CAEJ"}
1
+ {"version":3,"file":"group-DtSrr9I-.cjs.js","sources":["../../src/components/group/group.slots.tsx","../../src/components/group/group.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\nimport { Group as RaGroup } from \"react-aria-components\";\nimport { groupRecipe } from \"./group.recipe\";\n\nconst { withContext } = createRecipeContext({\n recipe: groupRecipe,\n});\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface GroupRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface GroupSlotProps\n extends HTMLChakraProps<\"div\", GroupRecipeProps> {}\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const GroupSlot = withContext<typeof RaGroup, GroupSlotProps>(RaGroup);\n","import { GroupSlot } from \"./group.slots\";\nimport type { GroupComponent } from \"./group.types\";\n\nexport const Group: GroupComponent = (props) => {\n const { ref, children, ...rest } = props;\n return (\n <GroupSlot ref={ref} {...rest}>\n {children}\n </GroupSlot>\n );\n};\n"],"names":["withContext","createRecipeContext","groupRecipe","GroupSlot","RaGroup","Group","props","ref","children","rest","jsx"],"mappings":"iKASM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,WACV,CAAC,EAqBYC,EAAYH,EAA4CI,2CAAO,EC7B/DC,EAAyBC,GAAU,CAC9C,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAASH,EACnC,OACEI,EAAAA,IAACP,EAAA,CAAU,IAAAI,EAAW,GAAGE,EACtB,SAAAD,EACH,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-BFNYuilh.es.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 * \n * displays icon components\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/media/icon}\n */\nexport const Icon = (props: IconProps) => {\n const { ref, ...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,EAAA;AAAA,EAGX,UAAU;AAAA;AAAA;AAAA;AAAA,IAIR,MAAM;AAAA,MACJ,OAAO,EAAE,SAAS,MAAA;AAAA,MAClB,IAAI,EAAE,SAAS,MAAA;AAAA,MACf,IAAI,EAAE,SAAS,MAAA;AAAA,MACf,IAAI,EAAE,SAAS,OAAA;AAAA,MACf,IAAI,EAAE,SAAS,OAAA;AAAA,MACf,IAAI,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,EACxB;AAEJ,CAAC,GCFK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQH,GAAY,GAMrDI,IAAe,gBAAAF;AAAA,EAC1B;AACF,GCrBaG,IAAO,CAACC,MAAqB;AACxC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACL,KAAa,KAAAG,GAAU,SAAS,CAACC,EAAU,IAAK,GAAGA,GAAW;AACxE;AAEAH,EAAK,cAAc;"}
1
+ {"version":3,"file":"icon-BFNYuilh.es.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 */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\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 *\n * displays icon components\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/icon}\n */\nexport const Icon = (props: IconProps) => {\n const { ref, ...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,EAAA;AAAA,EAGX,UAAU;AAAA;AAAA;AAAA;AAAA,IAIR,MAAM;AAAA,MACJ,OAAO,EAAE,SAAS,MAAA;AAAA,MAClB,IAAI,EAAE,SAAS,MAAA;AAAA,MACf,IAAI,EAAE,SAAS,MAAA;AAAA,MACf,IAAI,EAAE,SAAS,OAAA;AAAA,MACf,IAAI,EAAE,SAAS,OAAA;AAAA,MACf,IAAI,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,EACxB;AAEJ,CAAC,GCDK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQH,GAAY,GAMrDI,IAAe,gBAAAF;AAAA,EAC1B;AACF,GCtBaG,IAAO,CAACC,MAAqB;AACxC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACL,KAAa,KAAAG,GAAU,SAAS,CAACC,EAAU,IAAK,GAAGA,GAAW;AACxE;AAEAH,EAAK,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-D50i-dqv.cjs.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 * \n * displays icon components\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/media/icon}\n */\nexport const Icon = (props: IconProps) => {\n const { ref, ...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":"gFAMaA,EAAaC,EAAAA,aAAa,CACrC,UAAW,cACX,KAAM,CACJ,QAAS,cAAA,EAGX,SAAU,CAIR,KAAM,CACJ,MAAO,CAAE,QAAS,KAAA,EAClB,GAAI,CAAE,QAAS,KAAA,EACf,GAAI,CAAE,QAAS,KAAA,EACf,GAAI,CAAE,QAAS,MAAA,EACf,GAAI,CAAE,QAAS,MAAA,EACf,GAAI,CAAE,QAAS,MAAA,CAAO,CACxB,CAEJ,CAAC,ECFK,CAAE,YAAAC,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQH,EAAY,EAMrDI,EAAeF,EAC1B,KACF,ECrBaG,EAAQC,GAAqB,CACxC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACL,GAAa,IAAAG,EAAU,QAAS,CAACC,EAAU,GAAK,GAAGA,EAAW,CACxE,EAEAH,EAAK,YAAc"}
1
+ {"version":3,"file":"icon-D50i-dqv.cjs.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 */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\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 *\n * displays icon components\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/icon}\n */\nexport const Icon = (props: IconProps) => {\n const { ref, ...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":"gFAMaA,EAAaC,EAAAA,aAAa,CACrC,UAAW,cACX,KAAM,CACJ,QAAS,cAAA,EAGX,SAAU,CAIR,KAAM,CACJ,MAAO,CAAE,QAAS,KAAA,EAClB,GAAI,CAAE,QAAS,KAAA,EACf,GAAI,CAAE,QAAS,KAAA,EACf,GAAI,CAAE,QAAS,MAAA,EACf,GAAI,CAAE,QAAS,MAAA,EACf,GAAI,CAAE,QAAS,MAAA,CAAO,CACxB,CAEJ,CAAC,ECDK,CAAE,YAAAC,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQH,EAAY,EAMrDI,EAAeF,EAC1B,KACF,ECtBaG,EAAQC,GAAqB,CACxC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACL,GAAa,IAAAG,EAAU,QAAS,CAACC,EAAU,GAAK,GAAGA,EAAW,CACxE,EAEAH,EAAK,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button-BEaNe4rE.cjs.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 an icon only as child\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}\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":"qLAaaA,EAAcC,GAA2B,CACpD,KAAM,CAAE,SAAAC,EAAU,IAAKC,EAAc,GAAGC,GAAcH,EAGhDI,EAAWC,EAAAA,OAA0B,IAAI,EACzCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUF,CAAY,CAAC,EAE1D,OACEO,MAACC,EAAAA,QAAO,GAAI,EAAG,GAAI,EAAI,GAAGP,EAAW,IAAAG,EAClC,SAAAL,CAAA,CACH,CAEJ,EAEAF,EAAW,YAAc"}
1
+ {"version":3,"file":"icon-button-BEaNe4rE.cjs.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 an icon only as child\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}\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":"qLAaaA,EAAcC,GAA2B,CACpD,KAAM,CAAE,SAAAC,EAAU,IAAKC,EAAc,GAAGC,GAAcH,EAGhDI,EAAWC,EAAAA,OAA0B,IAAI,EACzCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUF,CAAY,CAAC,EAE1D,OACEO,MAACC,EAAAA,QAAO,GAAI,EAAG,GAAI,EAAI,GAAGP,EAAW,IAAAG,EAClC,SAAAL,CAAA,CACH,CAEJ,EAEAF,EAAW,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button-DqkVeZCx.es.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 an icon only as child\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}\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":";;;;;AAaO,MAAMA,IAAa,CAACC,MAA2B;AACpD,QAAM,EAAE,UAAAC,GAAU,KAAKC,GAAc,GAAGC,MAAcH,GAGhDI,IAAWC,EAA0B,IAAI,GACzCC,IAAMC,EAAaC,EAAUJ,GAAUF,CAAY,CAAC;AAE1D,SACE,gBAAAO,EAACC,KAAO,IAAI,GAAG,IAAI,GAAI,GAAGP,GAAW,KAAAG,GAClC,UAAAL,EAAA,CACH;AAEJ;AAEAF,EAAW,cAAc;"}
1
+ {"version":3,"file":"icon-button-DqkVeZCx.es.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 an icon only as child\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}\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":";;;;;AAaO,MAAMA,IAAa,CAACC,MAA2B;AACpD,QAAM,EAAE,UAAAC,GAAU,KAAKC,GAAc,GAAGC,MAAcH,GAGhDI,IAAWC,EAA0B,IAAI,GACzCC,IAAMC,EAAaC,EAAUJ,GAAUF,CAAY,CAAC;AAE1D,SACE,gBAAAO,EAACC,KAAO,IAAI,GAAG,IAAI,GAAI,GAAGP,GAAW,KAAAG,GAClC,UAAAL,EAAA,CACH;AAEJ;AAEAF,EAAW,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"image-DCirAAnr.cjs.js","sources":["../../src/components/image/image.tsx"],"sourcesContent":["import {\n Image as ChakraImage,\n type ImageProps as ChakraImageProps,\n} from \"@chakra-ui/react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ImageProps extends ChakraImageProps {}\n\n/**\n * # Image\n * \n * A component to display images with support for fallback.\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/media/image}\n */\nexport const Image = (props: ImageProps) => {\n return <ChakraImage {...props} />;\n};\n\nImage.displayName = \"Image\";\n"],"names":["Image","props","jsx","ChakraImage"],"mappings":"gFAeaA,EAASC,GACbC,MAACC,EAAAA,MAAA,CAAa,GAAGF,CAAA,CAAO,EAGjCD,EAAM,YAAc"}
1
+ {"version":3,"file":"image-DCirAAnr.cjs.js","sources":["../../src/components/image/image.tsx"],"sourcesContent":["import {\n Image as ChakraImage,\n type ImageProps as ChakraImageProps,\n} from \"@chakra-ui/react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ImageProps extends ChakraImageProps {}\n\n/**\n * # Image\n *\n * A component to display images with support for fallback.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/image}\n */\nexport const Image = (props: ImageProps) => {\n return <ChakraImage {...props} />;\n};\n\nImage.displayName = \"Image\";\n"],"names":["Image","props","jsx","ChakraImage"],"mappings":"gFAeaA,EAASC,GACbC,MAACC,EAAAA,MAAA,CAAa,GAAGF,CAAA,CAAO,EAGjCD,EAAM,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"image-rXPA3shk.es.js","sources":["../../src/components/image/image.tsx"],"sourcesContent":["import {\n Image as ChakraImage,\n type ImageProps as ChakraImageProps,\n} from \"@chakra-ui/react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ImageProps extends ChakraImageProps {}\n\n/**\n * # Image\n * \n * A component to display images with support for fallback.\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/media/image}\n */\nexport const Image = (props: ImageProps) => {\n return <ChakraImage {...props} />;\n};\n\nImage.displayName = \"Image\";\n"],"names":["Image","props","jsx","ChakraImage"],"mappings":";;AAeO,MAAMA,IAAQ,CAACC,MACb,gBAAAC,EAACC,GAAA,EAAa,GAAGF,EAAA,CAAO;AAGjCD,EAAM,cAAc;"}
1
+ {"version":3,"file":"image-rXPA3shk.es.js","sources":["../../src/components/image/image.tsx"],"sourcesContent":["import {\n Image as ChakraImage,\n type ImageProps as ChakraImageProps,\n} from \"@chakra-ui/react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ImageProps extends ChakraImageProps {}\n\n/**\n * # Image\n *\n * A component to display images with support for fallback.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/image}\n */\nexport const Image = (props: ImageProps) => {\n return <ChakraImage {...props} />;\n};\n\nImage.displayName = \"Image\";\n"],"names":["Image","props","jsx","ChakraImage"],"mappings":";;AAeO,MAAMA,IAAQ,CAACC,MACb,gBAAAC,EAACC,GAAA,EAAa,GAAGF,EAAA,CAAO;AAGjCD,EAAM,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"kbd-Bkhw9E6L.cjs.js","sources":["../../src/components/kbd/kbd.slots.ts","../../src/components/kbd/kbd.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { kbdRecipe } from \"./kbd.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 KbdRecipeProps extends RecipeProps<\"kbd\">, 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 KbdRootSlotProps\n extends HTMLChakraProps<\"kbd\", KbdRecipeProps> {}\n\nconst { withContext } = createRecipeContext({ recipe: kbdRecipe });\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 KbdRootSlot = withContext<HTMLElement, KbdRootSlotProps>(\"kbd\");\n","import { KeyboardContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs, type KbdProps as ChakraKbdProps } from \"@chakra-ui/react\";\nimport { useRef } from \"react\";\nimport type React from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { KbdRootSlot } from \"./kbd.slots\";\n\nexport interface KbdProps extends Omit<ChakraKbdProps, \"slot\"> {\n ref?: React.Ref<HTMLElement>;\n slot?: string | null | undefined;\n}\n\n/**\n * # Kbd\n * \n * Renders a keyboard shortcut or key combination, styled for visual clarity.\n * Typically used to visually represent keyboard keys.\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/typography/kbd}\n */\nexport const Kbd = ({ ref: forwardedRef, slot, ...props }: KbdProps) => {\n const localRef = useRef<HTMLElement>(null);\n const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n const [rest] = useContextProps(props, ref, KeyboardContext);\n\n return <KbdRootSlot ref={ref} slot={slot || undefined} {...rest} />;\n};\n"],"names":["withContext","createRecipeContext","kbdRecipe","KbdRootSlot","Kbd","forwardedRef","slot","props","localRef","useRef","ref","useObjectRef","mergeRefs","rest","useContextProps","KeyboardContext"],"mappings":"sQAuBM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,UAAW,EAMpDC,EAAcH,EAA2C,KAAK,ECT9DI,EAAM,CAAC,CAAE,IAAKC,EAAc,KAAAC,EAAM,GAAGC,KAAsB,CACtE,MAAMC,EAAWC,EAAAA,OAAoB,IAAI,EACnCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUH,CAAY,CAAC,EACpD,CAACQ,CAAI,EAAIC,EAAAA,0CAAgBP,EAAOG,EAAKK,EAAAA,yCAAe,EAE1D,aAAQZ,EAAA,CAAY,IAAAO,EAAU,KAAMJ,GAAQ,OAAY,GAAGO,EAAM,CACnE"}
1
+ {"version":3,"file":"kbd-Bkhw9E6L.cjs.js","sources":["../../src/components/kbd/kbd.slots.ts","../../src/components/kbd/kbd.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { kbdRecipe } from \"./kbd.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 KbdRecipeProps extends RecipeProps<\"kbd\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface KbdRootSlotProps\n extends HTMLChakraProps<\"kbd\", KbdRecipeProps> {}\n\nconst { withContext } = createRecipeContext({ recipe: kbdRecipe });\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 KbdRootSlot = withContext<HTMLElement, KbdRootSlotProps>(\"kbd\");\n","import { KeyboardContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs, type KbdProps as ChakraKbdProps } from \"@chakra-ui/react\";\nimport { useRef } from \"react\";\nimport type React from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { KbdRootSlot } from \"./kbd.slots\";\n\nexport interface KbdProps extends Omit<ChakraKbdProps, \"slot\"> {\n ref?: React.Ref<HTMLElement>;\n slot?: string | null | undefined;\n}\n\n/**\n * # Kbd\n *\n * Renders a keyboard shortcut or key combination, styled for visual clarity.\n * Typically used to visually represent keyboard keys.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/kbd}\n */\nexport const Kbd = ({ ref: forwardedRef, slot, ...props }: KbdProps) => {\n const localRef = useRef<HTMLElement>(null);\n const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n const [rest] = useContextProps(props, ref, KeyboardContext);\n\n return <KbdRootSlot ref={ref} slot={slot || undefined} {...rest} />;\n};\n"],"names":["withContext","createRecipeContext","kbdRecipe","KbdRootSlot","Kbd","forwardedRef","slot","props","localRef","useRef","ref","useObjectRef","mergeRefs","rest","useContextProps","KeyboardContext"],"mappings":"sQAwBM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,UAAW,EAMpDC,EAAcH,EAA2C,KAAK,ECV9DI,EAAM,CAAC,CAAE,IAAKC,EAAc,KAAAC,EAAM,GAAGC,KAAsB,CACtE,MAAMC,EAAWC,EAAAA,OAAoB,IAAI,EACnCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUH,CAAY,CAAC,EACpD,CAACQ,CAAI,EAAIC,EAAAA,0CAAgBP,EAAOG,EAAKK,EAAAA,yCAAe,EAE1D,aAAQZ,EAAA,CAAY,IAAAO,EAAU,KAAMJ,GAAQ,OAAY,GAAGO,EAAM,CACnE"}
@@ -1 +1 @@
1
- {"version":3,"file":"kbd-Gxvodc1U.es.js","sources":["../../src/components/kbd/kbd.slots.ts","../../src/components/kbd/kbd.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { kbdRecipe } from \"./kbd.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 KbdRecipeProps extends RecipeProps<\"kbd\">, 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 KbdRootSlotProps\n extends HTMLChakraProps<\"kbd\", KbdRecipeProps> {}\n\nconst { withContext } = createRecipeContext({ recipe: kbdRecipe });\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 KbdRootSlot = withContext<HTMLElement, KbdRootSlotProps>(\"kbd\");\n","import { KeyboardContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs, type KbdProps as ChakraKbdProps } from \"@chakra-ui/react\";\nimport { useRef } from \"react\";\nimport type React from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { KbdRootSlot } from \"./kbd.slots\";\n\nexport interface KbdProps extends Omit<ChakraKbdProps, \"slot\"> {\n ref?: React.Ref<HTMLElement>;\n slot?: string | null | undefined;\n}\n\n/**\n * # Kbd\n * \n * Renders a keyboard shortcut or key combination, styled for visual clarity.\n * Typically used to visually represent keyboard keys.\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/typography/kbd}\n */\nexport const Kbd = ({ ref: forwardedRef, slot, ...props }: KbdProps) => {\n const localRef = useRef<HTMLElement>(null);\n const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n const [rest] = useContextProps(props, ref, KeyboardContext);\n\n return <KbdRootSlot ref={ref} slot={slot || undefined} {...rest} />;\n};\n"],"names":["withContext","createRecipeContext","kbdRecipe","KbdRootSlot","Kbd","forwardedRef","slot","props","localRef","useRef","ref","useObjectRef","mergeRefs","rest","useContextProps","KeyboardContext"],"mappings":";;;;;;;AAuBA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAW,GAMpDC,IAAc,gBAAAH,EAA2C,KAAK,GCT9DI,IAAM,CAAC,EAAE,KAAKC,GAAc,MAAAC,GAAM,GAAGC,QAAsB;AACtE,QAAMC,IAAWC,EAAoB,IAAI,GACnCC,IAAMC,EAAaC,EAAUJ,GAAUH,CAAY,CAAC,GACpD,CAACQ,CAAI,IAAIC,EAAgBP,GAAOG,GAAKK,CAAe;AAE1D,2BAAQZ,GAAA,EAAY,KAAAO,GAAU,MAAMJ,KAAQ,QAAY,GAAGO,GAAM;AACnE;"}
1
+ {"version":3,"file":"kbd-Gxvodc1U.es.js","sources":["../../src/components/kbd/kbd.slots.ts","../../src/components/kbd/kbd.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { kbdRecipe } from \"./kbd.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 KbdRecipeProps extends RecipeProps<\"kbd\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface KbdRootSlotProps\n extends HTMLChakraProps<\"kbd\", KbdRecipeProps> {}\n\nconst { withContext } = createRecipeContext({ recipe: kbdRecipe });\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 KbdRootSlot = withContext<HTMLElement, KbdRootSlotProps>(\"kbd\");\n","import { KeyboardContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs, type KbdProps as ChakraKbdProps } from \"@chakra-ui/react\";\nimport { useRef } from \"react\";\nimport type React from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { KbdRootSlot } from \"./kbd.slots\";\n\nexport interface KbdProps extends Omit<ChakraKbdProps, \"slot\"> {\n ref?: React.Ref<HTMLElement>;\n slot?: string | null | undefined;\n}\n\n/**\n * # Kbd\n *\n * Renders a keyboard shortcut or key combination, styled for visual clarity.\n * Typically used to visually represent keyboard keys.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/kbd}\n */\nexport const Kbd = ({ ref: forwardedRef, slot, ...props }: KbdProps) => {\n const localRef = useRef<HTMLElement>(null);\n const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n const [rest] = useContextProps(props, ref, KeyboardContext);\n\n return <KbdRootSlot ref={ref} slot={slot || undefined} {...rest} />;\n};\n"],"names":["withContext","createRecipeContext","kbdRecipe","KbdRootSlot","Kbd","forwardedRef","slot","props","localRef","useRef","ref","useObjectRef","mergeRefs","rest","useContextProps","KeyboardContext"],"mappings":";;;;;;;AAwBA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAW,GAMpDC,IAAc,gBAAAH,EAA2C,KAAK,GCV9DI,IAAM,CAAC,EAAE,KAAKC,GAAc,MAAAC,GAAM,GAAGC,QAAsB;AACtE,QAAMC,IAAWC,EAAoB,IAAI,GACnCC,IAAMC,EAAaC,EAAUJ,GAAUH,CAAY,CAAC,GACpD,CAACQ,CAAI,IAAIC,EAAgBP,GAAOG,GAAKK,CAAe;AAE1D,2BAAQZ,GAAA,EAAY,KAAAO,GAAU,MAAMJ,KAAQ,QAAY,GAAGO,GAAM;AACnE;"}
@@ -1 +1 @@
1
- {"version":3,"file":"link-BS1jRPrC.es.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 * @see {@link https://nimbus-documentation.vercel.app/components/navigation/link}\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,CAAA;AAChB,EAAIP,MAAgB,QAAKO,IAAY;AAAA,IACjC,MAAM;AAAA,IACN,UAAWF,IAAiB,SAAJ;AAAA,EAChC;AACI,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,EAAgB,GAC7BC,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,mBAAkB,KAAUE,EAA6BF,EAAE,eAAeA,CAAC,KAAKvB,EAAM,SACrFuB,EAAE,eAAc,GAChBJ,EAAO,KAAKI,EAAE,eAAeA,GAAGvB,EAAM,MAAMA,EAAM,aAAa;AAAA,MAEvE;AAAA,IACZ,CAAS;AAAA,EACT;AACA;AClCA,MAAM,EAAE,aAAA0B,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAY,GAMrDC,IAAW,gBAAAH,EAA8C,GAAG,GCf5DI,IAAO,CAAC9B,MAAqB;AACxC,QAAM,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,MACpD,EAAE,WAAAvB,MAAc+B,EAAQ,EAAE,GAAGL,GAAM,aAAAjC,EAAA,GAAeD,CAAG;AAE3D,SACE,gBAAAwC,EAACZ,GAAA,EAAU,GAAGa,EAAWP,GAAM1B,GAAW,EAAE,IAAAsB,GAAI,SAAAC,GAAS,KAAA/B,GAAK,GAC3D,UAAAgC,EAAA,CACH;AAEJ;AAEAH,EAAK,cAAc;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"link-BS1jRPrC.es.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 * @see {@link https://nimbus-documentation.vercel.app/components/navigation/link}\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,CAAA;AAChB,EAAIP,MAAgB,QAAKO,IAAY;AAAA,IACjC,MAAM;AAAA,IACN,UAAWF,IAAiB,SAAJ;AAAA,EAChC;AACI,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,EAAgB,GAC7BC,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,mBAAkB,KAAUE,EAA6BF,EAAE,eAAeA,CAAC,KAAKvB,EAAM,SACrFuB,EAAE,eAAc,GAChBJ,EAAO,KAAKI,EAAE,eAAeA,GAAGvB,EAAM,MAAMA,EAAM,aAAa;AAAA,MAEvE;AAAA,IACZ,CAAS;AAAA,EACT;AACA;AClCA,MAAM,EAAE,aAAA0B,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAY,GAMrDC,IAAW,gBAAAH,EAA8C,GAAG,GCf5DI,IAAO,CAAC9B,MAAqB;AACxC,QAAM,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,MACpD,EAAE,WAAAvB,MAAc+B,EAAQ,EAAE,GAAGL,GAAM,aAAAjC,EAAA,GAAeD,CAAG;AAE3D,SACE,gBAAAwC,EAACZ,GAAA,EAAU,GAAGa,EAAWP,GAAM1B,GAAW,EAAE,IAAAsB,GAAI,SAAAC,GAAS,KAAA/B,GAAK,GAC3D,UAAAgC,EAAA,CACH;AAEJ;AAEAH,EAAK,cAAc;","x_google_ignoreList":[0]}
@@ -1 +1 @@
1
- {"version":3,"file":"link-COqOFX5Z.cjs.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 * @see {@link https://nimbus-documentation.vercel.app/components/navigation/link}\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":"8YAeA,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,CAAA,EACZP,IAAgB,MAAKO,EAAY,CACjC,KAAM,OACN,SAAWF,EAAiB,OAAJ,CAChC,GACI,GAAI,CAAE,eAAgBG,CAAc,EAASC,EAAAA,0CAAqBX,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,EAAAA,0CAAuBR,EAAY,CAClD,UAAW,EACnB,CAAK,EACGS,EAA0BC,4CAAmBR,EAAgBE,CAAU,EACvEO,EAAaC,4CAAgB,EAC7BC,EAAsBC,EAAAA,0CAAqBtB,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,mBAAkB,GAAUE,EAAAA,0CAA6BF,EAAE,cAAeA,CAAC,GAAKvB,EAAM,OACrFuB,EAAE,eAAc,EAChBJ,EAAO,KAAKI,EAAE,cAAeA,EAAGvB,EAAM,KAAMA,EAAM,aAAa,EAEvE,CACZ,CAAS,CACT,CACA,CClCA,KAAM,CAAE,YAAA0B,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,WAAY,EAMrDC,EAAWH,EAA8C,GAAG,ECf5DI,EAAQ9B,GAAqB,CACxC,KAAM,CAAE,GAAA+B,EAAI,QAAAC,EAAS,SAAAC,EAAU,IAAKC,EAAc,GAAGC,GAASnC,EAExDoC,EAAWC,EAAAA,OAA0B,IAAI,EACzCpC,EAAMqC,EAAAA,0CAAaC,EAAAA,UAAUH,EAAUF,CAAY,CAAC,EAEpDhC,EAAe6B,IAAkBC,EAAU,OAAS,KACpD,CAAE,UAAAvB,GAAc+B,EAAQ,CAAE,GAAGL,EAAM,YAAAjC,CAAA,EAAeD,CAAG,EAE3D,OACEwC,EAAAA,IAACZ,EAAA,CAAU,GAAGa,EAAAA,0CAAWP,EAAM1B,EAAW,CAAE,GAAAsB,EAAI,QAAAC,EAAS,IAAA/B,EAAK,EAC3D,SAAAgC,CAAA,CACH,CAEJ,EAEAH,EAAK,YAAc","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"link-COqOFX5Z.cjs.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 * @see {@link https://nimbus-documentation.vercel.app/components/navigation/link}\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":"8YAeA,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,CAAA,EACZP,IAAgB,MAAKO,EAAY,CACjC,KAAM,OACN,SAAWF,EAAiB,OAAJ,CAChC,GACI,GAAI,CAAE,eAAgBG,CAAc,EAASC,EAAAA,0CAAqBX,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,EAAAA,0CAAuBR,EAAY,CAClD,UAAW,EACnB,CAAK,EACGS,EAA0BC,4CAAmBR,EAAgBE,CAAU,EACvEO,EAAaC,4CAAgB,EAC7BC,EAAsBC,EAAAA,0CAAqBtB,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,mBAAkB,GAAUE,EAAAA,0CAA6BF,EAAE,cAAeA,CAAC,GAAKvB,EAAM,OACrFuB,EAAE,eAAc,EAChBJ,EAAO,KAAKI,EAAE,cAAeA,EAAGvB,EAAM,KAAMA,EAAM,aAAa,EAEvE,CACZ,CAAS,CACT,CACA,CClCA,KAAM,CAAE,YAAA0B,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,WAAY,EAMrDC,EAAWH,EAA8C,GAAG,ECf5DI,EAAQ9B,GAAqB,CACxC,KAAM,CAAE,GAAA+B,EAAI,QAAAC,EAAS,SAAAC,EAAU,IAAKC,EAAc,GAAGC,GAASnC,EAExDoC,EAAWC,EAAAA,OAA0B,IAAI,EACzCpC,EAAMqC,EAAAA,0CAAaC,EAAAA,UAAUH,EAAUF,CAAY,CAAC,EAEpDhC,EAAe6B,IAAkBC,EAAU,OAAS,KACpD,CAAE,UAAAvB,GAAc+B,EAAQ,CAAE,GAAGL,EAAM,YAAAjC,CAAA,EAAeD,CAAG,EAE3D,OACEwC,EAAAA,IAACZ,EAAA,CAAU,GAAGa,EAAAA,0CAAWP,EAAM1B,EAAW,CAAE,GAAAsB,EAAI,QAAAC,EAAS,IAAA/B,EAAK,EAC3D,SAAAgC,CAAA,CACH,CAEJ,EAEAH,EAAK,YAAc","x_google_ignoreList":[0]}
@@ -1 +1 @@
1
- {"version":3,"file":"list-8yfreyzi.cjs.js","sources":["../../src/components/list/list.tsx"],"sourcesContent":["import { List as ChakraList } from \"@chakra-ui/react\";\n\nconst ListRoot = ChakraList.Root;\nconst ListItem = ChakraList.Item;\nconst ListIndicator = ChakraList.Indicator;\n\n/**\n * # List\n * \n * displays a list\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/typography/list}\n * @experimental This component is experimental and may change or be removed in future versions.\n */\nexport const List = {\n Root: ListRoot,\n Item: ListItem,\n Indicator: ListIndicator,\n};\n\nexport {\n ListRoot as _ListRoot,\n ListItem as _ListItem,\n ListIndicator as _ListIndicator,\n};\n"],"names":["ListRoot","ChakraList","ListItem","ListIndicator","List"],"mappings":"iDAEMA,EAAWC,EAAAA,KAAW,KACtBC,EAAWD,EAAAA,KAAW,KACtBE,EAAgBF,EAAAA,KAAW,UAUpBG,EAAO,CAClB,KAAMJ,EACN,KAAME,EACN,UAAWC,CACb"}
1
+ {"version":3,"file":"list-8yfreyzi.cjs.js","sources":["../../src/components/list/list.tsx"],"sourcesContent":["import { List as ChakraList } from \"@chakra-ui/react\";\n\nconst ListRoot = ChakraList.Root;\nconst ListItem = ChakraList.Item;\nconst ListIndicator = ChakraList.Indicator;\n\n/**\n * # List\n *\n * displays a list\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/list}\n * @experimental This component is experimental and may change or be removed in future versions.\n */\nexport const List = {\n Root: ListRoot,\n Item: ListItem,\n Indicator: ListIndicator,\n};\n\nexport {\n ListRoot as _ListRoot,\n ListItem as _ListItem,\n ListIndicator as _ListIndicator,\n};\n"],"names":["ListRoot","ChakraList","ListItem","ListIndicator","List"],"mappings":"iDAEMA,EAAWC,EAAAA,KAAW,KACtBC,EAAWD,EAAAA,KAAW,KACtBE,EAAgBF,EAAAA,KAAW,UAUpBG,EAAO,CAClB,KAAMJ,EACN,KAAME,EACN,UAAWC,CACb"}
@@ -1 +1 @@
1
- {"version":3,"file":"list-B21joBrq.es.js","sources":["../../src/components/list/list.tsx"],"sourcesContent":["import { List as ChakraList } from \"@chakra-ui/react\";\n\nconst ListRoot = ChakraList.Root;\nconst ListItem = ChakraList.Item;\nconst ListIndicator = ChakraList.Indicator;\n\n/**\n * # List\n * \n * displays a list\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/typography/list}\n * @experimental This component is experimental and may change or be removed in future versions.\n */\nexport const List = {\n Root: ListRoot,\n Item: ListItem,\n Indicator: ListIndicator,\n};\n\nexport {\n ListRoot as _ListRoot,\n ListItem as _ListItem,\n ListIndicator as _ListIndicator,\n};\n"],"names":["ListRoot","ChakraList","ListItem","ListIndicator","List"],"mappings":";AAEA,MAAMA,IAAWC,EAAW,MACtBC,IAAWD,EAAW,MACtBE,IAAgBF,EAAW,WAUpBG,IAAO;AAAA,EAClB,MAAMJ;AAAA,EACN,MAAME;AAAA,EACN,WAAWC;AACb;"}
1
+ {"version":3,"file":"list-B21joBrq.es.js","sources":["../../src/components/list/list.tsx"],"sourcesContent":["import { List as ChakraList } from \"@chakra-ui/react\";\n\nconst ListRoot = ChakraList.Root;\nconst ListItem = ChakraList.Item;\nconst ListIndicator = ChakraList.Indicator;\n\n/**\n * # List\n *\n * displays a list\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/list}\n * @experimental This component is experimental and may change or be removed in future versions.\n */\nexport const List = {\n Root: ListRoot,\n Item: ListItem,\n Indicator: ListIndicator,\n};\n\nexport {\n ListRoot as _ListRoot,\n ListItem as _ListItem,\n ListIndicator as _ListIndicator,\n};\n"],"names":["ListRoot","ChakraList","ListItem","ListIndicator","List"],"mappings":";AAEA,MAAMA,IAAWC,EAAW,MACtBC,IAAWD,EAAW,MACtBE,IAAgBF,EAAW,WAUpBG,IAAO;AAAA,EAClB,MAAMJ;AAAA,EACN,MAAME;AAAA,EACN,WAAWC;AACb;"}
@@ -1 +1 @@
1
- {"version":3,"file":"loading-spinner-BQd4UVQs.cjs.js","sources":["../../src/components/loading-spinner/loading-spinner.recipe.tsx","../../src/components/loading-spinner/loading-spinner.slots.tsx","../../src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the LoadingSpinner component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const loadingSpinnerRecipe = defineRecipe({\n className: \"nimbus-loading-spinner\",\n\n base: {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n \"& svg\": {\n overflow: \"visible\",\n // This proportionally scales the spinner to fit the container while also scaling padding\n transform: \"scale(calc(1 - 2/12))\",\n },\n \"& svg [data-svg-path='spinner-pointer']\": {\n stroke: \"colorPalette.10\",\n animationName: \"spin\",\n animationDuration: \"0.5s\",\n animationTimingFunction: \"linear\",\n animationIterationCount: \"infinite\",\n transformOrigin: \"center center 0\",\n },\n \"& svg [data-svg-path='spinner-circle']\": {\n stroke: \"colorPalette.5\",\n },\n },\n\n variants: {\n size: {\n \"2xs\": {\n width: \"350\",\n height: \"350\",\n },\n xs: {\n width: \"500\",\n height: \"500\",\n },\n sm: {\n width: \"600\",\n height: \"600\",\n },\n md: {\n width: \"800\",\n height: \"800\",\n },\n lg: {\n width: \"1000\",\n height: \"1000\",\n },\n },\n\n tone: {\n primary: {\n colorPalette: \"ctvioletAlpha\",\n },\n white: {\n colorPalette: \"whiteAlpha\",\n },\n },\n },\n\n defaultVariants: {\n size: \"sm\",\n tone: \"primary\",\n },\n});\n","import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { loadingSpinnerRecipe } from \"./loading-spinner.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface LoadingSpinnerRecipeProps\n extends RecipeProps<\"div\">,\n 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 LoadingSpinnerRootProps = Omit<\n HTMLChakraProps<\"div\", LoadingSpinnerRecipeProps>,\n // We want to omit polymorphic props from the root props since they are not used internally.\n \"as\" | \"asChild\"\n>;\n\nconst { withContext } = createRecipeContext({ recipe: loadingSpinnerRecipe });\n\n/**\n * Root component that provides the styling context for the LoadingSpinner component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LoadingSpinnerRoot = withContext<\n HTMLDivElement,\n LoadingSpinnerRootProps\n>(\"div\");\n","import { mergeProps, useProgressBar } from \"react-aria\";\nimport { LoadingSpinnerRoot } from \"./loading-spinner.slots\";\nimport type { LoadingSpinnerProps } from \"./loading-spinner.types\";\n\nconst circlePath =\n \"M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z\";\nconst pointerPath =\n \"M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12\";\n\n/**\n * # LoadingSpinner\n * \n * Indicates ongoing processes or loading states\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}\n */\nexport const LoadingSpinner = (props: LoadingSpinnerProps) => {\n const { ref, \"aria-label\": ariaLabel = \"Loading data\", ...restProps } = props;\n const { progressBarProps } = useProgressBar({\n isIndeterminate: true,\n \"aria-label\": ariaLabel,\n ...restProps,\n });\n\n return (\n <LoadingSpinnerRoot\n ref={ref}\n {...mergeProps(restProps, progressBarProps)}\n aria-label={ariaLabel}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path\n d={circlePath}\n data-svg-path=\"spinner-circle\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d={pointerPath}\n data-svg-path=\"spinner-pointer\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </LoadingSpinnerRoot>\n );\n};\n\nLoadingSpinner.displayName = \"LoadingSpinner\";\n"],"names":["loadingSpinnerRecipe","defineRecipe","withContext","createRecipeContext","LoadingSpinnerRoot","circlePath","pointerPath","LoadingSpinner","props","ref","ariaLabel","restProps","progressBarProps","useProgressBar","jsx","mergeProps"],"mappings":"wKAMaA,EAAuBC,EAAAA,aAAa,CAC/C,UAAW,yBAEX,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,QAAS,CACP,SAAU,UAEV,UAAW,uBAAA,EAEb,0CAA2C,CACzC,OAAQ,kBACR,cAAe,OACf,kBAAmB,OACnB,wBAAyB,SACzB,wBAAyB,WACzB,gBAAiB,iBAAA,EAEnB,yCAA0C,CACxC,OAAQ,gBAAA,CACV,EAGF,SAAU,CACR,KAAM,CACJ,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,EAEV,GAAI,CACF,MAAO,MACP,OAAQ,KAAA,EAEV,GAAI,CACF,MAAO,MACP,OAAQ,KAAA,EAEV,GAAI,CACF,MAAO,MACP,OAAQ,KAAA,EAEV,GAAI,CACF,MAAO,OACP,OAAQ,MAAA,CACV,EAGF,KAAM,CACJ,QAAS,CACP,aAAc,eAAA,EAEhB,MAAO,CACL,aAAc,YAAA,CAChB,CACF,EAGF,gBAAiB,CACf,KAAM,KACN,KAAM,SAAA,CAEV,CAAC,ECzCK,CAAE,YAAAC,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQH,EAAsB,EAM/DI,EAAqBF,EAGhC,KAAK,ECjCDG,EACJ,ktBACIC,EACJ,2LASWC,EAAkBC,GAA+B,CAC5D,KAAM,CAAE,IAAAC,EAAK,aAAcC,EAAY,eAAgB,GAAGC,GAAcH,EAClE,CAAE,iBAAAI,CAAA,EAAqBC,4CAAe,CAC1C,gBAAiB,GACjB,aAAcH,EACd,GAAGC,CAAA,CACJ,EAED,OACEG,EAAAA,IAACV,EAAA,CACC,IAAAK,EACC,GAAGM,EAAAA,0CAAWJ,EAAWC,CAAgB,EAC1C,aAAYF,EAEZ,gBAAC,MAAA,CAAI,MAAM,6BAA6B,QAAQ,YAAY,KAAK,OAC/D,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,EAAGT,EACH,gBAAc,iBACd,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,EAEjBS,EAAAA,IAAC,OAAA,CACC,EAAGR,EACH,gBAAc,kBACd,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CAAA,CACF,CAAA,CAAA,CAGN,EAEAC,EAAe,YAAc"}
1
+ {"version":3,"file":"loading-spinner-BQd4UVQs.cjs.js","sources":["../../src/components/loading-spinner/loading-spinner.recipe.tsx","../../src/components/loading-spinner/loading-spinner.slots.tsx","../../src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the LoadingSpinner component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const loadingSpinnerRecipe = defineRecipe({\n className: \"nimbus-loading-spinner\",\n\n base: {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n \"& svg\": {\n overflow: \"visible\",\n // This proportionally scales the spinner to fit the container while also scaling padding\n transform: \"scale(calc(1 - 2/12))\",\n },\n \"& svg [data-svg-path='spinner-pointer']\": {\n stroke: \"colorPalette.10\",\n animationName: \"spin\",\n animationDuration: \"0.5s\",\n animationTimingFunction: \"linear\",\n animationIterationCount: \"infinite\",\n transformOrigin: \"center center 0\",\n },\n \"& svg [data-svg-path='spinner-circle']\": {\n stroke: \"colorPalette.5\",\n },\n },\n\n variants: {\n size: {\n \"2xs\": {\n width: \"350\",\n height: \"350\",\n },\n xs: {\n width: \"500\",\n height: \"500\",\n },\n sm: {\n width: \"600\",\n height: \"600\",\n },\n md: {\n width: \"800\",\n height: \"800\",\n },\n lg: {\n width: \"1000\",\n height: \"1000\",\n },\n },\n\n tone: {\n primary: {\n colorPalette: \"ctvioletAlpha\",\n },\n white: {\n colorPalette: \"whiteAlpha\",\n },\n },\n },\n\n defaultVariants: {\n size: \"sm\",\n tone: \"primary\",\n },\n});\n","import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { loadingSpinnerRecipe } from \"./loading-spinner.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface LoadingSpinnerRecipeProps\n extends RecipeProps<\"div\">,\n 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 LoadingSpinnerRootProps = Omit<\n HTMLChakraProps<\"div\", LoadingSpinnerRecipeProps>,\n // We want to omit polymorphic props from the root props since they are not used internally.\n \"as\" | \"asChild\"\n>;\n\nconst { withContext } = createRecipeContext({ recipe: loadingSpinnerRecipe });\n\n/**\n * Root component that provides the styling context for the LoadingSpinner component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LoadingSpinnerRoot = withContext<\n HTMLDivElement,\n LoadingSpinnerRootProps\n>(\"div\");\n","import { mergeProps, useProgressBar } from \"react-aria\";\nimport { LoadingSpinnerRoot } from \"./loading-spinner.slots\";\nimport type { LoadingSpinnerProps } from \"./loading-spinner.types\";\n\nconst circlePath =\n \"M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z\";\nconst pointerPath =\n \"M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12\";\n\n/**\n * # LoadingSpinner\n *\n * Indicates ongoing processes or loading states\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}\n */\nexport const LoadingSpinner = (props: LoadingSpinnerProps) => {\n const { ref, \"aria-label\": ariaLabel = \"Loading data\", ...restProps } = props;\n const { progressBarProps } = useProgressBar({\n isIndeterminate: true,\n \"aria-label\": ariaLabel,\n ...restProps,\n });\n\n return (\n <LoadingSpinnerRoot\n ref={ref}\n {...mergeProps(restProps, progressBarProps)}\n aria-label={ariaLabel}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path\n d={circlePath}\n data-svg-path=\"spinner-circle\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d={pointerPath}\n data-svg-path=\"spinner-pointer\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </LoadingSpinnerRoot>\n );\n};\n\nLoadingSpinner.displayName = \"LoadingSpinner\";\n"],"names":["loadingSpinnerRecipe","defineRecipe","withContext","createRecipeContext","LoadingSpinnerRoot","circlePath","pointerPath","LoadingSpinner","props","ref","ariaLabel","restProps","progressBarProps","useProgressBar","jsx","mergeProps"],"mappings":"wKAMaA,EAAuBC,EAAAA,aAAa,CAC/C,UAAW,yBAEX,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,QAAS,CACP,SAAU,UAEV,UAAW,uBAAA,EAEb,0CAA2C,CACzC,OAAQ,kBACR,cAAe,OACf,kBAAmB,OACnB,wBAAyB,SACzB,wBAAyB,WACzB,gBAAiB,iBAAA,EAEnB,yCAA0C,CACxC,OAAQ,gBAAA,CACV,EAGF,SAAU,CACR,KAAM,CACJ,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,EAEV,GAAI,CACF,MAAO,MACP,OAAQ,KAAA,EAEV,GAAI,CACF,MAAO,MACP,OAAQ,KAAA,EAEV,GAAI,CACF,MAAO,MACP,OAAQ,KAAA,EAEV,GAAI,CACF,MAAO,OACP,OAAQ,MAAA,CACV,EAGF,KAAM,CACJ,QAAS,CACP,aAAc,eAAA,EAEhB,MAAO,CACL,aAAc,YAAA,CAChB,CACF,EAGF,gBAAiB,CACf,KAAM,KACN,KAAM,SAAA,CAEV,CAAC,ECzCK,CAAE,YAAAC,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQH,EAAsB,EAM/DI,EAAqBF,EAGhC,KAAK,ECjCDG,EACJ,ktBACIC,EACJ,2LASWC,EAAkBC,GAA+B,CAC5D,KAAM,CAAE,IAAAC,EAAK,aAAcC,EAAY,eAAgB,GAAGC,GAAcH,EAClE,CAAE,iBAAAI,CAAA,EAAqBC,4CAAe,CAC1C,gBAAiB,GACjB,aAAcH,EACd,GAAGC,CAAA,CACJ,EAED,OACEG,EAAAA,IAACV,EAAA,CACC,IAAAK,EACC,GAAGM,EAAAA,0CAAWJ,EAAWC,CAAgB,EAC1C,aAAYF,EAEZ,gBAAC,MAAA,CAAI,MAAM,6BAA6B,QAAQ,YAAY,KAAK,OAC/D,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,EAAGT,EACH,gBAAc,iBACd,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,EAEjBS,EAAAA,IAAC,OAAA,CACC,EAAGR,EACH,gBAAc,kBACd,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CAAA,CACF,CAAA,CAAA,CAGN,EAEAC,EAAe,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"loading-spinner-DwN-yshK.es.js","sources":["../../src/components/loading-spinner/loading-spinner.recipe.tsx","../../src/components/loading-spinner/loading-spinner.slots.tsx","../../src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the LoadingSpinner component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const loadingSpinnerRecipe = defineRecipe({\n className: \"nimbus-loading-spinner\",\n\n base: {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n \"& svg\": {\n overflow: \"visible\",\n // This proportionally scales the spinner to fit the container while also scaling padding\n transform: \"scale(calc(1 - 2/12))\",\n },\n \"& svg [data-svg-path='spinner-pointer']\": {\n stroke: \"colorPalette.10\",\n animationName: \"spin\",\n animationDuration: \"0.5s\",\n animationTimingFunction: \"linear\",\n animationIterationCount: \"infinite\",\n transformOrigin: \"center center 0\",\n },\n \"& svg [data-svg-path='spinner-circle']\": {\n stroke: \"colorPalette.5\",\n },\n },\n\n variants: {\n size: {\n \"2xs\": {\n width: \"350\",\n height: \"350\",\n },\n xs: {\n width: \"500\",\n height: \"500\",\n },\n sm: {\n width: \"600\",\n height: \"600\",\n },\n md: {\n width: \"800\",\n height: \"800\",\n },\n lg: {\n width: \"1000\",\n height: \"1000\",\n },\n },\n\n tone: {\n primary: {\n colorPalette: \"ctvioletAlpha\",\n },\n white: {\n colorPalette: \"whiteAlpha\",\n },\n },\n },\n\n defaultVariants: {\n size: \"sm\",\n tone: \"primary\",\n },\n});\n","import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { loadingSpinnerRecipe } from \"./loading-spinner.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface LoadingSpinnerRecipeProps\n extends RecipeProps<\"div\">,\n 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 LoadingSpinnerRootProps = Omit<\n HTMLChakraProps<\"div\", LoadingSpinnerRecipeProps>,\n // We want to omit polymorphic props from the root props since they are not used internally.\n \"as\" | \"asChild\"\n>;\n\nconst { withContext } = createRecipeContext({ recipe: loadingSpinnerRecipe });\n\n/**\n * Root component that provides the styling context for the LoadingSpinner component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LoadingSpinnerRoot = withContext<\n HTMLDivElement,\n LoadingSpinnerRootProps\n>(\"div\");\n","import { mergeProps, useProgressBar } from \"react-aria\";\nimport { LoadingSpinnerRoot } from \"./loading-spinner.slots\";\nimport type { LoadingSpinnerProps } from \"./loading-spinner.types\";\n\nconst circlePath =\n \"M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z\";\nconst pointerPath =\n \"M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12\";\n\n/**\n * # LoadingSpinner\n * \n * Indicates ongoing processes or loading states\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}\n */\nexport const LoadingSpinner = (props: LoadingSpinnerProps) => {\n const { ref, \"aria-label\": ariaLabel = \"Loading data\", ...restProps } = props;\n const { progressBarProps } = useProgressBar({\n isIndeterminate: true,\n \"aria-label\": ariaLabel,\n ...restProps,\n });\n\n return (\n <LoadingSpinnerRoot\n ref={ref}\n {...mergeProps(restProps, progressBarProps)}\n aria-label={ariaLabel}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path\n d={circlePath}\n data-svg-path=\"spinner-circle\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d={pointerPath}\n data-svg-path=\"spinner-pointer\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </LoadingSpinnerRoot>\n );\n};\n\nLoadingSpinner.displayName = \"LoadingSpinner\";\n"],"names":["loadingSpinnerRecipe","defineRecipe","withContext","createRecipeContext","LoadingSpinnerRoot","circlePath","pointerPath","LoadingSpinner","props","ref","ariaLabel","restProps","progressBarProps","useProgressBar","jsx","mergeProps"],"mappings":";;;;AAMO,MAAMA,IAAuB,gBAAAC,EAAa;AAAA,EAC/C,WAAW;AAAA,EAEX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS;AAAA,MACP,UAAU;AAAA;AAAA,MAEV,WAAW;AAAA,IAAA;AAAA,IAEb,2CAA2C;AAAA,MACzC,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,MACzB,yBAAyB;AAAA,MACzB,iBAAiB;AAAA,IAAA;AAAA,IAEnB,0CAA0C;AAAA,MACxC,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAGF,MAAM;AAAA,MACJ,SAAS;AAAA,QACP,cAAc;AAAA,MAAA;AAAA,MAEhB,OAAO;AAAA,QACL,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EACF;AAAA,EAGF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV,CAAC,GCzCK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQH,GAAsB,GAM/DI,IAAqB,gBAAAF,EAGhC,KAAK,GCjCDG,IACJ,mtBACIC,IACJ,4LASWC,IAAiB,CAACC,MAA+B;AAC5D,QAAM,EAAE,KAAAC,GAAK,cAAcC,IAAY,gBAAgB,GAAGC,MAAcH,GAClE,EAAE,kBAAAI,EAAA,IAAqBC,EAAe;AAAA,IAC1C,iBAAiB;AAAA,IACjB,cAAcH;AAAA,IACd,GAAGC;AAAA,EAAA,CACJ;AAED,SACE,gBAAAG;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACC,GAAGM,EAAWJ,GAAWC,CAAgB;AAAA,MAC1C,cAAYF;AAAA,MAEZ,4BAAC,OAAA,EAAI,OAAM,8BAA6B,SAAQ,aAAY,MAAK,QAC/D,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAGT;AAAA,YACH,iBAAc;AAAA,YACd,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjB,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAGR;AAAA,YACH,iBAAc;AAAA,YACd,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAC,EAAe,cAAc;"}
1
+ {"version":3,"file":"loading-spinner-DwN-yshK.es.js","sources":["../../src/components/loading-spinner/loading-spinner.recipe.tsx","../../src/components/loading-spinner/loading-spinner.slots.tsx","../../src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the LoadingSpinner component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const loadingSpinnerRecipe = defineRecipe({\n className: \"nimbus-loading-spinner\",\n\n base: {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n \"& svg\": {\n overflow: \"visible\",\n // This proportionally scales the spinner to fit the container while also scaling padding\n transform: \"scale(calc(1 - 2/12))\",\n },\n \"& svg [data-svg-path='spinner-pointer']\": {\n stroke: \"colorPalette.10\",\n animationName: \"spin\",\n animationDuration: \"0.5s\",\n animationTimingFunction: \"linear\",\n animationIterationCount: \"infinite\",\n transformOrigin: \"center center 0\",\n },\n \"& svg [data-svg-path='spinner-circle']\": {\n stroke: \"colorPalette.5\",\n },\n },\n\n variants: {\n size: {\n \"2xs\": {\n width: \"350\",\n height: \"350\",\n },\n xs: {\n width: \"500\",\n height: \"500\",\n },\n sm: {\n width: \"600\",\n height: \"600\",\n },\n md: {\n width: \"800\",\n height: \"800\",\n },\n lg: {\n width: \"1000\",\n height: \"1000\",\n },\n },\n\n tone: {\n primary: {\n colorPalette: \"ctvioletAlpha\",\n },\n white: {\n colorPalette: \"whiteAlpha\",\n },\n },\n },\n\n defaultVariants: {\n size: \"sm\",\n tone: \"primary\",\n },\n});\n","import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { loadingSpinnerRecipe } from \"./loading-spinner.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface LoadingSpinnerRecipeProps\n extends RecipeProps<\"div\">,\n 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 LoadingSpinnerRootProps = Omit<\n HTMLChakraProps<\"div\", LoadingSpinnerRecipeProps>,\n // We want to omit polymorphic props from the root props since they are not used internally.\n \"as\" | \"asChild\"\n>;\n\nconst { withContext } = createRecipeContext({ recipe: loadingSpinnerRecipe });\n\n/**\n * Root component that provides the styling context for the LoadingSpinner component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LoadingSpinnerRoot = withContext<\n HTMLDivElement,\n LoadingSpinnerRootProps\n>(\"div\");\n","import { mergeProps, useProgressBar } from \"react-aria\";\nimport { LoadingSpinnerRoot } from \"./loading-spinner.slots\";\nimport type { LoadingSpinnerProps } from \"./loading-spinner.types\";\n\nconst circlePath =\n \"M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z\";\nconst pointerPath =\n \"M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12\";\n\n/**\n * # LoadingSpinner\n *\n * Indicates ongoing processes or loading states\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}\n */\nexport const LoadingSpinner = (props: LoadingSpinnerProps) => {\n const { ref, \"aria-label\": ariaLabel = \"Loading data\", ...restProps } = props;\n const { progressBarProps } = useProgressBar({\n isIndeterminate: true,\n \"aria-label\": ariaLabel,\n ...restProps,\n });\n\n return (\n <LoadingSpinnerRoot\n ref={ref}\n {...mergeProps(restProps, progressBarProps)}\n aria-label={ariaLabel}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path\n d={circlePath}\n data-svg-path=\"spinner-circle\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d={pointerPath}\n data-svg-path=\"spinner-pointer\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </LoadingSpinnerRoot>\n );\n};\n\nLoadingSpinner.displayName = \"LoadingSpinner\";\n"],"names":["loadingSpinnerRecipe","defineRecipe","withContext","createRecipeContext","LoadingSpinnerRoot","circlePath","pointerPath","LoadingSpinner","props","ref","ariaLabel","restProps","progressBarProps","useProgressBar","jsx","mergeProps"],"mappings":";;;;AAMO,MAAMA,IAAuB,gBAAAC,EAAa;AAAA,EAC/C,WAAW;AAAA,EAEX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS;AAAA,MACP,UAAU;AAAA;AAAA,MAEV,WAAW;AAAA,IAAA;AAAA,IAEb,2CAA2C;AAAA,MACzC,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,yBAAyB;AAAA,MACzB,yBAAyB;AAAA,MACzB,iBAAiB;AAAA,IAAA;AAAA,IAEnB,0CAA0C;AAAA,MACxC,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAGF,MAAM;AAAA,MACJ,SAAS;AAAA,QACP,cAAc;AAAA,MAAA;AAAA,MAEhB,OAAO;AAAA,QACL,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EACF;AAAA,EAGF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV,CAAC,GCzCK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQH,GAAsB,GAM/DI,IAAqB,gBAAAF,EAGhC,KAAK,GCjCDG,IACJ,mtBACIC,IACJ,4LASWC,IAAiB,CAACC,MAA+B;AAC5D,QAAM,EAAE,KAAAC,GAAK,cAAcC,IAAY,gBAAgB,GAAGC,MAAcH,GAClE,EAAE,kBAAAI,EAAA,IAAqBC,EAAe;AAAA,IAC1C,iBAAiB;AAAA,IACjB,cAAcH;AAAA,IACd,GAAGC;AAAA,EAAA,CACJ;AAED,SACE,gBAAAG;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACC,GAAGM,EAAWJ,GAAWC,CAAgB;AAAA,MAC1C,cAAYF;AAAA,MAEZ,4BAAC,OAAA,EAAI,OAAM,8BAA6B,SAAQ,aAAY,MAAK,QAC/D,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAGT;AAAA,YACH,iBAAc;AAAA,YACd,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjB,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAGR;AAAA,YACH,iBAAc;AAAA,YACd,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAC,EAAe,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"multiline-text-input-BCHcfgz9.cjs.js","sources":["../../src/components/multiline-text-input/multiline-text-input.recipe.tsx","../../src/components/multiline-text-input/multiline-text-input.slots.tsx","../../src/components/multiline-text-input/multiline-text-input.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\nimport { designTokens } from \"@commercetools/nimbus-tokens\";\n\n/**\n * Recipe configuration for the MultilineTextInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const multilineTextInputRecipe = defineRecipe({\n // Unique class name prefix for the component\n className: \"nimbus-multiline-text-input\",\n\n // Base styles applied to all instances of the component\n base: {\n display: \"block\",\n overflowY: \"auto\",\n borderRadius: \"200\",\n colorPalette: \"neutral\",\n focusVisibleRing: \"outside\",\n bg: \"transparent\",\n outline: \"none\",\n boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n resize: \"vertical\",\n fontFamily: \"inherit\",\n _placeholder: {\n opacity: 0.5,\n color: \"currentColor\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n bg: \"neutral.3\",\n },\n \"&[data-invalid='true']\": {\n \"--border-width\": \"sizes.50\",\n \"--border-color\": \"colors.critical.7\",\n color: \"critical.11\",\n },\n \"&::-webkit-resizer\": {\n backgroundImage: `url(\"data:image/svg+xml,${encodeURIComponent(`\n <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <mask id=\"mask0_4610_25787\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"-1\" y=\"-1\" width=\"9\" height=\"9\">\n <rect width=\"1.03391\" height=\"4.13563\" transform=\"matrix(0.716449 0.69764 -0.716449 0.69764 6.92578 4.05362)\" fill=\"currentColor\"/>\n <rect width=\"1.03391\" height=\"8.27125\" transform=\"matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)\" fill=\"currentColor\"/>\n </mask>\n <g mask=\"url(#mask0_4610_25787)\">\n <rect width=\"8\" height=\"8\" fill=\"${designTokens.color[\"semantic-palettes\"].primary.light[9]}\"/>\n </g>\n </svg>\n `)}\")`,\n backgroundRepeat: \"no-repeat\",\n backgroundPosition: \"center\",\n backgroundSize: \"200 200\",\n width: \"400\",\n height: \"400\",\n },\n },\n\n variants: {\n size: {\n sm: {\n minH: 800,\n textStyle: \"sm\",\n px: 300,\n py: 100,\n },\n md: {\n minH: 1000,\n textStyle: \"md\",\n px: 400,\n py: 200,\n },\n },\n\n variant: {\n solid: {\n \"--border-width\": \"sizes.25\",\n \"--border-color\": \"colors.neutral.7\",\n backgroundColor: \"neutral.1\",\n _hover: {\n backgroundColor: \"primary.2\",\n },\n },\n ghost: {\n _hover: {\n backgroundColor: \"primary.2\",\n },\n },\n },\n },\n\n defaultVariants: {\n size: \"md\",\n variant: \"solid\",\n },\n});\n","import {\n type HTMLChakraProps,\n type RecipeVariantProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\n\nexport interface MultilineTextInputRecipeProps\n extends RecipeVariantProps<typeof multilineTextInputRecipe>,\n UnstyledProp {}\n\nexport type MultilineTextInputRootSlotProps = HTMLChakraProps<\n \"textarea\",\n MultilineTextInputRecipeProps\n>;\n\nconst { withContext } = createRecipeContext({\n recipe: multilineTextInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the MultilineTextInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const MultilineTextInputRootSlot = withContext<\n HTMLTextAreaElement,\n MultilineTextInputRootSlotProps\n>(\"textarea\");\n","import { useRef, useEffect, useCallback } from \"react\";\nimport { mergeRefs, useRecipe } from \"@chakra-ui/react\";\nimport { useObjectRef, useTextField } from \"react-aria\";\nimport { TextArea } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport { MultilineTextInputRootSlot } from \"./multiline-text-input.slots\";\nimport type { MultilineTextInputProps } from \"./multiline-text-input.types\";\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\n\n/**\n * # Multiline Text Input\n * \n * A multiline text input component for capturing longer text content.\n * \n * @see {@link https://nimbus-documentation.vercel.app/components/forms/multiline-text-input}\n */\nexport const MultilineTextInput = (props: MultilineTextInputProps) => {\n const { ref: forwardedRef, rows = 1, autoGrow = false, ...restProps } = props; // The default `rows` attribute for a textarea is 2, so we need to override it\n const recipe = useRecipe({ recipe: multilineTextInputRecipe });\n\n const localRef = useRef<HTMLTextAreaElement>(null);\n const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n const { inputProps } = useTextField<\"textarea\">(otherProps, ref);\n\n // Auto-grow functionality\n const adjustHeight = useCallback(() => {\n const textarea = ref.current;\n if (!textarea || !autoGrow) return;\n\n // Reset height to auto to get the correct scrollHeight\n textarea.style.height = \"auto\";\n\n // Calculate the new height based on content\n const contentHeight = textarea.scrollHeight;\n\n // Always resize to fit content (both growing and shrinking)\n // This ensures the textarea always fits the content exactly\n const newHeight = contentHeight;\n\n // Apply maxHeight constraint if specified\n const computedStyle = window.getComputedStyle(textarea);\n const maxHeightPxValue = parseInt(computedStyle.maxHeight);\n const finalHeight = maxHeightPxValue\n ? Math.min(newHeight, maxHeightPxValue)\n : newHeight;\n\n // Set the new height\n textarea.style.height = `${finalHeight}px`;\n }, [autoGrow, ref]);\n\n // Set up auto-grow behavior with event listeners\n useEffect(() => {\n const textarea = ref.current;\n if (!textarea || !autoGrow) return;\n\n // Initial adjustment\n adjustHeight();\n\n // Add input event listener for real-time adjustments\n const handleInput = () => {\n adjustHeight();\n };\n\n textarea.addEventListener(\"input\", handleInput);\n\n // Cleanup\n return () => {\n textarea.removeEventListener(\"input\", handleInput);\n };\n }, [adjustHeight, autoGrow, ref]);\n\n return (\n <MultilineTextInputRootSlot {...recipeProps} {...styleProps} asChild>\n <TextArea ref={ref} rows={rows} {...inputProps} />\n </MultilineTextInputRootSlot>\n );\n};\n\nMultilineTextInput.displayName = \"MultilineTextInput\";\n"],"names":["multilineTextInputRecipe","defineRecipe","designTokens","withContext","createRecipeContext","MultilineTextInputRootSlot","MultilineTextInput","props","forwardedRef","rows","autoGrow","restProps","recipe","useRecipe","localRef","useRef","ref","useObjectRef","mergeRefs","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","inputProps","useTextField","adjustHeight","useCallback","textarea","newHeight","computedStyle","maxHeightPxValue","finalHeight","useEffect","handleInput","jsx","TextArea"],"mappings":"8TAOaA,EAA2BC,EAAAA,aAAa,CAEnD,UAAW,8BAGX,KAAM,CACJ,QAAS,QACT,UAAW,OACX,aAAc,MACd,aAAc,UACd,iBAAkB,UAClB,GAAI,cACJ,QAAS,OACT,UAAW,sDACX,OAAQ,WACR,WAAY,UACZ,aAAc,CACZ,QAAS,GACT,MAAO,cAAA,EAET,UAAW,CACT,WAAY,WACZ,GAAI,WAAA,EAEN,yBAA0B,CACxB,iBAAkB,WAClB,iBAAkB,oBAClB,MAAO,aAAA,EAET,qBAAsB,CACpB,gBAAiB,2BAA2B,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAOtBC,EAAAA,aAAa,MAAM,mBAAmB,EAAE,QAAQ,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA,OAGhG,CAAC,KACF,iBAAkB,YAClB,mBAAoB,SACpB,eAAgB,UAChB,MAAO,MACP,OAAQ,KAAA,CACV,EAGF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,IACN,UAAW,KACX,GAAI,IACJ,GAAI,GAAA,EAEN,GAAI,CACF,KAAM,IACN,UAAW,KACX,GAAI,IACJ,GAAI,GAAA,CACN,EAGF,QAAS,CACP,MAAO,CACL,iBAAkB,WAClB,iBAAkB,mBAClB,gBAAiB,YACjB,OAAQ,CACN,gBAAiB,WAAA,CACnB,EAEF,MAAO,CACL,OAAQ,CACN,gBAAiB,WAAA,CACnB,CACF,CACF,EAGF,gBAAiB,CACf,KAAM,KACN,QAAS,OAAA,CAEb,CAAC,EC3EK,CAAE,YAAAC,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQJ,CACV,CAAC,EAMYK,EAA6BF,EAGxC,UAAU,ECZCG,EAAsBC,GAAmC,CACpE,KAAM,CAAE,IAAKC,EAAc,KAAAC,EAAO,EAAG,SAAAC,EAAW,GAAO,GAAGC,CAAA,EAAcJ,EAClEK,EAASC,EAAAA,UAAU,CAAE,OAAQb,EAA0B,EAEvDc,EAAWC,EAAAA,OAA4B,IAAI,EAC3CC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUN,CAAY,CAAC,EAEpD,CAACW,EAAaC,CAAc,EAAIR,EAAO,kBAAkBD,CAAS,EAClE,CAACU,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAC3D,CAAE,WAAAI,CAAA,EAAeC,2CAAyBH,EAAYN,CAAG,EAGzDU,EAAeC,EAAAA,YAAY,IAAM,CACrC,MAAMC,EAAWZ,EAAI,QACrB,GAAI,CAACY,GAAY,CAAClB,EAAU,OAG5BkB,EAAS,MAAM,OAAS,OAOxB,MAAMC,EAJgBD,EAAS,aAOzBE,EAAgB,OAAO,iBAAiBF,CAAQ,EAChDG,EAAmB,SAASD,EAAc,SAAS,EACnDE,EAAcD,EAChB,KAAK,IAAIF,EAAWE,CAAgB,EACpCF,EAGJD,EAAS,MAAM,OAAS,GAAGI,CAAW,IACxC,EAAG,CAACtB,EAAUM,CAAG,CAAC,EAGlBiB,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAML,EAAWZ,EAAI,QACrB,GAAI,CAACY,GAAY,CAAClB,EAAU,OAG5BgB,EAAA,EAGA,MAAMQ,EAAc,IAAM,CACxBR,EAAA,CACF,EAEA,OAAAE,EAAS,iBAAiB,QAASM,CAAW,EAGvC,IAAM,CACXN,EAAS,oBAAoB,QAASM,CAAW,CACnD,CACF,EAAG,CAACR,EAAchB,EAAUM,CAAG,CAAC,EAG9BmB,EAAAA,IAAC9B,EAAA,CAA4B,GAAGc,EAAc,GAAGE,EAAY,QAAO,GAClE,SAAAc,EAAAA,IAACC,EAAAA,0CAAA,CAAS,IAAApB,EAAU,KAAAP,EAAa,GAAGe,EAAY,EAClD,CAEJ,EAEAlB,EAAmB,YAAc"}
1
+ {"version":3,"file":"multiline-text-input-BCHcfgz9.cjs.js","sources":["../../src/components/multiline-text-input/multiline-text-input.recipe.tsx","../../src/components/multiline-text-input/multiline-text-input.slots.tsx","../../src/components/multiline-text-input/multiline-text-input.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\nimport { designTokens } from \"@commercetools/nimbus-tokens\";\n\n/**\n * Recipe configuration for the MultilineTextInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const multilineTextInputRecipe = defineRecipe({\n // Unique class name prefix for the component\n className: \"nimbus-multiline-text-input\",\n\n // Base styles applied to all instances of the component\n base: {\n display: \"block\",\n overflowY: \"auto\",\n borderRadius: \"200\",\n colorPalette: \"neutral\",\n focusVisibleRing: \"outside\",\n bg: \"transparent\",\n outline: \"none\",\n boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n resize: \"vertical\",\n fontFamily: \"inherit\",\n _placeholder: {\n opacity: 0.5,\n color: \"currentColor\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n bg: \"neutral.3\",\n },\n \"&[data-invalid='true']\": {\n \"--border-width\": \"sizes.50\",\n \"--border-color\": \"colors.critical.7\",\n color: \"critical.11\",\n },\n \"&::-webkit-resizer\": {\n backgroundImage: `url(\"data:image/svg+xml,${encodeURIComponent(`\n <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <mask id=\"mask0_4610_25787\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"-1\" y=\"-1\" width=\"9\" height=\"9\">\n <rect width=\"1.03391\" height=\"4.13563\" transform=\"matrix(0.716449 0.69764 -0.716449 0.69764 6.92578 4.05362)\" fill=\"currentColor\"/>\n <rect width=\"1.03391\" height=\"8.27125\" transform=\"matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)\" fill=\"currentColor\"/>\n </mask>\n <g mask=\"url(#mask0_4610_25787)\">\n <rect width=\"8\" height=\"8\" fill=\"${designTokens.color[\"semantic-palettes\"].primary.light[9]}\"/>\n </g>\n </svg>\n `)}\")`,\n backgroundRepeat: \"no-repeat\",\n backgroundPosition: \"center\",\n backgroundSize: \"200 200\",\n width: \"400\",\n height: \"400\",\n },\n },\n\n variants: {\n size: {\n sm: {\n minH: 800,\n textStyle: \"sm\",\n px: 300,\n py: 100,\n },\n md: {\n minH: 1000,\n textStyle: \"md\",\n px: 400,\n py: 200,\n },\n },\n\n variant: {\n solid: {\n \"--border-width\": \"sizes.25\",\n \"--border-color\": \"colors.neutral.7\",\n backgroundColor: \"neutral.1\",\n _hover: {\n backgroundColor: \"primary.2\",\n },\n },\n ghost: {\n _hover: {\n backgroundColor: \"primary.2\",\n },\n },\n },\n },\n\n defaultVariants: {\n size: \"md\",\n variant: \"solid\",\n },\n});\n","import {\n type HTMLChakraProps,\n type RecipeVariantProps,\n type UnstyledProp,\n createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\n\nexport interface MultilineTextInputRecipeProps\n extends RecipeVariantProps<typeof multilineTextInputRecipe>,\n UnstyledProp {}\n\nexport type MultilineTextInputRootSlotProps = HTMLChakraProps<\n \"textarea\",\n MultilineTextInputRecipeProps\n>;\n\nconst { withContext } = createRecipeContext({\n recipe: multilineTextInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the MultilineTextInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const MultilineTextInputRootSlot = withContext<\n HTMLTextAreaElement,\n MultilineTextInputRootSlotProps\n>(\"textarea\");\n","import { useRef, useEffect, useCallback } from \"react\";\nimport { mergeRefs, useRecipe } from \"@chakra-ui/react\";\nimport { useObjectRef, useTextField } from \"react-aria\";\nimport { TextArea } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport { MultilineTextInputRootSlot } from \"./multiline-text-input.slots\";\nimport type { MultilineTextInputProps } from \"./multiline-text-input.types\";\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\n\n/**\n * # Multiline Text Input\n *\n * A multiline text input component for capturing longer text content.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/forms/multiline-text-input}\n */\nexport const MultilineTextInput = (props: MultilineTextInputProps) => {\n const { ref: forwardedRef, rows = 1, autoGrow = false, ...restProps } = props; // The default `rows` attribute for a textarea is 2, so we need to override it\n const recipe = useRecipe({ recipe: multilineTextInputRecipe });\n\n const localRef = useRef<HTMLTextAreaElement>(null);\n const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n const { inputProps } = useTextField<\"textarea\">(otherProps, ref);\n\n // Auto-grow functionality\n const adjustHeight = useCallback(() => {\n const textarea = ref.current;\n if (!textarea || !autoGrow) return;\n\n // Reset height to auto to get the correct scrollHeight\n textarea.style.height = \"auto\";\n\n // Calculate the new height based on content\n const contentHeight = textarea.scrollHeight;\n\n // Always resize to fit content (both growing and shrinking)\n // This ensures the textarea always fits the content exactly\n const newHeight = contentHeight;\n\n // Apply maxHeight constraint if specified\n const computedStyle = window.getComputedStyle(textarea);\n const maxHeightPxValue = parseInt(computedStyle.maxHeight);\n const finalHeight = maxHeightPxValue\n ? Math.min(newHeight, maxHeightPxValue)\n : newHeight;\n\n // Set the new height\n textarea.style.height = `${finalHeight}px`;\n }, [autoGrow, ref]);\n\n // Set up auto-grow behavior with event listeners\n useEffect(() => {\n const textarea = ref.current;\n if (!textarea || !autoGrow) return;\n\n // Initial adjustment\n adjustHeight();\n\n // Add input event listener for real-time adjustments\n const handleInput = () => {\n adjustHeight();\n };\n\n textarea.addEventListener(\"input\", handleInput);\n\n // Cleanup\n return () => {\n textarea.removeEventListener(\"input\", handleInput);\n };\n }, [adjustHeight, autoGrow, ref]);\n\n return (\n <MultilineTextInputRootSlot {...recipeProps} {...styleProps} asChild>\n <TextArea ref={ref} rows={rows} {...inputProps} />\n </MultilineTextInputRootSlot>\n );\n};\n\nMultilineTextInput.displayName = \"MultilineTextInput\";\n"],"names":["multilineTextInputRecipe","defineRecipe","designTokens","withContext","createRecipeContext","MultilineTextInputRootSlot","MultilineTextInput","props","forwardedRef","rows","autoGrow","restProps","recipe","useRecipe","localRef","useRef","ref","useObjectRef","mergeRefs","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","inputProps","useTextField","adjustHeight","useCallback","textarea","newHeight","computedStyle","maxHeightPxValue","finalHeight","useEffect","handleInput","jsx","TextArea"],"mappings":"8TAOaA,EAA2BC,EAAAA,aAAa,CAEnD,UAAW,8BAGX,KAAM,CACJ,QAAS,QACT,UAAW,OACX,aAAc,MACd,aAAc,UACd,iBAAkB,UAClB,GAAI,cACJ,QAAS,OACT,UAAW,sDACX,OAAQ,WACR,WAAY,UACZ,aAAc,CACZ,QAAS,GACT,MAAO,cAAA,EAET,UAAW,CACT,WAAY,WACZ,GAAI,WAAA,EAEN,yBAA0B,CACxB,iBAAkB,WAClB,iBAAkB,oBAClB,MAAO,aAAA,EAET,qBAAsB,CACpB,gBAAiB,2BAA2B,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAOtBC,EAAAA,aAAa,MAAM,mBAAmB,EAAE,QAAQ,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA,OAGhG,CAAC,KACF,iBAAkB,YAClB,mBAAoB,SACpB,eAAgB,UAChB,MAAO,MACP,OAAQ,KAAA,CACV,EAGF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,IACN,UAAW,KACX,GAAI,IACJ,GAAI,GAAA,EAEN,GAAI,CACF,KAAM,IACN,UAAW,KACX,GAAI,IACJ,GAAI,GAAA,CACN,EAGF,QAAS,CACP,MAAO,CACL,iBAAkB,WAClB,iBAAkB,mBAClB,gBAAiB,YACjB,OAAQ,CACN,gBAAiB,WAAA,CACnB,EAEF,MAAO,CACL,OAAQ,CACN,gBAAiB,WAAA,CACnB,CACF,CACF,EAGF,gBAAiB,CACf,KAAM,KACN,QAAS,OAAA,CAEb,CAAC,EC3EK,CAAE,YAAAC,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQJ,CACV,CAAC,EAMYK,EAA6BF,EAGxC,UAAU,ECZCG,EAAsBC,GAAmC,CACpE,KAAM,CAAE,IAAKC,EAAc,KAAAC,EAAO,EAAG,SAAAC,EAAW,GAAO,GAAGC,CAAA,EAAcJ,EAClEK,EAASC,EAAAA,UAAU,CAAE,OAAQb,EAA0B,EAEvDc,EAAWC,EAAAA,OAA4B,IAAI,EAC3CC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUN,CAAY,CAAC,EAEpD,CAACW,EAAaC,CAAc,EAAIR,EAAO,kBAAkBD,CAAS,EAClE,CAACU,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAC3D,CAAE,WAAAI,CAAA,EAAeC,2CAAyBH,EAAYN,CAAG,EAGzDU,EAAeC,EAAAA,YAAY,IAAM,CACrC,MAAMC,EAAWZ,EAAI,QACrB,GAAI,CAACY,GAAY,CAAClB,EAAU,OAG5BkB,EAAS,MAAM,OAAS,OAOxB,MAAMC,EAJgBD,EAAS,aAOzBE,EAAgB,OAAO,iBAAiBF,CAAQ,EAChDG,EAAmB,SAASD,EAAc,SAAS,EACnDE,EAAcD,EAChB,KAAK,IAAIF,EAAWE,CAAgB,EACpCF,EAGJD,EAAS,MAAM,OAAS,GAAGI,CAAW,IACxC,EAAG,CAACtB,EAAUM,CAAG,CAAC,EAGlBiB,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAML,EAAWZ,EAAI,QACrB,GAAI,CAACY,GAAY,CAAClB,EAAU,OAG5BgB,EAAA,EAGA,MAAMQ,EAAc,IAAM,CACxBR,EAAA,CACF,EAEA,OAAAE,EAAS,iBAAiB,QAASM,CAAW,EAGvC,IAAM,CACXN,EAAS,oBAAoB,QAASM,CAAW,CACnD,CACF,EAAG,CAACR,EAAchB,EAAUM,CAAG,CAAC,EAG9BmB,EAAAA,IAAC9B,EAAA,CAA4B,GAAGc,EAAc,GAAGE,EAAY,QAAO,GAClE,SAAAc,EAAAA,IAACC,EAAAA,0CAAA,CAAS,IAAApB,EAAU,KAAAP,EAAa,GAAGe,EAAY,EAClD,CAEJ,EAEAlB,EAAmB,YAAc"}