@octaviaflow/core 3.0.18-beta.40 → 3.0.18-beta.42

package/dist/components/ConditionBuilder/ConditionBuilder.d.ts

@@ -52,6 +52,12 @@ export interface ConditionBuilderProps extends Omit<ComponentPropsWithoutRef<"di
     addLabel?: ReactNode;
     /** Custom aria-label for the remove buttons. Defaults to "Remove condition". */
     removeLabel?: string;
+    /** Cap the rows-area height to roughly N rows; beyond N the rows scroll
+     *  inside a contained viewport so the panel stops growing unboundedly.
+     *  The "Add condition" action sits OUTSIDE the scroll viewport so it
+     *  stays reachable regardless of how many rows are configured.
+     *  Set to 0 / omitted to disable the cap (legacy behavior). */
+    maxVisibleRows?: number;
 }
 export declare const ConditionBuilder: import("react").ForwardRefExoticComponent<ConditionBuilderProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ConditionBuilder.d.ts.map

package/dist/components/ConditionBuilder/ConditionBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,wBAAwB,EAG7B,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;4DAEwD;IACxD,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,CAAC,SAAS,GAAG,cAAc,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC;4EACwE;IACxE,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B;yEACqE;IACrE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAsMD,eAAO,MAAM,gBAAgB,kHA4L3B,CAAC"}
+{"version":3,"file":"ConditionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,wBAAwB,EAG7B,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;4DAEwD;IACxD,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,CAAC,SAAS,GAAG,cAAc,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC;4EACwE;IACxE,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B;yEACqE;IACrE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;mEAI+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA0OD,eAAO,MAAM,gBAAgB,kHA+M3B,CAAC"}

package/dist/index.cjs

@@ -7873,6 +7873,7 @@ function useCommandPaletteShortcut(toggle, options = {}) {
 // src/components/ConditionBuilder/ConditionBuilder.tsx
 var import_icons9 = require("@octaviaflow/icons");
 var import_react45 = require("react");
+var import_react_dom5 = require("react-dom");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function OptionDropdown({
   value,
@@ -7890,6 +7891,22 @@ function OptionDropdown({
   const panelRef = (0, import_react45.useRef)(null);
   const inputRef = (0, import_react45.useRef)(null);
   const listboxId = (0, import_react45.useId)();
+  const [panelPos, setPanelPos] = (0, import_react45.useState)(null);
+  const updatePanelPos = (0, import_react45.useCallback)(() => {
+    if (!triggerRef.current) return;
+    const r = triggerRef.current.getBoundingClientRect();
+    setPanelPos({ top: r.bottom + 4, left: r.left, width: r.width });
+  }, []);
+  (0, import_react45.useLayoutEffect)(() => {
+    if (!open) return;
+    updatePanelPos();
+    window.addEventListener("scroll", updatePanelPos, true);
+    window.addEventListener("resize", updatePanelPos);
+    return () => {
+      window.removeEventListener("scroll", updatePanelPos, true);
+      window.removeEventListener("resize", updatePanelPos);
+    };
+  }, [open, updatePanelPos]);
   const showSearch = searchable === true || searchable === "auto" && options.length > 8;
   const selected = options.find((o) => o.value === value);
   const filtered = (0, import_react45.useMemo)(() => {
@@ -7976,54 +7993,71 @@ function OptionDropdown({
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { ref: panelRef, className: "ods-cb-dd__panel", role: "presentation", children: [
-      showSearch && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "ods-cb-dd__search", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons9.SearchIcon, { "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-          "input",
-          {
-            ref: inputRef,
-            value: query,
-            onChange: (e) => setQuery(e.target.value),
-            placeholder: "Search\u2026",
-            "aria-label": "Search options"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("ul", { id: listboxId, role: "listbox", "aria-label": ariaLabel, className: "ods-cb-dd__list", children: [
-        filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { className: "ods-cb-dd__empty", children: "No matches" }),
-        filtered.map((opt, idx) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": opt.value === value,
-            className: cn(
-              "ods-cb-dd__opt",
-              opt.value === value && "ods-cb-dd__opt--selected",
-              idx === activeIdx && "ods-cb-dd__opt--active"
-            ),
-            onClick: () => select(opt.value),
-            onMouseEnter: () => setActiveIdx(idx),
-            children: [
-              opt.icon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-icon", "aria-hidden": "true", children: opt.icon }),
-              opt.symbol && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-symbol", children: opt.symbol }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "ods-cb-dd__opt-text", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-label", children: opt.label }),
-                opt.description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-desc", children: opt.description })
-              ] }),
-              opt.value === value && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                import_icons9.CheckmarkIcon,
+    open && panelPos && typeof document !== "undefined" && (0, import_react_dom5.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+        "div",
+        {
+          ref: panelRef,
+          className: "ods-cb-dd__panel ods-cb-dd__panel--portal",
+          role: "presentation",
+          style: {
+            position: "fixed",
+            top: panelPos.top,
+            left: panelPos.left,
+            minWidth: panelPos.width
+          },
+          children: [
+            showSearch && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "ods-cb-dd__search", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons9.SearchIcon, { "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                "input",
                 {
-                  "aria-hidden": "true",
-                  className: "ods-cb-dd__opt-check"
+                  ref: inputRef,
+                  value: query,
+                  onChange: (e) => setQuery(e.target.value),
+                  placeholder: "Search\u2026",
+                  "aria-label": "Search options"
                 }
               )
-            ]
-          }
-        ) }, opt.value))
-      ] })
-    ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("ul", { id: listboxId, role: "listbox", "aria-label": ariaLabel, className: "ods-cb-dd__list", children: [
+              filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { className: "ods-cb-dd__empty", children: "No matches" }),
+              filtered.map((opt, idx) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  role: "option",
+                  "aria-selected": opt.value === value,
+                  className: cn(
+                    "ods-cb-dd__opt",
+                    opt.value === value && "ods-cb-dd__opt--selected",
+                    idx === activeIdx && "ods-cb-dd__opt--active"
+                  ),
+                  onClick: () => select(opt.value),
+                  onMouseEnter: () => setActiveIdx(idx),
+                  children: [
+                    opt.icon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-icon", "aria-hidden": "true", children: opt.icon }),
+                    opt.symbol && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-symbol", children: opt.symbol }),
+                    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "ods-cb-dd__opt-text", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-label", children: opt.label }),
+                      opt.description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-desc", children: opt.description })
+                    ] }),
+                    opt.value === value && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      import_icons9.CheckmarkIcon,
+                      {
+                        "aria-hidden": "true",
+                        className: "ods-cb-dd__opt-check"
+                      }
+                    )
+                  ]
+                }
+              ) }, opt.value))
+            ] })
+          ]
+        }
+      ),
+      document.body
+    )
   ] });
 }
 var ConditionBuilder = (0, import_react45.forwardRef)(function ConditionBuilder2({
@@ -8037,6 +8071,7 @@ var ConditionBuilder = (0, import_react45.forwardRef)(function ConditionBuilder2
   onJoinChange,
   addLabel = "Add condition",
   removeLabel = "Remove condition",
+  maxVisibleRows,
   className,
   ...rest
 }, ref) {
@@ -8096,6 +8131,12 @@ var ConditionBuilder = (0, import_react45.forwardRef)(function ConditionBuilder2
     },
     [conditions, joinOperator, onChange]
   );
+  const cappedRows = Boolean(maxVisibleRows && maxVisibleRows > 0);
+  const rowsViewportStyle = cappedRows ? {
+    maxHeight: `calc((var(--ods-layout-control-height, 32px) + var(--ods-space-2, 8px)) * ${maxVisibleRows} + var(--ods-space-1, 4px))`,
+    overflowY: "auto",
+    paddingRight: "var(--ods-space-1, 4px)"
+  } : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     {
@@ -8107,7 +8148,7 @@ var ConditionBuilder = (0, import_react45.forwardRef)(function ConditionBuilder2
         className
       ),
       children: [
-        conditions.map((condition, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "ods-condition-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ods-condition-builder__rows", style: rowsViewportStyle, children: conditions.map((condition, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "ods-condition-row", children: [
           index === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "span",
             {
@@ -8177,7 +8218,7 @@ var ConditionBuilder = (0, import_react45.forwardRef)(function ConditionBuilder2
               children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons9.CloseIcon, { "aria-hidden": "true" })
             }
           )
-        ] }, index)),
+        ] }, index)) }),
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "ods-condition-builder__actions", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           "button",
           {
@@ -8348,7 +8389,7 @@ var import_icons11 = require("@octaviaflow/icons");
 var import_framer_motion15 = require("framer-motion");
 var import_react47 = require("react");
 var import_react_aria7 = require("react-aria");
-var import_react_dom5 = require("react-dom");
+var import_react_dom6 = require("react-dom");
 
 // src/utils/motion.ts
 var odsMotion = {
@@ -8504,7 +8545,7 @@ var DialogContent = (0, import_react47.forwardRef)(function DialogContent2({
 DialogContent.displayName = "Dialog.Content";
 var Dialog = (0, import_react47.forwardRef)(function Dialog2(props, ref) {
   if (typeof document === "undefined") return null;
-  return (0, import_react_dom5.createPortal)(
+  return (0, import_react_dom6.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_aria7.OverlayProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DialogContent, { ref, ...props }) }),
     document.body
   );
@@ -9100,7 +9141,7 @@ function CsvEditBody({
 // src/components/ContextMenu/ContextMenu.tsx
 var import_framer_motion17 = require("framer-motion");
 var import_react52 = require("react");
-var import_react_dom6 = require("react-dom");
+var import_react_dom7 = require("react-dom");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function flipIntoViewport(cursor, panelRect, viewport, margin = 8) {
   if (!panelRect) return cursor;
@@ -9333,7 +9374,7 @@ var ContextMenu = (0, import_react52.forwardRef)(
           children
         }
       ),
-      (0, import_react_dom6.createPortal)(panel, portalTarget)
+      (0, import_react_dom7.createPortal)(panel, portalTarget)
     ] });
   }
 );
@@ -10845,7 +10886,7 @@ DatasetCard.displayName = "DatasetCard";
 // src/components/DataTable/DataTable.tsx
 var import_icons14 = require("@octaviaflow/icons");
 var import_react55 = require("react");
-var import_react_dom7 = require("react-dom");
+var import_react_dom8 = require("react-dom");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function readValue(row, col) {
   if (typeof col.accessor === "function") return col.accessor(row);
@@ -10908,7 +10949,7 @@ function PortalMenu({
     right: align === "end" ? pos.right : "auto",
     zIndex: 1e3
   };
-  return (0, import_react_dom7.createPortal)(
+  return (0, import_react_dom8.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref: menuRef, className: cn("ods-datatable__menu", className), style, children }),
     document.body
   );
@@ -12336,7 +12377,7 @@ Drawer.displayName = "Drawer";
 var import_framer_motion19 = require("framer-motion");
 var import_react61 = require("react");
 var import_react_aria8 = require("react-aria");
-var import_react_dom8 = require("react-dom");
+var import_react_dom9 = require("react-dom");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function MenuItemComponent({ item, state, onAction }) {
   const ref = (0, import_react61.useRef)(null);
@@ -12500,7 +12541,7 @@ function MenuPopup({
     }
   ) });
   if (typeof document !== "undefined") {
-    return (0, import_react_dom8.createPortal)(portalContent, document.body);
+    return (0, import_react_dom9.createPortal)(portalContent, document.body);
   }
   return null;
 }
@@ -16035,7 +16076,7 @@ Heatmap.displayName = "Heatmap";
 
 // src/components/HoverCard/HoverCard.tsx
 var import_react79 = require("react");
-var import_react_dom9 = require("react-dom");
+var import_react_dom10 = require("react-dom");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function computePosition3(rect, panelRect, placement, offset) {
   const cx = rect.left + rect.width / 2;
@@ -16119,7 +16160,7 @@ function HoverCard({
       children
     }
   );
-  const portal = typeof document !== "undefined" && open ? (0, import_react_dom9.createPortal)(
+  const portal = typeof document !== "undefined" && open ? (0, import_react_dom10.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "div",
       {
@@ -18301,7 +18342,7 @@ MetricCard.displayName = "MetricCard";
 // src/components/MultiSelect/MultiSelect.tsx
 var import_framer_motion27 = require("framer-motion");
 var import_react91 = require("react");
-var import_react_dom10 = require("react-dom");
+var import_react_dom11 = require("react-dom");
 var import_icons24 = require("@octaviaflow/icons");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var RESERVED_TAIL_PX = 64;
@@ -18669,7 +18710,7 @@ var MultiSelect = (0, import_react91.forwardRef)(
               ]
             }
           ),
-          typeof document !== "undefined" && (0, import_react_dom10.createPortal)(
+          typeof document !== "undefined" && (0, import_react_dom11.createPortal)(
             /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_framer_motion27.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
               import_framer_motion27.motion.div,
               {
@@ -20634,7 +20675,7 @@ PipelineCard.displayName = "PipelineCard";
 
 // src/components/Popover/Popover.tsx
 var import_react99 = require("react");
-var import_react_dom11 = require("react-dom");
+var import_react_dom12 = require("react-dom");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function computePosition4(rect, popRect, placement, offset) {
   const cx = rect.left + rect.width / 2;
@@ -20731,7 +20772,7 @@ function Popover({
       children
     }
   );
-  const portal = typeof document !== "undefined" && open ? (0, import_react_dom11.createPortal)(
+  const portal = typeof document !== "undefined" && open ? (0, import_react_dom12.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
       "div",
       {
@@ -22669,7 +22710,7 @@ function SettingsRow({
 // src/components/Sheet/Sheet.tsx
 var import_framer_motion29 = require("framer-motion");
 var import_react114 = require("react");
-var import_react_dom12 = require("react-dom");
+var import_react_dom13 = require("react-dom");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 var slideVariants = {
   top: { initial: { y: "-100%" }, animate: { y: 0 }, exit: { y: "-100%" } },
@@ -22752,7 +22793,7 @@ function Sheet({
     )
   ] }) });
   if (typeof document === "undefined") return null;
-  return (0, import_react_dom12.createPortal)(content, document.body);
+  return (0, import_react_dom13.createPortal)(content, document.body);
 }
 
 // src/components/Show/Show.tsx
@@ -23385,7 +23426,7 @@ SkeletonGroup.displayName = "SkeletonGroup";
 var import_framer_motion30 = require("framer-motion");
 var import_react117 = require("react");
 var import_react_aria11 = require("react-aria");
-var import_react_dom13 = require("react-dom");
+var import_react_dom14 = require("react-dom");
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var slideVariants2 = {
   left: {
@@ -23477,7 +23518,7 @@ function SlideoutContent({
 }
 function SlideoutPanel(props) {
   if (typeof document === "undefined") return null;
-  return (0, import_react_dom13.createPortal)(
+  return (0, import_react_dom14.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_aria11.OverlayProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SlideoutContent, { ...props }) }),
     document.body
   );
@@ -24094,7 +24135,7 @@ VStack.displayName = "VStack";
 // src/components/Spotlight/Spotlight.tsx
 var import_framer_motion31 = require("framer-motion");
 var import_react122 = require("react");
-var import_react_dom14 = require("react-dom");
+var import_react_dom15 = require("react-dom");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var Spotlight = (0, import_react122.forwardRef)(
   function Spotlight2({
@@ -24161,7 +24202,7 @@ var Spotlight = (0, import_react122.forwardRef)(
       width: rect.width + padding * 2,
       height: rect.height + padding * 2
     } : null;
-    return (0, import_react_dom14.createPortal)(
+    return (0, import_react_dom15.createPortal)(
       /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_framer_motion31.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
         import_framer_motion31.motion.div,
         {
@@ -25852,7 +25893,7 @@ TestimonialCard.displayName = "TestimonialCard";
 // src/components/Textarea/Textarea.tsx
 var import_react136 = require("react");
 var import_react_aria14 = require("react-aria");
-var import_react_dom15 = require("react-dom");
+var import_react_dom16 = require("react-dom");
 var import_icons43 = require("@octaviaflow/icons");
 
 // src/hooks/useTextareaCommands.ts
@@ -26644,7 +26685,7 @@ var Textarea = (0, import_react136.forwardRef)(
                 "aria-activedescendant": cmdEnabled && cmdPalette.isOpen && cmdPalette.items[cmdPalette.activeIndex] ? `${baseId}-cmd-${cmdPalette.items[cmdPalette.activeIndex].id}` : void 0
               }
             ),
-            cmdEnabled && cmdPalette.isOpen && cmdPalette.items.length > 0 && typeof document !== "undefined" && (0, import_react_dom15.createPortal)(
+            cmdEnabled && cmdPalette.isOpen && cmdPalette.items.length > 0 && typeof document !== "undefined" && (0, import_react_dom16.createPortal)(
               /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                 "ul",
                 {
@@ -26687,7 +26728,7 @@ var Textarea = (0, import_react136.forwardRef)(
               ),
               document.body
             ),
-            selectionToolbar && sel.active && sel.rect && typeof document !== "undefined" && (0, import_react_dom15.createPortal)(
+            selectionToolbar && sel.active && sel.rect && typeof document !== "undefined" && (0, import_react_dom16.createPortal)(
               /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
                 "div",
                 {
@@ -27577,7 +27618,7 @@ TimezonePicker.displayName = "TimezonePicker";
 // src/components/Toast/Toast.tsx
 var import_framer_motion36 = require("framer-motion");
 var import_react140 = require("react");
-var import_react_dom16 = require("react-dom");
+var import_react_dom17 = require("react-dom");
 var import_jsx_runtime120 = require("react/jsx-runtime");
 var defaultIcons = {
   success: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
@@ -27907,7 +27948,7 @@ function ToastProvider({
   }) });
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(ToastContext.Provider, { value: ctx, children: [
     children,
-    typeof document !== "undefined" && (0, import_react_dom16.createPortal)(containers, document.body)
+    typeof document !== "undefined" && (0, import_react_dom17.createPortal)(containers, document.body)
   ] });
 }
 function useToast() {