@ktnpm_devops/react-component 0.4.1 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (372) hide show
  1. package/dist/charts/Sparkline/Sparkline.d.ts +4 -0
  2. package/dist/charts/Sparkline/Sparkline.d.ts.map +1 -0
  3. package/dist/charts/Sparkline/Sparkline.types.d.ts +15 -0
  4. package/dist/charts/Sparkline/Sparkline.types.d.ts.map +1 -0
  5. package/dist/charts/Sparkline/index.d.ts +3 -0
  6. package/dist/charts/Sparkline/index.d.ts.map +1 -0
  7. package/dist/composites/Accordion/Accordion.d.ts +5 -0
  8. package/dist/composites/Accordion/Accordion.d.ts.map +1 -0
  9. package/dist/composites/Accordion/Accordion.types.d.ts +15 -0
  10. package/dist/composites/Accordion/Accordion.types.d.ts.map +1 -0
  11. package/dist/composites/Accordion/index.d.ts +3 -0
  12. package/dist/composites/Accordion/index.d.ts.map +1 -0
  13. package/dist/composites/DatePickerDropdown/DatePickerDropdown.d.ts +7 -0
  14. package/dist/composites/DatePickerDropdown/DatePickerDropdown.d.ts.map +1 -0
  15. package/dist/composites/DatePickerDropdown/DatePickerDropdown.types.d.ts +20 -0
  16. package/dist/composites/DatePickerDropdown/DatePickerDropdown.types.d.ts.map +1 -0
  17. package/dist/composites/DatePickerDropdown/index.d.ts +3 -0
  18. package/dist/composites/DatePickerDropdown/index.d.ts.map +1 -0
  19. package/dist/composites/FilterDropdown/FilterDropdown.d.ts +7 -0
  20. package/dist/composites/FilterDropdown/FilterDropdown.d.ts.map +1 -0
  21. package/dist/composites/FilterDropdown/FilterDropdown.types.d.ts +29 -0
  22. package/dist/composites/FilterDropdown/FilterDropdown.types.d.ts.map +1 -0
  23. package/dist/composites/FilterDropdown/index.d.ts +3 -0
  24. package/dist/composites/FilterDropdown/index.d.ts.map +1 -0
  25. package/dist/constants.d.ts +2 -0
  26. package/dist/constants.d.ts.map +1 -1
  27. package/dist/data/HeatmapMatrix/HeatmapMatrix.d.ts +4 -0
  28. package/dist/data/HeatmapMatrix/HeatmapMatrix.d.ts.map +1 -0
  29. package/dist/data/HeatmapMatrix/HeatmapMatrix.types.d.ts +40 -0
  30. package/dist/data/HeatmapMatrix/HeatmapMatrix.types.d.ts.map +1 -0
  31. package/dist/data/HeatmapMatrix/index.d.ts +3 -0
  32. package/dist/data/HeatmapMatrix/index.d.ts.map +1 -0
  33. package/dist/index.cjs +49 -29
  34. package/dist/index.cjs.map +1 -1
  35. package/dist/index.d.ts +16 -0
  36. package/dist/index.d.ts.map +1 -1
  37. package/dist/index.js +50 -30
  38. package/dist/index.js.map +1 -1
  39. package/dist/index10.cjs +14 -15
  40. package/dist/index10.cjs.map +1 -1
  41. package/dist/index10.js +15 -16
  42. package/dist/index10.js.map +1 -1
  43. package/dist/index11.cjs +15 -4
  44. package/dist/index11.cjs.map +1 -1
  45. package/dist/index11.js +15 -4
  46. package/dist/index11.js.map +1 -1
  47. package/dist/index12.cjs +4 -16
  48. package/dist/index12.cjs.map +1 -1
  49. package/dist/index12.js +4 -16
  50. package/dist/index12.js.map +1 -1
  51. package/dist/index13.cjs +16 -10
  52. package/dist/index13.cjs.map +1 -1
  53. package/dist/index13.js +16 -10
  54. package/dist/index13.js.map +1 -1
  55. package/dist/index14.cjs +10 -100
  56. package/dist/index14.cjs.map +1 -1
  57. package/dist/index14.js +11 -101
  58. package/dist/index14.js.map +1 -1
  59. package/dist/index15.cjs +100 -20
  60. package/dist/index15.cjs.map +1 -1
  61. package/dist/index15.js +101 -21
  62. package/dist/index15.js.map +1 -1
  63. package/dist/index16.cjs +20 -43
  64. package/dist/index16.cjs.map +1 -1
  65. package/dist/index16.js +21 -44
  66. package/dist/index16.js.map +1 -1
  67. package/dist/index17.cjs +38 -85
  68. package/dist/index17.cjs.map +1 -1
  69. package/dist/index17.js +40 -87
  70. package/dist/index17.js.map +1 -1
  71. package/dist/index18.cjs +85 -153
  72. package/dist/index18.cjs.map +1 -1
  73. package/dist/index18.js +87 -155
  74. package/dist/index18.js.map +1 -1
  75. package/dist/index19.cjs +150 -128
  76. package/dist/index19.cjs.map +1 -1
  77. package/dist/index19.js +150 -128
  78. package/dist/index19.js.map +1 -1
  79. package/dist/index20.cjs +121 -106
  80. package/dist/index20.cjs.map +1 -1
  81. package/dist/index20.js +122 -107
  82. package/dist/index20.js.map +1 -1
  83. package/dist/index21.cjs +121 -17
  84. package/dist/index21.cjs.map +1 -1
  85. package/dist/index21.js +121 -17
  86. package/dist/index21.js.map +1 -1
  87. package/dist/index22.cjs +17 -8
  88. package/dist/index22.cjs.map +1 -1
  89. package/dist/index22.js +18 -9
  90. package/dist/index22.js.map +1 -1
  91. package/dist/index23.cjs +152 -119
  92. package/dist/index23.cjs.map +1 -1
  93. package/dist/index23.js +153 -120
  94. package/dist/index23.js.map +1 -1
  95. package/dist/index24.cjs +125 -33
  96. package/dist/index24.cjs.map +1 -1
  97. package/dist/index24.js +126 -34
  98. package/dist/index24.js.map +1 -1
  99. package/dist/index25.cjs +71 -218
  100. package/dist/index25.cjs.map +1 -1
  101. package/dist/index25.js +73 -220
  102. package/dist/index25.js.map +1 -1
  103. package/dist/index26.cjs +6 -32
  104. package/dist/index26.cjs.map +1 -1
  105. package/dist/index26.js +7 -33
  106. package/dist/index26.js.map +1 -1
  107. package/dist/index27.cjs +120 -67
  108. package/dist/index27.cjs.map +1 -1
  109. package/dist/index27.js +121 -68
  110. package/dist/index27.js.map +1 -1
  111. package/dist/index28.cjs +37 -58
  112. package/dist/index28.cjs.map +1 -1
  113. package/dist/index28.js +38 -59
  114. package/dist/index28.js.map +1 -1
  115. package/dist/index29.cjs +208 -137
  116. package/dist/index29.cjs.map +1 -1
  117. package/dist/index29.js +209 -138
  118. package/dist/index29.js.map +1 -1
  119. package/dist/index30.cjs +32 -6
  120. package/dist/index30.cjs.map +1 -1
  121. package/dist/index30.js +33 -7
  122. package/dist/index30.js.map +1 -1
  123. package/dist/index31.cjs +78 -17
  124. package/dist/index31.cjs.map +1 -1
  125. package/dist/index31.js +78 -17
  126. package/dist/index31.js.map +1 -1
  127. package/dist/index32.cjs +55 -73
  128. package/dist/index32.cjs.map +1 -1
  129. package/dist/index32.js +57 -75
  130. package/dist/index32.js.map +1 -1
  131. package/dist/index33.cjs +145 -135
  132. package/dist/index33.cjs.map +1 -1
  133. package/dist/index33.js +146 -136
  134. package/dist/index33.js.map +1 -1
  135. package/dist/index34.cjs +66 -99
  136. package/dist/index34.cjs.map +1 -1
  137. package/dist/index34.js +68 -101
  138. package/dist/index34.js.map +1 -1
  139. package/dist/index35.cjs +8 -6
  140. package/dist/index35.cjs.map +1 -1
  141. package/dist/index35.js +8 -6
  142. package/dist/index35.js.map +1 -1
  143. package/dist/index36.cjs +16 -215
  144. package/dist/index36.cjs.map +1 -1
  145. package/dist/index36.js +16 -215
  146. package/dist/index36.js.map +1 -1
  147. package/dist/index37.cjs +76 -7
  148. package/dist/index37.cjs.map +1 -1
  149. package/dist/index37.js +78 -9
  150. package/dist/index37.js.map +1 -1
  151. package/dist/index38.cjs +145 -16
  152. package/dist/index38.cjs.map +1 -1
  153. package/dist/index38.js +144 -15
  154. package/dist/index38.js.map +1 -1
  155. package/dist/index39.cjs +66 -28
  156. package/dist/index39.cjs.map +1 -1
  157. package/dist/index39.js +65 -27
  158. package/dist/index39.js.map +1 -1
  159. package/dist/index40.cjs +106 -69
  160. package/dist/index40.cjs.map +1 -1
  161. package/dist/index40.js +105 -68
  162. package/dist/index40.js.map +1 -1
  163. package/dist/index41.cjs +49 -16
  164. package/dist/index41.cjs.map +1 -1
  165. package/dist/index41.js +48 -15
  166. package/dist/index41.js.map +1 -1
  167. package/dist/index42.cjs +8 -25
  168. package/dist/index42.cjs.map +1 -1
  169. package/dist/index42.js +7 -24
  170. package/dist/index42.js.map +1 -1
  171. package/dist/index43.cjs +218 -7
  172. package/dist/index43.cjs.map +1 -1
  173. package/dist/index43.js +217 -6
  174. package/dist/index43.js.map +1 -1
  175. package/dist/index44.cjs +10 -7
  176. package/dist/index44.cjs.map +1 -1
  177. package/dist/index44.js +9 -6
  178. package/dist/index44.js.map +1 -1
  179. package/dist/index45.cjs +18 -67
  180. package/dist/index45.cjs.map +1 -1
  181. package/dist/index45.js +18 -67
  182. package/dist/index45.js.map +1 -1
  183. package/dist/index46.cjs +67 -18
  184. package/dist/index46.cjs.map +1 -1
  185. package/dist/index46.js +66 -17
  186. package/dist/index46.js.map +1 -1
  187. package/dist/index47.cjs +15 -57
  188. package/dist/index47.cjs.map +1 -1
  189. package/dist/index47.js +15 -57
  190. package/dist/index47.js.map +1 -1
  191. package/dist/index48.cjs +2 -35
  192. package/dist/index48.cjs.map +1 -1
  193. package/dist/index48.js +3 -36
  194. package/dist/index48.js.map +1 -1
  195. package/dist/index49.cjs +22 -49
  196. package/dist/index49.cjs.map +1 -1
  197. package/dist/index49.js +22 -49
  198. package/dist/index49.js.map +1 -1
  199. package/dist/index50.cjs +15 -18
  200. package/dist/index50.cjs.map +1 -1
  201. package/dist/index50.js +15 -18
  202. package/dist/index50.js.map +1 -1
  203. package/dist/index51.cjs +69 -33
  204. package/dist/index51.cjs.map +1 -1
  205. package/dist/index51.js +68 -32
  206. package/dist/index51.js.map +1 -1
  207. package/dist/index52.cjs +22 -13
  208. package/dist/index52.cjs.map +1 -1
  209. package/dist/index52.js +23 -14
  210. package/dist/index52.js.map +1 -1
  211. package/dist/index53.cjs +13 -10
  212. package/dist/index53.cjs.map +1 -1
  213. package/dist/index53.js +14 -11
  214. package/dist/index53.js.map +1 -1
  215. package/dist/index54.cjs +11 -2
  216. package/dist/index54.cjs.map +1 -1
  217. package/dist/index54.js +11 -2
  218. package/dist/index54.js.map +1 -1
  219. package/dist/index55.cjs +20 -2
  220. package/dist/index55.cjs.map +1 -1
  221. package/dist/index55.js +21 -3
  222. package/dist/index55.js.map +1 -1
  223. package/dist/index56.cjs +2 -20
  224. package/dist/index56.cjs.map +1 -1
  225. package/dist/index56.js +3 -21
  226. package/dist/index56.js.map +1 -1
  227. package/dist/index57.cjs +1 -4
  228. package/dist/index57.cjs.map +1 -1
  229. package/dist/index57.js +1 -4
  230. package/dist/index57.js.map +1 -1
  231. package/dist/index58.cjs +30 -75
  232. package/dist/index58.cjs.map +1 -1
  233. package/dist/index58.js +30 -75
  234. package/dist/index58.js.map +1 -1
  235. package/dist/index59.cjs +13 -10
  236. package/dist/index59.cjs.map +1 -1
  237. package/dist/index59.js +13 -10
  238. package/dist/index59.js.map +1 -1
  239. package/dist/index60.cjs +15 -27
  240. package/dist/index60.cjs.map +1 -1
  241. package/dist/index60.js +15 -27
  242. package/dist/index60.js.map +1 -1
  243. package/dist/index61.cjs +16 -34
  244. package/dist/index61.cjs.map +1 -1
  245. package/dist/index61.js +16 -34
  246. package/dist/index61.js.map +1 -1
  247. package/dist/index62.cjs +10 -16
  248. package/dist/index62.cjs.map +1 -1
  249. package/dist/index62.js +11 -17
  250. package/dist/index62.js.map +1 -1
  251. package/dist/index63.cjs +13 -37
  252. package/dist/index63.cjs.map +1 -1
  253. package/dist/index63.js +14 -38
  254. package/dist/index63.js.map +1 -1
  255. package/dist/index64.cjs +16 -52
  256. package/dist/index64.cjs.map +1 -1
  257. package/dist/index64.js +16 -52
  258. package/dist/index64.js.map +1 -1
  259. package/dist/index65.cjs +49 -13
  260. package/dist/index65.cjs.map +1 -1
  261. package/dist/index65.js +49 -13
  262. package/dist/index65.js.map +1 -1
  263. package/dist/index66.cjs +36 -15
  264. package/dist/index66.cjs.map +1 -1
  265. package/dist/index66.js +37 -16
  266. package/dist/index66.js.map +1 -1
  267. package/dist/index67.cjs +42 -33
  268. package/dist/index67.cjs.map +1 -1
  269. package/dist/index67.js +42 -33
  270. package/dist/index67.js.map +1 -1
  271. package/dist/index68.cjs +43 -134
  272. package/dist/index68.cjs.map +1 -1
  273. package/dist/index68.js +42 -133
  274. package/dist/index68.js.map +1 -1
  275. package/dist/index69.cjs +2 -41
  276. package/dist/index69.cjs.map +1 -1
  277. package/dist/index69.js +3 -42
  278. package/dist/index69.js.map +1 -1
  279. package/dist/index70.cjs +27 -0
  280. package/dist/index70.cjs.map +1 -0
  281. package/dist/index70.js +27 -0
  282. package/dist/index70.js.map +1 -0
  283. package/dist/index71.cjs +27 -0
  284. package/dist/index71.cjs.map +1 -0
  285. package/dist/index71.js +27 -0
  286. package/dist/index71.js.map +1 -0
  287. package/dist/index72.cjs +12 -0
  288. package/dist/index72.cjs.map +1 -0
  289. package/dist/index72.js +12 -0
  290. package/dist/index72.js.map +1 -0
  291. package/dist/index73.cjs +39 -0
  292. package/dist/index73.cjs.map +1 -0
  293. package/dist/index73.js +39 -0
  294. package/dist/index73.js.map +1 -0
  295. package/dist/index74.cjs +36 -0
  296. package/dist/index74.cjs.map +1 -0
  297. package/dist/index74.js +36 -0
  298. package/dist/index74.js.map +1 -0
  299. package/dist/index75.cjs +72 -0
  300. package/dist/index75.cjs.map +1 -0
  301. package/dist/index75.js +72 -0
  302. package/dist/index75.js.map +1 -0
  303. package/dist/index76.cjs +27 -0
  304. package/dist/index76.cjs.map +1 -0
  305. package/dist/index76.js +27 -0
  306. package/dist/index76.js.map +1 -0
  307. package/dist/index77.cjs +136 -0
  308. package/dist/index77.cjs.map +1 -0
  309. package/dist/index77.js +136 -0
  310. package/dist/index77.js.map +1 -0
  311. package/dist/index78.cjs +48 -0
  312. package/dist/index78.cjs.map +1 -0
  313. package/dist/index78.js +48 -0
  314. package/dist/index78.js.map +1 -0
  315. package/dist/index79.cjs +87 -0
  316. package/dist/index79.cjs.map +1 -0
  317. package/dist/index79.js +87 -0
  318. package/dist/index79.js.map +1 -0
  319. package/dist/index80.cjs +60 -0
  320. package/dist/index80.cjs.map +1 -0
  321. package/dist/index80.js +60 -0
  322. package/dist/index80.js.map +1 -0
  323. package/dist/index81.cjs +36 -0
  324. package/dist/index81.cjs.map +1 -0
  325. package/dist/index81.js +36 -0
  326. package/dist/index81.js.map +1 -0
  327. package/dist/index82.cjs +33 -0
  328. package/dist/index82.cjs.map +1 -0
  329. package/dist/index82.js +33 -0
  330. package/dist/index82.js.map +1 -0
  331. package/dist/index83.cjs +42 -0
  332. package/dist/index83.cjs.map +1 -0
  333. package/dist/index83.js +42 -0
  334. package/dist/index83.js.map +1 -0
  335. package/dist/index84.cjs +60 -0
  336. package/dist/index84.cjs.map +1 -0
  337. package/dist/index84.js +60 -0
  338. package/dist/index84.js.map +1 -0
  339. package/dist/index85.cjs +12 -0
  340. package/dist/index85.cjs.map +1 -0
  341. package/dist/index85.js +12 -0
  342. package/dist/index85.js.map +1 -0
  343. package/dist/index86.cjs +18 -0
  344. package/dist/index86.cjs.map +1 -0
  345. package/dist/index86.js +18 -0
  346. package/dist/index86.js.map +1 -0
  347. package/dist/index9.cjs +45 -14
  348. package/dist/index9.cjs.map +1 -1
  349. package/dist/index9.js +46 -15
  350. package/dist/index9.js.map +1 -1
  351. package/dist/primitives/SegmentedControl/SegmentedControl.d.ts +8 -0
  352. package/dist/primitives/SegmentedControl/SegmentedControl.d.ts.map +1 -0
  353. package/dist/primitives/SegmentedControl/SegmentedControl.types.d.ts +25 -0
  354. package/dist/primitives/SegmentedControl/SegmentedControl.types.d.ts.map +1 -0
  355. package/dist/primitives/SegmentedControl/index.d.ts +3 -0
  356. package/dist/primitives/SegmentedControl/index.d.ts.map +1 -0
  357. package/dist/primitives/StatCard/StatCard.d.ts +4 -0
  358. package/dist/primitives/StatCard/StatCard.d.ts.map +1 -0
  359. package/dist/primitives/StatCard/StatCard.types.d.ts +16 -0
  360. package/dist/primitives/StatCard/StatCard.types.d.ts.map +1 -0
  361. package/dist/primitives/StatCard/index.d.ts +3 -0
  362. package/dist/primitives/StatCard/index.d.ts.map +1 -0
  363. package/dist/primitives/Toast/Toast.d.ts +5 -0
  364. package/dist/primitives/Toast/Toast.d.ts.map +1 -0
  365. package/dist/primitives/Toast/Toast.types.d.ts +28 -0
  366. package/dist/primitives/Toast/Toast.types.d.ts.map +1 -0
  367. package/dist/primitives/Toast/ToastProvider.d.ts +5 -0
  368. package/dist/primitives/Toast/ToastProvider.d.ts.map +1 -0
  369. package/dist/primitives/Toast/index.d.ts +4 -0
  370. package/dist/primitives/Toast/index.d.ts.map +1 -0
  371. package/dist/style.css +561 -0
  372. package/package.json +1 -1
package/dist/index44.js CHANGED
@@ -1,9 +1,12 @@
1
- const root = "krc-root-pJYpn";
2
- const styles = {
3
- root
4
- };
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { clsx } from "./index47.js";
4
+ import styles from "./index57.js";
5
+ const Textarea = forwardRef(
6
+ ({ className, ...props }, ref) => /* @__PURE__ */ jsx("textarea", { ref, className: clsx(styles.root, className), ...props })
7
+ );
8
+ Textarea.displayName = "Textarea";
5
9
  export {
6
- styles as default,
7
- root
10
+ Textarea
8
11
  };
9
12
  //# sourceMappingURL=index44.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index44.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index44.js","sources":["../src/primitives/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Textarea.module.css';\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n ({ className, ...props }, ref) => (\n <textarea ref={ref} className={clsx(styles.root, className)} {...props} />\n ),\n);\n\nTextarea.displayName = 'Textarea';\n"],"names":[],"mappings":";;;;AAMO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QACxB,oBAAC,YAAA,EAAS,KAAU,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAE5E;AAEA,SAAS,cAAc;"}
package/dist/index45.cjs CHANGED
@@ -1,70 +1,21 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const ICON_SIZE = {
4
- SM: 14,
5
- MD: 16,
6
- LG: 18
7
- };
8
- const SVG_VIEWBOX = "0 0 24 24";
9
- const SVG_STROKE_WIDTH = 2;
10
- const KEYBOARD_STEP = 2;
11
- const VIEWPORT_MARGIN = 32;
12
- const CONTEXT_MENU_MARGIN = 10;
13
- const CHART_MODAL = {
14
- MIN_WIDTH: 960,
15
- MIN_HEIGHT: 480,
16
- MAX_WIDTH: 2400,
17
- MAX_HEIGHT: 1300,
18
- DEFAULT_WIDTH: 1500,
19
- DEFAULT_HEIGHT: 820,
20
- FALLBACK_WIDTH: 1400,
21
- FALLBACK_HEIGHT: 800
22
- };
23
- const MAX_SANKEY_NODES = 150;
24
- const MAX_SERIES = 20;
25
- const MAX_CATEGORIES = 20;
26
- const MAX_SUBCATEGORIES = 10;
27
- const CHART_COLORS = [
28
- "#FF6B5A",
29
- "#5B8DEF",
30
- "#4ECDC4",
31
- "#F7B731",
32
- "#A55EEA",
33
- "#26DE81",
34
- "#FC5C65",
35
- "#45AAF2",
36
- "#FD9644",
37
- "#2BCBBA",
38
- "#D1D8E0",
39
- "#778CA3",
40
- "#EB3B5A",
41
- "#3867D6",
42
- "#20BF6B",
43
- "#F7B731",
44
- "#8854D0",
45
- "#0FB9B1",
46
- "#FA8231",
47
- "#4B6584"
48
- ];
49
- const MIN_COLUMN_WIDTH = 40;
50
- const SIDEBAR = {
51
- WIDTH: 240,
52
- COLLAPSED_WIDTH: 80
53
- };
54
- const COUNTERS_PAGE_SIZE = 100;
55
- exports.CHART_COLORS = CHART_COLORS;
56
- exports.CHART_MODAL = CHART_MODAL;
57
- exports.CONTEXT_MENU_MARGIN = CONTEXT_MENU_MARGIN;
58
- exports.COUNTERS_PAGE_SIZE = COUNTERS_PAGE_SIZE;
59
- exports.ICON_SIZE = ICON_SIZE;
60
- exports.KEYBOARD_STEP = KEYBOARD_STEP;
61
- exports.MAX_CATEGORIES = MAX_CATEGORIES;
62
- exports.MAX_SANKEY_NODES = MAX_SANKEY_NODES;
63
- exports.MAX_SERIES = MAX_SERIES;
64
- exports.MAX_SUBCATEGORIES = MAX_SUBCATEGORIES;
65
- exports.MIN_COLUMN_WIDTH = MIN_COLUMN_WIDTH;
66
- exports.SIDEBAR = SIDEBAR;
67
- exports.SVG_STROKE_WIDTH = SVG_STROKE_WIDTH;
68
- exports.SVG_VIEWBOX = SVG_VIEWBOX;
69
- exports.VIEWPORT_MARGIN = VIEWPORT_MARGIN;
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const react = require("react");
5
+ const clsx = require("./index47.cjs");
6
+ const Toast_module = require("./index50.cjs");
7
+ const Toast = react.forwardRef(
8
+ ({ variant = "default", className, role = "status", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
9
+ "div",
10
+ {
11
+ ref,
12
+ role,
13
+ className: clsx.clsx(Toast_module.default.toast, variant !== "default" && Toast_module.default[variant], className),
14
+ ...props,
15
+ children
16
+ }
17
+ )
18
+ );
19
+ Toast.displayName = "Toast";
20
+ exports.Toast = Toast;
70
21
  //# sourceMappingURL=index45.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index45.cjs","sources":["../src/constants.ts"],"sourcesContent":["/**\n * Shared constants for the component library.\n * Centralises magic numbers used across components.\n */\n\n/** SVG icon rendered sizes (px — used as HTML/SVG attributes, not CSS). */\nexport const ICON_SIZE = {\n SM: 14,\n MD: 16,\n LG: 18,\n} as const;\n\n/** Standard SVG viewBox for 24×24 icon grid. */\nexport const SVG_VIEWBOX = '0 0 24 24';\n\n/** Standard SVG stroke width. */\nexport const SVG_STROKE_WIDTH = 2;\n\n/** Keyboard accessibility step (percentage points per arrow press). */\nexport const KEYBOARD_STEP = 2;\n\n/** Viewport safety margin (px — used in JS calculations with DOM APIs). */\nexport const VIEWPORT_MARGIN = 32;\n\n/** ContextMenu viewport margin (px). */\nexport const CONTEXT_MENU_MARGIN = 10;\n\n/** ChartExpandModal dimension constraints (px used with window.innerWidth). */\nexport const CHART_MODAL = {\n MIN_WIDTH: 960,\n MIN_HEIGHT: 480,\n MAX_WIDTH: 2400,\n MAX_HEIGHT: 1300,\n DEFAULT_WIDTH: 1500,\n DEFAULT_HEIGHT: 820,\n FALLBACK_WIDTH: 1400,\n FALLBACK_HEIGHT: 800,\n} as const;\n\n/** Maximum Sankey nodes before truncation warning. */\nexport const MAX_SANKEY_NODES = 150;\n\n/** Maximum stacked series before \"Other\" aggregation. */\nexport const MAX_SERIES = 20;\n\n/** Maximum categories in stacked bar chart. */\nexport const MAX_CATEGORIES = 20;\n\n/** Maximum subcategories per category. */\nexport const MAX_SUBCATEGORIES = 10;\n\n/** Time range preset durations in milliseconds. */\nexport const TIME_PRESET_MS = {\n '1h': 3_600_000,\n '6h': 21_600_000,\n '24h': 86_400_000,\n '7d': 604_800_000,\n '30d': 2_592_000_000,\n} as const;\n\n/** Default chart color palette. */\nexport const CHART_COLORS = [\n '#FF6B5A', '#5B8DEF', '#4ECDC4', '#F7B731', '#A55EEA',\n '#26DE81', '#FC5C65', '#45AAF2', '#FD9644', '#2BCBBA',\n '#D1D8E0', '#778CA3', '#EB3B5A', '#3867D6', '#20BF6B',\n '#F7B731', '#8854D0', '#0FB9B1', '#FA8231', '#4B6584',\n] as const;\n\n/** Minimum column width for resizable tables (px — used in JS calculations). */\nexport const MIN_COLUMN_WIDTH = 40;\n\n/** Sidebar dimension constants (px — used as inline styles). */\nexport const SIDEBAR = {\n WIDTH: 240,\n COLLAPSED_WIDTH: 80,\n} as const;\n\n/** Counters analysis pagination. */\nexport const COUNTERS_PAGE_SIZE = 100;\n"],"names":[],"mappings":";;AAMO,MAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,cAAc;AAGpB,MAAM,mBAAmB;AAGzB,MAAM,gBAAgB;AAGtB,MAAM,kBAAkB;AAGxB,MAAM,sBAAsB;AAG5B,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAGO,MAAM,mBAAmB;AAGzB,MAAM,aAAa;AAGnB,MAAM,iBAAiB;AAGvB,MAAM,oBAAoB;AAY1B,MAAM,eAAe;AAAA,EAC1B;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAC9C;AAGO,MAAM,mBAAmB;AAGzB,MAAM,UAAU;AAAA,EACrB,OAAO;AAAA,EACP,iBAAiB;AACnB;AAGO,MAAM,qBAAqB;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index45.cjs","sources":["../src/primitives/Toast/Toast.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { ToastProps } from './Toast.types';\nimport styles from './Toast.module.css';\n\n/** Presentational toast bubble. Usually rendered by `ToastProvider`, exported for standalone use. */\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n ({ variant = 'default', className, role = 'status', children, ...props }, ref) => (\n <div\n ref={ref}\n role={role}\n className={clsx(styles.toast, variant !== 'default' && styles[variant], className)}\n {...props}\n >\n {children}\n </div>\n ),\n);\n\nToast.displayName = 'Toast';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAMO,MAAM,QAAQA,MAAAA;AAAAA,EACnB,CAAC,EAAE,UAAU,WAAW,WAAW,OAAO,UAAU,UAAU,GAAG,SAAS,QACxEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAWC,KAAAA,KAAKC,aAAAA,QAAO,OAAO,YAAY,aAAaA,aAAAA,QAAO,OAAO,GAAG,SAAS;AAAA,MAChF,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,MAAM,cAAc;;"}
package/dist/index45.js CHANGED
@@ -1,70 +1,21 @@
1
- const ICON_SIZE = {
2
- SM: 14,
3
- MD: 16,
4
- LG: 18
5
- };
6
- const SVG_VIEWBOX = "0 0 24 24";
7
- const SVG_STROKE_WIDTH = 2;
8
- const KEYBOARD_STEP = 2;
9
- const VIEWPORT_MARGIN = 32;
10
- const CONTEXT_MENU_MARGIN = 10;
11
- const CHART_MODAL = {
12
- MIN_WIDTH: 960,
13
- MIN_HEIGHT: 480,
14
- MAX_WIDTH: 2400,
15
- MAX_HEIGHT: 1300,
16
- DEFAULT_WIDTH: 1500,
17
- DEFAULT_HEIGHT: 820,
18
- FALLBACK_WIDTH: 1400,
19
- FALLBACK_HEIGHT: 800
20
- };
21
- const MAX_SANKEY_NODES = 150;
22
- const MAX_SERIES = 20;
23
- const MAX_CATEGORIES = 20;
24
- const MAX_SUBCATEGORIES = 10;
25
- const CHART_COLORS = [
26
- "#FF6B5A",
27
- "#5B8DEF",
28
- "#4ECDC4",
29
- "#F7B731",
30
- "#A55EEA",
31
- "#26DE81",
32
- "#FC5C65",
33
- "#45AAF2",
34
- "#FD9644",
35
- "#2BCBBA",
36
- "#D1D8E0",
37
- "#778CA3",
38
- "#EB3B5A",
39
- "#3867D6",
40
- "#20BF6B",
41
- "#F7B731",
42
- "#8854D0",
43
- "#0FB9B1",
44
- "#FA8231",
45
- "#4B6584"
46
- ];
47
- const MIN_COLUMN_WIDTH = 40;
48
- const SIDEBAR = {
49
- WIDTH: 240,
50
- COLLAPSED_WIDTH: 80
51
- };
52
- const COUNTERS_PAGE_SIZE = 100;
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { clsx } from "./index47.js";
4
+ import styles from "./index50.js";
5
+ const Toast = forwardRef(
6
+ ({ variant = "default", className, role = "status", children, ...props }, ref) => /* @__PURE__ */ jsx(
7
+ "div",
8
+ {
9
+ ref,
10
+ role,
11
+ className: clsx(styles.toast, variant !== "default" && styles[variant], className),
12
+ ...props,
13
+ children
14
+ }
15
+ )
16
+ );
17
+ Toast.displayName = "Toast";
53
18
  export {
54
- CHART_COLORS,
55
- CHART_MODAL,
56
- CONTEXT_MENU_MARGIN,
57
- COUNTERS_PAGE_SIZE,
58
- ICON_SIZE,
59
- KEYBOARD_STEP,
60
- MAX_CATEGORIES,
61
- MAX_SANKEY_NODES,
62
- MAX_SERIES,
63
- MAX_SUBCATEGORIES,
64
- MIN_COLUMN_WIDTH,
65
- SIDEBAR,
66
- SVG_STROKE_WIDTH,
67
- SVG_VIEWBOX,
68
- VIEWPORT_MARGIN
19
+ Toast
69
20
  };
70
21
  //# sourceMappingURL=index45.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index45.js","sources":["../src/constants.ts"],"sourcesContent":["/**\n * Shared constants for the component library.\n * Centralises magic numbers used across components.\n */\n\n/** SVG icon rendered sizes (px — used as HTML/SVG attributes, not CSS). */\nexport const ICON_SIZE = {\n SM: 14,\n MD: 16,\n LG: 18,\n} as const;\n\n/** Standard SVG viewBox for 24×24 icon grid. */\nexport const SVG_VIEWBOX = '0 0 24 24';\n\n/** Standard SVG stroke width. */\nexport const SVG_STROKE_WIDTH = 2;\n\n/** Keyboard accessibility step (percentage points per arrow press). */\nexport const KEYBOARD_STEP = 2;\n\n/** Viewport safety margin (px — used in JS calculations with DOM APIs). */\nexport const VIEWPORT_MARGIN = 32;\n\n/** ContextMenu viewport margin (px). */\nexport const CONTEXT_MENU_MARGIN = 10;\n\n/** ChartExpandModal dimension constraints (px used with window.innerWidth). */\nexport const CHART_MODAL = {\n MIN_WIDTH: 960,\n MIN_HEIGHT: 480,\n MAX_WIDTH: 2400,\n MAX_HEIGHT: 1300,\n DEFAULT_WIDTH: 1500,\n DEFAULT_HEIGHT: 820,\n FALLBACK_WIDTH: 1400,\n FALLBACK_HEIGHT: 800,\n} as const;\n\n/** Maximum Sankey nodes before truncation warning. */\nexport const MAX_SANKEY_NODES = 150;\n\n/** Maximum stacked series before \"Other\" aggregation. */\nexport const MAX_SERIES = 20;\n\n/** Maximum categories in stacked bar chart. */\nexport const MAX_CATEGORIES = 20;\n\n/** Maximum subcategories per category. */\nexport const MAX_SUBCATEGORIES = 10;\n\n/** Time range preset durations in milliseconds. */\nexport const TIME_PRESET_MS = {\n '1h': 3_600_000,\n '6h': 21_600_000,\n '24h': 86_400_000,\n '7d': 604_800_000,\n '30d': 2_592_000_000,\n} as const;\n\n/** Default chart color palette. */\nexport const CHART_COLORS = [\n '#FF6B5A', '#5B8DEF', '#4ECDC4', '#F7B731', '#A55EEA',\n '#26DE81', '#FC5C65', '#45AAF2', '#FD9644', '#2BCBBA',\n '#D1D8E0', '#778CA3', '#EB3B5A', '#3867D6', '#20BF6B',\n '#F7B731', '#8854D0', '#0FB9B1', '#FA8231', '#4B6584',\n] as const;\n\n/** Minimum column width for resizable tables (px — used in JS calculations). */\nexport const MIN_COLUMN_WIDTH = 40;\n\n/** Sidebar dimension constants (px — used as inline styles). */\nexport const SIDEBAR = {\n WIDTH: 240,\n COLLAPSED_WIDTH: 80,\n} as const;\n\n/** Counters analysis pagination. */\nexport const COUNTERS_PAGE_SIZE = 100;\n"],"names":[],"mappings":"AAMO,MAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,cAAc;AAGpB,MAAM,mBAAmB;AAGzB,MAAM,gBAAgB;AAGtB,MAAM,kBAAkB;AAGxB,MAAM,sBAAsB;AAG5B,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAGO,MAAM,mBAAmB;AAGzB,MAAM,aAAa;AAGnB,MAAM,iBAAiB;AAGvB,MAAM,oBAAoB;AAY1B,MAAM,eAAe;AAAA,EAC1B;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAC9C;AAGO,MAAM,mBAAmB;AAGzB,MAAM,UAAU;AAAA,EACrB,OAAO;AAAA,EACP,iBAAiB;AACnB;AAGO,MAAM,qBAAqB;"}
1
+ {"version":3,"file":"index45.js","sources":["../src/primitives/Toast/Toast.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { ToastProps } from './Toast.types';\nimport styles from './Toast.module.css';\n\n/** Presentational toast bubble. Usually rendered by `ToastProvider`, exported for standalone use. */\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n ({ variant = 'default', className, role = 'status', children, ...props }, ref) => (\n <div\n ref={ref}\n role={role}\n className={clsx(styles.toast, variant !== 'default' && styles[variant], className)}\n {...props}\n >\n {children}\n </div>\n ),\n);\n\nToast.displayName = 'Toast';\n"],"names":[],"mappings":";;;;AAMO,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,UAAU,WAAW,WAAW,OAAO,UAAU,UAAU,GAAG,SAAS,QACxE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,OAAO,OAAO,YAAY,aAAa,OAAO,OAAO,GAAG,SAAS;AAAA,MAChF,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,MAAM,cAAc;"}
package/dist/index46.cjs CHANGED
@@ -1,21 +1,70 @@
1
1
  "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "krc-root-LQf3S";
4
- const item = "krc-item-Y5RvK";
5
- const disabled = "krc-disabled-wnQRZ";
6
- const focused = "krc-focused-hDoa3";
7
- const icon = "krc-icon-q-Jmu";
8
- const styles = {
9
- root,
10
- item,
11
- disabled,
12
- focused,
13
- icon
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const react = require("react");
5
+ const reactDom = require("react-dom");
6
+ const constants = require("./index51.cjs");
7
+ const Toast = require("./index45.cjs");
8
+ const Toast_module = require("./index50.cjs");
9
+ const ToastContext = react.createContext(null);
10
+ const ToastProvider = ({
11
+ children,
12
+ defaultDuration = constants.TOAST_DURATION_MS,
13
+ portalTarget
14
+ }) => {
15
+ const [items, setItems] = react.useState([]);
16
+ const idRef = react.useRef(0);
17
+ const timers = react.useRef(/* @__PURE__ */ new Map());
18
+ const dismiss = react.useCallback((id) => {
19
+ setItems((prev) => prev.filter((item) => item.id !== id));
20
+ const timer = timers.current.get(id);
21
+ if (timer) {
22
+ clearTimeout(timer);
23
+ timers.current.delete(id);
24
+ }
25
+ }, []);
26
+ const toast = react.useCallback(
27
+ (message, options) => {
28
+ idRef.current += 1;
29
+ const id = String(idRef.current);
30
+ setItems((prev) => [...prev, { id, message, variant: (options == null ? void 0 : options.variant) ?? "default" }]);
31
+ const timer = setTimeout(() => dismiss(id), (options == null ? void 0 : options.duration) ?? defaultDuration);
32
+ timers.current.set(id, timer);
33
+ },
34
+ [defaultDuration, dismiss]
35
+ );
36
+ react.useEffect(() => {
37
+ const map = timers.current;
38
+ return () => {
39
+ map.forEach((timer) => clearTimeout(timer));
40
+ map.clear();
41
+ };
42
+ }, []);
43
+ const target = portalTarget ?? (typeof document !== "undefined" ? document.body : null);
44
+ return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value: { toast }, children: [
45
+ children,
46
+ target && reactDom.createPortal(
47
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: Toast_module.default.region, "aria-live": "polite", "aria-label": "Notificaciones", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
48
+ Toast.Toast,
49
+ {
50
+ variant: item.variant,
51
+ role: item.variant === "error" ? "alert" : "status",
52
+ onClick: () => dismiss(item.id),
53
+ children: item.message
54
+ },
55
+ item.id
56
+ )) }),
57
+ target
58
+ )
59
+ ] });
14
60
  };
15
- exports.default = styles;
16
- exports.disabled = disabled;
17
- exports.focused = focused;
18
- exports.icon = icon;
19
- exports.item = item;
20
- exports.root = root;
61
+ function useToast() {
62
+ const context = react.useContext(ToastContext);
63
+ if (!context) {
64
+ throw new Error("useToast must be used within a ToastProvider");
65
+ }
66
+ return context;
67
+ }
68
+ exports.ToastProvider = ToastProvider;
69
+ exports.useToast = useToast;
21
70
  //# sourceMappingURL=index46.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index46.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index46.cjs","sources":["../src/primitives/Toast/ToastProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TOAST_DURATION_MS } from '../../constants';\nimport type { ToastContextValue, ToastItem, ToastProviderProps } from './Toast.types';\nimport { Toast } from './Toast';\nimport styles from './Toast.module.css';\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const ToastProvider = ({\n children,\n defaultDuration = TOAST_DURATION_MS,\n portalTarget,\n}: ToastProviderProps) => {\n const [items, setItems] = useState<ToastItem[]>([]);\n const idRef = useRef(0);\n const timers = useRef(new Map<string, ReturnType<typeof setTimeout>>());\n\n const dismiss = useCallback((id: string) => {\n setItems((prev) => prev.filter((item) => item.id !== id));\n const timer = timers.current.get(id);\n if (timer) {\n clearTimeout(timer);\n timers.current.delete(id);\n }\n }, []);\n\n const toast = useCallback<ToastContextValue['toast']>(\n (message, options) => {\n idRef.current += 1;\n const id = String(idRef.current);\n setItems((prev) => [...prev, { id, message, variant: options?.variant ?? 'default' }]);\n const timer = setTimeout(() => dismiss(id), options?.duration ?? defaultDuration);\n timers.current.set(id, timer);\n },\n [defaultDuration, dismiss],\n );\n\n useEffect(() => {\n const map = timers.current;\n return () => {\n map.forEach((timer) => clearTimeout(timer));\n map.clear();\n };\n }, []);\n\n const target = portalTarget ?? (typeof document !== 'undefined' ? document.body : null);\n\n return (\n <ToastContext.Provider value={{ toast }}>\n {children}\n {target &&\n createPortal(\n <div className={styles.region} aria-live=\"polite\" aria-label=\"Notificaciones\">\n {items.map((item) => (\n <Toast\n key={item.id}\n variant={item.variant}\n role={item.variant === 'error' ? 'alert' : 'status'}\n onClick={() => dismiss(item.id)}\n >\n {item.message}\n </Toast>\n ))}\n </div>,\n target,\n )}\n </ToastContext.Provider>\n );\n};\n\nexport function useToast(): ToastContextValue {\n const context = useContext(ToastContext);\n if (!context) {\n throw new Error('useToast must be used within a ToastProvider');\n }\n return context;\n}\n"],"names":["createContext","TOAST_DURATION_MS","useState","useRef","useCallback","useEffect","createPortal","jsx","styles","Toast","useContext"],"mappings":";;;;;;;;AAOA,MAAM,eAAeA,MAAAA,cAAwC,IAAI;AAE1D,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,kBAAkBC,UAAAA;AAAAA,EAClB;AACF,MAA0B;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAAA,SAAsB,CAAA,CAAE;AAClD,QAAM,QAAQC,MAAAA,OAAO,CAAC;AACtB,QAAM,SAASA,MAAAA,OAAO,oBAAI,KAA4C;AAEtE,QAAM,UAAUC,kBAAY,CAAC,OAAe;AAC1C,aAAS,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AACxD,UAAM,QAAQ,OAAO,QAAQ,IAAI,EAAE;AACnC,QAAI,OAAO;AACT,mBAAa,KAAK;AAClB,aAAO,QAAQ,OAAO,EAAE;AAAA,IAC1B;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQA,MAAAA;AAAAA,IACZ,CAAC,SAAS,YAAY;AACpB,YAAM,WAAW;AACjB,YAAM,KAAK,OAAO,MAAM,OAAO;AAC/B,eAAS,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,IAAI,SAAS,UAAS,mCAAS,YAAW,UAAA,CAAW,CAAC;AACrF,YAAM,QAAQ,WAAW,MAAM,QAAQ,EAAE,IAAG,mCAAS,aAAY,eAAe;AAChF,aAAO,QAAQ,IAAI,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,CAAC,iBAAiB,OAAO;AAAA,EAAA;AAG3BC,QAAAA,UAAU,MAAM;AACd,UAAM,MAAM,OAAO;AACnB,WAAO,MAAM;AACX,UAAI,QAAQ,CAAC,UAAU,aAAa,KAAK,CAAC;AAC1C,UAAI,MAAA;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,SAAS,iBAAiB,OAAO,aAAa,cAAc,SAAS,OAAO;AAElF,yCACG,aAAa,UAAb,EAAsB,OAAO,EAAE,SAC7B,UAAA;AAAA,IAAA;AAAA,IACA,UACCC,SAAAA;AAAAA,MACEC,2BAAAA,IAAC,OAAA,EAAI,WAAWC,aAAAA,QAAO,QAAQ,aAAU,UAAS,cAAW,kBAC1D,UAAA,MAAM,IAAI,CAAC,SACVD,2BAAAA;AAAAA,QAACE,MAAAA;AAAAA,QAAA;AAAA,UAEC,SAAS,KAAK;AAAA,UACd,MAAM,KAAK,YAAY,UAAU,UAAU;AAAA,UAC3C,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,UAE7B,UAAA,KAAK;AAAA,QAAA;AAAA,QALD,KAAK;AAAA,MAAA,CAOb,GACH;AAAA,MACA;AAAA,IAAA;AAAA,EACF,GACJ;AAEJ;AAEO,SAAS,WAA8B;AAC5C,QAAM,UAAUC,MAAAA,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;;;"}
package/dist/index46.js CHANGED
@@ -1,21 +1,70 @@
1
- const root = "krc-root-LQf3S";
2
- const item = "krc-item-Y5RvK";
3
- const disabled = "krc-disabled-wnQRZ";
4
- const focused = "krc-focused-hDoa3";
5
- const icon = "krc-icon-q-Jmu";
6
- const styles = {
7
- root,
8
- item,
9
- disabled,
10
- focused,
11
- icon
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { useState, useRef, useCallback, useEffect, useContext, createContext } from "react";
3
+ import { createPortal } from "react-dom";
4
+ import { TOAST_DURATION_MS } from "./index51.js";
5
+ import { Toast } from "./index45.js";
6
+ import styles from "./index50.js";
7
+ const ToastContext = createContext(null);
8
+ const ToastProvider = ({
9
+ children,
10
+ defaultDuration = TOAST_DURATION_MS,
11
+ portalTarget
12
+ }) => {
13
+ const [items, setItems] = useState([]);
14
+ const idRef = useRef(0);
15
+ const timers = useRef(/* @__PURE__ */ new Map());
16
+ const dismiss = useCallback((id) => {
17
+ setItems((prev) => prev.filter((item) => item.id !== id));
18
+ const timer = timers.current.get(id);
19
+ if (timer) {
20
+ clearTimeout(timer);
21
+ timers.current.delete(id);
22
+ }
23
+ }, []);
24
+ const toast = useCallback(
25
+ (message, options) => {
26
+ idRef.current += 1;
27
+ const id = String(idRef.current);
28
+ setItems((prev) => [...prev, { id, message, variant: (options == null ? void 0 : options.variant) ?? "default" }]);
29
+ const timer = setTimeout(() => dismiss(id), (options == null ? void 0 : options.duration) ?? defaultDuration);
30
+ timers.current.set(id, timer);
31
+ },
32
+ [defaultDuration, dismiss]
33
+ );
34
+ useEffect(() => {
35
+ const map = timers.current;
36
+ return () => {
37
+ map.forEach((timer) => clearTimeout(timer));
38
+ map.clear();
39
+ };
40
+ }, []);
41
+ const target = portalTarget ?? (typeof document !== "undefined" ? document.body : null);
42
+ return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { toast }, children: [
43
+ children,
44
+ target && createPortal(
45
+ /* @__PURE__ */ jsx("div", { className: styles.region, "aria-live": "polite", "aria-label": "Notificaciones", children: items.map((item) => /* @__PURE__ */ jsx(
46
+ Toast,
47
+ {
48
+ variant: item.variant,
49
+ role: item.variant === "error" ? "alert" : "status",
50
+ onClick: () => dismiss(item.id),
51
+ children: item.message
52
+ },
53
+ item.id
54
+ )) }),
55
+ target
56
+ )
57
+ ] });
12
58
  };
59
+ function useToast() {
60
+ const context = useContext(ToastContext);
61
+ if (!context) {
62
+ throw new Error("useToast must be used within a ToastProvider");
63
+ }
64
+ return context;
65
+ }
13
66
  export {
14
- styles as default,
15
- disabled,
16
- focused,
17
- icon,
18
- item,
19
- root
67
+ ToastProvider,
68
+ useToast
20
69
  };
21
70
  //# sourceMappingURL=index46.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index46.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
1
+ {"version":3,"file":"index46.js","sources":["../src/primitives/Toast/ToastProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TOAST_DURATION_MS } from '../../constants';\nimport type { ToastContextValue, ToastItem, ToastProviderProps } from './Toast.types';\nimport { Toast } from './Toast';\nimport styles from './Toast.module.css';\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const ToastProvider = ({\n children,\n defaultDuration = TOAST_DURATION_MS,\n portalTarget,\n}: ToastProviderProps) => {\n const [items, setItems] = useState<ToastItem[]>([]);\n const idRef = useRef(0);\n const timers = useRef(new Map<string, ReturnType<typeof setTimeout>>());\n\n const dismiss = useCallback((id: string) => {\n setItems((prev) => prev.filter((item) => item.id !== id));\n const timer = timers.current.get(id);\n if (timer) {\n clearTimeout(timer);\n timers.current.delete(id);\n }\n }, []);\n\n const toast = useCallback<ToastContextValue['toast']>(\n (message, options) => {\n idRef.current += 1;\n const id = String(idRef.current);\n setItems((prev) => [...prev, { id, message, variant: options?.variant ?? 'default' }]);\n const timer = setTimeout(() => dismiss(id), options?.duration ?? defaultDuration);\n timers.current.set(id, timer);\n },\n [defaultDuration, dismiss],\n );\n\n useEffect(() => {\n const map = timers.current;\n return () => {\n map.forEach((timer) => clearTimeout(timer));\n map.clear();\n };\n }, []);\n\n const target = portalTarget ?? (typeof document !== 'undefined' ? document.body : null);\n\n return (\n <ToastContext.Provider value={{ toast }}>\n {children}\n {target &&\n createPortal(\n <div className={styles.region} aria-live=\"polite\" aria-label=\"Notificaciones\">\n {items.map((item) => (\n <Toast\n key={item.id}\n variant={item.variant}\n role={item.variant === 'error' ? 'alert' : 'status'}\n onClick={() => dismiss(item.id)}\n >\n {item.message}\n </Toast>\n ))}\n </div>,\n target,\n )}\n </ToastContext.Provider>\n );\n};\n\nexport function useToast(): ToastContextValue {\n const context = useContext(ToastContext);\n if (!context) {\n throw new Error('useToast must be used within a ToastProvider');\n }\n return context;\n}\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,eAAe,cAAwC,IAAI;AAE1D,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,kBAAkB;AAAA,EAClB;AACF,MAA0B;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAsB,CAAA,CAAE;AAClD,QAAM,QAAQ,OAAO,CAAC;AACtB,QAAM,SAAS,OAAO,oBAAI,KAA4C;AAEtE,QAAM,UAAU,YAAY,CAAC,OAAe;AAC1C,aAAS,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AACxD,UAAM,QAAQ,OAAO,QAAQ,IAAI,EAAE;AACnC,QAAI,OAAO;AACT,mBAAa,KAAK;AAClB,aAAO,QAAQ,OAAO,EAAE;AAAA,IAC1B;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQ;AAAA,IACZ,CAAC,SAAS,YAAY;AACpB,YAAM,WAAW;AACjB,YAAM,KAAK,OAAO,MAAM,OAAO;AAC/B,eAAS,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,IAAI,SAAS,UAAS,mCAAS,YAAW,UAAA,CAAW,CAAC;AACrF,YAAM,QAAQ,WAAW,MAAM,QAAQ,EAAE,IAAG,mCAAS,aAAY,eAAe;AAChF,aAAO,QAAQ,IAAI,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,CAAC,iBAAiB,OAAO;AAAA,EAAA;AAG3B,YAAU,MAAM;AACd,UAAM,MAAM,OAAO;AACnB,WAAO,MAAM;AACX,UAAI,QAAQ,CAAC,UAAU,aAAa,KAAK,CAAC;AAC1C,UAAI,MAAA;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,SAAS,iBAAiB,OAAO,aAAa,cAAc,SAAS,OAAO;AAElF,8BACG,aAAa,UAAb,EAAsB,OAAO,EAAE,SAC7B,UAAA;AAAA,IAAA;AAAA,IACA,UACC;AAAA,MACE,oBAAC,OAAA,EAAI,WAAW,OAAO,QAAQ,aAAU,UAAS,cAAW,kBAC1D,UAAA,MAAM,IAAI,CAAC,SACV;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,SAAS,KAAK;AAAA,UACd,MAAM,KAAK,YAAY,UAAU,UAAU;AAAA,UAC3C,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,UAE7B,UAAA,KAAK;AAAA,QAAA;AAAA,QALD,KAAK;AAAA,MAAA,CAOb,GACH;AAAA,MACA;AAAA,IAAA;AAAA,EACF,GACJ;AAEJ;AAEO,SAAS,WAA8B;AAC5C,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;"}
package/dist/index47.cjs CHANGED
@@ -1,60 +1,18 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "krc-root--s1oD";
4
- const trigger = "krc-trigger-WMlNa";
5
- const active = "krc-active-O65lj";
6
- const triggerContent = "krc-triggerContent-JipmE";
7
- const chevron = "krc-chevron-J2Zsy";
8
- const label = "krc-label-lZlV-";
9
- const value = "krc-value-HsQrC";
10
- const clear = "krc-clear-bsi5j";
11
- const panel = "krc-panel--0odx";
12
- const searchContainer = "krc-searchContainer-WRS-U";
13
- const search = "krc-search-Dh3pY";
14
- const list = "krc-list-1RUtr";
15
- const noResults = "krc-noResults-Hin1U";
16
- const option = "krc-option-0mFGi";
17
- const focused = "krc-focused-0-7tE";
18
- const selected = "krc-selected-1zIqI";
19
- const optionLabel = "krc-optionLabel-pj-hL";
20
- const optionCount = "krc-optionCount-rVlCP";
21
- const styles = {
22
- root,
23
- trigger,
24
- active,
25
- triggerContent,
26
- chevron,
27
- label,
28
- value,
29
- clear,
30
- panel,
31
- searchContainer,
32
- search,
33
- list,
34
- noResults,
35
- option,
36
- focused,
37
- selected,
38
- optionLabel,
39
- optionCount
40
- };
41
- exports.active = active;
42
- exports.chevron = chevron;
43
- exports.clear = clear;
44
- exports.default = styles;
45
- exports.focused = focused;
46
- exports.label = label;
47
- exports.list = list;
48
- exports.noResults = noResults;
49
- exports.option = option;
50
- exports.optionCount = optionCount;
51
- exports.optionLabel = optionLabel;
52
- exports.panel = panel;
53
- exports.root = root;
54
- exports.search = search;
55
- exports.searchContainer = searchContainer;
56
- exports.selected = selected;
57
- exports.trigger = trigger;
58
- exports.triggerContent = triggerContent;
59
- exports.value = value;
3
+ function r(e) {
4
+ var t, f, n = "";
5
+ if ("string" == typeof e || "number" == typeof e) n += e;
6
+ else if ("object" == typeof e) if (Array.isArray(e)) {
7
+ var o = e.length;
8
+ for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
9
+ } else for (f in e) e[f] && (n && (n += " "), n += f);
10
+ return n;
11
+ }
12
+ function clsx() {
13
+ for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
14
+ return n;
15
+ }
16
+ exports.clsx = clsx;
17
+ exports.default = clsx;
60
18
  //# sourceMappingURL=index47.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index47.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index47.cjs","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":";;AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;;;","x_google_ignoreList":[0]}
package/dist/index47.js CHANGED
@@ -1,60 +1,18 @@
1
- const root = "krc-root--s1oD";
2
- const trigger = "krc-trigger-WMlNa";
3
- const active = "krc-active-O65lj";
4
- const triggerContent = "krc-triggerContent-JipmE";
5
- const chevron = "krc-chevron-J2Zsy";
6
- const label = "krc-label-lZlV-";
7
- const value = "krc-value-HsQrC";
8
- const clear = "krc-clear-bsi5j";
9
- const panel = "krc-panel--0odx";
10
- const searchContainer = "krc-searchContainer-WRS-U";
11
- const search = "krc-search-Dh3pY";
12
- const list = "krc-list-1RUtr";
13
- const noResults = "krc-noResults-Hin1U";
14
- const option = "krc-option-0mFGi";
15
- const focused = "krc-focused-0-7tE";
16
- const selected = "krc-selected-1zIqI";
17
- const optionLabel = "krc-optionLabel-pj-hL";
18
- const optionCount = "krc-optionCount-rVlCP";
19
- const styles = {
20
- root,
21
- trigger,
22
- active,
23
- triggerContent,
24
- chevron,
25
- label,
26
- value,
27
- clear,
28
- panel,
29
- searchContainer,
30
- search,
31
- list,
32
- noResults,
33
- option,
34
- focused,
35
- selected,
36
- optionLabel,
37
- optionCount
38
- };
1
+ function r(e) {
2
+ var t, f, n = "";
3
+ if ("string" == typeof e || "number" == typeof e) n += e;
4
+ else if ("object" == typeof e) if (Array.isArray(e)) {
5
+ var o = e.length;
6
+ for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
7
+ } else for (f in e) e[f] && (n && (n += " "), n += f);
8
+ return n;
9
+ }
10
+ function clsx() {
11
+ for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
12
+ return n;
13
+ }
39
14
  export {
40
- active,
41
- chevron,
42
- clear,
43
- styles as default,
44
- focused,
45
- label,
46
- list,
47
- noResults,
48
- option,
49
- optionCount,
50
- optionLabel,
51
- panel,
52
- root,
53
- search,
54
- searchContainer,
55
- selected,
56
- trigger,
57
- triggerContent,
58
- value
15
+ clsx,
16
+ clsx as default
59
17
  };
60
18
  //# sourceMappingURL=index47.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index47.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index47.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":"AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;","x_google_ignoreList":[0]}