prevent theatre UI css reset

app/(pages)/r3f/(components)/box/index.jsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useRect } from '@darkroom.engineering/hamo'
+import { useRect } from 'hamo'
 import dynamic from 'next/dynamic'
 import { WebGLTunnel } from '~/libs/webgl/components/tunnel'
 

components/accordion/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useResizeObserver } from '@darkroom.engineering/hamo'
 import cn from 'clsx'
+import { useResizeObserver } from 'hamo'
 import {
   type Dispatch,
   type HTMLAttributes,

components/animated-gradient/index.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useRect } from '@darkroom.engineering/hamo'
+import { useRect } from 'hamo'
 import dynamic from 'next/dynamic'
 import type { CSSProperties, ComponentProps } from 'react'
 import { WebGLTunnel } from '~/libs/webgl/components/tunnel'

components/animated-gradient/webgl.tsx

@@ -1,9 +1,5 @@
-import {
-  type ExtendedDOMRect,
-  useObjectFit,
-  useWindowSize,
-} from '@darkroom.engineering/hamo'
 import { useFrame, useThree } from '@react-three/fiber'
+import { type ExtendedDOMRect, useObjectFit, useWindowSize } from 'hamo'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { CanvasTexture, LinearFilter, type Mesh } from 'three'
 import { useFlowmap } from '~/libs/webgl/components/flowmap'

components/fold/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useRect, useWindowSize } from '@darkroom.engineering/hamo'
 import cn from 'clsx'
+import { useRect, useWindowSize } from 'hamo'
 import {
   type HTMLAttributes,
   type ReactNode,

components/marquee/index.tsx

@@ -1,10 +1,7 @@
 'use client'
 
-import {
-  useIntersectionObserver,
-  useResizeObserver,
-} from '@darkroom.engineering/hamo'
 import cn from 'clsx'
+import { useIntersectionObserver, useResizeObserver } from 'hamo'
 import { useLenis } from 'lenis/react'
 import { type HTMLAttributes, useRef } from 'react'
 import { useTempus } from 'tempus/react'

components/progress-text/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import { useRect } from '@darkroom.engineering/hamo'
 import cn from 'clsx'
+import { useRect } from 'hamo'
 import { type CSSProperties, Fragment, type ReactNode, useRef } from 'react'
 import {
   type UseScrollTriggerOptions,

components/scrollbar/index.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useRect } from '@darkroom.engineering/hamo'
+import { useRect } from 'hamo'
 import { useLenis } from 'lenis/react'
 import { useEffect, useRef } from 'react'
 import { mapRange } from '~/libs/maths'

components/split-text/index.tsx

@@ -1,9 +1,9 @@
 'use client'
 
-import { useResizeObserver } from '@darkroom.engineering/hamo'
 import cn from 'clsx'
 import { gsap } from 'gsap'
 import { SplitText as GSAPSplitText } from 'gsap/SplitText'
+import { useResizeObserver } from 'hamo'
 import {
   type Ref,
   useEffect,

hooks/use-device-detection.ts

@@ -1,4 +1,4 @@
-import { useMediaQuery } from '@darkroom.engineering/hamo'
+import { useMediaQuery } from 'hamo'
 import { breakpoints } from '~/styles/config.mjs'
 
 interface NavigatorWithBattery extends Navigator {

hooks/use-scroll-trigger.ts

@@ -1,10 +1,6 @@
 'use client'
 
-import {
-  type Rect,
-  useLazyState,
-  useWindowSize,
-} from '@darkroom.engineering/hamo'
+import { type Rect, useLazyState, useWindowSize } from 'hamo'
 import { useLenis } from 'lenis/react'
 import { useCallback, useEffect, useRef } from 'react'
 import { useTransform } from '~/hooks/use-transform'

libs/orchestra/grid/index.tsx

@@ -1,5 +1,5 @@
-import { useWindowSize } from '@darkroom.engineering/hamo'
 import cn from 'clsx'
+import { useWindowSize } from 'hamo'
 import { useMemo } from 'react'
 import s from './grid.module.css'
 

libs/orchestra/minimap/index.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useWindowSize } from '@darkroom.engineering/hamo'
+import { useWindowSize } from 'hamo'
 import { useCallback, useEffect, useId, useRef, useState } from 'react'
 import { useTempus } from 'tempus/react'
 import { create } from 'zustand'

libs/webgl/components/image/index.tsx

@@ -1,4 +1,4 @@
-import { useRect } from '@darkroom.engineering/hamo'
+import { useRect } from 'hamo'
 import dynamic from 'next/dynamic'
 import { useState } from 'react'
 import {

package.json

@@ -16,7 +16,6 @@
     "typecheck": "tsc --noEmit --incremental false"
   },
   "dependencies": {
-    "@darkroom.engineering/hamo": "1.0.0-dev.4",
     "@hubspot/api-client": "^12.0.1",
     "@next/third-parties": "^15.1.3",
     "@react-three/drei": "^9.120.5",
@@ -27,6 +26,7 @@
     "babel-plugin-react-compiler": "19.0.0-beta-a7bf2bd-20241110",
     "clsx": "^2.1.1",
     "gsap": "^3.12.5",
+    "hamo": "1.0.0-dev.5",
     "lenis": "1.1.20-dev.0",
     "next": "15.1.3",
     "postprocessing": "^6.36.6",

styles/_reset.css

@@ -17,10 +17,10 @@
         svg,
         video,
         audio,
+        dialog,
         vercel-live-feedback,
         nextjs-portal,
-        dialog,
-        :where(select, option)
+        #theatrejs-studio-root, :where(select, option)
       ):not(svg *, symbol *)
   ) {
   all: unset;