diff --git a/examples/next-ts/pages/range-slider.tsx b/examples/next-ts/pages/range-slider.tsx
index 1c8f6f0ebe..5fc64be298 100644
--- a/examples/next-ts/pages/range-slider.tsx
+++ b/examples/next-ts/pages/range-slider.tsx
@@ -1,6 +1,6 @@
 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"
@@ -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({
diff --git a/examples/next-ts/pages/slider.tsx b/examples/next-ts/pages/slider.tsx
index 7fa0a4a542..9b44d72c97 100644
--- a/examples/next-ts/pages/slider.tsx
+++ b/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({
diff --git a/examples/nuxt-ts/pages/range-slider.vue b/examples/nuxt-ts/pages/range-slider.vue
index 02b6c8e039..59df52a217 100644
--- a/examples/nuxt-ts/pages/range-slider.vue
+++ b/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({
diff --git a/examples/nuxt-ts/pages/slider.vue b/examples/nuxt-ts/pages/slider.vue
index 83650abd9a..52c09e888a 100644
--- a/examples/nuxt-ts/pages/slider.vue
+++ b/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({
diff --git a/examples/solid-ts/src/pages/range-slider.tsx b/examples/solid-ts/src/pages/range-slider.tsx
index 7d2beb3995..43271d9420 100644
--- a/examples/solid-ts/src/pages/range-slider.tsx
+++ b/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({
diff --git a/examples/solid-ts/src/pages/slider.tsx b/examples/solid-ts/src/pages/slider.tsx
index a965561b11..59fcbc2220 100644
--- a/examples/solid-ts/src/pages/slider.tsx
+++ b/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,
diff --git a/examples/vue-ts/src/pages/range-slider.tsx b/examples/vue-ts/src/pages/range-slider.tsx
index 056f575a0e..d6e4d01a52 100644
--- a/examples/vue-ts/src/pages/range-slider.tsx
+++ b/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({
diff --git a/examples/vue-ts/src/pages/slider.tsx b/examples/vue-ts/src/pages/slider.tsx
index 6816c6b1cf..f63f809eb6 100644
--- a/examples/vue-ts/src/pages/slider.tsx
+++ b/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({
diff --git a/shared/src/controls.ts b/shared/src/controls.ts
index 37d2e42f7c..8d812509ec 100644
--- a/shared/src/controls.ts
+++ b/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" },