@instantdb/components 0.22.89-experimental.drewh-dialog-titles.20280021373.1 → 0.22.89-experimental.drewh-use-env-for-explorer-demo.20280152775.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@instantdb/components",
   "private": false,
-  "version": "0.22.89-experimental.drewh-dialog-titles.20280021373.1",
+  "version": "0.22.89-experimental.drewh-use-env-for-explorer-demo.20280152775.1",
   "type": "module",
   "description": "Instant's UI components",
   "homepage": "https://github.com/instantdb/instant/tree/main/client/packages/components",
@@ -74,7 +74,6 @@
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.1.7",
-    "@radix-ui/react-visually-hidden": "^1.2.4",
     "@tanstack/react-table": "^8.21.3",
     "clsx": "^2.1.0",
     "copy-to-clipboard": "^3.3.3",
@@ -93,11 +92,11 @@
     "swr": "^2.2.4",
     "tailwind-merge": "^2.2.1",
     "uuid": "^11.1.0",
-    "@instantdb/platform": "0.22.89-experimental.drewh-dialog-titles.20280021373.1",
-    "@instantdb/admin": "0.22.89-experimental.drewh-dialog-titles.20280021373.1",
-    "@instantdb/react": "0.22.89-experimental.drewh-dialog-titles.20280021373.1",
-    "@instantdb/core": "0.22.89-experimental.drewh-dialog-titles.20280021373.1",
-    "@instantdb/version": "0.22.89-experimental.drewh-dialog-titles.20280021373.1"
+    "@instantdb/core": "0.22.89-experimental.drewh-use-env-for-explorer-demo.20280152775.1",
+    "@instantdb/version": "0.22.89-experimental.drewh-use-env-for-explorer-demo.20280152775.1",
+    "@instantdb/react": "0.22.89-experimental.drewh-use-env-for-explorer-demo.20280152775.1",
+    "@instantdb/admin": "0.22.89-experimental.drewh-use-env-for-explorer-demo.20280152775.1",
+    "@instantdb/platform": "0.22.89-experimental.drewh-use-env-for-explorer-demo.20280152775.1"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/components/explorer/explorer-layout.tsx

@@ -55,10 +55,10 @@ export const ExplorerLayout = ({
         props.className,
       )}
     >
-      <Dialog title="Recently Deleted Namespaces" {...recentlyDeletedNsDialog}>
+      <Dialog {...recentlyDeletedNsDialog}>
         <RecentlyDeletedNamespaces appId={props.appId} db={db} />
       </Dialog>
-      <Dialog title="New Namespace" {...newNsDialog}>
+      <Dialog {...newNsDialog}>
         <NewNamespaceDialog
           db={db}
           onClose={(p) => {

package/src/components/explorer/inner-explorer.tsx

@@ -830,7 +830,6 @@ export const InnerExplorer: React.FC<{
   return (
     <>
       <Dialog
-        title="Delete Rows"
         open={deleteDataConfirmationOpen}
         onClose={() => setDeleteDataConfirmationOpen(false)}
       >
@@ -901,7 +900,6 @@ export const InnerExplorer: React.FC<{
         ) : null}
       </Dialog>
       <Dialog
-        title="Edit Row"
         open={addItemDialogOpen}
         onClose={() => setAddItemDialogOpen(false)}
       >
@@ -915,7 +913,6 @@ export const InnerExplorer: React.FC<{
         ) : null}
       </Dialog>
       <Dialog
-        title="Edit Row"
         open={!!selectedEditableItem}
         onClose={() => setEditableRowId(null)}
       >
@@ -929,7 +926,6 @@ export const InnerExplorer: React.FC<{
         ) : null}
       </Dialog>
       <Dialog
-        title="Edit Namespace"
         stopFocusPropagation={true}
         open={Boolean(editNs)}
         onClose={() => setEditNs(null)}

package/src/components/explorer/view-settings.tsx

@@ -25,7 +25,6 @@ export const ViewSettings = ({
         onClick={() => setDialogOpen(true)}
       />
       <Dialog
-        title="Explorer View Settings"
         hideCloseButton={true}
         onClose={() => setDialogOpen(false)}
         open={dialogOpen}

package/src/components/ui.tsx

@@ -1,6 +1,5 @@
 'use client';
 import { Toaster, toast } from 'sonner';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { Editor, Monaco, OnMount } from '@monaco-editor/react';
 import type { ClassValue } from 'clsx';
 import clsx from 'clsx';
@@ -636,7 +635,6 @@ function DialogContent({
   className,
   children,
   showCloseButton = false,
-  title,
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Content> & {
   showCloseButton?: boolean;
@@ -656,9 +654,6 @@ function DialogContent({
           )}
           {...props}
         >
-          <VisuallyHidden>
-            <DialogTitle>{title}</DialogTitle>
-          </VisuallyHidden>
           {children}
           {showCloseButton && (
             <DialogPrimitive.Close
@@ -682,13 +677,11 @@ export function Dialog({
   children,
   onClose,
   className,
-  title,
   stopFocusPropagation = false,
   hideCloseButton = false,
 }: {
   open: boolean;
   children: React.ReactNode;
-  title: string;
   onClose: () => void;
   className?: string;
   stopFocusPropagation?: boolean;
@@ -704,7 +697,6 @@ export function Dialog({
       open={open}
     >
       <DialogContent
-        title={title}
         onFocusCapture={(e) => {
           if (stopFocusPropagation) {
             e.stopPropagation();
@@ -1541,7 +1533,6 @@ export function Fence({
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { rosePineDawnTheme } from './rosePineDawnTheme';
 import { useShadowRoot, useShadowDarkMode } from './StyleMe';
-import { DialogTitle } from '@radix-ui/react-dialog';
 function Switch({
   className,
   ...props