@floegence/floe-webapp-core 0.35.37 → 0.35.39

package/dist/ui.css

@@ -1768,4 +1768,31 @@
       flex-basis: 3.75rem;
     }
   }
+
+  /* ============================================
+     Infinite Canvas
+     ============================================ */
+
+  .floe-infinite-canvas {
+    position: relative;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    touch-action: none;
+    user-select: none;
+    cursor: grab;
+  }
+
+  .floe-infinite-canvas.is-panning {
+    cursor: grabbing;
+  }
+
+  .floe-infinite-canvas__viewport {
+    position: absolute;
+    inset: 0 auto auto 0;
+    min-width: 100%;
+    min-height: 100%;
+    will-change: transform;
+    transform-origin: 0 0;
+  }
 }

package/dist/ui.js

@@ -1,9 +1,9 @@
 import { AffixInput as e, Input as t, NumberInput as a, Textarea as i } from "./components/ui/Input.js";
-import { AnimatedBorderCard as p, Card as n, CardContent as x, CardDescription as f, CardFooter as c, CardHeader as d, CardTitle as l, Interactive3DCard as C, MorphCard as s, NeonCard as g } from "./components/ui/Card.js";
+import { AnimatedBorderCard as p, Card as n, CardContent as f, CardDescription as x, CardFooter as c, CardHeader as d, CardTitle as C, Interactive3DCard as l, MorphCard as s, NeonCard as g } from "./components/ui/Card.js";
 import { AreaChart as u, DataBarChart as k, DataPieChart as h, LineChart as B, MonitoringChart as D } from "./components/ui/Charts.js";
 import { Button as b } from "./components/ui/Button.js";
 import { Checkbox as I, CheckboxGroup as T, CheckboxList as L } from "./components/ui/Checkbox.js";
-import { CircularProgress as A, LinearProgress as M, SegmentedProgress as R, StepsProgress as W } from "./components/ui/Progress.js";
+import { CircularProgress as w, LinearProgress as A, SegmentedProgress as M, StepsProgress as R } from "./components/ui/Progress.js";
 import { CommandPalette as y } from "./components/ui/CommandPalette.js";
 import { ConfirmDialog as z, Dialog as G } from "./components/ui/Dialog.js";
 import { DirectoryInput as E } from "./components/ui/DirectoryInput.js";
@@ -12,33 +12,34 @@ import { Dropdown as j, Select as q } from "./components/ui/Dropdown.js";
 import { ErrorBlock as U, HighlightBlock as V, InfoBlock as X, NoteBlock as Y, SuccessBlock as Z, TipBlock as _, WarningBlock as $ } from "./components/ui/HighlightBlock.js";
 import { FileSavePicker as or } from "./components/ui/FileSavePicker.js";
 import { FloatingWindow as tr } from "./components/ui/FloatingWindow.js";
-import { Form as ir, FormActions as mr, FormControl as pr, FormDescription as nr, FormDivider as xr, FormField as fr, FormLabel as cr, FormMessage as dr, FormRow as lr, FormSection as Cr, useFormSubmitting as sr } from "./components/ui/Form.js";
-import { MobileKeyboard as Fr } from "./components/ui/MobileKeyboard.js";
-import { Pagination as kr } from "./components/ui/Pagination.js";
-import { ProcessingIndicator as Br } from "./components/ui/ProcessingIndicator.js";
-import { QuoteBlock as Pr } from "./components/ui/QuoteBlock.js";
-import { RadioGroup as Sr, RadioList as Ir, RadioOption as Tr } from "./components/ui/Radio.js";
-import { SegmentedControl as wr } from "./components/ui/SegmentedControl.js";
-import { Stepper as Mr, Wizard as Rr, useWizard as Wr } from "./components/ui/Stepper.js";
-import { Switch as yr } from "./components/ui/Switch.js";
-import { TabPanel as zr, Tabs as Gr } from "./components/ui/Tabs.js";
-import { Tag as Er } from "./components/ui/Tag.js";
-import { Tooltip as Or } from "./components/ui/Tooltip.js";
+import { Form as ir, FormActions as mr, FormControl as pr, FormDescription as nr, FormDivider as fr, FormField as xr, FormLabel as cr, FormMessage as dr, FormRow as Cr, FormSection as lr, useFormSubmitting as sr } from "./components/ui/Form.js";
+import { InfiniteCanvas as Fr } from "./components/ui/InfiniteCanvas.js";
+import { MobileKeyboard as kr } from "./components/ui/MobileKeyboard.js";
+import { Pagination as Br } from "./components/ui/Pagination.js";
+import { ProcessingIndicator as Pr } from "./components/ui/ProcessingIndicator.js";
+import { QuoteBlock as Sr } from "./components/ui/QuoteBlock.js";
+import { RadioGroup as Tr, RadioList as Lr, RadioOption as vr } from "./components/ui/Radio.js";
+import { SegmentedControl as Ar } from "./components/ui/SegmentedControl.js";
+import { Stepper as Rr, Wizard as Wr, useWizard as yr } from "./components/ui/Stepper.js";
+import { Switch as zr } from "./components/ui/Switch.js";
+import { TabPanel as Hr, Tabs as Er } from "./components/ui/Tabs.js";
+import { Tag as Or } from "./components/ui/Tag.js";
+import { Tooltip as jr } from "./components/ui/Tooltip.js";
 export {
   e as AffixInput,
   p as AnimatedBorderCard,
   u as AreaChart,
   b as Button,
   n as Card,
-  x as CardContent,
-  f as CardDescription,
+  f as CardContent,
+  x as CardDescription,
   c as CardFooter,
   d as CardHeader,
-  l as CardTitle,
+  C as CardTitle,
   I as Checkbox,
   T as CheckboxGroup,
   L as CheckboxList,
-  A as CircularProgress,
+  w as CircularProgress,
   y as CommandPalette,
   z as ConfirmDialog,
   k as DataBarChart,
@@ -54,45 +55,46 @@ export {
   mr as FormActions,
   pr as FormControl,
   nr as FormDescription,
-  xr as FormDivider,
-  fr as FormField,
+  fr as FormDivider,
+  xr as FormField,
   cr as FormLabel,
   dr as FormMessage,
-  lr as FormRow,
-  Cr as FormSection,
+  Cr as FormRow,
+  lr as FormSection,
   V as HighlightBlock,
+  Fr as InfiniteCanvas,
   X as InfoBlock,
   t as Input,
-  C as Interactive3DCard,
+  l as Interactive3DCard,
   B as LineChart,
-  M as LinearProgress,
-  Fr as MobileKeyboard,
+  A as LinearProgress,
+  kr as MobileKeyboard,
   D as MonitoringChart,
   s as MorphCard,
   g as NeonCard,
   Y as NoteBlock,
   a as NumberInput,
-  kr as Pagination,
-  Br as ProcessingIndicator,
-  Pr as QuoteBlock,
-  Sr as RadioGroup,
-  Ir as RadioList,
-  Tr as RadioOption,
-  wr as SegmentedControl,
-  R as SegmentedProgress,
+  Br as Pagination,
+  Pr as ProcessingIndicator,
+  Sr as QuoteBlock,
+  Tr as RadioGroup,
+  Lr as RadioList,
+  vr as RadioOption,
+  Ar as SegmentedControl,
+  M as SegmentedProgress,
   q as Select,
-  Mr as Stepper,
-  W as StepsProgress,
+  Rr as Stepper,
+  R as StepsProgress,
   Z as SuccessBlock,
-  yr as Switch,
-  zr as TabPanel,
-  Gr as Tabs,
-  Er as Tag,
+  zr as Switch,
+  Hr as TabPanel,
+  Er as Tabs,
+  Or as Tag,
   i as Textarea,
   _ as TipBlock,
-  Or as Tooltip,
+  jr as Tooltip,
   $ as WarningBlock,
-  Rr as Wizard,
+  Wr as Wizard,
   sr as useFormSubmitting,
-  Wr as useWizard
+  yr as useWizard
 };

package/dist/utils/hotInteraction.js

@@ -1,5 +1,5 @@
 import { lockBodyStyle as s } from "./bodyStyleLock.js";
-const u = "data-floe-hot-interaction", e = /* @__PURE__ */ new Map();
+const u = "data-floe-hot-interaction", d = "data-floe-geometry-surface", e = /* @__PURE__ */ new Map();
 function l() {
   return typeof document > "u" ? null : document.documentElement;
 }
@@ -13,7 +13,7 @@ function i() {
   }
   t.setAttribute(u, r.join(" "));
 }
-function f(t) {
+function a(t) {
   const r = (e.get(t.kind) ?? 0) + 1;
   e.set(t.kind, r), i();
   const n = s({
@@ -29,6 +29,7 @@ function f(t) {
   };
 }
 export {
+  d as FLOE_GEOMETRY_SURFACE_ATTR,
   u as FLOE_HOT_INTERACTION_ATTR,
-  f as startHotInteraction
+  a as startHotInteraction
 };

package/dist/utils/index.d.ts

@@ -6,3 +6,4 @@ export * from './animations';
 export * from './dom';
 export * from './gridCollision';
 export * from './gridLayout';
+export * from './hotInteraction';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.35.37",
+  "version": "0.35.39",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",