@tscircuit/runframe 0.0.370 → 0.0.372

package/dist/{chunk-MAIBX4W6.js → chunk-ZHZYFWBK.js}

@@ -1039,7 +1039,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.369";
+var version = "0.0.371";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1563,14 +1563,14 @@ var useRunFrameStore = create()(
   )
 );
 
-// lib/components/ui/alert-dialog.tsx
+// lib/components/ui/dialog.tsx
 import * as React6 from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
-var AlertDialog = AlertDialogPrimitive.Root;
-var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
-  AlertDialogPrimitive.Overlay,
+var Dialog = DialogPrimitive.Root;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  DialogPrimitive.Overlay,
   {
     className: cn(
       "rf-fixed rf-inset-0 rf-z-50 rf-bg-black/80 data-[state=open]:rf-animate-in data-[state=closed]:rf-animate-out data-[state=closed]:rf-fade-out-0 data-[state=open]:rf-fade-in-0",
@@ -1580,23 +1580,24 @@ var AlertDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /*
     ref
   }
 ));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs13(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx17(AlertDialogOverlay, {}),
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(DialogPortal, { children: [
+  /* @__PURE__ */ jsx17(DialogOverlay, {}),
   /* @__PURE__ */ jsx17(
-    AlertDialogPrimitive.Content,
+    DialogPrimitive.Content,
     {
       ref,
       className: cn(
         "rf-fixed rf-left-[50%] rf-top-[50%] rf-z-50 rf-grid rf-w-full rf-max-w-lg rf-translate-x-[-50%] rf-translate-y-[-50%] rf-gap-4 rf-border rf-border-zinc-200 rf-bg-white rf-p-6 rf-shadow-lg rf-duration-200 data-[state=open]:rf-animate-in data-[state=closed]:rf-animate-out data-[state=closed]:rf-fade-out-0 data-[state=open]:rf-fade-in-0 data-[state=closed]:rf-zoom-out-95 data-[state=open]:rf-zoom-in-95 data-[state=closed]:rf-slide-out-to-left-1/2 data-[state=closed]:rf-slide-out-to-top-[48%] data-[state=open]:rf-slide-in-from-left-1/2 data-[state=open]:rf-slide-in-from-top-[48%] sm:rf-rounded-lg dark:rf-border-zinc-800 dark:rf-bg-zinc-950",
         className
       ),
-      ...props
+      ...props,
+      children
     }
   )
 ] }));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsx17(
@@ -1609,8 +1610,8 @@ var AlertDialogHeader = ({
     ...props
   }
 );
-AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsx17(
@@ -1623,18 +1624,18 @@ var AlertDialogFooter = ({
     ...props
   }
 );
-AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
-  AlertDialogPrimitive.Title,
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  DialogPrimitive.Title,
   {
     ref,
     className: cn("rf-text-lg rf-font-semibold", className),
     ...props
   }
 ));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
-  AlertDialogPrimitive.Description,
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  DialogPrimitive.Description,
   {
     ref,
     className: cn(
@@ -1644,29 +1645,7 @@ var AlertDialogDescription = React6.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
-  AlertDialogPrimitive.Action,
-  {
-    ref,
-    className: cn(buttonVariants(), className),
-    ...props
-  }
-));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
-  AlertDialogPrimitive.Cancel,
-  {
-    ref,
-    className: cn(
-      buttonVariants({ variant: "outline" }),
-      "rf-mt-2 sm:rf-mt-0",
-      className
-    ),
-    ...props
-  }
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // lib/components/OrderDialog/OrderDialog.tsx
 import { QueryClient, QueryClientProvider } from "react-query";
@@ -1929,13 +1908,22 @@ var OrderDialog = ({
   circuitJson,
   packageReleaseId
 }) => {
-  return /* @__PURE__ */ jsx20(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx20(AlertDialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsx20(AlertDialogContent, { className: "!rf-max-w-[660px] !rf-p-0", children: /* @__PURE__ */ jsx20("div", { className: "rf-relative rf-w-full", children: stage === "initial" && /* @__PURE__ */ jsx20(
-    InitialOrderScreen,
+  return /* @__PURE__ */ jsx20(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx20(
+    Dialog,
     {
-      onCancel: onClose,
-      packageReleaseId: packageReleaseId ?? ""
+      open: isOpen,
+      onOpenChange: (open) => {
+        if (!open) onClose();
+      },
+      children: /* @__PURE__ */ jsx20(DialogContent, { className: "!rf-max-w-[660px] !rf-p-0", children: /* @__PURE__ */ jsx20("div", { className: "rf-relative rf-w-full", children: stage === "initial" && /* @__PURE__ */ jsx20(
+        InitialOrderScreen,
+        {
+          onCancel: onClose,
+          packageReleaseId: packageReleaseId ?? ""
+        }
+      ) }) })
     }
-  ) }) }) }) });
+  ) });
 };
 
 // lib/components/OrderDialog/CliOrderDialog.tsx
@@ -2000,6 +1988,7 @@ export {
   Tabs,
   TabsList,
   TabsTrigger,
+  buttonVariants,
   Button,
   DropdownMenu,
   DropdownMenuTrigger,
@@ -2016,13 +2005,6 @@ export {
   debug_default,
   API_BASE,
   useRunFrameStore,
-  AlertDialog,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogCancel,
   toast,
   useOrderDialogCli,
   useOrderDialog,

package/dist/preview.js

@@ -8,7 +8,7 @@ import {
   linkify,
   useOrderDialog,
   useOrderDialogCli
-} from "./chunk-MAIBX4W6.js";
+} from "./chunk-ZHZYFWBK.js";
 export {
   BomTable,
   CadViewer,