framepexls-ui-lib 0.1.23 → 0.1.25

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 (69) hide show
  1. package/dist/AnalyticsCharts.d.mts +24 -0
  2. package/dist/AnalyticsCharts.d.ts +24 -0
  3. package/dist/AnalyticsCharts.js +307 -0
  4. package/dist/AnalyticsCharts.mjs +295 -0
  5. package/dist/AppTopbar.d.mts +5 -1
  6. package/dist/AppTopbar.d.ts +5 -1
  7. package/dist/AppTopbar.js +8 -5
  8. package/dist/AppTopbar.mjs +8 -5
  9. package/dist/BadgeCluster.js +1 -1
  10. package/dist/BadgeCluster.mjs +1 -1
  11. package/dist/Breadcrumb.js +1 -1
  12. package/dist/Breadcrumb.mjs +1 -1
  13. package/dist/Button.d.mts +1 -1
  14. package/dist/Button.d.ts +1 -1
  15. package/dist/Button.js +1 -1
  16. package/dist/Button.mjs +1 -1
  17. package/dist/CalendarPanel.js +1 -1
  18. package/dist/CalendarPanel.mjs +1 -1
  19. package/dist/Card.js +1 -1
  20. package/dist/Card.mjs +1 -1
  21. package/dist/ChartCard.js +2 -2
  22. package/dist/ChartCard.mjs +2 -2
  23. package/dist/Checkbox.d.mts +26 -0
  24. package/dist/Checkbox.d.ts +26 -0
  25. package/dist/Checkbox.js +100 -0
  26. package/dist/Checkbox.mjs +70 -0
  27. package/dist/ColumnSelector.js +1 -1
  28. package/dist/ColumnSelector.mjs +1 -1
  29. package/dist/ComboSelect.js +3 -3
  30. package/dist/ComboSelect.mjs +3 -3
  31. package/dist/DateTimeField.js +1 -1
  32. package/dist/DateTimeField.mjs +1 -1
  33. package/dist/Dialog.js +2 -2
  34. package/dist/Dialog.mjs +2 -2
  35. package/dist/Dropdown.js +1 -1
  36. package/dist/Dropdown.mjs +1 -1
  37. package/dist/EmptyState.js +1 -1
  38. package/dist/EmptyState.mjs +1 -1
  39. package/dist/FiltersMultiSelect.js +1 -1
  40. package/dist/FiltersMultiSelect.mjs +1 -1
  41. package/dist/MediaCard.js +1 -1
  42. package/dist/MediaCard.mjs +1 -1
  43. package/dist/MediaSelector.js +1 -1
  44. package/dist/MediaSelector.mjs +1 -1
  45. package/dist/Pagination.js +1 -1
  46. package/dist/Pagination.mjs +1 -1
  47. package/dist/Select.js +3 -3
  48. package/dist/Select.mjs +3 -3
  49. package/dist/Sidebar.js +7 -7
  50. package/dist/Sidebar.mjs +7 -7
  51. package/dist/StatCard.js +1 -1
  52. package/dist/StatCard.mjs +1 -1
  53. package/dist/Table.js +2 -2
  54. package/dist/Table.mjs +2 -2
  55. package/dist/TimePanel.js +1 -1
  56. package/dist/TimePanel.mjs +1 -1
  57. package/dist/TimePopover.js +3 -3
  58. package/dist/TimePopover.mjs +3 -3
  59. package/dist/TimeRangeField.js +1 -1
  60. package/dist/TimeRangeField.mjs +1 -1
  61. package/dist/Toast.js +1 -1
  62. package/dist/Toast.mjs +1 -1
  63. package/dist/UploadCard.js +2 -2
  64. package/dist/UploadCard.mjs +2 -2
  65. package/dist/index.d.mts +2 -0
  66. package/dist/index.d.ts +2 -0
  67. package/dist/index.js +10 -0
  68. package/dist/index.mjs +86 -80
  69. package/package.json +1 -1
package/dist/Dropdown.js CHANGED
@@ -285,7 +285,7 @@ function Content({
285
285
  "data-[open=false]:pointer-events-none data-[open=false]:opacity-0 data-[open=false]:scale-95",
286
286
  "data-[open=true]:opacity-100 data-[open=true]:scale-100 transition",
287
287
  pos.origin === "top-right" ? "origin-top-right" : "origin-top-left",
288
- "dark:border-white/10 dark:bg-[#0f0d0e]",
288
+ "dark:border-white/10 dark:bg-[#0b0a0a]",
289
289
  className
290
290
  ].join(" "),
291
291
  "data-open": "true",
package/dist/Dropdown.mjs CHANGED
@@ -255,7 +255,7 @@ function Content({
255
255
  "data-[open=false]:pointer-events-none data-[open=false]:opacity-0 data-[open=false]:scale-95",
256
256
  "data-[open=true]:opacity-100 data-[open=true]:scale-100 transition",
257
257
  pos.origin === "top-right" ? "origin-top-right" : "origin-top-left",
258
- "dark:border-white/10 dark:bg-[#0f0d0e]",
258
+ "dark:border-white/10 dark:bg-[#0b0a0a]",
259
259
  className
260
260
  ].join(" "),
261
261
  "data-open": "true",
@@ -30,6 +30,6 @@ function EmptyState({
30
30
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full max-w-sm", children: [
31
31
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto mb-4 h-14 w-14 rounded-2xl bg-slate-100 ring-1 ring-slate-200 dark:bg-white/5" }),
32
32
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-lg font-medium", children: title }),
33
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-slate-500", children: subtitle })
33
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: subtitle })
34
34
  ] });
35
35
  }
@@ -7,7 +7,7 @@ function EmptyState({
7
7
  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-sm", children: [
8
8
  /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 h-14 w-14 rounded-2xl bg-slate-100 ring-1 ring-slate-200 dark:bg-white/5" }),
9
9
  /* @__PURE__ */ jsx("div", { className: "text-lg font-medium", children: title }),
10
- /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500", children: subtitle })
10
+ /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: subtitle })
11
11
  ] });
12
12
  }
13
13
  export {
@@ -109,7 +109,7 @@ function FiltersMultiSelect({
109
109
  animate: { opacity: 1, y: 0 },
110
110
  exit: { opacity: 0, y: -6 },
111
111
  className: clsx(
112
- "absolute z-20 mt-2 w-[min(96vw,720px)] overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
112
+ "absolute z-20 mt-2 w-[min(96vw,720px)] overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
113
113
  align === "end" ? "right-0" : "left-0"
114
114
  ),
115
115
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap", style: panelStyle, children: groups.map((g) => {
@@ -76,7 +76,7 @@ function FiltersMultiSelect({
76
76
  animate: { opacity: 1, y: 0 },
77
77
  exit: { opacity: 0, y: -6 },
78
78
  className: clsx(
79
- "absolute z-20 mt-2 w-[min(96vw,720px)] overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
79
+ "absolute z-20 mt-2 w-[min(96vw,720px)] overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
80
80
  align === "end" ? "right-0" : "left-0"
81
81
  ),
82
82
  children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap", style: panelStyle, children: groups.map((g) => {
package/dist/MediaCard.js CHANGED
@@ -77,7 +77,7 @@ function MediaCard({
77
77
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2 p-2", children: [
78
78
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
79
79
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm font-medium", children: title }),
80
- subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500", children: subtitle })
80
+ subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: subtitle })
81
81
  ] }),
82
82
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1", children: [
83
83
  copyUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionIconButton.default, { title: copied ? "Copiado" : "Copiar URL", onClick: copy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -44,7 +44,7 @@ function MediaCard({
44
44
  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 p-2", children: [
45
45
  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
46
46
  /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: title }),
47
- subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500", children: subtitle })
47
+ subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: subtitle })
48
48
  ] }),
49
49
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
50
50
  copyUrl && /* @__PURE__ */ jsx(ActionIconButton, { title: copied ? "Copiado" : "Copiar URL", onClick: copy, children: copied ? /* @__PURE__ */ jsx(
@@ -185,7 +185,7 @@ function MediaSelector({
185
185
  ] }),
186
186
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "lg:col-span-2 space-y-3", children: [
187
187
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
188
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-slate-500", children: [
188
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: [
189
189
  "P\xE1gina ",
190
190
  page,
191
191
  " de ",
@@ -152,7 +152,7 @@ function MediaSelector({
152
152
  ] }),
153
153
  /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 space-y-3", children: [
154
154
  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
155
- /* @__PURE__ */ jsxs("div", { className: "text-sm text-slate-500", children: [
155
+ /* @__PURE__ */ jsxs("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: [
156
156
  "P\xE1gina ",
157
157
  page,
158
158
  " de ",
@@ -101,7 +101,7 @@ function Pagination({
101
101
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: className || "w-full md:w-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "inline-flex overflow-hidden rounded-2xl border border-slate-200 bg-slate-100/60 shadow-sm dark:border-white/10 dark:bg-white/5", children: [
102
102
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Btn, { disabled: page === 1, onClick: () => onPageChange(page - 1), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", className: "h-5 w-5", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 18l-6-6 6-6" }) }) }),
103
103
  range.map(
104
- (it, idx) => it === "..." ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-10 min-w-10 px-3 inline-flex items-center justify-center text-slate-500", children: "\u2026" }, `dots-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Btn, { active: it === page, onClick: () => onPageChange(it), children: it }, it)
104
+ (it, idx) => it === "..." ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-10 min-w-10 px-3 inline-flex items-center justify-center text-slate-500 dark:text-slate-400", children: "\u2026" }, `dots-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Btn, { active: it === page, onClick: () => onPageChange(it), children: it }, it)
105
105
  ),
106
106
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Btn, { disabled: page === totalPages, onClick: () => onPageChange(page + 1), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", className: "h-5 w-5", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 6l6 6-6 6" }) }) })
107
107
  ] }) });
@@ -68,7 +68,7 @@ function Pagination({
68
68
  return /* @__PURE__ */ jsx("nav", { className: className || "w-full md:w-auto", children: /* @__PURE__ */ jsxs("div", { className: "inline-flex overflow-hidden rounded-2xl border border-slate-200 bg-slate-100/60 shadow-sm dark:border-white/10 dark:bg-white/5", children: [
69
69
  /* @__PURE__ */ jsx(Btn, { disabled: page === 1, onClick: () => onPageChange(page - 1), children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "h-5 w-5", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M15 18l-6-6 6-6" }) }) }),
70
70
  range.map(
71
- (it, idx) => it === "..." ? /* @__PURE__ */ jsx("span", { className: "h-10 min-w-10 px-3 inline-flex items-center justify-center text-slate-500", children: "\u2026" }, `dots-${idx}`) : /* @__PURE__ */ jsx(Btn, { active: it === page, onClick: () => onPageChange(it), children: it }, it)
71
+ (it, idx) => it === "..." ? /* @__PURE__ */ jsx("span", { className: "h-10 min-w-10 px-3 inline-flex items-center justify-center text-slate-500 dark:text-slate-400", children: "\u2026" }, `dots-${idx}`) : /* @__PURE__ */ jsx(Btn, { active: it === page, onClick: () => onPageChange(it), children: it }, it)
72
72
  ),
73
73
  /* @__PURE__ */ jsx(Btn, { disabled: page === totalPages, onClick: () => onPageChange(page + 1), children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "h-5 w-5", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6" }) }) })
74
74
  ] }) });
package/dist/Select.js CHANGED
@@ -178,7 +178,7 @@ function ModernSelect({
178
178
  onClick: () => !disabled && setOpen((o) => !o),
179
179
  onKeyDown: onKeyBtn,
180
180
  className: [
181
- "text-left bg-white dark:bg-[#0e0d0e] border transition shadow-sm",
181
+ "text-left bg-white dark:bg-white/10 border transition shadow-sm",
182
182
  s.radius,
183
183
  s.h,
184
184
  s.text,
@@ -235,7 +235,7 @@ function ModernSelect({
235
235
  className: [
236
236
  "fixed z-[1000] max-h-72 overflow-auto",
237
237
  "rounded-2xl border border-slate-200/80 bg-white/90 backdrop-blur-md shadow-2xl ring-1 ring-black/5",
238
- "dark:border-white/10 dark:bg-[#0f0d0e]/90 dark:ring-white/10"
238
+ "dark:border-white/10 dark:bg-[#0b0a0a]/90 dark:ring-white/10"
239
239
  ].join(" "),
240
240
  style: {
241
241
  top: menuPos.top,
@@ -248,7 +248,7 @@ function ModernSelect({
248
248
  "li",
249
249
  {
250
250
  role: "presentation",
251
- className: `${S[size].itemPad} sticky top-0 bg-white/90 dark:bg-[#0f0d0e]/90 backdrop-blur-md text-slate-400 select-none`,
251
+ className: `${S[size].itemPad} sticky top-0 bg-white/90 dark:bg-[#0b0a0a]/90 backdrop-blur-md text-slate-400 select-none`,
252
252
  children: placeholder
253
253
  }
254
254
  ),
package/dist/Select.mjs CHANGED
@@ -145,7 +145,7 @@ function ModernSelect({
145
145
  onClick: () => !disabled && setOpen((o) => !o),
146
146
  onKeyDown: onKeyBtn,
147
147
  className: [
148
- "text-left bg-white dark:bg-[#0e0d0e] border transition shadow-sm",
148
+ "text-left bg-white dark:bg-white/10 border transition shadow-sm",
149
149
  s.radius,
150
150
  s.h,
151
151
  s.text,
@@ -202,7 +202,7 @@ function ModernSelect({
202
202
  className: [
203
203
  "fixed z-[1000] max-h-72 overflow-auto",
204
204
  "rounded-2xl border border-slate-200/80 bg-white/90 backdrop-blur-md shadow-2xl ring-1 ring-black/5",
205
- "dark:border-white/10 dark:bg-[#0f0d0e]/90 dark:ring-white/10"
205
+ "dark:border-white/10 dark:bg-[#0b0a0a]/90 dark:ring-white/10"
206
206
  ].join(" "),
207
207
  style: {
208
208
  top: menuPos.top,
@@ -215,7 +215,7 @@ function ModernSelect({
215
215
  "li",
216
216
  {
217
217
  role: "presentation",
218
- className: `${S[size].itemPad} sticky top-0 bg-white/90 dark:bg-[#0f0d0e]/90 backdrop-blur-md text-slate-400 select-none`,
218
+ className: `${S[size].itemPad} sticky top-0 bg-white/90 dark:bg-[#0b0a0a]/90 backdrop-blur-md text-slate-400 select-none`,
219
219
  children: placeholder
220
220
  }
221
221
  ),
package/dist/Sidebar.js CHANGED
@@ -164,8 +164,8 @@ function Sidebar({
164
164
  userMenuSlot,
165
165
  onBrandClick,
166
166
  collapsedKey = "ga:sidebar-collapsed",
167
- brandInitials = "BM",
168
- brandTitle = "Bellamia",
167
+ brandInitials = "L",
168
+ brandTitle = "Lorem",
169
169
  brandSubtitle = "Tablero",
170
170
  color = "blue"
171
171
  }) {
@@ -217,7 +217,7 @@ function Sidebar({
217
217
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-2xl font-black leading-none tracking-tight", children: brandInitials }),
218
218
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
219
219
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold leading-4", children: brandTitle }),
220
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500 text-left", children: brandSubtitle })
220
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500 dark:text-slate-400 text-left", children: brandSubtitle })
221
221
  ] })
222
222
  ] })
223
223
  ] }),
@@ -225,7 +225,7 @@ function Sidebar({
225
225
  "aside",
226
226
  {
227
227
  className: [
228
- "hidden xl:fixed xl:inset-y-0 xl:flex xl:flex-col xl:border-r xl:border-black/5 xl:bg-white xl:py-6 dark:xl:bg-[#0b0a0a]/70 z-40",
228
+ "hidden xl:fixed xl:inset-y-0 xl:flex xl:flex-col xl:border-r xl:border-black/5 bg-white xl:py-6 dark:bg-[#0b0a0a]/70 z-40",
229
229
  "transition-[width] duration-200",
230
230
  collapsed ? "xl:w-28 xl:px-3" : "xl:w-72 xl:px-4"
231
231
  ].join(" "),
@@ -273,7 +273,7 @@ function Sidebar({
273
273
  className: "h-9 w-9 p-0 !gap-0 rounded-xl border border-slate-200 bg-white text-slate-700 shadow-sm hover:bg-slate-50 dark:border-white/10 dark:bg-white/5 dark:text-slate-200"
274
274
  }
275
275
  ),
276
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-slate-500", children: "Men\xFA" })
276
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: "Men\xFA" })
277
277
  ] }),
278
278
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
279
279
  SidebarInner,
@@ -335,11 +335,11 @@ function SidebarInner({
335
335
  )
336
336
  ] }),
337
337
  collapsed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AvatarSquare.default, { size: 48, src: (_a = user == null ? void 0 : user.avatarUrl) != null ? _a : void 0, radiusClass: "rounded-2xl", color }) }),
338
- !collapsed && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex items-center gap-3 rounded-2xl border border-slate-200 bg-white p-2 pr-3 shadow-sm dark:border-white/10 dark:bg:white/5 dark:bg-white/5", children: [
338
+ !collapsed && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex items-center gap-3 rounded-2xl border border-slate-200 bg-white p-2 pr-3 shadow-sm dark:border-white/10 dark:bg-white/5", children: [
339
339
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AvatarSquare.default, { size: 48, src: (_b = user == null ? void 0 : user.avatarUrl) != null ? _b : void 0, radiusClass: "rounded-2xl", color }),
340
340
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
341
341
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm font-semibold", children: (_c = user == null ? void 0 : user.name) != null ? _c : "Usuario" }),
342
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500", children: (_d = user == null ? void 0 : user.rol_principal) != null ? _d : "\u2014" })
342
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: (_d = user == null ? void 0 : user.rol_principal) != null ? _d : "\u2014" })
343
343
  ] }),
344
344
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ml-auto", children: userMenuSlot })
345
345
  ] }),
package/dist/Sidebar.mjs CHANGED
@@ -131,8 +131,8 @@ function Sidebar({
131
131
  userMenuSlot,
132
132
  onBrandClick,
133
133
  collapsedKey = "ga:sidebar-collapsed",
134
- brandInitials = "BM",
135
- brandTitle = "Bellamia",
134
+ brandInitials = "L",
135
+ brandTitle = "Lorem",
136
136
  brandSubtitle = "Tablero",
137
137
  color = "blue"
138
138
  }) {
@@ -184,7 +184,7 @@ function Sidebar({
184
184
  /* @__PURE__ */ jsx("div", { className: "text-2xl font-black leading-none tracking-tight", children: brandInitials }),
185
185
  /* @__PURE__ */ jsxs("div", { children: [
186
186
  /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold leading-4", children: brandTitle }),
187
- /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 text-left", children: brandSubtitle })
187
+ /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400 text-left", children: brandSubtitle })
188
188
  ] })
189
189
  ] })
190
190
  ] }),
@@ -192,7 +192,7 @@ function Sidebar({
192
192
  "aside",
193
193
  {
194
194
  className: [
195
- "hidden xl:fixed xl:inset-y-0 xl:flex xl:flex-col xl:border-r xl:border-black/5 xl:bg-white xl:py-6 dark:xl:bg-[#0b0a0a]/70 z-40",
195
+ "hidden xl:fixed xl:inset-y-0 xl:flex xl:flex-col xl:border-r xl:border-black/5 bg-white xl:py-6 dark:bg-[#0b0a0a]/70 z-40",
196
196
  "transition-[width] duration-200",
197
197
  collapsed ? "xl:w-28 xl:px-3" : "xl:w-72 xl:px-4"
198
198
  ].join(" "),
@@ -240,7 +240,7 @@ function Sidebar({
240
240
  className: "h-9 w-9 p-0 !gap-0 rounded-xl border border-slate-200 bg-white text-slate-700 shadow-sm hover:bg-slate-50 dark:border-white/10 dark:bg-white/5 dark:text-slate-200"
241
241
  }
242
242
  ),
243
- /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500", children: "Men\xFA" })
243
+ /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: "Men\xFA" })
244
244
  ] }),
245
245
  /* @__PURE__ */ jsx(
246
246
  SidebarInner,
@@ -302,11 +302,11 @@ function SidebarInner({
302
302
  )
303
303
  ] }),
304
304
  collapsed && /* @__PURE__ */ jsx("div", { className: "mt-4 flex items-center justify-center", children: /* @__PURE__ */ jsx(AvatarSquare, { size: 48, src: (_a = user == null ? void 0 : user.avatarUrl) != null ? _a : void 0, radiusClass: "rounded-2xl", color }) }),
305
- !collapsed && /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center gap-3 rounded-2xl border border-slate-200 bg-white p-2 pr-3 shadow-sm dark:border-white/10 dark:bg:white/5 dark:bg-white/5", children: [
305
+ !collapsed && /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center gap-3 rounded-2xl border border-slate-200 bg-white p-2 pr-3 shadow-sm dark:border-white/10 dark:bg-white/5", children: [
306
306
  /* @__PURE__ */ jsx(AvatarSquare, { size: 48, src: (_b = user == null ? void 0 : user.avatarUrl) != null ? _b : void 0, radiusClass: "rounded-2xl", color }),
307
307
  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
308
308
  /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold", children: (_c = user == null ? void 0 : user.name) != null ? _c : "Usuario" }),
309
- /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500", children: (_d = user == null ? void 0 : user.rol_principal) != null ? _d : "\u2014" })
309
+ /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: (_d = user == null ? void 0 : user.rol_principal) != null ? _d : "\u2014" })
310
310
  ] }),
311
311
  /* @__PURE__ */ jsx("div", { className: "ml-auto", children: userMenuSlot })
312
312
  ] }),
package/dist/StatCard.js CHANGED
@@ -32,7 +32,7 @@ function StatCard({ title, value, hint, spark }) {
32
32
  const color = (_a = spark == null ? void 0 : spark.color) != null ? _a : "#10b981";
33
33
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.25 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "h-full group relative overflow-hidden rounded-2xl border border-slate-200 bg-white/80 p-4 shadow-sm ring-1 ring-black/5 backdrop-blur transition hover:shadow-md dark:border-white/10 dark:bg-white/5", children: [
34
34
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative z-10", children: [
35
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs font-medium text-slate-500", children: title }),
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs font-medium text-slate-500 dark:text-slate-400", children: title }),
36
36
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-2xl font-semibold tracking-tight", children: value }),
37
37
  hint && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-xs text-slate-400", children: hint })
38
38
  ] }),
package/dist/StatCard.mjs CHANGED
@@ -9,7 +9,7 @@ function StatCard({ title, value, hint, spark }) {
9
9
  const color = (_a = spark == null ? void 0 : spark.color) != null ? _a : "#10b981";
10
10
  return /* @__PURE__ */ jsx(motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.25 }, children: /* @__PURE__ */ jsxs("div", { className: "h-full group relative overflow-hidden rounded-2xl border border-slate-200 bg-white/80 p-4 shadow-sm ring-1 ring-black/5 backdrop-blur transition hover:shadow-md dark:border-white/10 dark:bg-white/5", children: [
11
11
  /* @__PURE__ */ jsxs("div", { className: "relative z-10", children: [
12
- /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-slate-500", children: title }),
12
+ /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-slate-500 dark:text-slate-400", children: title }),
13
13
  /* @__PURE__ */ jsx("div", { className: "mt-1 text-2xl font-semibold tracking-tight", children: value }),
14
14
  hint && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-slate-400", children: hint })
15
15
  ] }),
package/dist/Table.js CHANGED
@@ -54,7 +54,7 @@ function Th({
54
54
  "th",
55
55
  {
56
56
  suppressHydrationWarning: true,
57
- className: `px-4 py-3 text-xs font-semibold uppercase tracking-wide text-slate-500 ${align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left"} ${className != null ? className : ""}`,
57
+ className: `px-4 py-3 text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400 ${align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left"} ${className != null ? className : ""}`,
58
58
  style: mounted ? { width: widthStyle } : void 0,
59
59
  children
60
60
  }
@@ -82,7 +82,7 @@ function SortTh({
82
82
  style: mounted ? { width: widthStyle, minWidth: `${minW}px` } : void 0,
83
83
  "aria-sort": active ? asc ? "ascending" : "descending" : "none",
84
84
  className: [
85
- "relative px-2 py-2.5 text-xs font-semibold uppercase tracking-wide text-slate-500 select-none",
85
+ "relative px-2 py-2.5 text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400 select-none",
86
86
  align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left",
87
87
  className != null ? className : ""
88
88
  ].join(" "),
package/dist/Table.mjs CHANGED
@@ -19,7 +19,7 @@ function Th({
19
19
  "th",
20
20
  {
21
21
  suppressHydrationWarning: true,
22
- className: `px-4 py-3 text-xs font-semibold uppercase tracking-wide text-slate-500 ${align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left"} ${className != null ? className : ""}`,
22
+ className: `px-4 py-3 text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400 ${align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left"} ${className != null ? className : ""}`,
23
23
  style: mounted ? { width: widthStyle } : void 0,
24
24
  children
25
25
  }
@@ -47,7 +47,7 @@ function SortTh({
47
47
  style: mounted ? { width: widthStyle, minWidth: `${minW}px` } : void 0,
48
48
  "aria-sort": active ? asc ? "ascending" : "descending" : "none",
49
49
  className: [
50
- "relative px-2 py-2.5 text-xs font-semibold uppercase tracking-wide text-slate-500 select-none",
50
+ "relative px-2 py-2.5 text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400 select-none",
51
51
  align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left",
52
52
  className != null ? className : ""
53
53
  ].join(" "),
package/dist/TimePanel.js CHANGED
@@ -93,7 +93,7 @@ function TimePopover({
93
93
  ref: popRef,
94
94
  style: stylePop,
95
95
  "data-dtf-pop": true,
96
- className: "overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
96
+ className: "overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
97
97
  children: [
98
98
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-2 text-sm font-medium text-slate-600 dark:text-slate-300", children: "Selecciona hora" }),
99
99
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [
@@ -60,7 +60,7 @@ function TimePopover({
60
60
  ref: popRef,
61
61
  style: stylePop,
62
62
  "data-dtf-pop": true,
63
- className: "overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
63
+ className: "overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
64
64
  children: [
65
65
  /* @__PURE__ */ jsx("div", { className: "mb-2 text-sm font-medium text-slate-600 dark:text-slate-300", children: "Selecciona hora" }),
66
66
  /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
@@ -136,7 +136,7 @@ function TimePopover({
136
136
  onPointerDownCapture: (e) => e.stopPropagation(),
137
137
  onKeyDown,
138
138
  style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 },
139
- className: "w-64 rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
139
+ className: "w-64 rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
140
140
  children: [
141
141
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-2 text-sm font-medium text-slate-700 dark:text-slate-200", children: "Selecciona hora" }),
142
142
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2 text-xs text-slate-500 dark:text-slate-300", children: [
@@ -350,7 +350,7 @@ function WeekPopover({ anchorEl, cursor, value, onCursorChange, onPick, onClose
350
350
  }
351
351
  const selFrom = (_a = value == null ? void 0 : value.from) != null ? _a : null;
352
352
  const selTo = (_b = value == null ? void 0 : value.to) != null ? _b : null;
353
- const body = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: popRef, style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 }, className: "w-[340px] rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]", children: [
353
+ const body = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: popRef, style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 }, className: "w-[340px] rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]", children: [
354
354
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2 flex items-center justify-between", children: [
355
355
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
356
356
  import_Button.default,
@@ -456,7 +456,7 @@ function MonthPopover({ anchorEl, cursor, value, onCursorChange, onPick, onClose
456
456
  selMonthIdx = ((_a = parts[1]) != null ? _a : 1) - 1;
457
457
  }
458
458
  }
459
- const body = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: popRef, style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 }, className: "w-[300px] rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]", children: [
459
+ const body = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: popRef, style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 }, className: "w-[300px] rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]", children: [
460
460
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2 flex items-center justify-between", children: [
461
461
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
462
462
  import_Button.default,
@@ -101,7 +101,7 @@ function TimePopover({
101
101
  onPointerDownCapture: (e) => e.stopPropagation(),
102
102
  onKeyDown,
103
103
  style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 },
104
- className: "w-64 rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
104
+ className: "w-64 rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
105
105
  children: [
106
106
  /* @__PURE__ */ jsx("div", { className: "mb-2 text-sm font-medium text-slate-700 dark:text-slate-200", children: "Selecciona hora" }),
107
107
  /* @__PURE__ */ jsxs("div", { className: "mb-2 text-xs text-slate-500 dark:text-slate-300", children: [
@@ -315,7 +315,7 @@ function WeekPopover({ anchorEl, cursor, value, onCursorChange, onPick, onClose
315
315
  }
316
316
  const selFrom = (_a = value == null ? void 0 : value.from) != null ? _a : null;
317
317
  const selTo = (_b = value == null ? void 0 : value.to) != null ? _b : null;
318
- const body = /* @__PURE__ */ jsxs("div", { ref: popRef, style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 }, className: "w-[340px] rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]", children: [
318
+ const body = /* @__PURE__ */ jsxs("div", { ref: popRef, style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 }, className: "w-[340px] rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]", children: [
319
319
  /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
320
320
  /* @__PURE__ */ jsx(
321
321
  Button,
@@ -421,7 +421,7 @@ function MonthPopover({ anchorEl, cursor, value, onCursorChange, onPick, onClose
421
421
  selMonthIdx = ((_a = parts[1]) != null ? _a : 1) - 1;
422
422
  }
423
423
  }
424
- const body = /* @__PURE__ */ jsxs("div", { ref: popRef, style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 }, className: "w-[300px] rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]", children: [
424
+ const body = /* @__PURE__ */ jsxs("div", { ref: popRef, style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 }, className: "w-[300px] rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]", children: [
425
425
  /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
426
426
  /* @__PURE__ */ jsx(
427
427
  Button,
@@ -146,7 +146,7 @@ function TimeRangeField({ value, onValueChange, portal = true, portalId, clearab
146
146
  setTo(t2);
147
147
  onValueChange == null ? void 0 : onValueChange({ from: f2 ? fmtHHmm(f2.hh, f2.mm) : null, to: t2 ? fmtHHmm(t2.hh, t2.mm) : null });
148
148
  };
149
- const popover = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-trf-pop": true, style: stylePop, className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]", children: [
149
+ const popover = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-trf-pop": true, style: stylePop, className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]", children: [
150
150
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [
151
151
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-medium", children: "Selecciona horario" }),
152
152
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -113,7 +113,7 @@ function TimeRangeField({ value, onValueChange, portal = true, portalId, clearab
113
113
  setTo(t2);
114
114
  onValueChange == null ? void 0 : onValueChange({ from: f2 ? fmtHHmm(f2.hh, f2.mm) : null, to: t2 ? fmtHHmm(t2.hh, t2.mm) : null });
115
115
  };
116
- const popover = /* @__PURE__ */ jsxs("div", { "data-trf-pop": true, style: stylePop, className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]", children: [
116
+ const popover = /* @__PURE__ */ jsxs("div", { "data-trf-pop": true, style: stylePop, className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]", children: [
117
117
  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [
118
118
  /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Selecciona horario" }),
119
119
  /* @__PURE__ */ jsx(
package/dist/Toast.js CHANGED
@@ -132,7 +132,7 @@ function ToastView({ item, onClose, placement }) {
132
132
  onMouseEnter,
133
133
  onMouseLeave,
134
134
  className: [
135
- "pointer-events-auto relative w-[380px] max-w-[92vw] overflow-hidden rounded-xl border bg-white p-3 pr-10 shadow-lg dark:bg-[#0f0d0e]",
135
+ "pointer-events-auto relative w-[380px] max-w-[92vw] overflow-hidden rounded-xl border bg-white p-3 pr-10 shadow-lg dark:bg-[#0b0a0a]",
136
136
  accent.border
137
137
  ].join(" "),
138
138
  children: [
package/dist/Toast.mjs CHANGED
@@ -97,7 +97,7 @@ function ToastView({ item, onClose, placement }) {
97
97
  onMouseEnter,
98
98
  onMouseLeave,
99
99
  className: [
100
- "pointer-events-auto relative w-[380px] max-w-[92vw] overflow-hidden rounded-xl border bg-white p-3 pr-10 shadow-lg dark:bg-[#0f0d0e]",
100
+ "pointer-events-auto relative w-[380px] max-w-[92vw] overflow-hidden rounded-xl border bg-white p-3 pr-10 shadow-lg dark:bg-[#0b0a0a]",
101
101
  accent.border
102
102
  ].join(" "),
103
103
  children: [
@@ -45,7 +45,7 @@ function UploadCard({
45
45
  disabled,
46
46
  buttonLabel = "Seleccionar",
47
47
  dropLabel = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-medium", children: "Arrastra y suelta archivos aqu\xED o haz clic" }),
48
- note = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500", children: "M\xE1ximo recomendado 16MB por archivo" }),
48
+ note = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: "M\xE1ximo recomendado 16MB por archivo" }),
49
49
  uploads,
50
50
  className,
51
51
  onFilesSelected
@@ -119,7 +119,7 @@ function UploadCard({
119
119
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
120
120
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
121
121
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm font-medium", children: u.name }),
122
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs text-slate-500", children: [
122
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
123
123
  Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0))),
124
124
  "%"
125
125
  ] })
@@ -12,7 +12,7 @@ function UploadCard({
12
12
  disabled,
13
13
  buttonLabel = "Seleccionar",
14
14
  dropLabel = /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Arrastra y suelta archivos aqu\xED o haz clic" }),
15
- note = /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500", children: "M\xE1ximo recomendado 16MB por archivo" }),
15
+ note = /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: "M\xE1ximo recomendado 16MB por archivo" }),
16
16
  uploads,
17
17
  className,
18
18
  onFilesSelected
@@ -86,7 +86,7 @@ function UploadCard({
86
86
  children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
87
87
  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
88
88
  /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: u.name }),
89
- /* @__PURE__ */ jsxs("div", { className: "text-xs text-slate-500", children: [
89
+ /* @__PURE__ */ jsxs("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
90
90
  Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0))),
91
91
  "%"
92
92
  ] })
package/dist/index.d.mts CHANGED
@@ -2,6 +2,7 @@ export { default as Button } from './Button.mjs';
2
2
  export { default as ActionIconButton } from './ActionIconButton.mjs';
3
3
  export { default as Input, InputProps } from './Input.mjs';
4
4
  export { default as Textarea, TextareaProps } from './Textarea.mjs';
5
+ export { default as Checkbox, CheckboxProps } from './Checkbox.mjs';
5
6
  export { default as CheckboxPillsGroup, CheckboxPillsGroupProps, PillsOption } from './CheckboxPillsGroup.mjs';
6
7
  export { FilterGroup, default as FiltersMultiSelect, FiltersMultiSelectProps } from './FiltersMultiSelect.mjs';
7
8
  export { default as Select } from './Select.mjs';
@@ -14,6 +15,7 @@ export { SortTh, Td, Th } from './Table.mjs';
14
15
  export { default as Pagination, PaginationProps } from './Pagination.mjs';
15
16
  export { default as InfoGrid, InfoItem } from './InfoGrid.mjs';
16
17
  export { default as ChartCard } from './ChartCard.mjs';
18
+ export { CtrHorizontalBar, DestinoDonut, TopImpresionesBar } from './AnalyticsCharts.mjs';
17
19
  export { default as UploadCard, UploadCardProps, UploadItem } from './UploadCard.mjs';
18
20
  export { default as MediaCard, MediaCardProps } from './MediaCard.mjs';
19
21
  export { default as MediaSelector, MediaSelectorItem, MediosAdapter } from './MediaSelector.mjs';
package/dist/index.d.ts CHANGED
@@ -2,6 +2,7 @@ export { default as Button } from './Button.js';
2
2
  export { default as ActionIconButton } from './ActionIconButton.js';
3
3
  export { default as Input, InputProps } from './Input.js';
4
4
  export { default as Textarea, TextareaProps } from './Textarea.js';
5
+ export { default as Checkbox, CheckboxProps } from './Checkbox.js';
5
6
  export { default as CheckboxPillsGroup, CheckboxPillsGroupProps, PillsOption } from './CheckboxPillsGroup.js';
6
7
  export { FilterGroup, default as FiltersMultiSelect, FiltersMultiSelectProps } from './FiltersMultiSelect.js';
7
8
  export { default as Select } from './Select.js';
@@ -14,6 +15,7 @@ export { SortTh, Td, Th } from './Table.js';
14
15
  export { default as Pagination, PaginationProps } from './Pagination.js';
15
16
  export { default as InfoGrid, InfoItem } from './InfoGrid.js';
16
17
  export { default as ChartCard } from './ChartCard.js';
18
+ export { CtrHorizontalBar, DestinoDonut, TopImpresionesBar } from './AnalyticsCharts.js';
17
19
  export { default as UploadCard, UploadCardProps, UploadItem } from './UploadCard.js';
18
20
  export { default as MediaCard, MediaCardProps } from './MediaCard.js';
19
21
  export { default as MediaSelector, MediaSelectorItem, MediosAdapter } from './MediaSelector.js';
package/dist/index.js CHANGED
@@ -40,10 +40,13 @@ __export(index_exports, {
40
40
  CalendarPanel: () => import_CalendarPanel.default,
41
41
  Card: () => import_Card.default,
42
42
  ChartCard: () => import_ChartCard.default,
43
+ Checkbox: () => import_Checkbox.default,
43
44
  CheckboxPillsGroup: () => import_CheckboxPillsGroup.default,
44
45
  ColumnSelector: () => import_ColumnSelector.default,
45
46
  ComboSelect: () => import_ComboSelect.default,
47
+ CtrHorizontalBar: () => import_AnalyticsCharts.CtrHorizontalBar,
46
48
  DateTimeField: () => import_DateTimeField.default,
49
+ DestinoDonut: () => import_AnalyticsCharts.DestinoDonut,
47
50
  Dialog: () => import_Dialog.default,
48
51
  Drawer: () => import_Drawer.default,
49
52
  Dropdown: () => import_Dropdown.default,
@@ -79,6 +82,7 @@ __export(index_exports, {
79
82
  TimeRangeField: () => import_TimeRangeField.default,
80
83
  ToastProvider: () => import_Toast.ToastProvider,
81
84
  Tooltip: () => import_Tooltip.default,
85
+ TopImpresionesBar: () => import_AnalyticsCharts.TopImpresionesBar,
82
86
  UploadCard: () => import_UploadCard.default,
83
87
  WeekPopover: () => import_TimePopover2.WeekPopover,
84
88
  useToast: () => import_Toast.useToast
@@ -88,6 +92,7 @@ var import_Button = __toESM(require("./Button"));
88
92
  var import_ActionIconButton = __toESM(require("./ActionIconButton"));
89
93
  var import_Input = __toESM(require("./Input"));
90
94
  var import_Textarea = __toESM(require("./Textarea"));
95
+ var import_Checkbox = __toESM(require("./Checkbox"));
91
96
  var import_CheckboxPillsGroup = __toESM(require("./CheckboxPillsGroup"));
92
97
  var import_FiltersMultiSelect = __toESM(require("./FiltersMultiSelect"));
93
98
  var import_Select = __toESM(require("./Select"));
@@ -102,6 +107,7 @@ var import_Table = require("./Table");
102
107
  var import_Pagination = __toESM(require("./Pagination"));
103
108
  var import_InfoGrid = __toESM(require("./InfoGrid"));
104
109
  var import_ChartCard = __toESM(require("./ChartCard"));
110
+ var import_AnalyticsCharts = require("./AnalyticsCharts");
105
111
  var import_UploadCard = __toESM(require("./UploadCard"));
106
112
  var import_MediaCard = __toESM(require("./MediaCard"));
107
113
  var import_MediaSelector = __toESM(require("./MediaSelector"));
@@ -149,10 +155,13 @@ __reExport(index_exports, require("./iconos"), module.exports);
149
155
  CalendarPanel,
150
156
  Card,
151
157
  ChartCard,
158
+ Checkbox,
152
159
  CheckboxPillsGroup,
153
160
  ColumnSelector,
154
161
  ComboSelect,
162
+ CtrHorizontalBar,
155
163
  DateTimeField,
164
+ DestinoDonut,
156
165
  Dialog,
157
166
  Drawer,
158
167
  Dropdown,
@@ -188,6 +197,7 @@ __reExport(index_exports, require("./iconos"), module.exports);
188
197
  TimeRangeField,
189
198
  ToastProvider,
190
199
  Tooltip,
200
+ TopImpresionesBar,
191
201
  UploadCard,
192
202
  WeekPopover,
193
203
  useToast,