@zag-js/splitter 1.0.0 → 1.0.2

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import { DirectionProperty, CommonProperties, PropTypes, RequiredBy, Required, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_core from '@zag-js/core';
-import { Service, EventObject } from '@zag-js/core';
+import { Service, Machine, EventObject } from '@zag-js/core';
 
 declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "panel" | "resizeTrigger">;
 
@@ -95,6 +95,7 @@ interface SplitterSchema {
     guard: string;
 }
 type SplitterService = Service<SplitterSchema>;
+type SplitterMachine = Machine<SplitterSchema>;
 interface PanelProps {
     id: PanelId;
     snapSize?: number | undefined;
@@ -152,7 +153,7 @@ interface SplitterApi<T extends PropTypes = PropTypes> {
 
 declare function connect<T extends PropTypes>(service: SplitterService, normalize: NormalizeProps<T>): SplitterApi<T>;
 
-declare const machine: _zag_js_core.MachineConfig<SplitterSchema>;
+declare const machine: _zag_js_core.Machine<SplitterSchema>;
 
 declare const props: (keyof SplitterProps)[];
 declare const splitProps: <Props extends Partial<SplitterProps>>(props: Props) => [Partial<SplitterProps>, Omit<Props, keyof SplitterProps>];
@@ -161,4 +162,4 @@ declare const splitPanelProps: <Props extends PanelProps>(props: Props) => [Pane
 declare const resizeTriggerProps: (keyof ResizeTriggerProps)[];
 declare const splitResizeTriggerProps: <Props extends ResizeTriggerProps>(props: Props) => [ResizeTriggerProps, Omit<Props, keyof ResizeTriggerProps>];
 
-export { type SplitterApi as Api, type PanelProps, type PanelSizeData, type SplitterProps as Props, type ResizeTriggerProps, type SplitterService as Service, type SizeChangeDetails, anatomy, connect, machine, panelProps, props, resizeTriggerProps, splitPanelProps, splitProps, splitResizeTriggerProps };
+export { type SplitterApi as Api, type SplitterMachine as Machine, type PanelProps, type PanelSizeData, type SplitterProps as Props, type ResizeTriggerProps, type SplitterService as Service, type SizeChangeDetails, anatomy, connect, machine, panelProps, props, resizeTriggerProps, splitPanelProps, splitProps, splitResizeTriggerProps };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import { DirectionProperty, CommonProperties, PropTypes, RequiredBy, Required, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_core from '@zag-js/core';
-import { Service, EventObject } from '@zag-js/core';
+import { Service, Machine, EventObject } from '@zag-js/core';
 
 declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "panel" | "resizeTrigger">;
 
@@ -95,6 +95,7 @@ interface SplitterSchema {
     guard: string;
 }
 type SplitterService = Service<SplitterSchema>;
+type SplitterMachine = Machine<SplitterSchema>;
 interface PanelProps {
     id: PanelId;
     snapSize?: number | undefined;
@@ -152,7 +153,7 @@ interface SplitterApi<T extends PropTypes = PropTypes> {
 
 declare function connect<T extends PropTypes>(service: SplitterService, normalize: NormalizeProps<T>): SplitterApi<T>;
 
-declare const machine: _zag_js_core.MachineConfig<SplitterSchema>;
+declare const machine: _zag_js_core.Machine<SplitterSchema>;
 
 declare const props: (keyof SplitterProps)[];
 declare const splitProps: <Props extends Partial<SplitterProps>>(props: Props) => [Partial<SplitterProps>, Omit<Props, keyof SplitterProps>];
@@ -161,4 +162,4 @@ declare const splitPanelProps: <Props extends PanelProps>(props: Props) => [Pane
 declare const resizeTriggerProps: (keyof ResizeTriggerProps)[];
 declare const splitResizeTriggerProps: <Props extends ResizeTriggerProps>(props: Props) => [ResizeTriggerProps, Omit<Props, keyof ResizeTriggerProps>];
 
-export { type SplitterApi as Api, type PanelProps, type PanelSizeData, type SplitterProps as Props, type ResizeTriggerProps, type SplitterService as Service, type SizeChangeDetails, anatomy, connect, machine, panelProps, props, resizeTriggerProps, splitPanelProps, splitProps, splitResizeTriggerProps };
+export { type SplitterApi as Api, type SplitterMachine as Machine, type PanelProps, type PanelSizeData, type SplitterProps as Props, type ResizeTriggerProps, type SplitterService as Service, type SizeChangeDetails, anatomy, connect, machine, panelProps, props, resizeTriggerProps, splitPanelProps, splitProps, splitResizeTriggerProps };

package/dist/index.js

@@ -331,7 +331,7 @@ var machine = core.createMachine({
     return {
       orientation: "horizontal",
       defaultSize: [],
-      ...utils.compact(props2)
+      ...props2
     };
   },
   initialState() {
@@ -392,6 +392,10 @@ var machine = core.createMachine({
           target: "focused",
           actions: ["setActiveHandleId"]
         },
+        POINTER_DOWN: {
+          target: "dragging",
+          actions: ["setActiveHandleId"]
+        },
         DOUBLE_CLICK: {
           actions: ["resetStartPanel", "setPreviousPanels"]
         }
@@ -482,10 +486,9 @@ var machine = core.createMachine({
   implementations: {
     effects: {
       waitForHoverDelay: ({ send }) => {
-        const id = setTimeout(() => {
+        return utils.setRafTimeout(() => {
           send({ type: "HOVER_DELAY" });
         }, 250);
-        return () => clearTimeout(id);
       },
       trackPointerMove: ({ scope, send }) => {
         const doc = scope.getDoc();

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { createAnatomy } from '@zag-js/anatomy';
 import { trackPointerMove, raf, getRelativePoint, dataAttr, getEventStep, getEventKey } from '@zag-js/dom-query';
 import { createMachine } from '@zag-js/core';
-import { compact, createSplitProps } from '@zag-js/utils';
+import { setRafTimeout, createSplitProps } from '@zag-js/utils';
 import { createProps } from '@zag-js/types';
 
 // src/splitter.anatomy.ts
@@ -329,7 +329,7 @@ var machine = createMachine({
     return {
       orientation: "horizontal",
       defaultSize: [],
-      ...compact(props2)
+      ...props2
     };
   },
   initialState() {
@@ -390,6 +390,10 @@ var machine = createMachine({
           target: "focused",
           actions: ["setActiveHandleId"]
         },
+        POINTER_DOWN: {
+          target: "dragging",
+          actions: ["setActiveHandleId"]
+        },
         DOUBLE_CLICK: {
           actions: ["resetStartPanel", "setPreviousPanels"]
         }
@@ -480,10 +484,9 @@ var machine = createMachine({
   implementations: {
     effects: {
       waitForHoverDelay: ({ send }) => {
-        const id = setTimeout(() => {
+        return setRafTimeout(() => {
           send({ type: "HOVER_DELAY" });
         }, 250);
-        return () => clearTimeout(id);
       },
       trackPointerMove: ({ scope, send }) => {
         const doc = scope.getDoc();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/splitter",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Core logic for the splitter widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,11 +27,11 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.0.0",
-    "@zag-js/core": "1.0.0",
-    "@zag-js/types": "1.0.0",
-    "@zag-js/dom-query": "1.0.0",
-    "@zag-js/utils": "1.0.0"
+    "@zag-js/anatomy": "1.0.2",
+    "@zag-js/core": "1.0.2",
+    "@zag-js/types": "1.0.2",
+    "@zag-js/dom-query": "1.0.2",
+    "@zag-js/utils": "1.0.2"
   },
   "devDependencies": {
     "clean-package": "2.2.0"