@commercetools/nimbus 0.0.1 → 0.0.3-alpha.2

package/dist/index.d.ts

@@ -0,0 +1,1412 @@
+import { AccordionItemProps as AccordionItemProps_2 } from './accordion.types';
+import { AlertActionsProps as AlertActionsProps_2 } from './alert.types';
+import { AlertDescriptionProps as AlertDescriptionProps_2 } from './alert.types';
+import { AlertDismissButtonProps as AlertDismissButtonProps_2 } from './alert.types';
+import { AlertRootComponent as AlertRootComponent_2 } from './alert.types';
+import { AlertTitleProps as AlertTitleProps_2 } from './alert.types';
+import { AriaButtonProps } from 'react-aria';
+import { AriaCheckboxProps } from 'react-aria';
+import { AriaLinkOptions } from 'react-aria';
+import { AriaToggleButtonGroupProps } from 'react-aria';
+import { AriaToggleButtonProps } from 'react-aria';
+import { Bleed } from '@chakra-ui/react';
+import { CardContentProps } from './card.slots';
+import { CardHeaderProps } from './card.slots';
+import { CardProps as CardProps_2 } from './card.types';
+import { Code } from '@chakra-ui/react';
+import { ConditionalValue } from '@chakra-ui/react';
+import { Context } from 'react';
+import { DetailedHTMLProps } from 'react';
+import { Dialog } from '@chakra-ui/react';
+import { DisclosureGroupProps as DisclosureGroupProps_2 } from './accordion.types';
+import { DisclosureProps } from 'react-aria-components';
+import { Dispatch } from 'react';
+import { Em } from '@chakra-ui/react';
+import { FC } from 'react';
+import { Flex } from '@chakra-ui/react';
+import { FocusableOptions } from 'react-aria';
+import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
+import { ForwardRefExoticComponent } from 'react';
+import { GridItemProps } from '@chakra-ui/react';
+import { GridProps as GridProps_2 } from '@chakra-ui/react';
+import { Heading } from '@chakra-ui/react';
+import { Highlight as Highlight_2 } from '@chakra-ui/react';
+import { HTMLAttributes } from 'react';
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JsxStyleProps } from '@chakra-ui/react';
+import { Kbd } from '@chakra-ui/react';
+import { List } from '@chakra-ui/react';
+import { ListBoxItemProps } from 'react-aria-components';
+import { ListBoxProps } from 'react-aria-components';
+import { ListBoxSectionProps } from 'react-aria-components';
+import { LoadingSpinnerRootProps } from './loading-spinner.slots';
+import { PatchHtmlProps } from '@chakra-ui/react';
+import { PolymorphicProps } from '@chakra-ui/react';
+import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+import { RecipeDefinition } from '@chakra-ui/react';
+import { RecipeProps } from '@chakra-ui/react';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { RecipeVariantRecord } from '@chakra-ui/react';
+import { RefAttributes } from 'react';
+import { RefObject } from 'react';
+import { SelectOptionGroupProps as SelectOptionGroupProps_2 } from './select.types';
+import { SelectOptionProps as SelectOptionProps_2 } from './select.types';
+import { SelectOptionsProps as SelectOptionsProps_2 } from './select.types';
+import { SelectProps } from 'react-aria-components';
+import { SelectRootProps as SelectRootProps_2 } from './select.types';
+import { SetStateAction } from 'react';
+import { SimpleGridProps as SimpleGridProps_2 } from '@chakra-ui/react';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
+import { StackProps as StackProps_2 } from '@chakra-ui/react';
+import { SystemContext } from '@chakra-ui/react';
+import { Table } from '@chakra-ui/react';
+import { TextFieldProps } from 'react-aria-components';
+import { TextProps as TextProps_2 } from '@chakra-ui/react';
+import { ThemeProviderProps } from 'next-themes';
+import { ToggleButton } from 'react-aria-components';
+import { ToggleButtonGroup as ToggleButtonGroup_2 } from 'react-aria-components';
+import { ToggleButtonGroupButtonComponent as ToggleButtonGroupButtonComponent_2 } from './toggle-button-group.types';
+import { ToggleButtonGroupRootComponent as ToggleButtonGroupRootComponent_2 } from './toggle-button-group.types';
+import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
+import { TooltipTrigger as TooltipTrigger_2 } from 'react-aria-components';
+import { TooltipTriggerComponentProps } from 'react-aria-components';
+import { UnstyledProp } from '@chakra-ui/react';
+import { useButton } from 'react-aria';
+import { useCopyToClipboard } from 'react-use';
+import { useDisclosure } from 'react-aria';
+import { useDisclosureState } from 'react-stately';
+import { useHotkeys } from 'react-hotkeys-hook';
+import { VisuallyHiddenProps as VisuallyHiddenProps_2 } from 'react-aria';
+
+export declare const Accordion: {
+    Root: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLDivElement>>;
+    Item: ForwardRefExoticComponent<AccordionItemProps_2 & {
+    children: ReactNode;
+    id?: string;
+    value?: string;
+    isDisabled?: boolean;
+    isExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    } & RefAttributes<HTMLDivElement>>;
+    Header: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLButtonElement>>;
+    Content: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLDivElement>>;
+    HeaderRightContent: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "azimuth" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "initialLetterAlign" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
+};
+
+export declare type AccordionComposition = {
+    state: ReturnType<typeof useDisclosureState>;
+    buttonProps: ReturnType<typeof useButton>["buttonProps"];
+    panelProps: ReturnType<typeof useDisclosure>["panelProps"];
+    triggerRef: RefObject<HTMLButtonElement>;
+    panelRef: RefObject<HTMLDivElement>;
+    isFocusVisible: boolean;
+};
+
+export declare type AccordionItemProps = {
+    isDisabled?: boolean;
+    isExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    id?: string;
+    children: ReactNode;
+    title?: string;
+};
+
+export declare interface AccordionProps extends Omit<DisclosureProps, "children" | "id"> {
+    additionalTriggerComponent?: ReactNode;
+    children: ReactNode;
+    recipe?: string;
+    size?: "sm" | "md";
+}
+
+export declare type AccordionRootProps = HTMLChakraProps<"div", RecipeVariantProps<typeof accordionSlotRecipe>>;
+
+/**
+ * Recipe configuration for the Accordion component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const accordionSlotRecipe: SlotRecipeDefinition<"root" | "trigger" | "disclosure" | "panel" | "accordionTitle" | "headerContentRight", {
+size: {
+md: {
+trigger: {
+"--font-size": "fontSizes.500";
+"& svg": {
+"--width": "sizes.600";
+"--height": "sizes.600";
+};
+};
+panel: {
+"--padding-top": "spacing.600";
+"--padding-bottom": "spacing.800";
+"--padding-left": "spacing.800";
+};
+};
+sm: {
+trigger: {
+"--font-size": "fontSizes.400";
+"& svg": {
+"--width": "sizes.500";
+"--height": "sizes.500";
+};
+};
+panel: {
+"--padding-top": "spacing.400";
+"--padding-bottom": "spacing.600";
+"--padding-left": "spacing.700";
+};
+};
+};
+}>;
+
+/**
+ * Alert
+ * ============================================================
+ * Provides feedback to the user about the status of an action or system event
+ */
+export declare const Alert: {
+    Root: AlertRootComponent_2;
+    Title: {
+        ({ children, ...props }: AlertTitleProps_2): null;
+        displayName: string;
+    };
+    Description: {
+        ({ children, ...props }: AlertDescriptionProps_2): null;
+        displayName: string;
+    };
+    Actions: {
+        ({ children, ...props }: AlertActionsProps_2): null;
+        displayName: string;
+    };
+    DismissButton: {
+        ({ children, ...props }: AlertDismissButtonProps_2): null;
+        displayName: string;
+    };
+};
+
+/** Base Chakra styling props for the `actions` slot (`div`). */
+export declare type AlertActionsProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+/** Props for the `Alert.Description` sub-component (inherits from Text). */
+export declare type AlertDescriptionProps = TextProps;
+
+/** Props for the `Alert.DismissButton` sub-component (inherits from Button). */
+export declare type AlertDismissButtonProps = ButtonProps;
+
+/** Base Chakra styling props for the `icon` slot (`div`). */
+export declare type AlertIconProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+/** Final external props for the `<Alert>` component (variants + children + data-* attrs). */
+export declare type AlertProps = PropsWithChildren<AlertVariantProps> & {
+    [key: `data-${string}`]: unknown;
+};
+
+/**
+ * Recipe configuration for the Alert component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const alertRecipe: SlotRecipeDefinition<"title" | "description" | "icon" | "root" | "actions" | "dismissButton", {
+tone: {
+critical: {
+root: {
+colorPalette: "error";
+};
+};
+info: {
+root: {
+colorPalette: "info";
+};
+};
+warning: {
+root: {
+colorPalette: "amber";
+};
+};
+positive: {
+root: {
+colorPalette: "success";
+};
+};
+};
+variant: {
+flat: {};
+outlined: {
+root: {
+border: "solid-25";
+borderColor: "colorPalette.5";
+backgroundColor: "colorPalette.2";
+padding: "200";
+borderRadius: "200";
+};
+};
+};
+}>;
+
+/** Type signature for the main `Alert` component (using `forwardRef`). */
+export declare type AlertRootComponent = ForwardRefExoticComponent<AlertProps & RefAttributes<HTMLDivElement>>;
+
+/** Base Chakra styling props for the root `div` slot. */
+export declare type AlertRootProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+/** Props for the `Alert.Title` sub-component (inherits from Text). */
+export declare type AlertTitleProps = TextProps;
+
+/** Combined root props including Chakra styles and recipe variants. */
+declare type AlertVariantProps = AlertRootProps & RecipeVariantProps<typeof alertRecipe>;
+
+export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElement>, RecipeVariantProps<typeof avatarRecipe> {
+    /**
+     * The first name used to show initials
+     */
+    firstName: string;
+    /**
+     * The last name used to show initials
+     */
+    lastName: string;
+    /**
+     * The image URL
+     */
+    src?: string;
+    /**
+     * Alt text for the avatar image
+     */
+    alt?: string;
+    /**
+     * If the avatar is disabled
+     */
+    isDisabled?: boolean;
+}
+
+export declare interface AvatarProps extends FunctionalAvatarProps {
+    children?: React.ReactNode;
+}
+
+declare const avatarRecipe: RecipeDefinition<    {
+size: {
+md: {
+width: number;
+height: number;
+textStyle: "sm";
+};
+xs: {
+width: number;
+height: number;
+textStyle: "xs";
+};
+"2xs": {
+width: number;
+height: number;
+textStyle: "xs";
+};
+};
+}>;
+
+declare interface AvatarRecipeProps extends RecipeProps<"div">, UnstyledProp {
+}
+
+declare interface AvatarRootProps extends HTMLChakraProps<"div", AvatarRecipeProps> {
+}
+
+/**
+ * Badge
+ * ============================================================
+ * badge
+ *
+ * Features:
+ *
+ * - allows forwarding refs to the underlying DOM element
+ * - accepts all native html 'HTMLSpanElement' attributes (including aria- & data-attributes)
+ * - supports 'variants', 'sizes', etc. configured in the recipe
+ * - allows overriding styles by using style-props
+ * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
+ */
+export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Main props interface for the Badge component.
+ * Extends BadgeVariantProps to include both root props and variant props,
+ * while adding support for React children.
+ */
+export declare interface BadgeProps extends BadgeVariantProps {
+    children?: React.ReactNode;
+}
+
+/**
+ * Recipe configuration for the Badge component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const badgeRecipe: RecipeDefinition<    {
+size: {
+"2xs": {
+fontSize: "300";
+gap: "100";
+h: "600";
+lineHeight: "350";
+px: "200";
+_icon: {
+width: "400";
+height: "400";
+};
+};
+xs: {
+fontSize: "350";
+gap: "100";
+h: "800";
+lineHeight: "400";
+px: "300";
+_icon: {
+width: "500";
+height: "500";
+};
+};
+md: {
+fontSize: "400";
+gap: "200";
+h: "1000";
+lineHeight: "500";
+px: "400";
+_icon: {
+width: "600";
+height: "600";
+};
+};
+};
+}>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the span element.
+ */
+export declare interface BadgeRecipeProps extends RecipeProps<"span">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+export declare interface BadgeRootProps extends HTMLChakraProps<"span", BadgeRecipeProps> {
+}
+
+/**
+ * Combines the root props with Chakra UI's recipe variant props.
+ * This allows the component to accept both structural props from Root
+ * and styling variants from the recipe.
+ */
+declare type BadgeVariantProps = BadgeRootProps & RecipeVariantProps<typeof badgeRecipe> & {
+    [key: `data-${string}`]: string;
+};
+
+export { Bleed }
+
+export declare const Box: ForwardRefExoticComponent<BoxProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface BoxProps extends HTMLChakraProps<"div"> {
+    children?: React.ReactNode;
+}
+
+export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Recipe configuration for the ToggleButtonGroup component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const buttonGroupRecipe: SlotRecipeDefinition<"button" | "root", {
+size: {
+xs: {
+button: {
+h: "800";
+minW: "800";
+fontSize: "350";
+fontWeight: "500";
+lineHeight: "400";
+px: "300";
+gap: "100";
+_icon: {
+width: "500";
+height: "500";
+};
+} | undefined;
+};
+md: {
+button: {
+h: "1000";
+minW: "1000";
+fontSize: "400";
+lineHeight: "500";
+px: "400";
+gap: "200";
+_icon: {
+width: "600";
+height: "600";
+};
+} | undefined;
+};
+};
+tone: {
+primary: {
+button: {
+colorPalette: "primary";
+};
+};
+critical: {
+button: {
+colorPalette: "error";
+};
+};
+neutral: {
+button: {
+colorPalette: "neutral";
+};
+};
+};
+}>;
+
+export declare interface ButtonProps extends FunctionalButtonProps {
+}
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the button element.
+ */
+declare interface ButtonRecipeProps extends RecipeProps<"button">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare type ButtonRootProps = HTMLChakraProps<"button", ButtonRecipeProps>;
+
+export declare const Card: {
+    Root: ForwardRefExoticComponent<CardProps_2 & RefAttributes<HTMLDivElement>>;
+    Header: {
+        ({ children, ...props }: CardHeaderProps): null;
+        displayName: string;
+    };
+    Content: {
+        ({ children, ...props }: CardContentProps): null;
+        displayName: string;
+    };
+};
+
+/**
+ * Main props interface for the Card component.
+ * Extends CardVariantProps to include both root props and variant props,
+ * while adding support for React children.
+ */
+export declare interface CardProps extends CardVariantProps {
+    children?: React.ReactNode;
+}
+
+/**
+ * Recipe configuration for the Card component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const cardRecipe: SlotRecipeDefinition<"content" | "header" | "root", {
+cardPadding: {
+sm: {
+root: {
+padding: "200";
+};
+};
+md: {
+root: {
+padding: "400";
+};
+};
+lg: {
+root: {
+padding: "600";
+};
+};
+};
+borderStyle: {
+none: {};
+outlined: {
+root: {
+border: "solid-25";
+borderColor: "colorPalette.3";
+};
+};
+};
+elevation: {
+none: {};
+elevated: {
+root: {
+shadow: "1";
+};
+};
+};
+backgroundStyle: {
+default: {
+root: {
+backgroundColor: "colorPalette.contrast";
+};
+};
+muted: {
+root: {
+backgroundColor: "colorPalette.2";
+};
+};
+};
+}>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the div element.
+ */
+declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare interface CardRootProps extends HTMLChakraProps<"div", CardRecipeProps> {
+}
+
+/**
+ * Combines the root props with Chakra UI's recipe variant props.
+ * This allows the component to accept both structural props from Root
+ * and styling variants from the recipe.
+ */
+declare type CardVariantProps = CardRootProps & RecipeVariantProps<typeof cardRecipe> & {
+    [key: `data-${string}`]: unknown;
+};
+
+/**
+ * Checkbox
+ * ============================================================
+ * displays a checkbox and an associated label
+ *
+ * Features:
+ *
+ * - allows forwarding refs to the underlying DOM element
+ * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)
+ * - supports 'variants', 'sizes', etc. configured in the recipe
+ * - allows overriding styles by using style-props
+ * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
+ */
+export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
+
+/**
+ * Main props interface for the Checkbox component.
+ * Extends CheckboxVariantProps to include both root props and variant props,
+ * while adding support for React children.
+ */
+export declare interface CheckboxProps extends CheckboxVariantProps {
+    children?: React.ReactNode;
+}
+
+declare interface CheckboxRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof checkboxSlotRecipe>> {
+}
+
+/**
+ * Recipe configuration for the Checkbox component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const checkboxSlotRecipe: SlotRecipeDefinition<"label" | "root" | "indicator", {
+size: {
+md: {
+label: {
+fontSize: "350";
+fontWeight: "400";
+lineHeight: "400";
+};
+indicator: {
+w: "400";
+h: "400";
+zIndex: number;
+_after: {
+position: "absolute";
+content: "''";
+width: "600";
+height: "600";
+zIndex: number;
+};
+};
+};
+};
+}>;
+
+/**
+ * Combines the root props with Chakra UI's recipe variant props.
+ * This allows the component to accept both structural props from Root
+ * and styling variants from the recipe.
+ */
+declare type CheckboxVariantProps = CheckboxRootProps & RecipeVariantProps<typeof checkboxSlotRecipe> & AriaCheckboxProps;
+
+export { Code }
+
+export declare function ColorModeLabel(): "Light Theme" | "DarkTheme";
+
+declare interface ColorModeProviderProps extends ThemeProviderProps {
+}
+
+export declare const DialogActionTrigger: ForwardRefExoticComponent<Dialog.ActionTriggerProps & RefAttributes<HTMLButtonElement>>;
+
+export declare const DialogBackdrop: ForwardRefExoticComponent<Dialog.BackdropProps & RefAttributes<HTMLDivElement>>;
+
+export declare const DialogBody: ForwardRefExoticComponent<Dialog.BodyProps & RefAttributes<HTMLDivElement>>;
+
+export declare const DialogCloseTrigger: ForwardRefExoticComponent<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>;
+
+export declare const DialogContent: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement>>;
+
+declare interface DialogContentProps extends Dialog.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    backdrop?: boolean;
+}
+
+export declare const DialogDescription: ForwardRefExoticComponent<Dialog.DescriptionProps & RefAttributes<HTMLDivElement>>;
+
+export declare const DialogFooter: ForwardRefExoticComponent<Dialog.FooterProps & RefAttributes<HTMLDivElement>>;
+
+export declare const DialogHeader: ForwardRefExoticComponent<Dialog.HeaderProps & RefAttributes<HTMLDivElement>>;
+
+export declare const DialogRoot: FC<Dialog.RootProps>;
+
+export declare const DialogTitle: ForwardRefExoticComponent<Dialog.TitleProps & RefAttributes<HTMLDivElement>>;
+
+export declare const DialogTrigger: ForwardRefExoticComponent<Dialog.TriggerProps & RefAttributes<HTMLButtonElement>>;
+
+export declare type DisclosureGroupProps = AccordionProps & {
+    children: ReactNode;
+    ref?: RefAttributes<HTMLButtonElement>;
+    allowsMultipleExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    isDisabled?: boolean;
+    isExpanded?: boolean;
+};
+
+export declare type DisclosureItemProps = AccordionItemProps & {
+    children: ReactNode;
+    id?: string;
+    value?: string;
+    isDisabled?: boolean;
+    isExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+};
+
+export { Em }
+
+/**
+ * For use in components that use the polymorphic `as` and `asChild` props
+ * internally, but do not make them available to the consumer.
+ *
+ * Long rambling background:
+ * React-Aria's components cannot be configured to use `as` and `asChild` internally,
+ * and cannot be directly styled by chakra's styledSystem. Therefore components
+ * from `react-aria-components` should be wrapped in a chakra `withContext`
+ * root component to set the styles onto the `r-a-c` component using `asChild`.
+ * This means that we need to allow polymorphism internally, but should not
+ * allow it in the external props api since it would not work.
+ */
+declare type ExcludePolymorphicFromProps<T> = Omit<T, "as" | "asChild">;
+
+export { Flex }
+
+export declare const FormField: {
+    Root: ForwardRefExoticComponent<FormFieldProps_2 & RefAttributes<HTMLDivElement>>;
+    Label: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps) => null;
+    Input: ({ children, ...inputSlotProps }: FormFieldInputSlotProps) => null;
+    Description: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps) => null;
+    Error: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps) => null;
+    InfoBox: ({ children }: {
+        children: ReactNode;
+    }) => null;
+};
+
+export declare const FormFieldContext: Context<FormFieldContextType>;
+
+export declare type FormFieldContextPayloadType = {
+    label: ReactNode;
+    labelSlotProps?: FormFieldLabelSlotProps;
+    input: ReactNode;
+    inputSlotProps?: FormFieldInputSlotProps;
+    description: ReactNode;
+    descriptionSlotProps?: FormFieldDescriptionSlotProps;
+    error: ReactNode;
+    errorSlotProps?: FormFieldErrorSlotProps;
+    info: ReactNode;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+};
+
+export declare type FormFieldContextType = {
+    context: FormFieldContextPayloadType;
+    setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;
+};
+
+declare interface FormFieldDescriptionSlotProps extends HTMLChakraProps<"div"> {
+}
+
+declare interface FormFieldErrorSlotProps extends HTMLChakraProps<"div"> {
+}
+
+declare interface FormFieldInputSlotProps extends HTMLChakraProps<"div"> {
+}
+
+declare interface FormFieldLabelSlotProps extends HTMLChakraProps<"div"> {
+}
+
+/**
+ * Main props interface for the FormField component.
+ * Extends FormFieldVariantProps to include both root props and variant props,
+ * while adding support for React children.
+ */
+export declare interface FormFieldProps extends FormFieldRootSlotProps {
+    children?: React.ReactNode;
+    /** true if the field is a required field */
+    isRequired?: boolean;
+    /** true if the field is invalid */
+    isInvalid?: boolean;
+    /** true if the field is disabled */
+    isDisabled?: boolean;
+    /** true, if the field is read only  */
+    isReadOnly?: boolean;
+}
+
+/**
+ * Recipe configuration for the FormField component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const formFieldRecipe: SlotRecipeDefinition<"error" | "input" | "label" | "description" | "root" | "popover", {
+direction: {
+column: {
+root: {
+gridTemplateAreas: "\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n";
+};
+input: {
+mt: "var(--grid-gap)";
+};
+description: {
+mt: "var(--grid-gap)";
+};
+error: {
+mt: "var(--grid-gap)";
+};
+};
+row: {
+root: {
+gridTemplateAreas: "\n\"label input\"\n\"label description\"\n\"label error\"\n";
+gridTemplateColumns: "auto 1fr";
+gridColumnGap: "200";
+};
+description: {
+mt: "var(--grid-gap)";
+};
+error: {
+mt: "var(--grid-gap)";
+};
+};
+};
+}>;
+
+declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp> {
+}
+
+declare type FunctionalAvatarProps = AvatarRootProps & AvatarComponentProps;
+
+/** combine chakra-button props with aria-button props */
+declare type FunctionalButtonProps = ButtonRootProps & AriaButtonProps & {
+    [key: `data-${string}`]: unknown;
+};
+
+export declare const Grid: ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>> & {
+    Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * Grid
+ * ============================================================
+ * The Grid Layout Component provides a flexible and responsive way to structure content using a two-dimensional grid system. It allows elements to be arranged in rows and columns, enabling dynamic and efficient layouts for different screen sizes.
+ *
+ * Features:
+ *
+ * - allows forwarding refs to the underlying DOM element
+ */
+export declare interface GridProps extends GridProps_2 {
+    children?: React.ReactNode;
+}
+
+export { Heading }
+
+export { Highlight_2 as Highlight }
+
+/**
+ * IconButton
+ * ============================================================
+ * displays a button with only an icon as child. It is based
+ * on the regular `Button` component, but with a few adjustments.
+ */
+export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Main props interface for the IconButton component.
+ */
+export declare interface IconButtonProps extends ButtonProps {
+    /** explains the intended action, required for accessibility */
+    "aria-label": string;
+}
+
+export { Kbd }
+
+/**
+ * Link
+ * ============================================================
+ * To allow a user to navigate to a different page or resource
+ *
+ * Features:
+ *
+ * - allows forwarding refs to the underlying DOM element
+ * - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)
+ * - supports 'variants', 'sizes', etc. configured in the recipe
+ * - allows overriding styles by using style-props
+ * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
+ */
+export declare const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
+
+/**
+ * Main props interface for the Link component.
+ * Extends LinkVariantProps to include both root props and variant props,
+ * while adding support for React children.
+ */
+export declare interface LinkProps extends LinkVariantProps {
+    children?: React.ReactNode;
+}
+
+/**
+ * Recipe configuration for the Link component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const linkRecipe: RecipeDefinition<    {
+size: {
+xs: {
+fontSize: "300";
+lineHeight: "450";
+};
+sm: {
+fontSize: "350";
+lineHeight: "500";
+};
+md: {
+fontSize: "400";
+lineHeight: "600";
+};
+};
+fontColor: {
+primary: {
+color: "primary";
+};
+inherit: {
+color: "inherit";
+};
+};
+}>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the a element.
+ */
+declare interface LinkRecipeProps extends RecipeProps<"a">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
+
+/**
+ * Combines the root props with Chakra UI's recipe variant props.
+ * This allows the component to accept both structural props from Root
+ * and styling variants from the recipe.
+ *
+ * Differences between LinkRootProps and LinkVariantProps necessitate
+ * the use of Omit and Pick to ensure the correct props are passed
+ */
+declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur"> & Pick<AriaLinkOptions, "onFocus" | "onBlur"> & RecipeVariantProps<typeof linkRecipe> & {
+    [key: `data-${string}`]: string;
+};
+
+export { List }
+
+export declare const ListItem: (props: ListItemType) => JSX_2.Element;
+
+export declare type ListItemType = React.ComponentProps<typeof List.Item>;
+
+export declare const ListRoot: (props: ListRootType) => JSX_2.Element;
+
+export declare type ListRootType = React.ComponentProps<typeof List.Root>;
+
+/**
+ * LoadingSpinner
+ * ============================================================
+ * Indicates ongoing processes or loading states
+ */
+export declare const LoadingSpinner: ForwardRefExoticComponent<LoadingSpinnerRootProps & {
+size?: ConditionalValue<"sm" | "md" | "lg" | "2xs" | "xs" | undefined>;
+tone?: ConditionalValue<"white" | "primary" | undefined>;
+} & {
+[key: `data-${string}`]: string;
+} & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Main props interface for the LoadingSpinner component.
+ * Extends LoadingSpinnerVariantProps to include both root props and variant props,
+ * while adding support for React children.
+ */
+export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps;
+
+/**
+ * Recipe configuration for the LoadingSpinner component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const loadingSpinnerRecipe: RecipeDefinition<    {
+size: {
+"2xs": {
+width: "350";
+height: "350";
+};
+xs: {
+width: "500";
+height: "500";
+};
+sm: {
+width: "600";
+height: "600";
+};
+md: {
+width: "800";
+height: "800";
+};
+lg: {
+width: "1000";
+height: "1000";
+};
+};
+tone: {
+primary: {
+colorPalette: "ctvioletAlpha";
+};
+white: {
+colorPalette: "whiteAlpha";
+};
+};
+}>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the div element.
+ */
+declare interface LoadingSpinnerRecipeProps extends RecipeProps<"div">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare type LoadingSpinnerRootProps_2 = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
+
+/**
+ * Combines the root props with Chakra UI's recipe variant props and Aria's progress bar props.
+ *
+ * This allows the component to accept both structural props from Root
+ * and styling variants from the recipe.
+ */
+declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps_2 & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
+    [key: `data-${string}`]: string;
+};
+
+/**
+ * MakeElementFocusable
+ * ============================================================
+ * A helper component that adds props from `react-aria`s `useFocusable` hook
+ * to its child so that it can be used as a trigger element for a `Tooltip`
+ *
+ * Caveats:
+ * - Using non-interactive elements as tooltip triggers is against ARIA best-practices,
+ *   it is your responsibility to ensure that the underlying trigger element handles
+ *   focus and hover interactions correctly for keyboard-only users
+ *
+ * Features:
+ * - allows forwarding refs to the underlying DOM element
+ * - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)
+ *
+ * Further Context:
+ * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
+ * - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)
+ * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
+ */
+export declare const MakeElementFocusable: ForwardRefExoticComponent<FocusableOptions<HTMLElement> & {
+children?: ReactNode | undefined;
+} & RefAttributes<HTMLElement>>;
+
+export declare function NimbusProvider({ children, ...props }: ColorModeProviderProps): JSX_2.Element;
+
+export declare const Select: {
+    Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
+    Options: <T extends object>(props: SelectOptionsProps_2<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
+    Option: <T extends object>(props: SelectOptionProps_2<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
+    OptionGroup: <T extends object>(props: SelectOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
+};
+
+export declare const _SelectOption: <T extends object>(props: SelectOptionProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
+
+export declare const _SelectOptionGroup: <T extends object>(props: SelectOptionGroupProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
+
+export declare interface SelectOptionGroupProps<T> extends ListBoxSectionProps<T>, Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
+    /** the label for the section */
+    label: string;
+}
+
+declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
+}
+
+export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, keyof SelectOptionSlotProps>, SelectOptionSlotProps {
+}
+
+export declare const _SelectOptions: <T extends object>(props: SelectOptionsProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
+
+declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
+}
+
+export declare interface SelectOptionsProps<T> extends ListBoxProps<T>, Omit<SelectOptionsSlotProps, keyof ListBoxProps<T>> {
+}
+
+declare interface SelectOptionsSlotProps extends HTMLChakraProps<"div"> {
+}
+
+export declare const _SelectRoot: ForwardRefExoticComponent<SelectRootProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface SelectRootProps extends SelectRootSlotProps, SelectProps {
+    /** set to true if Select is currently busy with something */
+    isLoading?: boolean;
+    /** Children must be ReactNode, no render props/functions allowed */
+    children: ReactNode;
+}
+
+declare interface SelectRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof selectSlotRecipe> & SelectProps<object>> {
+}
+
+/**
+ * Recipe configuration for the Select component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const selectSlotRecipe: SlotRecipeDefinition<"option" | "root" | "trigger" | "triggerLabel" | "options" | "optionGroup", {
+size: {
+sm: {
+root: {};
+trigger: {
+h: "800";
+px: "400";
+textStyle: "sm";
+};
+};
+md: {
+root: {};
+trigger: {
+h: "1000";
+px: "400";
+textStyle: "md";
+};
+};
+};
+variant: {
+outline: {
+root: {
+bg: "bg";
+"&:hover": {
+bg: "primary.2";
+};
+};
+trigger: {
+"--border-width": "sizes.25";
+"--border-color": "colors.neutral.7";
+};
+};
+ghost: {
+root: {
+bg: "transparent";
+"&:hover": {
+bg: "primaryAlpha.2";
+};
+};
+trigger: {
+"--border-width": "sizes.25";
+"--border-color": "transparent";
+};
+};
+};
+}>;
+
+export declare const SimpleGrid: ForwardRefExoticComponent<SimpleGridProps & RefAttributes<HTMLDivElement>> & {
+    Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * SimpleGrid
+ * ============================================================
+ * The SimpleGrid Layout Component provides a flexible and responsive way to structure content.
+ *
+ * Features:
+ *
+ * - allows forwarding refs to the underlying DOM element
+ */
+export declare interface SimpleGridProps extends SimpleGridProps_2 {
+    children?: React.ReactNode;
+}
+
+export declare const Stack: ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface StackProps extends StackProps_2 {
+    children?: React.ReactNode;
+}
+
+export declare const system: SystemContext;
+
+export { Table }
+
+export declare const TableBody: (props: TableBodyProps) => JSX_2.Element;
+
+export declare type TableBodyProps = React.ComponentProps<typeof Table.Body>;
+
+export declare const TableCell: (props: TableCellProps) => JSX_2.Element;
+
+export declare type TableCellProps = React.ComponentProps<typeof Table.Cell>;
+
+export declare const TableColumn: (props: TableColumnProps) => JSX_2.Element;
+
+export declare const TableColumnGroup: (props: TableColumnGroupProps) => JSX_2.Element;
+
+export declare type TableColumnGroupProps = React.ComponentProps<typeof Table.ColumnGroup>;
+
+export declare const TableColumnHeader: (props: TableColumnHeaderProps) => JSX_2.Element;
+
+export declare type TableColumnHeaderProps = React.ComponentProps<typeof Table.ColumnHeader>;
+
+export declare type TableColumnProps = React.ComponentProps<typeof Table.Column>;
+
+export declare const TableFooter: (props: TableFooterProps) => JSX_2.Element;
+
+export declare type TableFooterProps = React.ComponentProps<typeof Table.Footer>;
+
+export declare const TableHeader: (props: TableHeaderProps) => JSX_2.Element;
+
+export declare type TableHeaderProps = React.ComponentProps<typeof Table.Header>;
+
+export declare const TableRoot: (props: TableRootProps) => JSX_2.Element;
+
+export declare type TableRootProps = React.ComponentProps<typeof Table.Root>;
+
+export declare const TableRow: (props: TableRowProps) => JSX_2.Element;
+
+export declare type TableRowProps = React.ComponentProps<typeof Table.Row>;
+
+/**
+ * Render Text
+ *
+ * Use this component to render text. Various props can be passed to customize the text.
+ * Check the documentation for more information.
+ *
+ * @see https://DOMAIN/components/typography/text
+ */
+declare const Text_2: ForwardRefExoticComponent<TextProps & RefAttributes<HTMLParagraphElement>>;
+export { Text_2 as Text }
+
+/**
+ * TextInput
+ * ============================================================
+ * An input component that takes in a text as input
+ *
+ * Features:
+ *
+ * - allows forwarding refs to the underlying DOM element
+ * - accepts all native html 'HTMLInputElement' attributes (including aria- & data-attributes)
+ * - supports 'variants', 'sizes', etc. configured in the recipe
+ * - allows overriding styles by using style-props
+ */
+export declare const TextInput: ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootProps, keyof TextFieldProps | "as" | "asChild"> {
+}
+
+/**
+ * Recipe configuration for the TextInput component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const textInputRecipe: RecipeDefinition<    {
+size: {
+sm: {
+h: number;
+textStyle: "sm";
+px: number;
+};
+md: {
+h: number;
+textStyle: "md";
+px: number;
+};
+};
+variant: {
+solid: {
+"--border-width": "sizes.25";
+"--border-color": "colors.neutral.7";
+backgroundColor: "neutral.1";
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+ghost: {
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+};
+}>;
+
+declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInputRecipe>, UnstyledProp {
+}
+
+declare type TextInputRootProps = HTMLChakraProps<"input", TextInputRecipeProps>;
+
+export declare interface TextProps extends TextProps_2 {
+}
+
+/**
+ * ToggleButtonGroup
+ * ============================================================
+ * To group multiple `Button` components together, visually and logically, representing a set of related actions.
+ */
+export declare const ToggleButtonGroup: {
+    Root: ToggleButtonGroupRootComponent_2;
+    Button: ToggleButtonGroupButtonComponent_2;
+};
+
+/** Type signature for the `ToggleButtonGroup.Button` sub-component (using `forwardRef`). */
+export declare type ToggleButtonGroupButtonComponent = ForwardRefExoticComponent<ToggleButtonGroupButtonProps & RefAttributes<typeof ToggleButton>>;
+
+/** Combined props for the button element (Chakra styles + Aria behavior). */
+export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps;
+
+/** Base Chakra styling props for the `button` slot. */
+declare type ToggleButtonGroupButtonSlotProps = HTMLChakraProps<"button", RecipeProps<"button">>;
+
+/** Final external props for the `<ToggleButtonGroup>` component, including `children`. */
+export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps>;
+
+/** Type signature for the main `ToggleButtonGroup` component (using `forwardRef`). */
+export declare type ToggleButtonGroupRootComponent = ForwardRefExoticComponent<ToggleButtonGroupProps & RefAttributes<typeof ToggleButtonGroup_2>>;
+
+/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
+declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaToggleButtonGroupProps & RecipeVariantProps<typeof buttonGroupRecipe>;
+
+/** Base Chakra styling props for the root `div` slot. */
+declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+/**
+ * Tooltip
+ * ============================================================
+ * A contextual popup that displays a description for an element, uses `Tooltip` component from `react-aria-components`.
+ *
+ * Features:
+ * - allows forwarding refs to the underlying DOM element
+ * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)
+ * - allows overriding styles by using style-props
+ *
+ * Further Context:
+ * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
+ * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
+ */
+export declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Main props interface for the Tooltip components
+ * Extends TooltipVariantProps to include root props, variant props,
+ * and react-aria props, while adding support for React children.
+ */
+export declare interface TooltipProps extends PropsWithChildren<TooltipVariantProps> {
+}
+
+/**
+ * Recipe configuration for the Tooltip component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const tooltipRecipe: RecipeDefinition<RecipeVariantRecord>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ */
+declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
+}
+
+/**
+ * TooltipTrigger
+ * ============================================================
+ * TooltipTrigger wraps around a trigger element and a Tooltip.
+ * It handles opening and closing the Tooltip when the user hovers over or focuses the trigger,
+ * and positioning the Tooltip relative to the trigger.
+ *
+ * Directly exported from `react-aria-components`
+ * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
+ */
+export declare const TooltipTrigger: typeof TooltipTrigger_2;
+
+export declare interface TooltipTriggerProps extends TooltipTriggerComponentProps {
+}
+
+/**
+ * Combines the root props with Chakra UI's recipe variant props, and
+ * react-aria-component's TooltipProps
+ * This allows the component to accept:
+ * - structural props from Root
+ * - styling variants from the recipe
+ * - a11y/state related props from react-aria-components Tooltip
+ */
+declare type TooltipVariantProps = ExcludePolymorphicFromProps<TooltipRootProps & RecipeVariantProps<typeof tooltipRecipe> & TooltipProps_2>;
+
+export declare function useColorMode(): {
+    colorMode: string | undefined;
+    setColorMode: Dispatch<SetStateAction<string>>;
+    toggleColorMode: () => void;
+};
+
+export declare function useColorModeValue<T>(light: T, dark: T): T;
+
+export declare function useColorScheme(): string;
+
+export { useCopyToClipboard }
+
+export { useHotkeys }
+
+export declare const VisuallyHidden: {
+    (props: VisuallyHiddenProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface VisuallyHiddenProps extends Omit<VisuallyHiddenProps_2, "elementType"> {
+    /** specifies the element type to render, use `span` for inline content
+     * and `div` for block content */
+    as?: "span" | "div";
+}
+
+export { }