@pascal-app/editor 1.1.0 → 1.1.2

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,
-}

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

@@ -1,42 +0,0 @@
-'use client'
-
-import * as PopoverPrimitive from '@radix-ui/react-popover'
-import type * as React from 'react'
-
-import { cn } from '../../../lib/utils'
-
-function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
-  return <PopoverPrimitive.Root data-slot="popover" {...props} />
-}
-
-function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
-  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />
-}
-
-function PopoverContent({
-  className,
-  align = 'center',
-  sideOffset = 4,
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
-  return (
-    <PopoverPrimitive.Portal>
-      <PopoverPrimitive.Content
-        align={align}
-        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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in',
-          className,
-        )}
-        data-slot="popover-content"
-        sideOffset={sideOffset}
-        {...props}
-      />
-    </PopoverPrimitive.Portal>
-  )
-}
-
-function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
-  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />
-}
-
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }

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

@@ -1,29 +0,0 @@
-'use client'
-
-import * as SwitchPrimitives from '@radix-ui/react-switch'
-import * as React from 'react'
-
-import { cn } from './../../../lib/utils'
-
-const Switch = React.forwardRef<
-  React.ElementRef<typeof SwitchPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
->(({ className, ...props }, ref) => (
-  <SwitchPrimitives.Root
-    className={cn(
-      'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
-      className,
-    )}
-    {...props}
-    ref={ref}
-  >
-    <SwitchPrimitives.Thumb
-      className={cn(
-        'pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',
-      )}
-    />
-  </SwitchPrimitives.Root>
-))
-Switch.displayName = SwitchPrimitives.Root.displayName
-
-export { Switch }

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

@@ -1,57 +0,0 @@
-'use client'
-
-import * as TooltipPrimitive from '@radix-ui/react-tooltip'
-import type * as React from 'react'
-
-import { cn } from '../../../lib/utils'
-
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
-  return (
-    <TooltipPrimitive.Provider
-      data-slot="tooltip-provider"
-      delayDuration={delayDuration}
-      {...props}
-    />
-  )
-}
-
-function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
-  return (
-    <TooltipProvider>
-      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
-    </TooltipProvider>
-  )
-}
-
-function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
-  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
-}
-
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  children,
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
-  return (
-    <TooltipPrimitive.Portal>
-      <TooltipPrimitive.Content
-        className={cn(
-          'fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in text-balance rounded-md bg-foreground px-3 py-1.5 font-barlow text-background text-xs data-[state=closed]:animate-out',
-          className,
-        )}
-        data-slot="tooltip-content"
-        sideOffset={sideOffset}
-        {...props}
-      >
-        {children}
-        <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" />
-      </TooltipPrimitive.Content>
-    </TooltipPrimitive.Portal>
-  )
-}
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }

package/src/components/ui/scene-loader.tsx

@@ -1,73 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { cn } from '../../lib/utils'
-import { Button } from './primitives/button'
-
-const LOADERS = [
-  'pascal-loader-1',
-  'pascal-loader-2',
-  'pascal-loader-3',
-  'pascal-loader-4',
-  'pascal-loader-5',
-]
-
-interface SceneLoaderProps {
-  className?: string
-  fullScreen?: boolean
-}
-
-export function SceneLoader({ className, fullScreen = false }: SceneLoaderProps) {
-  const [loaderClass, setLoaderClass] = useState(LOADERS[0]!)
-
-  useEffect(() => {
-    // Pick a random loader on mount
-    setLoaderClass(LOADERS[Math.floor(Math.random() * LOADERS.length)] ?? LOADERS[0]!)
-  }, [])
-
-  return (
-    <div
-      className={cn(
-        'z-100 flex items-center justify-center bg-background/80 backdrop-blur-md transition-opacity duration-300',
-        fullScreen ? 'fixed inset-0' : 'absolute inset-0',
-        className,
-      )}
-    >
-      <div className={cn(loaderClass, 'text-foreground opacity-80')} />
-    </div>
-  )
-}
-
-interface SceneLoadFailedProps {
-  className?: string
-  onRetry: () => void
-}
-
-/**
- * Replaces the loader when the host could not deliver the scene. Rendered
- * INSTEAD of falling back to an empty default scene: a session that shows
- * scaffold nodes after a failed load autosaves that scaffold over the real
- * project (prod scene-wipe class, 2026-09-02).
- */
-export function SceneLoadFailed({ className, onRetry }: SceneLoadFailedProps) {
-  return (
-    <div
-      className={cn(
-        'z-100 flex flex-col items-center justify-center gap-4 bg-background/90 px-6 text-center backdrop-blur-md',
-        'absolute inset-0',
-        className,
-      )}
-      role="alert"
-    >
-      <div className="flex flex-col gap-1">
-        <p className="font-medium text-foreground text-sm">This project couldn't be loaded</p>
-        <p className="text-muted-foreground text-sm">
-          Nothing was changed. Check your connection and try again.
-        </p>
-      </div>
-      <Button className="rounded-full" onClick={onRetry} size="sm" type="button">
-        Try again
-      </Button>
-    </div>
-  )
-}

package/src/components/viewer/floorplan-compass-button.tsx

@@ -1,67 +0,0 @@
-'use client'
-
-import { usePascalI18n } from '@pascal-app/core'
-import type React from 'react'
-import { cn } from '../../lib/utils'
-import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/primitives/tooltip'
-import { SKY_COMPASS_BOTTOM, useSkyPanel } from './sky-control'
-
-export type FloorplanCompassButtonProps = {
-  northRotationDeg: number
-  onAlignNorth: () => void
-  needleRef?: React.RefObject<SVGSVGElement | null>
-  /** Horizontal anchor; defaults to the bottom-left corner. */
-  style?: React.CSSProperties
-}
-
-export function FloorplanCompassButton({
-  northRotationDeg,
-  onAlignNorth,
-  needleRef,
-  style,
-}: FloorplanCompassButtonProps) {
-  const i18n = usePascalI18n()
-  // Beside the sky chip (not when moved to the plan's right corner), centre on the docks' row.
-  const besideSky = useSkyPanel((s) => s.hosts > 0) && style?.right === undefined
-  const label = i18n._({
-    id: 'viewer.floorplan.alignNorth',
-    message: 'Align view to north',
-  })
-  return (
-    <Tooltip>
-      <TooltipTrigger asChild>
-        <button
-          aria-label={label}
-          className={cn(
-            'group pointer-events-auto absolute bottom-3 z-30 flex h-8 w-8 items-center justify-center rounded-full border border-black/10 bg-white/85 shadow-sm backdrop-blur-md transition hover:bg-white hover:shadow-md dark:border-white/10 dark:bg-neutral-900/85 dark:hover:bg-neutral-900',
-            !style && 'left-3',
-          )}
-          style={besideSky ? { bottom: SKY_COMPASS_BOTTOM, ...style } : style}
-          onClick={(event) => {
-            event.preventDefault()
-            event.stopPropagation()
-            onAlignNorth()
-          }}
-          onPointerDown={(event) => {
-            event.stopPropagation()
-          }}
-          type="button"
-        >
-          <span className="relative flex h-6 w-6 items-center justify-center rounded-full bg-[#b8b8b8] shadow-inner dark:bg-neutral-700">
-            <svg
-              aria-hidden="true"
-              className="h-6 w-6"
-              ref={needleRef}
-              style={{ transform: `rotate(${northRotationDeg}deg)` }}
-              viewBox="0 0 48 48"
-            >
-              <path d="M24 4.5 31.5 25 24 21.5 16.5 25Z" fill="#f15b5b" />
-              <path d="M24 43.5 16.5 23 24 26.5 31.5 23Z" fill="#ffffff" />
-            </svg>
-          </span>
-        </button>
-      </TooltipTrigger>
-      <TooltipContent side="right">{label}</TooltipContent>
-    </Tooltip>
-  )
-}

package/src/components/viewer/floorplan-preview-geometry.test.ts

@@ -1,107 +0,0 @@
-import { describe, expect, test } from 'bun:test'
-import type { FloorplanGeometry } from '@pascal-app/core'
-import {
-  clientToFloorplanPoint,
-  getFloorplanBounds,
-  padFloorplanBounds,
-  panFloorplanViewBox,
-  scaleFloorplanViewBox,
-  scaleFloorplanViewBoxBetweenClients,
-} from './floorplan-preview-geometry'
-
-describe('floorplan preview bounds', () => {
-  test('composes nested translation and rotation', () => {
-    const geometry: FloorplanGeometry = {
-      kind: 'group',
-      transform: { translate: [10, 5], rotate: Math.PI / 2 },
-      children: [
-        {
-          kind: 'rect',
-          x: 0,
-          y: 0,
-          width: 4,
-          height: 2,
-        },
-      ],
-    }
-
-    expect(getFloorplanBounds([geometry])).toEqual({
-      minX: 8,
-      minY: 5,
-      maxX: 10,
-      maxY: 9,
-    })
-  })
-
-  test('includes image rotation and dimension baselines', () => {
-    const geometries: FloorplanGeometry[] = [
-      {
-        kind: 'image',
-        url: '/symbol.png',
-        center: [2, 3],
-        width: 4,
-        height: 2,
-        rotation: Math.PI / 2,
-      },
-      {
-        kind: 'dimension',
-        start: [-3, -2],
-        end: [3, -2],
-        dimensionStart: [-4, -1],
-        dimensionEnd: [4, -1],
-        offsetNormal: [0, -1],
-        offsetDistance: 1,
-        extensionOvershoot: 0.2,
-        text: '8 m',
-      },
-    ]
-
-    expect(getFloorplanBounds(geometries)).toEqual({
-      minX: -4,
-      minY: -2,
-      maxX: 4,
-      maxY: 5,
-    })
-  })
-
-  test('pads narrow plans by a usable minimum', () => {
-    expect(padFloorplanBounds({ minX: 0, minY: 0, maxX: 0, maxY: 0 })).toEqual({
-      minX: -0.75,
-      minY: -0.75,
-      maxX: 0.75,
-      maxY: 0.75,
-    })
-  })
-
-  test('maps clients through letterboxed SVG content', () => {
-    const viewBox = { x: 0, y: 0, width: 10, height: 10 }
-    const viewport = { left: 0, top: 0, width: 1000, height: 500 }
-
-    expect(clientToFloorplanPoint(viewBox, viewport, 250, 0)).toEqual([0, 0])
-    expect(clientToFloorplanPoint(viewBox, viewport, 750, 500)).toEqual([10, 10])
-    expect(panFloorplanViewBox(viewBox, viewport, [500, 250], [550, 250])).toEqual({
-      x: -1,
-      y: 0,
-      width: 10,
-      height: 10,
-    })
-  })
-
-  test('keeps the plan point beneath a moving pinch midpoint', () => {
-    const viewBox = { x: 0, y: 0, width: 10, height: 10 }
-    const viewport = { left: 0, top: 0, width: 1000, height: 500 }
-    const next = scaleFloorplanViewBoxBetweenClients(viewBox, 0.5, viewport, [500, 250], [600, 250])
-
-    expect(next).toEqual({ x: 1.5, y: 2.5, width: 5, height: 5 })
-    expect(clientToFloorplanPoint(next, viewport, 600, 250)).toEqual([5, 5])
-  })
-
-  test('clamps zoom without changing the view box aspect ratio', () => {
-    expect(scaleFloorplanViewBox({ x: 0, y: 0, width: 100, height: 1 }, 0.01)).toEqual({
-      x: 37.5,
-      y: 0.375,
-      width: 25,
-      height: 0.25,
-    })
-  })
-})