@saas-ui/react 3.0.0-next.7 → 3.0.0-next.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @saas-ui/react
 
+## 3.0.0-next.8
+
+### Patch Changes
+
+- Fix Popover props
+
 ## 3.0.0-next.7
 
 ### Patch Changes

package/dist/_tsup-dts-rollup.d.cts

@@ -2805,23 +2805,10 @@ maxWidth: "full";
 
 declare const Content_2 = forwardRef<HTMLDivElement, ContentProps_3>(
 declare function PopoverContent(props, ref) {
-    // TODO: fix this, somehow the experimental dts build fails when deconstructing props
-    const portalled = props.portalled ?? false
-    const portalRef = props.portalRef ?? undefined
-    const children = props.children ?? null
-
-    delete props.portalled
-    delete props.portalRef
-    delete props.children
-
     return (
-    <Portal disabled={!portalled} container={portalRef}>
     <ChakraPopover.Positioner>
-    <ChakraPopover.Content ref={ref} {...props}>
-        {children}
-    </ChakraPopover.Content>
+    <ChakraPopover.Content ref={ref} {...props} />
     </ChakraPopover.Positioner>
-    </Portal>
     )
 },
 );
@@ -2847,10 +2834,7 @@ declare interface ContentProps_2 extends HoverCard_2.ContentProps {
     portalRef?: React_2.RefObject<HTMLElement>;
 }
 
-declare interface ContentProps_3 extends Popover_3.ContentProps {
-    portalled?: boolean
-    portalRef?: RefObject<HTMLElement>
-}
+declare interface ContentProps_3 extends Popover_3.ContentProps {}
 
 export declare type ContentProps_alias_1 = ActionBarContentProps;
 
@@ -2872,8 +2856,6 @@ export declare interface ContentProps_alias_4 extends Menu_2.ContentProps {
 }
 
 export declare interface ContentProps_alias_5 extends Popover_3.ContentProps {
-    portalled?: boolean;
-    portalRef?: RefObject<HTMLElement>;
 }
 
 export declare const Context: (props: DialogContextProps) => ReactNode;

package/dist/_tsup-dts-rollup.d.ts

@@ -2805,23 +2805,10 @@ maxWidth: "full";
 
 declare const Content_2 = forwardRef<HTMLDivElement, ContentProps_3>(
 declare function PopoverContent(props, ref) {
-    // TODO: fix this, somehow the experimental dts build fails when deconstructing props
-    const portalled = props.portalled ?? false
-    const portalRef = props.portalRef ?? undefined
-    const children = props.children ?? null
-
-    delete props.portalled
-    delete props.portalRef
-    delete props.children
-
     return (
-    <Portal disabled={!portalled} container={portalRef}>
     <ChakraPopover.Positioner>
-    <ChakraPopover.Content ref={ref} {...props}>
-        {children}
-    </ChakraPopover.Content>
+    <ChakraPopover.Content ref={ref} {...props} />
     </ChakraPopover.Positioner>
-    </Portal>
     )
 },
 );
@@ -2847,10 +2834,7 @@ declare interface ContentProps_2 extends HoverCard_2.ContentProps {
     portalRef?: React_2.RefObject<HTMLElement>;
 }
 
-declare interface ContentProps_3 extends Popover_3.ContentProps {
-    portalled?: boolean
-    portalRef?: RefObject<HTMLElement>
-}
+declare interface ContentProps_3 extends Popover_3.ContentProps {}
 
 export declare type ContentProps_alias_1 = ActionBarContentProps;
 
@@ -2872,8 +2856,6 @@ export declare interface ContentProps_alias_4 extends Menu_2.ContentProps {
 }
 
 export declare interface ContentProps_alias_5 extends Popover_3.ContentProps {
-    portalled?: boolean;
-    portalRef?: RefObject<HTMLElement>;
 }
 
 export declare const Context: (props: DialogContextProps) => ReactNode;

package/dist/{chunk-PAFMCX5C.js → chunk-D72A4SU3.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   ToggleTip
-} from "./chunk-ZQ23HEVM.js";
+} from "./chunk-OWFY465Z.js";
 import {
   IconButton
 } from "./chunk-OJZPPAT6.js";

package/dist/{chunk-Q7I3QDL4.js → chunk-FVUEAELO.js}

@@ -24,17 +24,10 @@ __export(popover_exports, {
 });
 import { forwardRef } from "react";
 import { Popover as ChakraPopover } from "@chakra-ui/react/popover";
-import { Portal } from "@chakra-ui/react/portal";
 import { jsx } from "react/jsx-runtime";
 var Content = forwardRef(
   function PopoverContent(props, ref) {
-    const portalled = props.portalled ?? false;
-    const portalRef = props.portalRef ?? void 0;
-    const children = props.children ?? null;
-    delete props.portalled;
-    delete props.portalRef;
-    delete props.children;
-    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraPopover.Positioner, { children: /* @__PURE__ */ jsx(ChakraPopover.Content, { ref, ...props, children }) }) });
+    return /* @__PURE__ */ jsx(ChakraPopover.Positioner, { children: /* @__PURE__ */ jsx(ChakraPopover.Content, { ref, ...props }) });
   }
 );
 var Arrow = forwardRef(

package/dist/{chunk-ZQ23HEVM.js → chunk-OWFY465Z.js}

@@ -1,7 +1,10 @@
 'use client'
+import {
+  Portal
+} from "./chunk-UZUMIWPJ.js";
 import {
   popover_exports
-} from "./chunk-Q7I3QDL4.js";
+} from "./chunk-FVUEAELO.js";
 
 // src/components/toggle-tip/toggle-tip.tsx
 import * as React from "react";
@@ -18,7 +21,7 @@ var ToggleTip = React.forwardRef(
     } = props;
     return /* @__PURE__ */ jsxs(popover_exports.Root, { ...rest, positioning: { ...rest.positioning, gutter: 4 }, children: [
       /* @__PURE__ */ jsx(popover_exports.Trigger, { asChild: true, children }),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsxs(
         popover_exports.Content,
         {
           width: "auto",
@@ -26,14 +29,13 @@ var ToggleTip = React.forwardRef(
           py: "1",
           textStyle: "xs",
           rounded: "sm",
-          portalled,
           ref,
           children: [
             showArrow && /* @__PURE__ */ jsx(popover_exports.Arrow, {}),
             content
           ]
         }
-      )
+      ) })
     ] });
   }
 );

package/dist/components/info-tip/index.cjs

@@ -211,7 +211,6 @@ __export(popover_exports, {
 });
 var import_react3 = require("react");
 var import_popover = require("@chakra-ui/react/popover");
-var import_portal = require("@chakra-ui/react/portal");
 
 // src/components/close-button/close-button.tsx
 var import_react2 = require("react");
@@ -226,13 +225,7 @@ var CloseButton = (0, import_react2.forwardRef)(
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Content = (0, import_react3.forwardRef)(
   function PopoverContent(props, ref) {
-    const portalled = props.portalled ?? false;
-    const portalRef = props.portalRef ?? void 0;
-    const children = props.children ?? null;
-    delete props.portalled;
-    delete props.portalRef;
-    delete props.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Content, { ref, ...props, children }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Content, { ref, ...props }) });
   }
 );
 var Arrow = (0, import_react3.forwardRef)(
@@ -264,6 +257,9 @@ var Body = import_popover.Popover.Body;
 var Trigger = import_popover.Popover.Trigger;
 var Context = import_popover.Popover.Context;
 
+// src/components/portal/index.ts
+var import_portal = require("@chakra-ui/react/portal");
+
 // src/components/toggle-tip/toggle-tip.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var ToggleTip = React.forwardRef(
@@ -278,7 +274,7 @@ var ToggleTip = React.forwardRef(
     } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(popover_exports.Root, { ...rest, positioning: { ...rest.positioning, gutter: 4 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(popover_exports.Trigger, { asChild: true, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_portal.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         popover_exports.Content,
         {
           width: "auto",
@@ -286,14 +282,13 @@ var ToggleTip = React.forwardRef(
           py: "1",
           textStyle: "xs",
           rounded: "sm",
-          portalled,
           ref,
           children: [
             showArrow && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(popover_exports.Arrow, {}),
             content
           ]
         }
-      )
+      ) })
     ] });
   }
 );

package/dist/components/info-tip/index.js

@@ -1,9 +1,10 @@
 'use client'
 import {
   InfoTip
-} from "../../chunk-PAFMCX5C.js";
-import "../../chunk-ZQ23HEVM.js";
-import "../../chunk-Q7I3QDL4.js";
+} from "../../chunk-D72A4SU3.js";
+import "../../chunk-OWFY465Z.js";
+import "../../chunk-UZUMIWPJ.js";
+import "../../chunk-FVUEAELO.js";
 import "../../chunk-KTLWEUNW.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-U2CWQDXE.js";

package/dist/components/popover/index.cjs

@@ -43,7 +43,6 @@ __export(popover_exports, {
 });
 var import_react3 = require("react");
 var import_popover = require("@chakra-ui/react/popover");
-var import_portal = require("@chakra-ui/react/portal");
 
 // src/components/close-button/close-button.tsx
 var import_react2 = require("react");
@@ -212,13 +211,7 @@ var CloseButton = (0, import_react2.forwardRef)(
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Content = (0, import_react3.forwardRef)(
   function PopoverContent(props, ref) {
-    const portalled = props.portalled ?? false;
-    const portalRef = props.portalRef ?? void 0;
-    const children = props.children ?? null;
-    delete props.portalled;
-    delete props.portalRef;
-    delete props.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Content, { ref, ...props, children }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Content, { ref, ...props }) });
   }
 );
 var Arrow = (0, import_react3.forwardRef)(

package/dist/components/popover/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   popover_exports
-} from "../../chunk-Q7I3QDL4.js";
+} from "../../chunk-FVUEAELO.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-U2CWQDXE.js";
 import "../../chunk-OJZPPAT6.js";

package/dist/components/toggle-tip/index.cjs

@@ -56,7 +56,6 @@ __export(popover_exports, {
 });
 var import_react3 = require("react");
 var import_popover = require("@chakra-ui/react/popover");
-var import_portal = require("@chakra-ui/react/portal");
 
 // src/components/close-button/close-button.tsx
 var import_react2 = require("react");
@@ -225,13 +224,7 @@ var CloseButton = (0, import_react2.forwardRef)(
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Content = (0, import_react3.forwardRef)(
   function PopoverContent(props, ref) {
-    const portalled = props.portalled ?? false;
-    const portalRef = props.portalRef ?? void 0;
-    const children = props.children ?? null;
-    delete props.portalled;
-    delete props.portalRef;
-    delete props.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Content, { ref, ...props, children }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Content, { ref, ...props }) });
   }
 );
 var Arrow = (0, import_react3.forwardRef)(
@@ -263,6 +256,9 @@ var Body = import_popover.Popover.Body;
 var Trigger = import_popover.Popover.Trigger;
 var Context = import_popover.Popover.Context;
 
+// src/components/portal/index.ts
+var import_portal = require("@chakra-ui/react/portal");
+
 // src/components/toggle-tip/toggle-tip.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var ToggleTip = React.forwardRef(
@@ -277,7 +273,7 @@ var ToggleTip = React.forwardRef(
     } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(popover_exports.Root, { ...rest, positioning: { ...rest.positioning, gutter: 4 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(popover_exports.Trigger, { asChild: true, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_portal.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         popover_exports.Content,
         {
           width: "auto",
@@ -285,14 +281,13 @@ var ToggleTip = React.forwardRef(
           py: "1",
           textStyle: "xs",
           rounded: "sm",
-          portalled,
           ref,
           children: [
             showArrow && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(popover_exports.Arrow, {}),
             content
           ]
         }
-      )
+      ) })
     ] });
   }
 );

package/dist/components/toggle-tip/index.js

@@ -1,8 +1,9 @@
 'use client'
 import {
   ToggleTip
-} from "../../chunk-ZQ23HEVM.js";
-import "../../chunk-Q7I3QDL4.js";
+} from "../../chunk-OWFY465Z.js";
+import "../../chunk-UZUMIWPJ.js";
+import "../../chunk-FVUEAELO.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-U2CWQDXE.js";
 import "../../chunk-OJZPPAT6.js";

package/dist/index.cjs

@@ -108,7 +108,7 @@ __export(index_exports, {
   PersonaAvatar: () => PersonaAvatar2,
   PinInput: () => PinInput,
   Popover: () => popover_exports,
-  Portal: () => import_portal9.Portal,
+  Portal: () => import_portal4.Portal,
   Presence: () => import_presence3.Presence,
   Progress: () => import_progress.Progress,
   ProgressCircle: () => import_progress_circle.ProgressCircle,
@@ -10355,17 +10355,10 @@ __export(popover_exports, {
 });
 var import_react54 = require("react");
 var import_popover = require("@chakra-ui/react/popover");
-var import_portal4 = require("@chakra-ui/react/portal");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var Content5 = (0, import_react54.forwardRef)(
   function PopoverContent(props, ref) {
-    const portalled = props.portalled ?? false;
-    const portalRef = props.portalRef ?? void 0;
-    const children = props.children ?? null;
-    delete props.portalled;
-    delete props.portalRef;
-    delete props.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_portal4.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_popover.Popover.Content, { ref, ...props, children }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_popover.Popover.Content, { ref, ...props }) });
   }
 );
 var Arrow2 = (0, import_react54.forwardRef)(
@@ -10397,6 +10390,9 @@ var Body3 = import_popover.Popover.Body;
 var Trigger5 = import_popover.Popover.Trigger;
 var Context3 = import_popover.Popover.Context;
 
+// src/components/portal/index.ts
+var import_portal4 = require("@chakra-ui/react/portal");
+
 // src/components/toggle-tip/toggle-tip.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var ToggleTip = React9.forwardRef(
@@ -10411,7 +10407,7 @@ var ToggleTip = React9.forwardRef(
     } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(popover_exports.Root, { ...rest, positioning: { ...rest.positioning, gutter: 4 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(popover_exports.Trigger, { asChild: true, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_portal4.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         popover_exports.Content,
         {
           width: "auto",
@@ -10419,14 +10415,13 @@ var ToggleTip = React9.forwardRef(
           py: "1",
           textStyle: "xs",
           rounded: "sm",
-          portalled,
           ref,
           children: [
             showArrow && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(popover_exports.Arrow, {}),
             content
           ]
         }
-      )
+      ) })
     ] });
   }
 );
@@ -10622,12 +10617,12 @@ __export(menu_exports, {
 var import_react62 = require("react");
 var import_center = require("@chakra-ui/react/center");
 var import_menu = require("@chakra-ui/react/menu");
-var import_portal5 = require("@chakra-ui/react/portal");
+var import_portal6 = require("@chakra-ui/react/portal");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var MenuContent = (0, import_react62.forwardRef)(
   function MenuContent2(props, ref) {
     const { portalled = true, portalRef, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_portal5.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.Content, { ref, ...rest }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_portal6.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.Content, { ref, ...rest }) }) });
   }
 );
 var MenuArrow = (0, import_react62.forwardRef)(
@@ -11453,7 +11448,7 @@ __export(namespace_exports, {
 
 // src/components/select/select.tsx
 var import_react79 = require("react");
-var import_portal6 = require("@chakra-ui/react/portal");
+var import_portal7 = require("@chakra-ui/react/portal");
 var import_select2 = require("@chakra-ui/react/select");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var SelectTrigger = (0, import_react79.forwardRef)(
@@ -11483,7 +11478,7 @@ var SelectClearTrigger = (0, import_react79.forwardRef)(function SelectClearTrig
 var SelectContent = (0, import_react79.forwardRef)(
   function SelectContent2(props, ref) {
     const { portalled = true, portalRef, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_portal6.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_select2.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_select2.Select.Content, { ...rest, ref }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_portal7.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_select2.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_select2.Select.Content, { ...rest, ref }) }) });
   }
 );
 var SelectItem = (0, import_react79.forwardRef)(
@@ -11925,7 +11920,7 @@ var import_timeline = require("@chakra-ui/react/timeline");
 
 // src/components/toaster/toaster.tsx
 var import_react87 = require("react");
-var import_portal7 = require("@chakra-ui/react/portal");
+var import_portal8 = require("@chakra-ui/react/portal");
 var import_stack2 = require("@chakra-ui/react/stack");
 var import_toast = require("@chakra-ui/react/toast");
 var import_jsx_runtime52 = require("react/jsx-runtime");
@@ -11943,7 +11938,7 @@ var Toaster = (props) => {
     });
     return toast;
   }, [options]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_portal7.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_toast.Toaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_portal8.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_toast.Toaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => {
     const closable = toast2.meta?.closable === false ? false : defaultClosable && toast2.type !== "loading";
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(ToastRoot, { children: [
       toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Spinner, { size: "sm", color: "colorPalette.solid", mt: "0.5" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_toast.Toast.Indicator, {}),
@@ -11976,7 +11971,7 @@ function ToastRoot(props) {
 
 // src/components/tooltip/tooltip.tsx
 var import_react88 = require("react");
-var import_portal8 = require("@chakra-ui/react/portal");
+var import_portal9 = require("@chakra-ui/react/portal");
 var import_tooltip = require("@chakra-ui/react/tooltip");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var Tooltip = (0, import_react88.forwardRef)(
@@ -11994,7 +11989,7 @@ var Tooltip = (0, import_react88.forwardRef)(
     if (disabled) return children;
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tooltip.Tooltip.Root, { ...rest, children: [
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tooltip.Tooltip.Trigger, { asChild: true, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_portal8.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tooltip.Tooltip.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tooltip.Tooltip.Content, { ref, ...contentProps, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_portal9.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tooltip.Tooltip.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tooltip.Tooltip.Content, { ref, ...contentProps, children: [
         showArrow && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tooltip.Tooltip.Arrow, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tooltip.Tooltip.ArrowTip, {}) }),
         content
       ] }) }) })
@@ -12047,9 +12042,6 @@ var import_group3 = require("@chakra-ui/react/group");
 // src/components/highlight/index.ts
 var import_highlight = require("@chakra-ui/react/highlight");
 
-// src/components/portal/index.ts
-var import_portal9 = require("@chakra-ui/react/portal");
-
 // src/components/presence/index.ts
 var import_presence3 = require("@chakra-ui/react/presence");
 

package/dist/index.js

@@ -6,12 +6,12 @@ import {
   Strong,
   Text
 } from "./chunk-J5UCKCIO.js";
-import {
-  Textarea
-} from "./chunk-CQD32UVJ.js";
 import {
   Tag
 } from "./chunk-WJZED26X.js";
+import {
+  Textarea
+} from "./chunk-CQD32UVJ.js";
 import {
   Timeline
 } from "./chunk-QLN2CBY6.js";
@@ -29,8 +29,11 @@ import {
   VisuallyHidden
 } from "./chunk-HHTTORZ6.js";
 import {
-  Spacer
-} from "./chunk-UAX5344Y.js";
+  HStack,
+  Stack,
+  StackSeparator,
+  VStack
+} from "./chunk-QNKQFCKJ.js";
 import {
   stat_exports
 } from "./chunk-3RHNNKPC.js";
@@ -40,18 +43,12 @@ import {
 import {
   steps_exports
 } from "./chunk-XQTIY2ND.js";
-import {
-  Switch
-} from "./chunk-3E6URZ5P.js";
 import {
   Table
 } from "./chunk-TH6YCBEG.js";
 import {
-  sidebar_exports,
-  useSidebar,
-  useSidebarItemStyles,
-  useSidebarStyles
-} from "./chunk-U23VDAWJ.js";
+  Switch
+} from "./chunk-3E6URZ5P.js";
 import {
   Tabs,
   useTabsContext,
@@ -60,6 +57,9 @@ import {
 import {
   namespace_exports
 } from "./chunk-2UMNJBGS.js";
+import {
+  Show
+} from "./chunk-LU2H6GWC.js";
 import {
   SkipNavContent,
   SkipNavLink
@@ -70,38 +70,35 @@ import {
   SkeletonText
 } from "./chunk-UEXUCHDD.js";
 import {
-  RadioGroup
-} from "./chunk-NCNHDETB.js";
+  sidebar_exports,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+} from "./chunk-U23VDAWJ.js";
 import {
   Slider
 } from "./chunk-HREBIPVW.js";
 import {
-  HStack,
-  Stack,
-  StackSeparator,
-  VStack
-} from "./chunk-QNKQFCKJ.js";
-import {
-  Radio
-} from "./chunk-PZWP36YA.js";
+  Spacer
+} from "./chunk-UAX5344Y.js";
 import {
   radio_card_exports
 } from "./chunk-KRJG7H4W.js";
+import {
+  RadioGroup
+} from "./chunk-NCNHDETB.js";
 import {
   RatingGroup
 } from "./chunk-HQVBJT5Y.js";
+import {
+  Separator
+} from "./chunk-27OMFCPD.js";
 import {
   SearchInput
 } from "./chunk-C5YLE76Q.js";
 import {
   SegmentedControl
 } from "./chunk-KFDVVTMT.js";
-import {
-  Show
-} from "./chunk-LU2H6GWC.js";
-import {
-  Separator
-} from "./chunk-27OMFCPD.js";
 import {
   Persona,
   PersonaAvatar,
@@ -120,20 +117,20 @@ import {
   Progress
 } from "./chunk-6YZ76Q2W.js";
 import {
-  Portal
-} from "./chunk-UZUMIWPJ.js";
+  Radio
+} from "./chunk-PZWP36YA.js";
 import {
   QrCode
 } from "./chunk-K3MFCSAW.js";
+import {
+  Mark
+} from "./chunk-EWCBYJA7.js";
 import {
   menu_exports
 } from "./chunk-DEP2DH7P.js";
 import {
   NativeSelect
 } from "./chunk-TKJXJEXT.js";
-import {
-  pagination_exports
-} from "./chunk-6XSCENTR.js";
 import {
   NumberInput
 } from "./chunk-RFBD2ZNL.js";
@@ -141,15 +138,30 @@ import {
   page_exports,
   usePageStyles
 } from "./chunk-ZJ2VD224.js";
+import {
+  navbar_exports
+} from "./chunk-DJNPK2LM.js";
+import {
+  pagination_exports
+} from "./chunk-6XSCENTR.js";
 import {
   PasswordInput
 } from "./chunk-TXIFPX2A.js";
 import {
-  navbar_exports
-} from "./chunk-DJNPK2LM.js";
+  InfoTip
+} from "./chunk-D72A4SU3.js";
 import {
-  Heading
-} from "./chunk-HZX4AGO5.js";
+  ToggleTip
+} from "./chunk-OWFY465Z.js";
+import {
+  Portal
+} from "./chunk-UZUMIWPJ.js";
+import {
+  popover_exports
+} from "./chunk-FVUEAELO.js";
+import {
+  List
+} from "./chunk-C5KFNMWU.js";
 import {
   Loader
 } from "./chunk-DHFAFRZ4.js";
@@ -160,11 +172,11 @@ import {
   Spinner
 } from "./chunk-MK3OG2I4.js";
 import {
-  List
-} from "./chunk-C5KFNMWU.js";
+  Heading
+} from "./chunk-HZX4AGO5.js";
 import {
-  Mark
-} from "./chunk-EWCBYJA7.js";
+  Highlight
+} from "./chunk-TGEP2YAT.js";
 import {
   hover_card_exports
 } from "./chunk-MZ2RY4NU.js";
@@ -174,40 +186,35 @@ import {
 import {
   IconBadge
 } from "./chunk-NSFGACD7.js";
-import {
-  FormatByte,
-  FormatNumber
-} from "./chunk-6WZK2RBQ.js";
 import {
   Image
 } from "./chunk-FD2V4Y66.js";
 import {
-  InfoTip
-} from "./chunk-PAFMCX5C.js";
+  Float
+} from "./chunk-XD7U6L2E.js";
 import {
-  ToggleTip
-} from "./chunk-ZQ23HEVM.js";
+  FocusTrap
+} from "./chunk-EWATHRZA.js";
 import {
-  popover_exports
-} from "./chunk-Q7I3QDL4.js";
+  file_upload_exports,
+  useFileUploadContext
+} from "./chunk-VVTDE7NH.js";
 import {
-  Float
-} from "./chunk-XD7U6L2E.js";
+  FormatByte,
+  FormatNumber
+} from "./chunk-6WZK2RBQ.js";
 import {
   Grid
 } from "./chunk-EZZW6JOU.js";
 import {
-  FocusTrap
-} from "./chunk-EWATHRZA.js";
+  Group
+} from "./chunk-3CKGT42F.js";
 import {
   grid_list_exports
 } from "./chunk-ZUT5GZTD.js";
 import {
-  Group
-} from "./chunk-3CKGT42F.js";
-import {
-  Highlight
-} from "./chunk-TGEP2YAT.js";
+  dialog_exports
+} from "./chunk-HXNGSQQG.js";
 import {
   drawer_exports
 } from "./chunk-HHKMVSL4.js";
@@ -231,15 +238,14 @@ import {
   useFieldsetContext
 } from "./chunk-FPRTN3I7.js";
 import {
-  Container
-} from "./chunk-PIQURQGB.js";
-import {
-  file_upload_exports,
-  useFileUploadContext
-} from "./chunk-VVTDE7NH.js";
+  ClientOnly
+} from "./chunk-4N4SHDPB.js";
 import {
   Code
 } from "./chunk-YMCOU2N5.js";
+import {
+  Collapsible
+} from "./chunk-PEJYADAS.js";
 import {
   ColorPicker
 } from "./chunk-JR5RLXCK.js";
@@ -247,8 +253,8 @@ import {
   ColorSwatch
 } from "./chunk-TYMVLD3B.js";
 import {
-  Collapsible
-} from "./chunk-PEJYADAS.js";
+  Container
+} from "./chunk-PIQURQGB.js";
 import {
   Command
 } from "./chunk-5ZKEXMBN.js";
@@ -260,8 +266,8 @@ import {
   useDataListStyles
 } from "./chunk-52XM5VXJ.js";
 import {
-  dialog_exports
-} from "./chunk-HXNGSQQG.js";
+  ButtonGroup
+} from "./chunk-7PWVK3NL.js";
 import {
   Card
 } from "./chunk-7DF4NQNZ.js";
@@ -277,9 +283,6 @@ import {
 import {
   CheckboxCard
 } from "./chunk-NLMFEUVO.js";
-import {
-  ClientOnly
-} from "./chunk-4N4SHDPB.js";
 import {
   clipboard_exports
 } from "./chunk-P3IIT34M.js";
@@ -315,18 +318,15 @@ import {
 import {
   Bleed
 } from "./chunk-Y2S4O4UY.js";
-import {
-  Box
-} from "./chunk-2YXHXL6J.js";
 import {
   Blockquote
 } from "./chunk-GSWLAOIM.js";
+import {
+  Box
+} from "./chunk-2YXHXL6J.js";
 import {
   breadcrumb_exports
 } from "./chunk-CRFTMIQA.js";
-import {
-  ButtonGroup
-} from "./chunk-7PWVK3NL.js";
 import {
   defaultConfig,
   defaultSystem

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-next.7",
+  "version": "3.0.0-next.8",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {