framepexls-ui-lib 0.1.24 → 0.1.25

package/dist/AppTopbar.js

@@ -38,7 +38,7 @@ function AppTopbar({ title, subtitle, secondary, primary, actions, color }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "sticky top-0 z-30 border-b border-black/5 bg-white backdrop-blur-xl dark:bg-[#0b0a0a]/60", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-4 sm:px-6 xl:px-8 xl:pl-20", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex h-16 items-center justify-between", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-lg font-semibold tracking-tight", children: title }),
-      subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-slate-500", children: subtitle })
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: subtitle })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 z-10", children: [
       Array.isArray(actions) && actions.map((a, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/AppTopbar.mjs

@@ -5,7 +5,7 @@ function AppTopbar({ title, subtitle, secondary, primary, actions, color }) {
   return /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-30 border-b border-black/5 bg-white backdrop-blur-xl dark:bg-[#0b0a0a]/60", children: /* @__PURE__ */ jsx("div", { className: "px-4 sm:px-6 xl:px-8 xl:pl-20", children: /* @__PURE__ */ jsxs("div", { className: "flex h-16 items-center justify-between", children: [
     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold tracking-tight", children: title }),
-      subtitle && /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500", children: subtitle })
+      subtitle && /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: subtitle })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 z-10", children: [
       Array.isArray(actions) && actions.map((a, idx) => /* @__PURE__ */ jsx(

package/dist/BadgeCluster.js

@@ -89,7 +89,7 @@ function BadgeCluster({
       transition: { duration: 0.16, ease: "easeOut" },
       className: [
         "z-[9999] w-64 max-w-[80vw] rounded-xl border border-slate-200 bg-white p-2 shadow-lg ring-1 ring-black/5",
-        "dark:border-white/10 dark:bg-[#0e0d0e]",
+        "dark:border-white/10 dark:bg-[#0b0a0a]",
         usePortal ? "fixed" : "absolute",
         align === "right" ? "right-0" : "left-0"
       ].join(" "),

package/dist/BadgeCluster.mjs

@@ -56,7 +56,7 @@ function BadgeCluster({
       transition: { duration: 0.16, ease: "easeOut" },
       className: [
         "z-[9999] w-64 max-w-[80vw] rounded-xl border border-slate-200 bg-white p-2 shadow-lg ring-1 ring-black/5",
-        "dark:border-white/10 dark:bg-[#0e0d0e]",
+        "dark:border-white/10 dark:bg-[#0b0a0a]",
         usePortal ? "fixed" : "absolute",
         align === "right" ? "right-0" : "left-0"
       ].join(" "),

package/dist/Breadcrumb.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(Breadcrumb_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 function Breadcrumb({ items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "mb-4 flex items-center text-sm text-slate-500", "aria-label": "Breadcrumb", children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "mb-4 flex items-center text-sm text-slate-500 dark:text-slate-400", "aria-label": "Breadcrumb", children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 20 20", className: "mx-2 h-4 w-4 opacity-50", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 4l6 6-6 6" }) }),
     it.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { className: "hover:text-slate-700", href: it.href, children: it.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium text-slate-900 dark:text-slate-100", children: it.label })
   ] }, i)) });

package/dist/Breadcrumb.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 function Breadcrumb({ items }) {
-  return /* @__PURE__ */ jsx("nav", { className: "mb-4 flex items-center text-sm text-slate-500", "aria-label": "Breadcrumb", children: items.map((it, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+  return /* @__PURE__ */ jsx("nav", { className: "mb-4 flex items-center text-sm text-slate-500 dark:text-slate-400", "aria-label": "Breadcrumb", children: items.map((it, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", className: "mx-2 h-4 w-4 opacity-50", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M7 4l6 6-6 6" }) }),
     it.href ? /* @__PURE__ */ jsx("a", { className: "hover:text-slate-700", href: it.href, children: it.label }) : /* @__PURE__ */ jsx("span", { className: "font-medium text-slate-900 dark:text-slate-100", children: it.label })
   ] }, i)) });

package/dist/CalendarPanel.js

@@ -98,7 +98,7 @@ function CalendarPanel({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-7 gap-1 px-2 pb-2 text-center text-[11px] uppercase tracking-wide text-slate-500", children: dow.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "py-1", children: d }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-7 gap-1 px-2 pb-2 text-center text-[11px] uppercase tracking-wide text-slate-500 dark:text-slate-400", children: dow.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "py-1", children: d }, i)) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-7 gap-1 px-2 pb-2", children: grid.map((d) => {
       const inMonth = d.getMonth() === month;
       const selected = value && fmtISODate(d) === fmtISODate(value);

package/dist/CalendarPanel.mjs

@@ -65,7 +65,7 @@ function CalendarPanel({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 px-2 pb-2 text-center text-[11px] uppercase tracking-wide text-slate-500", children: dow.map((d, i) => /* @__PURE__ */ jsx("div", { className: "py-1", children: d }, i)) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 px-2 pb-2 text-center text-[11px] uppercase tracking-wide text-slate-500 dark:text-slate-400", children: dow.map((d, i) => /* @__PURE__ */ jsx("div", { className: "py-1", children: d }, i)) }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 px-2 pb-2", children: grid.map((d) => {
       const inMonth = d.getMonth() === month;
       const selected = value && fmtISODate(d) === fmtISODate(value);

package/dist/Card.js

@@ -34,7 +34,7 @@ __export(Card_exports, {
 module.exports = __toCommonJS(Card_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-const base = "rounded-2xl border border-slate-200 bg-white p-4 shadow-sm dark:border-white/10 dark:bg-[#0f0d0e]";
+const base = "rounded-2xl border border-slate-200 bg-white p-4 shadow-sm dark:border-white/10 dark:bg-white/5";
 const Card = import_react.default.forwardRef(
   ({ className, children, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/Card.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-const base = "rounded-2xl border border-slate-200 bg-white p-4 shadow-sm dark:border-white/10 dark:bg-[#0f0d0e]";
+const base = "rounded-2xl border border-slate-200 bg-white p-4 shadow-sm dark:border-white/10 dark:bg-white/5";
 const Card = React.forwardRef(
   ({ className, children, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/ChartCard.js

@@ -32,12 +32,12 @@ function ChartCard({ title, subtitle, right, children, footer, compact, classNam
         (title || subtitle || right) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: ["flex items-center justify-between gap-3 border-b border-slate-100 px-4", compact ? "py-2" : "py-3", "dark:border-white/10"].join(" "), children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
             title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold text-slate-700 dark:text-slate-100", children: title }),
-            subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500", children: subtitle })
+            subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: subtitle })
           ] }),
           right
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: ["", compact ? "p-3" : "p-4"].join(" "), children }),
-        footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: ["border-t border-slate-100 px-4 text-xs text-slate-500", compact ? "py-2" : "py-3", "dark:border-white/10"].join(" "), children: footer })
+        footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: ["border-t border-slate-100 px-4 text-xs text-slate-500 dark:text-slate-400", compact ? "py-2" : "py-3", "dark:border-white/10"].join(" "), children: footer })
       ]
     }
   );

package/dist/ChartCard.mjs

@@ -9,12 +9,12 @@ function ChartCard({ title, subtitle, right, children, footer, compact, classNam
         (title || subtitle || right) && /* @__PURE__ */ jsxs("div", { className: ["flex items-center justify-between gap-3 border-b border-slate-100 px-4", compact ? "py-2" : "py-3", "dark:border-white/10"].join(" "), children: [
           /* @__PURE__ */ jsxs("div", { children: [
             title && /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-slate-700 dark:text-slate-100", children: title }),
-            subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500", children: subtitle })
+            subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: subtitle })
           ] }),
           right
         ] }),
         /* @__PURE__ */ jsx("div", { className: ["", compact ? "p-3" : "p-4"].join(" "), children }),
-        footer && /* @__PURE__ */ jsx("div", { className: ["border-t border-slate-100 px-4 text-xs text-slate-500", compact ? "py-2" : "py-3", "dark:border-white/10"].join(" "), children: footer })
+        footer && /* @__PURE__ */ jsx("div", { className: ["border-t border-slate-100 px-4 text-xs text-slate-500 dark:text-slate-400", compact ? "py-2" : "py-3", "dark:border-white/10"].join(" "), children: footer })
       ]
     }
   );

package/dist/ColumnSelector.js

@@ -61,7 +61,7 @@ function ColumnSelector({
         initial: { opacity: 0, y: 6 },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -6 },
-        className: "absolute right-0 z-20 mt-2 w-64 overflow-hidden rounded-2xl border border-slate-200 bg-white p-1 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
+        className: "absolute right-0 z-20 mt-2 w-64 overflow-hidden rounded-2xl border border-slate-200 bg-white p-1 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
         children: items.map(({ key, label }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "label",
           {

package/dist/ColumnSelector.mjs

@@ -28,7 +28,7 @@ function ColumnSelector({
         initial: { opacity: 0, y: 6 },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -6 },
-        className: "absolute right-0 z-20 mt-2 w-64 overflow-hidden rounded-2xl border border-slate-200 bg-white p-1 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
+        className: "absolute right-0 z-20 mt-2 w-64 overflow-hidden rounded-2xl border border-slate-200 bg-white p-1 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
         children: items.map(({ key, label }) => /* @__PURE__ */ jsxs(
           "label",
           {

package/dist/ComboSelect.js

@@ -254,7 +254,7 @@ function ComboSelect({
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate font-medium", children: opt.label }),
-              opt.sublabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-xs text-slate-500", children: opt.sublabel }) : opt.hint ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-xs text-slate-500", children: opt.hint }) : null
+              opt.sublabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: opt.sublabel }) : opt.hint ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: opt.hint }) : null
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex shrink-0 items-center gap-3", children: [
@@ -301,8 +301,8 @@ function ComboSelect({
         role: "listbox",
         id: listId,
         style: dropStyle,
-        className: "overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0f0d0e]",
-        children: filteredRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-3 py-2 text-sm text-slate-500", children: noResultsText }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "max-h-[inherit] overflow-auto py-1 text-sm", children: filteredRows.map((row, i) => {
+        className: "overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
+        children: filteredRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-3 py-2 text-sm text-slate-500 dark:text-slate-400", children: noResultsText }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "max-h-[inherit] overflow-auto py-1 text-sm", children: filteredRows.map((row, i) => {
           if (row.kind === "section") {
             const Header = renderSectionHeader != null ? renderSectionHeader : DefaultSectionHeader;
             return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { "aria-hidden": true, className: "sticky top-0 z-10", children: Header(row.sec, true) }, `sec-${row.sec.key}`);

package/dist/ComboSelect.mjs

@@ -221,7 +221,7 @@ function ComboSelect({
             ),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
               /* @__PURE__ */ jsx("div", { className: "truncate font-medium", children: opt.label }),
-              opt.sublabel ? /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-slate-500", children: opt.sublabel }) : opt.hint ? /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-slate-500", children: opt.hint }) : null
+              opt.sublabel ? /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: opt.sublabel }) : opt.hint ? /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: opt.hint }) : null
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
@@ -268,8 +268,8 @@ function ComboSelect({
         role: "listbox",
         id: listId,
         style: dropStyle,
-        className: "overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0f0d0e]",
-        children: filteredRows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-sm text-slate-500", children: noResultsText }) : /* @__PURE__ */ jsx("ul", { className: "max-h-[inherit] overflow-auto py-1 text-sm", children: filteredRows.map((row, i) => {
+        className: "overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
+        children: filteredRows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-sm text-slate-500 dark:text-slate-400", children: noResultsText }) : /* @__PURE__ */ jsx("ul", { className: "max-h-[inherit] overflow-auto py-1 text-sm", children: filteredRows.map((row, i) => {
           if (row.kind === "section") {
             const Header = renderSectionHeader != null ? renderSectionHeader : DefaultSectionHeader;
             return /* @__PURE__ */ jsx("li", { "aria-hidden": true, className: "sticky top-0 z-10", children: Header(row.sec, true) }, `sec-${row.sec.key}`);

package/dist/DateTimeField.js

@@ -250,7 +250,7 @@ function DateTimeField({
       ref: popRef,
       style: stylePop,
       "data-dtf-pop": true,
-      className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
+      className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
       children: [
         type !== "time" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_CalendarPanel.default,

package/dist/DateTimeField.mjs

@@ -217,7 +217,7 @@ function DateTimeField({
       ref: popRef,
       style: stylePop,
       "data-dtf-pop": true,
-      className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
+      className: "w-1/3 overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
       children: [
         type !== "time" && /* @__PURE__ */ jsx(
           CalendarPanel,

package/dist/Dialog.js

@@ -153,7 +153,7 @@ function DialogBase({
               ref: containerRef,
               className: cx(
                 "w-full overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-xl",
-                "dark:border-white/10 dark:bg-[#0e0d0e]",
+                "dark:border-white/10 dark:bg-[#0b0a0a]",
                 "flex max-h-[88vh] flex-col",
                 sizeToMaxW[size],
                 className
@@ -232,7 +232,7 @@ function DialogFooter({
         "sticky bottom-0 z-10 flex items-center gap-2 rounded-b-3xl border-t border-slate-200",
         "bg-white px-6 py-4 text-sm",
         "[box-shadow:inset_0_8px_10px_-8px_rgba(2,6,23,0.10)]",
-        "dark:border-white/10 dark:bg-[#0e0d0e] dark:[box-shadow:inset_0_8px_10px_-8px_rgba(255,255,255,0.08)]",
+        "dark:border-white/10 dark:bg-[#0b0a0a] dark:[box-shadow:inset_0_8px_10px_-8px_rgba(255,255,255,0.08)]",
         map[align]
       ),
       children

package/dist/Dialog.mjs

@@ -113,7 +113,7 @@ function DialogBase({
               ref: containerRef,
               className: cx(
                 "w-full overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-xl",
-                "dark:border-white/10 dark:bg-[#0e0d0e]",
+                "dark:border-white/10 dark:bg-[#0b0a0a]",
                 "flex max-h-[88vh] flex-col",
                 sizeToMaxW[size],
                 className
@@ -192,7 +192,7 @@ function DialogFooter({
         "sticky bottom-0 z-10 flex items-center gap-2 rounded-b-3xl border-t border-slate-200",
         "bg-white px-6 py-4 text-sm",
         "[box-shadow:inset_0_8px_10px_-8px_rgba(2,6,23,0.10)]",
-        "dark:border-white/10 dark:bg-[#0e0d0e] dark:[box-shadow:inset_0_8px_10px_-8px_rgba(255,255,255,0.08)]",
+        "dark:border-white/10 dark:bg-[#0b0a0a] dark:[box-shadow:inset_0_8px_10px_-8px_rgba(255,255,255,0.08)]",
         map[align]
       ),
       children

package/dist/Dropdown.js

@@ -285,7 +285,7 @@ function Content({
           "data-[open=false]:pointer-events-none data-[open=false]:opacity-0 data-[open=false]:scale-95",
           "data-[open=true]:opacity-100 data-[open=true]:scale-100 transition",
           pos.origin === "top-right" ? "origin-top-right" : "origin-top-left",
-          "dark:border-white/10 dark:bg-[#0f0d0e]",
+          "dark:border-white/10 dark:bg-[#0b0a0a]",
           className
         ].join(" "),
         "data-open": "true",

package/dist/Dropdown.mjs

@@ -255,7 +255,7 @@ function Content({
           "data-[open=false]:pointer-events-none data-[open=false]:opacity-0 data-[open=false]:scale-95",
           "data-[open=true]:opacity-100 data-[open=true]:scale-100 transition",
           pos.origin === "top-right" ? "origin-top-right" : "origin-top-left",
-          "dark:border-white/10 dark:bg-[#0f0d0e]",
+          "dark:border-white/10 dark:bg-[#0b0a0a]",
           className
         ].join(" "),
         "data-open": "true",

package/dist/EmptyState.js

@@ -30,6 +30,6 @@ function EmptyState({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full max-w-sm", children: [
     /* @__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" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-lg font-medium", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-slate-500", children: subtitle })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: subtitle })
   ] });
 }

package/dist/EmptyState.mjs

@@ -7,7 +7,7 @@ function EmptyState({
   return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-sm", children: [
     /* @__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" }),
     /* @__PURE__ */ jsx("div", { className: "text-lg font-medium", children: title }),
-    /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500", children: subtitle })
+    /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: subtitle })
   ] });
 }
 export {

package/dist/FiltersMultiSelect.js

@@ -109,7 +109,7 @@ function FiltersMultiSelect({
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -6 },
         className: clsx(
-          "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]",
+          "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]",
           align === "end" ? "right-0" : "left-0"
         ),
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap", style: panelStyle, children: groups.map((g) => {

package/dist/FiltersMultiSelect.mjs

@@ -76,7 +76,7 @@ function FiltersMultiSelect({
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -6 },
         className: clsx(
-          "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]",
+          "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]",
           align === "end" ? "right-0" : "left-0"
         ),
         children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap", style: panelStyle, children: groups.map((g) => {

package/dist/MediaCard.js

@@ -77,7 +77,7 @@ function MediaCard({
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2 p-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm font-medium", children: title }),
-            subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500", children: subtitle })
+            subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: subtitle })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1", children: [
             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)(

package/dist/MediaCard.mjs

@@ -44,7 +44,7 @@ function MediaCard({
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 p-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
             /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: title }),
-            subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500", children: subtitle })
+            subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: subtitle })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
             copyUrl && /* @__PURE__ */ jsx(ActionIconButton, { title: copied ? "Copiado" : "Copiar URL", onClick: copy, children: copied ? /* @__PURE__ */ jsx(

package/dist/MediaSelector.js

@@ -185,7 +185,7 @@ function MediaSelector({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "lg:col-span-2 space-y-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-slate-500", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: [
               "P\xE1gina ",
               page,
               " de ",

package/dist/MediaSelector.mjs

@@ -152,7 +152,7 @@ function MediaSelector({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 space-y-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "text-sm text-slate-500", children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: [
               "P\xE1gina ",
               page,
               " de ",

package/dist/Pagination.js

@@ -101,7 +101,7 @@ function Pagination({
   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: [
     /* @__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" }) }) }),
     range.map(
-      (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)
+      (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)
     ),
     /* @__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" }) }) })
   ] }) });

package/dist/Pagination.mjs

@@ -68,7 +68,7 @@ function Pagination({
   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: [
     /* @__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" }) }) }),
     range.map(
-      (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)
+      (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)
     ),
     /* @__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" }) }) })
   ] }) });

package/dist/Select.js

@@ -178,7 +178,7 @@ function ModernSelect({
           onClick: () => !disabled && setOpen((o) => !o),
           onKeyDown: onKeyBtn,
           className: [
-            "text-left bg-white dark:bg-[#0e0d0e] border transition shadow-sm",
+            "text-left bg-white dark:bg-white/10 border transition shadow-sm",
             s.radius,
             s.h,
             s.text,
@@ -235,7 +235,7 @@ function ModernSelect({
         className: [
           "fixed z-[1000] max-h-72 overflow-auto",
           "rounded-2xl border border-slate-200/80 bg-white/90 backdrop-blur-md shadow-2xl ring-1 ring-black/5",
-          "dark:border-white/10 dark:bg-[#0f0d0e]/90 dark:ring-white/10"
+          "dark:border-white/10 dark:bg-[#0b0a0a]/90 dark:ring-white/10"
         ].join(" "),
         style: {
           top: menuPos.top,
@@ -248,7 +248,7 @@ function ModernSelect({
             "li",
             {
               role: "presentation",
-              className: `${S[size].itemPad} sticky top-0 bg-white/90 dark:bg-[#0f0d0e]/90 backdrop-blur-md text-slate-400 select-none`,
+              className: `${S[size].itemPad} sticky top-0 bg-white/90 dark:bg-[#0b0a0a]/90 backdrop-blur-md text-slate-400 select-none`,
               children: placeholder
             }
           ),

package/dist/Select.mjs

@@ -145,7 +145,7 @@ function ModernSelect({
           onClick: () => !disabled && setOpen((o) => !o),
           onKeyDown: onKeyBtn,
           className: [
-            "text-left bg-white dark:bg-[#0e0d0e] border transition shadow-sm",
+            "text-left bg-white dark:bg-white/10 border transition shadow-sm",
             s.radius,
             s.h,
             s.text,
@@ -202,7 +202,7 @@ function ModernSelect({
         className: [
           "fixed z-[1000] max-h-72 overflow-auto",
           "rounded-2xl border border-slate-200/80 bg-white/90 backdrop-blur-md shadow-2xl ring-1 ring-black/5",
-          "dark:border-white/10 dark:bg-[#0f0d0e]/90 dark:ring-white/10"
+          "dark:border-white/10 dark:bg-[#0b0a0a]/90 dark:ring-white/10"
         ].join(" "),
         style: {
           top: menuPos.top,
@@ -215,7 +215,7 @@ function ModernSelect({
             "li",
             {
               role: "presentation",
-              className: `${S[size].itemPad} sticky top-0 bg-white/90 dark:bg-[#0f0d0e]/90 backdrop-blur-md text-slate-400 select-none`,
+              className: `${S[size].itemPad} sticky top-0 bg-white/90 dark:bg-[#0b0a0a]/90 backdrop-blur-md text-slate-400 select-none`,
               children: placeholder
             }
           ),

package/dist/Sidebar.js

@@ -217,7 +217,7 @@ function Sidebar({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-2xl font-black leading-none tracking-tight", children: brandInitials }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold leading-4", children: brandTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500 text-left", children: brandSubtitle })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500 dark:text-slate-400 text-left", children: brandSubtitle })
         ] })
       ] })
     ] }),
@@ -225,7 +225,7 @@ function Sidebar({
       "aside",
       {
         className: [
-          "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",
+          "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",
           "transition-[width] duration-200",
           collapsed ? "xl:w-28 xl:px-3" : "xl:w-72 xl:px-4"
         ].join(" "),
@@ -273,7 +273,7 @@ function Sidebar({
                   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"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-slate-500", children: "Men\xFA" })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: "Men\xFA" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               SidebarInner,
@@ -335,11 +335,11 @@ function SidebarInner({
       )
     ] }),
     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 }) }),
-    !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: [
+    !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: [
       /* @__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 }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm font-semibold", children: (_c = user == null ? void 0 : user.name) != null ? _c : "Usuario" }),
-        /* @__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" })
+        /* @__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" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ml-auto", children: userMenuSlot })
     ] }),

package/dist/Sidebar.mjs

@@ -184,7 +184,7 @@ function Sidebar({
         /* @__PURE__ */ jsx("div", { className: "text-2xl font-black leading-none tracking-tight", children: brandInitials }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold leading-4", children: brandTitle }),
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 text-left", children: brandSubtitle })
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400 text-left", children: brandSubtitle })
         ] })
       ] })
     ] }),
@@ -192,7 +192,7 @@ function Sidebar({
       "aside",
       {
         className: [
-          "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",
+          "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",
           "transition-[width] duration-200",
           collapsed ? "xl:w-28 xl:px-3" : "xl:w-72 xl:px-4"
         ].join(" "),
@@ -240,7 +240,7 @@ function Sidebar({
                   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"
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500", children: "Men\xFA" })
+              /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: "Men\xFA" })
             ] }),
             /* @__PURE__ */ jsx(
               SidebarInner,
@@ -302,11 +302,11 @@ function SidebarInner({
       )
     ] }),
     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 }) }),
-    !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: [
+    !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: [
       /* @__PURE__ */ jsx(AvatarSquare, { size: 48, src: (_b = user == null ? void 0 : user.avatarUrl) != null ? _b : void 0, radiusClass: "rounded-2xl", color }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
         /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold", children: (_c = user == null ? void 0 : user.name) != null ? _c : "Usuario" }),
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500", children: (_d = user == null ? void 0 : user.rol_principal) != null ? _d : "\u2014" })
+        /* @__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" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "ml-auto", children: userMenuSlot })
     ] }),

package/dist/StatCard.js

@@ -32,7 +32,7 @@ function StatCard({ title, value, hint, spark }) {
   const color = (_a = spark == null ? void 0 : spark.color) != null ? _a : "#10b981";
   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: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative z-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs font-medium text-slate-500", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs font-medium text-slate-500 dark:text-slate-400", children: title }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-2xl font-semibold tracking-tight", children: value }),
       hint && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-xs text-slate-400", children: hint })
     ] }),

package/dist/StatCard.mjs

@@ -9,7 +9,7 @@ function StatCard({ title, value, hint, spark }) {
   const color = (_a = spark == null ? void 0 : spark.color) != null ? _a : "#10b981";
   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: [
     /* @__PURE__ */ jsxs("div", { className: "relative z-10", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-slate-500", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-slate-500 dark:text-slate-400", children: title }),
       /* @__PURE__ */ jsx("div", { className: "mt-1 text-2xl font-semibold tracking-tight", children: value }),
       hint && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-slate-400", children: hint })
     ] }),

package/dist/Table.js

@@ -54,7 +54,7 @@ function Th({
     "th",
     {
       suppressHydrationWarning: true,
-      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 : ""}`,
+      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 : ""}`,
       style: mounted ? { width: widthStyle } : void 0,
       children
     }
@@ -82,7 +82,7 @@ function SortTh({
       style: mounted ? { width: widthStyle, minWidth: `${minW}px` } : void 0,
       "aria-sort": active ? asc ? "ascending" : "descending" : "none",
       className: [
-        "relative px-2 py-2.5 text-xs font-semibold uppercase tracking-wide text-slate-500 select-none",
+        "relative px-2 py-2.5 text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400 select-none",
         align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left",
         className != null ? className : ""
       ].join(" "),

package/dist/Table.mjs

@@ -19,7 +19,7 @@ function Th({
     "th",
     {
       suppressHydrationWarning: true,
-      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 : ""}`,
+      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 : ""}`,
       style: mounted ? { width: widthStyle } : void 0,
       children
     }
@@ -47,7 +47,7 @@ function SortTh({
       style: mounted ? { width: widthStyle, minWidth: `${minW}px` } : void 0,
       "aria-sort": active ? asc ? "ascending" : "descending" : "none",
       className: [
-        "relative px-2 py-2.5 text-xs font-semibold uppercase tracking-wide text-slate-500 select-none",
+        "relative px-2 py-2.5 text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400 select-none",
         align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left",
         className != null ? className : ""
       ].join(" "),

package/dist/TimePanel.js

@@ -93,7 +93,7 @@ function TimePopover({
       ref: popRef,
       style: stylePop,
       "data-dtf-pop": true,
-      className: "overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
+      className: "overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-2 text-sm font-medium text-slate-600 dark:text-slate-300", children: "Selecciona hora" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [

package/dist/TimePanel.mjs

@@ -60,7 +60,7 @@ function TimePopover({
       ref: popRef,
       style: stylePop,
       "data-dtf-pop": true,
-      className: "overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
+      className: "overflow-hidden rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
       children: [
         /* @__PURE__ */ jsx("div", { className: "mb-2 text-sm font-medium text-slate-600 dark:text-slate-300", children: "Selecciona hora" }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [

package/dist/TimePopover.js

@@ -136,7 +136,7 @@ function TimePopover({
       onPointerDownCapture: (e) => e.stopPropagation(),
       onKeyDown,
       style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 },
-      className: "w-64 rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
+      className: "w-64 rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-2 text-sm font-medium text-slate-700 dark:text-slate-200", children: "Selecciona hora" }),
         /* @__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
   }
   const selFrom = (_a = value == null ? void 0 : value.from) != null ? _a : null;
   const selTo = (_b = value == null ? void 0 : value.to) != null ? _b : null;
-  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: [
+  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: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2 flex items-center justify-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_Button.default,
@@ -456,7 +456,7 @@ function MonthPopover({ anchorEl, cursor, value, onCursorChange, onPick, onClose
       selMonthIdx = ((_a = parts[1]) != null ? _a : 1) - 1;
     }
   }
-  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: [
+  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: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2 flex items-center justify-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_Button.default,

package/dist/TimePopover.mjs

@@ -101,7 +101,7 @@ function TimePopover({
       onPointerDownCapture: (e) => e.stopPropagation(),
       onKeyDown,
       style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 1e5 },
-      className: "w-64 rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0e0d0e]",
+      className: "w-64 rounded-2xl border border-slate-200 bg-white p-3 shadow-xl dark:border-white/10 dark:bg-[#0b0a0a]",
       children: [
         /* @__PURE__ */ jsx("div", { className: "mb-2 text-sm font-medium text-slate-700 dark:text-slate-200", children: "Selecciona hora" }),
         /* @__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
   }
   const selFrom = (_a = value == null ? void 0 : value.from) != null ? _a : null;
   const selTo = (_b = value == null ? void 0 : value.to) != null ? _b : null;
-  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: [
+  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: [
     /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
       /* @__PURE__ */ jsx(
         Button,
@@ -421,7 +421,7 @@ function MonthPopover({ anchorEl, cursor, value, onCursorChange, onPick, onClose
       selMonthIdx = ((_a = parts[1]) != null ? _a : 1) - 1;
     }
   }
-  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: [
+  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: [
     /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
       /* @__PURE__ */ jsx(
         Button,

package/dist/TimeRangeField.js

@@ -146,7 +146,7 @@ function TimeRangeField({ value, onValueChange, portal = true, portalId, clearab
     setTo(t2);
     onValueChange == null ? void 0 : onValueChange({ from: f2 ? fmtHHmm(f2.hh, f2.mm) : null, to: t2 ? fmtHHmm(t2.hh, t2.mm) : null });
   };
-  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: [
+  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: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-medium", children: "Selecciona horario" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/TimeRangeField.mjs

@@ -113,7 +113,7 @@ function TimeRangeField({ value, onValueChange, portal = true, portalId, clearab
     setTo(t2);
     onValueChange == null ? void 0 : onValueChange({ from: f2 ? fmtHHmm(f2.hh, f2.mm) : null, to: t2 ? fmtHHmm(t2.hh, t2.mm) : null });
   };
-  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: [
+  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: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Selecciona horario" }),
       /* @__PURE__ */ jsx(

package/dist/Toast.js

@@ -132,7 +132,7 @@ function ToastView({ item, onClose, placement }) {
       onMouseEnter,
       onMouseLeave,
       className: [
-        "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]",
+        "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]",
         accent.border
       ].join(" "),
       children: [

package/dist/Toast.mjs

@@ -97,7 +97,7 @@ function ToastView({ item, onClose, placement }) {
       onMouseEnter,
       onMouseLeave,
       className: [
-        "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]",
+        "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]",
         accent.border
       ].join(" "),
       children: [

package/dist/UploadCard.js

@@ -45,7 +45,7 @@ function UploadCard({
   disabled,
   buttonLabel = "Seleccionar",
   dropLabel = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-medium", children: "Arrastra y suelta archivos aqu\xED o haz clic" }),
-  note = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500", children: "M\xE1ximo recomendado 16MB por archivo" }),
+  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" }),
   uploads,
   className,
   onFilesSelected
@@ -119,7 +119,7 @@ function UploadCard({
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm font-medium", children: u.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs text-slate-500", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
                     Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0))),
                     "%"
                   ] })

package/dist/UploadCard.mjs

@@ -12,7 +12,7 @@ function UploadCard({
   disabled,
   buttonLabel = "Seleccionar",
   dropLabel = /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Arrastra y suelta archivos aqu\xED o haz clic" }),
-  note = /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500", children: "M\xE1ximo recomendado 16MB por archivo" }),
+  note = /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: "M\xE1ximo recomendado 16MB por archivo" }),
   uploads,
   className,
   onFilesSelected
@@ -86,7 +86,7 @@ function UploadCard({
               children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
                   /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: u.name }),
-                  /* @__PURE__ */ jsxs("div", { className: "text-xs text-slate-500", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
                     Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0))),
                     "%"
                   ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framepexls-ui-lib",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "private": false,
   "license": "MIT",
   "description": "Componentes UI de Framepexls para React/Next.",