@pascal-app/editor 1.0.7 → 1.1.1

package/src/components/tools/elevator/move-elevator-tool.tsx

@@ -1,262 +0,0 @@
-import {
-  type AnyNodeId,
-  type BuildingNode,
-  type ElevatorNode,
-  ElevatorNode as ElevatorNodeSchema,
-  emitter,
-  type GridEvent,
-  type LevelNode,
-  pauseSceneHistory,
-  resumeSceneHistory,
-  sceneRegistry,
-  useLiveTransforms,
-  useScene,
-} from '@pascal-app/core'
-import { useCallback, useEffect, useRef, useState } from 'react'
-import { markToolCancelConsumed } from '../../../hooks/use-keyboard'
-import { resolveElevatorSupportY } from '../../../lib/elevator-support'
-import { consumePlacementDragRelease } from '../../../lib/placement-drag-release'
-import { sfxEmitter } from '../../../lib/sfx-bus'
-import { isTypingTarget } from '../../../lib/typing-target'
-import useEditor from '../../../store/use-editor'
-import { CursorSphere } from '../shared/cursor-sphere'
-
-function stripMoveMetadata(metadata: ElevatorNode['metadata']) {
-  if (typeof metadata !== 'object' || metadata === null || Array.isArray(metadata)) {
-    return metadata
-  }
-
-  const nextMeta = { ...(metadata as Record<string, unknown>) }
-  delete nextMeta.isNew
-  delete nextMeta.isTransient
-  return nextMeta as ElevatorNode['metadata']
-}
-
-export function MoveElevatorTool({
-  node: movingNode,
-  onCommitted,
-}: {
-  node: ElevatorNode
-  onCommitted?: (nodeId: AnyNodeId) => void
-}) {
-  const onCommittedRef = useRef(onCommitted)
-  const historyPausedRef = useRef(false)
-  const previousGridPosRef = useRef<[number, number] | null>(null)
-  const dragAnchorRef = useRef<[number, number] | null>(null)
-  const previewPositionRef = useRef<ElevatorNode['position']>([
-    movingNode.position[0],
-    movingNode.position[1],
-    movingNode.position[2],
-  ])
-  const [cursorPosition, setCursorPosition] = useState<[number, number, number]>(() => [
-    movingNode.position[0],
-    movingNode.position[1],
-    movingNode.position[2],
-  ])
-
-  const exitMoveMode = useCallback(() => {
-    useEditor.getState().setMovingNode(null)
-  }, [])
-
-  useEffect(() => {
-    onCommittedRef.current = onCommitted
-  }, [onCommitted])
-
-  useEffect(() => {
-    const pauseHistory = () => {
-      const temporal = useScene.temporal.getState()
-      if (historyPausedRef.current || !temporal.isTracking) return
-      pauseSceneHistory(useScene)
-      historyPausedRef.current = true
-    }
-    const resumeHistory = () => {
-      if (!historyPausedRef.current) return
-      resumeSceneHistory(useScene)
-      historyPausedRef.current = false
-    }
-
-    pauseHistory()
-    dragAnchorRef.current = null
-    previousGridPosRef.current = null
-    const movingNodeId = (movingNode as { id?: ElevatorNode['id'] }).id
-
-    const meta =
-      typeof movingNode.metadata === 'object' && movingNode.metadata !== null
-        ? (movingNode.metadata as Record<string, unknown>)
-        : {}
-    const isNew = !!meta.isNew
-    const committedMeta = stripMoveMetadata(movingNode.metadata)
-    const original = {
-      position: [...movingNode.position] as ElevatorNode['position'],
-      rotation: movingNode.rotation,
-      metadata: movingNode.metadata,
-    }
-
-    let wasCommitted = false
-    let wasCancelled = false
-    let pendingRotation = movingNode.rotation
-    const supportBuildingId = movingNode.parentId as BuildingNode['id'] | null | undefined
-    const supportLevelId = (movingNode.fromLevelId ?? movingNode.defaultLevelId) as
-      | LevelNode['id']
-      | null
-
-    const applyPreview = (
-      position: ElevatorNode['position'],
-      rotation: ElevatorNode['rotation'],
-    ) => {
-      if (movingNodeId) {
-        useLiveTransforms.getState().set(movingNodeId, { position, rotation })
-      }
-
-      const object = movingNodeId ? sceneRegistry.nodes.get(movingNodeId) : null
-      if (object) {
-        object.position.set(position[0], position[1], position[2])
-        object.rotation.y = rotation
-      }
-    }
-
-    const resetObject = (
-      position: ElevatorNode['position'],
-      rotation: ElevatorNode['rotation'],
-    ) => {
-      const object = movingNodeId ? sceneRegistry.nodes.get(movingNodeId) : null
-      if (object) {
-        object.position.set(position[0], position[1], position[2])
-        object.rotation.y = rotation
-      }
-    }
-
-    const clearPreview = () => {
-      if (movingNodeId) {
-        useLiveTransforms.getState().clear(movingNodeId)
-      }
-    }
-
-    const onGridMove = (event: GridEvent) => {
-      const bypassSnap = event.nativeEvent?.shiftKey === true
-      const rawX = bypassSnap ? event.localPosition[0] : Math.round(event.localPosition[0] * 2) / 2
-      const rawZ = bypassSnap ? event.localPosition[2] : Math.round(event.localPosition[2] * 2) / 2
-      const anchor = dragAnchorRef.current ?? [rawX, rawZ]
-      dragAnchorRef.current = anchor
-      const gridX = movingNode.position[0] + (rawX - anchor[0])
-      const gridZ = movingNode.position[2] + (rawZ - anchor[1])
-      const supportY = resolveElevatorSupportY({
-        buildingId: supportBuildingId,
-        preferredLevelId: supportLevelId,
-        x: gridX,
-        z: gridZ,
-      })
-
-      if (
-        !bypassSnap &&
-        previousGridPosRef.current &&
-        (gridX !== previousGridPosRef.current[0] || gridZ !== previousGridPosRef.current[1])
-      ) {
-        sfxEmitter.emit('sfx:grid-snap')
-      }
-
-      previousGridPosRef.current = [gridX, gridZ]
-      setCursorPosition([gridX, supportY, gridZ])
-      previewPositionRef.current = [gridX, supportY, gridZ]
-      applyPreview(previewPositionRef.current, pendingRotation)
-    }
-
-    const onGridClick = (event: GridEvent) => {
-      if (wasCommitted) return
-      const nextPosition: ElevatorNode['position'] = [...previewPositionRef.current]
-
-      wasCommitted = true
-      clearPreview()
-      resumeHistory()
-      if (movingNodeId && useScene.getState().nodes[movingNodeId as AnyNodeId]) {
-        useScene.getState().updateNode(movingNodeId as AnyNodeId, {
-          position: nextPosition,
-          rotation: pendingRotation,
-          metadata: committedMeta,
-        })
-        onCommittedRef.current?.(movingNodeId as AnyNodeId)
-      } else if (movingNode.parentId) {
-        const elevator = ElevatorNodeSchema.parse({
-          ...movingNode,
-          id: undefined,
-          position: nextPosition,
-          rotation: pendingRotation,
-          metadata: committedMeta,
-        })
-        useScene.getState().createNode(elevator, movingNode.parentId as AnyNodeId)
-        onCommittedRef.current?.(elevator.id as AnyNodeId)
-      }
-
-      sfxEmitter.emit('sfx:item-place')
-      exitMoveMode()
-      event.nativeEvent?.stopPropagation?.()
-    }
-
-    const onPlacementDragPointerUp = (event: PointerEvent) => {
-      if (!consumePlacementDragRelease(event)) return
-      onGridClick({ nativeEvent: event } as unknown as GridEvent)
-    }
-
-    const onCancel = () => {
-      wasCancelled = true
-      clearPreview()
-      if (isNew && movingNodeId) {
-        useScene.getState().deleteNode(movingNodeId as AnyNodeId)
-      } else {
-        if (movingNodeId) {
-          useScene.getState().updateNode(movingNodeId as AnyNodeId, {
-            position: original.position,
-            rotation: original.rotation,
-            metadata: original.metadata,
-          })
-        }
-      }
-      resetObject(original.position, original.rotation)
-      resumeHistory()
-      markToolCancelConsumed()
-      exitMoveMode()
-    }
-
-    const onKeyDown = (event: KeyboardEvent) => {
-      if (isTypingTarget(event.target)) return
-
-      const ROTATION_STEP = Math.PI / 4
-      let rotationDelta = 0
-      if (event.key === 'r' || event.key === 'R') rotationDelta = ROTATION_STEP
-      else if (event.key === 't' || event.key === 'T') rotationDelta = -ROTATION_STEP
-
-      if (rotationDelta !== 0) {
-        event.preventDefault()
-        sfxEmitter.emit('sfx:item-rotate')
-        pendingRotation += rotationDelta
-        applyPreview(previewPositionRef.current, pendingRotation)
-      }
-    }
-
-    emitter.on('grid:move', onGridMove)
-    emitter.on('grid:click', onGridClick)
-    emitter.on('tool:cancel', onCancel)
-    window.addEventListener('keydown', onKeyDown)
-    window.addEventListener('pointerup', onPlacementDragPointerUp)
-
-    return () => {
-      clearPreview()
-      if (!(wasCommitted || wasCancelled || isNew) && movingNodeId) {
-        useScene.getState().updateNode(movingNodeId as AnyNodeId, {
-          position: original.position,
-          rotation: original.rotation,
-          metadata: original.metadata,
-        })
-        resetObject(original.position, original.rotation)
-      }
-      resumeHistory()
-      emitter.off('grid:move', onGridMove)
-      emitter.off('grid:click', onGridClick)
-      emitter.off('tool:cancel', onCancel)
-      window.removeEventListener('keydown', onKeyDown)
-      window.removeEventListener('pointerup', onPlacementDragPointerUp)
-    }
-  }, [movingNode, exitMoveMode])
-
-  return <CursorSphere position={cursorPosition} showTooltip={false} />
-}

package/src/components/ui/action-menu/action-button.tsx

@@ -1,89 +0,0 @@
-import * as React from 'react'
-import { Button } from './../../../components/ui/primitives/button'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from './../../../components/ui/primitives/tooltip'
-import { triggerSFX } from './../../../lib/sfx-bus'
-import { cn } from './../../../lib/utils'
-import { useActionMenuPopupSide } from './placement'
-
-interface ActionButtonProps extends React.ComponentProps<typeof Button> {
-  label: string
-  shortcut?: string
-  isActive?: boolean
-  tooltipContent?: React.ReactNode
-  tooltipSide?: 'top' | 'right' | 'bottom' | 'left'
-  /** The tooltip portals to `<body>`, so a button in a themed scope passes the scope here. */
-  tooltipClassName?: string
-}
-
-export const ActionButton = React.forwardRef<HTMLButtonElement, ActionButtonProps>(
-  (
-    {
-      className,
-      children,
-      label,
-      shortcut,
-      isActive,
-      tooltipContent,
-      tooltipSide,
-      tooltipClassName,
-      onClick,
-      onMouseEnter,
-      ...props
-    },
-    ref,
-  ) => {
-    const popupSide = useActionMenuPopupSide()
-    return (
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <Button
-            // These are toggles, not commands: the armed/unarmed state has to be
-            // readable without decoding the active-state styling.
-            aria-pressed={isActive}
-            // Icon-only: the tooltip text is the button's name.
-            aria-label={label}
-            className={cn('relative h-11 w-11 transition-all', className)}
-            onClick={(event) => {
-              triggerSFX('sfx:menu-click')
-              onClick?.(event)
-            }}
-            onMouseEnter={(event) => {
-              triggerSFX('sfx:menu-hover')
-              onMouseEnter?.(event)
-            }}
-            ref={ref}
-            {...props}
-          >
-            <div
-              className={cn(
-                'flex h-full w-full items-center justify-center transition-transform',
-                shortcut && '-translate-x-0.5 -translate-y-0.5',
-              )}
-            >
-              {children}
-            </div>
-            {shortcut && (
-              <div className="absolute right-1 bottom-1 rounded border border-border/40 bg-background/40 px-1 py-[2px] backdrop-blur-md">
-                <span className="block font-medium font-mono text-[9px] text-muted-foreground/70 leading-none">
-                  {shortcut}
-                </span>
-              </div>
-            )}
-          </Button>
-        </TooltipTrigger>
-        <TooltipContent className={tooltipClassName} side={tooltipSide ?? popupSide}>
-          {tooltipContent || (
-            <p>
-              {label} {shortcut && `(${shortcut})`}
-            </p>
-          )}
-        </TooltipContent>
-      </Tooltip>
-    )
-  },
-)
-ActionButton.displayName = 'ActionButton'

package/src/components/ui/action-menu/follow-pascal-toggle.tsx

@@ -1,42 +0,0 @@
-'use client'
-
-import { usePascalI18n } from '@pascal-app/core'
-import { Video } from 'lucide-react'
-import { cn } from '../../../lib/utils'
-import useFollowPascal from '../../../store/use-follow-pascal'
-import { ActionButton } from './action-button'
-
-/** The toolbar's switch for Follow Pascal: the camera follows what the agent builds. */
-export function FollowPascalToggle({
-  className,
-  tooltipClassName,
-}: {
-  className?: string
-  tooltipClassName?: string
-}) {
-  const i18n = usePascalI18n()
-  const on = useFollowPascal((state) => state.on)
-  const setOn = useFollowPascal((state) => state.setOn)
-  return (
-    <ActionButton
-      aria-pressed={on}
-      className={cn(
-        on
-          ? 'bg-violet-500/20 text-violet-600 dark:text-violet-300 dark:hover:text-accent-foreground'
-          : 'hover:bg-black/4 hover:text-violet-600 dark:hover:text-violet-300',
-        className,
-      )}
-      label={
-        on
-          ? i18n._({ id: 'editor.actionMenu.followPascalToggle.on', message: 'Follow Pascal: On' })
-          : i18n._({ id: 'editor.actionMenu.followPascalToggle.off', message: 'Follow Pascal: Off' })
-      }
-      onClick={() => setOn(!on)}
-      size="icon"
-      tooltipClassName={tooltipClassName}
-      variant="ghost"
-    >
-      <Video className="h-6 w-6" />
-    </ActionButton>
-  )
-}

package/src/components/ui/primitives/button.tsx

@@ -1,69 +0,0 @@
-import { Slot } from '@radix-ui/react-slot'
-import { cva, type VariantProps } from 'class-variance-authority'
-import type * as React from 'react'
-
-import { cn } from '../../../lib/utils'
-
-const buttonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-barlow font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-        destructive:
-          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40',
-        outline:
-          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',
-        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
-        link: 'text-primary underline-offset-4 hover:underline',
-      },
-      size: {
-        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
-        sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5',
-        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
-        icon: 'size-9',
-        'icon-sm': 'size-8',
-        'icon-lg': 'size-10',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  },
-)
-
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  ref,
-  ...props
-}: React.ComponentProps<'button'> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean
-  }) {
-  if (asChild) {
-    return (
-      <Slot
-        className={cn(buttonVariants({ variant, size, className }))}
-        data-slot="button"
-        ref={ref as never}
-        {...props}
-      />
-    )
-  }
-
-  return (
-    <button
-      className={cn(buttonVariants({ variant, size, className }))}
-      data-slot="button"
-      ref={ref}
-      {...props}
-    />
-  )
-}
-
-export { Button, buttonVariants }

package/src/components/ui/primitives/dropdown-menu.tsx

@@ -1,232 +0,0 @@
-'use client'
-
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'
-import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'
-import type * as React from 'react'
-
-import { cn } from '../../../lib/utils'
-
-function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
-  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
-}
-
-function DropdownMenuPortal({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
-  return <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
-}
-
-function DropdownMenuTrigger({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
-  return <DropdownMenuPrimitive.Trigger data-slot="dropdown-menu-trigger" {...props} />
-}
-
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
-  return (
-    <DropdownMenuPrimitive.Portal>
-      <DropdownMenuPrimitive.Content
-        className={cn(
-          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',
-          className,
-        )}
-        data-slot="dropdown-menu-content"
-        sideOffset={sideOffset}
-        {...props}
-      />
-    </DropdownMenuPrimitive.Portal>
-  )
-}
-
-function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
-  return <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
-}
-
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = 'default',
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-  inset?: boolean
-  variant?: 'default' | 'destructive'
-}) {
-  return (
-    <DropdownMenuPrimitive.Item
-      className={cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!",
-        className,
-      )}
-      data-inset={inset}
-      data-slot="dropdown-menu-item"
-      data-variant={variant}
-      {...props}
-    />
-  )
-}
-
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
-  return (
-    <DropdownMenuPrimitive.CheckboxItem
-      checked={checked}
-      className={cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className,
-      )}
-      data-slot="dropdown-menu-checkbox-item"
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <DropdownMenuPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </DropdownMenuPrimitive.CheckboxItem>
-  )
-}
-
-function DropdownMenuRadioGroup({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
-  return <DropdownMenuPrimitive.RadioGroup data-slot="dropdown-menu-radio-group" {...props} />
-}
-
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
-  return (
-    <DropdownMenuPrimitive.RadioItem
-      className={cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className,
-      )}
-      data-slot="dropdown-menu-radio-item"
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <DropdownMenuPrimitive.ItemIndicator>
-          <CircleIcon className="size-2 fill-current" />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </DropdownMenuPrimitive.RadioItem>
-  )
-}
-
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-  inset?: boolean
-}) {
-  return (
-    <DropdownMenuPrimitive.Label
-      className={cn('px-2 py-1.5 font-barlow font-medium text-sm data-inset:pl-8', className)}
-      data-inset={inset}
-      data-slot="dropdown-menu-label"
-      {...props}
-    />
-  )
-}
-
-function DropdownMenuSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
-  return (
-    <DropdownMenuPrimitive.Separator
-      className={cn('-mx-1 my-1 h-px bg-border', className)}
-      data-slot="dropdown-menu-separator"
-      {...props}
-    />
-  )
-}
-
-function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {
-  return (
-    <span
-      className={cn('ml-auto text-muted-foreground text-xs tracking-widest', className)}
-      data-slot="dropdown-menu-shortcut"
-      {...props}
-    />
-  )
-}
-
-function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
-  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
-}
-
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-  inset?: boolean
-}) {
-  return (
-    <DropdownMenuPrimitive.SubTrigger
-      className={cn(
-        "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className,
-      )}
-      data-inset={inset}
-      data-slot="dropdown-menu-sub-trigger"
-      {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ml-auto size-4" />
-    </DropdownMenuPrimitive.SubTrigger>
-  )
-}
-
-function DropdownMenuSubContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
-  // Portalled so the side-opening submenu escapes the parent content's
-  // `overflow-x-hidden` clip (otherwise it renders but is invisible).
-  return (
-    <DropdownMenuPrimitive.Portal>
-      <DropdownMenuPrimitive.SubContent
-        className={cn(
-          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',
-          className,
-        )}
-        data-slot="dropdown-menu-sub-content"
-        {...props}
-      />
-    </DropdownMenuPrimitive.Portal>
-  )
-}
-
-export {
-  DropdownMenu,
-  DropdownMenuPortal,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuLabel,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubTrigger,
-  DropdownMenuSubContent,
-}