@ktnpm_devops/react-component 0.11.0 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (350) hide show
  1. package/dist/composites/Loading/Loading.d.ts +4 -0
  2. package/dist/composites/Loading/Loading.d.ts.map +1 -0
  3. package/dist/composites/Loading/Loading.types.d.ts +14 -0
  4. package/dist/composites/Loading/Loading.types.d.ts.map +1 -0
  5. package/dist/composites/Loading/index.d.ts +3 -0
  6. package/dist/composites/Loading/index.d.ts.map +1 -0
  7. package/dist/index.cjs +24 -22
  8. package/dist/index.cjs.map +1 -1
  9. package/dist/index.d.ts +2 -0
  10. package/dist/index.d.ts.map +1 -1
  11. package/dist/index.js +24 -22
  12. package/dist/index.js.map +1 -1
  13. package/dist/index10.cjs +2 -2
  14. package/dist/index10.js +2 -2
  15. package/dist/index100.cjs +39 -39
  16. package/dist/index100.cjs.map +1 -1
  17. package/dist/index100.js +38 -38
  18. package/dist/index100.js.map +1 -1
  19. package/dist/index101.cjs +83 -106
  20. package/dist/index101.cjs.map +1 -1
  21. package/dist/index101.js +83 -106
  22. package/dist/index101.js.map +1 -1
  23. package/dist/index102.cjs +19 -22
  24. package/dist/index102.cjs.map +1 -1
  25. package/dist/index102.js +20 -23
  26. package/dist/index102.js.map +1 -1
  27. package/dist/index103.cjs +13 -10
  28. package/dist/index103.cjs.map +1 -1
  29. package/dist/index103.js +13 -10
  30. package/dist/index103.js.map +1 -1
  31. package/dist/index104.cjs +9 -0
  32. package/dist/index104.cjs.map +1 -0
  33. package/dist/index104.js +9 -0
  34. package/dist/index104.js.map +1 -0
  35. package/dist/index105.cjs +33 -0
  36. package/dist/index105.cjs.map +1 -0
  37. package/dist/index105.js +33 -0
  38. package/dist/index105.js.map +1 -0
  39. package/dist/index11.cjs +2 -2
  40. package/dist/index11.js +2 -2
  41. package/dist/index12.cjs +2 -2
  42. package/dist/index12.js +2 -2
  43. package/dist/index13.cjs +2 -2
  44. package/dist/index13.js +2 -2
  45. package/dist/index14.cjs +2 -2
  46. package/dist/index14.js +2 -2
  47. package/dist/index15.cjs +3 -3
  48. package/dist/index15.js +3 -3
  49. package/dist/index16.cjs +2 -2
  50. package/dist/index16.js +2 -2
  51. package/dist/index17.cjs +2 -2
  52. package/dist/index17.js +2 -2
  53. package/dist/index18.cjs +2 -2
  54. package/dist/index18.js +2 -2
  55. package/dist/index19.cjs +2 -2
  56. package/dist/index19.js +2 -2
  57. package/dist/index20.cjs +2 -2
  58. package/dist/index20.js +2 -2
  59. package/dist/index21.cjs +3 -3
  60. package/dist/index21.js +3 -3
  61. package/dist/index22.cjs +3 -3
  62. package/dist/index22.js +3 -3
  63. package/dist/index23.cjs +3 -3
  64. package/dist/index23.js +3 -3
  65. package/dist/index24.cjs +2 -2
  66. package/dist/index24.js +2 -2
  67. package/dist/index25.cjs +2 -2
  68. package/dist/index25.js +2 -2
  69. package/dist/index26.cjs +2 -2
  70. package/dist/index26.js +2 -2
  71. package/dist/index27.cjs +2 -2
  72. package/dist/index27.js +2 -2
  73. package/dist/index28.cjs +3 -3
  74. package/dist/index28.js +3 -3
  75. package/dist/index29.cjs +2 -2
  76. package/dist/index29.js +2 -2
  77. package/dist/index30.cjs +2 -2
  78. package/dist/index30.js +2 -2
  79. package/dist/index31.cjs +3 -3
  80. package/dist/index31.js +3 -3
  81. package/dist/index32.cjs +55 -37
  82. package/dist/index32.cjs.map +1 -1
  83. package/dist/index32.js +55 -37
  84. package/dist/index32.js.map +1 -1
  85. package/dist/index33.cjs +36 -224
  86. package/dist/index33.cjs.map +1 -1
  87. package/dist/index33.js +37 -225
  88. package/dist/index33.js.map +1 -1
  89. package/dist/index34.cjs +220 -28
  90. package/dist/index34.cjs.map +1 -1
  91. package/dist/index34.js +222 -30
  92. package/dist/index34.js.map +1 -1
  93. package/dist/index35.cjs +30 -106
  94. package/dist/index35.cjs.map +1 -1
  95. package/dist/index35.js +31 -107
  96. package/dist/index35.js.map +1 -1
  97. package/dist/index36.cjs +100 -58
  98. package/dist/index36.cjs.map +1 -1
  99. package/dist/index36.js +101 -59
  100. package/dist/index36.js.map +1 -1
  101. package/dist/index37.cjs +66 -76
  102. package/dist/index37.cjs.map +1 -1
  103. package/dist/index37.js +67 -77
  104. package/dist/index37.js.map +1 -1
  105. package/dist/index38.cjs +76 -57
  106. package/dist/index38.cjs.map +1 -1
  107. package/dist/index38.js +78 -59
  108. package/dist/index38.js.map +1 -1
  109. package/dist/index39.cjs +56 -150
  110. package/dist/index39.cjs.map +1 -1
  111. package/dist/index39.js +58 -152
  112. package/dist/index39.js.map +1 -1
  113. package/dist/index40.cjs +128 -73
  114. package/dist/index40.cjs.map +1 -1
  115. package/dist/index40.js +123 -68
  116. package/dist/index40.js.map +1 -1
  117. package/dist/index41.cjs +94 -68
  118. package/dist/index41.cjs.map +1 -1
  119. package/dist/index41.js +96 -70
  120. package/dist/index41.js.map +1 -1
  121. package/dist/index42.cjs +71 -7
  122. package/dist/index42.cjs.map +1 -1
  123. package/dist/index42.js +72 -8
  124. package/dist/index42.js.map +1 -1
  125. package/dist/index43.cjs +8 -17
  126. package/dist/index43.cjs.map +1 -1
  127. package/dist/index43.js +9 -18
  128. package/dist/index43.js.map +1 -1
  129. package/dist/index44.cjs +15 -75
  130. package/dist/index44.cjs.map +1 -1
  131. package/dist/index44.js +16 -76
  132. package/dist/index44.js.map +1 -1
  133. package/dist/index45.cjs +68 -134
  134. package/dist/index45.cjs.map +1 -1
  135. package/dist/index45.js +70 -136
  136. package/dist/index45.js.map +1 -1
  137. package/dist/index46.cjs +137 -58
  138. package/dist/index46.cjs.map +1 -1
  139. package/dist/index46.js +138 -59
  140. package/dist/index46.js.map +1 -1
  141. package/dist/index47.cjs +61 -102
  142. package/dist/index47.cjs.map +1 -1
  143. package/dist/index47.js +62 -103
  144. package/dist/index47.js.map +1 -1
  145. package/dist/index48.cjs +102 -44
  146. package/dist/index48.cjs.map +1 -1
  147. package/dist/index48.js +103 -45
  148. package/dist/index48.js.map +1 -1
  149. package/dist/index49.cjs +47 -6
  150. package/dist/index49.cjs.map +1 -1
  151. package/dist/index49.js +48 -7
  152. package/dist/index49.js.map +1 -1
  153. package/dist/index50.cjs +6 -147
  154. package/dist/index50.cjs.map +1 -1
  155. package/dist/index50.js +7 -148
  156. package/dist/index50.js.map +1 -1
  157. package/dist/index51.cjs +146 -7
  158. package/dist/index51.cjs.map +1 -1
  159. package/dist/index51.js +148 -9
  160. package/dist/index51.js.map +1 -1
  161. package/dist/index52.cjs +6 -15
  162. package/dist/index52.cjs.map +1 -1
  163. package/dist/index52.js +6 -15
  164. package/dist/index52.js.map +1 -1
  165. package/dist/index53.cjs +15 -64
  166. package/dist/index53.cjs.map +1 -1
  167. package/dist/index53.js +17 -66
  168. package/dist/index53.js.map +1 -1
  169. package/dist/index54.cjs +67 -15
  170. package/dist/index54.cjs.map +1 -1
  171. package/dist/index54.js +66 -14
  172. package/dist/index54.js.map +1 -1
  173. package/dist/index55.cjs +15 -27
  174. package/dist/index55.cjs.map +1 -1
  175. package/dist/index55.js +15 -27
  176. package/dist/index55.js.map +1 -1
  177. package/dist/index56.cjs +2 -20
  178. package/dist/index56.cjs.map +1 -1
  179. package/dist/index56.js +3 -21
  180. package/dist/index56.js.map +1 -1
  181. package/dist/index57.cjs +17 -20
  182. package/dist/index57.cjs.map +1 -1
  183. package/dist/index57.js +18 -21
  184. package/dist/index57.js.map +1 -1
  185. package/dist/index58.cjs +19 -16
  186. package/dist/index58.cjs.map +1 -1
  187. package/dist/index58.js +20 -17
  188. package/dist/index58.js.map +1 -1
  189. package/dist/index59.cjs +2 -65
  190. package/dist/index59.cjs.map +1 -1
  191. package/dist/index59.js +3 -66
  192. package/dist/index59.js.map +1 -1
  193. package/dist/index60.cjs +47 -2
  194. package/dist/index60.cjs.map +1 -1
  195. package/dist/index60.js +48 -3
  196. package/dist/index60.js.map +1 -1
  197. package/dist/index61.cjs +69 -89
  198. package/dist/index61.cjs.map +1 -1
  199. package/dist/index61.js +68 -88
  200. package/dist/index61.js.map +1 -1
  201. package/dist/index62.cjs +89 -33
  202. package/dist/index62.cjs.map +1 -1
  203. package/dist/index62.js +88 -32
  204. package/dist/index62.js.map +1 -1
  205. package/dist/index63.cjs +79 -19
  206. package/dist/index63.cjs.map +1 -1
  207. package/dist/index63.js +80 -20
  208. package/dist/index63.js.map +1 -1
  209. package/dist/index64.cjs +18 -69
  210. package/dist/index64.cjs.map +1 -1
  211. package/dist/index64.js +19 -70
  212. package/dist/index64.js.map +1 -1
  213. package/dist/index65.cjs +35 -2
  214. package/dist/index65.cjs.map +1 -1
  215. package/dist/index65.js +36 -3
  216. package/dist/index65.js.map +1 -1
  217. package/dist/index66.cjs +30 -36
  218. package/dist/index66.cjs.map +1 -1
  219. package/dist/index66.js +30 -36
  220. package/dist/index66.js.map +1 -1
  221. package/dist/index67.cjs +36 -54
  222. package/dist/index67.cjs.map +1 -1
  223. package/dist/index67.js +36 -54
  224. package/dist/index67.js.map +1 -1
  225. package/dist/index68.cjs +52 -16
  226. package/dist/index68.cjs.map +1 -1
  227. package/dist/index68.js +52 -16
  228. package/dist/index68.js.map +1 -1
  229. package/dist/index69.cjs +14 -11
  230. package/dist/index69.cjs.map +1 -1
  231. package/dist/index69.js +15 -12
  232. package/dist/index69.js.map +1 -1
  233. package/dist/index70.cjs +2 -5
  234. package/dist/index70.cjs.map +1 -1
  235. package/dist/index70.js +2 -5
  236. package/dist/index70.js.map +1 -1
  237. package/dist/index71.cjs +8 -35
  238. package/dist/index71.cjs.map +1 -1
  239. package/dist/index71.js +9 -36
  240. package/dist/index71.js.map +1 -1
  241. package/dist/index72.cjs +2 -17
  242. package/dist/index72.cjs.map +1 -1
  243. package/dist/index72.js +3 -18
  244. package/dist/index72.js.map +1 -1
  245. package/dist/index73.cjs +5 -14
  246. package/dist/index73.cjs.map +1 -1
  247. package/dist/index73.js +5 -14
  248. package/dist/index73.js.map +1 -1
  249. package/dist/index74.cjs +16 -34
  250. package/dist/index74.cjs.map +1 -1
  251. package/dist/index74.js +17 -35
  252. package/dist/index74.js.map +1 -1
  253. package/dist/index75.cjs +15 -48
  254. package/dist/index75.cjs.map +1 -1
  255. package/dist/index75.js +15 -48
  256. package/dist/index75.js.map +1 -1
  257. package/dist/index76.cjs +10 -46
  258. package/dist/index76.cjs.map +1 -1
  259. package/dist/index76.js +10 -46
  260. package/dist/index76.js.map +1 -1
  261. package/dist/index77.cjs +34 -134
  262. package/dist/index77.cjs.map +1 -1
  263. package/dist/index77.js +33 -133
  264. package/dist/index77.js.map +1 -1
  265. package/dist/index78.cjs +16 -40
  266. package/dist/index78.cjs.map +1 -1
  267. package/dist/index78.js +16 -40
  268. package/dist/index78.js.map +1 -1
  269. package/dist/index79.cjs +21 -30
  270. package/dist/index79.cjs.map +1 -1
  271. package/dist/index79.js +21 -30
  272. package/dist/index79.js.map +1 -1
  273. package/dist/index80.cjs +22 -28
  274. package/dist/index80.cjs.map +1 -1
  275. package/dist/index80.js +22 -28
  276. package/dist/index80.js.map +1 -1
  277. package/dist/index81.cjs +15 -21
  278. package/dist/index81.cjs.map +1 -1
  279. package/dist/index81.js +15 -21
  280. package/dist/index81.js.map +1 -1
  281. package/dist/index82.cjs +15 -15
  282. package/dist/index82.js +15 -15
  283. package/dist/index83.cjs +13 -13
  284. package/dist/index83.js +14 -14
  285. package/dist/index84.cjs +34 -13
  286. package/dist/index84.cjs.map +1 -1
  287. package/dist/index84.js +34 -13
  288. package/dist/index84.js.map +1 -1
  289. package/dist/index85.cjs +52 -16
  290. package/dist/index85.cjs.map +1 -1
  291. package/dist/index85.js +52 -16
  292. package/dist/index85.js.map +1 -1
  293. package/dist/index86.cjs +13 -16
  294. package/dist/index86.cjs.map +1 -1
  295. package/dist/index86.js +13 -16
  296. package/dist/index86.js.map +1 -1
  297. package/dist/index87.cjs +17 -2
  298. package/dist/index87.cjs.map +1 -1
  299. package/dist/index87.js +18 -3
  300. package/dist/index87.js.map +1 -1
  301. package/dist/index88.cjs +17 -2
  302. package/dist/index88.cjs.map +1 -1
  303. package/dist/index88.js +18 -3
  304. package/dist/index88.js.map +1 -1
  305. package/dist/index89.cjs +49 -16
  306. package/dist/index89.cjs.map +1 -1
  307. package/dist/index89.js +50 -17
  308. package/dist/index89.js.map +1 -1
  309. package/dist/index9.cjs +2 -2
  310. package/dist/index9.js +2 -2
  311. package/dist/index90.cjs +8 -17
  312. package/dist/index90.cjs.map +1 -1
  313. package/dist/index90.js +9 -18
  314. package/dist/index90.js.map +1 -1
  315. package/dist/index91.cjs +5 -5
  316. package/dist/index91.js +5 -5
  317. package/dist/index92.cjs +19 -10
  318. package/dist/index92.cjs.map +1 -1
  319. package/dist/index92.js +20 -11
  320. package/dist/index92.js.map +1 -1
  321. package/dist/index93.cjs +17 -2
  322. package/dist/index93.cjs.map +1 -1
  323. package/dist/index93.js +18 -3
  324. package/dist/index93.js.map +1 -1
  325. package/dist/index94.cjs +134 -16
  326. package/dist/index94.cjs.map +1 -1
  327. package/dist/index94.js +133 -15
  328. package/dist/index94.js.map +1 -1
  329. package/dist/index95.cjs +39 -48
  330. package/dist/index95.cjs.map +1 -1
  331. package/dist/index95.js +39 -48
  332. package/dist/index95.js.map +1 -1
  333. package/dist/index96.cjs +22 -25
  334. package/dist/index96.cjs.map +1 -1
  335. package/dist/index96.js +22 -25
  336. package/dist/index96.js.map +1 -1
  337. package/dist/index97.cjs +116 -25
  338. package/dist/index97.cjs.map +1 -1
  339. package/dist/index97.js +115 -24
  340. package/dist/index97.js.map +1 -1
  341. package/dist/index98.cjs +42 -39
  342. package/dist/index98.cjs.map +1 -1
  343. package/dist/index98.js +41 -38
  344. package/dist/index98.js.map +1 -1
  345. package/dist/index99.cjs +42 -92
  346. package/dist/index99.cjs.map +1 -1
  347. package/dist/index99.js +41 -91
  348. package/dist/index99.js.map +1 -1
  349. package/dist/style.css +90 -0
  350. package/package.json +1 -1
package/dist/index53.cjs CHANGED
@@ -2,69 +2,20 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const react = require("react");
5
- const reactDom = require("react-dom");
6
- const constants = require("./index61.cjs");
7
- const Toast = require("./index52.cjs");
8
- const Toast_module = require("./index82.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);
5
+ const clsx = require("./index55.cjs");
6
+ const Toast_module = require("./index81.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
24
16
  }
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
- ] });
60
- };
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;
17
+ )
18
+ );
19
+ Toast.displayName = "Toast";
20
+ exports.Toast = Toast;
70
21
  //# sourceMappingURL=index53.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index53.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;;;"}
1
+ {"version":3,"file":"index53.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/index53.js CHANGED
@@ -1,70 +1,21 @@
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 "./index61.js";
5
- import { Toast } from "./index52.js";
6
- import styles from "./index82.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);
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { clsx } from "./index55.js";
4
+ import styles from "./index81.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
22
14
  }
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
- ] });
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
- }
15
+ )
16
+ );
17
+ Toast.displayName = "Toast";
66
18
  export {
67
- ToastProvider,
68
- useToast
19
+ Toast
69
20
  };
70
21
  //# sourceMappingURL=index53.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index53.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;"}
1
+ {"version":3,"file":"index53.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/index54.cjs CHANGED
@@ -1,18 +1,70 @@
1
1
  "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
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;
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("./index62.cjs");
7
+ const Toast = require("./index53.cjs");
8
+ const Toast_module = require("./index81.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
+ ] });
60
+ };
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;
11
67
  }
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;
68
+ exports.ToastProvider = ToastProvider;
69
+ exports.useToast = useToast;
18
70
  //# sourceMappingURL=index54.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index54.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]}
1
+ {"version":3,"file":"index54.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/index54.js CHANGED
@@ -1,18 +1,70 @@
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;
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 "./index62.js";
5
+ import { Toast } from "./index53.js";
6
+ import styles from "./index81.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
+ ] });
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;
13
65
  }
14
66
  export {
15
- clsx,
16
- clsx as default
67
+ ToastProvider,
68
+ useToast
17
69
  };
18
70
  //# sourceMappingURL=index54.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index54.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]}
1
+ {"version":3,"file":"index54.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/index55.cjs CHANGED
@@ -1,30 +1,18 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "krc-root-Kdtyn";
4
- const primary = "krc-primary-6l6aH";
5
- const secondary = "krc-secondary-29n8Y";
6
- const outline = "krc-outline-U1Mlr";
7
- const ghost = "krc-ghost-5wRsR";
8
- const danger = "krc-danger-gL4NM";
9
- const sm = "krc-sm-zP51s";
10
- const lg = "krc-lg-ZefGA";
11
- const styles = {
12
- root,
13
- primary,
14
- secondary,
15
- outline,
16
- ghost,
17
- danger,
18
- sm,
19
- lg
20
- };
21
- exports.danger = danger;
22
- exports.default = styles;
23
- exports.ghost = ghost;
24
- exports.lg = lg;
25
- exports.outline = outline;
26
- exports.primary = primary;
27
- exports.root = root;
28
- exports.secondary = secondary;
29
- exports.sm = sm;
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;
30
18
  //# sourceMappingURL=index55.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index55.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index55.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/index55.js CHANGED
@@ -1,30 +1,18 @@
1
- const root = "krc-root-Kdtyn";
2
- const primary = "krc-primary-6l6aH";
3
- const secondary = "krc-secondary-29n8Y";
4
- const outline = "krc-outline-U1Mlr";
5
- const ghost = "krc-ghost-5wRsR";
6
- const danger = "krc-danger-gL4NM";
7
- const sm = "krc-sm-zP51s";
8
- const lg = "krc-lg-ZefGA";
9
- const styles = {
10
- root,
11
- primary,
12
- secondary,
13
- outline,
14
- ghost,
15
- danger,
16
- sm,
17
- lg
18
- };
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
+ }
19
14
  export {
20
- danger,
21
- styles as default,
22
- ghost,
23
- lg,
24
- outline,
25
- primary,
26
- root,
27
- secondary,
28
- sm
15
+ clsx,
16
+ clsx as default
29
17
  };
30
18
  //# sourceMappingURL=index55.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index55.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index55.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]}
package/dist/index56.cjs CHANGED
@@ -1,27 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "krc-root-vqaJ6";
4
- const pill = "krc-pill-8z557";
5
- const square = "krc-square-g0EM3";
6
- const segment = "krc-segment-5-V31";
7
- const isOn = "krc-isOn-7tAhJ";
8
- const md = "krc-md-pA-Ck";
9
- const sm = "krc-sm-VMB3s";
3
+ const root = "krc-root-0ZI82";
10
4
  const styles = {
11
- root,
12
- pill,
13
- square,
14
- segment,
15
- isOn,
16
- md,
17
- sm
5
+ root
18
6
  };
19
7
  exports.default = styles;
20
- exports.isOn = isOn;
21
- exports.md = md;
22
- exports.pill = pill;
23
8
  exports.root = root;
24
- exports.segment = segment;
25
- exports.sm = sm;
26
- exports.square = square;
27
9
  //# sourceMappingURL=index56.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index56.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index56.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
package/dist/index56.js CHANGED
@@ -1,27 +1,9 @@
1
- const root = "krc-root-vqaJ6";
2
- const pill = "krc-pill-8z557";
3
- const square = "krc-square-g0EM3";
4
- const segment = "krc-segment-5-V31";
5
- const isOn = "krc-isOn-7tAhJ";
6
- const md = "krc-md-pA-Ck";
7
- const sm = "krc-sm-VMB3s";
1
+ const root = "krc-root-0ZI82";
8
2
  const styles = {
9
- root,
10
- pill,
11
- square,
12
- segment,
13
- isOn,
14
- md,
15
- sm
3
+ root
16
4
  };
17
5
  export {
18
6
  styles as default,
19
- isOn,
20
- md,
21
- pill,
22
- root,
23
- segment,
24
- sm,
25
- square
7
+ root
26
8
  };
27
9
  //# sourceMappingURL=index56.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index56.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index56.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}