@adamosuiteservices/ui 2.13.3 → 2.13.4

package/docs/components/ui/slider.md

@@ -32,7 +32,7 @@ import { Slider } from "@adamosuiteservices/ui/slider";
 | `step`          | `number`                            | Incremento (default: 1)             |
 | `disabled`      | `boolean`                           | Deshabilita el slider               |
 | `orientation`   | `"horizontal" \| "vertical"`        | Orientación (default: horizontal)   |
-| `color`         | `"full" \| [string, string]`        | Gradiente de colores personalizado  |
+| `colorSlide`    | `"full" \| [string, string]`        | Gradiente de colores personalizado  |
 | `theme`         | `Theme`                             | Tema personalizado                  |
 | `className`     | `string`                            | Clases CSS adicionales              |
 
@@ -305,8 +305,8 @@ function RainbowSlider() {
 ## Estilos Base
 
 - **Track height**: `h-1.5` (horizontal), `w-1.5` (vertical)
-- **Track bg**: `bg-muted` (o gradiente personalizado con prop `color`)
-- **Range bg**: `bg-primary` (transparente cuando se usa `color`)
+- **Track bg**: `bg-muted` (o gradiente personalizado con prop `colorSlide`)
+- **Range bg**: `bg-primary` (transparente cuando se usa `colorSlide`)
 - **Thumb**: `size-4` con `border-primary`, `bg-white`, `shadow-sm`
 - **Thumb hover/focus**: `ring-4` con `ring-ring/50`
 - **Vertical**: `min-h-44` default, `flex-col`
@@ -324,7 +324,7 @@ function CustomColorSlider() {
       <div className="space-y-2">
         <Label>Purple to Pink: {value[0]}%</Label>
         <Slider
-          color={["#8b5cf6", "#ec4899"]}
+          colorSlide={["#8b5cf6", "#ec4899"]}
           value={value}
           onValueChange={setValue}
 ## Troubleshooting
@@ -335,11 +335,11 @@ function CustomColorSlider() {
 **Vertical no funciona**: Agrega `className="h-[Xpx]"` para altura explícita  
 **Step no funciona**: `step` debe ser divisor válido del rango (max - min)  
 **Multiple thumbs**: `value={[10, 50, 90]}` crea 3 thumbs  
-**Color no se aplica**: Prop `color` acepta `"full"` o array de 2 strings `["#color1", "#color2"]`  
+**Color no se aplica**: Prop `colorSlide` acepta `"full"` o array de 2 strings `["#color1", "#color2"]`  
 **Gradiente no visible**: Asegura que los colores sean válidos (hex, rgb, hsl, etc.)
         <Label>Blue to Green</Label>
         <Slider
-          color={["#3b82f6", "#10b981"]}
+          colorSlide={["#3b82f6", "#10b981"]}
           defaultValue={[40]}
           max={100}
           step={1}
@@ -351,7 +351,7 @@ function CustomColorSlider() {
       <div className="space-y-2">
         <Label>Orange to Red</Label>
         <Slider
-          color={["#f97316", "#ef4444"]}
+          colorSlide={["#f97316", "#ef4444"]}
           defaultValue={[75]}
           max={100}
           step={1}
@@ -386,7 +386,7 @@ function ColorfulTemperature() {
         <div className="space-y-2">
           <Label>Target Temperature</Label>
           <Slider
-            color={["#3b82f6", "#ef4444"]}
+            colorSlide={["#3b82f6", "#ef4444"]}
             value={temperature}
             onValueChange={setTemperature}
             min={50}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamosuiteservices/ui",
-  "version": "2.13.3",
+  "version": "2.13.4",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",