chore: rename range slider control

examples/next-ts/pages/range-slider.tsx

@@ -1,14 +1,14 @@
 import * as slider from "@zag-js/slider"
 import { normalizeProps, useMachine } from "@zag-js/react"
-import { rangeSliderControls } from "@zag-js/shared"
+import { sliderControls } from "@zag-js/shared"
 import serialize from "form-serialize"
 import { useId } from "react"
 import { StateVisualizer } from "../components/state-visualizer"
 import { Toolbar } from "../components/toolbar"
 import { useControls } from "../hooks/use-controls"
 
 export default function Page() {
-  const controls = useControls(rangeSliderControls)
+  const controls = useControls(sliderControls)
 
   const [state, send] = useMachine(
     slider.machine({

examples/next-ts/pages/slider.tsx

@@ -1,5 +1,5 @@
 import { normalizeProps, useMachine } from "@zag-js/react"
-import { rangeSliderControls } from "@zag-js/shared"
+import { sliderControls } from "@zag-js/shared"
 import * as slider from "@zag-js/slider"
 import serialize from "form-serialize"
 import { useId } from "react"
@@ -8,7 +8,7 @@ import { Toolbar } from "../components/toolbar"
 import { useControls } from "../hooks/use-controls"
 
 export default function Page() {
-  const controls = useControls(rangeSliderControls)
+  const controls = useControls(sliderControls)
 
   const [state, send] = useMachine(
     slider.machine({

examples/nuxt-ts/pages/range-slider.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import * as slider from "@zag-js/slider"
-import { rangeSliderControls } from "@zag-js/shared"
+import { sliderControls } from "@zag-js/shared"
 import { normalizeProps, useMachine } from "@zag-js/vue"
 import serialize from "form-serialize"
 
-const controls = useControls(rangeSliderControls)
+const controls = useControls(sliderControls)
 
 const [state, send] = useMachine(
   slider.machine({

examples/nuxt-ts/pages/slider.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import * as slider from "@zag-js/slider"
-import { rangeSliderControls } from "@zag-js/shared"
+import { sliderControls } from "@zag-js/shared"
 import serialize from "form-serialize"
 import { normalizeProps, useMachine } from "@zag-js/vue"
 
-const controls = useControls(rangeSliderControls)
+const controls = useControls(sliderControls)
 
 const [state, send] = useMachine(
   slider.machine({

examples/solid-ts/src/pages/range-slider.tsx

@@ -2,13 +2,13 @@ import * as slider from "@zag-js/slider"
 import { normalizeProps, useMachine } from "@zag-js/solid"
 import serialize from "form-serialize"
 import { createMemo, For, createUniqueId } from "solid-js"
-import { rangeSliderControls } from "@zag-js/shared"
+import { sliderControls } from "@zag-js/shared"
 import { StateVisualizer } from "../components/state-visualizer"
 import { Toolbar } from "../components/toolbar"
 import { useControls } from "../hooks/use-controls"
 
 export default function Page() {
-  const controls = useControls(rangeSliderControls)
+  const controls = useControls(sliderControls)
 
   const [state, send] = useMachine(
     slider.machine({

examples/solid-ts/src/pages/slider.tsx

@@ -2,13 +2,13 @@ import * as slider from "@zag-js/slider"
 import { normalizeProps, useMachine } from "@zag-js/solid"
 import serialize from "form-serialize"
 import { For, createMemo, createUniqueId } from "solid-js"
-import { rangeSliderControls } from "@zag-js/shared"
+import { sliderControls } from "@zag-js/shared"
 import { StateVisualizer } from "../components/state-visualizer"
 import { Toolbar } from "../components/toolbar"
 import { useControls } from "../hooks/use-controls"
 
 export default function Page() {
-  const controls = useControls(rangeSliderControls)
+  const controls = useControls(sliderControls)
 
   const [state, send] = useMachine(slider.machine({ id: createUniqueId(), value: [0] }), {
     context: controls.context,

examples/vue-ts/src/pages/range-slider.tsx

@@ -2,7 +2,7 @@ import * as slider from "@zag-js/slider"
 import { normalizeProps, useMachine } from "@zag-js/vue"
 import serialize from "form-serialize"
 import { computed, defineComponent, h, Fragment } from "vue"
-import { rangeSliderControls } from "@zag-js/shared"
+import { sliderControls } from "@zag-js/shared"
 import { StateVisualizer } from "../components/state-visualizer"
 import { useControls } from "../hooks/use-controls"
 
@@ -11,7 +11,7 @@ import { Toolbar } from "../components/toolbar"
 export default defineComponent({
   name: "RangeSlider",
   setup() {
-    const controls = useControls(rangeSliderControls)
+    const controls = useControls(sliderControls)
 
     const [state, send] = useMachine(
       slider.machine({

examples/vue-ts/src/pages/slider.tsx

@@ -1,4 +1,4 @@
-import { rangeSliderControls } from "@zag-js/shared"
+import { sliderControls } from "@zag-js/shared"
 import * as slider from "@zag-js/slider"
 import { normalizeProps, useMachine } from "@zag-js/vue"
 import serialize from "form-serialize"
@@ -11,7 +11,7 @@ import { Toolbar } from "../components/toolbar"
 export default defineComponent({
   name: "Slider",
   setup() {
-    const controls = useControls(rangeSliderControls)
+    const controls = useControls(sliderControls)
 
     const [state, send] = useMachine(
       slider.machine({

shared/src/controls.ts

@@ -93,7 +93,7 @@ export const radioControls = defineControls({
   readOnly: { type: "boolean", defaultValue: false },
 })
 
-export const rangeSliderControls = defineControls({
+export const sliderControls = defineControls({
   disabled: { type: "boolean", defaultValue: false },
   readOnly: { type: "boolean", defaultValue: false },
   orientation: { type: "select", options: ["horizontal", "vertical"] as const, defaultValue: "horizontal" },