@zag-js/slider 1.24.2 → 1.25.0

package/dist/index.d.mts

@@ -303,5 +303,7 @@ declare const props: (keyof SliderProps)[];
 declare const splitProps: <Props extends Partial<SliderProps>>(props: Props) => [Partial<SliderProps>, Omit<Props, keyof SliderProps>];
 declare const thumbProps: (keyof ThumbProps)[];
 declare const splitThumbProps: <Props extends ThumbProps>(props: Props) => [ThumbProps, Omit<Props, keyof ThumbProps>];
+declare const markerProps: "value"[];
+declare const splitMarkerProps: <Props extends MarkerProps>(props: Props) => [MarkerProps, Omit<Props, "value">];
 
-export { type SliderApi as Api, type DraggingIndicatorProps, type ElementIds, type FocusChangeDetails, type SliderMachine as Machine, type MarkerProps, type SliderProps as Props, type SliderService as Service, type ThumbProps, type ValueChangeDetails, type ValueTextDetails, anatomy, connect, machine, props, splitProps, splitThumbProps, thumbProps };
+export { type SliderApi as Api, type DraggingIndicatorProps, type ElementIds, type FocusChangeDetails, type SliderMachine as Machine, type MarkerProps, type SliderProps as Props, type SliderService as Service, type ThumbProps, type ValueChangeDetails, type ValueTextDetails, anatomy, connect, machine, markerProps, props, splitMarkerProps, splitProps, splitThumbProps, thumbProps };

package/dist/index.d.ts

@@ -303,5 +303,7 @@ declare const props: (keyof SliderProps)[];
 declare const splitProps: <Props extends Partial<SliderProps>>(props: Props) => [Partial<SliderProps>, Omit<Props, keyof SliderProps>];
 declare const thumbProps: (keyof ThumbProps)[];
 declare const splitThumbProps: <Props extends ThumbProps>(props: Props) => [ThumbProps, Omit<Props, keyof ThumbProps>];
+declare const markerProps: "value"[];
+declare const splitMarkerProps: <Props extends MarkerProps>(props: Props) => [MarkerProps, Omit<Props, "value">];
 
-export { type SliderApi as Api, type DraggingIndicatorProps, type ElementIds, type FocusChangeDetails, type SliderMachine as Machine, type MarkerProps, type SliderProps as Props, type SliderService as Service, type ThumbProps, type ValueChangeDetails, type ValueTextDetails, anatomy, connect, machine, props, splitProps, splitThumbProps, thumbProps };
+export { type SliderApi as Api, type DraggingIndicatorProps, type ElementIds, type FocusChangeDetails, type SliderMachine as Machine, type MarkerProps, type SliderProps as Props, type SliderService as Service, type ThumbProps, type ValueChangeDetails, type ValueTextDetails, anatomy, connect, machine, markerProps, props, splitMarkerProps, splitProps, splitThumbProps, thumbProps };

package/dist/index.js

@@ -620,10 +620,15 @@ var machine = core.createMachine({
       ([value, min, max]) => value.map((value2) => 100 * utils.getValuePercent(value2, min, max))
     )
   },
-  watch({ track, action, context }) {
+  watch({ track, action, context, computed, send }) {
     track([() => context.hash("value")], () => {
       action(["syncInputElements", "dispatchChangeEvent"]);
     });
+    track([() => computed("isDisabled")], () => {
+      if (computed("isDisabled")) {
+        send({ type: "BLUR" });
+      }
+    });
   },
   effects: ["trackFormControlState", "trackThumbSize"],
   on: {
@@ -699,6 +704,10 @@ var machine = core.createMachine({
         },
         POINTER_MOVE: {
           actions: ["setPointerValue"]
+        },
+        BLUR: {
+          target: "idle",
+          actions: ["clearFocusedIndex"]
         }
       }
     }
@@ -854,11 +863,15 @@ var props = types.createProps()([
 var splitProps = utils.createSplitProps(props);
 var thumbProps = types.createProps()(["index", "name"]);
 var splitThumbProps = utils.createSplitProps(thumbProps);
+var markerProps = types.createProps()(["value"]);
+var splitMarkerProps = utils.createSplitProps(markerProps);
 
 exports.anatomy = anatomy;
 exports.connect = connect;
 exports.machine = machine;
+exports.markerProps = markerProps;
 exports.props = props;
+exports.splitMarkerProps = splitMarkerProps;
 exports.splitProps = splitProps;
 exports.splitThumbProps = splitThumbProps;
 exports.thumbProps = thumbProps;

package/dist/index.mjs

@@ -618,10 +618,15 @@ var machine = createMachine({
       ([value, min, max]) => value.map((value2) => 100 * getValuePercent(value2, min, max))
     )
   },
-  watch({ track, action, context }) {
+  watch({ track, action, context, computed, send }) {
     track([() => context.hash("value")], () => {
       action(["syncInputElements", "dispatchChangeEvent"]);
     });
+    track([() => computed("isDisabled")], () => {
+      if (computed("isDisabled")) {
+        send({ type: "BLUR" });
+      }
+    });
   },
   effects: ["trackFormControlState", "trackThumbSize"],
   on: {
@@ -697,6 +702,10 @@ var machine = createMachine({
         },
         POINTER_MOVE: {
           actions: ["setPointerValue"]
+        },
+        BLUR: {
+          target: "idle",
+          actions: ["clearFocusedIndex"]
         }
       }
     }
@@ -852,5 +861,7 @@ var props = createProps()([
 var splitProps = createSplitProps(props);
 var thumbProps = createProps()(["index", "name"]);
 var splitThumbProps = createSplitProps(thumbProps);
+var markerProps = createProps()(["value"]);
+var splitMarkerProps = createSplitProps(markerProps);
 
-export { anatomy, connect, machine, props, splitProps, splitThumbProps, thumbProps };
+export { anatomy, connect, machine, markerProps, props, splitMarkerProps, splitProps, splitThumbProps, thumbProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/slider",
-  "version": "1.24.2",
+  "version": "1.25.0",
   "description": "Core logic for the slider 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.24.2",
-    "@zag-js/core": "1.24.2",
-    "@zag-js/dom-query": "1.24.2",
-    "@zag-js/utils": "1.24.2",
-    "@zag-js/types": "1.24.2"
+    "@zag-js/anatomy": "1.25.0",
+    "@zag-js/core": "1.25.0",
+    "@zag-js/dom-query": "1.25.0",
+    "@zag-js/utils": "1.25.0",
+    "@zag-js/types": "1.25.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"