changed to new functions

docs/components/range.md

@@ -57,7 +57,7 @@ const BasicDemo = () => {
     Div({ class: 'text-center' }, () => `Value: ${value()}%`)
   ]);
 };
-Mount(BasicDemo, '#demo-basic');
+mount(BasicDemo, '#demo-basic');
 ```
 
 ### With Tooltip
@@ -85,7 +85,7 @@ const TooltipDemo = () => {
     Div({ class: 'w-full h-20 rounded-lg transition-all', style: () => `background-color: hsl(0, 0%, ${brightness()}%)` })
   ]);
 };
-Mount(TooltipDemo, '#demo-tooltip');
+mount(TooltipDemo, '#demo-tooltip');
 ```
 
 ### Color Variants
@@ -109,7 +109,7 @@ const ColorsDemo = () => {
     Range({ label: 'Accent', value: accent, class: 'range-accent', oninput: (e) => accent(e.target.value) })
   ]);
 };
-Mount(ColorsDemo, '#demo-colors');
+mount(ColorsDemo, '#demo-colors');
 ```
 
 ### Size Variants
@@ -135,7 +135,7 @@ const SizesDemo = () => {
     Range({ label: 'Large', value: lg, class: 'range-lg', oninput: (e) => lg(e.target.value) })
   ]);
 };
-Mount(SizesDemo, '#demo-sizes');
+mount(SizesDemo, '#demo-sizes');
 ```
 
 ### Price Range
@@ -173,7 +173,7 @@ const PriceDemo = () => {
     })
   ]);
 };
-Mount(PriceDemo, '#demo-price');
+mount(PriceDemo, '#demo-price');
 ```
 
 ### Audio Controls
@@ -227,7 +227,7 @@ const AudioDemo = () => {
     ])
   ]);
 };
-Mount(AudioDemo, '#demo-audio');
+mount(AudioDemo, '#demo-audio');
 ```
 
 ### All Variants
@@ -254,5 +254,5 @@ const VariantsDemo = () => {
     Range({ disabled: true, value: $(50), oninput: (e) => {} })
   ]);
 };
-Mount(VariantsDemo, '#demo-variants');
+mount(VariantsDemo, '#demo-variants');
 ```