@zag-js/slider 0.0.0-dev-20230222120620 → 0.0.0-dev-20230222181847

package/dist/{chunk-KUUPJ6WI.mjs → chunk-XHNKYJMN.mjs}

@@ -25,21 +25,51 @@ function connect(state, send, normalize) {
     return getValuePercent(value, state.context.min, state.context.max);
   }
   return {
+    /**
+     * Whether the slider is focused.
+     */
     isFocused,
+    /**
+     * Whether the slider is being dragged.
+     */
     isDragging,
+    /**
+     * The value of the slider.
+     */
     value: state.context.value,
+    /**
+     * The value of the slider as a percent.
+     */
     percent: getValuePercent(state.context.value, state.context.min, state.context.max),
+    /**
+     * Function to set the value of the slider.
+     */
     setValue(value) {
       send({ type: "SET_VALUE", value });
     },
+    /**
+     * Returns the value of the slider at the given percent.
+     */
     getPercentValue: getPercentValueFn,
+    /**
+     * Returns the percent of the slider at the given value.
+     */
     getValuePercent: getValuePercentFn,
+    /**
+     * Function to focus the slider.
+     */
     focus() {
       dom.getThumbEl(state.context)?.focus();
     },
+    /**
+     * Function to increment the value of the slider by the step.
+     */
     increment() {
       send("INCREMENT");
     },
+    /**
+     * Function to decrement the value of the slider by the step.
+     */
     decrement() {
       send("DECREMENT");
     },

package/dist/index.js

@@ -222,21 +222,51 @@ function connect(state, send, normalize) {
     return (0, import_numeric_range3.getValuePercent)(value, state.context.min, state.context.max);
   }
   return {
+    /**
+     * Whether the slider is focused.
+     */
     isFocused,
+    /**
+     * Whether the slider is being dragged.
+     */
     isDragging,
+    /**
+     * The value of the slider.
+     */
     value: state.context.value,
+    /**
+     * The value of the slider as a percent.
+     */
     percent: (0, import_numeric_range3.getValuePercent)(state.context.value, state.context.min, state.context.max),
+    /**
+     * Function to set the value of the slider.
+     */
     setValue(value) {
       send({ type: "SET_VALUE", value });
     },
+    /**
+     * Returns the value of the slider at the given percent.
+     */
     getPercentValue: getPercentValueFn,
+    /**
+     * Returns the percent of the slider at the given value.
+     */
     getValuePercent: getValuePercentFn,
+    /**
+     * Function to focus the slider.
+     */
     focus() {
       dom.getThumbEl(state.context)?.focus();
     },
+    /**
+     * Function to increment the value of the slider by the step.
+     */
     increment() {
       send("INCREMENT");
     },
+    /**
+     * Function to decrement the value of the slider by the step.
+     */
     decrement() {
       send("DECREMENT");
     },

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   connect
-} from "./chunk-KUUPJ6WI.mjs";
+} from "./chunk-XHNKYJMN.mjs";
 import {
   anatomy
 } from "./chunk-3Y7IIPR5.mjs";

package/dist/slider.connect.d.ts

@@ -3,15 +3,45 @@ import { State, Send } from './slider.types.js';
 import '@zag-js/core';
 
 declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
+    /**
+     * Whether the slider is focused.
+     */
     isFocused: boolean;
+    /**
+     * Whether the slider is being dragged.
+     */
     isDragging: boolean;
+    /**
+     * The value of the slider.
+     */
     value: number;
+    /**
+     * The value of the slider as a percent.
+     */
     percent: number;
+    /**
+     * Function to set the value of the slider.
+     */
     setValue(value: number): void;
+    /**
+     * Returns the value of the slider at the given percent.
+     */
     getPercentValue: (percent: number) => number;
+    /**
+     * Returns the percent of the slider at the given value.
+     */
     getValuePercent: (value: number) => number;
+    /**
+     * Function to focus the slider.
+     */
     focus(): void;
+    /**
+     * Function to increment the value of the slider by the step.
+     */
     increment(): void;
+    /**
+     * Function to decrement the value of the slider by the step.
+     */
     decrement(): void;
     rootProps: T["element"];
     labelProps: T["label"];

package/dist/slider.connect.js

@@ -217,21 +217,51 @@ function connect(state, send, normalize) {
     return (0, import_numeric_range3.getValuePercent)(value, state.context.min, state.context.max);
   }
   return {
+    /**
+     * Whether the slider is focused.
+     */
     isFocused,
+    /**
+     * Whether the slider is being dragged.
+     */
     isDragging,
+    /**
+     * The value of the slider.
+     */
     value: state.context.value,
+    /**
+     * The value of the slider as a percent.
+     */
     percent: (0, import_numeric_range3.getValuePercent)(state.context.value, state.context.min, state.context.max),
+    /**
+     * Function to set the value of the slider.
+     */
     setValue(value) {
       send({ type: "SET_VALUE", value });
     },
+    /**
+     * Returns the value of the slider at the given percent.
+     */
     getPercentValue: getPercentValueFn,
+    /**
+     * Returns the percent of the slider at the given value.
+     */
     getValuePercent: getValuePercentFn,
+    /**
+     * Function to focus the slider.
+     */
     focus() {
       dom.getThumbEl(state.context)?.focus();
     },
+    /**
+     * Function to increment the value of the slider by the step.
+     */
     increment() {
       send("INCREMENT");
     },
+    /**
+     * Function to decrement the value of the slider by the step.
+     */
     decrement() {
       send("DECREMENT");
     },

package/dist/slider.connect.mjs

@@ -1,6 +1,6 @@
 import {
   connect
-} from "./chunk-KUUPJ6WI.mjs";
+} from "./chunk-XHNKYJMN.mjs";
 import "./chunk-3Y7IIPR5.mjs";
 import "./chunk-5CWNUPC7.mjs";
 import "./chunk-IJAAAKZQ.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/slider",
-  "version": "0.0.0-dev-20230222120620",
+  "version": "0.0.0-dev-20230222181847",
   "description": "Core logic for the slider widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,10 +27,10 @@
   },
   "dependencies": {
     "@zag-js/anatomy": "0.1.4",
-    "@zag-js/core": "0.0.0-dev-20230222120620",
-    "@zag-js/dom-query": "0.0.0-dev-20230222120620",
-    "@zag-js/dom-event": "0.0.0-dev-20230222120620",
-    "@zag-js/form-utils": "0.0.0-dev-20230222120620",
+    "@zag-js/core": "0.0.0-dev-20230222181847",
+    "@zag-js/dom-query": "0.0.0-dev-20230222181847",
+    "@zag-js/dom-event": "0.0.0-dev-20230222181847",
+    "@zag-js/form-utils": "0.0.0-dev-20230222181847",
     "@zag-js/utils": "0.3.3",
     "@zag-js/element-size": "0.3.2",
     "@zag-js/numeric-range": "0.1.1",