@zag-js/slider 1.41.1 → 1.42.0

package/dist/slider.connect.js

@@ -211,7 +211,7 @@ function connect(service, normalize) {
         onKeyDown(event) {
           if (event.defaultPrevented) return;
           if (!interactive) return;
-          const step = (0, import_dom_query.getEventStep)(event) * prop("step");
+          const step = (0, import_dom_query.getEventStepValue)(event, { step: prop("step"), largeStep: prop("largeStep") });
           const keyMap = {
             ArrowUp() {
               if (isHorizontal) return;

package/dist/slider.connect.mjs

@@ -4,7 +4,7 @@ import {
   dataAttr,
   getEventKey,
   getEventPoint,
-  getEventStep,
+  getEventStepValue,
   isLeftClick,
   isModifierKey
 } from "@zag-js/dom-query";
@@ -192,7 +192,7 @@ function connect(service, normalize) {
         onKeyDown(event) {
           if (event.defaultPrevented) return;
           if (!interactive) return;
-          const step = getEventStep(event) * prop("step");
+          const step = getEventStepValue(event, { step: prop("step"), largeStep: prop("largeStep") });
           const keyMap = {
             ArrowUp() {
               if (isHorizontal) return;

package/dist/slider.machine.js

@@ -69,6 +69,7 @@ var machine = (0, import_core.createMachine)({
       thumbCollisionBehavior: "none",
       minStepsBetweenThumbs,
       ...props,
+      largeStep: props.largeStep ?? 10 * step,
       defaultValue: normalize(defaultValue, min, max, step, minStepsBetweenThumbs),
       value: props.value ? normalize(props.value, min, max, step, minStepsBetweenThumbs) : void 0,
       max,

package/dist/slider.machine.mjs

@@ -54,6 +54,7 @@ var machine = createMachine({
       thumbCollisionBehavior: "none",
       minStepsBetweenThumbs,
       ...props,
+      largeStep: props.largeStep ?? 10 * step,
       defaultValue: normalize(defaultValue, min, max, step, minStepsBetweenThumbs),
       value: props.value ? normalize(props.value, min, max, step, minStepsBetweenThumbs) : void 0,
       max,

package/dist/slider.props.js

@@ -41,6 +41,7 @@ var props = (0, import_types.createProps)()([
   "id",
   "ids",
   "invalid",
+  "largeStep",
   "max",
   "min",
   "minStepsBetweenThumbs",

package/dist/slider.props.mjs

@@ -12,6 +12,7 @@ var props = createProps()([
   "id",
   "ids",
   "invalid",
+  "largeStep",
   "max",
   "min",
   "minStepsBetweenThumbs",

package/dist/slider.types.d.mts

@@ -98,6 +98,12 @@ interface SliderProps extends DirectionProperty, CommonProperties {
      * @default 1
      */
     step?: number | undefined;
+    /**
+     * The step value of the slider when the `Shift` key is held, or the
+     * `PageUp`/`PageDown` keys are used.
+     * @default 10 * step
+     */
+    largeStep?: number | undefined;
     /**
      * The minimum permitted steps between multiple thumbs.
      *
@@ -149,7 +155,7 @@ interface SliderProps extends DirectionProperty, CommonProperties {
      */
     thumbCollisionBehavior?: "none" | "push" | "swap" | undefined;
 }
-type PropsWithDefault = "dir" | "min" | "max" | "step" | "orientation" | "defaultValue" | "origin" | "thumbAlignment" | "minStepsBetweenThumbs" | "thumbCollisionBehavior";
+type PropsWithDefault = "dir" | "min" | "max" | "step" | "largeStep" | "orientation" | "defaultValue" | "origin" | "thumbAlignment" | "minStepsBetweenThumbs" | "thumbCollisionBehavior";
 type Computed = Readonly<{
     /**
      * @computed

package/dist/slider.types.d.ts

@@ -98,6 +98,12 @@ interface SliderProps extends DirectionProperty, CommonProperties {
      * @default 1
      */
     step?: number | undefined;
+    /**
+     * The step value of the slider when the `Shift` key is held, or the
+     * `PageUp`/`PageDown` keys are used.
+     * @default 10 * step
+     */
+    largeStep?: number | undefined;
     /**
      * The minimum permitted steps between multiple thumbs.
      *
@@ -149,7 +155,7 @@ interface SliderProps extends DirectionProperty, CommonProperties {
      */
     thumbCollisionBehavior?: "none" | "push" | "swap" | undefined;
 }
-type PropsWithDefault = "dir" | "min" | "max" | "step" | "orientation" | "defaultValue" | "origin" | "thumbAlignment" | "minStepsBetweenThumbs" | "thumbCollisionBehavior";
+type PropsWithDefault = "dir" | "min" | "max" | "step" | "largeStep" | "orientation" | "defaultValue" | "origin" | "thumbAlignment" | "minStepsBetweenThumbs" | "thumbCollisionBehavior";
 type Computed = Readonly<{
     /**
      * @computed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/slider",
-  "version": "1.41.1",
+  "version": "1.42.0",
   "description": "Core logic for the slider widget implemented as a state machine",
   "keywords": [
     "js",
@@ -15,7 +15,10 @@
   "author": "Segun Adebayo <sage@adebayosegun.com>",
   "homepage": "https://github.com/chakra-ui/zag#readme",
   "license": "MIT",
-  "repository": "https://github.com/chakra-ui/zag/tree/main/packages/slider",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/chakra-ui/zag/tree/main/packages/slider"
+  },
   "sideEffects": false,
   "files": [
     "dist"
@@ -27,11 +30,11 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.41.1",
-    "@zag-js/core": "1.41.1",
-    "@zag-js/dom-query": "1.41.1",
-    "@zag-js/utils": "1.41.1",
-    "@zag-js/types": "1.41.1"
+    "@zag-js/anatomy": "1.42.0",
+    "@zag-js/core": "1.42.0",
+    "@zag-js/dom-query": "1.42.0",
+    "@zag-js/utils": "1.42.0",
+    "@zag-js/types": "1.42.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"