@floegence/floe-webapp-core 0.1.0

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,9 @@
+import { type Accessor } from 'solid-js';
+export interface Size {
+    width: number;
+    height: number;
+}
+/**
+ * Track element dimensions
+ */
+export declare function useResizeObserver(element: Accessor<HTMLElement | null | undefined>): Accessor<Size | null>;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components';
+export * from './app';
+export * from './context';
+export * from './hooks';
+export * from './utils';
+export * from './styles/themes';
+export * from './widgets';

package/dist/index.js

@@ -0,0 +1,226 @@
+import { Shell as o } from "./index2.js";
+import { ActivityBar as i } from "./index3.js";
+import { Sidebar as n, SidebarItem as m, SidebarSection as p } from "./index4.js";
+import { TopBar as f } from "./index5.js";
+import { BottomBar as x, BottomBarItem as s, StatusIndicator as c } from "./index6.js";
+import { MobileTabBar as C } from "./index7.js";
+import { ResizeHandle as S } from "./index8.js";
+import { Panel as y, PanelContent as v, PanelHeader as D } from "./index9.js";
+import { DECK_GRID_CONFIG as P, DeckGrid as b } from "./index10.js";
+import { DeckCell as I } from "./index11.js";
+import { WidgetFrame as R } from "./index12.js";
+import { WidgetResizeHandle as B } from "./index13.js";
+import { WidgetPalette as G } from "./index14.js";
+import { WidgetTypeSwitcher as w } from "./index15.js";
+import { LayoutSelector as A } from "./index16.js";
+import { DeckTopBar as K } from "./index17.js";
+import { DropZonePreview as H } from "./index18.js";
+import { Button as E } from "./index19.js";
+import { Input as Q, Textarea as U } from "./index20.js";
+import { ConfirmDialog as Z, Dialog as j } from "./index21.js";
+import { FloatingWindow as J } from "./index22.js";
+import { Dropdown as $, Select as ee } from "./index23.js";
+import { Tooltip as oe } from "./index24.js";
+import { CommandPalette as ie } from "./index25.js";
+import { AnimatedBorderCard as ne, Card as me, CardContent as pe, CardDescription as de, CardFooter as fe, CardHeader as le, CardTitle as xe, Interactive3DCard as se, MorphCard as ce, NeonCard as ge } from "./index26.js";
+import { SnakeLoader as ue } from "./index27.js";
+import { LoadingOverlay as he } from "./index28.js";
+import { Skeleton as ve, SkeletonCard as De, SkeletonList as Te, SkeletonText as Pe } from "./index29.js";
+import { ArrowRightLeft as Fe, Bell as Ie, Check as Le, ChevronDown as Re, ChevronRight as ke, Copy as Be, Files as We, GitBranch as Ge, Grid as Ne, Grid3x3 as we, GripVertical as ze, LayoutDashboard as Ae, Loader2 as Me, Maximize as Ke, Minus as Oe, Moon as He, Pencil as _e, Plus as Ee, Restore as Ve, Search as Qe, Settings as Ue, Sun as Xe, Terminal as Ze, Trash as je, X as qe } from "./index30.js";
+import { Launchpad as Ye } from "./index31.js";
+import { LaunchpadItem as er } from "./index32.js";
+import { LaunchpadGrid as or } from "./index33.js";
+import { LaunchpadSearch as ir } from "./index34.js";
+import { LaunchpadPagination as nr } from "./index35.js";
+import { FloeProvider as pr } from "./index36.js";
+import { FloeApp as fr } from "./index37.js";
+import { createSimpleContext as xr } from "./index38.js";
+import { DEFAULT_FLOE_CONFIG as cr, FloeConfigProvider as gr, useFloeConfig as Cr, useResolvedFloeConfig as ur } from "./index39.js";
+import { ThemeProvider as hr, createThemeService as yr, useTheme as vr } from "./index40.js";
+import { LayoutProvider as Tr, createLayoutService as Pr, useLayout as br } from "./index41.js";
+import { CommandProvider as Ir, createCommandService as Lr, useCommand as Rr } from "./index42.js";
+import { NotificationContainer as Br, NotificationProvider as Wr, createNotificationService as Gr, useNotification as Nr } from "./index43.js";
+import { ComponentRegistryProvider as zr, createComponentRegistry as Ar, useComponentContextFactory as Mr, useComponentRegistry as Kr } from "./index44.js";
+import { WidgetRegistryProvider as Hr, createWidgetRegistry as _r, useWidgetRegistry as Er } from "./index45.js";
+import { DeckProvider as Qr, createDeckService as Ur, useDeck as Xr } from "./index46.js";
+import { useMediaQuery as jr } from "./index47.js";
+import { useDebounce as Jr } from "./index48.js";
+import { useResizeObserver as $r } from "./index49.js";
+import { useKeybind as ro } from "./index50.js";
+import { usePersisted as to } from "./index51.js";
+import { useDeckDrag as ao } from "./index52.js";
+import { cn as mo } from "./index53.js";
+import { deferNonBlocking as fo } from "./index54.js";
+import { clearAll as xo, debouncedSave as so, load as co, remove as go, save as Co } from "./index55.js";
+import { formatKeybind as So, matchKeybind as ho, parseKeybind as yo } from "./index56.js";
+import { lockBodyStyle as Do } from "./index57.js";
+import { duration as Po, easing as bo, fadeIn as Fo, listContainer as Io, listItem as Lo, panelResize as Ro, popIn as ko, scaleIn as Bo, sidebarVariants as Wo, slideInFromBottom as Go, slideInFromLeft as No, slideInFromRight as wo, slideInFromTop as zo, springConfig as Ao } from "./index58.js";
+import { checkCollision as Ko, constrainPosition as Oo, findFreePosition as Ho, hasCollision as _o } from "./index59.js";
+import { applyDragDelta as Vo, applyResizeDelta as Qo, getGridCellSize as Uo, pixelDeltaToGridDelta as Xo, positionToGridArea as Zo, snapToGrid as jo } from "./index60.js";
+import { applyTheme as Jo, builtInThemes as Yo, getSystemTheme as $o } from "./index61.js";
+import { FilesSidebarWidget as rt, SearchSidebarWidget as ot, SettingsSidebarWidget as tt, ShowcaseSidebarWidget as it, SidebarWidget as at } from "./index62.js";
+import { MetricsWidget as mt } from "./index63.js";
+import { TerminalWidget as dt } from "./index64.js";
+export {
+  i as ActivityBar,
+  ne as AnimatedBorderCard,
+  Fe as ArrowRightLeft,
+  Ie as Bell,
+  x as BottomBar,
+  s as BottomBarItem,
+  E as Button,
+  me as Card,
+  pe as CardContent,
+  de as CardDescription,
+  fe as CardFooter,
+  le as CardHeader,
+  xe as CardTitle,
+  Le as Check,
+  Re as ChevronDown,
+  ke as ChevronRight,
+  ie as CommandPalette,
+  Ir as CommandProvider,
+  zr as ComponentRegistryProvider,
+  Z as ConfirmDialog,
+  Be as Copy,
+  P as DECK_GRID_CONFIG,
+  cr as DEFAULT_FLOE_CONFIG,
+  I as DeckCell,
+  b as DeckGrid,
+  Qr as DeckProvider,
+  K as DeckTopBar,
+  j as Dialog,
+  H as DropZonePreview,
+  $ as Dropdown,
+  We as Files,
+  rt as FilesSidebarWidget,
+  J as FloatingWindow,
+  fr as FloeApp,
+  gr as FloeConfigProvider,
+  pr as FloeProvider,
+  Ge as GitBranch,
+  Ne as Grid,
+  we as Grid3x3,
+  ze as GripVertical,
+  Q as Input,
+  se as Interactive3DCard,
+  Ye as Launchpad,
+  or as LaunchpadGrid,
+  er as LaunchpadItem,
+  nr as LaunchpadPagination,
+  ir as LaunchpadSearch,
+  Ae as LayoutDashboard,
+  Tr as LayoutProvider,
+  A as LayoutSelector,
+  Me as Loader2,
+  he as LoadingOverlay,
+  Ke as Maximize,
+  mt as MetricsWidget,
+  Oe as Minus,
+  C as MobileTabBar,
+  He as Moon,
+  ce as MorphCard,
+  ge as NeonCard,
+  Br as NotificationContainer,
+  Wr as NotificationProvider,
+  y as Panel,
+  v as PanelContent,
+  D as PanelHeader,
+  _e as Pencil,
+  Ee as Plus,
+  S as ResizeHandle,
+  Ve as Restore,
+  Qe as Search,
+  ot as SearchSidebarWidget,
+  ee as Select,
+  Ue as Settings,
+  tt as SettingsSidebarWidget,
+  o as Shell,
+  it as ShowcaseSidebarWidget,
+  n as Sidebar,
+  m as SidebarItem,
+  p as SidebarSection,
+  at as SidebarWidget,
+  ve as Skeleton,
+  De as SkeletonCard,
+  Te as SkeletonList,
+  Pe as SkeletonText,
+  ue as SnakeLoader,
+  c as StatusIndicator,
+  Xe as Sun,
+  Ze as Terminal,
+  dt as TerminalWidget,
+  U as Textarea,
+  hr as ThemeProvider,
+  oe as Tooltip,
+  f as TopBar,
+  je as Trash,
+  R as WidgetFrame,
+  G as WidgetPalette,
+  Hr as WidgetRegistryProvider,
+  B as WidgetResizeHandle,
+  w as WidgetTypeSwitcher,
+  qe as X,
+  Vo as applyDragDelta,
+  Qo as applyResizeDelta,
+  Jo as applyTheme,
+  Yo as builtInThemes,
+  Ko as checkCollision,
+  xo as clearAll,
+  mo as cn,
+  Oo as constrainPosition,
+  Lr as createCommandService,
+  Ar as createComponentRegistry,
+  Ur as createDeckService,
+  Pr as createLayoutService,
+  Gr as createNotificationService,
+  xr as createSimpleContext,
+  yr as createThemeService,
+  _r as createWidgetRegistry,
+  so as debouncedSave,
+  fo as deferNonBlocking,
+  Po as duration,
+  bo as easing,
+  Fo as fadeIn,
+  Ho as findFreePosition,
+  So as formatKeybind,
+  Uo as getGridCellSize,
+  $o as getSystemTheme,
+  _o as hasCollision,
+  Io as listContainer,
+  Lo as listItem,
+  co as load,
+  Do as lockBodyStyle,
+  ho as matchKeybind,
+  Ro as panelResize,
+  yo as parseKeybind,
+  Xo as pixelDeltaToGridDelta,
+  ko as popIn,
+  Zo as positionToGridArea,
+  go as remove,
+  Co as save,
+  Bo as scaleIn,
+  Wo as sidebarVariants,
+  Go as slideInFromBottom,
+  No as slideInFromLeft,
+  wo as slideInFromRight,
+  zo as slideInFromTop,
+  jo as snapToGrid,
+  Ao as springConfig,
+  Rr as useCommand,
+  Mr as useComponentContextFactory,
+  Kr as useComponentRegistry,
+  Jr as useDebounce,
+  Xr as useDeck,
+  ao as useDeckDrag,
+  Cr as useFloeConfig,
+  ro as useKeybind,
+  br as useLayout,
+  jr as useMediaQuery,
+  Nr as useNotification,
+  to as usePersisted,
+  $r as useResizeObserver,
+  ur as useResolvedFloeConfig,
+  vr as useTheme,
+  Er as useWidgetRegistry
+};

package/dist/index10.js

@@ -0,0 +1,92 @@
+import { template as f, insert as d, createComponent as o, effect as D, className as I, setStyleProperty as k } from "solid-js/web";
+import { createMemo as i, Show as m, For as S } from "solid-js";
+import { cn as y } from "./index53.js";
+import { useDeck as z } from "./index46.js";
+import { DeckCell as G } from "./index11.js";
+import { DropZonePreview as O } from "./index18.js";
+var R = /* @__PURE__ */ f('<div class="absolute inset-1 pointer-events-none z-0 rounded"style="background-image:linear-gradient(to right, color-mix(in srgb, var(--border) 15%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--border) 15%, transparent) 1px, transparent 1px) ;background-size:calc((100% - 4px) / 24) 44px;background-position:0 0">'), C = /* @__PURE__ */ f('<div data-grid-cols=24 data-row-height=40 data-gap=4 style="grid-template-columns:repeat(24, 1fr);grid-auto-rows:40px;gap:4px">');
+const P = 24, h = 40, x = 4;
+function N(g) {
+  const n = z(), u = () => {
+    var e;
+    return ((e = n.activeLayout()) == null ? void 0 : e.widgets) ?? [];
+  }, s = () => n.dragState(), p = () => n.resizeState(), v = i(() => {
+    const e = u();
+    return e.length === 0 ? 12 : Math.max(12, ...e.map((t) => t.position.row + t.position.rowSpan));
+  });
+  return (() => {
+    var e = C();
+    return d(e, o(m, {
+      get when() {
+        return n.editMode();
+      },
+      get children() {
+        return R();
+      }
+    }), null), d(e, o(m, {
+      get when() {
+        return s();
+      },
+      children: (t) => o(O, {
+        get position() {
+          return t().currentPosition;
+        }
+      })
+    }), null), d(e, o(S, {
+      get each() {
+        return u();
+      },
+      children: (t) => {
+        const a = i(() => {
+          const r = s();
+          if (r && r.widgetId === t.id)
+            return t.position;
+          const l = p();
+          return l && l.widgetId === t.id ? l.currentPosition : t.position;
+        }), c = i(() => {
+          const r = s();
+          return (r == null ? void 0 : r.widgetId) === t.id;
+        }), w = i(() => {
+          const r = p();
+          return (r == null ? void 0 : r.widgetId) === t.id;
+        }), b = i(() => {
+          const r = s();
+          return r && r.widgetId === t.id ? r.pixelOffset : {
+            x: 0,
+            y: 0
+          };
+        });
+        return o(G, {
+          widget: t,
+          get position() {
+            return a();
+          },
+          get isDragging() {
+            return c();
+          },
+          get isResizing() {
+            return w();
+          },
+          get pixelOffset() {
+            return b();
+          }
+        });
+      }
+    }), null), d(e, () => g.children, null), D((t) => {
+      var a = y("deck-grid relative w-full h-full overflow-auto", "grid p-1", n.editMode() && "bg-muted/20", g.class), c = `${v() * (h + x)}px`;
+      return a !== t.e && I(e, t.e = a), c !== t.t && k(e, "min-height", t.t = c), t;
+    }, {
+      e: void 0,
+      t: void 0
+    }), e;
+  })();
+}
+const $ = {
+  cols: P,
+  rowHeight: h,
+  gap: x
+};
+export {
+  $ as DECK_GRID_CONFIG,
+  N as DeckGrid
+};

package/dist/index11.js

@@ -0,0 +1,101 @@
+import { template as y, insert as a, createComponent as d, Dynamic as z, effect as f, className as v, style as R, setAttribute as W } from "solid-js/web";
+import { createMemo as o, Show as k } from "solid-js";
+import { cn as w } from "./index53.js";
+import { useDeck as C } from "./index46.js";
+import { useWidgetRegistry as $ } from "./index45.js";
+import { positionToGridArea as M } from "./index60.js";
+import { WidgetFrame as A } from "./index12.js";
+var h = /* @__PURE__ */ y("<div>"), _ = /* @__PURE__ */ y('<div class="h-full flex items-center justify-center text-muted-foreground text-xs"><span>Widget: ');
+function N(e) {
+  const n = C(), g = $(), i = () => n.editMode(), s = () => e.widget.type, l = o(() => g.getWidget(s())), D = o(() => M(e.position)), c = () => {
+    const r = l();
+    return r == null ? void 0 : r.component;
+  }, x = o(() => {
+    if (!e.isDragging || !e.pixelOffset) return {};
+    const {
+      x: r,
+      y: t
+    } = e.pixelOffset;
+    return r === 0 && t === 0 ? {} : {
+      transform: `translate(${r}px, ${t}px)`
+    };
+  });
+  return (() => {
+    var r = h();
+    return a(r, d(A, {
+      get widget() {
+        return e.widget;
+      },
+      get widgetDef() {
+        return l();
+      },
+      get isDragging() {
+        return e.isDragging;
+      },
+      get isResizing() {
+        return e.isResizing;
+      },
+      get children() {
+        var t = h();
+        return a(t, d(k, {
+          get when() {
+            return c();
+          },
+          get fallback() {
+            return d(O, {
+              get type() {
+                return s();
+              }
+            });
+          },
+          get children() {
+            return d(z, {
+              get component() {
+                return c();
+              },
+              get widgetId() {
+                return e.widget.id;
+              },
+              get config() {
+                return e.widget.config;
+              },
+              get isEditMode() {
+                return i();
+              }
+            });
+          }
+        })), f(() => v(t, w("h-full", i() && "pointer-events-none"))), t;
+      }
+    })), f((t) => {
+      var u = w(
+        "deck-cell relative rounded-md overflow-hidden",
+        "bg-card border border-border",
+        // Smooth transition when not dragging (for snap-back animation)
+        !e.isDragging && "transition-transform duration-200 ease-out",
+        e.isDragging && "shadow-xl z-50 ring-2 ring-primary scale-[1.02]",
+        e.isResizing && "shadow-lg z-50 ring-2 ring-primary",
+        i() && !e.isDragging && !e.isResizing && "hover:ring-1 hover:ring-primary/50",
+        // Edit mode: disable selection and show grab cursor
+        i() && "select-none cursor-grab",
+        e.isDragging && "cursor-grabbing"
+      ), b = {
+        "grid-area": D(),
+        ...x()
+      }, m = i() ? e.widget.id : void 0;
+      return u !== t.e && v(r, t.e = u), t.t = R(r, b, t.t), m !== t.a && W(r, "data-widget-drag-handle", t.a = m), t;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), r;
+  })();
+}
+function O(e) {
+  return (() => {
+    var n = _(), g = n.firstChild;
+    return g.firstChild, a(g, () => e.type, null), n;
+  })();
+}
+export {
+  N as DeckCell
+};

package/dist/index12.js

@@ -0,0 +1,113 @@
+import { delegateEvents as h, template as c, insert as i, createComponent as e, effect as v, className as x } from "solid-js/web";
+import { Show as l } from "solid-js";
+import { cn as $ } from "./index53.js";
+import { useDeck as _ } from "./index46.js";
+import { GripVertical as b, X as k } from "./index30.js";
+import { WidgetResizeHandle as d } from "./index13.js";
+import { WidgetTypeSwitcher as C } from "./index15.js";
+var D = /* @__PURE__ */ c("<div class=text-muted-foreground/50>"), W = /* @__PURE__ */ c('<button class="p-0.5 rounded hover:bg-destructive/10 text-muted-foreground hover:text-destructive transition-colors cursor-pointer pointer-events-auto"title="Remove widget">'), y = /* @__PURE__ */ c('<div class="h-full flex flex-col"><div><span class="flex-1 text-xs font-medium text-foreground truncate"></span></div><div class="flex-1 min-h-0 overflow-auto">');
+function H(t) {
+  const w = _(), o = () => w.editMode(), m = () => {
+    var n;
+    return t.widget.title ?? ((n = t.widgetDef) == null ? void 0 : n.name) ?? t.widget.type;
+  }, a = (n) => {
+    n.stopPropagation(), n.preventDefault(), w.removeWidget(t.widget.id);
+  };
+  return (() => {
+    var n = y(), g = n.firstChild, u = g.firstChild, s = g.nextSibling;
+    return i(g, e(l, {
+      get when() {
+        return o();
+      },
+      get children() {
+        var r = D();
+        return i(r, e(b, {
+          class: "w-3.5 h-3.5"
+        })), r;
+      }
+    }), u), i(g, e(l, {
+      get when() {
+        var r;
+        return (r = t.widgetDef) == null ? void 0 : r.icon;
+      },
+      children: (r) => {
+        const f = r();
+        return e(f, {
+          class: "w-3.5 h-3.5 text-muted-foreground"
+        });
+      }
+    }), u), i(u, m), i(g, e(l, {
+      get when() {
+        return o();
+      },
+      get children() {
+        return e(C, {
+          get widget() {
+            return t.widget;
+          }
+        });
+      }
+    }), null), i(g, e(l, {
+      get when() {
+        return o();
+      },
+      get children() {
+        var r = W();
+        return r.$$click = a, i(r, e(k, {
+          class: "w-3.5 h-3.5"
+        })), r;
+      }
+    }), null), i(s, () => t.children), i(n, e(l, {
+      get when() {
+        return o();
+      },
+      get children() {
+        return [e(d, {
+          get widget() {
+            return t.widget;
+          },
+          edge: "e"
+        }), e(d, {
+          get widget() {
+            return t.widget;
+          },
+          edge: "s"
+        }), e(d, {
+          get widget() {
+            return t.widget;
+          },
+          edge: "se"
+        }), e(d, {
+          get widget() {
+            return t.widget;
+          },
+          edge: "w"
+        }), e(d, {
+          get widget() {
+            return t.widget;
+          },
+          edge: "n"
+        }), e(d, {
+          get widget() {
+            return t.widget;
+          },
+          edge: "sw"
+        }), e(d, {
+          get widget() {
+            return t.widget;
+          },
+          edge: "ne"
+        }), e(d, {
+          get widget() {
+            return t.widget;
+          },
+          edge: "nw"
+        })];
+      }
+    }), null), v(() => x(g, $("widget-header flex items-center gap-1 px-2 py-1.5 border-b border-border bg-muted/30", "select-none"))), n;
+  })();
+}
+h(["click"]);
+export {
+  H as WidgetFrame
+};

package/dist/index13.js

@@ -0,0 +1,82 @@
+import { delegateEvents as G, template as Y, effect as F, className as X, use as M } from "solid-js/web";
+import { createSignal as W, onCleanup as q } from "solid-js";
+import { cn as H } from "./index53.js";
+import { useDeck as O } from "./index46.js";
+import { applyResizeDelta as L } from "./index60.js";
+import { DECK_GRID_CONFIG as N } from "./index10.js";
+import { lockBodyStyle as T } from "./index57.js";
+var U = /* @__PURE__ */ Y("<div style=touch-action:none>");
+const k = {
+  n: "top-0 left-2 right-2 h-2 cursor-ns-resize",
+  s: "bottom-0 left-2 right-2 h-2 cursor-ns-resize",
+  e: "right-0 top-2 bottom-2 w-2 cursor-ew-resize",
+  w: "left-0 top-2 bottom-2 w-2 cursor-ew-resize",
+  ne: "top-0 right-0 w-4 h-4 cursor-nesw-resize",
+  nw: "top-0 left-0 w-4 h-4 cursor-nwse-resize",
+  se: "bottom-0 right-0 w-4 h-4 cursor-nwse-resize",
+  sw: "bottom-0 left-0 w-4 h-4 cursor-nesw-resize"
+}, x = {
+  n: "ns-resize",
+  s: "ns-resize",
+  e: "ew-resize",
+  w: "ew-resize",
+  ne: "nesw-resize",
+  nw: "nwse-resize",
+  se: "nwse-resize",
+  sw: "nesw-resize"
+};
+function ee(r) {
+  const i = O(), [s, f] = W(!1);
+  let t, l = null, c = 0, a = 0, d = 0, p = 0, o = null, n = null;
+  const g = (e) => {
+    if (!e) {
+      n == null || n(), n = null;
+      return;
+    }
+    n == null || n(), n = T({
+      cursor: x[r.edge],
+      "user-select": "none"
+    });
+  }, z = () => {
+    s() && (o !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(o), o = null), f(!1), l = null, g(!1), i.endResize(!0));
+  }, C = (e) => {
+    e.pointerType === "mouse" && e.button !== 0 || (e.preventDefault(), e.stopPropagation(), l = e.pointerId, c = e.clientX, a = e.clientY, d = c, p = a, f(!0), g(!0), i.startResize(r.widget.id, r.edge, c, a), t == null || t.setPointerCapture(e.pointerId));
+  }, D = (e) => {
+    if (!(!s() || l !== e.pointerId) && (d = e.clientX, p = e.clientY, o === null)) {
+      if (typeof requestAnimationFrame > "u") {
+        h();
+        return;
+      }
+      o = requestAnimationFrame(() => {
+        o = null, s() && h();
+      });
+    }
+  }, h = () => {
+    const e = d - c, u = p - a, y = document.querySelector(".deck-grid");
+    if (!y) return;
+    const I = y.getBoundingClientRect(), {
+      cols: m,
+      rowHeight: S,
+      gap: w
+    } = N, E = w * (m - 1), P = (I.width - E - w * 2) / m, R = S + w, $ = Math.round(e / P), _ = Math.round(u / R), b = i.getWidgetMinConstraints(r.widget.type), A = L(r.widget.position, r.edge, $, _, b.minColSpan, b.minRowSpan, m);
+    i.updateResize(A);
+  }, v = (e) => {
+    if (l === e.pointerId) {
+      try {
+        t == null || t.releasePointerCapture(e.pointerId);
+      } catch {
+      }
+      z();
+    }
+  };
+  return q(() => z()), (() => {
+    var e = U();
+    e.addEventListener("pointercancel", v), e.$$pointerup = v, e.$$pointermove = D, e.$$pointerdown = C;
+    var u = t;
+    return typeof u == "function" ? M(u, e) : t = e, F(() => X(e, H("absolute z-30", k[r.edge], "hover:bg-primary/30 transition-colors", s() && "bg-primary/50"))), e;
+  })();
+}
+G(["pointerdown", "pointermove", "pointerup"]);
+export {
+  ee as WidgetResizeHandle
+};