@spacesync/client 0.1.6 → 0.1.9

package/dist/file-viewer-dialog.js

@@ -1,4 +1,4 @@
-import { ResponsiveDialog, ResponsiveDialogContent, ResponsiveDialogTitle } from './chunk-H3CNZCYU.js';
+import { ResponsiveDialog, ResponsiveDialogContent, ResponsiveDialogTitle } from './chunk-F7MU5T46.js';
 import './chunk-RV5PMZYZ.js';
 import './chunk-L65F4EMK.js';
 import './chunk-PBNBLCC2.js';

package/dist/floor-switcher.d.ts

@@ -4,11 +4,12 @@ interface FloorSwitcherFloor {
     id: string;
     name: string;
 }
-declare function FloorSwitcher({ floors, activeFloorId, onFloorChange, onAddFloor, }: {
+declare function FloorSwitcher({ floors, activeFloorId, onFloorChange, onAddFloor, onDeleteFloor, }: {
     floors: FloorSwitcherFloor[];
     activeFloorId: string;
     onFloorChange: (floorId: string) => void;
     onAddFloor?: (name: string) => void;
+    onDeleteFloor?: (floorId: string) => void;
 }): React.JSX.Element;
 
 export { FloorSwitcher, type FloorSwitcherFloor };

package/dist/floor-switcher.js

@@ -1,4 +1,4 @@
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from './chunk-H3CNZCYU.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from './chunk-F7MU5T46.js';
 import { Label } from './chunk-RV5PMZYZ.js';
 import './chunk-L65F4EMK.js';
 import './chunk-PBNBLCC2.js';
@@ -10,7 +10,7 @@ import { Button } from './chunk-VHINHHZQ.js';
 import { shellTopBarMutedIconClass, shellTopBarSecondaryButtonClass } from './chunk-FCY5FYJB.js';
 import './chunk-OWNUMPUC.js';
 import { cn } from './chunk-DMPSQ22Q.js';
-import { Layers, ChevronDown, Check, Plus } from 'lucide-react';
+import { Layers, ChevronDown, Check, Plus, Trash2 } from 'lucide-react';
 import { useState, useEffect } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
@@ -18,11 +18,13 @@ function FloorSwitcher({
   floors,
   activeFloorId,
   onFloorChange,
-  onAddFloor
+  onAddFloor,
+  onDeleteFloor
 }) {
   const activeFloor = floors.find((f) => f.id === activeFloorId) ?? floors[0];
   const [addOpen, setAddOpen] = useState(false);
   const [name, setName] = useState("");
+  const canDeleteFloor = Boolean(onDeleteFloor) && floors.length > 1;
   useEffect(() => {
     if (addOpen) {
       setName(`Floor ${floors.length + 1}`);
@@ -63,12 +65,23 @@ function FloorSwitcher({
           },
           floor.id
         )),
-        onAddFloor ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        onAddFloor || canDeleteFloor ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setAddOpen(true), children: [
+          onAddFloor ? /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setAddOpen(true), children: [
             /* @__PURE__ */ jsx(Plus, { size: 14, className: "mr-1.5" }),
             "Add floor\u2026"
-          ] })
+          ] }) : null,
+          canDeleteFloor ? /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              variant: "destructive",
+              onClick: () => onDeleteFloor?.(activeFloorId),
+              children: [
+                /* @__PURE__ */ jsx(Trash2, { size: 14, className: "mr-1.5" }),
+                "Delete floor\u2026"
+              ]
+            }
+          ) : null
         ] }) : null
       ] })
     ] }),

package/dist/floor-switcher.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/live-space/floor-switcher.tsx"],"names":[],"mappings":"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","file":"floor-switcher.js","sourcesContent":["import { Check, ChevronDown, Layers, Plus } from \"lucide-react\";\nimport { shellTopBarMutedIconClass, shellTopBarSecondaryButtonClass } from \"../shell/shell-top-bar-chrome\";\nimport {\n  Button,\n  cn,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  Input,\n  Label,\n} from \"../ui\";\nimport { useEffect, useState } from \"react\";\n\nexport interface FloorSwitcherFloor {\n  id: string;\n  name: string;\n}\n\nexport function FloorSwitcher({\n  floors,\n  activeFloorId,\n  onFloorChange,\n  onAddFloor,\n}: {\n  floors: FloorSwitcherFloor[];\n  activeFloorId: string;\n  onFloorChange: (floorId: string) => void;\n  onAddFloor?: (name: string) => void;\n}) {\n  const activeFloor = floors.find((f) => f.id === activeFloorId) ?? floors[0];\n  const [addOpen, setAddOpen] = useState(false);\n  const [name, setName] = useState(\"\");\n\n  useEffect(() => {\n    if (addOpen) {\n      setName(`Floor ${floors.length + 1}`);\n    }\n  }, [addOpen, floors.length]);\n\n  const handleAdd = () => {\n    onAddFloor?.(name.trim() || `Floor ${floors.length + 1}`);\n    setAddOpen(false);\n  };\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            className={cn(\n              shellTopBarSecondaryButtonClass,\n              \"min-w-0 max-w-[10rem] outline-none focus-visible:ring-2 focus-visible:ring-blue-500/30\",\n            )}\n            aria-label=\"Switch floor\"\n          >\n            <Layers size={12} className={cn(\"shrink-0\", shellTopBarMutedIconClass)} aria-hidden />\n            <span className=\"truncate\">{activeFloor?.name ?? \"Floor\"}</span>\n            <ChevronDown size={12} className={cn(\"shrink-0\", shellTopBarMutedIconClass)} aria-hidden />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" className=\"w-48\">\n          {floors.map((floor) => (\n            <DropdownMenuItem\n              key={floor.id}\n              onClick={() => onFloorChange(floor.id)}\n              className=\"flex items-center justify-between gap-2\"\n            >\n              <span className=\"truncate\">{floor.name}</span>\n              {floor.id === activeFloorId ? (\n                <Check size={14} className=\"shrink-0 text-blue-600\" aria-hidden />\n              ) : (\n                <span className=\"size-3.5 shrink-0\" aria-hidden />\n              )}\n            </DropdownMenuItem>\n          ))}\n          {onAddFloor ? (\n            <>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem onClick={() => setAddOpen(true)}>\n                <Plus size={14} className=\"mr-1.5\" />\n                Add floor…\n              </DropdownMenuItem>\n            </>\n          ) : null}\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      {onAddFloor ? (\n        <Dialog open={addOpen} onOpenChange={setAddOpen}>\n          <DialogContent className=\"sm:max-w-md border-border\">\n            <DialogHeader>\n              <DialogTitle>Add floor</DialogTitle>\n              <DialogDescription>\n                Create a new floor with its own resources and 2D layout.\n              </DialogDescription>\n            </DialogHeader>\n            <div className=\"py-1\">\n              <Label htmlFor=\"new-floor-name\">Name</Label>\n              <Input\n                id=\"new-floor-name\"\n                value={name}\n                onChange={(e) => setName(e.target.value)}\n                placeholder=\"e.g. Floor 2\"\n                className=\"mt-2 h-9\"\n                autoFocus\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") handleAdd();\n                }}\n              />\n            </div>\n            <DialogFooter>\n              <Button type=\"button\" variant=\"outline\" onClick={() => setAddOpen(false)}>\n                Cancel\n              </Button>\n              <Button type=\"button\" onClick={handleAdd}>\n                Add floor\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      ) : null}\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/live-space/floor-switcher.tsx"],"names":[],"mappings":"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","file":"floor-switcher.js","sourcesContent":["import { Check, ChevronDown, Layers, Plus, Trash2 } from \"lucide-react\";\nimport { shellTopBarMutedIconClass, shellTopBarSecondaryButtonClass } from \"../shell/shell-top-bar-chrome\";\nimport {\n  Button,\n  cn,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  Input,\n  Label,\n} from \"../ui\";\nimport { useEffect, useState } from \"react\";\n\nexport interface FloorSwitcherFloor {\n  id: string;\n  name: string;\n}\n\nexport function FloorSwitcher({\n  floors,\n  activeFloorId,\n  onFloorChange,\n  onAddFloor,\n  onDeleteFloor,\n}: {\n  floors: FloorSwitcherFloor[];\n  activeFloorId: string;\n  onFloorChange: (floorId: string) => void;\n  onAddFloor?: (name: string) => void;\n  onDeleteFloor?: (floorId: string) => void;\n}) {\n  const activeFloor = floors.find((f) => f.id === activeFloorId) ?? floors[0];\n  const [addOpen, setAddOpen] = useState(false);\n  const [name, setName] = useState(\"\");\n  const canDeleteFloor = Boolean(onDeleteFloor) && floors.length > 1;\n\n  useEffect(() => {\n    if (addOpen) {\n      setName(`Floor ${floors.length + 1}`);\n    }\n  }, [addOpen, floors.length]);\n\n  const handleAdd = () => {\n    onAddFloor?.(name.trim() || `Floor ${floors.length + 1}`);\n    setAddOpen(false);\n  };\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            className={cn(\n              shellTopBarSecondaryButtonClass,\n              \"min-w-0 max-w-[10rem] outline-none focus-visible:ring-2 focus-visible:ring-blue-500/30\",\n            )}\n            aria-label=\"Switch floor\"\n          >\n            <Layers size={12} className={cn(\"shrink-0\", shellTopBarMutedIconClass)} aria-hidden />\n            <span className=\"truncate\">{activeFloor?.name ?? \"Floor\"}</span>\n            <ChevronDown size={12} className={cn(\"shrink-0\", shellTopBarMutedIconClass)} aria-hidden />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" className=\"w-48\">\n          {floors.map((floor) => (\n            <DropdownMenuItem\n              key={floor.id}\n              onClick={() => onFloorChange(floor.id)}\n              className=\"flex items-center justify-between gap-2\"\n            >\n              <span className=\"truncate\">{floor.name}</span>\n              {floor.id === activeFloorId ? (\n                <Check size={14} className=\"shrink-0 text-blue-600\" aria-hidden />\n              ) : (\n                <span className=\"size-3.5 shrink-0\" aria-hidden />\n              )}\n            </DropdownMenuItem>\n          ))}\n          {onAddFloor || canDeleteFloor ? (\n            <>\n              <DropdownMenuSeparator />\n              {onAddFloor ? (\n                <DropdownMenuItem onClick={() => setAddOpen(true)}>\n                  <Plus size={14} className=\"mr-1.5\" />\n                  Add floor…\n                </DropdownMenuItem>\n              ) : null}\n              {canDeleteFloor ? (\n                <DropdownMenuItem\n                  variant=\"destructive\"\n                  onClick={() => onDeleteFloor?.(activeFloorId)}\n                >\n                  <Trash2 size={14} className=\"mr-1.5\" />\n                  Delete floor…\n                </DropdownMenuItem>\n              ) : null}\n            </>\n          ) : null}\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      {onAddFloor ? (\n        <Dialog open={addOpen} onOpenChange={setAddOpen}>\n          <DialogContent className=\"sm:max-w-md border-border\">\n            <DialogHeader>\n              <DialogTitle>Add floor</DialogTitle>\n              <DialogDescription>\n                Create a new floor with its own resources and 2D layout.\n              </DialogDescription>\n            </DialogHeader>\n            <div className=\"py-1\">\n              <Label htmlFor=\"new-floor-name\">Name</Label>\n              <Input\n                id=\"new-floor-name\"\n                value={name}\n                onChange={(e) => setName(e.target.value)}\n                placeholder=\"e.g. Floor 2\"\n                className=\"mt-2 h-9\"\n                autoFocus\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") handleAdd();\n                }}\n              />\n            </div>\n            <DialogFooter>\n              <Button type=\"button\" variant=\"outline\" onClick={() => setAddOpen(false)}>\n                Cancel\n              </Button>\n              <Button type=\"button\" onClick={handleAdd}>\n                Add floor\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      ) : null}\n    </>\n  );\n}\n"]}

package/dist/image-picker-field.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-declare function ImagePickerField({ label, value, onFileSelected, onRemove, description, previewAlt, disabled, }: {
+declare function ImagePickerField({ label, value, onFileSelected, onRemove, description, previewAlt, disabled, busy, }: {
     label?: string;
     /** Preview URL supplied by the parent (`blob:`, signed HTTPS, or empty). */
     value?: string;
@@ -9,6 +9,7 @@ declare function ImagePickerField({ label, value, onFileSelected, onRemove, desc
     description?: string;
     previewAlt?: string;
     disabled?: boolean;
+    busy?: boolean;
 }): React.JSX.Element;
 
 export { ImagePickerField };

package/dist/image-picker-field.js

@@ -1,9 +1,52 @@
 import { Button } from './chunk-VHINHHZQ.js';
-import './chunk-DMPSQ22Q.js';
-import { useRef } from 'react';
-import { ImagePlus, Trash2, Upload } from 'lucide-react';
+import { cn } from './chunk-DMPSQ22Q.js';
+import { useRef, useState, useEffect } from 'react';
+import { ImagePlus, Trash2, Loader2, Upload } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+function ImageBusyOverlay({ label = "Uploading\u2026" }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "absolute inset-0 z-10 flex items-center justify-center rounded-[inherit] bg-background/75 backdrop-blur-[2px] animate-in fade-in duration-200",
+      role: "status",
+      "aria-live": "polite",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-full border border-border bg-card px-3 py-1.5 text-sm text-foreground shadow-sm", children: [
+        /* @__PURE__ */ jsx(Loader2, { size: 14, className: "animate-spin text-blue-600" }),
+        label
+      ] })
+    }
+  );
+}
+function PreviewImage({ src, alt }) {
+  const [ready, setReady] = useState(false);
+  useEffect(() => {
+    setReady(false);
+  }, [src]);
+  return /* @__PURE__ */ jsxs("div", { className: "relative aspect-[4/3] w-full overflow-hidden bg-muted", children: [
+    !ready ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "absolute inset-0 z-[1] flex items-center justify-center animate-in fade-in duration-200",
+        role: "status",
+        "aria-label": "Loading image",
+        children: /* @__PURE__ */ jsx(Loader2, { size: 18, className: "animate-spin text-muted-foreground" })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt,
+        onLoad: () => setReady(true),
+        className: cn(
+          "aspect-[4/3] w-full object-cover transition-opacity duration-300 ease-out",
+          ready ? "opacity-100" : "opacity-0"
+        )
+      }
+    )
+  ] });
+}
 function ImagePickerField({
   label = "Image",
   value,
@@ -11,18 +54,21 @@ function ImagePickerField({
   onRemove,
   description,
   previewAlt = "Selected image",
-  disabled = false
+  disabled = false,
+  busy = false
 }) {
   const inputRef = useRef(null);
+  const locked = disabled || busy;
   const handleFileChange = (files) => {
     const file = files?.[0];
-    if (!file || disabled) return;
+    if (!file || locked) return;
     onFileSelected(file);
   };
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }),
-    value ? /* @__PURE__ */ jsxs("div", { className: "max-w-sm overflow-hidden rounded-xl border border-border bg-card", children: [
-      /* @__PURE__ */ jsx("img", { src: value, alt: previewAlt, className: "aspect-[4/3] w-full object-cover" }),
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", "aria-busy": busy, children: [
+    label ? /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }) : null,
+    value ? /* @__PURE__ */ jsxs("div", { className: "relative max-w-sm overflow-hidden rounded-xl border border-border bg-card", children: [
+      /* @__PURE__ */ jsx(PreviewImage, { src: value, alt: previewAlt }),
+      busy ? /* @__PURE__ */ jsx(ImageBusyOverlay, {}) : null,
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
         /* @__PURE__ */ jsxs(
           Button,
@@ -30,7 +76,7 @@ function ImagePickerField({
             type: "button",
             variant: "link",
             size: "sm",
-            disabled,
+            disabled: locked,
             onClick: () => inputRef.current?.click(),
             className: "h-auto gap-1.5 p-0 text-xs font-medium text-blue-600 dark:text-blue-400",
             children: [
@@ -45,7 +91,7 @@ function ImagePickerField({
             type: "button",
             variant: "link",
             size: "sm",
-            disabled,
+            disabled: locked,
             onClick: onRemove,
             className: "h-auto gap-1.5 p-0 text-xs font-medium text-red-600",
             children: [
@@ -55,28 +101,31 @@ function ImagePickerField({
           }
         ) : null
       ] })
-    ] }) : /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        disabled,
-        onClick: () => inputRef.current?.click(),
-        className: "flex aspect-[4/3] h-auto max-w-sm w-full flex-col items-center justify-center gap-2 rounded-xl border-dashed bg-muted/50 px-4 py-5 text-center shadow-none hover:border-blue-300 hover:bg-blue-50/30 dark:hover:bg-blue-950/25",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-xl border border-border bg-card", children: /* @__PURE__ */ jsx(Upload, { size: 15, className: "text-muted-foreground" }) }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-foreground", children: "Choose image" }),
-          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-normal text-muted-foreground whitespace-normal", children: description ?? "JPG, PNG, WebP or GIF." })
-        ]
-      }
-    ),
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "relative max-w-sm overflow-hidden rounded-xl", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: locked,
+          onClick: () => inputRef.current?.click(),
+          className: "flex aspect-[4/3] h-auto w-full flex-col items-center justify-center gap-2 rounded-xl border-dashed bg-muted/50 px-4 py-5 text-center shadow-none hover:border-blue-300 hover:bg-blue-50/30 dark:hover:bg-blue-950/25",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-xl border border-border bg-card", children: busy ? /* @__PURE__ */ jsx(Loader2, { size: 15, className: "animate-spin text-blue-600" }) : /* @__PURE__ */ jsx(Upload, { size: 15, className: "text-muted-foreground" }) }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-foreground", children: busy ? "Uploading\u2026" : "Choose image" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-normal text-muted-foreground whitespace-normal", children: description ?? "JPG, PNG, WebP or GIF." })
+          ]
+        }
+      ),
+      busy ? /* @__PURE__ */ jsx(ImageBusyOverlay, {}) : null
+    ] }),
     /* @__PURE__ */ jsx(
       "input",
       {
         ref: inputRef,
         type: "file",
-        accept: "image/*",
-        disabled,
+        accept: "image/jpeg,image/png,image/webp,image/gif,.jpg,.jpeg,.png,.webp,.gif",
+        disabled: locked,
         className: "hidden",
         onChange: (event) => {
           handleFileChange(event.target.files);

package/dist/image-picker-field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/files/image-picker-field.tsx"],"names":[],"mappings":";;;;;;AAIO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,KAAA,GAAQ,OAAA;AAAA,EACR,KAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA,GAAa,gBAAA;AAAA,EACb,QAAA,GAAW;AACb,CAAA,EASG;AACD,EAAA,MAAM,QAAA,GAAW,OAAyB,IAAI,CAAA;AAE9C,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAA2B;AACnD,IAAA,MAAM,IAAA,GAAO,QAAQ,CAAC,CAAA;AACtB,IAAA,IAAI,CAAC,QAAQ,QAAA,EAAU;AACvB,IAAA,cAAA,CAAe,IAAI,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACnE,KAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kEAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,GAAA,EAAK,KAAA,EAAO,GAAA,EAAK,UAAA,EAAY,WAAU,kCAAA,EAAmC,CAAA;AAAA,sBAC/E,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0EAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAQ,MAAA;AAAA,YACR,IAAA,EAAK,IAAA;AAAA,YACL,QAAA;AAAA,YACA,OAAA,EAAS,MAAM,QAAA,CAAS,OAAA,EAAS,KAAA,EAAM;AAAA,YACvC,SAAA,EAAU,yEAAA;AAAA,YAEV,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,MAAM,EAAA,EAAI,CAAA;AAAA,cAAE;AAAA;AAAA;AAAA,SAEzB;AAAA,QACC,QAAA,mBACC,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAQ,MAAA;AAAA,YACR,IAAA,EAAK,IAAA;AAAA,YACL,QAAA;AAAA,YACA,OAAA,EAAS,QAAA;AAAA,YACT,SAAA,EAAU,qDAAA;AAAA,YAEV,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,MAAM,EAAA,EAAI,CAAA;AAAA,cAAE;AAAA;AAAA;AAAA,SAEtB,GACE;AAAA,OAAA,EACN;AAAA,KAAA,EACF,CAAA,mBAEA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAQ,SAAA;AAAA,QACR,QAAA;AAAA,QACA,OAAA,EAAS,MAAM,QAAA,CAAS,OAAA,EAAS,KAAA,EAAM;AAAA,QACvC,SAAA,EAAU,gOAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kFAAA,EACd,QAAA,kBAAA,GAAA,CAAC,UAAO,IAAA,EAAM,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAwB,CAAA,EACtD,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,0BAClE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iEAAA,EACb,yBAAe,wBAAA,EAClB;AAAA;AAAA;AAAA,KACF;AAAA,oBAEF,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,MAAA;AAAA,QACL,MAAA,EAAO,SAAA;AAAA,QACP,QAAA;AAAA,QACA,SAAA,EAAU,QAAA;AAAA,QACV,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,UAAA,gBAAA,CAAiB,KAAA,CAAM,OAAO,KAAK,CAAA;AACnC,UAAA,KAAA,CAAM,OAAO,KAAA,GAAQ,EAAA;AAAA,QACvB;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ","file":"image-picker-field.js","sourcesContent":["import { useRef } from \"react\";\nimport { ImagePlus, Trash2, Upload } from \"lucide-react\";\nimport { Button } from \"../ui/button\";\n\nexport function ImagePickerField({\n  label = \"Image\",\n  value,\n  onFileSelected,\n  onRemove,\n  description,\n  previewAlt = \"Selected image\",\n  disabled = false,\n}: {\n  label?: string;\n  /** Preview URL supplied by the parent (`blob:`, signed HTTPS, or empty). */\n  value?: string;\n  onFileSelected: (file: File) => void;\n  onRemove?: () => void;\n  description?: string;\n  previewAlt?: string;\n  disabled?: boolean;\n}) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleFileChange = (files: FileList | null) => {\n    const file = files?.[0];\n    if (!file || disabled) return;\n    onFileSelected(file);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n      {value ? (\n        <div className=\"max-w-sm overflow-hidden rounded-xl border border-border bg-card\">\n          <img src={value} alt={previewAlt} className=\"aspect-[4/3] w-full object-cover\" />\n          <div className=\"flex items-center justify-between gap-2 border-t border-border px-3 py-2\">\n            <Button\n              type=\"button\"\n              variant=\"link\"\n              size=\"sm\"\n              disabled={disabled}\n              onClick={() => inputRef.current?.click()}\n              className=\"h-auto gap-1.5 p-0 text-xs font-medium text-blue-600 dark:text-blue-400\"\n            >\n              <ImagePlus size={13} />\n              Change image\n            </Button>\n            {onRemove ? (\n              <Button\n                type=\"button\"\n                variant=\"link\"\n                size=\"sm\"\n                disabled={disabled}\n                onClick={onRemove}\n                className=\"h-auto gap-1.5 p-0 text-xs font-medium text-red-600\"\n              >\n                <Trash2 size={13} />\n                Remove\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled={disabled}\n          onClick={() => inputRef.current?.click()}\n          className=\"flex aspect-[4/3] h-auto max-w-sm w-full flex-col items-center justify-center gap-2 rounded-xl border-dashed bg-muted/50 px-4 py-5 text-center shadow-none hover:border-blue-300 hover:bg-blue-50/30 dark:hover:bg-blue-950/25\"\n        >\n          <span className=\"flex h-9 w-9 items-center justify-center rounded-xl border border-border bg-card\">\n            <Upload size={15} className=\"text-muted-foreground\" />\n          </span>\n          <span className=\"text-xs font-medium text-foreground\">Choose image</span>\n          <span className=\"text-[11px] font-normal text-muted-foreground whitespace-normal\">\n            {description ?? \"JPG, PNG, WebP or GIF.\"}\n          </span>\n        </Button>\n      )}\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        disabled={disabled}\n        className=\"hidden\"\n        onChange={(event) => {\n          handleFileChange(event.target.files);\n          event.target.value = \"\";\n        }}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/files/image-picker-field.tsx"],"names":[],"mappings":"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","file":"image-picker-field.js","sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { ImagePlus, Loader2, Trash2, Upload } from \"lucide-react\";\nimport { Button } from \"../ui/button\";\nimport { cn } from \"../ui/utils\";\n\nfunction ImageBusyOverlay({ label = \"Uploading…\" }: { label?: string }) {\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex items-center justify-center rounded-[inherit] bg-background/75 backdrop-blur-[2px] animate-in fade-in duration-200\"\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      <div className=\"flex items-center gap-2 rounded-full border border-border bg-card px-3 py-1.5 text-sm text-foreground shadow-sm\">\n        <Loader2 size={14} className=\"animate-spin text-blue-600\" />\n        {label}\n      </div>\n    </div>\n  );\n}\n\nfunction PreviewImage({ src, alt }: { src: string; alt: string }) {\n  const [ready, setReady] = useState(false);\n\n  useEffect(() => {\n    setReady(false);\n  }, [src]);\n\n  return (\n    <div className=\"relative aspect-[4/3] w-full overflow-hidden bg-muted\">\n      {!ready ? (\n        <span\n          className=\"absolute inset-0 z-[1] flex items-center justify-center animate-in fade-in duration-200\"\n          role=\"status\"\n          aria-label=\"Loading image\"\n        >\n          <Loader2 size={18} className=\"animate-spin text-muted-foreground\" />\n        </span>\n      ) : null}\n      <img\n        src={src}\n        alt={alt}\n        onLoad={() => setReady(true)}\n        className={cn(\n          \"aspect-[4/3] w-full object-cover transition-opacity duration-300 ease-out\",\n          ready ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n\nexport function ImagePickerField({\n  label = \"Image\",\n  value,\n  onFileSelected,\n  onRemove,\n  description,\n  previewAlt = \"Selected image\",\n  disabled = false,\n  busy = false,\n}: {\n  label?: string;\n  /** Preview URL supplied by the parent (`blob:`, signed HTTPS, or empty). */\n  value?: string;\n  onFileSelected: (file: File) => void;\n  onRemove?: () => void;\n  description?: string;\n  previewAlt?: string;\n  disabled?: boolean;\n  busy?: boolean;\n}) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const locked = disabled || busy;\n\n  const handleFileChange = (files: FileList | null) => {\n    const file = files?.[0];\n    if (!file || locked) return;\n    onFileSelected(file);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-1.5\" aria-busy={busy}>\n      {label ? (\n        <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n      ) : null}\n      {value ? (\n        <div className=\"relative max-w-sm overflow-hidden rounded-xl border border-border bg-card\">\n          <PreviewImage src={value} alt={previewAlt} />\n          {busy ? <ImageBusyOverlay /> : null}\n          <div className=\"flex items-center justify-between gap-2 border-t border-border px-3 py-2\">\n            <Button\n              type=\"button\"\n              variant=\"link\"\n              size=\"sm\"\n              disabled={locked}\n              onClick={() => inputRef.current?.click()}\n              className=\"h-auto gap-1.5 p-0 text-xs font-medium text-blue-600 dark:text-blue-400\"\n            >\n              <ImagePlus size={13} />\n              Change image\n            </Button>\n            {onRemove ? (\n              <Button\n                type=\"button\"\n                variant=\"link\"\n                size=\"sm\"\n                disabled={locked}\n                onClick={onRemove}\n                className=\"h-auto gap-1.5 p-0 text-xs font-medium text-red-600\"\n              >\n                <Trash2 size={13} />\n                Remove\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      ) : (\n        <div className=\"relative max-w-sm overflow-hidden rounded-xl\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            disabled={locked}\n            onClick={() => inputRef.current?.click()}\n            className=\"flex aspect-[4/3] h-auto w-full flex-col items-center justify-center gap-2 rounded-xl border-dashed bg-muted/50 px-4 py-5 text-center shadow-none hover:border-blue-300 hover:bg-blue-50/30 dark:hover:bg-blue-950/25\"\n          >\n            <span className=\"flex h-9 w-9 items-center justify-center rounded-xl border border-border bg-card\">\n              {busy ? (\n                <Loader2 size={15} className=\"animate-spin text-blue-600\" />\n              ) : (\n                <Upload size={15} className=\"text-muted-foreground\" />\n              )}\n            </span>\n            <span className=\"text-xs font-medium text-foreground\">\n              {busy ? \"Uploading…\" : \"Choose image\"}\n            </span>\n            <span className=\"text-[11px] font-normal text-muted-foreground whitespace-normal\">\n              {description ?? \"JPG, PNG, WebP or GIF.\"}\n            </span>\n          </Button>\n          {busy ? <ImageBusyOverlay /> : null}\n        </div>\n      )}\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/jpeg,image/png,image/webp,image/gif,.jpg,.jpeg,.png,.webp,.gif\"\n        disabled={locked}\n        className=\"hidden\"\n        onChange={(event) => {\n          handleFileChange(event.target.files);\n          event.target.value = \"\";\n        }}\n      />\n    </div>\n  );\n}\n"]}

package/dist/layout-canvas-view-DOjyUNJH.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+
+type LayoutCanvasResourceType = "desks" | "rooms" | "other";
+interface LayoutCanvasRect {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+interface LayoutCanvasFloorLayout {
+    placedItems: Record<string, LayoutCanvasRect>;
+    bgImage: string | null;
+    canvasWidth?: number;
+    canvasHeight?: number;
+}
+interface LayoutCanvasPlanHint {
+    id: string;
+    name: string;
+    color?: string;
+}
+
+interface LayoutCanvasViewRow {
+    resource: {
+        id: string;
+        name: string;
+        pricingPlanId: string;
+        resourceType: LayoutCanvasResourceType;
+        totalSlots?: number;
+    };
+    merged: {
+        occupied: boolean;
+        manual?: boolean;
+        expectedFreeLabel?: string;
+    };
+    plan?: LayoutCanvasPlanHint;
+}
+interface LayoutCanvasResourceQuickBook {
+    /** When omitted, popover shows that booking is unavailable for this member. */
+    onBook?: (resourceId: string) => void;
+    /** Optional href for the book action (middle-click / fallback). */
+    getBookingHref?: (resourceId: string) => string;
+}
+interface LayoutCanvasViewProps {
+    layout: LayoutCanvasFloorLayout;
+    rows: LayoutCanvasViewRow[];
+    onResourceSelect?: (id: string) => void;
+    /** Hover/tap popover with a quick book action (member live space). */
+    resourceQuickBook?: LayoutCanvasResourceQuickBook;
+    /** When set with `onSearchQueryChange`, shows a search bar and dims non-matching resources. */
+    searchQuery?: string;
+    onSearchQueryChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    /** Occupancy green/red dots. Off for booking pickers. */
+    showStatusDot?: boolean;
+    selectedIds?: string[];
+    /** Rendered on the left of the zoom toolbar (e.g. floor select). */
+    toolbarStart?: ReactNode;
+    className?: string;
+    viewportClassName?: string;
+}
+declare function matchesCanvasResourceSearch(resourceName: string, planName: string | undefined, query: string): boolean;
+declare function LayoutCanvasView({ layout, rows, onResourceSelect, resourceQuickBook, searchQuery, onSearchQueryChange, searchPlaceholder, showStatusDot, selectedIds, toolbarStart, className, viewportClassName, }: LayoutCanvasViewProps): React.JSX.Element;
+
+export { type LayoutCanvasFloorLayout as L, type LayoutCanvasViewRow as a, type LayoutCanvasResourceQuickBook as b, LayoutCanvasView as c, type LayoutCanvasViewProps as d, matchesCanvasResourceSearch as m };

package/dist/layout-canvas-view.d.ts

@@ -1,57 +1,2 @@
-import * as React from 'react';
-
-type LayoutCanvasResourceType = "desks" | "rooms" | "other";
-interface LayoutCanvasRect {
-    x: number;
-    y: number;
-    w: number;
-    h: number;
-}
-interface LayoutCanvasFloorLayout {
-    placedItems: Record<string, LayoutCanvasRect>;
-    bgImage: string | null;
-    canvasWidth?: number;
-    canvasHeight?: number;
-}
-interface LayoutCanvasPlanHint {
-    id: string;
-    name: string;
-    color?: string;
-}
-
-interface LayoutCanvasViewRow {
-    resource: {
-        id: string;
-        name: string;
-        pricingPlanId: string;
-        resourceType: LayoutCanvasResourceType;
-        totalSlots?: number;
-    };
-    merged: {
-        occupied: boolean;
-        manual?: boolean;
-        expectedFreeLabel?: string;
-    };
-    plan?: LayoutCanvasPlanHint;
-}
-interface LayoutCanvasResourceQuickBook {
-    /** When omitted, popover shows that booking is unavailable for this member. */
-    onBook?: (resourceId: string) => void;
-    /** Optional href for the book action (middle-click / fallback). */
-    getBookingHref?: (resourceId: string) => string;
-}
-interface LayoutCanvasViewProps {
-    layout: LayoutCanvasFloorLayout;
-    rows: LayoutCanvasViewRow[];
-    onResourceSelect?: (id: string) => void;
-    /** Hover/tap popover with a quick book action (member live space). */
-    resourceQuickBook?: LayoutCanvasResourceQuickBook;
-    /** When set with `onSearchQueryChange`, shows a search bar and dims non-matching resources. */
-    searchQuery?: string;
-    onSearchQueryChange?: (value: string) => void;
-    searchPlaceholder?: string;
-}
-declare function matchesCanvasResourceSearch(resourceName: string, planName: string | undefined, query: string): boolean;
-declare function LayoutCanvasView({ layout, rows, onResourceSelect, resourceQuickBook, searchQuery, onSearchQueryChange, searchPlaceholder, }: LayoutCanvasViewProps): React.JSX.Element;
-
-export { type LayoutCanvasResourceQuickBook, LayoutCanvasView, type LayoutCanvasViewProps, type LayoutCanvasViewRow, matchesCanvasResourceSearch };
+import 'react';
+export { b as LayoutCanvasResourceQuickBook, c as LayoutCanvasView, d as LayoutCanvasViewProps, a as LayoutCanvasViewRow, m as matchesCanvasResourceSearch } from './layout-canvas-view-DOjyUNJH.js';