@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/components/tag/primitives.d.ts

@@ -0,0 +1,5 @@
+import { CerberusPrimitiveProps } from '../../system/index';
+import { TagVariantProps } from 'styled-system/recipes';
+import { HTMLAttributes, ForwardRefExoticComponent, DetailedHTMLProps, RefAttributes } from 'react';
+export type TagRootProps = CerberusPrimitiveProps<Omit<HTMLAttributes<HTMLSpanElement>, 'onClick'> & TagVariantProps>;
+export declare const TagRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/tag/primitives.js

@@ -0,0 +1,10 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { tag } from "styled-system/recipes";
+//#region src/components/tag/primitives.ts
+var { withRecipe } = createCerberusPrimitive(tag);
+var TagRoot = withRecipe("span", { defaultProps: {
+	"data-scope": "tag",
+	"data-part": "root"
+} });
+//#endregion
+export { TagRoot };

package/dist/components/tag/tag.cjs

@@ -0,0 +1,34 @@
+const require_primitives = require("./primitives.cjs");
+const require_closable = require("./closable.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/tag/tag.tsx
+function isClosableTag(props) {
+	return "onClick" in props && typeof props.onClick !== "undefined";
+}
+/**
+* The Tag component is used to display a meta descriptions.
+* @see https://cerberus.digitalu.design/docs/components/tag
+* @example
+* ```tsx
+* <Tag>Tag</Tag>
+* ```
+*/
+function Tag(props) {
+	const { children } = props;
+	if (isClosableTag(props)) {
+		const { onClick, ...rootProps } = props;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_closable.ClosableTag, {
+			onClick,
+			...rootProps,
+			children
+		});
+	}
+	const rootProps = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.TagRoot, {
+		"data-palette": rootProps.palette ?? "page",
+		...rootProps,
+		children
+	});
+}
+//#endregion
+exports.Tag = Tag;

package/dist/components/tag/tag.d.cts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+import { TagRootProps } from './primitives';
+import { ClosableTagProps } from './closable';
+export type TagProps = TagRootProps | ClosableTagProps;
+/**
+ * The Tag component is used to display a meta descriptions.
+ * @see https://cerberus.digitalu.design/docs/components/tag
+ * @example
+ * ```tsx
+ * <Tag>Tag</Tag>
+ * ```
+ */
+export declare function Tag(props: PropsWithChildren<TagProps>): import("react").JSX.Element;

package/dist/components/tag/tag.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+import { TagRootProps } from './primitives';
+import { ClosableTagProps } from './closable';
+export type TagProps = TagRootProps | ClosableTagProps;
+/**
+ * The Tag component is used to display a meta descriptions.
+ * @see https://cerberus.digitalu.design/docs/components/tag
+ * @example
+ * ```tsx
+ * <Tag>Tag</Tag>
+ * ```
+ */
+export declare function Tag(props: PropsWithChildren<TagProps>): import("react").JSX.Element;

package/dist/components/tag/tag.js

@@ -0,0 +1,34 @@
+import { TagRoot } from "./primitives.js";
+import { ClosableTag } from "./closable.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/tag/tag.tsx
+function isClosableTag(props) {
+	return "onClick" in props && typeof props.onClick !== "undefined";
+}
+/**
+* The Tag component is used to display a meta descriptions.
+* @see https://cerberus.digitalu.design/docs/components/tag
+* @example
+* ```tsx
+* <Tag>Tag</Tag>
+* ```
+*/
+function Tag(props) {
+	const { children } = props;
+	if (isClosableTag(props)) {
+		const { onClick, ...rootProps } = props;
+		return /* @__PURE__ */ jsx(ClosableTag, {
+			onClick,
+			...rootProps,
+			children
+		});
+	}
+	const rootProps = props;
+	return /* @__PURE__ */ jsx(TagRoot, {
+		"data-palette": rootProps.palette ?? "page",
+		...rootProps,
+		children
+	});
+}
+//#endregion
+export { Tag };

package/dist/components/text/index.cjs

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_text = require("./text.cjs");
+exports.Text = require_text.Text;

package/dist/components/text/index.d.cts

@@ -0,0 +1 @@
+export * from './text';

package/dist/components/text/index.d.ts

@@ -0,0 +1 @@
+export * from './text';

package/dist/components/text/index.js

@@ -0,0 +1,2 @@
+import { Text } from "./text.js";
+export { Text };

package/dist/components/text/text.cjs

@@ -0,0 +1,38 @@
+const require_index = require("../../system/index.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/text/text.tsx
+/**
+* A component for rendering text utilizing the styled-system JSX utility.
+* @definition [Text docs](https://cerberus.digitalu.design/react/text)
+* @example
+* ```tsx
+* <Text as="h1" color="page.text.100" textStyle={{
+*   base: 'heading-md',
+*   md: 'heading-lg',
+* }}>
+*  Hello, world!
+* </Text>
+*/
+function Text(props) {
+	const { as = "p", ...elProps } = props;
+	const cache = {
+		h1: require_index.cerberus.h1,
+		h2: require_index.cerberus.h2,
+		h3: require_index.cerberus.h3,
+		h4: require_index.cerberus.h4,
+		h5: require_index.cerberus.h5,
+		h6: require_index.cerberus.h6,
+		strong: require_index.cerberus.strong,
+		em: require_index.cerberus.em,
+		small: require_index.cerberus.small,
+		span: require_index.cerberus.span,
+		p: require_index.cerberus.p
+	};
+	if (as in cache) {
+		const Component = cache[as];
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { ...elProps });
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.cerberus.p, { ...elProps });
+}
+//#endregion
+exports.Text = Text;

package/dist/components/text/text.d.cts

@@ -0,0 +1,26 @@
+import { CerberusProps } from '../../system/index';
+/**
+ * This module exports a component for rendering text utilizing the styled-system JSX utility.
+ * @module @cerberus/react/Text
+ */
+export type Headings = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type TextElements = 'p' | 'strong' | 'em' | 'small' | 'span';
+export interface TextProps extends CerberusProps<'p'> {
+    /**
+     * The element to render as. Defaults to 'p'.
+     */
+    as?: TextElements | Headings;
+}
+/**
+ * A component for rendering text utilizing the styled-system JSX utility.
+ * @definition [Text docs](https://cerberus.digitalu.design/react/text)
+ * @example
+ * ```tsx
+ * <Text as="h1" color="page.text.100" textStyle={{
+ *   base: 'heading-md',
+ *   md: 'heading-lg',
+ * }}>
+ *  Hello, world!
+ * </Text>
+ */
+export declare function Text(props: TextProps): import("react").JSX.Element;

package/dist/components/text/text.d.ts

@@ -0,0 +1,26 @@
+import { CerberusProps } from '../../system/index';
+/**
+ * This module exports a component for rendering text utilizing the styled-system JSX utility.
+ * @module @cerberus/react/Text
+ */
+export type Headings = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type TextElements = 'p' | 'strong' | 'em' | 'small' | 'span';
+export interface TextProps extends CerberusProps<'p'> {
+    /**
+     * The element to render as. Defaults to 'p'.
+     */
+    as?: TextElements | Headings;
+}
+/**
+ * A component for rendering text utilizing the styled-system JSX utility.
+ * @definition [Text docs](https://cerberus.digitalu.design/react/text)
+ * @example
+ * ```tsx
+ * <Text as="h1" color="page.text.100" textStyle={{
+ *   base: 'heading-md',
+ *   md: 'heading-lg',
+ * }}>
+ *  Hello, world!
+ * </Text>
+ */
+export declare function Text(props: TextProps): import("react").JSX.Element;

package/dist/components/text/text.js

@@ -0,0 +1,38 @@
+import { cerberus } from "../../system/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/text/text.tsx
+/**
+* A component for rendering text utilizing the styled-system JSX utility.
+* @definition [Text docs](https://cerberus.digitalu.design/react/text)
+* @example
+* ```tsx
+* <Text as="h1" color="page.text.100" textStyle={{
+*   base: 'heading-md',
+*   md: 'heading-lg',
+* }}>
+*  Hello, world!
+* </Text>
+*/
+function Text(props) {
+	const { as = "p", ...elProps } = props;
+	const cache = {
+		h1: cerberus.h1,
+		h2: cerberus.h2,
+		h3: cerberus.h3,
+		h4: cerberus.h4,
+		h5: cerberus.h5,
+		h6: cerberus.h6,
+		strong: cerberus.strong,
+		em: cerberus.em,
+		small: cerberus.small,
+		span: cerberus.span,
+		p: cerberus.p
+	};
+	if (as in cache) {
+		const Component = cache[as];
+		return /* @__PURE__ */ jsx(Component, { ...elProps });
+	}
+	return /* @__PURE__ */ jsx(cerberus.p, { ...elProps });
+}
+//#endregion
+export { Text };

package/dist/components/theme/index.cjs

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_theme = require("./theme.cjs");
+exports.Theme = require_theme.Theme;

package/dist/components/theme/index.d.cts

@@ -0,0 +1 @@
+export * from './theme';

package/dist/components/theme/index.d.ts

@@ -0,0 +1 @@
+export * from './theme';

package/dist/components/theme/index.js

@@ -0,0 +1,2 @@
+import { Theme } from "./theme.js";
+export { Theme };

package/dist/components/theme/theme.cjs

@@ -0,0 +1,16 @@
+const require_index = require("../../system/index.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/theme/theme.tsx
+function Theme(props) {
+	const { mode, theme, ...nativeProps } = props;
+	const colorMode = mode || "light";
+	const themeName = theme || "cerberus";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.cerberus.div, {
+		...nativeProps,
+		"data-panda-theme": themeName,
+		"data-color-mode": colorMode,
+		children: props.children
+	});
+}
+//#endregion
+exports.Theme = Theme;

package/dist/components/theme/theme.d.cts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+import { ColorModes, CustomThemes } from '../../context/theme';
+import { CerberusPrimitiveProps } from '../../system';
+export interface ThemeProps<T extends string> {
+    /**
+     * The color mode to apply to the theme.
+     * @default 'light'
+     */
+    mode?: ColorModes;
+    /**
+     * The theme to apply to the component.
+     * @default 'cerberus'
+     */
+    theme?: CustomThemes<T>;
+}
+export declare function Theme<T extends string>(props: PropsWithChildren<CerberusPrimitiveProps<ThemeProps<T>>>): import("react").JSX.Element;

package/dist/components/theme/theme.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+import { ColorModes, CustomThemes } from '../../context/theme';
+import { CerberusPrimitiveProps } from '../../system';
+export interface ThemeProps<T extends string> {
+    /**
+     * The color mode to apply to the theme.
+     * @default 'light'
+     */
+    mode?: ColorModes;
+    /**
+     * The theme to apply to the component.
+     * @default 'cerberus'
+     */
+    theme?: CustomThemes<T>;
+}
+export declare function Theme<T extends string>(props: PropsWithChildren<CerberusPrimitiveProps<ThemeProps<T>>>): import("react").JSX.Element;

package/dist/components/theme/theme.js

@@ -0,0 +1,16 @@
+import { cerberus } from "../../system/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/theme/theme.tsx
+function Theme(props) {
+	const { mode, theme, ...nativeProps } = props;
+	const colorMode = mode || "light";
+	const themeName = theme || "cerberus";
+	return /* @__PURE__ */ jsx(cerberus.div, {
+		...nativeProps,
+		"data-panda-theme": themeName,
+		"data-color-mode": colorMode,
+		children: props.children
+	});
+}
+//#endregion
+export { Theme };

package/dist/components/toggle/index.cjs

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+exports.ToggleIndicator = require_primitives.ToggleIndicator;
+exports.ToggleParts = require_parts.ToggleParts;
+exports.ToggleRoot = require_primitives.ToggleRoot;

package/dist/components/toggle/index.d.cts

@@ -0,0 +1,2 @@
+export * from './parts';
+export * from './primitives';

package/dist/components/toggle/index.d.ts

@@ -0,0 +1,2 @@
+export * from './parts';
+export * from './primitives';

package/dist/components/toggle/index.js

@@ -0,0 +1,3 @@
+import { ToggleIndicator, ToggleRoot } from "./primitives.js";
+import { ToggleParts } from "./parts.js";
+export { ToggleIndicator, ToggleParts, ToggleRoot };

package/dist/components/toggle/parts.cjs

@@ -0,0 +1,17 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/toggle/parts.ts
+/**
+* An Object containing the parts of the Radio component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the RadioParts object and
+* the entire family of components vs. only what you use.
+*/
+var ToggleParts = {
+	Root: require_primitives.ToggleRoot,
+	Indicator: require_primitives.ToggleIndicator
+};
+//#endregion
+exports.ToggleParts = ToggleParts;

package/dist/components/toggle/parts.d.cts

@@ -0,0 +1,26 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Toggle parts.
+ * @module 'toggle/parts'
+ */
+interface TogglePartsValue {
+    /**
+     * The container of the toggle.
+     */
+    Root: ElementType;
+    /**
+     * The indicator that appears when a toggle is pressed.
+     */
+    Indicator: ElementType;
+}
+/**
+ * An Object containing the parts of the Radio component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the RadioParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const ToggleParts: TogglePartsValue;
+export {};

package/dist/components/toggle/parts.d.ts

@@ -0,0 +1,26 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Toggle parts.
+ * @module 'toggle/parts'
+ */
+interface TogglePartsValue {
+    /**
+     * The container of the toggle.
+     */
+    Root: ElementType;
+    /**
+     * The indicator that appears when a toggle is pressed.
+     */
+    Indicator: ElementType;
+}
+/**
+ * An Object containing the parts of the Radio component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the RadioParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const ToggleParts: TogglePartsValue;
+export {};

package/dist/components/toggle/parts.js

@@ -0,0 +1,17 @@
+import { ToggleIndicator, ToggleRoot } from "./primitives.js";
+//#region src/components/toggle/parts.ts
+/**
+* An Object containing the parts of the Radio component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the RadioParts object and
+* the entire family of components vs. only what you use.
+*/
+var ToggleParts = {
+	Root: ToggleRoot,
+	Indicator: ToggleIndicator
+};
+//#endregion
+export { ToggleParts };

package/dist/components/toggle/primitives.cjs

@@ -0,0 +1,13 @@
+const require_index = require("../../system/index.cjs");
+let _ark_ui_react_toggle = require("@ark-ui/react/toggle");
+//#region src/components/toggle/primitives.tsx
+/**
+* This module provides the Toggle primitives.
+* @module 'react/toggle'
+*/
+var { withNoRecipe } = require_index.createCerberusPrimitive();
+var ToggleRoot = withNoRecipe(_ark_ui_react_toggle.Toggle.Root);
+var ToggleIndicator = withNoRecipe(_ark_ui_react_toggle.Toggle.Indicator);
+//#endregion
+exports.ToggleIndicator = ToggleIndicator;
+exports.ToggleRoot = ToggleRoot;

package/dist/components/toggle/primitives.d.cts

@@ -0,0 +1,7 @@
+import { Toggle, ToggleIndicatorProps as ArkToggleIndicatorProps, ToggleRootProps as ArkToggleRootProps } from '@ark-ui/react/toggle';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type ToggleRootProps = CerberusPrimitiveProps<ArkToggleRootProps>;
+export declare const ToggleRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toggle.RootProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type ToggleIndicatorProps = CerberusPrimitiveProps<ArkToggleIndicatorProps>;
+export declare const ToggleIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toggle.IndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/toggle/primitives.d.ts

@@ -0,0 +1,7 @@
+import { Toggle, ToggleIndicatorProps as ArkToggleIndicatorProps, ToggleRootProps as ArkToggleRootProps } from '@ark-ui/react/toggle';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type ToggleRootProps = CerberusPrimitiveProps<ArkToggleRootProps>;
+export declare const ToggleRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toggle.RootProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type ToggleIndicatorProps = CerberusPrimitiveProps<ArkToggleIndicatorProps>;
+export declare const ToggleIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toggle.IndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/toggle/primitives.js

@@ -0,0 +1,12 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { Toggle } from "@ark-ui/react/toggle";
+//#region src/components/toggle/primitives.tsx
+/**
+* This module provides the Toggle primitives.
+* @module 'react/toggle'
+*/
+var { withNoRecipe } = createCerberusPrimitive();
+var ToggleRoot = withNoRecipe(Toggle.Root);
+var ToggleIndicator = withNoRecipe(Toggle.Indicator);
+//#endregion
+export { ToggleIndicator, ToggleRoot };

package/dist/components/tooltip/index.cjs

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_tooltip = require("./tooltip.cjs");
+exports.Tooltip = require_tooltip.Tooltip;
+exports.TooltipArrow = require_primitives.TooltipArrow;
+exports.TooltipArrowTip = require_primitives.TooltipArrowTip;
+exports.TooltipContent = require_primitives.TooltipContent;
+exports.TooltipParts = require_parts.TooltipParts;
+exports.TooltipPositioner = require_primitives.TooltipPositioner;
+exports.TooltipRoot = require_primitives.TooltipRoot;
+exports.TooltipTrigger = require_primitives.TooltipTrigger;

package/dist/components/tooltip/index.d.cts

@@ -0,0 +1,3 @@
+export * from './primitives';
+export * from './parts';
+export * from './tooltip';

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export * from './primitives';
+export * from './parts';
+export * from './tooltip';

package/dist/components/tooltip/index.js

@@ -0,0 +1,4 @@
+import { TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger } from "./primitives.js";
+import { TooltipParts } from "./parts.js";
+import { Tooltip } from "./tooltip.js";
+export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipParts, TooltipPositioner, TooltipRoot, TooltipTrigger };

package/dist/components/tooltip/parts.cjs

@@ -0,0 +1,21 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/tooltip/parts.ts
+/**
+* An Object containing the parts of the Tooltip component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the TooltipParts object and
+* the entire family of components vs. only what you use.
+*/
+var TooltipParts = {
+	Root: require_primitives.TooltipRoot,
+	Trigger: require_primitives.TooltipTrigger,
+	Positioner: require_primitives.TooltipPositioner,
+	Content: require_primitives.TooltipContent,
+	Arrow: require_primitives.TooltipArrow,
+	ArrowTip: require_primitives.TooltipArrowTip
+};
+//#endregion
+exports.TooltipParts = TooltipParts;

package/dist/components/tooltip/parts.d.cts

@@ -0,0 +1,42 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Tooltip component.
+ * @module 'tooltip/parts'
+ */
+interface TooltipPartsValue {
+    /**
+     * The context provider of the tooltip.
+     */
+    Root: ElementType;
+    /**
+     * The trigger that of the tooltip.
+     */
+    Trigger: ElementType;
+    /**
+     * The positioner of the tooltip.
+     */
+    Positioner: ElementType;
+    /**
+     * The content of the tooltip.
+     */
+    Content: ElementType;
+    /**
+     * The arrow of the tooltip.
+     */
+    Arrow: ElementType;
+    /**
+     * The arrow tip of the tooltip.
+     */
+    ArrowTip: ElementType;
+}
+/**
+ * An Object containing the parts of the Tooltip component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the TooltipParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const TooltipParts: TooltipPartsValue;
+export {};

package/dist/components/tooltip/parts.d.ts

@@ -0,0 +1,42 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Tooltip component.
+ * @module 'tooltip/parts'
+ */
+interface TooltipPartsValue {
+    /**
+     * The context provider of the tooltip.
+     */
+    Root: ElementType;
+    /**
+     * The trigger that of the tooltip.
+     */
+    Trigger: ElementType;
+    /**
+     * The positioner of the tooltip.
+     */
+    Positioner: ElementType;
+    /**
+     * The content of the tooltip.
+     */
+    Content: ElementType;
+    /**
+     * The arrow of the tooltip.
+     */
+    Arrow: ElementType;
+    /**
+     * The arrow tip of the tooltip.
+     */
+    ArrowTip: ElementType;
+}
+/**
+ * An Object containing the parts of the Tooltip component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the TooltipParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const TooltipParts: TooltipPartsValue;
+export {};