fix: deleted remains of radix

Author: AlexVOiceover

src/components/ui/button.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Slot } from './radix-compatibility';
+import { Slot } from './compatibility-layer';
 import type { VariantProps } from 'class-variance-authority';
 
 import { cn } from '@/lib/utils';

src/components/ui/radix-compatibility.tsx src/components/ui/compatibility-layer.tsxsrc/components/ui/radix-compatibility.tsx renamed to src/components/ui/compatibility-layer.tsx

@@ -39,7 +39,7 @@ interface DialogRootProps {
   onOpenChange?: (open: boolean) => void;
 }
 
-// Create a Dialog Root that has the same API as Radix's
+// Create a Dialog Root with similar API to ensure compatibility
 const Dialog: React.FC<DialogRootProps> = ({ children, open, onOpenChange }) => {
   // IMPORTANT: Initialize isOpen to false by default
   const [isOpen, setIsOpen] = useState(open === true ? true : false);
@@ -79,7 +79,7 @@ const PopoverContent: React.FC<{children: React.ReactNode, className?: string}>
 
 // Using our better tooltip implementation instead of the dummy ones
 
-// Export all components with Radix-compatible names
+// Export all components with consistent naming for compatibility
 export {
   // Dialog components
   Dialog,

src/components/ui/simple-tooltip.tsx

@@ -119,7 +119,7 @@ const SimpleTooltip: React.FC<SimpleTooltipProps> = ({
   );
 };
 
-// For API compatibility with Radix
+// For API compatibility with component structure
 const SimpleTooltipTrigger: React.FC<{ children: React.ReactNode; asChild?: boolean }> = ({ children }) => {
   return <>{children}</>;
 };

src/lib/react-shim.ts

@@ -1,7 +1,7 @@
 /**
  * This module ensures React global methods are available
- * It's particularly needed for Radix components that expect
- * React.useLayoutEffect and React.createContext to be available globally
+ * It's needed for compatibility with Deno Deploy and ensures
+ * methods like React.useLayoutEffect and React.createContext are available globally
  */
 
 // Safely check and set properties

src/lib/utils/radix-utils.ts src/lib/utils/react-polyfill.tssrc/lib/utils/radix-utils.ts renamed to src/lib/utils/react-polyfill.ts

@@ -1,6 +1,6 @@
 /**
- * Polyfills for Radix UI components that use useLayoutEffect
- * This helps prevent the "Cannot read properties of undefined (reading 'useLayoutEffect')" error
+ * Polyfills for component compatibility with Deno Deploy
+ * This helps prevent the "Cannot read properties of undefined" errors
  * in certain environments like SSR or when window.React isn't properly set
  */
 
@@ -47,7 +47,7 @@ if (typeof window !== 'undefined') {
 }
 
 // Export a dummy function to make TypeScript happy when importing this module
-export default function ensureRadixPolyfill() {
+export default function ensureReactPolyfill() {
   // This function does nothing, it just ensures the side effects above are executed
   return true;
 }

tailwind.config.js

@@ -100,10 +100,10 @@ export default {
       keyframes: {
         'accordion-down': {
           from: { height: 0 },
-          to: { height: 'var(--radix-accordion-content-height)' },
+          to: { height: 'var(--accordion-content-height, auto)' },
         },
         'accordion-up': {
-          from: { height: 'var(--radix-accordion-content-height)' },
+          from: { height: 'var(--accordion-content-height, auto)' },
           to: { height: 0 },
         },
       },