@commercetools/nimbus 0.0.0-canary-20251114180837 → 0.0.0-canary-20251117192621

package/dist/chunks/{form-field-Bthi8nxY.cjs.js.map → form-field-vna9HwvE.cjs.js.map}

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

package/dist/chunks/{icon-button-Bue0uAF7.es.js → icon-button-BxBVKJ1v.es.js}

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

package/dist/chunks/{icon-button-Bue0uAF7.es.js.map → icon-button-BxBVKJ1v.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-button-Bue0uAF7.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;"}
+{"version":3,"file":"icon-button-BxBVKJ1v.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-button-C-iRgq4t.cjs.js → icon-button-mdaiwgqz.cjs.js}

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

package/dist/chunks/{icon-button-C-iRgq4t.cjs.js.map → icon-button-mdaiwgqz.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-button-C-iRgq4t.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"}
+{"version":3,"file":"icon-button-mdaiwgqz.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-toggle-button-DEuZjBan.cjs.js → icon-toggle-button-C9xlEbeo.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const l=require("react/jsx-runtime"),u=require("./toggle-button-C4oKd_qE.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-DEuZjBan.cjs.js.map
+"use strict";const l=require("react/jsx-runtime"),u=require("./toggle-button-BRdsa79h.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-C9xlEbeo.cjs.js.map

package/dist/chunks/{icon-toggle-button-DEuZjBan.cjs.js.map → icon-toggle-button-C9xlEbeo.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-toggle-button-DEuZjBan.cjs.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button/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"}
+{"version":3,"file":"icon-toggle-button-C9xlEbeo.cjs.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button/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-ByN_lsJX.es.js → icon-toggle-button-DqIpgfD5.es.js}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { T as l } from "./toggle-button-CRleEA31.es.js";
+import { T as l } from "./toggle-button-ugWmifHz.es.js";
 const n = ({
   "aria-label": o,
   children: t,
@@ -10,4 +10,4 @@ n.displayName = "IconToggleButton";
 export {
   n as I
 };
-//# sourceMappingURL=icon-toggle-button-ByN_lsJX.es.js.map
+//# sourceMappingURL=icon-toggle-button-DqIpgfD5.es.js.map

package/dist/chunks/{icon-toggle-button-ByN_lsJX.es.js.map → icon-toggle-button-DqIpgfD5.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-toggle-button-ByN_lsJX.es.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button/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;"}
+{"version":3,"file":"icon-toggle-button-DqIpgfD5.es.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ToggleButton } from \"@/components/toggle-button/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/{index-CQgD7Eq4.cjs.js → index-BNOrhWlg.cjs.js}

@@ -30,5 +30,5 @@
         </svg>
       `)}")`,backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"200 200",width:"400",height:"400"},"&[data-disabled='true']":{layerStyle:"disabled",bg:"neutral.3"},"&[data-invalid='true']":{"--border-width":"sizes.50","--border-color":"colors.critical.7",color:"critical.11"}},leadingElement:{display:"flex",color:"neutral.11"},textarea:{flexGrow:1,outline:"none",resize:"none",background:"transparent",borderTopRightRadius:"200",borderBottomRightRadius:"200",_placeholder:{opacity:.5,color:"currentColor"},"&[data-disabled='true']":{cursor:"not-allowed"}}},variants:{size:{sm:{root:{minH:"800",textStyle:"sm",gap:"100",pl:"300"},textarea:{pr:"300",py:"100"},leadingElement:{pt:"200","& svg":{boxSize:"400"}}},md:{root:{minH:"1000",textStyle:"md",gap:"200",pl:"400"},textarea:{py:"200",pr:"400"},leadingElement:{pt:"200","& svg":{mt:"50",boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}}},ghost:{root:{_hover:{backgroundColor:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}}),v=e.defineSlotRecipe({className:"nimbus-number-input",slots:["root","leadingElement","trailingElement","input","incrementButton","decrementButton"],base:{root:{display:"inline-flex",position:"relative",borderRadius:"200",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_focusWithin:{layerStyle:"focusRing"},'&[data-disabled="true"]':{layerStyle:"disabled",bg:"neutral.3"},"&[data-invalid='true']":{"--border-width":"sizes.50","--border-color":"colors.critical.7",color:"critical.11"}},leadingElement:{overflow:"hidden",display:"flex",alignItems:"center",color:"neutral.11"},trailingElement:{overflow:"hidden",display:"flex",alignItems:"center",color:"neutral.11"},input:{display:"flex",flexGrow:1,flexShrink:1,borderRadius:"inherit",colorPalette:"neutral",bg:"transparent",outline:"none",appearance:"textfield",_placeholder:{opacity:.5,color:"currentColor"},"&[data-disabled='true']":{cursor:"not-allowed"}},incrementButton:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",w:600,h:"50%",display:"flex",alignItems:"center",justifyContent:"center",cursor:"button",bg:"transparent",_active:{bg:"neutral.4"},"&[data-disabled='true']":{cursor:"not-allowed"},_icon:{fill:"primary.9"},borderTopRightRadius:"200","&[data-invalid='true']":{"--border-color":"colors.critical.7"}},decrementButton:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",w:600,h:"50%",display:"flex",alignItems:"center",justifyContent:"center",cursor:"button",bg:"transparent",_active:{bg:"neutral.4"},"&[data-disabled='true']":{cursor:"not-allowed"},_icon:{color:"primary.9"},borderBottomRightRadius:"200","&[data-invalid='true']":{"--border-color":"colors.critical.7"}}},variants:{size:{sm:{root:{pl:"300",pr:"900",gap:"100"},input:{h:"800",textStyle:"sm"},leadingElement:{"& > svg":{boxSize:"400"}},trailingElement:{"& > svg":{boxSize:"400"}}},md:{root:{pl:"400",pr:"1000",gap:"200"},input:{h:"1000",textStyle:"md"},leadingElement:{"& > svg":{boxSize:"500"}},trailingElement:{"& > svg":{boxSize:"500"}}}},variant:{solid:{root:{_hover:{backgroundColor:"primary.2"},"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1"},incrementButton:{"&[data-invalid='true']":{borderTop:"2px solid var(--border-color)",borderRight:"2px solid var(--border-color)"},borderTop:"var(--border-width) solid var(--border-color)",borderRight:"var(--border-width) solid var(--border-color)",borderLeft:"var(--border-width) solid var(--border-color)",boxShadow:"inset 0 -0.5px 0 0 var(--border-color)",_hover:{backgroundColor:"primaryAlpha.4"}},decrementButton:{"&[data-invalid='true']":{borderBottom:"2px solid var(--border-color)",borderRight:"2px solid var(--border-color)"},borderBottom:"var(--border-width) solid var(--border-color)",borderRight:"var(--border-width) solid var(--border-color)",borderLeft:"var(--border-width) solid var(--border-color)",boxShadow:"inset 0 0.5px 0 0 var(--border-color)",_hover:{backgroundColor:"primaryAlpha.4"}}},ghost:{root:{_hover:{backgroundColor:"primary.2"}},incrementButton:{"&[data-invalid='true']":{borderTop:"2px solid var(--border-color)",borderRight:"2px solid var(--border-color)"},_hover:{backgroundColor:"primaryAlpha.4"}},decrementButton:{"&[data-invalid='true']":{borderBottom:"2px solid var(--border-color)",borderRight:"2px solid var(--border-color)"},_hover:{backgroundColor:"primaryAlpha.4"}}}}},defaultVariants:{size:"md",variant:"solid"}}),y=e.defineSlotRecipe({slots:["root","header","grids","monthTitle","grid","gridHeader","headerCell","gridBody","bodyCell"],className:"nimbus-range-calendar",base:{root:{display:"inline-block",maxWidth:"100%"},header:{height:"1200",p:"200",mb:"300",borderBottom:"solid-25",borderColor:"neutral.3"},grids:{display:"flex",flexWrap:"wrap",gap:"800",mx:"200",maxWidth:"full"},monthTitle:{textAlign:"center",fontSize:"400",fontWeight:"600",color:"neutral.11",mb:"300",px:"200"},grid:{w:"full",minW:"fit-content",flex:"1 1 auto"},gridHeader:{},headerCell:{p:"200",pb:"300",textAlign:"center",color:"neutral.9",fontSize:"300",lineHeight:"350",fontWeight:"500"},gridBody:{},bodyCell:{cursor:"pointer",p:"200",minW:"1400",fontSize:"350",lineHeight:"500",fontWeight:"400",textAlign:"center",color:"neutral.12",display:"flex",alignItems:"center",justifyContent:"center",mb:"200",focusRing:"outside","&[data-today=true]":{bg:"neutral.3",borderRadius:"200"},"&[data-hovered='true'], &[data-focused='true']":{bg:"primary.3",borderRadius:"200"},"&[data-selected='true']":{bg:"primary.3",borderRadius:"0"},"[role='gridcell']:first-child &":{borderLeftRadius:"200"},"[role='gridcell']:last-child &":{borderRightRadius:"200"},"&[data-selection-start='true'], &[data-selection-end=true]":{bg:"primary.9",color:"primary.contrast"},"&[data-selection-start='true']":{borderLeftRadius:"200"},"&[data-selection-end=true]":{borderRightRadius:"200"},"&[data-selection-end=true]&[data-selection-start='true']":{borderRadius:"200"},"&[aria-disabled=true]":{layerStyle:"disabled"}}}}),w=t.defineSlotRecipe({slots:["root","toolbar","editable"],className:"nimbus-rich-text-input",base:{root:{display:"flex",flexDirection:"column",position:"relative",width:"full",borderRadius:"200",borderWidth:"{sizes.25}",colorPalette:"slate",borderColor:"colorPalette.7",backgroundColor:"colorPalette.contrast",_focusWithin:{layerStyle:"focusRing"},"&[data-invalid='true']":{borderWidth:"{sizes.50}",borderColor:"critical.7"}},toolbar:{boxShadow:"1","[data-disabled='true'] &":{opacity:"0.5"}},editable:{padding:"400",minHeight:"inherit",maxHeight:"inherit",overflow:"auto",outline:"none",color:"colorPalette.12","[data-disabled='true'] &":{cursor:"not-allowed",opacity:"0.5"},"& [data-slate-placeholder]":{opacity:"0.5!"},"& p":{textStyle:"md",fontWeight:"500"},"& h1":{textStyle:"2xl",fontWeight:"500"},"& h2":{textStyle:"xl",fontWeight:"500"},"& h3":{textStyle:"lg",fontWeight:"500"},"& h4":{textStyle:"md",fontWeight:"500"},"& h5":{textStyle:"xs",fontWeight:"500"},"& blockquote":{textStyle:"md",fontWeight:"400",borderLeftWidth:"{sizes.100}",paddingLeft:"400"},"& ul":{paddingLeft:"600",listStyleType:"disc"},"& ol":{paddingLeft:"600",listStyleType:"decimal"},"& code":{padding:"100",fontFamily:"mono"},"& pre":{padding:"300",borderRadius:"200",overflow:"auto","& code":{padding:"0"}},"& a":{color:"primary.11",textDecoration:"underline",cursor:"pointer",_hover:{textDecoration:"none"}},"& strong":{fontWeight:"700"},"& em":{fontStyle:"italic"},"& u":{textDecoration:"underline"},"& del":{textDecoration:"line-through"},"& sup":{fontSize:"75%",verticalAlign:"super",lineHeight:"0"},"& sub":{fontSize:"75%",verticalAlign:"sub",lineHeight:"0"}}},variants:{}}),S=e.defineSlotRecipe({slots:["root","container","selectWrapper","searchWrapper"],className:"nimbus-scoped-search-input",base:{root:{display:"inline-block",position:"relative",width:"100%"},container:{display:"inline-flex",alignItems:"stretch",position:"relative",width:"100%"},selectWrapper:{_focusWithin:{zIndex:2},"& .nimbus-select__trigger":{borderRightRadius:"0",boxShadow:"inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}"}},searchWrapper:{flex:1,_focusWithin:{zIndex:2},"& .nimbus-search-input__root":{borderLeftRadius:"0"}}},variants:{size:{sm:{},md:{}}},defaultVariants:{size:"md"}}),ue=e.defineSlotRecipe({slots:["root","empty","item","itemContent"],className:"nimbus-draggable-list",base:{root:{colorPalette:"primary",width:"2xs",display:"flex",flexDirection:"column",padding:"200",border:"{sizes.25} solid",borderColor:"colorPalette.3",borderRadius:"200",gap:"200","& >.react-aria-DropIndicator":{"&[data-drop-target]":{outline:"{sizes.25} solid {colors.primary.7}"},"&@supports not selector(:has(.react-aria-DropIndicator))":{marginBottom:"-2px"}},"&[data-empty]":{alignItems:"center",justifyContent:"center",fontStyle:"italic",color:"colorPalette.11"}},empty:{marginBlock:"auto",alignSelf:"center"},item:{borderRadius:"200",background:"colorPalette.3",display:"flex",_focus:{layerStyle:"focusRing"},"&[data-allows-dragging='true']":{cursor:"grab","&[data-dragging='true']":{cursor:"grabbing"}},"&[data-disabled]":{layerStyle:"disabled"},"& > [role='gridcell']":{display:"flex!",flex:"1 1 auto",alignItems:"center",justifyContent:"center",gap:"100",paddingInline:"200",fontSize:"350",lineHeight:"400",focusVisibleRing:"outside"}},itemContent:{flex:"1 1 auto"}},variants:{size:{sm:{},md:{item:{minH:"800"}}}},defaultVariants:{size:"md"}}),ge=e.defineSlotRecipe({className:"nimbus-progress-bar",slots:["root","track","fill","label","value"],base:{root:{position:"relative",width:"100%",display:"flex",flexDirection:"column",gap:"200"},track:{backgroundColor:"var(--progress-bar-track-bg)",borderRadius:"var(--progress-bar-radius)",overflow:"hidden",position:"relative",width:"100%",height:"var(--progress-bar-height)"},fill:{animation:"var(--progress-bar-animation)",bgImage:"linear-gradient(90deg, {colors.colorPalette.6}, {colors.colorPalette.9}, {colors.colorPalette.6})",backgroundSize:"200% 100%",height:"100%",borderRadius:"var(--progress-bar-radius)",transitionProperty:"width",transitionDuration:".3s",transitionTimingFunction:"ease-in-smooth"},label:{color:"var(--progress-bar-text-color)",fontSize:"var(--progress-bar-font-size)",lineHeight:"var(--progress-bar-line-height)"},value:{color:"var(--progress-bar-text-color)",fontSize:"var(--progress-bar-font-size)",lineHeight:"var(--progress-bar-line-height)"}},variants:{size:{"2xs":{root:{"--progress-bar-radius":"{radii.300}","--progress-bar-font-size":"{fontSizes.350}","--progress-bar-height":"{sizes.300}","--progress-bar-line-height":"{fontSizes.500}"}},md:{root:{"--progress-bar-radius":"{radii.600}","--progress-bar-font-size":"{fontSizes.400}","--progress-bar-height":"{sizes.600}","--progress-bar-line-height":"{fontSizes.600}"}}},isDynamic:{true:{fill:{"--progress-bar-animation":"gradient-shimmer 4s ease-in-out infinite","&[data-complete='true']":{"--progress-bar-animation":"none"}}}},isIndeterminate:{true:{fill:{"--progress-bar-animation":"progress-indeterminate 2s ease-in-out infinite",width:"40% !important"}}},variant:{solid:{root:{"--progress-bar-text-color":"{colors.neutral.12}","--progress-bar-track-bg":"{colors.neutralAlpha.3}"}},contrast:{root:{"--progress-bar-text-color":"{colors.colorPalette.contrast}","--progress-bar-track-bg":"{colors.colorPalette.contrast/15}"},fill:{bgImage:"linear-gradient(90deg, {colors.colorPalette.contrast/25}, {colors.colorPalette.contrast}, {colors.colorPalette.contrast/25})"}}},layout:{minimal:{label:{display:"none"},value:{display:"none"}},inline:{root:{flexDirection:"row",alignItems:"center",gap:"400"},track:{flex:1}},stacked:{root:{flexDirection:"column",gap:"200"},text:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%"}}}},defaultVariants:{size:"md",colorPalette:"primary",variant:"solid",layout:"stacked"},compoundVariants:[{isDynamic:!0,isIndeterminate:!0,css:{fill:{"--progress-bar-animation":"progress-indeterminate 2s ease-in-out infinite"}}}]}),me=e.defineSlotRecipe({slots:["root","trigger","popover","content","item","section","sectionLabel","submenu"],className:"nimbus-menu",base:{root:{display:"inline-block",position:"relative"},trigger:{focusRing:"outside"},popover:{bg:"bg",borderRadius:"200",boxShadow:"5",overflow:"auto","&[data-entering]":{animationName:"fade-in, scale-in",animationDuration:"fast"},"&[data-exiting]":{animationName:"fade-out, scale-out",animationDuration:"faster"}},content:{display:"flex",flexDirection:"column",minWidth:"200px",maxHeight:"400px",overflowY:"auto",p:"200",position:"relative","&:focus":{outline:"none"},'& > [role="separator"]':{mx:"-200",my:"200",width:"calc(100% + {sizes.400})"}},item:{display:"grid",gridTemplateColumns:"auto 1fr auto auto",gridTemplateAreas:`
         'icon label keyboard flyoutCaret'
-        'icon description keyboard flyoutCaret'`,flexDirection:"column",alignItems:"start",px:"300",py:"200",borderRadius:"200",cursor:"pointer",userSelect:"none",color:"fg",fontSize:"400",lineHeight:"500",position:"relative",textStyle:"sm",outline:0,boxShadow:"inset 0 0 0 {sizes.50} {colors.bg}","&[data-hovered='true'], &[data-focused='true']":{bg:"primary.2",outline:"none",zIndex:"1"},"&[data-focus-visible]":{focusRing:"outside"},"&[data-selected]":{bg:"primary.3"},"&[data-critical]":{color:"critical.11","&[data-hovered='true'], &[data-focused='true']":{bg:"critical.2"},"& [slot='label']":{fontWeight:"600",color:"critical.11"},"& [slot='icon']":{color:"critical.11"},"& [slot='description']":{color:"critical.11",fontWeight:"300"}},"& [slot='caretIcon']":{gridArea:"flyoutCaret",textAlign:"right",my:"auto",marginInlineStart:"400",boxSize:"500",color:"neutral.11"},"& [slot='label']":{gridArea:"label",fontWeight:"500"},"& [slot='description']":{gridArea:"description",color:"neutral.11"},"& [slot='keyboard']":{gridArea:"keyboard",color:"colorPalette.11",fontFamily:"mono",marginInlineStart:"400",my:"auto"},"& [slot='icon']":{gridArea:"icon",display:"flex",alignItems:"center",justifyContent:"center",marginInlineEnd:"300",my:"auto",flexShrink:0,color:"neutral.11",boxSize:"500"},"&[data-disabled]":{layerStyle:"disabled",pointerEvents:"none"}},section:{display:"flex",flexDirection:"column"},sectionLabel:{textStyle:"xs",fontWeight:"600",color:"neutral.11",px:"300",pt:"300",pb:"200",marginBottom:"100",textTransform:"uppercase",letterSpacing:"{spacing.25}"}}}),z=e.defineSlotRecipe({slots:["root","leadingElement","input","trailingElement"],className:"nimbus-text-input",base:{root:{display:"inline-flex",cursor:"text",borderRadius:"200",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",alignItems:"center",_focusWithin:{layerStyle:"focusRing"},_hover:{backgroundColor:"primary.2"},"&[data-invalid='true']":{"--border-color":"colors.critical.7","--border-width":"sizes.50",color:"critical.11"},_disabled:{bg:"neutral.3",layerStyle:"disabled"}},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11"},trailingElement:{display:"flex",alignItems:"center",color:"neutral.11"},input:{cursor:"inherit",display:"block",flexGrow:1,bg:"transparent",outline:"none",fontSize:"inherit",_placeholder:{opacity:.5,color:"currentColor"}}},variants:{size:{sm:{root:{height:"800",px:"300",gap:"100",textStyle:"sm"},leadingElement:{"& > svg":{boxSize:"400"}},trailingElement:{"& > svg":{boxSize:"400"}}},md:{root:{height:"1000",px:"400",gap:"200",textStyle:"md"},leadingElement:{"& > svg":{boxSize:"500"}},trailingElement:{"& > svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"primary.1"}},ghost:{}}},defaultVariants:{size:"md",variant:"solid"}}),be=t.defineSlotRecipe({slots:["root","buttonGroup","primaryButton","dropdownTrigger"],className:"nimbus-split-button",base:{root:{display:"inline-block",position:"relative"},buttonGroup:{display:"inline-flex",alignItems:"stretch",position:"relative",borderRadius:"200"},primaryButton:{"[data-mode='split'] &":{borderRightRadius:"0",borderRightWidth:"0"},"&:focus-visible":{zIndex:2}},dropdownTrigger:{borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftRadius:"0","&:focus-visible":{zIndex:2}}},variants:{variant:{solid:{dropdownTrigger:{borderLeftColor:"colorPalette.contrast"}},ghost:{dropdownTrigger:{borderLeftColor:"colorPalette.7"}},outline:{},subtle:{},link:{}}},defaultVariants:{variant:"solid"}}),fe=e.defineSlotRecipe({slots:["root","trigger","content"],className:"nimbus-collapsible-motion",base:{root:{},trigger:{cursor:"pointer"},content:{}}}),R=e.defineSlotRecipe({slots:["root","leadingElement","input"],className:"nimbus-search-input",base:{root:{display:"inline-flex",position:"relative",cursor:"text",borderRadius:"200",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",alignItems:"center",_focusWithin:{layerStyle:"focusRing"},_hover:{backgroundColor:"primary.2"},"&[data-invalid='true']":{"--border-color":"colors.critical.7","--border-width":"sizes.50",color:"critical.11"},_disabled:{bg:"neutral.3",layerStyle:"disabled"}},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11",pointerEvents:"none"},input:{cursor:"inherit",display:"block",flexGrow:1,bg:"transparent",outline:"none",fontSize:"inherit",_placeholder:{opacity:.5,color:"currentColor"},"&::-webkit-search-cancel-button":{display:"none"},"&::-webkit-search-decoration":{display:"none"}}},variants:{size:{sm:{root:{height:"800",px:"300",gap:"100",textStyle:"sm"},leadingElement:{"& > svg":{boxSize:"400"}}},md:{root:{height:"1000",px:"400",gap:"200",textStyle:"md"},leadingElement:{"& > svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"primary.1"}},ghost:{}}},defaultVariants:{size:"md",variant:"solid"}}),k=e.defineSlotRecipe({slots:["root","label","track","thumb"],className:"nimbus-switch",base:{root:{colorPalette:"primary",display:"inline-flex",gap:"200",alignItems:"center",verticalAlign:"top",cursor:"pointer",borderRadius:"full","&[data-disabled='true']":{layerStyle:"disabled",pointerEvents:"none"}},label:{flexShrink:0,userSelect:"none",color:"neutral.11",fontSize:"var(--switch-label-font-size)"},track:{colorPalette:"neutral",focusRing:"outside",position:"relative",display:"flex",alignItems:"center",flexShrink:0,width:"var(--switch-track-width)",height:"var(--switch-track-height)",borderRadius:"calc(var(--switch-track-height) / 2)",backgroundColor:"colorPalette.5",transition:"background-color 0.2s","&[data-selected='true']":{colorPalette:"primary",backgroundColor:"colorPalette.9"},"&:hover":{backgroundColor:"colorPalette.7","&[data-selected='true']":{backgroundColor:"colorPalette.10"}}},thumb:{position:"absolute",borderRadius:"full",border:"solid-50",borderColor:"primary.9",backgroundColor:"neutral.1",transition:"all 0.2s",boxSize:"var(--switch-thumb-size)","&[data-selected='false']":{left:"0"},"&[data-selected='true']":{left:"calc(100% - var(--switch-thumb-size))"}}},variants:{size:{sm:{track:{"--switch-track-height":"sizes.400","--switch-track-width":"sizes.700"},thumb:{"--switch-thumb-size":"sizes.400"},label:{"--switch-label-font-size":"fontSizes.350"}},md:{track:{"--switch-track-height":"sizes.600","--switch-track-width":"sizes.1100"},thumb:{"--switch-thumb-size":"sizes.600"},label:{"--switch-label-font-size":"fontSizes.400"}}}},defaultVariants:{size:"md"}}),he=e.defineSlotRecipe({className:"chakra-table",slots:["root","header","body","row","columnHeader","cell","footer","caption"],base:{root:{fontVariantNumeric:"lining-nums tabular-nums",borderCollapse:"collapse",width:"full",textAlign:"start",verticalAlign:"top"},row:{_selected:{bg:"colorPalette.subtle"}},cell:{textAlign:"start",alignItems:"center"},columnHeader:{fontWeight:"medium",textAlign:"start",color:"fg"},caption:{fontWeight:"medium",textStyle:"xs"},footer:{fontWeight:"medium"}},variants:{interactive:{true:{body:{"& tr":{_hover:{bg:"colorPalette.subtle"}}}}},stickyHeader:{true:{header:{"& :where(tr)":{top:"var(--table-sticky-offset, 0)",position:"sticky",zIndex:1}}}},striped:{true:{row:{"&:nth-of-type(odd) td":{bg:"bg.muted"}}}},showColumnBorder:{true:{columnHeader:{"&:not(:last-of-type)":{borderInlineEndWidth:"1px"}},cell:{"&:not(:last-of-type)":{borderInlineEndWidth:"1px"}}}},variant:{line:{columnHeader:{borderBottomWidth:"1px"},cell:{borderBottomWidth:"1px"},row:{bg:"bg"}},outline:{root:{boxShadow:"0 0 0 1px {colors.border}",overflow:"hidden"},columnHeader:{borderBottomWidth:"1px"},header:{bg:"bg.muted"},row:{"&:not(:last-of-type)":{borderBottomWidth:"1px"}},footer:{borderTopWidth:"1px"}}},size:{sm:{root:{textStyle:"sm"},columnHeader:{px:"200",py:"200"},cell:{px:"200",py:"200"}},md:{root:{textStyle:"sm"},columnHeader:{px:"300",py:"300"},cell:{px:"300",py:"300"}},lg:{root:{textStyle:"md"},columnHeader:{px:"400",py:"300"},cell:{px:"400",py:"300"}}}},defaultVariants:{variant:"line",size:"md"}}),xe=e.defineSlotRecipe({slots:["root","list","tab","panels","panel","trigger"],className:"nimbus-tabs",base:{root:{display:"flex",width:"100%"},list:{display:"flex",flexShrink:0},tab:{appearance:"none",background:"transparent",border:"none",color:"neutral.12",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",gap:"200",fontWeight:"500",padding:"300 400",transition:"all 150ms ease",paddingTop:"var(--tabs-padding-top)",paddingRight:"var(--tabs-padding-right)",paddingBottom:"var(--tabs-padding-bottom)",paddingLeft:"var(--tabs-padding-left)",fontSize:"var(--tabs-font-size)",overflowX:"auto",_hover:{color:"primary.11"},_selected:{color:"primary.9",borderColor:"primary.9"},_disabled:{layerStyle:"disabled"},_focusVisible:{layerStyle:"focusRing"}},panels:{flex:1,minWidth:0},panel:{_focusVisible:{layerStyle:"focusRing"}}},variants:{variant:{line:{},pills:{tab:{borderRadius:"full",_selected:{backgroundColor:"primary.3"}}}},orientation:{horizontal:{root:{flexDirection:"column"}},vertical:{root:{flexDirection:"row"},list:{flexDirection:"column"},tab:{justifyContent:"flex-start"}}},placement:{start:{},end:{}},size:{sm:{tab:{"--tabs-font-size":"fontSizes.300","--tabs-padding-top":"spacing.100","--tabs-padding-right":"spacing.300","--tabs-padding-bottom":"spacing.100","--tabs-padding-left":"spacing.300"}},md:{tab:{"--tabs-font-size":"fontSizes.350","--tabs-padding-top":"spacing.200","--tabs-padding-right":"spacing.400","--tabs-padding-bottom":"spacing.200","--tabs-padding-left":"spacing.400"}},lg:{tab:{"--tabs-font-size":"fontSizes.400","--tabs-padding-top":"spacing.300","--tabs-padding-right":"spacing.600","--tabs-padding-bottom":"spacing.300","--tabs-padding-left":"spacing.600"}}}},compoundVariants:[{variant:"line",orientation:"horizontal",css:{list:{boxShadow:"0 1px 0 0 {colors.neutral.6}"},tab:{boxShadow:"0 2px 0 0 transparent",_selected:{boxShadow:"0 2px 0 0 {colors.primary.9}"}}}},{variant:"line",orientation:"vertical",placement:"start",css:{list:{boxShadow:"-1px 0 0 0 {colors.neutral.6}"},tab:{boxShadow:"-2px 0 0 0 transparent",_selected:{boxShadow:"-2px 0 0 0 {colors.primary.9}"}}}},{variant:"line",orientation:"vertical",placement:"end",css:{list:{boxShadow:"1px 0 0 0 {colors.neutral.6}"},tab:{boxShadow:"2px 0 0 0 transparent",_selected:{boxShadow:"2px 0 0 0 {colors.primary.9}"}}}},{orientation:"horizontal",placement:"start",css:{list:{justifyContent:"flex-start"}}},{orientation:"horizontal",placement:"end",css:{list:{justifyContent:"flex-end"}}},{variant:"pills",orientation:"horizontal",css:{list:{gap:"200",boxShadow:"0 0 0 {sizes.25} {colors.neutral.6}",borderRadius:"full",padding:"100"}}},{variant:"pills",orientation:"vertical",css:{list:{gap:"200",boxShadow:"0 0 0 {sizes.25} {colors.neutral.6}",borderRadius:"400",padding:"100"}}}],defaultVariants:{variant:"line",orientation:"horizontal",placement:"start",size:"md"}}),ve=e.defineSlotRecipe({slots:["root","tagList","tag"],className:"nimbus-tag-group",base:{root:{display:"flex",flexDirection:"column",gapY:"50"},tagList:{display:"flex",flexWrap:"wrap",gap:"100"},tag:{colorPalette:"primary",display:"flex",alignItems:"center",justifyContent:"center",alignContent:"center",gap:"100",borderRadius:"200",background:"colorPalette.3",fontSize:"400",lineHeight:"500",focusVisibleRing:"outside","&[data-disabled='true'] &":{layerStyle:"disabled",pointerEvents:"none"},"&[data-selected='true']":{background:"colorPalette.9",color:"colorPalette.contrast",cursor:"button"},"&[aria-selected='true']":{cursor:"button"},"& [role='gridcell']":{display:"inline-flex !important",alignItems:"center",justifyContent:"space-between",gapX:"100",whiteSpace:"initial"}}},variants:{size:{sm:{tag:{minH:"600",paddingX:"200",fontSize:"350",lineHeight:"400"}},md:{tag:{minH:"800",paddingX:"200",paddingY:"100"}},lg:{tag:{minH:"1000",padding:"200"}}}},defaultVariants:{size:"lg"}}),I=e.defineSlotRecipe({className:"nimbus-time-input",slots:["root","leadingElement","trailingElement","segmentGroup","segment"],base:{root:{display:"inline-flex",borderRadius:"200",alignItems:"center",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_focusWithin:{layerStyle:"focusRing"},focusVisibleRing:"outside",focusRing:"outside","& input":{outline:"none"},"&[data-invalid='true']":{"--border-color":"colors.critical.7",color:"critical.11"},"&[data-disabled='true']":{layerStyle:"disabled",bg:"neutral.3"}},segmentGroup:{display:"flex",flex:"1 0 auto",borderRadius:"inherit",bg:"transparent",alignItems:"center"},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11"},trailingElement:{display:"flex",alignItems:"center",color:"neutral.11"},segment:{fontVariantNumeric:"tabular-nums",outline:"none",p:"50",borderRadius:"50","&:empty":{border:"1px solid"},"&[data-focused='true']":{bg:"primary.10",color:"primary.contrast"},"&[data-placeholder='true']:not([data-focused='true'])":{opacity:.5},"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type":{px:"0",ml:"-50"},"&[data-type='minute']":{},"&[data-type='hour']":{},"&[data-type='dayPeriod']":{},"&[data-type='timeZoneName']":{}}},variants:{size:{sm:{root:{h:800,gap:100,px:300},segment:{textStyle:"sm"},leadingElement:{"& svg":{boxSize:"400"}},trailingElement:{"& svg":{boxSize:"400"}}},md:{root:{h:1e3,gap:200,px:400},segment:{textStyle:"md"},leadingElement:{"& svg":{boxSize:"500"}},trailingElement:{"& svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}}},ghost:{root:{_hover:{backgroundColor:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}}),ye={accordion:K,alert:Q,calendar:ee,rangeCalendar:y,dateInput:g,dateRangePicker:b,datePicker:m,dataTable:oe,radioInput:d,combobox:u,progressBar:ge,menu:me,textInput:z,splitButton:be,drawer:f,tabs:xe,localizedField:pe,card:te,checkbox:n,collapsibleMotion:fe,dialog:ie,fieldErrors:ae,formField:ne,list:se,moneyInput:h,multilineTextInput:x,numberInput:v,richTextInput:w,scopedSearchInput:S,draggableList:ue,searchInput:R,select:a,switch:k,table:he,taggroup:ve,timeInput:I,toggleButtonGroup:s.buttonGroupRecipe},we=t.defineTextStyles(o.themeTokens.textStyle),Se=t.defineTokens.durations(o.themeTokens.aspectRatio),ze=t.defineTokens.animations(o.themeTokens.animation),Re=t.defineTokens.blurs(o.themeTokens.blur),ke=t.defineTokens.borders(o.themeTokens.border),Ie=t.defineTokens.colors({...o.themeTokens.color["blacks-and-whites"]}),Ce=t.defineTokens.durations(o.themeTokens.duration),Pe=t.defineTokens.easings(o.themeTokens.easing),Te=t.defineTokens.fonts(o.themeTokens.fontFamily),We=t.defineTokens.fontSizes(o.themeTokens.fontSize),_e=t.defineTokens.fontWeights(o.themeTokens.fontWeight),He=r=>Object.keys(r).reduce((l,i)=>{const C=parseFloat(r[i].value)/100;return l[i]={value:`${C}em`},l},{}),Ne=t.defineTokens.letterSpacings(He(o.themeTokens.letterSpacing)),Be=t.defineTokens.lineHeights(o.themeTokens.lineHeight),Ee=t.defineTokens.radii(o.themeTokens.borderRadius),De=t.defineTokens.spacing(o.themeTokens.spacing),Ae=t.defineTokens.sizes({...o.themeTokens.size,"1/2":{value:"50%"},"1/3":{value:"33.333333%"},"2/3":{value:"66.666667%"},"1/4":{value:"25%"},"3/4":{value:"75%"},"1/5":{value:"20%"},"2/5":{value:"40%"},"3/5":{value:"60%"},"4/5":{value:"80%"},"1/6":{value:"16.666667%"},"2/6":{value:"33.333333%"},"3/6":{value:"50%"},"4/6":{value:"66.666667%"},"5/6":{value:"83.333333%"},"1/12":{value:"8.333333%"},"2/12":{value:"16.666667%"},"3/12":{value:"25%"},"4/12":{value:"33.333333%"},"5/12":{value:"41.666667%"},"6/12":{value:"50%"},"7/12":{value:"58.333333%"},"8/12":{value:"66.666667%"},"9/12":{value:"75%"},"10/12":{value:"83.333333%"},"11/12":{value:"91.666667%"},max:{value:"max-content"},min:{value:"min-content"},fit:{value:"fit-content"},prose:{value:"60ch"},full:{value:"100%"},dvh:{value:"100dvh"},svh:{value:"100svh"},lvh:{value:"100lvh"},dvw:{value:"100dvw"},svw:{value:"100svw"},lvw:{value:"100lvw"},vw:{value:"100vw"},vh:{value:"100vh"}}),Ve=t.defineTokens.zIndex(o.themeTokens.zIndex),Le=t.defineTokens.cursor(o.themeTokens.cursor),Fe={aspectRatios:Se,animations:ze,blurs:Re,borders:ke,colors:Ie,durations:Ce,easings:Pe,fonts:Te,fontSizes:We,fontWeights:_e,letterSpacings:Ne,lineHeights:Be,radii:Ee,spacing:De,sizes:Ae,zIndex:Ve,cursor:Le},je=t.defineConfig({preflight:!0,cssVarsPrefix:"nimbus",cssVarsRoot:":where(:root, :host)",globalCss:E,conditions:B,theme:{breakpoints:N,keyframes:D,tokens:Fe,semanticTokens:J,recipes:U,slotRecipes:ye,textStyles:we,layerStyles:A,animationStyles:_}}),Ge=t.createSystem(t.defaultBaseConfig,je);exports.comboBoxSlotRecipe=u;exports.dateInputSlotRecipe=g;exports.datePickerSlotRecipe=m;exports.dateRangePickerSlotRecipe=b;exports.drawerSlotRecipe=f;exports.moneyInputRecipe=h;exports.multilineTextInputRecipe=x;exports.numberInputRecipe=v;exports.radioInputSlotRecipe=d;exports.rangeCalendarSlotRecipe=y;exports.richTextInputRecipe=w;exports.scopedSearchInputSlotRecipe=S;exports.searchInputSlotRecipe=R;exports.selectSlotRecipe=a;exports.separatorRecipe=c;exports.switchSlotRecipe=k;exports.system=Ge;exports.textInputSlotRecipe=z;exports.timeInputRecipe=I;exports.toolbarRecipe=p;
-//# sourceMappingURL=index-CQgD7Eq4.cjs.js.map
+        'icon description keyboard flyoutCaret'`,flexDirection:"column",alignItems:"start",px:"300",py:"200",borderRadius:"200",cursor:"pointer",userSelect:"none",color:"fg",fontSize:"400",lineHeight:"500",position:"relative",textStyle:"sm",outline:0,boxShadow:"inset 0 0 0 {sizes.50} {colors.bg}","&[data-hovered='true'], &[data-focused='true']":{bg:"primary.2",outline:"none",zIndex:"1"},"&[data-focus-visible]":{focusRing:"outside"},"&[data-selected]":{bg:"primary.3"},"&[data-critical]":{color:"critical.11","&[data-hovered='true'], &[data-focused='true']":{bg:"critical.2"},"& [slot='label']":{fontWeight:"600",color:"critical.11"},"& [slot='icon']":{color:"critical.11"},"& [slot='description']":{color:"critical.11",fontWeight:"300"}},"& [slot='caretIcon']":{gridArea:"flyoutCaret",textAlign:"right",my:"auto",marginInlineStart:"400",boxSize:"500",color:"neutral.11"},"& [slot='label']":{gridArea:"label",fontWeight:"500"},"& [slot='description']":{gridArea:"description",color:"neutral.11"},"& [slot='keyboard']":{gridArea:"keyboard",color:"colorPalette.11",fontFamily:"mono",marginInlineStart:"400",my:"auto"},"& [slot='icon']":{gridArea:"icon",display:"flex",alignItems:"center",justifyContent:"center",marginInlineEnd:"300",my:"auto",flexShrink:0,color:"neutral.11",boxSize:"500"},"&[data-disabled]":{layerStyle:"disabled",pointerEvents:"none"}},section:{display:"flex",flexDirection:"column"},sectionLabel:{textStyle:"xs",fontWeight:"600",color:"neutral.11",px:"300",pt:"300",pb:"200",marginBottom:"100",textTransform:"uppercase",letterSpacing:"{spacing.25}"}}}),z=e.defineSlotRecipe({slots:["root","leadingElement","input","trailingElement"],className:"nimbus-text-input",base:{root:{display:"inline-flex",cursor:"text",borderRadius:"200",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",alignItems:"center",_focusWithin:{layerStyle:"focusRing"},_hover:{backgroundColor:"primary.2"},"&[data-invalid='true']":{"--border-color":"colors.critical.7","--border-width":"sizes.50",color:"critical.11"},_disabled:{bg:"neutral.3",layerStyle:"disabled"}},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11"},trailingElement:{display:"flex",alignItems:"center",color:"neutral.11"},input:{cursor:"inherit",display:"block",flexGrow:1,bg:"transparent",outline:"none",fontSize:"inherit",_placeholder:{opacity:.5,color:"currentColor"}}},variants:{size:{sm:{root:{height:"800",px:"300",gap:"100",textStyle:"sm"},leadingElement:{"& > svg":{boxSize:"400"}},trailingElement:{"& > svg":{boxSize:"400"}}},md:{root:{height:"1000",px:"400",gap:"200",textStyle:"md"},leadingElement:{"& > svg":{boxSize:"500"}},trailingElement:{"& > svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"primary.1"}},ghost:{}}},defaultVariants:{size:"md",variant:"solid"}}),be=t.defineSlotRecipe({slots:["root","buttonGroup","primaryButton","dropdownTrigger"],className:"nimbus-split-button",base:{root:{display:"inline-block",position:"relative"},buttonGroup:{display:"inline-flex",alignItems:"stretch",position:"relative",borderRadius:"200"},primaryButton:{"[data-mode='split'] &":{borderRightRadius:"0",borderRightWidth:"0"},"&:focus-visible":{zIndex:2}},dropdownTrigger:{borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftRadius:"0","&:focus-visible":{zIndex:2}}},variants:{variant:{solid:{dropdownTrigger:{borderLeftColor:"colorPalette.contrast"}},ghost:{dropdownTrigger:{borderLeftColor:"colorPalette.7"}},outline:{},subtle:{},link:{}}},defaultVariants:{variant:"solid"}}),fe=e.defineSlotRecipe({slots:["root","trigger","content"],className:"nimbus-collapsible-motion",base:{root:{},trigger:{cursor:"pointer"},content:{}}}),R=e.defineSlotRecipe({slots:["root","leadingElement","input"],className:"nimbus-search-input",base:{root:{display:"inline-flex",position:"relative",cursor:"text",borderRadius:"200",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",alignItems:"center",_focusWithin:{layerStyle:"focusRing"},_hover:{backgroundColor:"primary.2"},"&[data-invalid='true']":{"--border-color":"colors.critical.7","--border-width":"sizes.50",color:"critical.11"},_disabled:{bg:"neutral.3",layerStyle:"disabled"}},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11",pointerEvents:"none"},input:{cursor:"inherit",display:"block",flexGrow:1,bg:"transparent",outline:"none",fontSize:"inherit",_placeholder:{opacity:.5,color:"currentColor"},"&::-webkit-search-cancel-button":{display:"none"},"&::-webkit-search-decoration":{display:"none"}}},variants:{size:{sm:{root:{height:"800",px:"300",gap:"100",textStyle:"sm"},leadingElement:{"& > svg":{boxSize:"400"}}},md:{root:{height:"1000",px:"400",gap:"200",textStyle:"md"},leadingElement:{"& > svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"primary.1"}},ghost:{}}},defaultVariants:{size:"md",variant:"solid"}}),k=e.defineSlotRecipe({slots:["root","label","track","thumb"],className:"nimbus-switch",base:{root:{colorPalette:"primary",display:"inline-flex",gap:"200",alignItems:"center",verticalAlign:"top",cursor:"pointer",borderRadius:"full","&[data-disabled='true']":{layerStyle:"disabled",pointerEvents:"none"}},label:{flexShrink:0,userSelect:"none",color:"neutral.11",fontSize:"var(--switch-label-font-size)"},track:{colorPalette:"neutral",focusRing:"outside",position:"relative",display:"flex",alignItems:"center",flexShrink:0,width:"var(--switch-track-width)",height:"var(--switch-track-height)",borderRadius:"calc(var(--switch-track-height) / 2)",backgroundColor:"colorPalette.5",transition:"background-color 0.2s","&[data-selected='true']":{colorPalette:"primary",backgroundColor:"colorPalette.9"},"&:hover":{backgroundColor:"colorPalette.7","&[data-selected='true']":{backgroundColor:"colorPalette.10"}}},thumb:{position:"absolute",borderRadius:"full",border:"solid-50",borderColor:"primary.9",backgroundColor:"neutral.1",transition:"all 0.2s",boxSize:"var(--switch-thumb-size)","&[data-selected='false']":{left:"0"},"&[data-selected='true']":{left:"calc(100% - var(--switch-thumb-size))"}}},variants:{size:{sm:{track:{"--switch-track-height":"sizes.400","--switch-track-width":"sizes.700"},thumb:{"--switch-thumb-size":"sizes.400"},label:{"--switch-label-font-size":"fontSizes.350"}},md:{track:{"--switch-track-height":"sizes.600","--switch-track-width":"sizes.1100"},thumb:{"--switch-thumb-size":"sizes.600"},label:{"--switch-label-font-size":"fontSizes.400"}}}},defaultVariants:{size:"md"}}),he=e.defineSlotRecipe({className:"chakra-table",slots:["root","header","body","row","columnHeader","cell","footer","caption"],base:{root:{fontVariantNumeric:"lining-nums tabular-nums",borderCollapse:"collapse",width:"full",textAlign:"start",verticalAlign:"top"},row:{_selected:{bg:"colorPalette.subtle"}},cell:{textAlign:"start",alignItems:"center"},columnHeader:{fontWeight:"medium",textAlign:"start",color:"fg"},caption:{fontWeight:"medium",textStyle:"xs"},footer:{fontWeight:"medium"}},variants:{interactive:{true:{body:{"& tr":{_hover:{bg:"colorPalette.subtle"}}}}},stickyHeader:{true:{header:{"& :where(tr)":{top:"var(--table-sticky-offset, 0)",position:"sticky",zIndex:1}}}},striped:{true:{row:{"&:nth-of-type(odd) td":{bg:"bg.muted"}}}},showColumnBorder:{true:{columnHeader:{"&:not(:last-of-type)":{borderInlineEndWidth:"1px"}},cell:{"&:not(:last-of-type)":{borderInlineEndWidth:"1px"}}}},variant:{line:{columnHeader:{borderBottomWidth:"1px"},cell:{borderBottomWidth:"1px"},row:{bg:"bg"}},outline:{root:{boxShadow:"0 0 0 1px {colors.border}",overflow:"hidden"},columnHeader:{borderBottomWidth:"1px"},header:{bg:"bg.muted"},row:{"&:not(:last-of-type)":{borderBottomWidth:"1px"}},footer:{borderTopWidth:"1px"}}},size:{sm:{root:{textStyle:"sm"},columnHeader:{px:"200",py:"200"},cell:{px:"200",py:"200"}},md:{root:{textStyle:"sm"},columnHeader:{px:"300",py:"300"},cell:{px:"300",py:"300"}},lg:{root:{textStyle:"md"},columnHeader:{px:"400",py:"300"},cell:{px:"400",py:"300"}}}},defaultVariants:{variant:"line",size:"md"}}),xe=e.defineSlotRecipe({slots:["root","list","tab","panels","panel","trigger"],className:"nimbus-tabs",base:{root:{display:"flex",width:"100%"},list:{display:"flex",flexShrink:0},tab:{appearance:"none",background:"transparent",border:"none",color:"neutral.12",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",gap:"200",fontWeight:"500",padding:"300 400",transition:"all 150ms ease",paddingTop:"var(--tabs-padding-top)",paddingRight:"var(--tabs-padding-right)",paddingBottom:"var(--tabs-padding-bottom)",paddingLeft:"var(--tabs-padding-left)",fontSize:"var(--tabs-font-size)",overflowX:"auto",_hover:{color:"primary.11"},_selected:{color:"primary.9",borderColor:"primary.9"},_disabled:{layerStyle:"disabled"},_focusVisible:{layerStyle:"focusRing"}},panels:{flex:1,minWidth:0},panel:{_focusVisible:{layerStyle:"focusRing"}}},variants:{variant:{line:{},pills:{tab:{borderRadius:"full",_selected:{backgroundColor:"primary.3"}}}},orientation:{horizontal:{root:{flexDirection:"column"}},vertical:{root:{flexDirection:"row"},list:{flexDirection:"column"},tab:{justifyContent:"flex-start"}}},placement:{start:{},end:{}},size:{sm:{tab:{"--tabs-font-size":"fontSizes.300","--tabs-padding-top":"spacing.100","--tabs-padding-right":"spacing.300","--tabs-padding-bottom":"spacing.100","--tabs-padding-left":"spacing.300"}},md:{tab:{"--tabs-font-size":"fontSizes.350","--tabs-padding-top":"spacing.200","--tabs-padding-right":"spacing.400","--tabs-padding-bottom":"spacing.200","--tabs-padding-left":"spacing.400"}},lg:{tab:{"--tabs-font-size":"fontSizes.400","--tabs-padding-top":"spacing.300","--tabs-padding-right":"spacing.600","--tabs-padding-bottom":"spacing.300","--tabs-padding-left":"spacing.600"}}}},compoundVariants:[{variant:"line",orientation:"horizontal",css:{list:{boxShadow:"0 1px 0 0 {colors.neutral.6}"},tab:{boxShadow:"0 2px 0 0 transparent",_selected:{boxShadow:"0 2px 0 0 {colors.primary.9}"}}}},{variant:"line",orientation:"vertical",placement:"start",css:{list:{boxShadow:"1px 0 0 0 {colors.neutral.6}"},tab:{boxShadow:"2px 0 0 0 transparent",_selected:{boxShadow:"2px 0 0 0 {colors.primary.9}"}}}},{variant:"line",orientation:"vertical",placement:"end",css:{list:{boxShadow:"-1px 0 0 0 {colors.neutral.6}"},tab:{boxShadow:"-2px 0 0 0 transparent",_selected:{boxShadow:"-2px 0 0 0 {colors.primary.9}"}}}},{orientation:"vertical",placement:"end",css:{root:{flexDirection:"row-reverse"}}},{orientation:"horizontal",placement:"start",css:{list:{justifyContent:"flex-start"}}},{orientation:"horizontal",placement:"end",css:{list:{justifyContent:"flex-end"}}},{variant:"pills",orientation:"horizontal",css:{list:{gap:"200",boxShadow:"0 0 0 {sizes.25} {colors.neutral.6}",borderRadius:"full",padding:"100"}}},{variant:"pills",orientation:"vertical",css:{list:{gap:"200",boxShadow:"0 0 0 {sizes.25} {colors.neutral.6}",borderRadius:"400",padding:"100"}}}],defaultVariants:{variant:"line",orientation:"horizontal",placement:"start",size:"md"}}),ve=e.defineSlotRecipe({slots:["root","tagList","tag"],className:"nimbus-tag-group",base:{root:{display:"flex",flexDirection:"column",gapY:"50"},tagList:{display:"flex",flexWrap:"wrap",gap:"100"},tag:{colorPalette:"primary",display:"flex",alignItems:"center",justifyContent:"center",alignContent:"center",gap:"100",borderRadius:"200",background:"colorPalette.3",fontSize:"400",lineHeight:"500",focusVisibleRing:"outside","&[data-disabled='true'] &":{layerStyle:"disabled",pointerEvents:"none"},"&[data-selected='true']":{background:"colorPalette.9",color:"colorPalette.contrast",cursor:"button"},"&[aria-selected='true']":{cursor:"button"},"& [role='gridcell']":{display:"inline-flex !important",alignItems:"center",justifyContent:"space-between",gapX:"100",whiteSpace:"initial"}}},variants:{size:{sm:{tag:{minH:"600",paddingX:"200",fontSize:"350",lineHeight:"400"}},md:{tag:{minH:"800",paddingX:"200",paddingY:"100"}},lg:{tag:{minH:"1000",padding:"200"}}}},defaultVariants:{size:"lg"}}),I=e.defineSlotRecipe({className:"nimbus-time-input",slots:["root","leadingElement","trailingElement","segmentGroup","segment"],base:{root:{display:"inline-flex",borderRadius:"200",alignItems:"center",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_focusWithin:{layerStyle:"focusRing"},focusVisibleRing:"outside",focusRing:"outside","& input":{outline:"none"},"&[data-invalid='true']":{"--border-color":"colors.critical.7",color:"critical.11"},"&[data-disabled='true']":{layerStyle:"disabled",bg:"neutral.3"}},segmentGroup:{display:"flex",flex:"1 0 auto",borderRadius:"inherit",bg:"transparent",alignItems:"center"},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11"},trailingElement:{display:"flex",alignItems:"center",color:"neutral.11"},segment:{fontVariantNumeric:"tabular-nums",outline:"none",p:"50",borderRadius:"50","&:empty":{border:"1px solid"},"&[data-focused='true']":{bg:"primary.10",color:"primary.contrast"},"&[data-placeholder='true']:not([data-focused='true'])":{opacity:.5},"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type":{px:"0",ml:"-50"},"&[data-type='minute']":{},"&[data-type='hour']":{},"&[data-type='dayPeriod']":{},"&[data-type='timeZoneName']":{}}},variants:{size:{sm:{root:{h:800,gap:100,px:300},segment:{textStyle:"sm"},leadingElement:{"& svg":{boxSize:"400"}},trailingElement:{"& svg":{boxSize:"400"}}},md:{root:{h:1e3,gap:200,px:400},segment:{textStyle:"md"},leadingElement:{"& svg":{boxSize:"500"}},trailingElement:{"& svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}}},ghost:{root:{_hover:{backgroundColor:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}}),ye={accordion:K,alert:Q,calendar:ee,rangeCalendar:y,dateInput:g,dateRangePicker:b,datePicker:m,dataTable:oe,radioInput:d,combobox:u,progressBar:ge,menu:me,textInput:z,splitButton:be,drawer:f,tabs:xe,localizedField:pe,card:te,checkbox:n,collapsibleMotion:fe,dialog:ie,fieldErrors:ae,formField:ne,list:se,moneyInput:h,multilineTextInput:x,numberInput:v,richTextInput:w,scopedSearchInput:S,draggableList:ue,searchInput:R,select:a,switch:k,table:he,taggroup:ve,timeInput:I,toggleButtonGroup:s.buttonGroupRecipe},we=t.defineTextStyles(o.themeTokens.textStyle),Se=t.defineTokens.durations(o.themeTokens.aspectRatio),ze=t.defineTokens.animations(o.themeTokens.animation),Re=t.defineTokens.blurs(o.themeTokens.blur),ke=t.defineTokens.borders(o.themeTokens.border),Ie=t.defineTokens.colors({...o.themeTokens.color["blacks-and-whites"]}),Ce=t.defineTokens.durations(o.themeTokens.duration),Pe=t.defineTokens.easings(o.themeTokens.easing),Te=t.defineTokens.fonts(o.themeTokens.fontFamily),We=t.defineTokens.fontSizes(o.themeTokens.fontSize),_e=t.defineTokens.fontWeights(o.themeTokens.fontWeight),He=r=>Object.keys(r).reduce((l,i)=>{const C=parseFloat(r[i].value)/100;return l[i]={value:`${C}em`},l},{}),Ne=t.defineTokens.letterSpacings(He(o.themeTokens.letterSpacing)),Be=t.defineTokens.lineHeights(o.themeTokens.lineHeight),Ee=t.defineTokens.radii(o.themeTokens.borderRadius),De=t.defineTokens.spacing(o.themeTokens.spacing),Ae=t.defineTokens.sizes({...o.themeTokens.size,"1/2":{value:"50%"},"1/3":{value:"33.333333%"},"2/3":{value:"66.666667%"},"1/4":{value:"25%"},"3/4":{value:"75%"},"1/5":{value:"20%"},"2/5":{value:"40%"},"3/5":{value:"60%"},"4/5":{value:"80%"},"1/6":{value:"16.666667%"},"2/6":{value:"33.333333%"},"3/6":{value:"50%"},"4/6":{value:"66.666667%"},"5/6":{value:"83.333333%"},"1/12":{value:"8.333333%"},"2/12":{value:"16.666667%"},"3/12":{value:"25%"},"4/12":{value:"33.333333%"},"5/12":{value:"41.666667%"},"6/12":{value:"50%"},"7/12":{value:"58.333333%"},"8/12":{value:"66.666667%"},"9/12":{value:"75%"},"10/12":{value:"83.333333%"},"11/12":{value:"91.666667%"},max:{value:"max-content"},min:{value:"min-content"},fit:{value:"fit-content"},prose:{value:"60ch"},full:{value:"100%"},dvh:{value:"100dvh"},svh:{value:"100svh"},lvh:{value:"100lvh"},dvw:{value:"100dvw"},svw:{value:"100svw"},lvw:{value:"100lvw"},vw:{value:"100vw"},vh:{value:"100vh"}}),Ve=t.defineTokens.zIndex(o.themeTokens.zIndex),Le=t.defineTokens.cursor(o.themeTokens.cursor),Fe={aspectRatios:Se,animations:ze,blurs:Re,borders:ke,colors:Ie,durations:Ce,easings:Pe,fonts:Te,fontSizes:We,fontWeights:_e,letterSpacings:Ne,lineHeights:Be,radii:Ee,spacing:De,sizes:Ae,zIndex:Ve,cursor:Le},je=t.defineConfig({preflight:!0,cssVarsPrefix:"nimbus",cssVarsRoot:":where(:root, :host)",globalCss:E,conditions:B,theme:{breakpoints:N,keyframes:D,tokens:Fe,semanticTokens:J,recipes:U,slotRecipes:ye,textStyles:we,layerStyles:A,animationStyles:_}}),Ge=t.createSystem(t.defaultBaseConfig,je);exports.comboBoxSlotRecipe=u;exports.dateInputSlotRecipe=g;exports.datePickerSlotRecipe=m;exports.dateRangePickerSlotRecipe=b;exports.drawerSlotRecipe=f;exports.moneyInputRecipe=h;exports.multilineTextInputRecipe=x;exports.numberInputRecipe=v;exports.radioInputSlotRecipe=d;exports.rangeCalendarSlotRecipe=y;exports.richTextInputRecipe=w;exports.scopedSearchInputSlotRecipe=S;exports.searchInputSlotRecipe=R;exports.selectSlotRecipe=a;exports.separatorRecipe=c;exports.switchSlotRecipe=k;exports.system=Ge;exports.textInputSlotRecipe=z;exports.timeInputRecipe=I;exports.toolbarRecipe=p;
+//# sourceMappingURL=index-BNOrhWlg.cjs.js.map