@adamosuiteservices/ui 2.11.21 → 2.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/{button-BzVY7053.js → button-CMWUcYpz.js} +54 -54
  2. package/dist/button-CmLeuaI0.cjs +75 -0
  3. package/dist/button-group.cjs +6 -6
  4. package/dist/button-group.js +20 -20
  5. package/dist/button.cjs +1 -1
  6. package/dist/button.js +1 -1
  7. package/dist/{calendar-IAVS_7up.cjs → calendar-DUvRetFW.cjs} +1 -1
  8. package/dist/{calendar-BIttOd3g.js → calendar-yJWQTCer.js} +1 -1
  9. package/dist/calendar.cjs +1 -1
  10. package/dist/calendar.js +1 -1
  11. package/dist/combobox-BhDOduAb.cjs +40 -0
  12. package/dist/{combobox-DI-WK3Ng.js → combobox-CYOGlfQe.js} +91 -88
  13. package/dist/combobox.cjs +1 -1
  14. package/dist/combobox.js +1 -1
  15. package/dist/components/ui/button/button.d.ts +1 -1
  16. package/dist/components/ui/input-otp/index.d.ts +1 -0
  17. package/dist/components/ui/input-otp/input-otp.d.ts +11 -0
  18. package/dist/components/ui/input-otp.d.ts +11 -0
  19. package/dist/context-menu.cjs +38 -36
  20. package/dist/context-menu.js +54 -52
  21. package/dist/date-picker-selector.cjs +1 -1
  22. package/dist/date-picker-selector.js +4 -4
  23. package/dist/dropdown-menu.cjs +48 -52
  24. package/dist/dropdown-menu.js +164 -168
  25. package/dist/{input-DFvZLcgm.js → input-BCiOr4Fy.js} +7 -6
  26. package/dist/{input-CWDpI1Ua.cjs → input-Bz5k4w94.cjs} +7 -6
  27. package/dist/input-group.cjs +5 -5
  28. package/dist/input-group.js +10 -10
  29. package/dist/input-otp.cjs +68 -0
  30. package/dist/input-otp.js +384 -0
  31. package/dist/input.cjs +1 -1
  32. package/dist/input.js +1 -1
  33. package/dist/pagination.cjs +2 -2
  34. package/dist/pagination.js +4 -3
  35. package/dist/select.cjs +22 -20
  36. package/dist/select.js +112 -111
  37. package/dist/sidebar.cjs +1 -1
  38. package/dist/sidebar.js +1 -1
  39. package/dist/styles.css +1 -1
  40. package/docs/components/ui/button-group.md +986 -984
  41. package/docs/components/ui/button.md +1156 -1137
  42. package/docs/components/ui/combobox.md +33 -2
  43. package/docs/components/ui/command.md +484 -454
  44. package/docs/components/ui/context-menu.md +574 -540
  45. package/docs/components/ui/dropdown-menu.md +743 -709
  46. package/docs/components/ui/input.md +362 -362
  47. package/docs/components/ui/select.md +357 -352
  48. package/package.json +8 -3
  49. package/dist/button-B_VHdPPV.cjs +0 -76
  50. package/dist/combobox-DplJzBX6.cjs +0 -37
package/docs/components/ui/combobox.md CHANGED
@@ -505,16 +505,47 @@ El prop `renders` permite personalizar completamente la UI usando el patrón ren
505
505
  - **Tipo de value**: Cambia según `multiple` (string vs string[])
506
506
  - **selectedFeedback**:
507
507
  - `"checkbox"`: Muestra Checkbox a la izquierda de cada opción
508
- - `"check"`: Muestra CheckIcon a la derecha (agrega `pr-8` automáticamente)
508
+ - `"check"`: Muestra CheckIcon a la derecha (agrega `pr-10` automáticamente)
509
509
  - **Popover alignment**: `align="start"` por defecto para alinear con trigger
510
510
  - **ChevronDownIcon**: Se muestra en trigger con `opacity-50` (puede sobrescribirse con `renders.triggerIcon`)
511
511
  - **No animation**: Selección instantánea, sin delays
512
512
  - **alwaysShowPlaceholder**: Renderiza placeholder y valor como elementos separados con gap
513
513
  - **valuePosition**: Controla donde aparece el valor cuando `alwaysShowPlaceholder` es true ("left" o "right", default "right")
514
- - **icon**: Se muestra con `opacity-50` por defecto cuando se proporciona el prop `icon`
514
+ - **icon**: Se muestra con `text-lg` y `opacity-50` por defecto cuando se proporciona el prop `icon`
515
515
  - **Render props**: Tienen prioridad sobre renderizado por defecto, permiten personalización completa
516
516
  - **Composición de renders**: Puedes combinar múltiples render props para personalización granular
517
517
 
518
+ ## Estilos Base
519
+
520
+ ### Trigger (Button)
521
+
522
+ - **Variant**: `outline` por defecto
523
+ - **Border radius**: `rounded-md`
524
+ - **Alignment**: `justify-between` para separar contenido y chevron
525
+ - **Font**: `font-normal` (no bold)
526
+
527
+ ### Items (CommandItem)
528
+
529
+ - **Height**: `h-10` (40px) - heredado de Command component
530
+ - **Padding**: `px-3` horizontal
531
+ - **Padding con check**: `pr-10` cuando `selectedFeedback="check"`
532
+ - **Border**: `border-b` between items (heredado de Command)
533
+ - **Rounded corners**: Last item rounded at bottom (heredado de Command)
534
+ - **Gap**: `gap-2` between content elements
535
+
536
+ ### Icons
537
+
538
+ - **Material Symbols**: `text-lg` (18px) con `opacity-50` en trigger
539
+ - **Check icon**: `text-lg` en items con `selectedFeedback="check"`
540
+ - **Chevron icon**: `text-lg` con `opacity-50` en trigger
541
+
542
+ ### Command Components
543
+
544
+ Hereda estilos de Command component:
545
+ - **Input wrapper**: `h-10`, `px-3`, `border-b`
546
+ - **List**: `max-h-[300px]` con scroll
547
+ - **Empty state**: Centrado con padding vertical
548
+
518
549
  ## Troubleshooting
519
550
 
520
551
  **Value no cambia**: Verifica que uses `onValueChange` en modo controlado