framepexls-ui-lib 0.1.25 → 0.1.27

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 (15) hide show
  1. package/dist/CalendarPanel.js +4 -4
  2. package/dist/CalendarPanel.mjs +4 -4
  3. package/dist/ColumnSelector.js +2 -2
  4. package/dist/ColumnSelector.mjs +2 -2
  5. package/dist/ComboSelect.js +2 -2
  6. package/dist/ComboSelect.mjs +2 -2
  7. package/dist/OrderButton.js +1 -1
  8. package/dist/OrderButton.mjs +1 -1
  9. package/dist/Select.js +1 -1
  10. package/dist/Select.mjs +1 -1
  11. package/dist/Sidebar.js +11 -11
  12. package/dist/Sidebar.mjs +11 -11
  13. package/dist/Table.js +1 -1
  14. package/dist/Table.mjs +1 -1
  15. package/package.json +1 -1
package/dist/CalendarPanel.js CHANGED
@@ -81,7 +81,7 @@ function CalendarPanel({
81
81
  {
82
82
  unstyled: true,
83
83
  type: "button",
84
- className: "rounded-lg border border-slate-200 px-2 py-1 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/10",
84
+ className: "rounded-lg border border-slate-200 px-2 py-1 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/15",
85
85
  onClick: () => onCursorChange(new Date(year, month - 1, 1)),
86
86
  children: "\u25C0"
87
87
  }
@@ -91,7 +91,7 @@ function CalendarPanel({
91
91
  {
92
92
  unstyled: true,
93
93
  type: "button",
94
- className: "rounded-lg border border-slate-200 px-2 py-1 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/10",
94
+ className: "rounded-lg border border-slate-200 px-2 py-1 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/15",
95
95
  onClick: () => onCursorChange(new Date(year, month + 1, 1)),
96
96
  children: "\u25B6"
97
97
  }
@@ -114,8 +114,8 @@ function CalendarPanel({
114
114
  onClick: () => !disabled && onPick(d),
115
115
  className: [
116
116
  "h-9 rounded-xl text-sm flex items-center justify-center leading-none",
117
- selected ? "bg-slate-900 text-white dark:bg-white dark:text-slate-900" : isToday ? "border border-slate-300/70 dark:border-white/10" : "hover:bg-slate-100 dark:hover:bg-white/10",
118
- !inMonth && "text-slate-400",
117
+ selected ? "bg-slate-900 text-white dark:bg-white dark:text-slate-900" : isToday ? "border border-slate-300/70 dark:border-white/20" : "hover:bg-slate-100 dark:hover:bg-white/15",
118
+ inMonth ? "text-slate-700 dark:text-slate-100" : "text-slate-400 dark:text-white/40",
119
119
  disabled && "opacity-40 cursor-not-allowed"
120
120
  ].filter(Boolean).join(" "),
121
121
  children: d.getDate()
package/dist/CalendarPanel.mjs CHANGED
@@ -48,7 +48,7 @@ function CalendarPanel({
48
48
  {
49
49
  unstyled: true,
50
50
  type: "button",
51
- className: "rounded-lg border border-slate-200 px-2 py-1 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/10",
51
+ className: "rounded-lg border border-slate-200 px-2 py-1 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/15",
52
52
  onClick: () => onCursorChange(new Date(year, month - 1, 1)),
53
53
  children: "\u25C0"
54
54
  }
@@ -58,7 +58,7 @@ function CalendarPanel({
58
58
  {
59
59
  unstyled: true,
60
60
  type: "button",
61
- className: "rounded-lg border border-slate-200 px-2 py-1 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/10",
61
+ className: "rounded-lg border border-slate-200 px-2 py-1 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/15",
62
62
  onClick: () => onCursorChange(new Date(year, month + 1, 1)),
63
63
  children: "\u25B6"
64
64
  }
@@ -81,8 +81,8 @@ function CalendarPanel({
81
81
  onClick: () => !disabled && onPick(d),
82
82
  className: [
83
83
  "h-9 rounded-xl text-sm flex items-center justify-center leading-none",
84
- selected ? "bg-slate-900 text-white dark:bg-white dark:text-slate-900" : isToday ? "border border-slate-300/70 dark:border-white/10" : "hover:bg-slate-100 dark:hover:bg-white/10",
85
- !inMonth && "text-slate-400",
84
+ selected ? "bg-slate-900 text-white dark:bg-white dark:text-slate-900" : isToday ? "border border-slate-300/70 dark:border-white/20" : "hover:bg-slate-100 dark:hover:bg-white/15",
85
+ inMonth ? "text-slate-700 dark:text-slate-100" : "text-slate-400 dark:text-white/40",
86
86
  disabled && "opacity-40 cursor-not-allowed"
87
87
  ].filter(Boolean).join(" "),
88
88
  children: d.getDate()
package/dist/ColumnSelector.js CHANGED
@@ -51,7 +51,7 @@ function ColumnSelector({
51
51
  e.stopPropagation();
52
52
  onToggleOpen((v) => !v);
53
53
  },
54
- className: "rounded-2xl border border-slate-200 px-3 py-2 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/5",
54
+ className: "rounded-2xl border border-slate-200 px-3 py-2 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/10",
55
55
  children: "Columnas"
56
56
  }
57
57
  ),
@@ -65,7 +65,7 @@ function ColumnSelector({
65
65
  children: items.map(({ key, label }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
66
66
  "label",
67
67
  {
68
- className: "flex cursor-pointer items-center justify-between gap-3 rounded-xl px-3 py-2 text-sm hover:bg-slate-50 dark:hover:bg-white/5",
68
+ className: "flex cursor-pointer items-center justify-between gap-3 rounded-xl px-3 py-2 text-sm hover:bg-slate-50 dark:hover:bg-white/10",
69
69
  children: [
70
70
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium text-slate-800 dark:text-slate-100", children: label }),
71
71
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
package/dist/ColumnSelector.mjs CHANGED
@@ -18,7 +18,7 @@ function ColumnSelector({
18
18
  e.stopPropagation();
19
19
  onToggleOpen((v) => !v);
20
20
  },
21
- className: "rounded-2xl border border-slate-200 px-3 py-2 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/5",
21
+ className: "rounded-2xl border border-slate-200 px-3 py-2 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/10",
22
22
  children: "Columnas"
23
23
  }
24
24
  ),
@@ -32,7 +32,7 @@ function ColumnSelector({
32
32
  children: items.map(({ key, label }) => /* @__PURE__ */ jsxs(
33
33
  "label",
34
34
  {
35
- className: "flex cursor-pointer items-center justify-between gap-3 rounded-xl px-3 py-2 text-sm hover:bg-slate-50 dark:hover:bg-white/5",
35
+ className: "flex cursor-pointer items-center justify-between gap-3 rounded-xl px-3 py-2 text-sm hover:bg-slate-50 dark:hover:bg-white/10",
36
36
  children: [
37
37
  /* @__PURE__ */ jsx("span", { className: "font-medium text-slate-800 dark:text-slate-100", children: label }),
38
38
  /* @__PURE__ */ jsx(
package/dist/ComboSelect.js CHANGED
@@ -238,7 +238,7 @@ function ComboSelect({
238
238
  {
239
239
  className: cx(
240
240
  "flex items-center justify-between gap-3",
241
- isActive ? "bg-slate-50 dark:bg-white/10" : "hover:bg-slate-50 dark:hover:bg-white/5"
241
+ isActive ? "bg-slate-50 dark:bg-white/10" : "hover:bg-slate-50 dark:hover:bg-white/10"
242
242
  ),
243
243
  children: [
244
244
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex items-center gap-3", children: [
@@ -339,7 +339,7 @@ function ComboSelect({
339
339
  className: cx(
340
340
  "px-3 py-2",
341
341
  !interactiveOptions && "cursor-pointer",
342
- isActive ? "bg-slate-50 dark:bg-white/10" : "hover:bg-slate-50 dark:hover:bg-white/5",
342
+ isActive ? "bg-slate-50 dark:bg-white/10" : "hover:bg-slate-50 dark:hover:bg-white/10",
343
343
  opt.disabled && "opacity-50 cursor-not-allowed"
344
344
  ),
345
345
  onClick: handleRowClick
package/dist/ComboSelect.mjs CHANGED
@@ -205,7 +205,7 @@ function ComboSelect({
205
205
  {
206
206
  className: cx(
207
207
  "flex items-center justify-between gap-3",
208
- isActive ? "bg-slate-50 dark:bg-white/10" : "hover:bg-slate-50 dark:hover:bg-white/5"
208
+ isActive ? "bg-slate-50 dark:bg-white/10" : "hover:bg-slate-50 dark:hover:bg-white/10"
209
209
  ),
210
210
  children: [
211
211
  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex items-center gap-3", children: [
@@ -306,7 +306,7 @@ function ComboSelect({
306
306
  className: cx(
307
307
  "px-3 py-2",
308
308
  !interactiveOptions && "cursor-pointer",
309
- isActive ? "bg-slate-50 dark:bg-white/10" : "hover:bg-slate-50 dark:hover:bg-white/5",
309
+ isActive ? "bg-slate-50 dark:bg-white/10" : "hover:bg-slate-50 dark:hover:bg-white/10",
310
310
  opt.disabled && "opacity-50 cursor-not-allowed"
311
311
  ),
312
312
  onClick: handleRowClick
package/dist/OrderButton.js CHANGED
@@ -40,7 +40,7 @@ function OrderButton({ label, active, asc, onClick }) {
40
40
  {
41
41
  unstyled: true,
42
42
  onClick,
43
- className: "rounded-xl border border-slate-200 px-3 py-2 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/5",
43
+ className: "rounded-xl border border-slate-200 px-3 py-2 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/10",
44
44
  children: [
45
45
  label,
46
46
  " ",
package/dist/OrderButton.mjs CHANGED
@@ -7,7 +7,7 @@ function OrderButton({ label, active, asc, onClick }) {
7
7
  {
8
8
  unstyled: true,
9
9
  onClick,
10
- className: "rounded-xl border border-slate-200 px-3 py-2 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/5",
10
+ className: "rounded-xl border border-slate-200 px-3 py-2 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/10",
11
11
  children: [
12
12
  label,
13
13
  " ",
package/dist/Select.js CHANGED
@@ -269,7 +269,7 @@ function ModernSelect({
269
269
  S[size].itemPad,
270
270
  "flex items-start justify-between gap-3",
271
271
  "cursor-pointer focus:outline-none",
272
- "hover:bg-slate-50 dark:hover:bg-white/5",
272
+ "hover:bg-slate-50 dark:hover:bg-white/10",
273
273
  isSelected ? "bg-slate-50/70 dark:bg-white/10" : "",
274
274
  isDisabled ? "opacity-50 cursor-not-allowed" : ""
275
275
  ].join(" "),
package/dist/Select.mjs CHANGED
@@ -236,7 +236,7 @@ function ModernSelect({
236
236
  S[size].itemPad,
237
237
  "flex items-start justify-between gap-3",
238
238
  "cursor-pointer focus:outline-none",
239
- "hover:bg-slate-50 dark:hover:bg-white/5",
239
+ "hover:bg-slate-50 dark:hover:bg-white/10",
240
240
  isSelected ? "bg-slate-50/70 dark:bg-white/10" : "",
241
241
  isDisabled ? "opacity-50 cursor-not-allowed" : ""
242
242
  ].join(" "),
package/dist/Sidebar.js CHANGED
@@ -200,7 +200,7 @@ function Sidebar({
200
200
  setDrawerOpen(false);
201
201
  };
202
202
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
203
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sticky top-0 z-40 flex h-14 items-center gap-2 border-b border-black/5 bg-white/80 px-3 backdrop-blur shadow-sm xl:hidden dark:bg-[#0b0a0a]/70", children: [
203
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sticky top-0 z-40 flex h-14 items-center gap-2 border-b border-black/5 bg-white/80 px-3 backdrop-blur shadow-sm xl:hidden dark:bg-[#0b0a0a]", children: [
204
204
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
205
205
  import_Button.default,
206
206
  {
@@ -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 bg-white xl:py-6 dark: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] 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(" "),
@@ -394,14 +394,14 @@ function RenderItem({
394
394
  title: item.label,
395
395
  className: [
396
396
  "group flex w-full items-center gap-3 rounded-2xl px-3 py-2 text-left text-[15px] transition justify-center",
397
- isActive ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/5"
397
+ isActive ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/10"
398
398
  ].join(" "),
399
399
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
400
400
  "span",
401
401
  {
402
402
  className: [
403
403
  "grid h-9 w-9 place-items-center rounded-xl border transition",
404
- isActive ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/5"
404
+ isActive ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/10"
405
405
  ].join(" "),
406
406
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-5 w-5" })
407
407
  }
@@ -416,7 +416,7 @@ function RenderItem({
416
416
  {
417
417
  className: [
418
418
  "flex w-full min-w-0 items-center rounded-2xl px-3 py-2 text-[15px] transition gap-2",
419
- isActive ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/5"
419
+ isActive ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/10"
420
420
  ].join(" "),
421
421
  children: [
422
422
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Button.default, { unstyled: true, type: "button", onClick: () => go(item.key), className: "flex min-w-0 flex-1 items-center gap-3", children: [
@@ -425,7 +425,7 @@ function RenderItem({
425
425
  {
426
426
  className: [
427
427
  "grid h-9 w-9 place-items-center rounded-xl border transition",
428
- isActive ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/5"
428
+ isActive ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/10"
429
429
  ].join(" "),
430
430
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-5 w-5" })
431
431
  }
@@ -448,7 +448,7 @@ function RenderItem({
448
448
  leftIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { open }),
449
449
  className: [
450
450
  "h-8 w-8 shrink-0 rounded-lg p-0 !gap-0 border",
451
- isActive ? `${TOGGLE_BORDER_ACTIVE[color]} bg-white/80 dark:bg-white/10` : "border-slate-200 bg-white dark:border-white/10 dark:bg-white/5"
451
+ isActive ? `${TOGGLE_BORDER_ACTIVE[color]} bg-white/80 dark:bg-white/15` : "border-slate-200 bg-white dark:border-white/10 dark:bg-white/10"
452
452
  ].join(" ")
453
453
  }
454
454
  )
@@ -463,7 +463,7 @@ function RenderItem({
463
463
  exit: { height: 0, opacity: 0, y: -4 },
464
464
  transition: { type: "tween", duration: 0.18 },
465
465
  className: "mt-1 overflow-hidden",
466
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-xl border border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/5", children: children.map((ch) => {
466
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-xl border border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/10", children: children.map((ch) => {
467
467
  const active2 = ch.key === activeKey;
468
468
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
469
469
  import_Button.default,
@@ -472,7 +472,7 @@ function RenderItem({
472
472
  onClick: () => go(ch.key),
473
473
  className: [
474
474
  "block w-full text-left px-3 py-2 text-[14px] transition",
475
- active2 ? SUBITEM_ACTIVE[color] : "text-slate-700 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-white/10"
475
+ active2 ? SUBITEM_ACTIVE[color] : "text-slate-700 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-white/15"
476
476
  ].join(" "),
477
477
  children: ch.label
478
478
  },
@@ -494,7 +494,7 @@ function RenderItem({
494
494
  title: collapsed ? item.label : void 0,
495
495
  className: [
496
496
  "group flex w-full min-w-0 items-center gap-3 rounded-2xl px-3 py-2 text-left text-[15px] transition",
497
- active ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/5",
497
+ active ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/10",
498
498
  collapsed ? "justify-center" : ""
499
499
  ].join(" "),
500
500
  children: [
@@ -503,7 +503,7 @@ function RenderItem({
503
503
  {
504
504
  className: [
505
505
  "grid h-9 w-9 place-items-center rounded-xl border text-slate-700 transition group-hover:scale-105 dark:text-slate-200",
506
- active ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/5"
506
+ active ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/10"
507
507
  ].join(" "),
508
508
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-5 w-5" })
509
509
  }
package/dist/Sidebar.mjs CHANGED
@@ -167,7 +167,7 @@ function Sidebar({
167
167
  setDrawerOpen(false);
168
168
  };
169
169
  return /* @__PURE__ */ jsxs(Fragment, { children: [
170
- /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-40 flex h-14 items-center gap-2 border-b border-black/5 bg-white/80 px-3 backdrop-blur shadow-sm xl:hidden dark:bg-[#0b0a0a]/70", children: [
170
+ /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-40 flex h-14 items-center gap-2 border-b border-black/5 bg-white/80 px-3 backdrop-blur shadow-sm xl:hidden dark:bg-[#0b0a0a]", children: [
171
171
  /* @__PURE__ */ jsx(
172
172
  Button,
173
173
  {
@@ -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 bg-white xl:py-6 dark: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] 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(" "),
@@ -361,14 +361,14 @@ function RenderItem({
361
361
  title: item.label,
362
362
  className: [
363
363
  "group flex w-full items-center gap-3 rounded-2xl px-3 py-2 text-left text-[15px] transition justify-center",
364
- isActive ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/5"
364
+ isActive ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/10"
365
365
  ].join(" "),
366
366
  children: /* @__PURE__ */ jsx(
367
367
  "span",
368
368
  {
369
369
  className: [
370
370
  "grid h-9 w-9 place-items-center rounded-xl border transition",
371
- isActive ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/5"
371
+ isActive ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/10"
372
372
  ].join(" "),
373
373
  children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" })
374
374
  }
@@ -383,7 +383,7 @@ function RenderItem({
383
383
  {
384
384
  className: [
385
385
  "flex w-full min-w-0 items-center rounded-2xl px-3 py-2 text-[15px] transition gap-2",
386
- isActive ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/5"
386
+ isActive ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/10"
387
387
  ].join(" "),
388
388
  children: [
389
389
  /* @__PURE__ */ jsxs(Button, { unstyled: true, type: "button", onClick: () => go(item.key), className: "flex min-w-0 flex-1 items-center gap-3", children: [
@@ -392,7 +392,7 @@ function RenderItem({
392
392
  {
393
393
  className: [
394
394
  "grid h-9 w-9 place-items-center rounded-xl border transition",
395
- isActive ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/5"
395
+ isActive ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/10"
396
396
  ].join(" "),
397
397
  children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" })
398
398
  }
@@ -415,7 +415,7 @@ function RenderItem({
415
415
  leftIcon: /* @__PURE__ */ jsx(ChevronDown, { open }),
416
416
  className: [
417
417
  "h-8 w-8 shrink-0 rounded-lg p-0 !gap-0 border",
418
- isActive ? `${TOGGLE_BORDER_ACTIVE[color]} bg-white/80 dark:bg-white/10` : "border-slate-200 bg-white dark:border-white/10 dark:bg-white/5"
418
+ isActive ? `${TOGGLE_BORDER_ACTIVE[color]} bg-white/80 dark:bg-white/15` : "border-slate-200 bg-white dark:border-white/10 dark:bg-white/10"
419
419
  ].join(" ")
420
420
  }
421
421
  )
@@ -430,7 +430,7 @@ function RenderItem({
430
430
  exit: { height: 0, opacity: 0, y: -4 },
431
431
  transition: { type: "tween", duration: 0.18 },
432
432
  className: "mt-1 overflow-hidden",
433
- children: /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/5", children: children.map((ch) => {
433
+ children: /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/10", children: children.map((ch) => {
434
434
  const active2 = ch.key === activeKey;
435
435
  return /* @__PURE__ */ jsx(
436
436
  Button,
@@ -439,7 +439,7 @@ function RenderItem({
439
439
  onClick: () => go(ch.key),
440
440
  className: [
441
441
  "block w-full text-left px-3 py-2 text-[14px] transition",
442
- active2 ? SUBITEM_ACTIVE[color] : "text-slate-700 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-white/10"
442
+ active2 ? SUBITEM_ACTIVE[color] : "text-slate-700 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-white/15"
443
443
  ].join(" "),
444
444
  children: ch.label
445
445
  },
@@ -461,7 +461,7 @@ function RenderItem({
461
461
  title: collapsed ? item.label : void 0,
462
462
  className: [
463
463
  "group flex w-full min-w-0 items-center gap-3 rounded-2xl px-3 py-2 text-left text-[15px] transition",
464
- active ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/5",
464
+ active ? `${WRAP_ACTIVE[color]} text-slate-900 dark:text-white` : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-white/10",
465
465
  collapsed ? "justify-center" : ""
466
466
  ].join(" "),
467
467
  children: [
@@ -470,7 +470,7 @@ function RenderItem({
470
470
  {
471
471
  className: [
472
472
  "grid h-9 w-9 place-items-center rounded-xl border text-slate-700 transition group-hover:scale-105 dark:text-slate-200",
473
- active ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/5"
473
+ active ? `${ICON_BORDER_ACTIVE[color]} bg-white shadow-sm dark:bg-white/10` : "border-slate-200 bg-white shadow-sm dark:border-white/10 dark:bg-white/10"
474
474
  ].join(" "),
475
475
  children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" })
476
476
  }
package/dist/Table.js CHANGED
@@ -97,7 +97,7 @@ function SortTh({
97
97
  unstyled: true,
98
98
  type: "button",
99
99
  onClick,
100
- className: "group inline-flex items-center gap-1.5 rounded-lg px-2 py-1 transition hover:bg-slate-100/60 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:hover:bg-white/5",
100
+ className: "group inline-flex items-center gap-1.5 rounded-lg px-2 py-1 transition hover:bg-slate-100/60 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:hover:bg-white/10",
101
101
  children: [
102
102
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children }),
103
103
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
package/dist/Table.mjs CHANGED
@@ -62,7 +62,7 @@ function SortTh({
62
62
  unstyled: true,
63
63
  type: "button",
64
64
  onClick,
65
- className: "group inline-flex items-center gap-1.5 rounded-lg px-2 py-1 transition hover:bg-slate-100/60 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:hover:bg-white/5",
65
+ className: "group inline-flex items-center gap-1.5 rounded-lg px-2 py-1 transition hover:bg-slate-100/60 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:hover:bg-white/10",
66
66
  children: [
67
67
  /* @__PURE__ */ jsx("span", { children }),
68
68
  /* @__PURE__ */ jsx(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "framepexls-ui-lib",
3
- "version": "0.1.25",
3
+ "version": "0.1.27",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "description": "Componentes UI de Framepexls para React/Next.",