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

package/dist/components/pagination/index.js

@@ -1,10 +1,10 @@
 'use client'
 import {
   pagination_exports
-} from "../../chunk-L4JB7UFV.js";
+} from "../../chunk-6XSCENTR.js";
 import "../../chunk-OJZPPAT6.js";
 import "../../chunk-5HVAMQYO.js";
-import "../../chunk-OME35FUG.js";
+import "../../chunk-XRQQE2AC.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   pagination_exports as Pagination

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,12 +1,12 @@
 'use client'
 import {
   popover_exports
-} from "../../chunk-HRFQMDUK.js";
+} from "../../chunk-FVUEAELO.js";
 import "../../chunk-JMYI6YXR.js";
-import "../../chunk-WZUKOJGI.js";
+import "../../chunk-U2CWQDXE.js";
 import "../../chunk-OJZPPAT6.js";
 import "../../chunk-5HVAMQYO.js";
-import "../../chunk-OME35FUG.js";
+import "../../chunk-XRQQE2AC.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   popover_exports as Popover

package/dist/components/search-input/index.js

@@ -1,9 +1,9 @@
 'use client'
 import {
   SearchInput
-} from "../../chunk-HJX66GFT.js";
+} from "../../chunk-C5YLE76Q.js";
 import "../../chunk-KTLWEUNW.js";
-import "../../chunk-OME35FUG.js";
+import "../../chunk-XRQQE2AC.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   SearchInput

package/dist/components/select/index.js

@@ -1,12 +1,12 @@
 'use client'
 import {
   namespace_exports
-} from "../../chunk-BVISYY3B.js";
+} from "../../chunk-2UMNJBGS.js";
 import "../../chunk-JMYI6YXR.js";
-import "../../chunk-WZUKOJGI.js";
+import "../../chunk-U2CWQDXE.js";
 import "../../chunk-OJZPPAT6.js";
 import "../../chunk-5HVAMQYO.js";
-import "../../chunk-OME35FUG.js";
+import "../../chunk-XRQQE2AC.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   namespace_exports as Select

package/dist/components/steps/index.js

@@ -1,9 +1,9 @@
 'use client'
 import {
   steps_exports
-} from "../../chunk-I2J6U5Z4.js";
+} from "../../chunk-XQTIY2ND.js";
 import "../../chunk-KTLWEUNW.js";
-import "../../chunk-OME35FUG.js";
+import "../../chunk-XRQQE2AC.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   steps_exports as Steps

package/dist/components/toaster/index.js

@@ -2,13 +2,13 @@
 import {
   Toaster,
   toast
-} from "../../chunk-5RWFHB7W.js";
+} from "../../chunk-GXOQVOKP.js";
 import "../../chunk-MK3OG2I4.js";
 import "../../chunk-JMYI6YXR.js";
-import "../../chunk-WZUKOJGI.js";
+import "../../chunk-U2CWQDXE.js";
 import "../../chunk-OJZPPAT6.js";
 import "../../chunk-5HVAMQYO.js";
-import "../../chunk-OME35FUG.js";
+import "../../chunk-XRQQE2AC.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Toaster,

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,13 +1,14 @@
 'use client'
 import {
   ToggleTip
-} from "../../chunk-JL4MHGRE.js";
-import "../../chunk-HRFQMDUK.js";
+} from "../../chunk-OWFY465Z.js";
+import "../../chunk-UZUMIWPJ.js";
+import "../../chunk-FVUEAELO.js";
 import "../../chunk-JMYI6YXR.js";
-import "../../chunk-WZUKOJGI.js";
+import "../../chunk-U2CWQDXE.js";
 import "../../chunk-OJZPPAT6.js";
 import "../../chunk-5HVAMQYO.js";
-import "../../chunk-OME35FUG.js";
+import "../../chunk-XRQQE2AC.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   ToggleTip

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,
@@ -154,6 +154,7 @@ __export(index_exports, {
   VisuallyHidden: () => import_visually_hidden.VisuallyHidden,
   Wrap: () => import_wrap.Wrap,
   chakra: () => import_styled_system72.chakra,
+  createIcon: () => createIcon,
   createSystem: () => import_styled_system72.createSystem,
   defaultConfig: () => defaultConfig,
   defaultPersonaPresenceOptions: () => defaultPersonaPresenceOptions,
@@ -10354,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)(
@@ -10396,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(
@@ -10410,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",
@@ -10418,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
           ]
         }
-      )
+      ) })
     ] });
   }
 );
@@ -10621,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)(
@@ -11452,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)(
@@ -11482,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)(
@@ -11924,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");
@@ -11942,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, {}),
@@ -11975,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)(
@@ -11993,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
       ] }) }) })
@@ -12046,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");
 
@@ -12201,6 +12194,7 @@ var import_wrap = require("@chakra-ui/react/wrap");
   VisuallyHidden,
   Wrap,
   chakra,
+  createIcon,
   createSystem,
   defaultConfig,
   defaultPersonaPresenceOptions,

package/dist/index.d.cts

@@ -94,6 +94,7 @@ export { GridList } from './_tsup-dts-rollup.cjs';
 export { Heading } from './_tsup-dts-rollup.cjs';
 export { HeadingProps } from './_tsup-dts-rollup.cjs';
 export { HoverCard } from './_tsup-dts-rollup.cjs';
+export { createIcon } from './_tsup-dts-rollup.cjs';
 export { Icon } from './_tsup-dts-rollup.cjs';
 export { IconProps } from './_tsup-dts-rollup.cjs';
 export { IconBadge } from './_tsup-dts-rollup.cjs';

package/dist/index.d.ts

@@ -94,6 +94,7 @@ export { GridList } from './_tsup-dts-rollup.js';
 export { Heading } from './_tsup-dts-rollup.js';
 export { HeadingProps } from './_tsup-dts-rollup.js';
 export { HoverCard } from './_tsup-dts-rollup.js';
+export { createIcon } from './_tsup-dts-rollup.js';
 export { Icon } from './_tsup-dts-rollup.js';
 export { IconProps } from './_tsup-dts-rollup.js';
 export { IconBadge } from './_tsup-dts-rollup.js';