Track HiveGrid Cloud planning reference

hivegrid-cloud/apps/web/app/ui/components/FullscreenDialog/FullscreenDialog.tsx

@@ -0,0 +1,41 @@
+"use client";
+/*
+ * Documentation:
+ * Fullscreen Dialog — https://app.subframe.com/f023064a5ca0/library?component=Fullscreen+Dialog_3f094173-71de-4378-a09a-05c482f7a137
+ */
+
+import React from "react";
+import * as SubframeCore from "@subframe/core";
+import * as SubframeUtils from "../../utils";
+
+export interface FullscreenDialogRootProps
+  extends React.ComponentProps<typeof SubframeCore.FullScreenDialog.Root> {
+  children?: React.ReactNode;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  className?: string;
+}
+
+const FullscreenDialogRoot = React.forwardRef<
+  HTMLDivElement,
+  FullscreenDialogRootProps
+>(function FullscreenDialogRoot(
+  { children, className, ...otherProps }: FullscreenDialogRootProps,
+  ref
+) {
+  return children ? (
+    <SubframeCore.FullScreenDialog.Root asChild={true} {...otherProps}>
+      <div
+        className={SubframeUtils.twClassNames(
+          "flex h-full w-full flex-col items-start bg-[#ffffff]",
+          className
+        )}
+        ref={ref}
+      >
+        {children}
+      </div>
+    </SubframeCore.FullScreenDialog.Root>
+  ) : null;
+});
+
+export const FullscreenDialog = FullscreenDialogRoot;

hivegrid-cloud/apps/web/app/ui/components/FullscreenDialog/index.tsx

@@ -0,0 +1,10 @@
+"use client";
+import { FullscreenDialog as FullscreenDialogComponent } from "./FullscreenDialog";
+
+/**
+ * Add wrapper components and business logic here.
+ * If you modify this file, disable Subframe sync for it to prevent overwrites.
+ * Learn more: https://docs.subframe.com/concepts/syncing-components#wrapping-components
+ */
+
+export const FullscreenDialog = FullscreenDialogComponent;