@univers42/ui-collection 1.0.1

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 (246) hide show
  1. package/README.md +652 -0
  2. package/dist/components/blocks/ColorPickerBoard.d.ts +2 -0
  3. package/dist/components/blocks/ColorPickerBoard.d.ts.map +1 -0
  4. package/dist/components/blocks/ColorPickerBoard.js +13 -0
  5. package/dist/components/blocks/ColorPickerBoard.js.map +1 -0
  6. package/dist/components/blocks/EmojiPickerBoard.d.ts +2 -0
  7. package/dist/components/blocks/EmojiPickerBoard.d.ts.map +1 -0
  8. package/dist/components/blocks/EmojiPickerBoard.js +13 -0
  9. package/dist/components/blocks/EmojiPickerBoard.js.map +1 -0
  10. package/dist/components/blocks/IconPickerBoard.d.ts +2 -0
  11. package/dist/components/blocks/IconPickerBoard.d.ts.map +1 -0
  12. package/dist/components/blocks/IconPickerBoard.js +13 -0
  13. package/dist/components/blocks/IconPickerBoard.js.map +1 -0
  14. package/dist/components/blocks/SlashMenuIcons.d.ts +2 -0
  15. package/dist/components/blocks/SlashMenuIcons.d.ts.map +1 -0
  16. package/dist/components/blocks/SlashMenuIcons.js +2 -0
  17. package/dist/components/blocks/SlashMenuIcons.js.map +1 -0
  18. package/dist/components/blocks/SlashMenuIconsBasic.d.ts +2 -0
  19. package/dist/components/blocks/SlashMenuIconsBasic.d.ts.map +1 -0
  20. package/dist/components/blocks/SlashMenuIconsBasic.js +2 -0
  21. package/dist/components/blocks/SlashMenuIconsBasic.js.map +1 -0
  22. package/dist/components/blocks/SlashMenuIconsExtended.d.ts +2 -0
  23. package/dist/components/blocks/SlashMenuIconsExtended.d.ts.map +1 -0
  24. package/dist/components/blocks/SlashMenuIconsExtended.js +2 -0
  25. package/dist/components/blocks/SlashMenuIconsExtended.js.map +1 -0
  26. package/dist/components/blocks/slashMenuCatalog.d.ts +2 -0
  27. package/dist/components/blocks/slashMenuCatalog.d.ts.map +1 -0
  28. package/dist/components/blocks/slashMenuCatalog.js +2 -0
  29. package/dist/components/blocks/slashMenuCatalog.js.map +1 -0
  30. package/dist/library/catalogs/index.d.ts +3 -0
  31. package/dist/library/catalogs/index.d.ts.map +1 -0
  32. package/dist/library/catalogs/index.js +3 -0
  33. package/dist/library/catalogs/index.js.map +1 -0
  34. package/dist/library/catalogs/slashMenuCatalog.d.ts +17 -0
  35. package/dist/library/catalogs/slashMenuCatalog.d.ts.map +1 -0
  36. package/dist/library/catalogs/slashMenuCatalog.js +294 -0
  37. package/dist/library/catalogs/slashMenuCatalog.js.map +1 -0
  38. package/dist/library/catalogs/types.d.ts +4 -0
  39. package/dist/library/catalogs/types.d.ts.map +1 -0
  40. package/dist/library/catalogs/types.js +13 -0
  41. package/dist/library/catalogs/types.js.map +1 -0
  42. package/dist/library/components/react/analytics/formula/FormulaCharts.d.ts +22 -0
  43. package/dist/library/components/react/analytics/formula/FormulaCharts.d.ts.map +1 -0
  44. package/dist/library/components/react/analytics/formula/FormulaCharts.js +91 -0
  45. package/dist/library/components/react/analytics/formula/FormulaCharts.js.map +1 -0
  46. package/dist/library/components/react/analytics/formula/TextDistributionCard.d.ts +8 -0
  47. package/dist/library/components/react/analytics/formula/TextDistributionCard.d.ts.map +1 -0
  48. package/dist/library/components/react/analytics/formula/TextDistributionCard.js +43 -0
  49. package/dist/library/components/react/analytics/formula/TextDistributionCard.js.map +1 -0
  50. package/dist/library/components/react/analytics/formula/index.d.ts +3 -0
  51. package/dist/library/components/react/analytics/formula/index.d.ts.map +1 -0
  52. package/dist/library/components/react/analytics/formula/index.js +14 -0
  53. package/dist/library/components/react/analytics/formula/index.js.map +1 -0
  54. package/dist/library/components/react/analytics/index.d.ts +3 -0
  55. package/dist/library/components/react/analytics/index.d.ts.map +1 -0
  56. package/dist/library/components/react/analytics/index.js +14 -0
  57. package/dist/library/components/react/analytics/index.js.map +1 -0
  58. package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.d.ts +21 -0
  59. package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.d.ts.map +1 -0
  60. package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.js +77 -0
  61. package/dist/library/components/react/analytics/relation-rollup/RelationRollupCards.js.map +1 -0
  62. package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.d.ts +61 -0
  63. package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.d.ts.map +1 -0
  64. package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.js +58 -0
  65. package/dist/library/components/react/analytics/relation-rollup/RelationRollupCharts.js.map +1 -0
  66. package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.d.ts +51 -0
  67. package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.d.ts.map +1 -0
  68. package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.js +82 -0
  69. package/dist/library/components/react/analytics/relation-rollup/RollupEditorHelpers.js.map +1 -0
  70. package/dist/library/components/react/analytics/relation-rollup/index.d.ts +4 -0
  71. package/dist/library/components/react/analytics/relation-rollup/index.d.ts.map +1 -0
  72. package/dist/library/components/react/analytics/relation-rollup/index.js +15 -0
  73. package/dist/library/components/react/analytics/relation-rollup/index.js.map +1 -0
  74. package/dist/library/components/react/asset-picker/AssetPickerBoard.d.ts +20 -0
  75. package/dist/library/components/react/asset-picker/AssetPickerBoard.d.ts.map +1 -0
  76. package/dist/library/components/react/asset-picker/AssetPickerBoard.js +229 -0
  77. package/dist/library/components/react/asset-picker/AssetPickerBoard.js.map +1 -0
  78. package/dist/library/components/react/asset-picker/defaultTabs.d.ts +28 -0
  79. package/dist/library/components/react/asset-picker/defaultTabs.d.ts.map +1 -0
  80. package/dist/library/components/react/asset-picker/defaultTabs.js +104 -0
  81. package/dist/library/components/react/asset-picker/defaultTabs.js.map +1 -0
  82. package/dist/library/components/react/asset-picker/index.d.ts +4 -0
  83. package/dist/library/components/react/asset-picker/index.d.ts.map +1 -0
  84. package/dist/library/components/react/asset-picker/index.js +4 -0
  85. package/dist/library/components/react/asset-picker/index.js.map +1 -0
  86. package/dist/library/components/react/asset-picker/types.d.ts +45 -0
  87. package/dist/library/components/react/asset-picker/types.d.ts.map +1 -0
  88. package/dist/library/components/react/asset-picker/types.js +2 -0
  89. package/dist/library/components/react/asset-picker/types.js.map +1 -0
  90. package/dist/library/components/react/charts/BarCharts.d.ts +8 -0
  91. package/dist/library/components/react/charts/BarCharts.d.ts.map +1 -0
  92. package/dist/library/components/react/charts/BarCharts.js +38 -0
  93. package/dist/library/components/react/charts/BarCharts.js.map +1 -0
  94. package/dist/library/components/react/charts/DonutPieChart.d.ts +8 -0
  95. package/dist/library/components/react/charts/DonutPieChart.d.ts.map +1 -0
  96. package/dist/library/components/react/charts/DonutPieChart.js +52 -0
  97. package/dist/library/components/react/charts/DonutPieChart.js.map +1 -0
  98. package/dist/library/components/react/charts/LineChart.d.ts +7 -0
  99. package/dist/library/components/react/charts/LineChart.d.ts.map +1 -0
  100. package/dist/library/components/react/charts/LineChart.js +34 -0
  101. package/dist/library/components/react/charts/LineChart.js.map +1 -0
  102. package/dist/library/components/react/charts/MultiLineChart.d.ts +23 -0
  103. package/dist/library/components/react/charts/MultiLineChart.d.ts.map +1 -0
  104. package/dist/library/components/react/charts/MultiLineChart.js +93 -0
  105. package/dist/library/components/react/charts/MultiLineChart.js.map +1 -0
  106. package/dist/library/components/react/charts/SVGCharts.d.ts +17 -0
  107. package/dist/library/components/react/charts/SVGCharts.d.ts.map +1 -0
  108. package/dist/library/components/react/charts/SVGCharts.js +63 -0
  109. package/dist/library/components/react/charts/SVGCharts.js.map +1 -0
  110. package/dist/library/components/react/charts/chartUtils.d.ts +19 -0
  111. package/dist/library/components/react/charts/chartUtils.d.ts.map +1 -0
  112. package/dist/library/components/react/charts/chartUtils.js +64 -0
  113. package/dist/library/components/react/charts/chartUtils.js.map +1 -0
  114. package/dist/library/components/react/charts/index.d.ts +8 -0
  115. package/dist/library/components/react/charts/index.d.ts.map +1 -0
  116. package/dist/library/components/react/charts/index.js +18 -0
  117. package/dist/library/components/react/charts/index.js.map +1 -0
  118. package/dist/library/components/react/color-picker/ColorPickerBoard.d.ts +18 -0
  119. package/dist/library/components/react/color-picker/ColorPickerBoard.d.ts.map +1 -0
  120. package/dist/library/components/react/color-picker/ColorPickerBoard.js +382 -0
  121. package/dist/library/components/react/color-picker/ColorPickerBoard.js.map +1 -0
  122. package/dist/library/components/react/color-picker/index.d.ts +2 -0
  123. package/dist/library/components/react/color-picker/index.d.ts.map +1 -0
  124. package/dist/library/components/react/color-picker/index.js +13 -0
  125. package/dist/library/components/react/color-picker/index.js.map +1 -0
  126. package/dist/library/components/react/emoji-picker/EmojiPickerBoard.d.ts +14 -0
  127. package/dist/library/components/react/emoji-picker/EmojiPickerBoard.d.ts.map +1 -0
  128. package/dist/library/components/react/emoji-picker/EmojiPickerBoard.js +26 -0
  129. package/dist/library/components/react/emoji-picker/EmojiPickerBoard.js.map +1 -0
  130. package/dist/library/components/react/emoji-picker/emojiPickerData.d.ts +10 -0
  131. package/dist/library/components/react/emoji-picker/emojiPickerData.d.ts.map +1 -0
  132. package/dist/library/components/react/emoji-picker/emojiPickerData.js +27 -0
  133. package/dist/library/components/react/emoji-picker/emojiPickerData.js.map +1 -0
  134. package/dist/library/components/react/emoji-picker/index.d.ts +3 -0
  135. package/dist/library/components/react/emoji-picker/index.d.ts.map +1 -0
  136. package/dist/library/components/react/emoji-picker/index.js +14 -0
  137. package/dist/library/components/react/emoji-picker/index.js.map +1 -0
  138. package/dist/library/components/react/formula/ExampleBlock.d.ts +8 -0
  139. package/dist/library/components/react/formula/ExampleBlock.d.ts.map +1 -0
  140. package/dist/library/components/react/formula/ExampleBlock.js +41 -0
  141. package/dist/library/components/react/formula/ExampleBlock.js.map +1 -0
  142. package/dist/library/components/react/formula/index.d.ts +2 -0
  143. package/dist/library/components/react/formula/index.d.ts.map +1 -0
  144. package/dist/library/components/react/formula/index.js +13 -0
  145. package/dist/library/components/react/formula/index.js.map +1 -0
  146. package/dist/library/components/react/icon-picker/IconPickerBoard.d.ts +14 -0
  147. package/dist/library/components/react/icon-picker/IconPickerBoard.d.ts.map +1 -0
  148. package/dist/library/components/react/icon-picker/IconPickerBoard.js +26 -0
  149. package/dist/library/components/react/icon-picker/IconPickerBoard.js.map +1 -0
  150. package/dist/library/components/react/icon-picker/iconPickerData.d.ts +11 -0
  151. package/dist/library/components/react/icon-picker/iconPickerData.d.ts.map +1 -0
  152. package/dist/library/components/react/icon-picker/iconPickerData.js +52 -0
  153. package/dist/library/components/react/icon-picker/iconPickerData.js.map +1 -0
  154. package/dist/library/components/react/icon-picker/index.d.ts +3 -0
  155. package/dist/library/components/react/icon-picker/index.d.ts.map +1 -0
  156. package/dist/library/components/react/icon-picker/index.js +14 -0
  157. package/dist/library/components/react/icon-picker/index.js.map +1 -0
  158. package/dist/library/components/react/index.d.ts +10 -0
  159. package/dist/library/components/react/index.d.ts.map +1 -0
  160. package/dist/library/components/react/index.js +21 -0
  161. package/dist/library/components/react/index.js.map +1 -0
  162. package/dist/library/components/react/primitives/SettingsPrimitives.d.ts +39 -0
  163. package/dist/library/components/react/primitives/SettingsPrimitives.d.ts.map +1 -0
  164. package/dist/library/components/react/primitives/SettingsPrimitives.js +35 -0
  165. package/dist/library/components/react/primitives/SettingsPrimitives.js.map +1 -0
  166. package/dist/library/components/react/primitives/index.d.ts +2 -0
  167. package/dist/library/components/react/primitives/index.d.ts.map +1 -0
  168. package/dist/library/components/react/primitives/index.js +13 -0
  169. package/dist/library/components/react/primitives/index.js.map +1 -0
  170. package/dist/library/components/react/theme/ThemeToggle.d.ts +12 -0
  171. package/dist/library/components/react/theme/ThemeToggle.d.ts.map +1 -0
  172. package/dist/library/components/react/theme/ThemeToggle.js +57 -0
  173. package/dist/library/components/react/theme/ThemeToggle.js.map +1 -0
  174. package/dist/library/components/react/theme/index.d.ts +2 -0
  175. package/dist/library/components/react/theme/index.d.ts.map +1 -0
  176. package/dist/library/components/react/theme/index.js +13 -0
  177. package/dist/library/components/react/theme/index.js.map +1 -0
  178. package/dist/library/icons/react/cn.d.ts +2 -0
  179. package/dist/library/icons/react/cn.d.ts.map +1 -0
  180. package/dist/library/icons/react/cn.js +15 -0
  181. package/dist/library/icons/react/cn.js.map +1 -0
  182. package/dist/library/icons/react/index.d.ts +2 -0
  183. package/dist/library/icons/react/index.d.ts.map +1 -0
  184. package/dist/library/icons/react/index.js +2 -0
  185. package/dist/library/icons/react/index.js.map +1 -0
  186. package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.d.ts +20 -0
  187. package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.d.ts.map +1 -0
  188. package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.js +72 -0
  189. package/dist/library/icons/react/slash-menu/SlashMenuIconsBasic.js.map +1 -0
  190. package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.d.ts +14 -0
  191. package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.d.ts.map +1 -0
  192. package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.js +54 -0
  193. package/dist/library/icons/react/slash-menu/SlashMenuIconsExtended.js.map +1 -0
  194. package/dist/library/icons/react/slash-menu/index.d.ts +3 -0
  195. package/dist/library/icons/react/slash-menu/index.d.ts.map +1 -0
  196. package/dist/library/icons/react/slash-menu/index.js +14 -0
  197. package/dist/library/icons/react/slash-menu/index.js.map +1 -0
  198. package/dist/library/index.d.ts +11 -0
  199. package/dist/library/index.d.ts.map +1 -0
  200. package/dist/library/index.js +9 -0
  201. package/dist/library/index.js.map +1 -0
  202. package/dist/library/media/collections/emojis.d.ts +2 -0
  203. package/dist/library/media/collections/emojis.d.ts.map +1 -0
  204. package/dist/library/media/collections/emojis.js +44 -0
  205. package/dist/library/media/collections/emojis.js.map +1 -0
  206. package/dist/library/media/collections/index.d.ts +12 -0
  207. package/dist/library/media/collections/index.d.ts.map +1 -0
  208. package/dist/library/media/collections/index.js +34 -0
  209. package/dist/library/media/collections/index.js.map +1 -0
  210. package/dist/library/media/collections/other-media.d.ts +2 -0
  211. package/dist/library/media/collections/other-media.d.ts.map +1 -0
  212. package/dist/library/media/collections/other-media.js +60 -0
  213. package/dist/library/media/collections/other-media.js.map +1 -0
  214. package/dist/library/media/collections/photos.d.ts +2 -0
  215. package/dist/library/media/collections/photos.d.ts.map +1 -0
  216. package/dist/library/media/collections/photos.js +25 -0
  217. package/dist/library/media/collections/photos.js.map +1 -0
  218. package/dist/library/media/collections/svg.d.ts +2 -0
  219. package/dist/library/media/collections/svg.d.ts.map +1 -0
  220. package/dist/library/media/collections/svg.js +51 -0
  221. package/dist/library/media/collections/svg.js.map +1 -0
  222. package/dist/library/media/collections/videos.d.ts +2 -0
  223. package/dist/library/media/collections/videos.d.ts.map +1 -0
  224. package/dist/library/media/collections/videos.js +35 -0
  225. package/dist/library/media/collections/videos.js.map +1 -0
  226. package/dist/library/media/index.d.ts +6 -0
  227. package/dist/library/media/index.d.ts.map +1 -0
  228. package/dist/library/media/index.js +6 -0
  229. package/dist/library/media/index.js.map +1 -0
  230. package/dist/library/media/providers.d.ts +13 -0
  231. package/dist/library/media/providers.d.ts.map +1 -0
  232. package/dist/library/media/providers.js +39 -0
  233. package/dist/library/media/providers.js.map +1 -0
  234. package/dist/library/media/registry.d.ts +19 -0
  235. package/dist/library/media/registry.d.ts.map +1 -0
  236. package/dist/library/media/registry.js +35 -0
  237. package/dist/library/media/registry.js.map +1 -0
  238. package/dist/library/media/types.d.ts +53 -0
  239. package/dist/library/media/types.d.ts.map +1 -0
  240. package/dist/library/media/types.js +26 -0
  241. package/dist/library/media/types.js.map +1 -0
  242. package/dist/library/media/utils.d.ts +6 -0
  243. package/dist/library/media/utils.d.ts.map +1 -0
  244. package/dist/library/media/utils.js +77 -0
  245. package/dist/library/media/utils.js.map +1 -0
  246. package/package.json +143 -0
@@ -0,0 +1,382 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /* ************************************************************************** */
3
+ /* */
4
+ /* ::: :::::::: */
5
+ /* ColorPickerBoard.tsx :+: :+: :+: */
6
+ /* +:+ +:+ +:+ */
7
+ /* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
8
+ /* +#+#+#+#+#+ +#+ */
9
+ /* Created: 2026/04/09 11:33:25 by rstancu #+# #+# */
10
+ /* Updated: 2026/04/09 11:49:25 by rstancu ### ########.fr */
11
+ /* */
12
+ /* ************************************************************************** */
13
+ import { useEffect, useRef, useState, } from 'react';
14
+ const DEFAULT_COLOR = '#4F46E5';
15
+ export const DEFAULT_COLOR_PRESETS = [
16
+ { label: 'Indigo', value: '#4F46E5' },
17
+ { label: 'Sky', value: '#0EA5E9' },
18
+ { label: 'Emerald', value: '#10B981' },
19
+ { label: 'Amber', value: '#F59E0B' },
20
+ { label: 'Rose', value: '#F43F5E' },
21
+ { label: 'Slate', value: '#334155' },
22
+ { label: 'White', value: '#FFFFFF' },
23
+ { label: 'Black', value: '#0F172A' },
24
+ ];
25
+ function clamp(value, min, max) {
26
+ return Math.min(max, Math.max(min, value));
27
+ }
28
+ function normalizeHexColor(value) {
29
+ if (!value) {
30
+ return null;
31
+ }
32
+ const normalized = value.trim().toUpperCase();
33
+ if (/^#[0-9A-F]{6}$/.test(normalized)) {
34
+ return normalized;
35
+ }
36
+ const shortMatch = normalized.match(/^#([0-9A-F]{3})$/);
37
+ if (!shortMatch) {
38
+ return null;
39
+ }
40
+ const [r, g, b] = shortMatch[1].split('');
41
+ return `#${r}${r}${g}${g}${b}${b}`;
42
+ }
43
+ function hexToRgb(hex) {
44
+ const normalized = normalizeHexColor(hex) ?? DEFAULT_COLOR;
45
+ return {
46
+ r: Number.parseInt(normalized.slice(1, 3), 16),
47
+ g: Number.parseInt(normalized.slice(3, 5), 16),
48
+ b: Number.parseInt(normalized.slice(5, 7), 16),
49
+ };
50
+ }
51
+ function rgbToHex(r, g, b) {
52
+ return `#${[r, g, b]
53
+ .map((value) => clamp(Math.round(value), 0, 255).toString(16).padStart(2, '0'))
54
+ .join('')
55
+ .toUpperCase()}`;
56
+ }
57
+ function rgbToHsva(r, g, b) {
58
+ const r1 = r / 255;
59
+ const g1 = g / 255;
60
+ const b1 = b / 255;
61
+ const max = Math.max(r1, g1, b1);
62
+ const min = Math.min(r1, g1, b1);
63
+ const delta = max - min;
64
+ let h = 0;
65
+ if (delta !== 0) {
66
+ if (max === r1) {
67
+ h = 60 * (((g1 - b1) / delta) % 6);
68
+ }
69
+ else if (max === g1) {
70
+ h = 60 * ((b1 - r1) / delta + 2);
71
+ }
72
+ else {
73
+ h = 60 * ((r1 - g1) / delta + 4);
74
+ }
75
+ }
76
+ if (h < 0) {
77
+ h += 360;
78
+ }
79
+ const s = max === 0 ? 0 : (delta / max) * 100;
80
+ const v = max * 100;
81
+ return { h, s, v };
82
+ }
83
+ function hsvaToRgb(color) {
84
+ const h = color.h;
85
+ const s = clamp(color.s, 0, 100) / 100;
86
+ const v = clamp(color.v, 0, 100) / 100;
87
+ const c = v * s;
88
+ const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
89
+ const m = v - c;
90
+ let r1 = 0;
91
+ let g1 = 0;
92
+ let b1 = 0;
93
+ if (h >= 0 && h < 60) {
94
+ r1 = c;
95
+ g1 = x;
96
+ }
97
+ else if (h >= 60 && h < 120) {
98
+ r1 = x;
99
+ g1 = c;
100
+ }
101
+ else if (h >= 120 && h < 180) {
102
+ g1 = c;
103
+ b1 = x;
104
+ }
105
+ else if (h >= 180 && h < 240) {
106
+ g1 = x;
107
+ b1 = c;
108
+ }
109
+ else if (h >= 240 && h < 300) {
110
+ r1 = x;
111
+ b1 = c;
112
+ }
113
+ else {
114
+ r1 = c;
115
+ b1 = x;
116
+ }
117
+ return {
118
+ r: (r1 + m) * 255,
119
+ g: (g1 + m) * 255,
120
+ b: (b1 + m) * 255,
121
+ };
122
+ }
123
+ function hexToHsva(hex) {
124
+ const { r, g, b } = hexToRgb(hex);
125
+ return rgbToHsva(r, g, b);
126
+ }
127
+ function hsvaToHex(color) {
128
+ const { r, g, b } = hsvaToRgb(color);
129
+ return rgbToHex(r, g, b);
130
+ }
131
+ function getReadableTextColor(hex) {
132
+ const { r, g, b } = hexToRgb(hex);
133
+ const luminance = (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255;
134
+ return luminance > 0.62 ? '#0F172A' : '#FFFFFF';
135
+ }
136
+ export function ColorPickerBoard({ value, defaultValue = DEFAULT_COLOR, onChange, onChangeComplete, presets = DEFAULT_COLOR_PRESETS, label = 'Color picker', showInput = true, size = 240, className, }) {
137
+ const initialHex = normalizeHexColor(value) ?? normalizeHexColor(defaultValue) ?? DEFAULT_COLOR;
138
+ const [internalHex, setInternalHex] = useState(initialHex);
139
+ const [currentColor, setCurrentColor] = useState(hexToHsva(initialHex));
140
+ const [inputValue, setInputValue] = useState(initialHex);
141
+ const [isBoardDragging, setIsBoardDragging] = useState(false);
142
+ const [isHueDragging, setIsHueDragging] = useState(false);
143
+ const boardRef = useRef(null);
144
+ const hueRef = useRef(null);
145
+ const resolvedHex = normalizeHexColor(value) ?? internalHex;
146
+ const activeHex = normalizeHexColor(resolvedHex) ?? DEFAULT_COLOR;
147
+ useEffect(() => {
148
+ const normalized = normalizeHexColor(value) ?? normalizeHexColor(defaultValue) ?? DEFAULT_COLOR;
149
+ if (value === undefined) {
150
+ return;
151
+ }
152
+ setCurrentColor(hexToHsva(normalized));
153
+ setInputValue(normalized);
154
+ }, [value, defaultValue]);
155
+ function commitColor(nextColor, notifyComplete = false) {
156
+ const normalizedColor = {
157
+ h: clamp(nextColor.h, 0, 360),
158
+ s: clamp(nextColor.s, 0, 100),
159
+ v: clamp(nextColor.v, 0, 100),
160
+ };
161
+ const nextHex = hsvaToHex(normalizedColor);
162
+ setCurrentColor(normalizedColor);
163
+ setInputValue(nextHex);
164
+ if (value === undefined) {
165
+ setInternalHex(nextHex);
166
+ }
167
+ onChange?.(nextHex);
168
+ if (notifyComplete) {
169
+ onChangeComplete?.(nextHex);
170
+ }
171
+ }
172
+ function updateBoardFromPointer(clientX, clientY, notifyComplete = false) {
173
+ const board = boardRef.current;
174
+ if (!board) {
175
+ return;
176
+ }
177
+ const rect = board.getBoundingClientRect();
178
+ const x = clamp(clientX - rect.left, 0, rect.width);
179
+ const y = clamp(clientY - rect.top, 0, rect.height);
180
+ commitColor({
181
+ ...currentColor,
182
+ s: (x / rect.width) * 100,
183
+ v: 100 - (y / rect.height) * 100,
184
+ }, notifyComplete);
185
+ }
186
+ function updateHueFromPointer(clientX, notifyComplete = false) {
187
+ const hue = hueRef.current;
188
+ if (!hue) {
189
+ return;
190
+ }
191
+ const rect = hue.getBoundingClientRect();
192
+ const x = clamp(clientX - rect.left, 0, rect.width);
193
+ commitColor({
194
+ ...currentColor,
195
+ h: (x / rect.width) * 360,
196
+ }, notifyComplete);
197
+ }
198
+ function handleBoardPointerDown(event) {
199
+ event.preventDefault();
200
+ event.currentTarget.setPointerCapture(event.pointerId);
201
+ setIsBoardDragging(true);
202
+ updateBoardFromPointer(event.clientX, event.clientY);
203
+ }
204
+ function handleBoardPointerMove(event) {
205
+ if (!isBoardDragging) {
206
+ return;
207
+ }
208
+ updateBoardFromPointer(event.clientX, event.clientY);
209
+ }
210
+ function handleBoardPointerUp(event) {
211
+ if (!isBoardDragging) {
212
+ return;
213
+ }
214
+ event.currentTarget.releasePointerCapture(event.pointerId);
215
+ setIsBoardDragging(false);
216
+ updateBoardFromPointer(event.clientX, event.clientY, true);
217
+ }
218
+ function handleHuePointerDown(event) {
219
+ event.preventDefault();
220
+ event.currentTarget.setPointerCapture(event.pointerId);
221
+ setIsHueDragging(true);
222
+ updateHueFromPointer(event.clientX);
223
+ }
224
+ function handleHuePointerMove(event) {
225
+ if (!isHueDragging) {
226
+ return;
227
+ }
228
+ updateHueFromPointer(event.clientX);
229
+ }
230
+ function handleHuePointerUp(event) {
231
+ if (!isHueDragging) {
232
+ return;
233
+ }
234
+ event.currentTarget.releasePointerCapture(event.pointerId);
235
+ setIsHueDragging(false);
236
+ updateHueFromPointer(event.clientX, true);
237
+ }
238
+ function handleInputChange(event) {
239
+ setInputValue(event.target.value.toUpperCase());
240
+ }
241
+ function commitInputValue() {
242
+ const normalized = normalizeHexColor(inputValue);
243
+ if (!normalized) {
244
+ setInputValue(activeHex);
245
+ return;
246
+ }
247
+ commitColor(hexToHsva(normalized), true);
248
+ }
249
+ function handleInputKeyDown(event) {
250
+ if (event.key !== 'Enter') {
251
+ return;
252
+ }
253
+ commitInputValue();
254
+ }
255
+ const boardHandleLeft = `${currentColor.s}%`;
256
+ const boardHandleTop = `${100 - currentColor.v}%`;
257
+ const hueHandleLeft = `${(currentColor.h / 360) * 100}%`;
258
+ const boardHue = hsvaToHex({ h: currentColor.h, s: 100, v: 100 });
259
+ const textColor = getReadableTextColor(activeHex);
260
+ const rootStyle = {
261
+ width: size + 32,
262
+ padding: 16,
263
+ borderRadius: 24,
264
+ border: '1px solid rgba(148, 163, 184, 0.22)',
265
+ background: 'linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.96) 100%)',
266
+ boxShadow: '0 24px 60px rgba(15, 23, 42, 0.28)',
267
+ color: '#E2E8F0',
268
+ fontFamily: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
269
+ };
270
+ const boardStyle = {
271
+ position: 'relative',
272
+ width: size,
273
+ height: size,
274
+ borderRadius: 20,
275
+ overflow: 'hidden',
276
+ cursor: 'crosshair',
277
+ backgroundColor: boardHue,
278
+ boxShadow: 'inset 0 0 0 1px rgba(255, 255, 255, 0.08)',
279
+ touchAction: 'none',
280
+ };
281
+ return (_jsxs("section", { className: className, style: rootStyle, "aria-label": label, children: [_jsxs("div", { style: {
282
+ display: 'flex',
283
+ alignItems: 'center',
284
+ justifyContent: 'space-between',
285
+ gap: 16,
286
+ marginBottom: 16,
287
+ }, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 12, letterSpacing: '0.08em', textTransform: 'uppercase', opacity: 0.7 }, children: "Picker Board" }), _jsx("h3", { style: { margin: '6px 0 0', fontSize: 20, lineHeight: 1.1 }, children: label })] }), _jsx("div", { "aria-label": `Selected color ${activeHex}`, style: {
288
+ minWidth: 88,
289
+ padding: '10px 12px',
290
+ borderRadius: 16,
291
+ background: activeHex,
292
+ color: textColor,
293
+ textAlign: 'center',
294
+ fontSize: 12,
295
+ fontWeight: 700,
296
+ boxShadow: 'inset 0 0 0 1px rgba(255, 255, 255, 0.16)',
297
+ }, children: activeHex })] }), _jsxs("div", { ref: boardRef, role: "presentation", style: boardStyle, onPointerDown: handleBoardPointerDown, onPointerMove: handleBoardPointerMove, onPointerUp: handleBoardPointerUp, onPointerCancel: handleBoardPointerUp, children: [_jsx("div", { style: {
298
+ position: 'absolute',
299
+ inset: 0,
300
+ background: 'linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)',
301
+ } }), _jsx("div", { style: {
302
+ position: 'absolute',
303
+ inset: 0,
304
+ background: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%)',
305
+ } }), _jsx("div", { style: {
306
+ position: 'absolute',
307
+ left: boardHandleLeft,
308
+ top: boardHandleTop,
309
+ width: 18,
310
+ height: 18,
311
+ borderRadius: '50%',
312
+ border: '2px solid #FFFFFF',
313
+ boxShadow: '0 0 0 1px rgba(15, 23, 42, 0.35), 0 4px 14px rgba(15, 23, 42, 0.35)',
314
+ transform: 'translate(-50%, -50%)',
315
+ } })] }), _jsx("div", { ref: hueRef, role: "presentation", style: {
316
+ position: 'relative',
317
+ width: size,
318
+ height: 18,
319
+ marginTop: 14,
320
+ borderRadius: 999,
321
+ background: 'linear-gradient(90deg, #FF0000 0%, #FFFF00 16.66%, #00FF00 33.33%, #00FFFF 50%, #0000FF 66.66%, #FF00FF 83.33%, #FF0000 100%)',
322
+ boxShadow: 'inset 0 0 0 1px rgba(255, 255, 255, 0.1)',
323
+ cursor: 'ew-resize',
324
+ touchAction: 'none',
325
+ }, onPointerDown: handleHuePointerDown, onPointerMove: handleHuePointerMove, onPointerUp: handleHuePointerUp, onPointerCancel: handleHuePointerUp, children: _jsx("div", { style: {
326
+ position: 'absolute',
327
+ left: hueHandleLeft,
328
+ top: '50%',
329
+ width: 14,
330
+ height: 26,
331
+ borderRadius: 999,
332
+ background: '#FFFFFF',
333
+ border: '1px solid rgba(15, 23, 42, 0.18)',
334
+ boxShadow: '0 6px 18px rgba(15, 23, 42, 0.28)',
335
+ transform: 'translate(-50%, -50%)',
336
+ } }) }), showInput ? (_jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr auto', gap: 12, marginTop: 16 }, children: [_jsxs("label", { style: { display: 'grid', gap: 8 }, children: [_jsx("span", { style: { fontSize: 12, fontWeight: 600, opacity: 0.78 }, children: "HEX" }), _jsx("input", { value: inputValue, onChange: handleInputChange, onBlur: commitInputValue, onKeyDown: handleInputKeyDown, spellCheck: false, style: {
337
+ height: 42,
338
+ borderRadius: 14,
339
+ border: '1px solid rgba(148, 163, 184, 0.22)',
340
+ background: 'rgba(15, 23, 42, 0.45)',
341
+ color: '#F8FAFC',
342
+ padding: '0 14px',
343
+ fontSize: 14,
344
+ outline: 'none',
345
+ } })] }), _jsx("button", { type: "button", onClick: commitInputValue, style: {
346
+ alignSelf: 'end',
347
+ height: 42,
348
+ padding: '0 14px',
349
+ border: '1px solid rgba(148, 163, 184, 0.22)',
350
+ borderRadius: 14,
351
+ background: 'rgba(255, 255, 255, 0.08)',
352
+ color: '#F8FAFC',
353
+ fontSize: 14,
354
+ fontWeight: 700,
355
+ cursor: 'pointer',
356
+ }, children: "Apply" })] })) : null, _jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10, marginTop: 18 }, children: presets.map((preset) => {
357
+ const presetValue = normalizeHexColor(preset.value) ?? DEFAULT_COLOR;
358
+ const isActive = presetValue === activeHex;
359
+ return (_jsxs("button", { type: "button", onClick: () => {
360
+ commitColor(hexToHsva(presetValue), true);
361
+ }, title: `${preset.label}: ${presetValue}`, style: {
362
+ display: 'grid',
363
+ gap: 6,
364
+ justifyItems: 'center',
365
+ padding: '10px 8px',
366
+ borderRadius: 16,
367
+ border: isActive
368
+ ? '1px solid rgba(255, 255, 255, 0.5)'
369
+ : '1px solid rgba(148, 163, 184, 0.18)',
370
+ background: 'rgba(255, 255, 255, 0.04)',
371
+ color: '#CBD5E1',
372
+ cursor: 'pointer',
373
+ }, children: [_jsx("span", { style: {
374
+ width: 28,
375
+ height: 28,
376
+ borderRadius: 10,
377
+ background: presetValue,
378
+ boxShadow: 'inset 0 0 0 1px rgba(15, 23, 42, 0.12)',
379
+ } }), _jsx("span", { style: { fontSize: 11, lineHeight: 1.2 }, children: preset.label })] }, `${preset.label}-${presetValue}`));
380
+ }) })] }));
381
+ }
382
+ //# sourceMappingURL=ColorPickerBoard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorPickerBoard.js","sourceRoot":"","sources":["../../../../../library/components/react/color-picker/ColorPickerBoard.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export * from './ColorPickerBoard.js';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/color-picker/index.ts"],"names":[],"mappings":"AAYA,cAAc,uBAAuB,CAAC"}
@@ -0,0 +1,13 @@
1
+ /* ************************************************************************** */
2
+ /* */
3
+ /* ::: :::::::: */
4
+ /* index.ts :+: :+: :+: */
5
+ /* +:+ +:+ +:+ */
6
+ /* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
7
+ /* +#+#+#+#+#+ +#+ */
8
+ /* Created: 2026/04/09 11:33:25 by rstancu #+# #+# */
9
+ /* Updated: 2026/04/09 11:49:25 by rstancu ### ########.fr */
10
+ /* */
11
+ /* ************************************************************************** */
12
+ export * from './ColorPickerBoard.js';
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../library/components/react/color-picker/index.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAEhF,cAAc,uBAAuB,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { type EmojiPickerItem } from './emojiPickerData.js';
2
+ export interface EmojiPickerBoardProps {
3
+ value?: string;
4
+ defaultValue?: string;
5
+ onChange?: (value: string) => void;
6
+ onChangeComplete?: (value: string) => void;
7
+ items?: EmojiPickerItem[];
8
+ label?: string;
9
+ showSearch?: boolean;
10
+ columns?: number;
11
+ className?: string;
12
+ }
13
+ export declare function EmojiPickerBoard({ value, defaultValue, onChange, onChangeComplete, items, label, showSearch, columns, className, }: Readonly<EmojiPickerBoardProps>): import("react/jsx-runtime").JSX.Element;
14
+ //# sourceMappingURL=EmojiPickerBoard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmojiPickerBoard.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/EmojiPickerBoard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,KAAkC,EAClC,KAAsB,EACtB,UAAiB,EACjB,OAAW,EACX,SAAS,GACV,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CA0BjC"}
@@ -0,0 +1,26 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { useMemo } from 'react';
3
+ import { AssetPickerBoard, createEmojiPickerTab, } from '../asset-picker/index.js';
4
+ import { DEFAULT_EMOJI_PICKER_ITEMS, } from './emojiPickerData.js';
5
+ function resolveSelectionValue(items, requestedValue) {
6
+ if (items.length === 0) {
7
+ return undefined;
8
+ }
9
+ const selectedItem = items.find((item) => item.value === requestedValue) ??
10
+ items[0];
11
+ return {
12
+ tabId: 'emojis',
13
+ itemId: selectedItem.id,
14
+ };
15
+ }
16
+ export function EmojiPickerBoard({ value, defaultValue, onChange, onChangeComplete, items = DEFAULT_EMOJI_PICKER_ITEMS, label = 'Emoji picker', showSearch = true, columns = 6, className, }) {
17
+ const tab = useMemo(() => createEmojiPickerTab(items, { columns }), [columns, items]);
18
+ const boardValue = resolveSelectionValue(items, value);
19
+ const boardDefaultValue = resolveSelectionValue(items, defaultValue);
20
+ return (_jsx(AssetPickerBoard, { tabs: [tab], value: boardValue, defaultValue: boardDefaultValue, label: label, showSearch: showSearch, showTabs: false, columns: columns, className: className, onChange: (selection) => {
21
+ onChange?.(selection.item.value);
22
+ }, onChangeComplete: (selection) => {
23
+ onChangeComplete?.(selection.item.value);
24
+ } }));
25
+ }
26
+ //# sourceMappingURL=EmojiPickerBoard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmojiPickerBoard.js","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/EmojiPickerBoard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GAErB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,0BAA0B,GAE3B,MAAM,sBAAsB,CAAC;AAc9B,SAAS,qBAAqB,CAC5B,KAAwB,EACxB,cAAkC;IAElC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,YAAY,GAChB,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,cAAc,CAAC;QACnD,KAAK,CAAC,CAAC,CAAC,CAAC;IAEX,OAAO;QACL,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,YAAY,CAAC,EAAE;KACxB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,KAAK,GAAG,0BAA0B,EAClC,KAAK,GAAG,cAAc,EACtB,UAAU,GAAG,IAAI,EACjB,OAAO,GAAG,CAAC,EACX,SAAS,GACuB;IAChC,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAC9C,CAAC,OAAO,EAAE,KAAK,CAAC,CACjB,CAAC;IACF,MAAM,UAAU,GAAG,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACvD,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IAErE,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAE,CAAC,GAAG,CAAC,EACX,KAAK,EAAE,UAAU,EACjB,YAAY,EAAE,iBAAiB,EAC/B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE;YACtB,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,EACD,gBAAgB,EAAE,CAAC,SAAS,EAAE,EAAE;YAC9B,gBAAgB,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}
@@ -0,0 +1,10 @@
1
+ export interface EmojiPickerItem {
2
+ id: string;
3
+ label: string;
4
+ value: string;
5
+ keywords?: string[];
6
+ group?: string;
7
+ src?: string;
8
+ }
9
+ export declare const DEFAULT_EMOJI_PICKER_ITEMS: EmojiPickerItem[];
10
+ //# sourceMappingURL=emojiPickerData.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"emojiPickerData.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/emojiPickerData.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,0BAA0B,EAAE,eAAe,EAyBvD,CAAC"}
@@ -0,0 +1,27 @@
1
+ export const DEFAULT_EMOJI_PICKER_ITEMS = [
2
+ { id: 'wave', label: 'Wave', value: '👋', keywords: ['hello', 'hand'], group: 'gestures' },
3
+ { id: 'thumbs-up', label: 'Thumbs Up', value: '👍', keywords: ['like', 'approve'], group: 'gestures' },
4
+ { id: 'fire', label: 'Fire', value: '🔥', keywords: ['hot', 'trend'], group: 'status' },
5
+ { id: 'sparkles', label: 'Sparkles', value: '✨', keywords: ['shine', 'magic'], group: 'status' },
6
+ { id: 'rocket', label: 'Rocket', value: '🚀', keywords: ['launch', 'speed'], group: 'status' },
7
+ { id: 'party', label: 'Party', value: '🎉', keywords: ['celebrate', 'confetti'], group: 'status' },
8
+ { id: 'check', label: 'Check', value: '✅', keywords: ['done', 'success'], group: 'symbols' },
9
+ { id: 'warning', label: 'Warning', value: '⚠️', keywords: ['alert', 'risk'], group: 'symbols' },
10
+ { id: 'idea', label: 'Idea', value: '💡', keywords: ['tip', 'brainstorm'], group: 'objects' },
11
+ { id: 'brain', label: 'Brain', value: '🧠', keywords: ['thinking', 'smart'], group: 'objects' },
12
+ { id: 'palette', label: 'Palette', value: '🎨', keywords: ['design', 'art'], group: 'objects' },
13
+ { id: 'package', label: 'Package', value: '📦', keywords: ['box', 'delivery'], group: 'objects' },
14
+ { id: 'pin', label: 'Pin', value: '📌', keywords: ['attach', 'note'], group: 'objects' },
15
+ { id: 'paperclip', label: 'Paperclip', value: '📎', keywords: ['attachment', 'file'], group: 'objects' },
16
+ { id: 'puzzle', label: 'Puzzle', value: '🧩', keywords: ['piece', 'integration'], group: 'objects' },
17
+ { id: 'tools', label: 'Tools', value: '🛠️', keywords: ['build', 'fix'], group: 'objects' },
18
+ { id: 'megaphone', label: 'Megaphone', value: '📣', keywords: ['announce', 'broadcast'], group: 'objects' },
19
+ { id: 'heart', label: 'Heart', value: '❤️', keywords: ['love', 'favorite'], group: 'status' },
20
+ { id: 'star', label: 'Star', value: '⭐', keywords: ['favorite', 'quality'], group: 'status' },
21
+ { id: 'moon', label: 'Moon', value: '🌙', keywords: ['night', 'dark'], group: 'nature' },
22
+ { id: 'sun', label: 'Sun', value: '☀️', keywords: ['day', 'light'], group: 'nature' },
23
+ { id: 'leaf', label: 'Leaf', value: '🌿', keywords: ['green', 'fresh'], group: 'nature' },
24
+ { id: 'robot', label: 'Robot', value: '🤖', keywords: ['bot', 'ai'], group: 'faces' },
25
+ { id: 'cool', label: 'Cool', value: '😎', keywords: ['confidence', 'style'], group: 'faces' },
26
+ ];
27
+ //# sourceMappingURL=emojiPickerData.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"emojiPickerData.js","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/emojiPickerData.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export * from './emojiPickerData.js';
2
+ export * from './EmojiPickerBoard.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/index.ts"],"names":[],"mappings":"AAYA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}
@@ -0,0 +1,14 @@
1
+ /* ************************************************************************** */
2
+ /* */
3
+ /* ::: :::::::: */
4
+ /* index.ts :+: :+: :+: */
5
+ /* +:+ +:+ +:+ */
6
+ /* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
7
+ /* +#+#+#+#+#+ +#+ */
8
+ /* Created: 2026/04/09 11:38:08 by rstancu #+# #+# */
9
+ /* Updated: 2026/04/09 11:49:25 by rstancu ### ########.fr */
10
+ /* */
11
+ /* ************************************************************************** */
12
+ export * from './emojiPickerData.js';
13
+ export * from './EmojiPickerBoard.js';
14
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/index.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAEhF,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}
@@ -0,0 +1,8 @@
1
+ export interface ExampleBlockProps {
2
+ code: string;
3
+ onInsert?: (text: string) => void;
4
+ onCopy?: (text: string) => void;
5
+ className?: string;
6
+ }
7
+ export declare function ExampleBlock({ code, onInsert, onCopy, className }: Readonly<ExampleBlockProps>): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=ExampleBlock.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExampleBlock.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/formula/ExampleBlock.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CA2C9F"}
@@ -0,0 +1,41 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /* ************************************************************************** */
3
+ /* */
4
+ /* ::: :::::::: */
5
+ /* ExampleBlock.tsx :+: :+: :+: */
6
+ /* +:+ +:+ +:+ */
7
+ /* By: rstancu <rstancu@student.42madrid.com> +#+ +:+ +#+ */
8
+ /* +#+#+#+#+#+ +#+ */
9
+ /* Created: 2026/04/09 12:25:25 by rstancu #+# #+# */
10
+ /* Updated: 2026/04/09 12:25:25 by rstancu ### ########.fr */
11
+ /* */
12
+ /* ************************************************************************** */
13
+ import React, { useState } from 'react';
14
+ import { cn } from '../../../icons/react/cn.js';
15
+ function InsertIcon({ className }) {
16
+ return (_jsxs("svg", { viewBox: "0 0 16 16", className: className, fill: "none", stroke: "currentColor", strokeWidth: "1.4", "aria-hidden": "true", children: [_jsx("path", { d: "M5 11L11 5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6 5h5v5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
17
+ }
18
+ function CopyIcon({ className }) {
19
+ return (_jsxs("svg", { className: className, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }));
20
+ }
21
+ function CheckIcon({ className }) {
22
+ return (_jsx("svg", { viewBox: "0 0 16 16", className: className, fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": "true", children: _jsx("path", { d: "M3.5 8.5l2.5 2.5 6-6", strokeLinecap: "round", strokeLinejoin: "round" }) }));
23
+ }
24
+ export function ExampleBlock({ code, onInsert, onCopy, className }) {
25
+ const [copied, setCopied] = useState(false);
26
+ async function handleCopy() {
27
+ try {
28
+ await navigator.clipboard?.writeText(code);
29
+ onCopy?.(code);
30
+ setCopied(true);
31
+ window.setTimeout(() => setCopied(false), 1500);
32
+ }
33
+ catch {
34
+ setCopied(false);
35
+ }
36
+ }
37
+ return (_jsxs("div", { className: cn('flex items-start gap-1 group', className), children: [_jsx("div", { className: cn('flex-1 p-1.5 rounded bg-surface-primary border border-line font-mono text-[11px] text-ink-body break-all leading-snug'), children: code }), _jsxs("div", { className: cn('flex flex-col gap-0.5 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity'), children: [onInsert ? (_jsx("button", { type: "button", onClick: () => onInsert(code), className: cn('p-1 rounded hover:bg-hover-accent-soft text-ink-muted hover:text-hover-accent-text transition-colors'), title: "Insert into formula", children: _jsx(InsertIcon, { className: cn('w-3 h-3') }) })) : null, _jsx("button", { type: "button", onClick: () => {
38
+ void handleCopy();
39
+ }, className: cn('p-1 rounded hover:bg-hover-surface2 text-ink-muted hover:text-hover-text transition-colors'), title: "Copy", children: copied ? _jsx(CheckIcon, { className: cn('w-3 h-3 text-success-text') }) : _jsx(CopyIcon, { className: cn('w-3 h-3') }) })] })] }));
40
+ }
41
+ //# sourceMappingURL=ExampleBlock.js.map