@spacesync/client 0.1.5 → 0.1.6

package/dist/file-viewer-dialog.js

@@ -1,4 +1,4 @@
-import { ResponsiveDialog, ResponsiveDialogContent, ResponsiveDialogTitle } from './chunk-3DI67RMP.js';
+import { ResponsiveDialog, ResponsiveDialogContent, ResponsiveDialogTitle } from './chunk-H3CNZCYU.js';
 import './chunk-RV5PMZYZ.js';
 import './chunk-L65F4EMK.js';
 import './chunk-PBNBLCC2.js';
@@ -9,9 +9,9 @@ import './chunk-LUB7QWGU.js';
 import { Button } from './chunk-VHINHHZQ.js';
 import './chunk-FCY5FYJB.js';
 import './chunk-OWNUMPUC.js';
-import './chunk-DMPSQ22Q.js';
+import { cn } from './chunk-DMPSQ22Q.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
-import { Minus, Plus, RotateCcw, Download, ExternalLink, FileText } from 'lucide-react';
+import { Minus, Plus, RotateCcw, Download, ExternalLink, Loader2, FileText } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function FileViewerDialog({
@@ -21,10 +21,12 @@ function FileViewerDialog({
 }) {
   const [zoom, setZoom] = useState(1);
   const [dragging, setDragging] = useState(false);
+  const [imageStatus, setImageStatus] = useState("loading");
   const scrollRef = useRef(null);
   const dragStateRef = useRef(null);
   useEffect(() => {
     if (open) setZoom(1);
+    setImageStatus("loading");
   }, [open, file?.url]);
   const kind = useMemo(() => {
     if (!file) return "other";
@@ -146,21 +148,38 @@ function FileViewerDialog({
         onPointerMove: handleImagePointerMove,
         onPointerUp: handleImagePointerEnd,
         onPointerCancel: handleImagePointerEnd,
-        children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: file.url,
-            alt: file.name,
-            className: "block shrink-0 select-none rounded-lg border border-border bg-card shadow-sm",
-            draggable: false,
-            style: {
-              width: `${zoom * 100}%`,
-              maxWidth: "none",
-              cursor: isDraggable ? dragging ? "grabbing" : "grab" : "default",
-              touchAction: isDraggable ? "none" : "auto"
+        children: /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-[240px] w-full items-center justify-center", children: [
+          imageStatus !== "ready" ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 z-10 flex items-center justify-center",
+              role: "status",
+              "aria-live": "polite",
+              "aria-label": imageStatus === "error" ? "Couldn't load image" : "Loading image",
+              children: imageStatus === "error" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Couldn't load image" }) : /* @__PURE__ */ jsx(Loader2, { size: 28, className: "animate-spin text-muted-foreground" })
             }
-          }
-        )
+          ) : null,
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: file.url,
+              alt: file.name,
+              className: cn(
+                "block shrink-0 select-none rounded-lg border border-border bg-card shadow-sm",
+                imageStatus !== "ready" && "opacity-0"
+              ),
+              draggable: false,
+              onLoad: () => setImageStatus("ready"),
+              onError: () => setImageStatus("error"),
+              style: {
+                width: `${zoom * 100}%`,
+                maxWidth: "none",
+                cursor: isDraggable ? dragging ? "grabbing" : "grab" : "default",
+                touchAction: isDraggable ? "none" : "auto"
+              }
+            }
+          )
+        ] })
       }
     ) }) : kind === "pdf" ? /* @__PURE__ */ jsx("object", { data: file.url, type: "application/pdf", className: "h-full w-full", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-3 p-6 text-center", children: [
       /* @__PURE__ */ jsx(FileText, { size: 34, className: "text-muted-foreground" }),

package/dist/file-viewer-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/files/file-viewer-dialog.tsx"],"names":[],"mappings":"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","file":"file-viewer-dialog.js","sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Download, ExternalLink, FileText, Minus, Plus, RotateCcw } from \"lucide-react\";\nimport {\n  Button,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogTitle,\n} from \"../ui\";\n\nexport interface FileViewerFile {\n  name: string;\n  mimeType: string;\n  sizeLabel?: string;\n  url: string;\n}\n\nexport function FileViewerDialog({\n  file,\n  open,\n  onOpenChange,\n}: {\n  file: FileViewerFile | null;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const [zoom, setZoom] = useState(1);\n  const [dragging, setDragging] = useState(false);\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const dragStateRef = useRef<{\n    pointerId: number;\n    startX: number;\n    startY: number;\n    scrollLeft: number;\n    scrollTop: number;\n  } | null>(null);\n\n  useEffect(() => {\n    if (open) setZoom(1);\n  }, [open, file?.url]);\n\n  const kind = useMemo(() => {\n    if (!file) return \"other\";\n    if (file.mimeType.startsWith(\"image/\")) return \"image\";\n    if (file.mimeType === \"application/pdf\" || file.name.toLowerCase().endsWith(\".pdf\")) return \"pdf\";\n    return \"other\";\n  }, [file]);\n\n  const zoomPercent = Math.round(zoom * 100);\n  const isDraggable = kind === \"image\" && zoom > 1;\n\n  const handleImagePointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    if (!isDraggable || !scrollRef.current) return;\n    event.preventDefault();\n    dragStateRef.current = {\n      pointerId: event.pointerId,\n      startX: event.clientX,\n      startY: event.clientY,\n      scrollLeft: scrollRef.current.scrollLeft,\n      scrollTop: scrollRef.current.scrollTop,\n    };\n    setDragging(true);\n    event.currentTarget.setPointerCapture(event.pointerId);\n  };\n\n  const handleImagePointerMove = (event: React.PointerEvent<HTMLDivElement>) => {\n    const state = dragStateRef.current;\n    if (!state || state.pointerId !== event.pointerId || !scrollRef.current) return;\n    scrollRef.current.scrollLeft = state.scrollLeft - (event.clientX - state.startX);\n    scrollRef.current.scrollTop = state.scrollTop - (event.clientY - state.startY);\n  };\n\n  const handleImagePointerEnd = (event: React.PointerEvent<HTMLDivElement>) => {\n    const state = dragStateRef.current;\n    if (!state || state.pointerId !== event.pointerId) return;\n    dragStateRef.current = null;\n    setDragging(false);\n    if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n      event.currentTarget.releasePointerCapture(event.pointerId);\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"flex h-[min(88vh,900px)] w-[min(96vw,1100px)] max-w-none flex-col gap-0 overflow-hidden rounded-xl border-border bg-card p-0\">\n        <div className=\"flex shrink-0 flex-col gap-3 border-b border-border py-3 pl-4 pr-14 lg:flex-row lg:items-center lg:justify-between\">\n          <div className=\"min-w-0 flex-1\">\n            <ResponsiveDialogTitle className=\"truncate text-base font-semibold text-foreground\">\n              {file?.name ?? \"File preview\"}\n            </ResponsiveDialogTitle>\n            {file?.sizeLabel ? (\n              <p className=\"mt-1 text-xs text-muted-foreground\">{file.sizeLabel}</p>\n            ) : null}\n          </div>\n          {file ? (\n            <div className=\"flex shrink-0 flex-wrap items-center gap-1.5 lg:justify-end\">\n              {kind === \"image\" ? (\n                <div className=\"flex items-center gap-0.5 rounded-lg border border-border bg-background p-0.5\">\n                  <button\n                    type=\"button\"\n                    className=\"inline-flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-40\"\n                    onClick={() => setZoom((value) => Math.max(0.25, Number((value - 0.25).toFixed(2))))}\n                    disabled={zoom <= 0.25}\n                    aria-label=\"Zoom out\"\n                  >\n                    <Minus size={14} />\n                  </button>\n                  <span className=\"min-w-11 text-center text-xs font-medium tabular-nums text-muted-foreground\">\n                    {zoomPercent}%\n                  </span>\n                  <button\n                    type=\"button\"\n                    className=\"inline-flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-40\"\n                    onClick={() => setZoom((value) => Math.min(4, Number((value + 0.25).toFixed(2))))}\n                    disabled={zoom >= 4}\n                    aria-label=\"Zoom in\"\n                  >\n                    <Plus size={14} />\n                  </button>\n                  <button\n                    type=\"button\"\n                    className=\"inline-flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground\"\n                    onClick={() => setZoom(1)}\n                    aria-label=\"Reset zoom\"\n                  >\n                    <RotateCcw size={14} />\n                  </button>\n                </div>\n              ) : null}\n              <Button\n                asChild\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"size-9\"\n                title=\"Download\"\n              >\n                <a href={file.url} download={file.name}>\n                  <Download size={14} />\n                  <span className=\"sr-only\">Download</span>\n                </a>\n              </Button>\n              <Button\n                asChild\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"size-9\"\n                title=\"Open in new tab\"\n              >\n                <a href={file.url} target=\"_blank\" rel=\"noreferrer\">\n                  <ExternalLink size={14} />\n                  <span className=\"sr-only\">Open in new tab</span>\n                </a>\n              </Button>\n            </div>\n          ) : null}\n        </div>\n        <div className=\"min-h-0 flex-1 overflow-hidden bg-muted/60\">\n          {!file ? (\n            <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n              No file selected.\n            </div>\n          ) : kind === \"image\" ? (\n            <div ref={scrollRef} className=\"h-full overflow-auto p-4\">\n              <div\n                className=\"flex min-h-full items-center justify-center\"\n                style={{ minWidth: `${zoom * 100}%` }}\n                onPointerDown={handleImagePointerDown}\n                onPointerMove={handleImagePointerMove}\n                onPointerUp={handleImagePointerEnd}\n                onPointerCancel={handleImagePointerEnd}\n              >\n                <img\n                  src={file.url}\n                  alt={file.name}\n                  className=\"block shrink-0 select-none rounded-lg border border-border bg-card shadow-sm\"\n                  draggable={false}\n                  style={{\n                    width: `${zoom * 100}%`,\n                    maxWidth: \"none\",\n                    cursor: isDraggable ? (dragging ? \"grabbing\" : \"grab\") : \"default\",\n                    touchAction: isDraggable ? \"none\" : \"auto\",\n                  }}\n                />\n              </div>\n            </div>\n          ) : kind === \"pdf\" ? (\n            <object data={file.url} type=\"application/pdf\" className=\"h-full w-full\">\n              <div className=\"flex h-full flex-col items-center justify-center gap-3 p-6 text-center\">\n                <FileText size={34} className=\"text-muted-foreground\" />\n                <p className=\"max-w-md text-sm text-muted-foreground\">\n                  This browser cannot preview the PDF inline. You can still download or open it in a new tab.\n                </p>\n              </div>\n            </object>\n          ) : (\n            <div className=\"flex h-full flex-col items-center justify-center gap-3 p-6 text-center\">\n              <FileText size={34} className=\"text-muted-foreground\" />\n              <p className=\"max-w-md text-sm text-muted-foreground\">\n                Preview is not available for this file type. Download or open it in a new tab.\n              </p>\n            </div>\n          )}\n        </div>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"]}
+{"version":3,"sources":["../src/files/file-viewer-dialog.tsx"],"names":[],"mappings":"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","file":"file-viewer-dialog.js","sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Download, ExternalLink, FileText, Loader2, Minus, Plus, RotateCcw } from \"lucide-react\";\nimport {\n  Button,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogTitle,\n  cn,\n} from \"../ui\";\n\nexport interface FileViewerFile {\n  name: string;\n  mimeType: string;\n  sizeLabel?: string;\n  url: string;\n}\n\nexport function FileViewerDialog({\n  file,\n  open,\n  onOpenChange,\n}: {\n  file: FileViewerFile | null;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const [zoom, setZoom] = useState(1);\n  const [dragging, setDragging] = useState(false);\n  const [imageStatus, setImageStatus] = useState<\"loading\" | \"ready\" | \"error\">(\"loading\");\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const dragStateRef = useRef<{\n    pointerId: number;\n    startX: number;\n    startY: number;\n    scrollLeft: number;\n    scrollTop: number;\n  } | null>(null);\n\n  useEffect(() => {\n    if (open) setZoom(1);\n    setImageStatus(\"loading\");\n  }, [open, file?.url]);\n\n  const kind = useMemo(() => {\n    if (!file) return \"other\";\n    if (file.mimeType.startsWith(\"image/\")) return \"image\";\n    if (file.mimeType === \"application/pdf\" || file.name.toLowerCase().endsWith(\".pdf\")) return \"pdf\";\n    return \"other\";\n  }, [file]);\n\n  const zoomPercent = Math.round(zoom * 100);\n  const isDraggable = kind === \"image\" && zoom > 1;\n\n  const handleImagePointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    if (!isDraggable || !scrollRef.current) return;\n    event.preventDefault();\n    dragStateRef.current = {\n      pointerId: event.pointerId,\n      startX: event.clientX,\n      startY: event.clientY,\n      scrollLeft: scrollRef.current.scrollLeft,\n      scrollTop: scrollRef.current.scrollTop,\n    };\n    setDragging(true);\n    event.currentTarget.setPointerCapture(event.pointerId);\n  };\n\n  const handleImagePointerMove = (event: React.PointerEvent<HTMLDivElement>) => {\n    const state = dragStateRef.current;\n    if (!state || state.pointerId !== event.pointerId || !scrollRef.current) return;\n    scrollRef.current.scrollLeft = state.scrollLeft - (event.clientX - state.startX);\n    scrollRef.current.scrollTop = state.scrollTop - (event.clientY - state.startY);\n  };\n\n  const handleImagePointerEnd = (event: React.PointerEvent<HTMLDivElement>) => {\n    const state = dragStateRef.current;\n    if (!state || state.pointerId !== event.pointerId) return;\n    dragStateRef.current = null;\n    setDragging(false);\n    if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n      event.currentTarget.releasePointerCapture(event.pointerId);\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"flex h-[min(88vh,900px)] w-[min(96vw,1100px)] max-w-none flex-col gap-0 overflow-hidden rounded-xl border-border bg-card p-0\">\n        <div className=\"flex shrink-0 flex-col gap-3 border-b border-border py-3 pl-4 pr-14 lg:flex-row lg:items-center lg:justify-between\">\n          <div className=\"min-w-0 flex-1\">\n            <ResponsiveDialogTitle className=\"truncate text-base font-semibold text-foreground\">\n              {file?.name ?? \"File preview\"}\n            </ResponsiveDialogTitle>\n            {file?.sizeLabel ? (\n              <p className=\"mt-1 text-xs text-muted-foreground\">{file.sizeLabel}</p>\n            ) : null}\n          </div>\n          {file ? (\n            <div className=\"flex shrink-0 flex-wrap items-center gap-1.5 lg:justify-end\">\n              {kind === \"image\" ? (\n                <div className=\"flex items-center gap-0.5 rounded-lg border border-border bg-background p-0.5\">\n                  <button\n                    type=\"button\"\n                    className=\"inline-flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-40\"\n                    onClick={() => setZoom((value) => Math.max(0.25, Number((value - 0.25).toFixed(2))))}\n                    disabled={zoom <= 0.25}\n                    aria-label=\"Zoom out\"\n                  >\n                    <Minus size={14} />\n                  </button>\n                  <span className=\"min-w-11 text-center text-xs font-medium tabular-nums text-muted-foreground\">\n                    {zoomPercent}%\n                  </span>\n                  <button\n                    type=\"button\"\n                    className=\"inline-flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-40\"\n                    onClick={() => setZoom((value) => Math.min(4, Number((value + 0.25).toFixed(2))))}\n                    disabled={zoom >= 4}\n                    aria-label=\"Zoom in\"\n                  >\n                    <Plus size={14} />\n                  </button>\n                  <button\n                    type=\"button\"\n                    className=\"inline-flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground\"\n                    onClick={() => setZoom(1)}\n                    aria-label=\"Reset zoom\"\n                  >\n                    <RotateCcw size={14} />\n                  </button>\n                </div>\n              ) : null}\n              <Button\n                asChild\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"size-9\"\n                title=\"Download\"\n              >\n                <a href={file.url} download={file.name}>\n                  <Download size={14} />\n                  <span className=\"sr-only\">Download</span>\n                </a>\n              </Button>\n              <Button\n                asChild\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"size-9\"\n                title=\"Open in new tab\"\n              >\n                <a href={file.url} target=\"_blank\" rel=\"noreferrer\">\n                  <ExternalLink size={14} />\n                  <span className=\"sr-only\">Open in new tab</span>\n                </a>\n              </Button>\n            </div>\n          ) : null}\n        </div>\n        <div className=\"min-h-0 flex-1 overflow-hidden bg-muted/60\">\n          {!file ? (\n            <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n              No file selected.\n            </div>\n          ) : kind === \"image\" ? (\n            <div ref={scrollRef} className=\"h-full overflow-auto p-4\">\n              <div\n                className=\"flex min-h-full items-center justify-center\"\n                style={{ minWidth: `${zoom * 100}%` }}\n                onPointerDown={handleImagePointerDown}\n                onPointerMove={handleImagePointerMove}\n                onPointerUp={handleImagePointerEnd}\n                onPointerCancel={handleImagePointerEnd}\n              >\n                <div className=\"relative flex min-h-[240px] w-full items-center justify-center\">\n                  {imageStatus !== \"ready\" ? (\n                    <div\n                      className=\"absolute inset-0 z-10 flex items-center justify-center\"\n                      role=\"status\"\n                      aria-live=\"polite\"\n                      aria-label={imageStatus === \"error\" ? \"Couldn't load image\" : \"Loading image\"}\n                    >\n                      {imageStatus === \"error\" ? (\n                        <p className=\"text-sm text-muted-foreground\">Couldn't load image</p>\n                      ) : (\n                        <Loader2 size={28} className=\"animate-spin text-muted-foreground\" />\n                      )}\n                    </div>\n                  ) : null}\n                  <img\n                    src={file.url}\n                    alt={file.name}\n                    className={cn(\n                      \"block shrink-0 select-none rounded-lg border border-border bg-card shadow-sm\",\n                      imageStatus !== \"ready\" && \"opacity-0\",\n                    )}\n                    draggable={false}\n                    onLoad={() => setImageStatus(\"ready\")}\n                    onError={() => setImageStatus(\"error\")}\n                    style={{\n                      width: `${zoom * 100}%`,\n                      maxWidth: \"none\",\n                      cursor: isDraggable ? (dragging ? \"grabbing\" : \"grab\") : \"default\",\n                      touchAction: isDraggable ? \"none\" : \"auto\",\n                    }}\n                  />\n                </div>\n              </div>\n            </div>\n          ) : kind === \"pdf\" ? (\n            <object data={file.url} type=\"application/pdf\" className=\"h-full w-full\">\n              <div className=\"flex h-full flex-col items-center justify-center gap-3 p-6 text-center\">\n                <FileText size={34} className=\"text-muted-foreground\" />\n                <p className=\"max-w-md text-sm text-muted-foreground\">\n                  This browser cannot preview the PDF inline. You can still download or open it in a new tab.\n                </p>\n              </div>\n            </object>\n          ) : (\n            <div className=\"flex h-full flex-col items-center justify-center gap-3 p-6 text-center\">\n              <FileText size={34} className=\"text-muted-foreground\" />\n              <p className=\"max-w-md text-sm text-muted-foreground\">\n                Preview is not available for this file type. Download or open it in a new tab.\n              </p>\n            </div>\n          )}\n        </div>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"]}

package/dist/floor-switcher.js

@@ -1,4 +1,4 @@
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from './chunk-3DI67RMP.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from './chunk-H3CNZCYU.js';
 import { Label } from './chunk-RV5PMZYZ.js';
 import './chunk-L65F4EMK.js';
 import './chunk-PBNBLCC2.js';

package/dist/layout-canvas-view.js

@@ -1,7 +1,7 @@
 import { useTheme } from './chunk-XU3EFSQX.js';
 import './chunk-4Y5DBM6Z.js';
 import { LIVE_RESOURCE_TYPE_META } from './chunk-ZIJQ7BXU.js';
-import { Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverAnchor, PopoverContent } from './chunk-3DI67RMP.js';
+import { Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverAnchor, PopoverContent } from './chunk-H3CNZCYU.js';
 import './chunk-RV5PMZYZ.js';
 import './chunk-L65F4EMK.js';
 import './chunk-PBNBLCC2.js';

package/dist/platform-support-message-composer.js

@@ -1,5 +1,5 @@
 import { FilePickerField } from './chunk-OMSJWTSZ.js';
-import { Tooltip, TooltipTrigger, TooltipContent, Textarea } from './chunk-3DI67RMP.js';
+import { Tooltip, TooltipTrigger, TooltipContent, Textarea } from './chunk-H3CNZCYU.js';
 import './chunk-RV5PMZYZ.js';
 import './chunk-L65F4EMK.js';
 import './chunk-PBNBLCC2.js';

package/dist/ui.js

@@ -1,4 +1,4 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxField, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContentFade, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DashFade, DateField, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FeedSkeleton, FieldLabel, FilterPopover, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, IconInput, InputGroup, InputGroupInput, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ReceiptCard, ReceiptSummaryRow, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResponsiveAlertDialog, ResponsiveAlertDialogAction, ResponsiveAlertDialogCancel, ResponsiveAlertDialogContent, ResponsiveAlertDialogDescription, AlertDialogFooter as ResponsiveAlertDialogFooter, AlertDialogHeader as ResponsiveAlertDialogHeader, ResponsiveAlertDialogTitle, ResponsiveDialog, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogTitle, ResponsiveDialogTrigger, ScrollArea, ScrollBar, SegmentedTabList, SegmentedTabTrigger, SelectableCard, SelectableListRow, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShellTopBarViewToggle, ShellTopBarViewToggleItem, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Slider, SmoothSize, Switch, TabCountBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, TimeField, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, fieldLabelClass, formatTimeForDisplay, navigationMenuTriggerStyle, parseHm, tabsListVariants, tabsTriggerVariants, textVariants, toTimeStr, toggleVariants, useFormField, useIsMobile, useResponsiveDialogDrawer, useSidebar } from './chunk-3DI67RMP.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxField, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContentFade, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DashFade, DateField, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FeedSkeleton, FieldLabel, FilterPopover, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, IconInput, InputGroup, InputGroupInput, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ReceiptCard, ReceiptSummaryRow, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResponsiveAlertDialog, ResponsiveAlertDialogAction, ResponsiveAlertDialogCancel, ResponsiveAlertDialogContent, ResponsiveAlertDialogDescription, AlertDialogFooter as ResponsiveAlertDialogFooter, AlertDialogHeader as ResponsiveAlertDialogHeader, ResponsiveAlertDialogTitle, ResponsiveDialog, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogTitle, ResponsiveDialogTrigger, ScrollArea, ScrollBar, SegmentedTabList, SegmentedTabTrigger, SelectableCard, SelectableListRow, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShellTopBarViewToggle, ShellTopBarViewToggleItem, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Slider, SmoothSize, Switch, TabCountBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, TimeField, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, fieldLabelClass, formatTimeForDisplay, navigationMenuTriggerStyle, parseHm, tabsListVariants, tabsTriggerVariants, textVariants, toTimeStr, toggleVariants, useFormField, useIsMobile, useResponsiveDialogDrawer, useSidebar } from './chunk-H3CNZCYU.js';
 export { Label, RadioGroup, RadioGroupItem } from './chunk-RV5PMZYZ.js';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './chunk-L65F4EMK.js';
 import './chunk-PBNBLCC2.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spacesync/client",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Reusable SpaceSync React UI, shell, theme, and API client primitives.",
   "type": "module",
   "files": [