@imj_media/ui 1.2.12 → 1.2.14

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 (117) hide show
  1. package/CHANGELOG.md +114 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.esm.js +6344 -5380
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +27 -7
  6. package/dist/index.js.map +1 -1
  7. package/dist/modules/Alert/components/atoms/AlertHeader.d.ts.map +1 -1
  8. package/dist/modules/Alert/hooks/useAlertStyles.d.ts +2 -1
  9. package/dist/modules/Alert/hooks/useAlertStyles.d.ts.map +1 -1
  10. package/dist/modules/Alert/index.d.ts +1 -1
  11. package/dist/modules/Alert/index.d.ts.map +1 -1
  12. package/dist/modules/Alert/stories/alert.stories.d.ts +1 -0
  13. package/dist/modules/Alert/stories/alert.stories.d.ts.map +1 -1
  14. package/dist/modules/Alert/utils/alert.d.ts.map +1 -1
  15. package/dist/modules/Avatar/components/AvatarStack.d.ts +34 -0
  16. package/dist/modules/Avatar/components/AvatarStack.d.ts.map +1 -0
  17. package/dist/modules/Avatar/components/index.d.ts +1 -0
  18. package/dist/modules/Avatar/components/index.d.ts.map +1 -1
  19. package/dist/modules/Avatar/constants/index.d.ts +11 -0
  20. package/dist/modules/Avatar/constants/index.d.ts.map +1 -1
  21. package/dist/modules/Avatar/index.d.ts +28 -3
  22. package/dist/modules/Avatar/index.d.ts.map +1 -1
  23. package/dist/modules/Avatar/stories/avatar.stories.d.ts +2 -1
  24. package/dist/modules/Avatar/stories/avatar.stories.d.ts.map +1 -1
  25. package/dist/modules/Avatar/stories/stories/stack.story.d.ts +4 -0
  26. package/dist/modules/Avatar/stories/stories/stack.story.d.ts.map +1 -0
  27. package/dist/modules/Avatar/types/index.d.ts +48 -0
  28. package/dist/modules/Avatar/types/index.d.ts.map +1 -1
  29. package/dist/modules/Icon/Icon.d.ts +1 -1
  30. package/dist/modules/Icon/Icon.d.ts.map +1 -1
  31. package/dist/modules/Icon/components/LegacyIcon.d.ts +1 -1
  32. package/dist/modules/Icon/components/LegacyIcon.d.ts.map +1 -1
  33. package/dist/modules/IconFont/components/organims/IconFont.d.ts +6 -2
  34. package/dist/modules/IconFont/components/organims/IconFont.d.ts.map +1 -1
  35. package/dist/modules/Input/components/Input.d.ts.map +1 -1
  36. package/dist/modules/Input/hooks/useInputStyles.d.ts +2 -1
  37. package/dist/modules/Input/hooks/useInputStyles.d.ts.map +1 -1
  38. package/dist/modules/Modal/Modal.d.ts.map +1 -1
  39. package/dist/modules/Modal/components/molecules/ModalBody.d.ts.map +1 -1
  40. package/dist/modules/Modal/components/molecules/ModalFooter.d.ts.map +1 -1
  41. package/dist/modules/Modal/context/ModalContext.d.ts.map +1 -1
  42. package/dist/modules/PickerColor/components/atoms/ColorInput.d.ts +25 -0
  43. package/dist/modules/PickerColor/components/atoms/ColorInput.d.ts.map +1 -0
  44. package/dist/modules/PickerColor/components/atoms/ColorSwatch.d.ts +18 -0
  45. package/dist/modules/PickerColor/components/atoms/ColorSwatch.d.ts.map +1 -0
  46. package/dist/modules/PickerColor/components/atoms/index.d.ts +3 -0
  47. package/dist/modules/PickerColor/components/atoms/index.d.ts.map +1 -0
  48. package/dist/modules/PickerColor/components/index.d.ts +4 -0
  49. package/dist/modules/PickerColor/components/index.d.ts.map +1 -0
  50. package/dist/modules/PickerColor/components/molecules/ColorPalette.d.ts +15 -0
  51. package/dist/modules/PickerColor/components/molecules/ColorPalette.d.ts.map +1 -0
  52. package/dist/modules/PickerColor/components/molecules/ColorPickerContent.d.ts +18 -0
  53. package/dist/modules/PickerColor/components/molecules/ColorPickerContent.d.ts.map +1 -0
  54. package/dist/modules/PickerColor/components/molecules/index.d.ts +3 -0
  55. package/dist/modules/PickerColor/components/molecules/index.d.ts.map +1 -0
  56. package/dist/modules/PickerColor/components/organisms/PickerColor.d.ts +3 -0
  57. package/dist/modules/PickerColor/components/organisms/PickerColor.d.ts.map +1 -0
  58. package/dist/modules/PickerColor/components/organisms/index.d.ts +2 -0
  59. package/dist/modules/PickerColor/components/organisms/index.d.ts.map +1 -0
  60. package/dist/modules/PickerColor/constants/colors.d.ts +9 -0
  61. package/dist/modules/PickerColor/constants/colors.d.ts.map +1 -0
  62. package/dist/modules/PickerColor/constants/index.d.ts +2 -0
  63. package/dist/modules/PickerColor/constants/index.d.ts.map +1 -0
  64. package/dist/modules/PickerColor/hooks/index.d.ts +3 -0
  65. package/dist/modules/PickerColor/hooks/index.d.ts.map +1 -0
  66. package/dist/modules/PickerColor/hooks/useEyeDropper.d.ts +12 -0
  67. package/dist/modules/PickerColor/hooks/useEyeDropper.d.ts.map +1 -0
  68. package/dist/modules/PickerColor/hooks/useRecentColors.d.ts +18 -0
  69. package/dist/modules/PickerColor/hooks/useRecentColors.d.ts.map +1 -0
  70. package/dist/modules/PickerColor/index.d.ts +2 -0
  71. package/dist/modules/PickerColor/index.d.ts.map +1 -0
  72. package/dist/modules/PickerColor/stories/PickerColor.stories.d.ts +16 -0
  73. package/dist/modules/PickerColor/stories/PickerColor.stories.d.ts.map +1 -0
  74. package/dist/modules/PickerColor/utils/colorUtils.d.ts +45 -0
  75. package/dist/modules/PickerColor/utils/colorUtils.d.ts.map +1 -0
  76. package/dist/modules/PickerColor/utils/debounce.d.ts +8 -0
  77. package/dist/modules/PickerColor/utils/debounce.d.ts.map +1 -0
  78. package/dist/modules/PickerColor/utils/index.d.ts +3 -0
  79. package/dist/modules/PickerColor/utils/index.d.ts.map +1 -0
  80. package/dist/modules/ProgressBar/components/organisms/atoms/BarProgress.d.ts.map +1 -1
  81. package/dist/modules/Table/Table.d.ts.map +1 -1
  82. package/dist/modules/Table/components/atoms/TextFieldCell.d.ts.map +1 -1
  83. package/dist/modules/Table/components/organisms/TableSelectionBar.d.ts.map +1 -1
  84. package/dist/modules/Table/components/organisms/TableToolbar.d.ts +5 -1
  85. package/dist/modules/Table/components/organisms/TableToolbar.d.ts.map +1 -1
  86. package/dist/modules/Table/hooks/useTableConfig.d.ts +5 -0
  87. package/dist/modules/Table/hooks/useTableConfig.d.ts.map +1 -1
  88. package/dist/modules/Table/stories/TableWithQuery.stories.d.ts +7 -0
  89. package/dist/modules/Table/stories/TableWithQuery.stories.d.ts.map +1 -1
  90. package/dist/modules/Toast/components/molecules/ToastItem.d.ts.map +1 -1
  91. package/dist/modules/Toast/hooks/useToast.d.ts.map +1 -1
  92. package/dist/modules/Toast/hooks/useToastService.d.ts +3 -1
  93. package/dist/modules/Toast/hooks/useToastService.d.ts.map +1 -1
  94. package/dist/modules/Toast/index.d.ts +8 -5
  95. package/dist/modules/Toast/index.d.ts.map +1 -1
  96. package/dist/modules/Toast/stories/toast.stories.d.ts.map +1 -1
  97. package/dist/modules/index.d.ts +1 -0
  98. package/dist/modules/index.d.ts.map +1 -1
  99. package/dist/shared/const/colors.d.ts +3 -0
  100. package/dist/shared/const/colors.d.ts.map +1 -1
  101. package/dist/shared/types/alert.d.ts +3 -2
  102. package/dist/shared/types/alert.d.ts.map +1 -1
  103. package/dist/shared/types/colorpicker.d.ts +47 -0
  104. package/dist/shared/types/colorpicker.d.ts.map +1 -0
  105. package/dist/shared/types/icon.d.ts +2 -0
  106. package/dist/shared/types/icon.d.ts.map +1 -1
  107. package/dist/shared/types/index.d.ts +1 -0
  108. package/dist/shared/types/index.d.ts.map +1 -1
  109. package/dist/shared/types/input.d.ts +1 -0
  110. package/dist/shared/types/input.d.ts.map +1 -1
  111. package/dist/shared/types/progressbar.d.ts +1 -1
  112. package/dist/shared/types/progressbar.d.ts.map +1 -1
  113. package/dist/shared/types/table.d.ts +1 -0
  114. package/dist/shared/types/table.d.ts.map +1 -1
  115. package/dist/shared/types/toast.d.ts +1 -0
  116. package/dist/shared/types/toast.d.ts.map +1 -1
  117. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"AlertHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Alert/components/atoms/AlertHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAGvD;;;;;;;;GAQG;AAEH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAiGlD,CAAA"}
1
+ {"version":3,"file":"AlertHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Alert/components/atoms/AlertHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAGvD;;;;;;;;GAQG;AAEH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAiHlD,CAAA"}
@@ -1,10 +1,11 @@
1
1
  import { ToastPosition } from '../../../shared/types/toast';
2
2
  import { AlertColor, VariantAlert } from '../../../shared/types/alert';
3
3
  import { IconType } from '../../../shared/types/types';
4
+ import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
4
5
  export declare const useAlertStyles: () => {
5
6
  getAlertClassName: (color: AlertColor, isLeaving?: boolean, variant?: VariantAlert) => string;
6
7
  getPositionClasses: (position: ToastPosition) => string;
7
- getIconForType: (color: AlertColor) => IconType;
8
+ getIconForType: (color: AlertColor) => IconType | IconDefinition;
8
9
  getProgressBarColor: (color: AlertColor, variant: VariantAlert) => string;
9
10
  };
10
11
  //# sourceMappingURL=useAlertStyles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useAlertStyles.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/hooks/useAlertStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,eAAO,MAAM,cAAc;+BAEhB,UAAU,cACL,OAAO,YACV,YAAY;mCAyCe,aAAa;4BA2BpB,UAAU,KAAG,QAAQ;iCAVhB,UAAU,WAAW,YAAY;CA2BtE,CAAA"}
1
+ {"version":3,"file":"useAlertStyles.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/hooks/useAlertStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGlE,eAAO,MAAM,cAAc;+BAEhB,UAAU,cACL,OAAO,YACV,YAAY;mCA+Ce,aAAa;4BA4BpB,UAAU,KAAG,QAAQ,GAAG,cAAc;iCAXjC,UAAU,WAAW,YAAY;CA6BtE,CAAA"}
@@ -8,5 +8,5 @@ import { IAlert } from '../../shared/types/alert';
8
8
  * - Border radius: control-sm (8px)
9
9
  * - Border width: 1px
10
10
  */
11
- export declare const Alert: ({ open, color, variant, className, message, title, showCloseButton, onClose, onClick, onPrimaryClick, onSecondaryClick, primaryButtonText, secondaryButtonText, animation, isLeaving: externalIsLeaving, size, }: IAlert) => import("react/jsx-runtime").JSX.Element | null;
11
+ export declare const Alert: ({ open, color, variant, className, message, title, description, showCloseButton, onClose, onClick, onPrimaryClick, onSecondaryClick, primaryButtonText, secondaryButtonText, animation, isLeaving: externalIsLeaving, size, }: IAlert) => import("react/jsx-runtime").JSX.Element | null;
12
12
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Alert/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAO7C;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,GAAI,kNAiBnB,MAAM,mDAwDR,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Alert/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAc,MAAM,sBAAsB,CAAA;AAOzD;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,GAAI,+NAkBnB,MAAM,mDAyFR,CAAA"}
@@ -11,4 +11,5 @@ export declare const Clickable: Story;
11
11
  export declare const Animations: Story;
12
12
  export declare const WithoutCloseButton: Story;
13
13
  export declare const WithoutTitle: Story;
14
+ export declare const WithDescription: Story;
14
15
  //# sourceMappingURL=alert.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/stories/alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAKhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA0F5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,KAoDnB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KA4EtB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAsGzB,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KA0BhC,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAA"}
1
+ {"version":3,"file":"alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/stories/alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAKhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA8F5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,KAoDnB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KA4EtB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAsGzB,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KA0BhC,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAkF7B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/utils/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAE/E,UAAU,mBAAmB;IAC3B,KAAK,EAAE,UAAU,CAAA;IACjB,OAAO,EAAE,YAAY,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,GAAI,2CAK/B,mBAAmB,WA2FrB,CAAA"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/utils/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAE/E,UAAU,mBAAmB;IAC3B,KAAK,EAAE,UAAU,CAAA;IACjB,OAAO,EAAE,YAAY,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,GAAI,2CAK/B,mBAAmB,WAqGrB,CAAA"}
@@ -0,0 +1,34 @@
1
+ import { AvatarWithStackProps } from '../types';
2
+ /**
3
+ * ============================================
4
+ * AVATAR STACK - ATOMIC COMPONENT
5
+ * ============================================
6
+ * Componente que muestra múltiples avatares apilados con márgenes negativos
7
+ *
8
+ * @component
9
+ * @example
10
+ * ```tsx
11
+ * <AvatarStack
12
+ * stack={[
13
+ * { src: '...' }, // type='people' se infiere automáticamente
14
+ * { src: '...' }, // type='people' se infiere automáticamente
15
+ * { type: 'letter', text: 'A' }
16
+ * ]}
17
+ * size="md"
18
+ * />
19
+ *
20
+ * @example
21
+ * // Con límite máximo de avatares visibles
22
+ * <AvatarStack
23
+ * stack={[
24
+ * { src: '...' },
25
+ * { src: '...' },
26
+ * // ... 8 avatares más
27
+ * ]}
28
+ * size="md"
29
+ * maxVisible={5} // Muestra 5 avatares + contador "+5"
30
+ * />
31
+ * ```
32
+ */
33
+ export declare const AvatarStack: ({ stack, size, className, maxVisible, counterColor, counterTheme, stroke, }: AvatarWithStackProps) => import("react/jsx-runtime").JSX.Element | null;
34
+ //# sourceMappingURL=AvatarStack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/AvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAwC,MAAM,UAAU,CAAA;AAIrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,WAAW,GAAI,6EAQzB,oBAAoB,mDAkGtB,CAAA"}
@@ -1,4 +1,5 @@
1
1
  export { PeopleAvatar } from './PeopleAvatar';
2
2
  export { IconAvatar } from './IconAvatar';
3
3
  export { LetterAvatar } from './LetterAvatar';
4
+ export { AvatarStack } from './AvatarStack';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
@@ -117,4 +117,15 @@ export declare const DISABLED_PEOPLE_BG = "ui-bg-fill-disabled";
117
117
  export declare const DISABLED_PEOPLE_BLEND = "ui-mix-blend-luminosity";
118
118
  /** Color de texto para disabled (letter avatar) */
119
119
  export declare const DISABLED_TEXT_COLOR = "ui-text-disabled";
120
+ /**
121
+ * ============================================
122
+ * STACK CONFIGURATION
123
+ * ============================================
124
+ * Configuración para avatares apilados (stack)
125
+ * Márgenes negativos y padding según el tamaño
126
+ */
127
+ /** Márgenes negativos para cada avatar en el stack */
128
+ export declare const STACK_NEGATIVE_MARGINS: Record<AvatarSize, string>;
129
+ /** Padding derecho del contenedor del stack */
130
+ export declare const STACK_PADDING_RIGHT: Record<AvatarSize, string>;
120
131
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C;;;;;;GAMG;AAEH;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,QAAyB,CAAA;AACpD,eAAO,MAAM,aAAa,EAAE,WAAoB,CAAA;AAChD,eAAO,MAAM,aAAa,EAAE,WAAqB,CAAA;AACjD,eAAO,MAAM,YAAY,EAAE,UAAiB,CAAA;AAE5C;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYnD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAc1D,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOnD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAOnF,CAAA;AAED;;;;GAIG;AAEH,sBAAsB;AACtB,eAAO,MAAM,YAAY,gBAAgB,CAAA;AAEzC,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,cAAc,CAAA;AAE9C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY3D,CAAA;AAED,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,4BAA4B,CAAA;AAEzD,2DAA2D;AAC3D,eAAO,MAAM,mBAAmB,sBAAsB,CAAA;AAEtD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAGrE,CAAA;AAED;;;;GAIG;AAEH,2DAA2D;AAC3D,eAAO,MAAM,eAAe,IAAI,CAAA;AAEhC;;;;;;;;;GASG;AAEH,qCAAqC;AACrC,eAAO,MAAM,cAAc,wCAAwC,CAAA;AAEnE,qCAAqC;AACrC,eAAO,MAAM,yBAAyB,iBAAiB,CAAA;AAEvD,+CAA+C;AAC/C,eAAO,MAAM,kBAAkB,wBAAwB,CAAA;AAEvD,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,4BAA4B,CAAA;AAE9D,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C;;;;;;GAMG;AAEH;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,QAAyB,CAAA;AACpD,eAAO,MAAM,aAAa,EAAE,WAAoB,CAAA;AAChD,eAAO,MAAM,aAAa,EAAE,WAAqB,CAAA;AACjD,eAAO,MAAM,YAAY,EAAE,UAAiB,CAAA;AAE5C;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYnD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAc1D,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOnD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAOnF,CAAA;AAED;;;;GAIG;AAEH,sBAAsB;AACtB,eAAO,MAAM,YAAY,gBAAgB,CAAA;AAEzC,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,cAAc,CAAA;AAE9C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY3D,CAAA;AAED,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,4BAA4B,CAAA;AAEzD,2DAA2D;AAC3D,eAAO,MAAM,mBAAmB,sBAAsB,CAAA;AAEtD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAGrE,CAAA;AAED;;;;GAIG;AAEH,2DAA2D;AAC3D,eAAO,MAAM,eAAe,IAAI,CAAA;AAEhC;;;;;;;;;GASG;AAEH,qCAAqC;AACrC,eAAO,MAAM,cAAc,wCAAwC,CAAA;AAEnE,qCAAqC;AACrC,eAAO,MAAM,yBAAyB,iBAAiB,CAAA;AAEvD,+CAA+C;AAC/C,eAAO,MAAM,kBAAkB,wBAAwB,CAAA;AAEvD,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,4BAA4B,CAAA;AAE9D,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,qBAAqB,CAAA;AAErD;;;;;;GAMG;AAEH,sDAAsD;AACtD,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAO7D,CAAA;AAED,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAO1D,CAAA"}
@@ -1,4 +1,4 @@
1
- import { AvatarProps } from './types';
1
+ import { AvatarProps, AvatarWithStackProps } from './types';
2
2
  /**
3
3
  * ============================================
4
4
  * AVATAR COMPONENT - ATOMIC DESIGN
@@ -74,13 +74,38 @@ import { AvatarProps } from './types';
74
74
  * color="azure"
75
75
  * size="md"
76
76
  * />
77
+ *
78
+ * @example
79
+ * // Avatar stack (avatares apilados)
80
+ * // Nota: Si un avatar tiene `src`, automáticamente se usa type='people'
81
+ * <Avatar
82
+ * stack={[
83
+ * { src: 'https://example.com/avatar1.jpg' }, // type='people' se infiere automáticamente
84
+ * { src: 'https://example.com/avatar2.jpg' }, // type='people' se infiere automáticamente
85
+ * { src: 'https://example.com/avatar3.jpg' }, // type='people' se infiere automáticamente
86
+ * { type: 'letter', text: 'A', theme: 'solid', color: 'blue' }
87
+ * ]}
88
+ * size="md"
89
+ * />
90
+ *
91
+ * @example
92
+ * // Avatar stack con límite máximo
93
+ * <Avatar
94
+ * stack={[
95
+ * { src: 'https://example.com/avatar1.jpg' },
96
+ * { src: 'https://example.com/avatar2.jpg' },
97
+ * // ... 8 avatares más (total 10)
98
+ * ]}
99
+ * size="md"
100
+ * maxVisible={5} // Muestra 5 avatares + contador "+5"
101
+ * />
77
102
  */
78
- export declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element | null;
103
+ export declare const Avatar: (props: AvatarProps | AvatarWithStackProps) => import("react/jsx-runtime").JSX.Element | null;
79
104
  /**
80
105
  * ============================================
81
106
  * TYPE EXPORTS
82
107
  * ============================================
83
108
  * Exportar tipos para uso externo en la aplicación
84
109
  */
85
- export type { AvatarProps, AvatarSize, AvatarColor, AvatarTheme, AvatarType, PeopleAvatarProps, IconAvatarProps, LetterAvatarProps, } from './types';
110
+ export type { AvatarProps, AvatarSize, AvatarColor, AvatarTheme, AvatarType, PeopleAvatarProps, IconAvatarProps, LetterAvatarProps, AvatarWithStackProps, } from './types';
86
111
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,mDAaxC,CAAA;AAED;;;;;GAKG;AACH,YAAY,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,GAClB,MAAM,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAG3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,GAAG,oBAAoB,mDAmB/D,CAAA;AAED;;;;;GAKG;AACH,YAAY,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,SAAS,CAAA"}
@@ -10,9 +10,10 @@ export { AvatarConIcono } from './stories/icon.story';
10
10
  export { AvatarConIconoConBorde } from './stories/icon-stroke.story';
11
11
  export { AvatarConIconoCuadrado } from './stories/icon-pill.story';
12
12
  export { AvatarConIconoCuadradoConBorde } from './stories/icon-pill-stroke.story';
13
+ export { AvatarStack } from './stories/stack.story';
13
14
  declare const meta: {
14
15
  title: string;
15
- component: (props: import('..').AvatarProps) => import("react/jsx-runtime").JSX.Element | null;
16
+ component: (props: import('..').AvatarProps | import('..').AvatarWithStackProps) => import("react/jsx-runtime").JSX.Element | null;
16
17
  tags: string[];
17
18
  };
18
19
  export default meta;
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/stories/avatar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAA;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAA;AAEjF,QAAA,MAAM,IAAI;;;;CAIqB,CAAA;AAE/B,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/stories/avatar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAA;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,QAAA,MAAM,IAAI;;;;CAIqB,CAAA;AAE/B,eAAe,IAAI,CAAA"}
@@ -0,0 +1,4 @@
1
+ export declare const AvatarStack: {
2
+ render: () => import("react/jsx-runtime").JSX.Element;
3
+ };
4
+ //# sourceMappingURL=stack.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stack.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/stack.story.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;CAgLvB,CAAA"}
@@ -99,5 +99,53 @@ export interface LetterAvatarProps extends BaseAvatarProps {
99
99
  * Union type que representa todas las posibles props del Avatar
100
100
  */
101
101
  export type AvatarProps = PeopleAvatarProps | IconAvatarProps | LetterAvatarProps;
102
+ /**
103
+ * ============================================
104
+ * AVATAR STACK ITEM
105
+ * ============================================
106
+ * Tipo flexible para elementos del stack.
107
+ * Si tiene `src`, automáticamente se usa type='people' (sobrescribe cualquier type especificado).
108
+ * Si tiene `text`, se usa type='letter'.
109
+ * Si no tiene `src` ni `text`, se usa type='icon'.
110
+ */
111
+ export type AvatarStackItem = AvatarProps | (BaseAvatarProps & {
112
+ src?: string;
113
+ alt?: string;
114
+ type?: 'people';
115
+ }) | (BaseAvatarProps & {
116
+ text: string;
117
+ type?: 'letter';
118
+ theme?: AvatarTheme;
119
+ color?: AvatarColor;
120
+ }) | (BaseAvatarProps & {
121
+ type?: 'icon';
122
+ theme?: AvatarTheme;
123
+ color?: AvatarColor;
124
+ });
125
+ /**
126
+ * ============================================
127
+ * AVATAR WITH STACK PROPS
128
+ * ============================================
129
+ * Props del Avatar con soporte para stack (avatares apilados)
130
+ *
131
+ * Nota: Si un elemento del stack tiene `src`, automáticamente
132
+ * se sobrescribe el type a 'people', incluso si se especifica otro type.
133
+ */
134
+ export interface AvatarWithStackProps {
135
+ /** Array de avatares para mostrar en stack. Si tiene `src`, se usa type='people' automáticamente */
136
+ stack: AvatarStackItem[];
137
+ /** Tamaño del avatar (default: 'md') - se aplica a todos los avatares del stack */
138
+ size?: AvatarSize;
139
+ /** Clases CSS adicionales para el contenedor del stack */
140
+ className?: string;
141
+ /** Número máximo de avatares a mostrar. Si hay más, se muestra un contador con el número restante (ej: "+5") */
142
+ maxVisible?: number;
143
+ /** Color del avatar contador cuando se excede maxVisible (default: 'blue') */
144
+ counterColor?: AvatarColor;
145
+ /** Tema del avatar contador cuando se excede maxVisible (default: 'solid') */
146
+ counterTheme?: AvatarTheme;
147
+ /** Agrega borde de 2px a todos los avatares del stack (default: false) */
148
+ stroke?: boolean;
149
+ }
102
150
  export {};
103
151
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/types/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjE;;;GAGG;AACH,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,MAAM,CAAA;AAEV;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1C;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAErD;;;;;GAKG;AACH,UAAU,eAAe;IACvB,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,EAAE,QAAQ,CAAA;IACd,sEAAsE;IACtE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,EAAE,QAAQ,CAAA;IACd,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,eAAe,GAAG,iBAAiB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/types/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjE;;;GAGG;AACH,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,MAAM,CAAA;AAEV;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1C;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAErD;;;;;GAKG;AACH,UAAU,eAAe;IACvB,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,EAAE,QAAQ,CAAA;IACd,sEAAsE;IACtE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,EAAE,QAAQ,CAAA;IACd,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,eAAe,GAAG,iBAAiB,CAAA;AAEjF;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,CAAC,eAAe,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC,GACnE,CAAC,eAAe,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,CAAC,GAC/F,CAAC,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,CAAC,CAAA;AAEnF;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAoB;IACnC,oGAAoG;IACpG,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,mFAAmF;IACnF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gHAAgH;IAChH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}
@@ -1,3 +1,3 @@
1
1
  import { IconProps } from '../../shared/types/icon';
2
- export declare function Icon({ name, size, color, fill, className, background, backgroundSize, svgProps, strokeWidth, padding, style, onClick, colorDuotonePrimary, colorDuotoneSecondary, opacityDuotonePrimary, opacityDuotoneSecondary }: IconProps): import("react/jsx-runtime").JSX.Element;
2
+ export declare function Icon({ name, size, color, fill, className, background, backgroundColor, backgroundSize, svgProps, strokeWidth, padding, style, onClick, colorDuotonePrimary, colorDuotoneSecondary, opacityDuotonePrimary, opacityDuotoneSecondary }: IconProps): import("react/jsx-runtime").JSX.Element;
3
3
  //# sourceMappingURL=Icon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/modules/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAS/C,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAW,EACX,KAAiB,EACjB,IAAc,EACd,SAAS,EACT,UAAkB,EAClB,cAAqB,EACrB,QAAa,EACb,WAAe,EACf,OAAgB,EAChB,KAAK,EACL,OAAO,EACP,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACxB,EAAE,SAAS,2CA4CX"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/modules/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAS/C,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAW,EACX,KAAiB,EACjB,IAAc,EACd,SAAS,EACT,UAAkB,EAClB,eAAe,EACf,cAAqB,EACrB,QAAa,EACb,WAAe,EACf,OAAgB,EAChB,KAAK,EACL,OAAO,EACP,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACxB,EAAE,SAAS,2CA+CX"}
@@ -1,6 +1,6 @@
1
1
  import { IconProps } from '../../../shared/types/icon';
2
2
  interface LegacyIconProps extends IconProps {
3
3
  }
4
- export declare function LegacyIcon({ name, size, color, fill, className, background, backgroundSize, svgProps, strokeWidth, onClick, padding }: LegacyIconProps): import("react/jsx-runtime").JSX.Element | null;
4
+ export declare function LegacyIcon({ name, size, color, fill, className, background, backgroundColor, backgroundSize, svgProps, strokeWidth, onClick, padding }: LegacyIconProps): import("react/jsx-runtime").JSX.Element | null;
5
5
  export {};
6
6
  //# sourceMappingURL=LegacyIcon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LegacyIcon.d.ts","sourceRoot":"","sources":["../../../../src/modules/Icon/components/LegacyIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAQ/C,UAAU,eAAgB,SAAQ,SAAS;CAE1C;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAW,EACX,KAAiB,EACjB,IAAc,EACd,SAAS,EACT,UAAkB,EAClB,cAAqB,EACrB,QAAa,EACb,WAAe,EACf,OAAO,EACP,OAAgB,EACjB,EAAE,eAAe,kDAyGjB"}
1
+ {"version":3,"file":"LegacyIcon.d.ts","sourceRoot":"","sources":["../../../../src/modules/Icon/components/LegacyIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAQ/C,UAAU,eAAgB,SAAQ,SAAS;CAE1C;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAW,EACX,KAAiB,EACjB,IAAc,EACd,SAAS,EACT,UAAkB,EAClB,eAAe,EACf,cAAqB,EACrB,QAAa,EACb,WAAe,EACf,OAAO,EACP,OAAgB,EACjB,EAAE,eAAe,kDAkJjB"}
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { IconProp, IconDefinition } from '@fortawesome/fontawesome-svg-core';
3
- import { IconFontColor, IconFontSize } from '../../../../shared/types';
3
+ import { IconFontColor, IconFontSize, VisualSize } from '../../../../shared/types';
4
4
  type AnyIconDefinition = IconProp | IconDefinition | {
5
5
  icon: any;
6
6
  prefix?: string;
@@ -16,7 +16,11 @@ export interface IconFontProps {
16
16
  colorDuotoneSecondary?: IconFontColor;
17
17
  opacityDuotonePrimary?: number;
18
18
  opacityDuotoneSecondary?: number;
19
+ background?: boolean;
20
+ backgroundColor?: string;
21
+ backgroundSize?: VisualSize;
22
+ padding?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
19
23
  }
20
- export declare const IconFont: ({ className, icon, size, color, onClick, style, colorDuotonePrimary, colorDuotoneSecondary, opacityDuotonePrimary, opacityDuotoneSecondary }: IconFontProps) => import("react/jsx-runtime").JSX.Element;
24
+ export declare const IconFont: ({ className, icon, size, color, onClick, style, colorDuotonePrimary, colorDuotoneSecondary, opacityDuotonePrimary, opacityDuotoneSecondary, background, backgroundColor, backgroundSize, padding }: IconFontProps) => import("react/jsx-runtime").JSX.Element;
21
25
  export {};
22
26
  //# sourceMappingURL=IconFont.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconFont.d.ts","sourceRoot":"","sources":["../../../../../src/modules/IconFont/components/organims/IconFont.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAG5E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG7D,KAAK,iBAAiB,GAAG,QAAQ,GAAG,cAAc,GAAG;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAkCnF,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,iBAAiB,CAAA;IACvB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACjD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IACvD,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;CACnC;AAED,eAAO,MAAM,QAAQ,GAAI,8IAAsK,aAAa,4CAqF3M,CAAA"}
1
+ {"version":3,"file":"IconFont.d.ts","sourceRoot":"","sources":["../../../../../src/modules/IconFont/components/organims/IconFont.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAG5E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIzE,KAAK,iBAAiB,GAAG,QAAQ,GAAG,cAAc,GAAG;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAkCnF,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,iBAAiB,CAAA;IACvB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACjD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IACvD,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;CACtE;AAED,eAAO,MAAM,QAAQ,GAAI,oMAetB,aAAa,4CAqIf,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/modules/Input/components/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAU3D,eAAO,MAAM,KAAK,iGAoOjB,CAAA"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/modules/Input/components/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAU3D,eAAO,MAAM,KAAK,iGA2OjB,CAAA"}
@@ -5,11 +5,12 @@ interface UseInputStylesProps {
5
5
  disabled?: boolean;
6
6
  fullWidth?: boolean;
7
7
  caret?: boolean;
8
+ errorCursor?: boolean;
8
9
  paddingClasses: string;
9
10
  autosize?: boolean;
10
11
  pill: PillSize;
11
12
  }
12
- export declare const useInputStyles: ({ size, error, disabled, fullWidth, caret, paddingClasses, autosize, pill, }: UseInputStylesProps) => {
13
+ export declare const useInputStyles: ({ size, error, disabled, fullWidth, caret, errorCursor, paddingClasses, autosize, pill, }: UseInputStylesProps) => {
13
14
  inputSizes: {
14
15
  xs: string;
15
16
  sm: string;
@@ -1 +1 @@
1
- {"version":3,"file":"useInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/modules/Input/hooks/useInputStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,eAAO,MAAM,cAAc,GAAI,8EAS5B,mBAAmB;;;;;;;;;;CAsErB,CAAA"}
1
+ {"version":3,"file":"useInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/modules/Input/hooks/useInputStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,eAAO,MAAM,cAAc,GAAI,2FAU5B,mBAAmB;;;;;;;;;;CA0ErB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/modules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,UAAU,EACX,MAAM,sBAAsB,CAAA;AA8J7B,eAAO,MAAM,KAAK,EAIZ,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IAC3B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IAClC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IAC9B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;CACnC,CAAA"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/modules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,UAAU,EACX,MAAM,sBAAsB,CAAA;AA+J7B,eAAO,MAAM,KAAK,EAIZ,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IAC3B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IAClC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IAC9B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;CACnC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Modal/components/molecules/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,eAAO,MAAM,SAAS,GAAI,2BAAkC,cAAc,4CAEzE,CAAA"}
1
+ {"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Modal/components/molecules/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAIrD,eAAO,MAAM,SAAS,GAAI,2BAAkC,cAAc,4CAazE,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Modal/components/molecules/ModalFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAGvD,eAAO,MAAM,WAAW,GAAI,0QAWzB,gBAAgB,4CA+FlB,CAAA"}
1
+ {"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Modal/components/molecules/ModalFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAIvD,eAAO,MAAM,WAAW,GAAI,0QAWzB,gBAAgB,4CAmGlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../../src/modules/Modal/context/ModalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAInE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6F9C,CAAA;AAED,eAAO,MAAM,eAAe,wBAM3B,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
1
+ {"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../../src/modules/Modal/context/ModalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAInE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA+F9C,CAAA;AAED,eAAO,MAAM,eAAe,wBAM3B,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
@@ -0,0 +1,25 @@
1
+ import { InputRef } from '../../../../shared/types/input';
2
+ interface ColorInputProps {
3
+ /** Color en formato hexadecimal */
4
+ color?: string;
5
+ /** Label del input */
6
+ label?: string;
7
+ /** Mensaje de error */
8
+ error?: string;
9
+ /** Texto de ayuda */
10
+ helperText?: string;
11
+ /** Si el componente está deshabilitado */
12
+ disabled?: boolean;
13
+ /** Callback cuando cambia el color */
14
+ onColorChange?: (color: string) => void;
15
+ /** Callback cuando se hace click en el input */
16
+ onClick?: () => void;
17
+ /** Clase personalizada */
18
+ className?: string;
19
+ }
20
+ /**
21
+ * Componente atom que muestra un input con el color de fondo aplicado
22
+ */
23
+ export declare const ColorInput: import('react').ForwardRefExoticComponent<ColorInputProps & import('react').RefAttributes<InputRef>>;
24
+ export {};
25
+ //# sourceMappingURL=ColorInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/atoms/ColorInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAI/C,UAAU,eAAe;IACvB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAyBD;;GAEG;AACH,eAAO,MAAM,UAAU,sGAqGtB,CAAA"}
@@ -0,0 +1,18 @@
1
+ interface ColorSwatchProps {
2
+ /** Color en formato hexadecimal */
3
+ color: string;
4
+ /** Si el color está seleccionado */
5
+ selected?: boolean;
6
+ /** Callback cuando se hace click en el color */
7
+ onClick?: () => void;
8
+ /** Tamaño del swatch */
9
+ size?: 'sm' | 'md' | 'lg';
10
+ /** Clase personalizada */
11
+ className?: string;
12
+ }
13
+ /**
14
+ * Componente atom para mostrar un color individual
15
+ */
16
+ export declare const ColorSwatch: ({ color, selected, onClick, size, className, }: ColorSwatchProps) => import("react/jsx-runtime").JSX.Element;
17
+ export {};
18
+ //# sourceMappingURL=ColorSwatch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/atoms/ColorSwatch.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,gDAMzB,gBAAgB,4CA4ClB,CAAA"}
@@ -0,0 +1,3 @@
1
+ export * from './ColorSwatch';
2
+ export * from './ColorInput';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './atoms';
2
+ export * from './molecules';
3
+ export * from './organisms';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/PickerColor/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}
@@ -0,0 +1,15 @@
1
+ interface ColorPaletteProps {
2
+ /** Color actual en formato hexadecimal */
3
+ color: string;
4
+ /** Callback cuando cambia el color */
5
+ onColorChange: (color: string) => void;
6
+ /** Clase personalizada */
7
+ className?: string;
8
+ }
9
+ /**
10
+ * Componente molecule que muestra un selector de colores completo
11
+ * con paleta de saturación/luminosidad y barra de matiz
12
+ */
13
+ export declare const ColorPalette: ({ color, onColorChange, className, }: ColorPaletteProps) => import("react/jsx-runtime").JSX.Element;
14
+ export {};
15
+ //# sourceMappingURL=ColorPalette.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorPalette.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/molecules/ColorPalette.tsx"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,sCAI1B,iBAAiB,4CAmKnB,CAAA"}
@@ -0,0 +1,18 @@
1
+ interface ColorPickerContentProps {
2
+ /** Color actual seleccionado */
3
+ currentColor?: string;
4
+ /** Colores recientes */
5
+ recentColors: string[];
6
+ /** Callback cuando se selecciona un color */
7
+ onColorSelect: (color: string) => void;
8
+ /** Si mostrar el input hexadecimal */
9
+ showHexInput?: boolean;
10
+ /** Clase personalizada */
11
+ className?: string;
12
+ }
13
+ /**
14
+ * Componente molecule que contiene el contenido del picker de color
15
+ */
16
+ export declare const ColorPickerContent: ({ currentColor, recentColors, onColorSelect, showHexInput, className, }: ColorPickerContentProps) => import("react/jsx-runtime").JSX.Element;
17
+ export {};
18
+ //# sourceMappingURL=ColorPickerContent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorPickerContent.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/molecules/ColorPickerContent.tsx"],"names":[],"mappings":"AAUA,UAAU,uBAAuB;IAC/B,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wBAAwB;IACxB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,6CAA6C;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,yEAMhC,uBAAuB,4CAmJzB,CAAA"}
@@ -0,0 +1,3 @@
1
+ export * from './ColorPickerContent';
2
+ export * from './ColorPalette';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ColorPickerProps, ColorPickerRef } from '../../../../shared/types/colorpicker';
2
+ export declare const PickerColor: import('react').ForwardRefExoticComponent<ColorPickerProps & import('react').RefAttributes<ColorPickerRef>>;
3
+ //# sourceMappingURL=PickerColor.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PickerColor.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/organisms/PickerColor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAI7E,eAAO,MAAM,WAAW,6GA4MvB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './PickerColor';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Colores recomendados para mostrar cuando no hay colores recientes
3
+ */
4
+ export declare const RECOMMENDED_COLORS: string[];
5
+ /**
6
+ * Clave para almacenar colores recientes en localStorage
7
+ */
8
+ export declare const STORAGE_KEY = "color-picker-recent";
9
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/modules/PickerColor/constants/colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,kBAAkB,UAqB9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,wBAAwB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './colors';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/PickerColor/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
@@ -0,0 +1,3 @@
1
+ export * from './useRecentColors';
2
+ export * from './useEyeDropper';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/PickerColor/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA"}
@@ -0,0 +1,12 @@
1
+ interface UseEyeDropperReturn {
2
+ isSupported: boolean;
3
+ isActive: boolean;
4
+ pickColor: () => Promise<string | null>;
5
+ }
6
+ /**
7
+ * Hook para usar la API EyeDropper del navegador
8
+ * Permite seleccionar un color de cualquier parte de la pantalla
9
+ */
10
+ export declare const useEyeDropper: () => UseEyeDropperReturn;
11
+ export {};
12
+ //# sourceMappingURL=useEyeDropper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useEyeDropper.d.ts","sourceRoot":"","sources":["../../../../src/modules/PickerColor/hooks/useEyeDropper.ts"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CACxC;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,QAAO,mBAuChC,CAAA"}