@zag-js/splitter 0.2.4 → 0.2.6

package/dist/splitter.types.d.ts

@@ -0,0 +1,96 @@
+import { StateMachine } from '@zag-js/core';
+import { RequiredBy, DirectionProperty, CommonProperties, Context } from '@zag-js/types';
+
+type ElementIds = Partial<{
+    root: string;
+    splitter: string;
+    label: string;
+    toggleBtn: string;
+    primaryPane: string;
+    secondaryPane: string;
+}>;
+type PublicContext = DirectionProperty & CommonProperties & {
+    /**
+     * The ids of the elements in the splitter. Useful for composition.
+     */
+    ids?: ElementIds;
+    /**
+     * Whether to allow the separator to be dragged.
+     */
+    fixed?: boolean;
+    /**
+     * The orientation of the split view.
+     */
+    orientation: "horizontal" | "vertical";
+    /**
+     * The minimum size of the primary pane.
+     */
+    min: number;
+    /**
+     * The maximum size of the primary pane.
+     */
+    max: number;
+    /**
+     * The size of the primary pane.
+     */
+    value: number;
+    /**
+     * The step increments of the primary pane when it is dragged
+     * or resized with keyboard.
+     */
+    step: number;
+    /**
+     * Callback to be invoked when the primary pane is resized.
+     */
+    onChange?: (details: {
+        value: number;
+    }) => void;
+    /**
+     * Callback to be invoked when the primary pane's resize session starts
+     */
+    onChangeStart?: (details: {
+        value: number;
+    }) => void;
+    /**
+     * Callback to be invoked when the primary pane's resize session ends
+     */
+    onChangeEnd?: (details: {
+        value: number;
+    }) => void;
+    /**
+     * Whether the primary pane is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The minimum offset needed to snap the primary pane to its minimum or maximum size.
+     */
+    snapOffset: number;
+};
+type UserDefinedContext = RequiredBy<PublicContext, "id">;
+type ComputedContext = Readonly<{
+    /**
+     * @computed
+     * Whether the primary pane is at its minimum size.
+     */
+    isAtMin: boolean;
+    /**
+     * @computed
+     * Whether the primary pane is at its maximum size.
+     */
+    isAtMax: boolean;
+    /**
+     * @computed
+     * Whether the orientation is horizontal.
+     */
+    isHorizontal: boolean;
+}>;
+type PrivateContext = Context<{}>;
+type MachineContext = PublicContext & ComputedContext & PrivateContext;
+type MachineState = {
+    value: "unknown" | "idle" | "hover:temp" | "hover" | "dragging" | "focused";
+    tags: "focus";
+};
+type State = StateMachine.State<MachineContext, MachineState>;
+type Send = StateMachine.Send<StateMachine.AnyEventObject>;
+
+export { MachineContext, MachineState, Send, State, UserDefinedContext };

package/dist/splitter.types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/splitter.types.ts
+var splitter_types_exports = {};
+module.exports = __toCommonJS(splitter_types_exports);

package/package.json

@@ -1,10 +1,7 @@
 {
   "name": "@zag-js/splitter",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "Core logic for the splitter widget implemented as a state machine",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "keywords": [
     "js",
     "machine",
@@ -30,19 +27,32 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.1.1",
-    "@zag-js/core": "0.2.3",
-    "@zag-js/types": "0.3.1"
+    "@zag-js/anatomy": "0.1.3",
+    "@zag-js/types": "0.3.2",
+    "@zag-js/core": "0.2.4"
   },
   "devDependencies": {
-    "@zag-js/dom-utils": "0.2.1",
-    "@zag-js/number-utils": "0.2.1",
-    "@zag-js/utils": "0.3.1"
+    "clean-package": "2.2.0",
+    "@zag-js/dom-utils": "0.2.2",
+    "@zag-js/number-utils": "0.2.2",
+    "@zag-js/utils": "0.3.2"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "scripts": {
-    "build-fast": "tsup src/index.ts --format=esm,cjs",
+    "build-fast": "tsup src",
     "start": "pnpm build --watch",
-    "build": "tsup src/index.ts --format=esm,cjs --dts",
+    "build": "tsup src --dts",
     "test": "jest --config ../../../jest.config.js --rootDir . --passWithNoTests",
     "lint": "eslint src --ext .ts,.tsx",
     "test-ci": "pnpm test --ci --runInBand",