@prosekit/web 0.1.9 → 0.2.0

package/dist/prosekit-web-resizable.js

@@ -1,9 +1,9 @@
 import {
   defineCustomElement
-} from "./chunk-LCDA7GFP.js";
+} from "./chunk-Y2CJYXR5.js";
 
 // src/components/resizable/resizable-handle/element.gen.ts
-import { ElementMixin } from "@aria-ui/core";
+import { ElementBuilder } from "@aria-ui/core";
 
 // src/components/resizable/resizable-handle/props.ts
 var defaultResizableHandleProps = {
@@ -12,9 +12,7 @@ var defaultResizableHandleProps = {
 
 // src/components/resizable/resizable-handle/state.ts
 import {
-  assignProps,
   createSignal,
-  mapSignals,
   useEffect
 } from "@aria-ui/core";
 import { getWindow } from "@zag-js/dom-query";
@@ -24,26 +22,22 @@ import { createContext } from "@aria-ui/core";
 var onResizeContext = createContext(
   "prosekit/resizable/onResize",
   null
-);
-var onResizeStartContext = createContext(
+), onResizeStartContext = createContext(
   "prosekit/resizable/onResizeStart",
   null
-);
-var onResizeEndContext = createContext(
+), onResizeEndContext = createContext(
   "prosekit/resizable/onResizeEnd",
   null
 );
 
 // src/utils/is-finite-positive-number.ts
 function isFinitePositiveNumber(value) {
-  return typeof value === "number" && Number.isFinite(value) && value > 0;
+  return typeof value == "number" && Number.isFinite(value) && value > 0;
 }
 
 // src/components/resizable/resizable-handle/calc-resize.ts
 function calcResize(position, w, h, dx, dy, aspectRatio) {
-  aspectRatio = aspectRatio ? aspectRatio : w / h;
-  aspectRatio = isFinitePositiveNumber(aspectRatio) ? aspectRatio : 1;
-  switch (position) {
+  switch (aspectRatio = aspectRatio || w / h, aspectRatio = isFinitePositiveNumber(aspectRatio) ? aspectRatio : 1, position) {
     case "bottom-right":
       return calcBottomRightResize(w, h, dx, dy, aspectRatio);
     case "bottom-left":
@@ -65,92 +59,38 @@ function calcResize(position, w, h, dx, dy, aspectRatio) {
   }
 }
 var calcBottomRightResize = (w, h, dx, dy, r) => {
-  w += dx;
-  h += dy;
-  const sum = w + h;
-  h = sum / (r + 1);
-  w = sum - h;
-  return [w, h];
-};
-var calcBottomLeftResize = (w, h, dx, dy, r) => {
-  w -= dx;
-  h += dy;
-  const sum = w + h;
-  h = sum / (r + 1);
-  w = sum - h;
-  return [w, h];
-};
-var calcTopRightResize = (w, h, dx, dy, r) => {
-  w += dx;
-  h -= dy;
-  const sum = w + h;
-  h = sum / (r + 1);
-  w = sum - h;
-  return [w, h];
-};
-var calcTopLeftResize = (w, h, dx, dy, r) => {
-  w -= dx;
-  h -= dy;
-  const sum = w + h;
-  h = sum / (r + 1);
-  w = sum - h;
-  return [w, h];
-};
-var calcTopResize = (w, h, dx, dy, r) => {
-  h -= dy;
-  w = h * r;
-  return [w, h];
-};
-var calcRightResize = (w, h, dx, dy, r) => {
-  w += dx;
-  h = w / r;
-  return [w, h];
-};
-var calcBottomResize = (w, h, dx, dy, r) => {
-  h += dy;
-  w = h * r;
-  return [w, h];
-};
-var calcLeftResize = (w, h, dx, dy, r) => {
-  w -= dx;
-  h = w / r;
-  return [w, h];
-};
+  w += dx, h += dy;
+  let sum = w + h;
+  return h = sum / (r + 1), w = sum - h, [w, h];
+}, calcBottomLeftResize = (w, h, dx, dy, r) => {
+  w -= dx, h += dy;
+  let sum = w + h;
+  return h = sum / (r + 1), w = sum - h, [w, h];
+}, calcTopRightResize = (w, h, dx, dy, r) => {
+  w += dx, h -= dy;
+  let sum = w + h;
+  return h = sum / (r + 1), w = sum - h, [w, h];
+}, calcTopLeftResize = (w, h, dx, dy, r) => {
+  w -= dx, h -= dy;
+  let sum = w + h;
+  return h = sum / (r + 1), w = sum - h, [w, h];
+}, calcTopResize = (w, h, dx, dy, r) => (h -= dy, w = h * r, [w, h]), calcRightResize = (w, h, dx, dy, r) => (w += dx, h = w / r, [w, h]), calcBottomResize = (w, h, dx, dy, r) => (h += dy, w = h * r, [w, h]), calcLeftResize = (w, h, dx, dy, r) => (w -= dx, h = w / r, [w, h]);
 
 // src/components/resizable/resizable-handle/state.ts
-function useResizableHandle(host, props) {
-  const state = mapSignals(assignProps(defaultResizableHandleProps, props));
-  const onResize = onResizeContext.consume(host);
-  const onResizeStart = onResizeStartContext.consume(host);
-  const onResizeEnd = onResizeEndContext.consume(host);
+function useResizableHandle(host, state) {
+  let onResize = onResizeContext.consume(host), onResizeStart = onResizeStartContext.consume(host), onResizeEnd = onResizeEndContext.consume(host);
   useResizableHandleState(host, state, { onResize, onResizeStart, onResizeEnd });
-  return state;
 }
 function useResizableHandleState(host, state, context) {
-  let startX = 0;
-  let startY = 0;
-  let width = 0;
-  let height = 0;
-  let aspectRatio = 1;
-  const pointerPressing = createSignal(false);
-  const handlePointerDown = (event) => {
-    var _a, _b;
-    event.preventDefault();
-    pointerPressing.value = true;
-    startX = event.x;
-    startY = event.y;
-    const size = (_b = (_a = context.onResizeStart).value) == null ? void 0 : _b.call(_a);
-    if (size) {
-      ;
-      [width, height, aspectRatio] = size;
-    }
-  };
-  const handlePointerMove = (event) => {
-    var _a, _b;
+  let startX = 0, startY = 0, width = 0, height = 0, aspectRatio = 1, pointerPressing = createSignal(!1), handlePointerDown = (event) => {
+    var _a;
+    event.preventDefault(), pointerPressing.set(!0), startX = event.x, startY = event.y;
+    let size = (_a = context.onResizeStart.get()) == null ? void 0 : _a();
+    size && ([width, height, aspectRatio] = size);
+  }, handlePointerMove = (event) => {
+    var _a;
     event.preventDefault();
-    const dx = event.x - startX;
-    const dy = event.y - startY;
-    const [w, h] = calcResize(
+    let dx = event.x - startX, dy = event.y - startY, [w, h] = calcResize(
       state.position.peek(),
       width,
       height,
@@ -158,41 +98,30 @@ function useResizableHandleState(host, state, context) {
       dy,
       aspectRatio
     );
-    (_b = (_a = context.onResize).value) == null ? void 0 : _b.call(_a, w, h);
-  };
-  const handlePointerUp = (event) => {
-    var _a, _b;
-    event.preventDefault();
-    pointerPressing.value = false;
-    (_b = (_a = context.onResizeEnd).value) == null ? void 0 : _b.call(_a);
+    (_a = context.onResize.get()) == null || _a(w, h);
+  }, handlePointerUp = (event) => {
+    var _a;
+    event.preventDefault(), pointerPressing.set(!1), (_a = context.onResizeEnd.get()) == null || _a();
   };
-  useEffect(host, () => {
-    host.addEventListener("pointerdown", handlePointerDown);
-    return () => {
-      host.removeEventListener("pointerdown", handlePointerDown);
-    };
-  });
-  useEffect(host, () => {
-    if (!pointerPressing.value) {
+  useEffect(host, () => (host.addEventListener("pointerdown", handlePointerDown), () => {
+    host.removeEventListener("pointerdown", handlePointerDown);
+  })), useEffect(host, () => {
+    if (!pointerPressing.get())
       return;
-    }
-    const win = getWindow(host);
-    win.addEventListener("pointermove", handlePointerMove);
-    win.addEventListener("pointerup", handlePointerUp);
-    return () => {
-      win.removeEventListener("pointermove", handlePointerMove);
-      win.removeEventListener("pointerup", handlePointerUp);
+    let win = getWindow(host);
+    return win.addEventListener("pointermove", handlePointerMove), win.addEventListener("pointerup", handlePointerUp), () => {
+      win.removeEventListener("pointermove", handlePointerMove), win.removeEventListener("pointerup", handlePointerUp);
     };
   });
 }
 
 // src/components/resizable/resizable-handle/element.gen.ts
-var ResizableHandleElement = class extends ElementMixin(useResizableHandle, defaultResizableHandleProps) {
+var ResizableHandleElement = class extends ElementBuilder(useResizableHandle, defaultResizableHandleProps) {
 };
 defineCustomElement("prosekit-resizable-handle", ResizableHandleElement);
 
 // src/components/resizable/resizable-root/element.gen.ts
-import { ElementMixin as ElementMixin2 } from "@aria-ui/core";
+import { ElementBuilder as ElementBuilder2 } from "@aria-ui/core";
 
 // src/components/resizable/resizable-root/props.ts
 var defaultResizableRootProps = {
@@ -206,65 +135,37 @@ var defaultResizableRootProps = {
 
 // src/components/resizable/resizable-root/state.ts
 import {
-  assignProps as assignProps2,
   createSignal as createSignal2,
-  mapSignals as mapSignals2,
   useEffect as useEffect2
 } from "@aria-ui/core";
-function useResizableRoot(host, props) {
-  const state = mapSignals2(assignProps2(defaultResizableRootProps, props));
-  useResizableRootState(host, state);
-  return state;
-}
-function useResizableRootState(host, state) {
-  const onResizeStart = () => {
+function useResizableRoot(host, state) {
+  let onResizeStart = () => {
     var _a, _b;
-    const { width, height } = host.getBoundingClientRect();
-    let aspectRatio = (_a = state.aspectRatio.peek()) != null ? _a : width / height;
-    if (!isFinitePositiveNumber(aspectRatio)) {
-      aspectRatio = 0;
-    }
-    (_b = state.onSizeChangeStart.peek()) == null ? void 0 : _b({ width, height });
-    return [width, height, aspectRatio];
-  };
-  const onResize = (width, height) => {
+    let { width, height } = host.getBoundingClientRect(), aspectRatio = (_a = state.aspectRatio.peek()) != null ? _a : width / height;
+    return isFinitePositiveNumber(aspectRatio) || (aspectRatio = 0), (_b = state.onSizeChangeStart.peek()) == null || _b({ width, height }), [width, height, aspectRatio];
+  }, onResize = (width, height) => {
     var _a;
-    (_a = state.onSizeChange.peek()) == null ? void 0 : _a({ width, height });
-    state.width.value = width;
-    state.height.value = height;
-  };
-  const onResizeEnd = () => {
+    (_a = state.onSizeChange.peek()) == null || _a({ width, height }), state.width.set(width), state.height.set(height);
+  }, onResizeEnd = () => {
     var _a;
-    const { width, height } = host.getBoundingClientRect();
-    (_a = state.onSizeChangeEnd.peek()) == null ? void 0 : _a({ width, height });
+    let { width, height } = host.getBoundingClientRect();
+    (_a = state.onSizeChangeEnd.peek()) == null || _a({ width, height });
   };
-  onResizeStartContext.provide(host, createSignal2(onResizeStart));
-  onResizeContext.provide(host, createSignal2(onResize));
-  onResizeEndContext.provide(host, createSignal2(onResizeEnd));
-  useEffect2(host, () => {
+  onResizeStartContext.provide(host, createSignal2(onResizeStart)), onResizeContext.provide(host, createSignal2(onResize)), onResizeEndContext.provide(host, createSignal2(onResizeEnd)), useEffect2(host, () => {
     updateResizableRootStyles(
       host,
-      state.width.value,
-      state.height.value,
-      state.aspectRatio.value
+      state.width.get(),
+      state.height.get(),
+      state.aspectRatio.get()
     );
   });
 }
 function updateResizableRootStyles(host, width, height, aspectRatio) {
-  host.style.width = isFinitePositiveNumber(width) ? `${width}px` : "";
-  host.style.height = isFinitePositiveNumber(height) ? `${height}px` : "";
-  if (isFinitePositiveNumber(aspectRatio)) {
-    host.style.aspectRatio = `${aspectRatio}`;
-    if (width && width > 0 && aspectRatio >= 1) {
-      host.style.height = "auto";
-    } else if (height && height > 0 && aspectRatio <= 1) {
-      host.style.width = "auto";
-    }
-  }
+  host.style.width = isFinitePositiveNumber(width) ? `${width}px` : "", host.style.height = isFinitePositiveNumber(height) ? `${height}px` : "", isFinitePositiveNumber(aspectRatio) && (host.style.aspectRatio = `${aspectRatio}`, width && width > 0 && aspectRatio >= 1 ? host.style.height = "auto" : height && height > 0 && aspectRatio <= 1 && (host.style.width = "auto"));
 }
 
 // src/components/resizable/resizable-root/element.gen.ts
-var ResizableRootElement = class extends ElementMixin2(useResizableRoot, defaultResizableRootProps) {
+var ResizableRootElement = class extends ElementBuilder2(useResizableRoot, defaultResizableRootProps) {
 };
 defineCustomElement("prosekit-resizable-root", ResizableRootElement);
 export {

package/dist/prosekit-web-tooltip.js

@@ -1,37 +1,33 @@
 import {
   defineCustomElement
-} from "./chunk-LCDA7GFP.js";
+} from "./chunk-Y2CJYXR5.js";
 
 // src/components/tooltip/tooltip-content/element.gen.ts
-import { ElementMixin } from "@aria-ui/core";
+import { ElementBuilder } from "@aria-ui/core";
 
 // src/components/tooltip/tooltip-content/props.ts
 import { defaultTooltipContentProps as defaultProps } from "@aria-ui/tooltip";
 var defaultTooltipContentProps = {
   ...defaultProps,
-  shift: true,
-  flip: true,
+  shift: !0,
+  flip: !0,
   offset: 6,
   overflowPadding: 4,
   // Don't need boundary when hoist is true.
-  hoist: true,
+  hoist: !0,
   boundary: []
 };
 
 // src/components/tooltip/tooltip-content/state.ts
-import { assignProps } from "@aria-ui/core";
-import { useTooltipContent as useElement } from "@aria-ui/tooltip";
-function useTooltipContent(element, props) {
-  return useElement(element, assignProps(defaultTooltipContentProps, props));
-}
+import { useTooltipContent } from "@aria-ui/tooltip";
 
 // src/components/tooltip/tooltip-content/element.gen.ts
-var TooltipContentElement = class extends ElementMixin(useTooltipContent, defaultTooltipContentProps) {
+var TooltipContentElement = class extends ElementBuilder(useTooltipContent, defaultTooltipContentProps) {
 };
 defineCustomElement("prosekit-tooltip-content", TooltipContentElement);
 
 // src/components/tooltip/tooltip-root/element.gen.ts
-import { ElementMixin as ElementMixin2 } from "@aria-ui/core";
+import { ElementBuilder as ElementBuilder2 } from "@aria-ui/core";
 
 // src/components/tooltip/tooltip-root/props.ts
 import { defaultTooltipRootProps } from "@aria-ui/tooltip";
@@ -40,12 +36,12 @@ import { defaultTooltipRootProps } from "@aria-ui/tooltip";
 import { useTooltipRoot } from "@aria-ui/tooltip";
 
 // src/components/tooltip/tooltip-root/element.gen.ts
-var TooltipRootElement = class extends ElementMixin2(useTooltipRoot, defaultTooltipRootProps) {
+var TooltipRootElement = class extends ElementBuilder2(useTooltipRoot, defaultTooltipRootProps) {
 };
 defineCustomElement("prosekit-tooltip-root", TooltipRootElement);
 
 // src/components/tooltip/tooltip-trigger/element.gen.ts
-import { ElementMixin as ElementMixin3 } from "@aria-ui/core";
+import { ElementBuilder as ElementBuilder3 } from "@aria-ui/core";
 
 // src/components/tooltip/tooltip-trigger/props.ts
 import { defaultTooltipTriggerProps } from "@aria-ui/tooltip";
@@ -54,7 +50,7 @@ import { defaultTooltipTriggerProps } from "@aria-ui/tooltip";
 import { useTooltipTrigger } from "@aria-ui/tooltip";
 
 // src/components/tooltip/tooltip-trigger/element.gen.ts
-var TooltipTriggerElement = class extends ElementMixin3(useTooltipTrigger, defaultTooltipTriggerProps) {
+var TooltipTriggerElement = class extends ElementBuilder3(useTooltipTrigger, defaultTooltipTriggerProps) {
 };
 defineCustomElement("prosekit-tooltip-trigger", TooltipTriggerElement);
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/web",
   "type": "module",
-  "version": "0.1.9",
+  "version": "0.2.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -66,21 +66,21 @@
   ],
   "dependencies": {
     "@aria-ui/collection": "^0.0.3",
-    "@aria-ui/core": "^0.0.14",
-    "@aria-ui/listbox": "^0.0.13",
-    "@aria-ui/overlay": "^0.0.15",
-    "@aria-ui/popover": "^0.0.14",
-    "@aria-ui/presence": "^0.0.9",
-    "@aria-ui/tooltip": "^0.0.16",
+    "@aria-ui/core": "^0.0.16",
+    "@aria-ui/listbox": "^0.0.15",
+    "@aria-ui/overlay": "^0.0.17",
+    "@aria-ui/popover": "^0.0.17",
+    "@aria-ui/presence": "^0.0.11",
+    "@aria-ui/tooltip": "^0.0.19",
     "@floating-ui/dom": "^1.6.5",
-    "@prosekit/core": "^0.5.4",
-    "@prosekit/extensions": "^0.5.2",
-    "@prosekit/pm": "^0.1.4",
-    "@zag-js/dom-query": "^0.51.2"
+    "@zag-js/dom-query": "^0.58.2",
+    "@prosekit/core": "^0.6.0",
+    "@prosekit/pm": "^0.1.5",
+    "@prosekit/extensions": "^0.6.0"
   },
   "devDependencies": {
-    "tsup": "^8.0.2",
-    "typescript": "^5.4.5",
+    "tsup": "^8.1.0",
+    "typescript": "^5.5.2",
     "vitest": "^1.6.0",
     "@prosekit/dev": "0.0.0"
   },