@cerberus-design/react 1.2.0 → 1.3.0-rc.1

package/dist/components/table/primitives.js

@@ -1,4 +1,4 @@
-import { cerberus, createCerberusPrimitive } from "../../system/index.js";
+import { createCerberusPrimitive } from "../../system/index.js";
 import { table } from "styled-system/recipes";
 //#region src/components/table/primitives.tsx
 /**
@@ -6,43 +6,43 @@ import { table } from "styled-system/recipes";
 * @module 'table/primitives'
 */
 var { withSlotRecipe } = createCerberusPrimitive(table);
-var TableRoot = withSlotRecipe(cerberus.div, "root", { defaultProps: {
+var TableRoot = withSlotRecipe("div", "root", { defaultProps: {
 	"data-scope": "table",
 	"data-part": "root"
 } });
-var TableEl = withSlotRecipe(cerberus.table, "table", { defaultProps: {
+var TableEl = withSlotRecipe("table", "table", { defaultProps: {
 	"data-scope": "table",
 	"data-part": "table"
 } });
-var Caption = withSlotRecipe(cerberus.caption, "caption", { defaultProps: {
+var Caption = withSlotRecipe("caption", "caption", { defaultProps: {
 	"data-scope": "table",
 	"data-part": "caption"
 } });
-var Thead = withSlotRecipe(cerberus.thead, "thead", { defaultProps: {
+var Thead = withSlotRecipe("thead", "thead", { defaultProps: {
 	"data-scope": "table",
 	"data-part": "header"
 } });
-var Th = withSlotRecipe(cerberus.th, "th", { defaultProps: {
+var Th = withSlotRecipe("th", "th", { defaultProps: {
 	"data-scope": "table",
 	"data-part": "header-col"
 } });
-var Tbody = withSlotRecipe(cerberus.tbody, "tbody", { defaultProps: {
+var Tbody = withSlotRecipe("tbody", "tbody", { defaultProps: {
 	"data-scope": "table",
 	"data-part": "body"
 } });
-var Tr = withSlotRecipe(cerberus.tr, "tr", { defaultProps: {
+var Tr = withSlotRecipe("tr", "tr", { defaultProps: {
 	"data-scope": "table",
 	"data-part": "row"
 } });
-var Td = withSlotRecipe(cerberus.td, "td", { defaultProps: {
+var Td = withSlotRecipe("td", "td", { defaultProps: {
 	"data-scope": "table",
 	"data-part": "cell"
 } });
-var Tfoot = withSlotRecipe(cerberus.tfoot, "tfoot", { defaultProps: {
+var Tfoot = withSlotRecipe("tfoot", "tfoot", { defaultProps: {
 	"data-scope": "table",
 	"data-part": "footer"
 } });
-var TableTrigger = withSlotRecipe(cerberus.button, "trigger", { defaultProps: {
+var TableTrigger = withSlotRecipe("button", "trigger", { defaultProps: {
 	"data-scope": "table",
 	"data-part": "trigger"
 } });

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

@@ -1,29 +1,14 @@
 import { Tabs, TabContentProps as ArkTabContentProps, TabIndicatorProps as ArkTabIndicatorProps, TabListProps as ArkTabListProps, TabsRootProps as ArkTabsRootProps, TabTriggerProps as ArkTabTriggerProps } from '@ark-ui/react/tabs';
 import { TabsVariantProps } from 'styled-system/recipes';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export type TabsRootProps = CerberusPrimitiveProps<ArkTabsRootProps & TabsVariantProps>;
-export declare const TabsRoot: {
-    (internalProps: CerberusPrimitiveProps<Tabs.RootProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TabsRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tabs.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TabsListProps = CerberusPrimitiveProps<ArkTabListProps>;
-export declare const TabsList: {
-    (internalProps: CerberusPrimitiveProps<Tabs.ListProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TabsList: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tabs.ListProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TabsTriggerProps = CerberusPrimitiveProps<ArkTabTriggerProps>;
-export declare const TabsTrigger: {
-    (internalProps: CerberusPrimitiveProps<Tabs.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TabsTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tabs.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TabContentProps = CerberusPrimitiveProps<ArkTabContentProps>;
-export declare const TabsContent: {
-    (internalProps: CerberusPrimitiveProps<Tabs.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TabsContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tabs.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TabIndicatorProps = CerberusPrimitiveProps<ArkTabIndicatorProps>;
-export declare const TabsIndicator: {
-    (internalProps: CerberusPrimitiveProps<Tabs.IndicatorProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TabsIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tabs.IndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -1,29 +1,14 @@
 import { Tabs, TabContentProps as ArkTabContentProps, TabIndicatorProps as ArkTabIndicatorProps, TabListProps as ArkTabListProps, TabsRootProps as ArkTabsRootProps, TabTriggerProps as ArkTabTriggerProps } from '@ark-ui/react/tabs';
 import { TabsVariantProps } from 'styled-system/recipes';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export type TabsRootProps = CerberusPrimitiveProps<ArkTabsRootProps & TabsVariantProps>;
-export declare const TabsRoot: {
-    (internalProps: CerberusPrimitiveProps<Tabs.RootProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TabsRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tabs.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TabsListProps = CerberusPrimitiveProps<ArkTabListProps>;
-export declare const TabsList: {
-    (internalProps: CerberusPrimitiveProps<Tabs.ListProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TabsList: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tabs.ListProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TabsTriggerProps = CerberusPrimitiveProps<ArkTabTriggerProps>;
-export declare const TabsTrigger: {
-    (internalProps: CerberusPrimitiveProps<Tabs.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TabsTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tabs.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TabContentProps = CerberusPrimitiveProps<ArkTabContentProps>;
-export declare const TabsContent: {
-    (internalProps: CerberusPrimitiveProps<Tabs.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TabsContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tabs.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TabIndicatorProps = CerberusPrimitiveProps<ArkTabIndicatorProps>;
-export declare const TabsIndicator: {
-    (internalProps: CerberusPrimitiveProps<Tabs.IndicatorProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TabsIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tabs.IndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -1,8 +1,5 @@
 import { CerberusPrimitiveProps } from '../../system/index';
 import { TagVariantProps } from 'styled-system/recipes';
-import { HTMLAttributes, DetailedHTMLProps } from 'react';
+import { HTMLAttributes, ForwardRefExoticComponent, DetailedHTMLProps, RefAttributes } from 'react';
 export type TagRootProps = CerberusPrimitiveProps<Omit<HTMLAttributes<HTMLSpanElement>, 'onClick'> & TagVariantProps>;
-export declare const TagRoot: {
-    (internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TagRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -1,8 +1,5 @@
 import { CerberusPrimitiveProps } from '../../system/index';
 import { TagVariantProps } from 'styled-system/recipes';
-import { HTMLAttributes, DetailedHTMLProps } from 'react';
+import { HTMLAttributes, ForwardRefExoticComponent, DetailedHTMLProps, RefAttributes } from 'react';
 export type TagRootProps = CerberusPrimitiveProps<Omit<HTMLAttributes<HTMLSpanElement>, 'onClick'> & TagVariantProps>;
-export declare const TagRoot: {
-    (internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TagRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

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

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

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

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

@@ -1,33 +1,15 @@
 import { Tooltip, TooltipRootProps as ArkTooltipRootProps, TooltipTriggerProps as ArkTooltipTriggerProps, TooltipPositionerProps as ArkTooltipPositionerProps, TooltipContentProps as ArkTooltipContentProps, TooltipArrowProps as ArkTooltipArrowProps, TooltipArrowTipProps as ArkTooltipArrowTipProps } from '@ark-ui/react/tooltip';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export type TooltipRootProps = CerberusPrimitiveProps<ArkTooltipRootProps>;
-export declare const TooltipRoot: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.RootProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.RootProps>, "ref"> & RefAttributes<HTMLElement>>;
 export type TooltipTriggerProps = CerberusPrimitiveProps<ArkTooltipTriggerProps>;
-export declare const TooltipTrigger: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TooltipPositionerProps = CerberusPrimitiveProps<ArkTooltipPositionerProps>;
-export declare const TooltipPositioner: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipPositioner: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.PositionerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TooltipContentProps = CerberusPrimitiveProps<ArkTooltipContentProps>;
-export declare const TooltipContent: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TooltipArrowProps = CerberusPrimitiveProps<ArkTooltipArrowProps>;
-export declare const TooltipArrow: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.ArrowProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipArrow: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.ArrowProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TooltipArrowTipProps = CerberusPrimitiveProps<ArkTooltipArrowTipProps>;
-export declare const TooltipArrowTip: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.ArrowTipProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipArrowTip: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.ArrowTipProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -1,33 +1,15 @@
 import { Tooltip, TooltipRootProps as ArkTooltipRootProps, TooltipTriggerProps as ArkTooltipTriggerProps, TooltipPositionerProps as ArkTooltipPositionerProps, TooltipContentProps as ArkTooltipContentProps, TooltipArrowProps as ArkTooltipArrowProps, TooltipArrowTipProps as ArkTooltipArrowTipProps } from '@ark-ui/react/tooltip';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export type TooltipRootProps = CerberusPrimitiveProps<ArkTooltipRootProps>;
-export declare const TooltipRoot: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.RootProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.RootProps>, "ref"> & RefAttributes<HTMLElement>>;
 export type TooltipTriggerProps = CerberusPrimitiveProps<ArkTooltipTriggerProps>;
-export declare const TooltipTrigger: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TooltipPositionerProps = CerberusPrimitiveProps<ArkTooltipPositionerProps>;
-export declare const TooltipPositioner: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipPositioner: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.PositionerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TooltipContentProps = CerberusPrimitiveProps<ArkTooltipContentProps>;
-export declare const TooltipContent: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TooltipArrowProps = CerberusPrimitiveProps<ArkTooltipArrowProps>;
-export declare const TooltipArrow: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.ArrowProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipArrow: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.ArrowProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type TooltipArrowTipProps = CerberusPrimitiveProps<ArkTooltipArrowTipProps>;
-export declare const TooltipArrowTip: {
-    (internalProps: CerberusPrimitiveProps<Tooltip.ArrowTipProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TooltipArrowTip: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Tooltip.ArrowTipProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/tooltip/renderer.cjs

@@ -0,0 +1,11 @@
+"use client";
+"use client";
+const require_portal = require("../portal/portal.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/tooltip/renderer.tsx
+function TooltipRenderer(props) {
+	if (props.portal) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portal.Portal, { children: props.children });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.children });
+}
+//#endregion
+exports.TooltipRenderer = TooltipRenderer;

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

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+interface TooltipRendererProps {
+    portal: boolean;
+}
+export declare function TooltipRenderer(props: PropsWithChildren<TooltipRendererProps>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+interface TooltipRendererProps {
+    portal: boolean;
+}
+export declare function TooltipRenderer(props: PropsWithChildren<TooltipRendererProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tooltip/renderer.js

@@ -0,0 +1,11 @@
+"use client";
+"use client";
+import { Portal } from "../portal/portal.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region src/components/tooltip/renderer.tsx
+function TooltipRenderer(props) {
+	if (props.portal) return /* @__PURE__ */ jsx(Portal, { children: props.children });
+	return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+}
+//#endregion
+export { TooltipRenderer };

package/dist/components/tooltip/tooltip.cjs

@@ -1,4 +1,5 @@
 const require_parts = require("./parts.cjs");
+const require_renderer = require("./renderer.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tooltip/tooltip.tsx
 /**
@@ -11,7 +12,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * </Tooltip>
 */
 function Tooltip(props) {
-	const { content, children, ...rootProps } = props;
+	const { content, children, portal, ...rootProps } = props;
 	const position = { placement: props.positioning || "top" };
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.TooltipParts.Root, {
 		openDelay: 400,
@@ -20,7 +21,10 @@ function Tooltip(props) {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.Trigger, {
 			asChild: true,
 			children
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.TooltipParts.Content, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.Arrow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.ArrowTip, {}) }), content] }) })]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_renderer.TooltipRenderer, {
+			portal: Boolean(portal),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.TooltipParts.Content, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.Arrow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.ArrowTip, {}) }), content] }) })
+		})]
 	});
 }
 //#endregion

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

@@ -9,6 +9,10 @@ export interface TooltipProps extends Omit<TooltipRootProps, 'content'> {
      * The text content to display in the tooltip.
      */
     content: ReactNode;
+    /**
+     * Whether to render the content within a Portal or not. Default is set to **false**.
+     */
+    portal?: boolean;
 }
 /**
  * The Tooltip component is used to provide additional information about an element when it is hovered over.

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

@@ -9,6 +9,10 @@ export interface TooltipProps extends Omit<TooltipRootProps, 'content'> {
      * The text content to display in the tooltip.
      */
     content: ReactNode;
+    /**
+     * Whether to render the content within a Portal or not. Default is set to **false**.
+     */
+    portal?: boolean;
 }
 /**
  * The Tooltip component is used to provide additional information about an element when it is hovered over.

package/dist/components/tooltip/tooltip.js

@@ -1,4 +1,5 @@
 import { TooltipParts } from "./parts.js";
+import { TooltipRenderer } from "./renderer.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/tooltip/tooltip.tsx
 /**
@@ -11,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * </Tooltip>
 */
 function Tooltip(props) {
-	const { content, children, ...rootProps } = props;
+	const { content, children, portal, ...rootProps } = props;
 	const position = { placement: props.positioning || "top" };
 	return /* @__PURE__ */ jsxs(TooltipParts.Root, {
 		openDelay: 400,
@@ -20,7 +21,10 @@ function Tooltip(props) {
 		children: [/* @__PURE__ */ jsx(TooltipParts.Trigger, {
 			asChild: true,
 			children
-		}), /* @__PURE__ */ jsx(TooltipParts.Positioner, { children: /* @__PURE__ */ jsxs(TooltipParts.Content, { children: [/* @__PURE__ */ jsx(TooltipParts.Arrow, { children: /* @__PURE__ */ jsx(TooltipParts.ArrowTip, {}) }), content] }) })]
+		}), /* @__PURE__ */ jsx(TooltipRenderer, {
+			portal: Boolean(portal),
+			children: /* @__PURE__ */ jsx(TooltipParts.Positioner, { children: /* @__PURE__ */ jsxs(TooltipParts.Content, { children: [/* @__PURE__ */ jsx(TooltipParts.Arrow, { children: /* @__PURE__ */ jsx(TooltipParts.ArrowTip, {}) }), content] }) })
+		})]
 	});
 }
 //#endregion

package/dist/context/cerberus.cjs

@@ -1,8 +1,8 @@
 "use client";
 "use client";
 const require_index = require("../config/index.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/context/cerberus.tsx
 var CerberusContext = (0, react.createContext)(null);
 /**

package/dist/context/cerberus.js

@@ -1,8 +1,8 @@
 "use client";
 "use client";
 import { makeSystemConfig } from "../config/index.js";
-import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/context/cerberus.tsx
 var CerberusContext = createContext(null);
 /**

package/dist/context/confirm-modal.cjs

@@ -6,9 +6,9 @@ const require_avatar = require("../components/avatar/avatar.cjs");
 const require_button = require("../components/button/button.cjs");
 const require_primitives = require("../components/dialog/primitives.cjs");
 const require_dialog = require("../components/dialog/dialog.cjs");
+let react = require("react");
 let styled_system_css = require("styled-system/css");
 let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
 let styled_system_jsx = require("styled-system/jsx");
 //#region src/context/confirm-modal.tsx
 var ConfirmModalContext = (0, react.createContext)(null);

package/dist/context/confirm-modal.js

@@ -6,9 +6,9 @@ import { Avatar } from "../components/avatar/avatar.js";
 import { Button } from "../components/button/button.js";
 import { DialogCloseTrigger, DialogDescription, DialogHeading, DialogProvider } from "../components/dialog/primitives.js";
 import { Dialog } from "../components/dialog/dialog.js";
+import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { css } from "styled-system/css";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { HStack, VStack } from "styled-system/jsx";
 //#region src/context/confirm-modal.tsx
 var ConfirmModalContext = createContext(null);

package/dist/context/feature-flags.cjs

@@ -1,7 +1,7 @@
 "use client";
 "use client";
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/context/feature-flags.tsx
 var FeatureFlagContext = (0, react.createContext)(null);
 /**

package/dist/context/feature-flags.js

@@ -1,7 +1,7 @@
 "use client";
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/context/feature-flags.tsx
 var FeatureFlagContext = createContext(null);
 /**

package/dist/context/navMenu.cjs

@@ -1,8 +1,8 @@
 "use client";
 "use client";
+let react = require("react");
 let styled_system_css = require("styled-system/css");
 let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
 //#region src/context/navMenu.tsx
 var NavMenuContext = (0, react.createContext)(null);
 /**

package/dist/context/navMenu.js

@@ -1,8 +1,8 @@
 "use client";
 "use client";
+import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { css } from "styled-system/css";
 import { jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 //#region src/context/navMenu.tsx
 var NavMenuContext = createContext(null);
 /**

package/dist/context/prompt-modal.cjs

@@ -6,13 +6,13 @@ const require_avatar = require("../components/avatar/avatar.cjs");
 const require_button = require("../components/button/button.cjs");
 const require_text = require("../components/text/text.cjs");
 const require_parts = require("../components/clipboard/parts.cjs");
-const require_primitives = require("../components/dialog/primitives.cjs");
 const require_button$1 = require("../components/icon-button/button.cjs");
+const require_primitives = require("../components/dialog/primitives.cjs");
 const require_dialog = require("../components/dialog/dialog.cjs");
 const require_primitives$1 = require("../components/field/primitives.cjs");
+let react = require("react");
 let styled_system_css = require("styled-system/css");
 let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
 let styled_system_jsx = require("styled-system/jsx");
 let _ark_ui_react_dialog = require("@ark-ui/react/dialog");
 let styled_system_patterns = require("styled-system/patterns");

package/dist/context/prompt-modal.js

@@ -6,13 +6,13 @@ import { Avatar } from "../components/avatar/avatar.js";
 import { Button } from "../components/button/button.js";
 import { Text } from "../components/text/text.js";
 import { Clipboard } from "../components/clipboard/parts.js";
-import { DialogDescription, DialogHeading, DialogProvider } from "../components/dialog/primitives.js";
 import { IconButton } from "../components/icon-button/button.js";
+import { DialogDescription, DialogHeading, DialogProvider } from "../components/dialog/primitives.js";
 import { Dialog as Dialog$1 } from "../components/dialog/dialog.js";
 import { FieldLabel, FieldRoot, Input } from "../components/field/primitives.js";
+import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { css } from "styled-system/css";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { HStack, VStack } from "styled-system/jsx";
 import { DialogCloseTrigger } from "@ark-ui/react/dialog";
 import { hstack } from "styled-system/patterns";

package/dist/context/theme.cjs

@@ -1,8 +1,8 @@
 "use client";
 "use client";
 const require_useTheme = require("../hooks/useTheme.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/context/theme.tsx
 var ThemeContext = (0, react.createContext)(null);
 /**

package/dist/context/theme.js

@@ -1,8 +1,8 @@
 "use client";
 "use client";
 import { useTheme } from "../hooks/useTheme.js";
-import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/context/theme.tsx
 var ThemeContext = createContext(null);
 /**