@commercetools/nimbus 0.0.0-canary-20250901122738 → 0.0.0-canary-20250902091333

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-CH2EUQMc.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.slots\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nconst columnLayout = `\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n`;\nconst rowLayout = `\n\"label input\"\n\"label description\"\n\"label error\"\n`;\n\n/**\n * Recipe configuration for the FormField component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const formFieldRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"input\", \"description\", \"error\", \"popover\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-ui-form-field\",\n\n  base: {\n    root: {\n      \"--grid-gap\": \"spacing.100\",\n\n      display: \"grid\",\n      width: \"auto\",\n    },\n    label: {\n      gridArea: \"label\",\n      fontWeight: \"500\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    input: {\n      gridArea: \"input\",\n    },\n    description: {\n      gridArea: \"description\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    error: {\n      gridArea: \"error\",\n      color: \"critical.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    popover: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n      bg: \"neutral.1\",\n      maxWidth: \"xl\",\n      borderRadius: \"200\",\n      boxShadow: \"6\",\n      border: \"solid-25\",\n      borderColor: \"neutral.8\",\n      maxHeight: \"40svh\",\n      overflow: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      focusRing: \"outside\",\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.350\",\n          \"--form-field-line-height\": \"lineHeights.500\",\n        },\n      },\n      sm: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.300\",\n          \"--form-field-line-height\": \"lineHeights.450\",\n        },\n      },\n    },\n    direction: {\n      column: {\n        root: {\n          gridTemplateAreas: columnLayout,\n        },\n        input: {\n          mt: \"var(--grid-gap)\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n      row: {\n        root: {\n          gridTemplateAreas: rowLayout,\n          gridTemplateColumns: \"auto 1fr\",\n          gridColumnGap: \"200\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    direction: \"column\",\n    size: \"md\",\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n      useField(useFieldArgs);\n\n    useEffect(() => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        isInvalid,\n        isRequired,\n        isDisabled,\n        isReadOnly,\n      }));\n    }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n    const inputProps = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\n                {context.label}\n                {isRequired && <sup aria-hidden=\"true\">*</sup>}\n              </label>\n              {context.info && (\n                <DialogTrigger>\n                  <Box\n                    as=\"span\"\n                    display=\"inline-block\"\n                    position=\"relative\"\n                    width=\"1ch\"\n                    height=\"1ch\"\n                    ml=\"200\"\n                  >\n                    <Box\n                      as=\"span\"\n                      display=\"inline-flex\"\n                      position=\"absolute\"\n                      top=\"50%\"\n                      right=\"50%\"\n                      transform=\"translate(50%, -50%)\"\n                    >\n                      <IconButton\n                        aria-label=\"__MORE INFO\"\n                        size=\"2xs\"\n                        tone=\"info\"\n                        variant=\"link\"\n                      >\n                        <HelpOutline />\n                      </IconButton>\n                    </Box>\n                  </Box>\n                  <Popover>\n                    <FormFieldPopoverSlot asChild>\n                      <Dialog>\n                        <Box p=\"300\">{context.info}</Box>\n                      </Dialog>\n                    </FormFieldPopoverSlot>\n                  </Popover>\n                </DialogTrigger>\n              )}\n            </FormFieldLabelSlot>\n          )}\n          {context.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\n          )}\n          {context.description && (\n            <FormFieldDescriptionSlot\n              {...descriptionProps}\n              {...context.descriptionSlotProps}\n            >\n              {context.description}\n            </FormFieldDescriptionSlot>\n          )}\n          {isInvalid && context.error && (\n            <FormFieldErrorSlot\n              {...errorMessageProps}\n              {...context.errorSlotProps}\n            >\n              <Box\n                as={ErrorOutline}\n                display=\"inline-flex\"\n                boxSize=\"400\"\n                verticalAlign=\"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":"0WA6BaA,EAAmBC,EAAAA,cAAoC,CAClE,QAAS,CACP,MAAO,KACP,YAAa,KACb,MAAO,KACP,KAAM,KACN,MAAO,IAAA,EAET,WAAY,IAAM,CAAC,CACrB,CAAC,ECpCKC,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAMfC,EAAY;AAAA;AAAA;AAAA;AAAA,EAULC,EAAkBC,EAAAA,iBAAiB,CAC9C,MAAO,CAAC,OAAQ,QAAS,QAAS,cAAe,QAAS,SAAS,EAEnE,UAAW,uBAEX,KAAM,CACJ,KAAM,CACJ,aAAc,cAEd,QAAS,OACT,MAAO,MAAA,EAET,MAAO,CACL,SAAU,QACV,WAAY,MACZ,MAAO,aACP,SAAU,8BACV,WAAY,+BAAA,EAEd,MAAO,CACL,SAAU,OAAA,EAEZ,YAAa,CACX,SAAU,cACV,MAAO,aACP,SAAU,8BACV,WAAY,+BAAA,EAEd,MAAO,CACL,SAAU,QACV,MAAO,cACP,SAAU,8BACV,WAAY,+BAAA,EAEd,QAAS,CACP,oBAAqB,mBACrB,iBAAkB,mBAClB,GAAI,YACJ,SAAU,KACV,aAAc,MACd,UAAW,IACX,OAAQ,WACR,YAAa,YACb,UAAW,QACX,SAAU,OACV,eAAgB,OAChB,eAAgB,6CAChB,UAAW,SAAA,CACb,EAGF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,CACJ,yBAA0B,gBAC1B,2BAA4B,iBAAA,CAC9B,EAEF,GAAI,CACF,KAAM,CACJ,yBAA0B,gBAC1B,2BAA4B,iBAAA,CAC9B,CACF,EAEF,UAAW,CACT,OAAQ,CACN,KAAM,CACJ,kBAAmBH,CAAA,EAErB,MAAO,CACL,GAAI,iBAAA,EAEN,YAAa,CACX,GAAI,iBAAA,EAEN,MAAO,CACL,GAAI,iBAAA,CACN,EAEF,IAAK,CACH,KAAM,CACJ,kBAAmBC,EACnB,oBAAqB,WACrB,cAAe,KAAA,EAEjB,YAAa,CACX,GAAI,iBAAA,EAEN,MAAO,CACL,GAAI,iBAAA,CACN,CACF,CACF,EAIF,gBAAiB,CACf,UAAW,SACX,KAAM,IAAA,CAEV,CAAC,EC9GK,CAAE,aAAAG,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,OAAQJ,CACV,CAAC,EASYK,EAAoBH,EAG/B,MAAO,MAAM,EAIFI,EAAqBH,EAGhC,MAAO,OAAO,EAIHI,EAAqBJ,EAGhC,MAAO,OAAO,EAIHK,EAA2BL,EAGtC,MAAO,aAAa,EAITM,EAAqBN,EAGhC,MAAO,OAAO,EAIHO,EAAuBP,EAGlC,MAAO,SAAS,EC1BLQ,EAAgBC,EAAAA,WAC3B,CACE,CAAE,UAAAC,EAAW,WAAAC,EAAY,WAAAC,EAAY,WAAAC,EAAY,SAAAC,EAAU,GAAGC,CAAA,EAC9DC,IACG,CACH,KAAM,CAACC,EAASC,CAAU,EAAIC,WAAsC,CAClE,MAAO,KACP,YAAa,KACb,MAAO,KACP,KAAM,KACN,MAAO,KACP,UAAAT,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,CACD,EAEKO,EAA+C,CACnD,YAAaH,EAAQ,YACrB,aAAcA,EAAQ,KAAA,EAGpBA,EAAQ,MACVG,EAAa,MAAQH,EAAQ,OAK7BG,EAAa,YAAY,EAAI,cAC7BA,EAAa,iBAAiB,EAAI,eAGpC,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAY,iBAAAC,EAAkB,kBAAAC,CAAA,EAChDC,EAAAA,0CAASL,CAAY,EAEvBM,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,UAAAjB,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EACA,CACJ,EAAG,CAACH,EAAWC,EAAYC,EAAYC,CAAU,CAAC,EAElD,MAAMe,EAAa,CACjB,GAAGN,EACH,UAAAZ,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EAGF,OACEgB,EAAAA,IAACpC,EAAiB,SAAjB,CAA0B,MAAO,CAAE,QAAAwB,EAAS,WAAAC,CAAA,EAC3C,SAAAY,EAAAA,KAAC5B,EAAA,CAAkB,IAAAc,EAAW,GAAGD,EAC9B,SAAA,CAAAE,EAAQ,OACPa,OAAC3B,EAAA,CAAoB,GAAGc,EAAQ,eAC9B,SAAA,CAAAa,EAAAA,KAAC,QAAA,CAAO,GAAGT,EACR,SAAA,CAAAJ,EAAQ,MACRN,GAAckB,EAAAA,IAAC,MAAA,CAAI,cAAY,OAAO,SAAA,GAAA,CAAC,CAAA,EAC1C,EACCZ,EAAQ,MACPa,EAAAA,KAACC,EAAAA,0CAAA,CACC,SAAA,CAAAF,EAAAA,IAACG,EAAAA,IAAA,CACC,GAAG,OACH,QAAQ,eACR,SAAS,WACT,MAAM,MACN,OAAO,MACP,GAAG,MAEH,SAAAH,EAAAA,IAACG,EAAAA,IAAA,CACC,GAAG,OACH,QAAQ,cACR,SAAS,WACT,IAAI,MACJ,MAAM,MACN,UAAU,uBAEV,SAAAH,EAAAA,IAACI,EAAAA,WAAA,CACC,aAAW,cACX,KAAK,MACL,KAAK,OACL,QAAQ,OAER,eAACC,EAAAA,YAAA,CAAA,CAAY,CAAA,CAAA,CACf,CAAA,CACF,CAAA,QAEDC,EAAAA,0CAAA,CACC,SAAAN,MAACtB,EAAA,CAAqB,QAAO,GAC3B,SAAAsB,EAAAA,IAACO,EAAAA,0CAAA,CACC,SAAAP,MAACG,EAAAA,IAAA,CAAI,EAAE,MAAO,SAAAf,EAAQ,IAAA,CAAK,CAAA,CAC7B,EACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EAEJ,EAEDA,EAAQ,OACPY,EAAAA,IAACzB,EAAA,CAAoB,GAAGa,EAAQ,eAC7B,SAAAoB,EAAAA,SAAS,IAAIpB,EAAQ,MAAQqB,GAExBC,EAAAA,eAAeD,CAAK,EACfE,EAAAA,aAAaF,EAAOV,CAAU,EAGhCU,CACR,CAAA,CACH,EAEDrB,EAAQ,aACPY,EAAAA,IAACxB,EAAA,CACE,GAAGkB,EACH,GAAGN,EAAQ,qBAEX,SAAAA,EAAQ,WAAA,CAAA,EAGZP,GAAaO,EAAQ,OACpBa,EAAAA,KAACxB,EAAA,CACE,GAAGkB,EACH,GAAGP,EAAQ,eAEZ,SAAA,CAAAY,EAAAA,IAACG,EAAAA,IAAA,CACC,GAAIS,EAAAA,aACJ,QAAQ,cACR,QAAQ,MACR,cAAc,cACd,GAAG,KAAA,CAAA,EAEJxB,EAAQ,KAAA,CAAA,CAAA,EAGZH,CAAA,CAAA,CACH,CAAA,CACF,CAEJ,CACF,EC1Ka4B,EAAiB,CAAC,CAC7B,SAAA5B,EACA,GAAG6B,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAAzB,CAAA,EAAe0B,EAAAA,WAAWnD,CAAgB,EAElDiC,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,MAAOb,EACP,eAAA6B,CAAA,EACA,CACJ,EAAG,CAAC7B,EAAUI,CAAU,CAAC,EAElB,IACT,ECfa2B,EAAiB,CAAC,CAC7B,SAAA/B,EACA,GAAGgC,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAA5B,CAAA,EAAe0B,EAAAA,WAAWnD,CAAgB,EAElDiC,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,MAAOb,EACP,eAAAgC,CAAA,EACA,CACJ,EAAG,CAAChC,EAAUI,CAAU,CAAC,EAElB,IACT,ECfa6B,EAAuB,CAAC,CACnC,SAAAjC,EACA,GAAGkC,CACL,IAAqC,CACnC,KAAM,CAAE,WAAA9B,CAAA,EAAe0B,EAAAA,WAAWnD,CAAgB,EAElDiC,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,YAAab,EACb,qBAAAkC,CAAA,EACA,CACJ,EAAG,CAAClC,EAAUI,CAAU,CAAC,EAElB,IACT,ECfa+B,EAAiB,CAAC,CAC7B,SAAAnC,EACA,GAAGoC,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAAhC,CAAA,EAAe0B,EAAAA,WAAWnD,CAAgB,EAElDiC,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,MAAOb,EACP,eAAAoC,CAAA,EACA,CACJ,EAAG,CAACpC,EAAUI,CAAU,CAAC,EAElB,IACT,ECTaiC,EAAmB,CAAC,CAAE,SAAArC,KAAsC,CACvE,KAAM,CAAE,WAAAI,CAAA,EAAe0B,EAAAA,WAAWnD,CAAgB,EAElDiC,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,KAAMb,CAAA,EACN,CACJ,EAAG,CAACA,EAAUI,CAAU,CAAC,EAElB,IACT,ECdakC,EAAY,CACvB,KAAM5C,EACN,MAAOkC,EACP,MAAOG,EACP,YAAaE,EACb,MAAOE,EACP,QAASE,CACX"}

package/dist/chunks/grid-B3Ggy_FW.es.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { G as i, a as m } from "./grid-item-DuAynDd1.es.js";
+const r = (s) => {
+  const { ref: t, ...o } = s;
+  return /* @__PURE__ */ e(m, { ref: t, ...o });
+};
+r.displayName = "Grid";
+const G = /* @__PURE__ */ Object.assign(r, {
+  Item: i
+});
+export {
+  G
+};
+//# sourceMappingURL=grid-B3Ggy_FW.es.js.map

package/dist/chunks/grid-B3Ggy_FW.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-B3Ggy_FW.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/grid\";\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;"}

package/dist/chunks/grid-CXpKN2OR.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),r=require("./grid-item-CGwfSnm7.cjs.js"),e=t=>{const{ref:s,...i}=t;return n.jsx(r.Grid,{ref:s,...i})};e.displayName="Grid";const d=Object.assign(e,{Item:r.GridItem});exports.Grid=d;
+//# sourceMappingURL=grid-CXpKN2OR.cjs.js.map

package/dist/chunks/grid-CXpKN2OR.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-CXpKN2OR.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/grid\";\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":"2FAkBMA,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"}

package/dist/chunks/grid-item-CGwfSnm7.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const R=require("react/jsx-runtime"),m=require("react"),g=require("./factory-CVGqU9CD.cjs.js"),f=require("./walk-object-CPVtf-bb.cjs.js"),C=m.forwardRef(function(r,c){const{templateAreas:t,column:o,row:e,autoFlow:n,autoRows:i,templateRows:s,autoColumns:a,templateColumns:u,inline:l,...p}=r;return R.jsx(g.chakra.div,{...p,ref:c,css:[{display:l?"inline-grid":"grid",gridTemplateAreas:t,gridAutoColumns:a,gridColumn:o,gridRow:e,gridAutoFlow:n,gridAutoRows:i,gridTemplateRows:s,gridTemplateColumns:u},r.css]})});function w(d){return f.mapObject(d,r=>r==="auto"?"auto":`span ${r}/span ${r}`)}const A=m.forwardRef(function(r,c){const{area:t,colSpan:o,colStart:e,colEnd:n,rowEnd:i,rowSpan:s,rowStart:a,...u}=r,l=m.useMemo(()=>g.compact({gridArea:t,gridColumn:w(o),gridRow:w(s),gridColumnStart:e,gridColumnEnd:n,gridRowStart:a,gridRowEnd:i}),[t,o,e,n,i,s,a]);return R.jsx(g.chakra.div,{ref:c,css:[l,r.css],...u})});exports.Grid=C;exports.GridItem=A;
+//# sourceMappingURL=grid-item-CGwfSnm7.cjs.js.map

package/dist/chunks/grid-item-CGwfSnm7.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item-CGwfSnm7.cjs.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/node_modules/@chakra-ui/react/dist/esm/components/grid/grid.js","../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/node_modules/@chakra-ui/react/dist/esm/components/grid/grid-item.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Grid = forwardRef(\n  function Grid2(props, ref) {\n    const {\n      templateAreas,\n      column,\n      row,\n      autoFlow,\n      autoRows,\n      templateRows,\n      autoColumns,\n      templateColumns,\n      inline,\n      ...rest\n    } = props;\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ...rest,\n        ref,\n        css: [\n          {\n            display: inline ? \"inline-grid\" : \"grid\",\n            gridTemplateAreas: templateAreas,\n            gridAutoColumns: autoColumns,\n            gridColumn: column,\n            gridRow: row,\n            gridAutoFlow: autoFlow,\n            gridAutoRows: autoRows,\n            gridTemplateRows: templateRows,\n            gridTemplateColumns: templateColumns\n          },\n          props.css\n        ]\n      }\n    );\n  }\n);\n\nexport { Grid };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { chakra } from '../../styled-system/factory.js';\nimport { compact } from '../../utils/compact.js';\nimport { mapObject } from '../../utils/walk-object.js';\n\nfunction spanFn(span) {\n  return mapObject(\n    span,\n    (value) => value === \"auto\" ? \"auto\" : `span ${value}/span ${value}`\n  );\n}\nconst GridItem = forwardRef(\n  function GridItem2(props, ref) {\n    const {\n      area,\n      colSpan,\n      colStart,\n      colEnd,\n      rowEnd,\n      rowSpan,\n      rowStart,\n      ...rest\n    } = props;\n    const styles = useMemo(\n      () => compact({\n        gridArea: area,\n        gridColumn: spanFn(colSpan),\n        gridRow: spanFn(rowSpan),\n        gridColumnStart: colStart,\n        gridColumnEnd: colEnd,\n        gridRowStart: rowStart,\n        gridRowEnd: rowEnd\n      }),\n      [area, colSpan, colStart, colEnd, rowEnd, rowSpan, rowStart]\n    );\n    return /* @__PURE__ */ jsx(chakra.div, { ref, css: [styles, props.css], ...rest });\n  }\n);\n\nexport { GridItem };\n"],"names":["Grid","forwardRef","props","ref","templateAreas","column","row","autoFlow","autoRows","templateRows","autoColumns","templateColumns","inline","rest","jsx","chakra","spanFn","span","mapObject","value","GridItem","area","colSpan","colStart","colEnd","rowEnd","rowSpan","rowStart","styles","useMemo","compact"],"mappings":"uJAMMA,EAAOC,EAAAA,WACX,SAAeC,EAAOC,EAAK,CACzB,KAAM,CACJ,cAAAC,EACA,OAAAC,EACA,IAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,OAAAC,EACA,GAAGC,CACT,EAAQX,EACJ,OAAuBY,EAAAA,IACrBC,EAAAA,OAAO,IACP,CACE,GAAGF,EACH,IAAAV,EACA,IAAK,CACH,CACE,QAASS,EAAS,cAAgB,OAClC,kBAAmBR,EACnB,gBAAiBM,EACjB,WAAYL,EACZ,QAASC,EACT,aAAcC,EACd,aAAcC,EACd,iBAAkBC,EAClB,oBAAqBE,CACjC,EACUT,EAAM,GAChB,CACA,CACA,CACE,CACF,EClCA,SAASc,EAAOC,EAAM,CACpB,OAAOC,EAAAA,UACLD,EACCE,GAAUA,IAAU,OAAS,OAAS,QAAQA,CAAK,SAASA,CAAK,EACtE,CACA,CACK,MAACC,EAAWnB,EAAAA,WACf,SAAmBC,EAAOC,EAAK,CAC7B,KAAM,CACJ,KAAAkB,EACA,QAAAC,EACA,SAAAC,EACA,OAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGd,CACT,EAAQX,EACE0B,EAASC,EAAAA,QACb,IAAMC,UAAQ,CACZ,SAAUT,EACV,WAAYL,EAAOM,CAAO,EAC1B,QAASN,EAAOU,CAAO,EACvB,gBAAiBH,EACjB,cAAeC,EACf,aAAcG,EACd,WAAYF,CACpB,CAAO,EACD,CAACJ,EAAMC,EAASC,EAAUC,EAAQC,EAAQC,EAASC,CAAQ,CACjE,EACI,OAAuBb,MAAIC,EAAAA,OAAO,IAAK,CAAE,IAAAZ,EAAK,IAAK,CAACyB,EAAQ1B,EAAM,GAAG,EAAG,GAAGW,CAAI,CAAE,CACnF,CACF","x_google_ignoreList":[0,1]}

package/dist/chunks/grid-item-DuAynDd1.es.js

@@ -0,0 +1,78 @@
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as p, useMemo as R } from "react";
+import { c as w, d as C } from "./factory-DmIX2puY.es.js";
+import { m as A } from "./walk-object-Dpb8i9wi.es.js";
+const T = /* @__PURE__ */ p(
+  function(o, m) {
+    const {
+      templateAreas: r,
+      column: t,
+      row: n,
+      autoFlow: s,
+      autoRows: a,
+      templateRows: i,
+      autoColumns: d,
+      templateColumns: l,
+      inline: u,
+      ...f
+    } = o;
+    return /* @__PURE__ */ g(
+      w.div,
+      {
+        ...f,
+        ref: m,
+        css: [
+          {
+            display: u ? "inline-grid" : "grid",
+            gridTemplateAreas: r,
+            gridAutoColumns: d,
+            gridColumn: t,
+            gridRow: n,
+            gridAutoFlow: s,
+            gridAutoRows: a,
+            gridTemplateRows: i,
+            gridTemplateColumns: l
+          },
+          o.css
+        ]
+      }
+    );
+  }
+);
+function c(e) {
+  return A(
+    e,
+    (o) => o === "auto" ? "auto" : `span ${o}/span ${o}`
+  );
+}
+const j = /* @__PURE__ */ p(
+  function(o, m) {
+    const {
+      area: r,
+      colSpan: t,
+      colStart: n,
+      colEnd: s,
+      rowEnd: a,
+      rowSpan: i,
+      rowStart: d,
+      ...l
+    } = o, u = R(
+      () => C({
+        gridArea: r,
+        gridColumn: c(t),
+        gridRow: c(i),
+        gridColumnStart: n,
+        gridColumnEnd: s,
+        gridRowStart: d,
+        gridRowEnd: a
+      }),
+      [r, t, n, s, a, i, d]
+    );
+    return /* @__PURE__ */ g(w.div, { ref: m, css: [u, o.css], ...l });
+  }
+);
+export {
+  j as G,
+  T as a
+};
+//# sourceMappingURL=grid-item-DuAynDd1.es.js.map

package/dist/chunks/grid-item-DuAynDd1.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item-DuAynDd1.es.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/node_modules/@chakra-ui/react/dist/esm/components/grid/grid.js","../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/node_modules/@chakra-ui/react/dist/esm/components/grid/grid-item.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Grid = forwardRef(\n  function Grid2(props, ref) {\n    const {\n      templateAreas,\n      column,\n      row,\n      autoFlow,\n      autoRows,\n      templateRows,\n      autoColumns,\n      templateColumns,\n      inline,\n      ...rest\n    } = props;\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ...rest,\n        ref,\n        css: [\n          {\n            display: inline ? \"inline-grid\" : \"grid\",\n            gridTemplateAreas: templateAreas,\n            gridAutoColumns: autoColumns,\n            gridColumn: column,\n            gridRow: row,\n            gridAutoFlow: autoFlow,\n            gridAutoRows: autoRows,\n            gridTemplateRows: templateRows,\n            gridTemplateColumns: templateColumns\n          },\n          props.css\n        ]\n      }\n    );\n  }\n);\n\nexport { Grid };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { chakra } from '../../styled-system/factory.js';\nimport { compact } from '../../utils/compact.js';\nimport { mapObject } from '../../utils/walk-object.js';\n\nfunction spanFn(span) {\n  return mapObject(\n    span,\n    (value) => value === \"auto\" ? \"auto\" : `span ${value}/span ${value}`\n  );\n}\nconst GridItem = forwardRef(\n  function GridItem2(props, ref) {\n    const {\n      area,\n      colSpan,\n      colStart,\n      colEnd,\n      rowEnd,\n      rowSpan,\n      rowStart,\n      ...rest\n    } = props;\n    const styles = useMemo(\n      () => compact({\n        gridArea: area,\n        gridColumn: spanFn(colSpan),\n        gridRow: spanFn(rowSpan),\n        gridColumnStart: colStart,\n        gridColumnEnd: colEnd,\n        gridRowStart: rowStart,\n        gridRowEnd: rowEnd\n      }),\n      [area, colSpan, colStart, colEnd, rowEnd, rowSpan, rowStart]\n    );\n    return /* @__PURE__ */ jsx(chakra.div, { ref, css: [styles, props.css], ...rest });\n  }\n);\n\nexport { GridItem };\n"],"names":["Grid","forwardRef","props","ref","templateAreas","column","row","autoFlow","autoRows","templateRows","autoColumns","templateColumns","inline","rest","jsx","chakra","spanFn","span","mapObject","value","GridItem","area","colSpan","colStart","colEnd","rowEnd","rowSpan","rowStart","styles","useMemo","compact"],"mappings":";;;;AAMK,MAACA,IAAO,gBAAAC;AAAA,EACX,SAAeC,GAAOC,GAAK;AACzB,UAAM;AAAA,MACJ,eAAAC;AAAA,MACA,QAAAC;AAAA,MACA,KAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,QAAAC;AAAA,MACA,GAAGC;AAAA,IACT,IAAQX;AACJ,WAAuB,gBAAAY;AAAA,MACrBC,EAAO;AAAA,MACP;AAAA,QACE,GAAGF;AAAA,QACH,KAAAV;AAAA,QACA,KAAK;AAAA,UACH;AAAA,YACE,SAASS,IAAS,gBAAgB;AAAA,YAClC,mBAAmBR;AAAA,YACnB,iBAAiBM;AAAA,YACjB,YAAYL;AAAA,YACZ,SAASC;AAAA,YACT,cAAcC;AAAA,YACd,cAAcC;AAAA,YACd,kBAAkBC;AAAA,YAClB,qBAAqBE;AAAA,UACjC;AAAA,UACUT,EAAM;AAAA,QAChB;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AClCA,SAASc,EAAOC,GAAM;AACpB,SAAOC;AAAA,IACLD;AAAA,IACA,CAACE,MAAUA,MAAU,SAAS,SAAS,QAAQA,CAAK,SAASA,CAAK;AAAA,EACtE;AACA;AACK,MAACC,IAAW,gBAAAnB;AAAA,EACf,SAAmBC,GAAOC,GAAK;AAC7B,UAAM;AAAA,MACJ,MAAAkB;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,GAAGd;AAAA,IACT,IAAQX,GACE0B,IAASC;AAAA,MACb,MAAMC,EAAQ;AAAA,QACZ,UAAUT;AAAA,QACV,YAAYL,EAAOM,CAAO;AAAA,QAC1B,SAASN,EAAOU,CAAO;AAAA,QACvB,iBAAiBH;AAAA,QACjB,eAAeC;AAAA,QACf,cAAcG;AAAA,QACd,YAAYF;AAAA,MACpB,CAAO;AAAA,MACD,CAACJ,GAAMC,GAASC,GAAUC,GAAQC,GAAQC,GAASC,CAAQ;AAAA,IACjE;AACI,WAAuB,gBAAAb,EAAIC,EAAO,KAAK,EAAE,KAAAZ,GAAK,KAAK,CAACyB,GAAQ1B,EAAM,GAAG,GAAG,GAAGW,EAAI,CAAE;AAAA,EACnF;AACF;","x_google_ignoreList":[0,1]}

package/dist/chunks/group-Buy-O6Mr.cjs.js

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

package/dist/chunks/group-Buy-O6Mr.cjs.js.map

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

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { jsx as s } from "react/jsx-runtime";
+import { d as t } from "./config-ufbQ08Vi.es.js";
+import { c } from "./create-recipe-context-CrNaylZN.es.js";
+const n = /* @__PURE__ */ t({
+  className: "nimbus-icon",
+  base: {
+    display: "inline-block"
+  },
+  variants: {
+    /**
+     * allows applying a predefined size to the icon
+     */
+    size: {
+      "2xs": { boxSize: "600" },
+      xs: { boxSize: "800" },
+      sm: { boxSize: "900" },
+      md: { boxSize: "1000" },
+      lg: { boxSize: "1200" },
+      xl: { boxSize: "1400" }
+    }
+  }
+}), { withContext: r } = /* @__PURE__ */ c({ recipe: n }), a = /* @__PURE__ */ r(
+  "svg"
+), x = (e) => {
+  const { ref: i, ...o } = e;
+  return /* @__PURE__ */ s(a, { ref: i, asChild: !o.as, ...o });
+};
+x.displayName = "Icon";
+export {
+  x as I
+};
+//# sourceMappingURL=icon-BDsjJ4Zi.es.js.map

package/dist/chunks/icon-BDsjJ4Zi.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-BDsjJ4Zi.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/styled-system\";\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/styled-system\";\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;"}

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

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),n=require("./config-Mt8_uyhI.cjs.js"),t=require("./create-recipe-context-bXYFTZLs.cjs.js"),r=n.defineRecipe({className:"nimbus-icon",base:{display:"inline-block"},variants:{size:{"2xs":{boxSize:"600"},xs:{boxSize:"800"},sm:{boxSize:"900"},md:{boxSize:"1000"},lg:{boxSize:"1200"},xl:{boxSize:"1400"}}}}),{withContext:x}=t.createRecipeContext({recipe:r}),a=x("svg"),i=o=>{const{ref:s,...e}=o;return c.jsx(a,{ref:s,asChild:!e.as,...e})};i.displayName="Icon";exports.Icon=i;
+//# sourceMappingURL=icon-DHoLo7_S.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-DHoLo7_S.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/styled-system\";\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/styled-system\";\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":"6IAMaA,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"}

package/dist/chunks/icon-button-1MQYEWVd.cjs.js

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

package/dist/chunks/icon-button-1MQYEWVd.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-1MQYEWVd.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"}

package/dist/chunks/icon-button-Bp92vS0I.es.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useRef as n } from "react";
+import { mergeRefs as p } from "@chakra-ui/react";
+import { B as a } from "./button-CXRRo1Zo.es.js";
+import { $ as c } from "./useObjectRef-CaJ5pgjX.es.js";
+const i = (o) => {
+  const { children: r, ref: t, ...e } = o, f = n(null), s = c(p(f, t));
+  return /* @__PURE__ */ m(a, { px: 0, py: 0, ...e, ref: s, children: r });
+};
+i.displayName = "IconButton";
+export {
+  i as I
+};
+//# sourceMappingURL=icon-button-Bp92vS0I.es.js.map

package/dist/chunks/icon-button-Bp92vS0I.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-Bp92vS0I.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;"}

package/dist/chunks/icon-toggle-button-D42wYTJF.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),u=require("./toggle-button-CZcbVyDV.cjs.js"),t=({"aria-label":o,children:e,ref:n,...g})=>l.jsx(u.ToggleButton,{ref:n,"aria-label":o,px:0,py:0,...g,children:e});t.displayName="IconToggleButton";exports.IconToggleButton=t;
+//# sourceMappingURL=icon-toggle-button-D42wYTJF.cjs.js.map

package/dist/chunks/icon-toggle-button-D42wYTJF.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-toggle-button-D42wYTJF.cjs.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button\";\nimport type { IconToggleButtonProps } from \"./icon-toggle-button.types\";\n\n/**\n * # IconToggleButton\n * ============================================================\n * A toggle button with only an icon as child. It is based\n * on the regular `ToggleButton` component, but with a few adjustments.\n *\n */\nexport const IconToggleButton = ({\n  \"aria-label\": ariaLabel,\n  children,\n  ref,\n  ...props\n}: IconToggleButtonProps) => {\n  return (\n    <ToggleButton ref={ref} aria-label={ariaLabel} px={0} py={0} {...props}>\n      {children}\n    </ToggleButton>\n  );\n};\n\nIconToggleButton.displayName = \"IconToggleButton\";\n"],"names":["IconToggleButton","ariaLabel","children","ref","props","jsx","ToggleButton"],"mappings":"+FAUaA,EAAmB,CAAC,CAC/B,aAAcC,EACd,SAAAC,EACA,IAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,IAACC,EAAAA,aAAA,CAAa,IAAAH,EAAU,aAAYF,EAAW,GAAI,EAAG,GAAI,EAAI,GAAGG,EAC9D,SAAAF,CAAA,CACH,EAIJF,EAAiB,YAAc"}

package/dist/chunks/icon-toggle-button-D7N1RxnR.es.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { T as l } from "./toggle-button-B5nYtXCP.es.js";
+const n = ({
+  "aria-label": o,
+  children: t,
+  ref: a,
+  ...r
+}) => /* @__PURE__ */ e(l, { ref: a, "aria-label": o, px: 0, py: 0, ...r, children: t });
+n.displayName = "IconToggleButton";
+export {
+  n as I
+};
+//# sourceMappingURL=icon-toggle-button-D7N1RxnR.es.js.map

package/dist/chunks/icon-toggle-button-D7N1RxnR.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-toggle-button-D7N1RxnR.es.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button\";\nimport type { IconToggleButtonProps } from \"./icon-toggle-button.types\";\n\n/**\n * # IconToggleButton\n * ============================================================\n * A toggle button with only an icon as child. It is based\n * on the regular `ToggleButton` component, but with a few adjustments.\n *\n */\nexport const IconToggleButton = ({\n  \"aria-label\": ariaLabel,\n  children,\n  ref,\n  ...props\n}: IconToggleButtonProps) => {\n  return (\n    <ToggleButton ref={ref} aria-label={ariaLabel} px={0} py={0} {...props}>\n      {children}\n    </ToggleButton>\n  );\n};\n\nIconToggleButton.displayName = \"IconToggleButton\";\n"],"names":["IconToggleButton","ariaLabel","children","ref","props","jsx","ToggleButton"],"mappings":";;AAUO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,GAAA,EAAa,KAAAH,GAAU,cAAYF,GAAW,IAAI,GAAG,IAAI,GAAI,GAAGG,GAC9D,UAAAF,EAAA,CACH;AAIJF,EAAiB,cAAc;"}

package/dist/chunks/image-B3ISQSVL.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),t=require("./factory-CVGqU9CD.cjs.js"),n=o.forwardRef(function(e,c){const{align:a,fit:r="cover",...s}=e;return i.jsx(t.chakra.img,{ref:c,objectFit:r,objectPosition:a,className:t.cx("chakra-image",e.className),...s})});exports.Image=n;
+//# sourceMappingURL=image-B3ISQSVL.cjs.js.map

package/dist/chunks/image-B3ISQSVL.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-B3ISQSVL.cjs.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/node_modules/@chakra-ui/react/dist/esm/components/image/image.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { chakra } from '../../styled-system/factory.js';\nimport { cx } from '../../utils/cx.js';\n\nconst Image = forwardRef(\n  function Image2(props, ref) {\n    const { align, fit = \"cover\", ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      chakra.img,\n      {\n        ref,\n        objectFit: fit,\n        objectPosition: align,\n        className: cx(\"chakra-image\", props.className),\n        ...rest\n      }\n    );\n  }\n);\n\nexport { Image };\n"],"names":["Image","forwardRef","props","ref","align","fit","rest","jsx","chakra","cx"],"mappings":"4GAOMA,EAAQC,EAAAA,WACZ,SAAgBC,EAAOC,EAAK,CAC1B,KAAM,CAAE,MAAAC,EAAO,IAAAC,EAAM,QAAS,GAAGC,CAAI,EAAKJ,EAC1C,OAAuBK,EAAAA,IACrBC,EAAAA,OAAO,IACP,CACE,IAAAL,EACA,UAAWE,EACX,eAAgBD,EAChB,UAAWK,EAAAA,GAAG,eAAgBP,EAAM,SAAS,EAC7C,GAAGI,CACX,CACA,CACE,CACF","x_google_ignoreList":[0]}

package/dist/chunks/image-CwcCZREa.es.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as i, a as s } from "./factory-DmIX2puY.es.js";
+const l = /* @__PURE__ */ m(
+  function(a, o) {
+    const { align: r, fit: t = "cover", ...c } = a;
+    return /* @__PURE__ */ e(
+      i.img,
+      {
+        ref: o,
+        objectFit: t,
+        objectPosition: r,
+        className: s("chakra-image", a.className),
+        ...c
+      }
+    );
+  }
+);
+export {
+  l as I
+};
+//# sourceMappingURL=image-CwcCZREa.es.js.map

package/dist/chunks/image-CwcCZREa.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-CwcCZREa.es.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/node_modules/@chakra-ui/react/dist/esm/components/image/image.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { chakra } from '../../styled-system/factory.js';\nimport { cx } from '../../utils/cx.js';\n\nconst Image = forwardRef(\n  function Image2(props, ref) {\n    const { align, fit = \"cover\", ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      chakra.img,\n      {\n        ref,\n        objectFit: fit,\n        objectPosition: align,\n        className: cx(\"chakra-image\", props.className),\n        ...rest\n      }\n    );\n  }\n);\n\nexport { Image };\n"],"names":["Image","forwardRef","props","ref","align","fit","rest","jsx","chakra","cx"],"mappings":";;;AAOK,MAACA,IAAQ,gBAAAC;AAAA,EACZ,SAAgBC,GAAOC,GAAK;AAC1B,UAAM,EAAE,OAAAC,GAAO,KAAAC,IAAM,SAAS,GAAGC,EAAI,IAAKJ;AAC1C,WAAuB,gBAAAK;AAAA,MACrBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAL;AAAA,QACA,WAAWE;AAAA,QACX,gBAAgBD;AAAA,QAChB,WAAWK,EAAG,gBAAgBP,EAAM,SAAS;AAAA,QAC7C,GAAGI;AAAA,MACX;AAAA,IACA;AAAA,EACE;AACF;","x_google_ignoreList":[0]}

package/dist/chunks/image-MeWmLoV0.es.js

@@ -0,0 +1,8 @@
+import { jsx as a } from "react/jsx-runtime";
+import { I as r } from "./image-CwcCZREa.es.js";
+const e = (m) => /* @__PURE__ */ a(r, { ...m });
+e.displayName = "Image";
+export {
+  e as I
+};
+//# sourceMappingURL=image-MeWmLoV0.es.js.map

package/dist/chunks/image-MeWmLoV0.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-MeWmLoV0.es.js","sources":["../../src/components/image/image.tsx"],"sourcesContent":["import {\n  Image as ChakraImage,\n  type ImageProps as ChakraImageProps,\n} from \"@chakra-ui/react/image\";\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;"}

package/dist/chunks/image-bt28epM5.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),m=require("./image-B3ISQSVL.cjs.js"),e=s=>a.jsx(m.Image,{...s});e.displayName="Image";exports.Image=e;
+//# sourceMappingURL=image-bt28epM5.cjs.js.map

package/dist/chunks/image-bt28epM5.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-bt28epM5.cjs.js","sources":["../../src/components/image/image.tsx"],"sourcesContent":["import {\n  Image as ChakraImage,\n  type ImageProps as ChakraImageProps,\n} from \"@chakra-ui/react/image\";\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":"uFAeaA,EAASC,GACbC,MAACC,EAAAA,MAAA,CAAa,GAAGF,CAAA,CAAO,EAGjCD,EAAM,YAAc"}

package/dist/chunks/index-46Tt2Ww4.es.js

@@ -0,0 +1,8 @@
+import { c as e } from "./create-recipe-context-CrNaylZN.es.js";
+const { withContext: t } = /* @__PURE__ */ e({
+  key: "heading"
+}), n = /* @__PURE__ */ t("h2");
+export {
+  n as H
+};
+//# sourceMappingURL=index-46Tt2Ww4.es.js.map

package/dist/chunks/index-46Tt2Ww4.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-46Tt2Ww4.es.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/node_modules/@chakra-ui/react/dist/esm/components/heading/index.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"heading\"\n});\nconst Heading = withContext(\"h2\");\nconst HeadingPropsProvider = PropsProvider;\n\nexport { Heading, HeadingPropsProvider };\n"],"names":["withContext","createRecipeContext","Heading"],"mappings":";AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAI,gBAAAC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAU,gBAAAF,EAAY,IAAI;","x_google_ignoreList":[0]}

package/dist/chunks/index-BYEAMD8A.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./create-recipe-context-bXYFTZLs.cjs.js"),{withContext:t}=e.createRecipeContext({key:"heading"}),n=t("h2");exports.Heading=n;
+//# sourceMappingURL=index-BYEAMD8A.cjs.js.map

package/dist/chunks/index-BYEAMD8A.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BYEAMD8A.cjs.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/node_modules/@chakra-ui/react/dist/esm/components/heading/index.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"heading\"\n});\nconst Heading = withContext(\"h2\");\nconst HeadingPropsProvider = PropsProvider;\n\nexport { Heading, HeadingPropsProvider };\n"],"names":["withContext","createRecipeContext","Heading"],"mappings":"wEAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,SACP,CAAC,EACKC,EAAUF,EAAY,IAAI","x_google_ignoreList":[0]}