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

package/CHANGELOG.md

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

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

@@ -192,6 +192,8 @@ import { SlotRecipeProps as SlotRecipeProps_3 } from '@chakra-ui/react';
 import { SlotRecipeVariantRecord } from '@chakra-ui/react';
 import { Spacer } from '@chakra-ui/react/spacer';
 import { SpacerProps } from '@chakra-ui/react/spacer';
+import { Span } from '@chakra-ui/react/box';
+import { SpanProps } from '@chakra-ui/react/box';
 import { SpinnerProps as SpinnerProps_2 } from '#components/spinner';
 import type { SpinnerProps as SpinnerProps_3 } from '@chakra-ui/react/spinner';
 import { Stack } from '@chakra-ui/react/stack';
@@ -2805,23 +2807,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 +2836,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 +2858,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;
@@ -13748,6 +13732,12 @@ export declare const spacing: {
     };
 };
 
+export { Span }
+export { Span as Span_alias_1 }
+
+export { SpanProps }
+export { SpanProps as SpanProps_alias_1 }
+
 declare const Spinner: ForwardRefExoticComponent<SpinnerProps & RefAttributes<HTMLDivElement>>;
 export { Spinner }
 export { Spinner as Spinner_alias_1 }

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

@@ -192,6 +192,8 @@ import { SlotRecipeProps as SlotRecipeProps_3 } from '@chakra-ui/react';
 import { SlotRecipeVariantRecord } from '@chakra-ui/react';
 import { Spacer } from '@chakra-ui/react/spacer';
 import { SpacerProps } from '@chakra-ui/react/spacer';
+import { Span } from '@chakra-ui/react/box';
+import { SpanProps } from '@chakra-ui/react/box';
 import { SpinnerProps as SpinnerProps_2 } from '#components/spinner';
 import type { SpinnerProps as SpinnerProps_3 } from '@chakra-ui/react/spinner';
 import { Stack } from '@chakra-ui/react/stack';
@@ -2805,23 +2807,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 +2836,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 +2858,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;
@@ -13748,6 +13732,12 @@ export declare const spacing: {
     };
 };
 
+export { Span }
+export { Span as Span_alias_1 }
+
+export { SpanProps }
+export { SpanProps as SpanProps_alias_1 }
+
 declare const Spinner: ForwardRefExoticComponent<SpinnerProps & RefAttributes<HTMLDivElement>>;
 export { Spinner }
 export { Spinner as Spinner_alias_1 }

package/dist/chunk-AA5L5WPD.js

@@ -0,0 +1,9 @@
+'use client'
+
+// src/components/box/index.ts
+import { Box, Span } from "@chakra-ui/react/box";
+
+export {
+  Box,
+  Span
+};

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/box/index.cjs

@@ -21,11 +21,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/box/index.ts
 var box_exports = {};
 __export(box_exports, {
-  Box: () => import_box.Box
+  Box: () => import_box.Box,
+  Span: () => import_box.Span
 });
 module.exports = __toCommonJS(box_exports);
 var import_box = require("@chakra-ui/react/box");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Box
+  Box,
+  Span
 });

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

@@ -1,2 +1,4 @@
 export { Box_alias_1 as Box } from '../../_tsup-dts-rollup.cjs';
 export { BoxProps_alias_1 as BoxProps } from '../../_tsup-dts-rollup.cjs';
+export { Span_alias_1 as Span } from '../../_tsup-dts-rollup.cjs';
+export { SpanProps_alias_1 as SpanProps } from '../../_tsup-dts-rollup.cjs';

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

@@ -1,2 +1,4 @@
 export { Box_alias_1 as Box } from '../../_tsup-dts-rollup.js';
 export { BoxProps_alias_1 as BoxProps } from '../../_tsup-dts-rollup.js';
+export { Span_alias_1 as Span } from '../../_tsup-dts-rollup.js';
+export { SpanProps_alias_1 as SpanProps } from '../../_tsup-dts-rollup.js';

package/dist/components/box/index.js

@@ -1,8 +1,10 @@
 'use client'
 import {
-  Box
-} from "../../chunk-2YXHXL6J.js";
+  Box,
+  Span
+} from "../../chunk-AA5L5WPD.js";
 import "../../chunk-RTMS5TJN.js";
 export {
-  Box
+  Box,
+  Span
 };

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,
@@ -130,6 +130,7 @@ __export(index_exports, {
   SkipNavLink: () => import_skip_nav.SkipNavLink,
   Slider: () => Slider,
   Spacer: () => import_spacer.Spacer,
+  Span: () => import_box3.Span,
   Spinner: () => Spinner,
   Stack: () => import_stack3.Stack,
   StackSeparator: () => import_stack3.StackSeparator,
@@ -10355,17 +10356,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 +10391,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 +10408,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 +10416,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 +10618,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 +11449,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 +11479,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 +11921,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 +11939,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 +11972,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 +11990,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 +12043,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");
 
@@ -12178,6 +12171,7 @@ var import_wrap = require("@chakra-ui/react/wrap");
   SkipNavLink,
   Slider,
   Spacer,
+  Span,
   Spinner,
   Stack,
   StackSeparator,

package/dist/index.d.cts

@@ -202,6 +202,8 @@ export { Bleed } from './_tsup-dts-rollup.cjs';
 export { BleedProps } from './_tsup-dts-rollup.cjs';
 export { Box } from './_tsup-dts-rollup.cjs';
 export { BoxProps } from './_tsup-dts-rollup.cjs';
+export { Span } from './_tsup-dts-rollup.cjs';
+export { SpanProps } from './_tsup-dts-rollup.cjs';
 export { Center } from './_tsup-dts-rollup.cjs';
 export { CenterProps } from './_tsup-dts-rollup.cjs';
 export { ClientOnly } from './_tsup-dts-rollup.cjs';

package/dist/index.d.ts

@@ -202,6 +202,8 @@ export { Bleed } from './_tsup-dts-rollup.js';
 export { BleedProps } from './_tsup-dts-rollup.js';
 export { Box } from './_tsup-dts-rollup.js';
 export { BoxProps } from './_tsup-dts-rollup.js';
+export { Span } from './_tsup-dts-rollup.js';
+export { SpanProps } from './_tsup-dts-rollup.js';
 export { Center } from './_tsup-dts-rollup.js';
 export { CenterProps } from './_tsup-dts-rollup.js';
 export { ClientOnly } from './_tsup-dts-rollup.js';

package/dist/index.js

@@ -1,20 +1,20 @@
-import {
-  Wrap
-} from "./chunk-LGLJ2QUW.js";
 import {
   Em,
   Strong,
   Text
 } from "./chunk-J5UCKCIO.js";
 import {
-  Textarea
-} from "./chunk-CQD32UVJ.js";
+  Wrap
+} from "./chunk-LGLJ2QUW.js";
 import {
   Tag
 } from "./chunk-WJZED26X.js";
 import {
   Timeline
 } from "./chunk-QLN2CBY6.js";
+import {
+  Textarea
+} from "./chunk-CQD32UVJ.js";
 import {
   Toggle
 } from "./chunk-PEVIP5UT.js";
@@ -28,38 +28,44 @@ import {
 import {
   VisuallyHidden
 } from "./chunk-HHTTORZ6.js";
-import {
-  Spacer
-} from "./chunk-UAX5344Y.js";
 import {
   stat_exports
 } from "./chunk-3RHNNKPC.js";
+import {
+  HStack,
+  Stack,
+  StackSeparator,
+  VStack
+} from "./chunk-QNKQFCKJ.js";
 import {
   Status
 } from "./chunk-U3EPRSD3.js";
 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,
   useTabsStyles
 } from "./chunk-5YNHX4C7.js";
 import {
-  namespace_exports
-} from "./chunk-2UMNJBGS.js";
+  Show
+} from "./chunk-LU2H6GWC.js";
+import {
+  SegmentedControl
+} from "./chunk-KFDVVTMT.js";
+import {
+  sidebar_exports,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+} from "./chunk-U23VDAWJ.js";
 import {
   SkipNavContent,
   SkipNavLink
@@ -69,18 +75,12 @@ import {
   SkeletonCircle,
   SkeletonText
 } from "./chunk-UEXUCHDD.js";
-import {
-  RadioGroup
-} from "./chunk-NCNHDETB.js";
 import {
   Slider
 } from "./chunk-HREBIPVW.js";
 import {
-  HStack,
-  Stack,
-  StackSeparator,
-  VStack
-} from "./chunk-QNKQFCKJ.js";
+  Spacer
+} from "./chunk-UAX5344Y.js";
 import {
   Radio
 } from "./chunk-PZWP36YA.js";
@@ -90,41 +90,41 @@ import {
 import {
   RatingGroup
 } from "./chunk-HQVBJT5Y.js";
+import {
+  RadioGroup
+} from "./chunk-NCNHDETB.js";
 import {
   SearchInput
 } from "./chunk-C5YLE76Q.js";
 import {
-  SegmentedControl
-} from "./chunk-KFDVVTMT.js";
-import {
-  Show
-} from "./chunk-LU2H6GWC.js";
+  namespace_exports
+} from "./chunk-2UMNJBGS.js";
 import {
   Separator
 } from "./chunk-27OMFCPD.js";
+import {
+  PinInput
+} from "./chunk-RYKJOZ3B.js";
 import {
   Persona,
   PersonaAvatar,
   defaultPersonaPresenceOptions
 } from "./chunk-TYGGMKHU.js";
-import {
-  PinInput
-} from "./chunk-RYKJOZ3B.js";
 import {
   Presence
 } from "./chunk-PONMXNY4.js";
-import {
-  ProgressCircle
-} from "./chunk-7HAGRXKM.js";
 import {
   Progress
 } from "./chunk-6YZ76Q2W.js";
 import {
-  Portal
-} from "./chunk-UZUMIWPJ.js";
+  ProgressCircle
+} from "./chunk-7HAGRXKM.js";
 import {
   QrCode
 } from "./chunk-K3MFCSAW.js";
+import {
+  Mark
+} from "./chunk-EWCBYJA7.js";
 import {
   menu_exports
 } from "./chunk-DEP2DH7P.js";
@@ -132,24 +132,27 @@ import {
   NativeSelect
 } from "./chunk-TKJXJEXT.js";
 import {
-  pagination_exports
-} from "./chunk-6XSCENTR.js";
-import {
-  NumberInput
-} from "./chunk-RFBD2ZNL.js";
+  navbar_exports
+} from "./chunk-DJNPK2LM.js";
 import {
   page_exports,
   usePageStyles
 } from "./chunk-ZJ2VD224.js";
+import {
+  NumberInput
+} from "./chunk-RFBD2ZNL.js";
+import {
+  pagination_exports
+} from "./chunk-6XSCENTR.js";
 import {
   PasswordInput
 } from "./chunk-TXIFPX2A.js";
 import {
-  navbar_exports
-} from "./chunk-DJNPK2LM.js";
+  Image
+} from "./chunk-FD2V4Y66.js";
 import {
-  Heading
-} from "./chunk-HZX4AGO5.js";
+  List
+} from "./chunk-C5KFNMWU.js";
 import {
   Loader
 } from "./chunk-DHFAFRZ4.js";
@@ -160,11 +163,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 +177,40 @@ 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";
+} from "./chunk-D72A4SU3.js";
 import {
   ToggleTip
-} from "./chunk-ZQ23HEVM.js";
+} from "./chunk-OWFY465Z.js";
+import {
+  Portal
+} from "./chunk-UZUMIWPJ.js";
 import {
   popover_exports
-} from "./chunk-Q7I3QDL4.js";
+} from "./chunk-FVUEAELO.js";
 import {
   Float
 } from "./chunk-XD7U6L2E.js";
-import {
-  Grid
-} from "./chunk-EZZW6JOU.js";
 import {
   FocusTrap
 } from "./chunk-EWATHRZA.js";
 import {
-  grid_list_exports
-} from "./chunk-ZUT5GZTD.js";
+  FormatByte,
+  FormatNumber
+} from "./chunk-6WZK2RBQ.js";
+import {
+  Grid
+} from "./chunk-EZZW6JOU.js";
 import {
   Group
 } from "./chunk-3CKGT42F.js";
 import {
-  Highlight
-} from "./chunk-TGEP2YAT.js";
+  grid_list_exports
+} from "./chunk-ZUT5GZTD.js";
+import {
+  dialog_exports
+} from "./chunk-HXNGSQQG.js";
 import {
   drawer_exports
 } from "./chunk-HHKMVSL4.js";
@@ -230,9 +233,6 @@ import {
   Fieldset,
   useFieldsetContext
 } from "./chunk-FPRTN3I7.js";
-import {
-  Container
-} from "./chunk-PIQURQGB.js";
 import {
   file_upload_exports,
   useFileUploadContext
@@ -240,28 +240,28 @@ import {
 import {
   Code
 } from "./chunk-YMCOU2N5.js";
+import {
+  Collapsible
+} from "./chunk-PEJYADAS.js";
 import {
   ColorPicker
 } from "./chunk-JR5RLXCK.js";
 import {
   ColorSwatch
 } from "./chunk-TYMVLD3B.js";
-import {
-  Collapsible
-} from "./chunk-PEJYADAS.js";
 import {
   Command
 } from "./chunk-5ZKEXMBN.js";
 import {
   Kbd
 } from "./chunk-OQU4LWZW.js";
+import {
+  Container
+} from "./chunk-PIQURQGB.js";
 import {
   DataList,
   useDataListStyles
 } from "./chunk-52XM5VXJ.js";
-import {
-  dialog_exports
-} from "./chunk-HXNGSQQG.js";
 import {
   Card
 } from "./chunk-7DF4NQNZ.js";
@@ -271,12 +271,12 @@ import {
 import {
   Checkbox
 } from "./chunk-Z3SWPGPQ.js";
-import {
-  Checkmark
-} from "./chunk-UIP2CHMU.js";
 import {
   CheckboxCard
 } from "./chunk-NLMFEUVO.js";
+import {
+  Checkmark
+} from "./chunk-UIP2CHMU.js";
 import {
   ClientOnly
 } from "./chunk-4N4SHDPB.js";
@@ -296,6 +296,10 @@ import {
   Avatar,
   AvatarGroup
 } from "./chunk-FN7TU5F5.js";
+import {
+  Badge,
+  BadgePropsProvider
+} from "./chunk-R2J5USV6.js";
 import {
   BackButton
 } from "./chunk-KHCQMSP7.js";
@@ -308,19 +312,16 @@ import {
   useLink,
   useSui
 } from "./chunk-ZULBHMWG.js";
-import {
-  Badge,
-  BadgePropsProvider
-} from "./chunk-R2J5USV6.js";
 import {
   Bleed
 } from "./chunk-Y2S4O4UY.js";
-import {
-  Box
-} from "./chunk-2YXHXL6J.js";
 import {
   Blockquote
 } from "./chunk-GSWLAOIM.js";
+import {
+  Box,
+  Span
+} from "./chunk-AA5L5WPD.js";
 import {
   breadcrumb_exports
 } from "./chunk-CRFTMIQA.js";
@@ -491,6 +492,7 @@ export {
   SkipNavLink,
   Slider,
   Spacer,
+  Span,
   Spinner,
   Stack,
   StackSeparator,

package/package.json

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

package/dist/chunk-2YXHXL6J.js

@@ -1,10 +0,0 @@
-'use client'
-
-// src/components/box/index.ts
-import {
-  Box
-} from "@chakra-ui/react/box";
-
-export {
-  Box
-};