@cerberus-design/react 0.17.2 → 0.18.1

package/build/legacy/context/prompt-modal.cjs

@@ -25,11 +25,11 @@ __export(prompt_modal_exports, {
   usePromptModal: () => usePromptModal
 });
 module.exports = __toCommonJS(prompt_modal_exports);
-var import_react6 = require("react");
-var import_react7 = require("@ark-ui/react");
-var import_jsx3 = require("@cerberus/styled-system/jsx");
-var import_css7 = require("@cerberus/styled-system/css");
-var import_patterns = require("@cerberus/styled-system/patterns");
+var import_react5 = require("react");
+var import_dialog2 = require("@ark-ui/react/dialog");
+var import_jsx3 = require("styled-system/jsx");
+var import_css7 = require("styled-system/css");
+var import_patterns = require("styled-system/patterns");
 
 // src/utils/index.ts
 function splitProps(props, ...keyGroups) {
@@ -53,13 +53,13 @@ function splitProps(props, ...keyGroups) {
 
 // src/components/field/primitives.tsx
 var import_field = require("@ark-ui/react/field");
-var import_css3 = require("@cerberus/styled-system/css");
-var import_recipes3 = require("@cerberus/styled-system/recipes");
+var import_css3 = require("styled-system/css");
+var import_recipes3 = require("styled-system/recipes");
 
 // src/components/field/status-indicator.tsx
 var import_react2 = require("@ark-ui/react");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 
 // src/context/cerberus.tsx
 var import_react = require("react");
@@ -106,8 +106,8 @@ function FieldStatusIndicator(props) {
 }
 
 // src/components/field/start-indicator.tsx
-var import_css2 = require("@cerberus/styled-system/css");
-var import_recipes2 = require("@cerberus/styled-system/recipes");
+var import_css2 = require("styled-system/css");
+var import_recipes2 = require("styled-system/recipes");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function FieldStartIndicator(props) {
   const styles = (0, import_recipes2.field)();
@@ -163,30 +163,32 @@ function FieldInput(props) {
 var Input = FieldInput;
 
 // src/components/Show.tsx
-var import_react3 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Show(props) {
   const { when, children, fallback } = props;
-  const condition = (0, import_react3.useMemo)(() => when ?? false, [when]);
-  return (0, import_react3.useMemo)(() => {
-    if (condition) return children;
-    return fallback ?? null;
-  }, [condition, children, fallback]);
+  if (when) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
+  }
+  if (fallback) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: fallback });
+  }
+  return null;
 }
 
 // src/components/button/button.tsx
 var import_factory = require("@ark-ui/react/factory");
-var import_react4 = require("react");
-var import_css4 = require("@cerberus/styled-system/css");
-var import_recipes4 = require("@cerberus/styled-system/recipes");
-var import_jsx = require("@cerberus/styled-system/jsx");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ButtonContext = (0, import_react4.createContext)({
+var import_react3 = require("react");
+var import_css4 = require("styled-system/css");
+var import_recipes4 = require("styled-system/recipes");
+var import_jsx = require("styled-system/jsx");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ButtonContext = (0, import_react3.createContext)({
   pending: false
 });
 function Button(props) {
   const { palette, usage, shape, size, pending = false, ...nativeProps } = props;
-  const value = (0, import_react4.useMemo)(() => ({ pending }), [pending]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const value = (0, import_react3.useMemo)(() => ({ pending }), [pending]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ButtonContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_factory.ark.button,
     {
       ...nativeProps,
@@ -206,13 +208,13 @@ function Button(props) {
 
 // src/components/avatar/primitives.tsx
 var import_avatar = require("@ark-ui/react/avatar");
-var import_recipes5 = require("@cerberus/styled-system/recipes");
-var import_css5 = require("@cerberus/styled-system/css");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_recipes5 = require("styled-system/recipes");
+var import_css5 = require("styled-system/css");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function AvatarRoot(props) {
   const { gradient, shape, size, ...rootProps } = props;
   const styles = (0, import_recipes5.avatar)({ gradient, shape, size });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_avatar.Avatar.Root,
     {
       ...rootProps,
@@ -222,11 +224,11 @@ function AvatarRoot(props) {
 }
 function AvatarImage(props) {
   const styles = (0, import_recipes5.avatar)();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_avatar.Avatar.Image, { ...props, className: (0, import_css5.cx)(styles.image, props.className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_avatar.Avatar.Image, { ...props, className: (0, import_css5.cx)(styles.image, props.className) });
 }
 function AvatarFallback(props) {
   const styles = (0, import_recipes5.avatar)();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_avatar.Avatar.Fallback,
     {
       ...props,
@@ -243,20 +245,20 @@ var AvatarParts = {
 };
 
 // src/components/avatar/avatar.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Avatar2(props) {
   const [imgProps, { fallback, children }, rootProps] = splitProps(
     props,
     ["alt", "src"],
     ["fallback", "children"]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarParts.Root, { ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarParts.Root, { ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Show,
     {
-      when: Boolean(children),
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarParts.Fallback, { children: fallback }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarParts.Image, { ...imgProps })
+      when: children,
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarParts.Fallback, { children: fallback }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarParts.Image, { ...imgProps })
       ] }),
       children
     }
@@ -264,47 +266,47 @@ function Avatar2(props) {
 }
 
 // src/components/Text.tsx
-var import_jsx2 = require("@cerberus/styled-system/jsx");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx2 = require("styled-system/jsx");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Text(props) {
   const { as = "p", ...pandaJSXProps } = props;
   switch (as) {
     case "h1":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.H1, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.H1, { ...pandaJSXProps });
     case "h2":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.H2, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.H2, { ...pandaJSXProps });
     case "h3":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.H3, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.H3, { ...pandaJSXProps });
     case "h4":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.H4, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.H4, { ...pandaJSXProps });
     case "h5":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.H5, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.H5, { ...pandaJSXProps });
     case "h6":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.H6, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.H6, { ...pandaJSXProps });
     case "strong":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.Strong, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.Strong, { ...pandaJSXProps });
     case "em":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.Em, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.Em, { ...pandaJSXProps });
     case "small":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.Small, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.Small, { ...pandaJSXProps });
     case "span":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.Span, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.Span, { ...pandaJSXProps });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx2.P, { ...pandaJSXProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx2.P, { ...pandaJSXProps });
   }
 }
 
 // src/components/dialog/primitives.tsx
 var import_dialog = require("@ark-ui/react/dialog");
-var import_css6 = require("@cerberus/styled-system/css");
-var import_recipes6 = require("@cerberus/styled-system/recipes");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_css6 = require("styled-system/css");
+var import_recipes6 = require("styled-system/recipes");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function DialogRoot(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dialog.Dialog.Root, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dialog.Dialog.Root, { ...props });
 }
 function DialogBackdrop(props) {
   const styles = (0, import_recipes6.dialog)();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_dialog.Dialog.Backdrop,
     {
       ...props,
@@ -314,7 +316,7 @@ function DialogBackdrop(props) {
 }
 function DialogPositioner(props) {
   const styles = (0, import_recipes6.dialog)();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_dialog.Dialog.Positioner,
     {
       ...props,
@@ -325,7 +327,7 @@ function DialogPositioner(props) {
 function DialogContent(props) {
   const { size, ...contentProps } = props;
   const styles = (0, import_recipes6.dialog)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_dialog.Dialog.Content,
     {
       ...contentProps,
@@ -335,11 +337,11 @@ function DialogContent(props) {
 }
 function DialogHeading(props) {
   const styles = (0, import_recipes6.dialog)();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dialog.Dialog.Title, { ...props, className: (0, import_css6.cx)(styles.title, props.className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dialog.Dialog.Title, { ...props, className: (0, import_css6.cx)(styles.title, props.className) });
 }
 function DialogDescription(props) {
   const styles = (0, import_recipes6.dialog)();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_dialog.Dialog.Description,
     {
       ...props,
@@ -350,43 +352,46 @@ function DialogDescription(props) {
 var DialogProvider = DialogRoot;
 
 // src/components/Portal.tsx
-var import_react5 = require("@ark-ui/react");
-var Portal = import_react5.Portal;
+var import_react4 = require("@ark-ui/react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Portal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react4.Portal, { ...props });
+}
 
 // src/components/dialog/dialog.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Dialog2(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogBackdrop, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogPositioner, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogContent, { ...props }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogBackdrop, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogPositioner, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogContent, { ...props }) })
   ] });
 }
 
 // src/context/prompt-modal.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var PromptModalContext = (0, import_react6.createContext)(null);
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var PromptModalContext = (0, import_react5.createContext)(null);
 function PromptModal(props) {
-  const resolveRef = (0, import_react6.useRef)(null);
-  const [open, setOpen] = (0, import_react6.useState)(false);
-  const [content, setContent] = (0, import_react6.useState)(null);
-  const [inputValue, setInputValue] = (0, import_react6.useState)("");
+  const resolveRef = (0, import_react5.useRef)(null);
+  const [open, setOpen] = (0, import_react5.useState)(false);
+  const [content, setContent] = (0, import_react5.useState)(null);
+  const [inputValue, setInputValue] = (0, import_react5.useState)("");
   const { icons } = useCerberusContext();
   const { promptModal: PromptIcon } = icons;
-  const isValid = (0, import_react6.useMemo)(
+  const isValid = (0, import_react5.useMemo)(
     () => inputValue === (content == null ? void 0 : content.key),
     [inputValue, content]
   );
-  const palette = (0, import_react6.useMemo)(
+  const palette = (0, import_react5.useMemo)(
     () => (content == null ? void 0 : content.kind) === "destructive" ? "danger" : "action",
     [content]
   );
-  const handleChange = (0, import_react6.useCallback)(
+  const handleChange = (0, import_react5.useCallback)(
     (e) => {
       setInputValue(e.currentTarget.value);
     },
     [content]
   );
-  const handleChoice = (0, import_react6.useCallback)(
+  const handleChoice = (0, import_react5.useCallback)(
     (e) => {
       var _a;
       const target = e.currentTarget;
@@ -397,7 +402,7 @@ function PromptModal(props) {
     },
     [inputValue, setOpen]
   );
-  const handleShow = (0, import_react6.useCallback)(
+  const handleShow = (0, import_react5.useCallback)(
     (options) => {
       return new Promise((resolve) => {
         setContent({ ...options, kind: options.kind || "non-destructive" });
@@ -407,56 +412,56 @@ function PromptModal(props) {
     },
     [setOpen]
   );
-  const value = (0, import_react6.useMemo)(
+  const value = (0, import_react5.useMemo)(
     () => ({
       show: handleShow
     }),
     [handleShow]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(PromptModalContext.Provider, { value, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(PromptModalContext.Provider, { value, children: [
     props.children,
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Dialog2, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx3.VStack, { gap: "xl", w: "full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx3.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Dialog2, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx3.VStack, { gap: "xl", w: "full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx3.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           import_jsx3.HStack,
           {
             alignSelf: "center",
             justify: "center",
             paddingBlockEnd: "md",
             w: "full",
-            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               Show,
               {
                 when: palette === "danger",
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                fallback: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                   Avatar2,
                   {
                     gradient: "charon-light",
-                    fallback: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PromptIcon, { size: 24 })
+                    fallback: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PromptIcon, { size: 24 })
                   }
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                   Avatar2,
                   {
                     gradient: "hades-dark",
-                    fallback: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PromptIcon, { size: 24 })
+                    fallback: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PromptIcon, { size: 24 })
                   }
                 )
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         import_jsx3.VStack,
         {
           alignItems: "flex-start",
           marginBlockStart: "md",
           marginBlockEnd: "lg",
           w: "full",
-          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
             FieldRoot,
             {
               ids: {
@@ -464,7 +469,7 @@ function PromptModal(props) {
               },
               invalid: !isValid,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                   FieldLabel,
                   {
                     className: (0, import_patterns.hstack)({
@@ -475,19 +480,19 @@ function PromptModal(props) {
                     }),
                     children: [
                       "Type",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { as: "strong", textTransform: "uppercase", children: content == null ? void 0 : content.key }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { as: "strong", textTransform: "uppercase", children: content == null ? void 0 : content.key }),
                       "to confirm"
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Input, { name: "confirm", onChange: handleChange, type: "text" })
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Input, { name: "confirm", onChange: handleChange, type: "text" })
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx3.HStack, { gap: "md", justify: "stretch", w: "full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx3.HStack, { gap: "md", justify: "stretch", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           Button,
           {
             autoFocus: true,
@@ -502,7 +507,7 @@ function PromptModal(props) {
             children: content == null ? void 0 : content.actionText
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react7.DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_dialog2.DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           Button,
           {
             className: (0, import_css7.css)({
@@ -520,7 +525,7 @@ function PromptModal(props) {
   ] });
 }
 function usePromptModal() {
-  const context = (0, import_react6.useContext)(PromptModalContext);
+  const context = (0, import_react5.useContext)(PromptModalContext);
   if (context === null) {
     throw new Error("usePromptModal must be used within a PromptModal Provider");
   }