@superinterface/react 2.8.0 → 2.8.2

package/dist/index.cjs

@@ -435,7 +435,7 @@ var set = function(param) {
     return import_js_cookie2.default.set(key({
         assistantId: assistantId
     }), threadId, {
-        expires: 270
+        expires: 7
     });
 };
 // src/lib/threadIdCookies/options/index.ts
@@ -865,7 +865,7 @@ var ToolCallBase = function(param) {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes7.Flex, {
         py: "1",
         ml: "-2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes7.PopoverTrigger, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes7.Popover.Trigger, {
             children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes7.Button, {
                 size: "1",
                 color: "gold",
@@ -956,7 +956,7 @@ var Content = function(param) {
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var FunctionBase = function(param) {
     var fn = param.fn, runStep = param.runStep, title2 = param.title;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_themes10.PopoverRoot, {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_themes10.Popover.Root, {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(ToolCallBase, {
                 children: [
@@ -968,7 +968,7 @@ var FunctionBase = function(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_themes10.PopoverContent, {
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_themes10.Popover.Content, {
                 style: {
                     maxHeight: "200px"
                 },
@@ -1049,7 +1049,7 @@ var import_themes13 = require("@radix-ui/themes");
 var import_react_icons3 = require("@radix-ui/react-icons");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var Starting = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_themes13.PopoverRoot, {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_themes13.Popover.Root, {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(ToolCallBase, {
                 children: [
@@ -1059,7 +1059,7 @@ var Starting = function() {
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes13.PopoverContent, {
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes13.Popover.Content, {
                 style: {
                     maxHeight: "500px"
                 },
@@ -1611,7 +1611,7 @@ Messages.Root = Root;
 Messages.Message = Message;
 Messages.NextPageSkeleton = NextPageSkeleton;
 // src/components/threads/Thread/MessageForm/index.tsx
-var import_themes33 = require("@radix-ui/themes");
+var import_themes34 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 var import_react_icons5 = require("@radix-ui/react-icons");
 var import_themes31 = require("@radix-ui/themes");
@@ -1643,6 +1643,7 @@ var Submit = function() {
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_react29 = require("react");
 var import_react_hook_form = require("react-hook-form");
+var import_themes32 = require("@radix-ui/themes");
 // src/hooks/messages/useCreateMessage/index.ts
 var import_radash10 = require("radash");
 var import_react_query4 = require("@tanstack/react-query");
@@ -2320,9 +2321,13 @@ var Root2 = function(param) {
             isLoading: isLoading
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("form", {
-                onSubmit: handleSubmit(onSubmit),
-                children: children
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes32.Box, {
+                asChild: true,
+                flexShrink: "0",
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("form", {
+                    onSubmit: handleSubmit(onSubmit),
+                    children: children
+                })
             })
         }))
     });
@@ -2365,21 +2370,21 @@ var TextareaBase = (0, import_react30.forwardRef)(function TextareaBase2(props,
 });
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 var import_react_hook_form2 = require("react-hook-form");
-var import_themes32 = require("@radix-ui/themes");
+var import_themes33 = require("@radix-ui/themes");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var Root3 = function(param) {
     var children = param.children;
     var _ref = (0, import_react_hook_form2.useFormContext)(), errors = _ref.formState.errors;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes32.Container, {
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes33.Container, {
         size: "2",
         flexGrow: "0",
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes32.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes33.Flex, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes32.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes33.Flex, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes32.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes33.Flex, {
                     style: _object_spread({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -2448,18 +2453,18 @@ var MessageForm = function() {
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Root2, {
         children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Field.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Text, {
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Text, {
                     size: "2",
                     style: {
                         flexGrow: 1
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Flex, {
                         flexGrow: "1",
                         direction: "column",
                         children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Field.Control, {})
                     })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Flex, {
                     flexShrink: "0",
                     align: "end",
                     children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Submit, {})
@@ -2472,7 +2477,7 @@ MessageForm.Root = Root2;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-var import_themes34 = require("@radix-ui/themes");
+var import_themes35 = require("@radix-ui/themes");
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/threads/Thread/Root/index.tsx
@@ -2482,7 +2487,7 @@ var Root4 = function(_param) {
         "children"
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes34.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Flex, {
             direction: "column",
             flexGrow: "1",
             children: children
@@ -2539,17 +2544,17 @@ var import_react36 = require("react");
 var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
-var import_themes35 = require("@radix-ui/themes");
+var import_themes36 = require("@radix-ui/themes");
 var import_react_icons6 = require("@radix-ui/react-icons");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var CustomToast = function(param) {
     var toast = param.toast;
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Toast.Root, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes35.Card, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Card, {
             children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Toast.Title, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes35.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes36.Flex, {
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes35.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Flex, {
                             pr: "2",
                             height: "14px",
                             align: "center",
@@ -2559,7 +2564,7 @@ var CustomToast = function(param) {
                                 color: "var(--red-9)"
                             })
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes35.Text, {
+                        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Text, {
                             weight: "medium",
                             size: "1",
                             children: toast.message
@@ -2627,12 +2632,12 @@ var Root6 = function(param) {
     });
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_themes36 = require("@radix-ui/themes");
+var import_themes37 = require("@radix-ui/themes");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var Trigger = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes37.Flex, {
         display: {
             initial: isOpen ? "none" : "flex",
             sm: "flex"
@@ -2656,25 +2661,25 @@ var Trigger = function(param) {
     });
 };
 // src/components/threads/ThreadDialog/Button/index.tsx
-var import_themes37 = require("@radix-ui/themes");
+var import_themes38 = require("@radix-ui/themes");
 var import_react_icons7 = require("@radix-ui/react-icons");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var Button2 = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes38.IconButton, {
         size: "4",
         radius: "full",
         children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons7.ChatBubbleIcon, {})
     });
 };
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_themes39 = require("@radix-ui/themes");
+var import_themes40 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Close/index.tsx
 var import_react_icons8 = require("@radix-ui/react-icons");
-var import_themes38 = require("@radix-ui/themes");
+var import_themes39 = require("@radix-ui/themes");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var Close = function() {
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes38.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes39.Flex, {
         display: {
             initial: isOpen ? "flex" : "none",
             sm: "none"
@@ -2694,7 +2699,7 @@ var Close = function() {
         style: {
             zIndex: 9999999999
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes38.IconButton, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes39.IconButton, {
             size: "2",
             variant: "soft",
             children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons8.Cross1Icon, {})
@@ -2707,7 +2712,7 @@ var Root7 = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes39.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes40.Flex, {
         direction: "column",
         justify: "end",
         position: "fixed",
@@ -2735,7 +2740,7 @@ var Root7 = function(param) {
         style: _object_spread({
             zIndex: 9999999999
         }, style),
-        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes39.Card, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes40.Card, {
             mb: {
                 initial: void 0,
                 sm: "3"
@@ -2746,7 +2751,7 @@ var Root7 = function(param) {
                 flexGrow: 1
             },
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes39.Inset, {
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes40.Inset, {
                     clip: "padding-box",
                     side: "all",
                     pb: "current",
@@ -2774,7 +2779,7 @@ var Content4 = function(param) {
                         paddingLeft: "var(--space-5)"
                     }
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes39.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes40.Flex, {
                     direction: "column",
                     pl: "5",
                     pr: "5",
@@ -2805,7 +2810,7 @@ ThreadDialog.Button = Button2;
 ThreadDialog.Content = Content4;
 // src/components/threads/AudioThread/Root/index.tsx
 var import_runtime = require("regenerator-runtime/runtime");
-var import_themes40 = require("@radix-ui/themes");
+var import_themes41 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
 var import_react37 = require("react");
 var AudioThreadContext = (0, import_react37.createContext)({
@@ -3274,7 +3279,7 @@ var Root8 = function(param) {
             recorderProps: recorderProps,
             messageAudioProps: messageAudioProps
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes40.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes41.Flex, {
             direction: "column",
             flexGrow: "1",
             p: "9",
@@ -3283,7 +3288,7 @@ var Root8 = function(param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_themes42 = require("@radix-ui/themes");
+var import_themes43 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
 var import_react41 = require("react");
 var useAudioThreadContext = function() {
@@ -3291,7 +3296,7 @@ var useAudioThreadContext = function() {
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
-var import_themes41 = require("@radix-ui/themes");
+var import_themes42 = require("@radix-ui/themes");
 var import_react42 = require("react");
 var import_radash12 = require("radash");
 var import_jsx_runtime56 = require("react/jsx-runtime");
@@ -3331,7 +3336,7 @@ var BarsVisualizer = function(param) {
         cachedEmptyVisualizer,
         getEmptyVisualizer
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes42.Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -3340,12 +3345,12 @@ var BarsVisualizer = function(param) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
+            return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes42.Flex, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes42.Flex, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -3363,13 +3368,13 @@ var BarsVisualizer = function(param) {
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var Visualization = function() {
     var audioThreadContext = useAudioThreadContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes43.Flex, {
         direction: "column",
         align: "center",
         justify: "center",
         mb: "3",
         flexGrow: "1",
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes43.Flex, {
             align: "center",
             justify: "center",
             height: "200px",
@@ -3389,21 +3394,21 @@ var Visualization = function() {
 };
 // src/components/threads/AudioThread/Form/index.tsx
 var import_react_icons10 = require("@radix-ui/react-icons");
-var import_themes44 = require("@radix-ui/themes");
+var import_themes45 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-var import_themes43 = require("@radix-ui/themes");
+var import_themes44 = require("@radix-ui/themes");
 var import_react_icons9 = require("@radix-ui/react-icons");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var ActionButton = function() {
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.status === "recording") {
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes43.Flex, {
+        return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes44.Flex, {
             align: "center",
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes44.Flex, {
                     mr: "3",
                     ml: "-7",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes44.IconButton, {
                         onClick: audioThreadContext.recorderProps.pause,
                         color: "gray",
                         radius: "full",
@@ -3411,7 +3416,7 @@ var ActionButton = function() {
                         children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons9.PauseIcon, {})
                     })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes44.IconButton, {
                     onClick: audioThreadContext.recorderProps.stop,
                     color: "gray",
                     highContrast: true,
@@ -3426,7 +3431,7 @@ var ActionButton = function() {
         });
     }
     if (audioThreadContext.status === "recorderPaused") {
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes44.IconButton, {
             onClick: audioThreadContext.recorderProps.resume,
             color: "red",
             radius: "full",
@@ -3438,7 +3443,7 @@ var ActionButton = function() {
         });
     }
     if (audioThreadContext.status === "idle") {
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes44.IconButton, {
             onClick: function() {
                 return audioThreadContext.recorderProps.start();
             },
@@ -3451,7 +3456,7 @@ var ActionButton = function() {
         });
     }
     if (audioThreadContext.status === "playing") {
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes44.IconButton, {
             onClick: function() {
                 return audioThreadContext.messageAudioProps.pause();
             },
@@ -3465,7 +3470,7 @@ var ActionButton = function() {
         });
     }
     if (audioThreadContext.status === "playerPaused") {
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes44.IconButton, {
             onClick: function() {
                 return audioThreadContext.messageAudioProps.play();
             },
@@ -3478,7 +3483,7 @@ var ActionButton = function() {
             children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons9.ResumeIcon, {})
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes44.IconButton, {
         size: "4",
         color: "red",
         radius: "full",
@@ -3492,15 +3497,15 @@ var ActionButton = function() {
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var Form = function() {
     var audioThreadContext = useAudioThreadContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes44.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes45.Flex, {
         direction: "column",
         align: "center",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes44.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes45.Flex, {
                 pb: "3",
                 align: "center",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes44.Flex, {
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes45.Flex, {
                         ml: "-5",
                         mr: "2",
                         align: "center",
@@ -3510,7 +3515,7 @@ var Form = function() {
                             }
                         })
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes44.Flex, {
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes45.Flex, {
                         px: "2",
                         py: "1",
                         style: {
@@ -3567,10 +3572,10 @@ var import_react44 = require("react");
 var import_react43 = require("react");
 var import_radash13 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
-var import_themes46 = require("@radix-ui/themes");
+var import_themes47 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/Item.tsx
 var import_react_icons11 = require("@radix-ui/react-icons");
-var import_themes45 = require("@radix-ui/themes");
+var import_themes46 = require("@radix-ui/themes");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var Item = function(param) {
     var suggestion = param.suggestion, isDisabled = param.isDisabled;
@@ -3589,7 +3594,7 @@ var Item = function(param) {
 };
 var Content5 = function(param) {
     var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes45.Button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes46.Button, {
         variant: "soft",
         onClick: onClick,
         disabled: isDisabled,
@@ -3599,12 +3604,12 @@ var Content5 = function(param) {
             flexShrink: 1
         },
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Text, {
                 size: "1",
                 weight: "regular",
                 children: children
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.Spinner, {
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Spinner, {
                 loading: isPending,
                 children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons11.ArrowUpIcon, {
                     style: {
@@ -3631,7 +3636,7 @@ var Content6 = function(param) {
         children
     ]);
     if ((0, import_radash13.isEmpty)(suggestions)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes47.Flex, {
         gap: "2",
         py: "2",
         wrap: "wrap",