@roax/ui 0.1.0 → 0.2.0

package/dist/index.js

@@ -29,11 +29,22 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.js
 var index_exports = {};
 __export(index_exports, {
+  BackButton: () => BackButton,
+  CardSkeleton: () => CardSkeleton,
   CustomTooltip: () => CustomTooltip,
   IconButton: () => IconButton,
+  MetricCard: () => MetricCard,
+  MetricsSkeleton: () => MetricsSkeleton,
+  Modal: () => Modal,
   OutlineButton: () => OutlineButton,
+  PaginatedGrid: () => PaginatedGrid,
+  PaginatedTable: () => PaginatedTable,
   SolidButton: () => SolidButton,
-  TextButton: () => TextButton
+  TextButton: () => TextButton,
+  TextSkeleton: () => TextSkeleton,
+  formatDateRange: () => formatDateRange,
+  formatValue: () => formatValue,
+  getBadgeStyles: () => getBadgeStyles
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -194,12 +205,305 @@ function IconButton({
     title && /* @__PURE__ */ React.createElement("span", { className: "ml-2 d-none d-md-block" }, title)
   ));
 }
+
+// src/components/modal/Modal.jsx
+var import_icons_react5 = __toESM(require("@coreui/icons-react"));
+var import_react_pro5 = require("@coreui/react-pro");
+
+// ../../node_modules/@coreui/icons/dist/esm/free/cil-arrow-bottom.js
+var cilArrowBottom = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='367.997 338.75 271.999 434.747 271.999 17.503 239.999 17.503 239.999 434.745 144.003 338.75 121.376 361.377 256 496 390.624 361.377 367.997 338.75' class='ci-primary'/>"];
+
+// ../../node_modules/@coreui/icons/dist/esm/free/cil-arrow-left.js
+var cilArrowLeft = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='497.333 239.999 80.092 239.999 176.087 144.004 153.46 121.377 18.837 256 153.46 390.623 176.087 367.996 80.09 271.999 497.333 271.999 497.333 239.999' class='ci-primary'/>"];
+
+// ../../node_modules/@coreui/icons/dist/esm/free/cil-arrow-top.js
+var cilArrowTop = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='390.624 150.625 256 16 121.376 150.625 144.004 173.252 240.001 77.254 240.001 495.236 272.001 495.236 272.001 77.257 367.996 173.252 390.624 150.625' class='ci-primary'/>"];
+
+// ../../node_modules/@coreui/icons/dist/esm/free/cil-info.js
+var cilInfo = ["512 512", "<rect width='34.924' height='34.924' x='256' y='95.998' fill='var(--ci-primary-color, currentColor)' class='ci-primary'/><path fill='var(--ci-primary-color, currentColor)' d='M16,496H496V16H16ZM48,48H464V464H48Z' class='ci-primary'/><path fill='var(--ci-primary-color, currentColor)' d='M285.313,359.032a18.123,18.123,0,0,1-15.6,8.966,18.061,18.061,0,0,1-17.327-23.157l35.67-121.277A49.577,49.577,0,0,0,194.7,190.572l-11.718,28.234,29.557,12.266,11.718-28.235a17.577,17.577,0,0,1,33.1,11.7l-35.67,121.277A50.061,50.061,0,0,0,269.709,400a50.227,50.227,0,0,0,43.25-24.853l15.1-25.913-27.646-16.115Z' class='ci-primary'/>"];
+
+// ../../node_modules/@coreui/icons/dist/esm/free/cil-x.js
+var cilX = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='427.314 107.313 404.686 84.687 256 233.373 107.314 84.687 84.686 107.313 233.373 256 84.686 404.687 107.314 427.313 256 278.627 404.686 427.313 427.314 404.687 278.627 256 427.314 107.313' class='ci-primary'/>"];
+
+// src/components/modal/Modal.jsx
+function Modal({
+  title,
+  titleIcon,
+  visible,
+  setVisible,
+  alignment = "center",
+  size,
+  children
+}) {
+  return /* @__PURE__ */ React.createElement(
+    import_react_pro5.CModal,
+    {
+      alignment,
+      visible,
+      onClose: () => setVisible(false),
+      size,
+      focus: true,
+      keyboard: true,
+      "aria-labelledby": "roax-modal-title"
+    },
+    /* @__PURE__ */ React.createElement(import_react_pro5.CModalHeader, { className: "position-relative" }, /* @__PURE__ */ React.createElement(import_react_pro5.CModalTitle, { id: "roax-modal-title", className: "d-flex align-items-center gap-2" }, titleIcon && /* @__PURE__ */ React.createElement(import_icons_react5.default, { icon: titleIcon, size: "lg", className: "text-muted" }), title), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setVisible(false),
+        type: "button",
+        className: "position-absolute end-0 top-0 mt-3 me-3 p-0 bg-transparent border-0",
+        style: { fontSize: "1.25rem", color: "var(--cui-body-color)", zIndex: 10 },
+        "aria-label": "Cerrar"
+      },
+      /* @__PURE__ */ React.createElement(import_icons_react5.default, { icon: cilX, size: "lg" })
+    )),
+    /* @__PURE__ */ React.createElement(import_react_pro5.CModalBody, null, children)
+  );
+}
+
+// src/components/card/MetricCard.jsx
+var import_react_pro6 = require("@coreui/react-pro");
+var import_icons_react6 = __toESM(require("@coreui/icons-react"));
+
+// src/components/card/card-utils.js
+var formatValue = (val, unit = "", title = "") => {
+  if (val == null || typeof val !== "number" || val === 0) return "0";
+  if (title.includes("ROAS")) return `x ${val.toFixed(2)}`;
+  if (title.includes("CAC %")) return `${val.toFixed(2)}%`;
+  if (unit === "%" || title.includes("%")) return `${val.toFixed(2)}%`;
+  if (unit === "x") return `x ${val.toFixed(2)}`;
+  if (unit === "COP") return `COP ${Math.round(val).toLocaleString("es-CO")}`;
+  return val.toLocaleString(void 0, { minimumFractionDigits: 0, maximumFractionDigits: 2 });
+};
+var getBadgeStyles = (isPositive) => ({
+  backgroundColor: isPositive ? "#55ed7b" : "#f74a4a",
+  color: isPositive ? "#0b3e26" : "#842029",
+  borderRadius: "9999px",
+  padding: "4px 10px",
+  fontSize: "0.75rem",
+  fontWeight: 700,
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "4px"
+});
+function formatDateRange(previousDateRange) {
+  if (!previousDateRange) return { formattedRange: "" };
+  const parts = previousDateRange.split(" - ");
+  const parseDate = (str) => {
+    const [year, month, day] = str.split("-").map(Number);
+    return new Date(year, month - 1, day);
+  };
+  const format = (date) => {
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = date.toLocaleString("es-CO", { month: "short" }).replace(".", "");
+    const year = String(date.getFullYear()).slice(-2);
+    return `${month} ${day},${year}`;
+  };
+  const since = parseDate(parts[0]);
+  const until = parts[1] ? parseDate(parts[1]) : null;
+  const formattedRange = until ? `${format(since)} - ${format(until)}` : format(since);
+  return { formattedRange };
+}
+
+// src/components/card/MetricCard.jsx
+var import_MetricCard = require("./MetricCard.scss");
+function MetricCard({
+  title,
+  current,
+  previous,
+  change,
+  isPositive,
+  unit = "",
+  previousDateRange = "",
+  tooltipText = "",
+  backgroundColor
+}) {
+  const isColored = !!backgroundColor;
+  const cardClass = `metric-card w-100 h-100 d-flex flex-column border-0${isColored ? " metric-card--colored" : ""}`;
+  return /* @__PURE__ */ React.createElement(
+    import_react_pro6.CCard,
+    {
+      className: cardClass,
+      style: isColored ? { background: backgroundColor } : void 0
+    },
+    /* @__PURE__ */ React.createElement(import_react_pro6.CCardBody, { className: "d-flex flex-column justify-content-between h-100 p-4 position-relative" }, tooltipText && /* @__PURE__ */ React.createElement("div", { className: "position-absolute top-0 end-0 m-2" }, /* @__PURE__ */ React.createElement(CustomTooltip, { content: tooltipText, placement: "top" }, /* @__PURE__ */ React.createElement(
+      import_icons_react6.default,
+      {
+        icon: cilInfo,
+        style: { cursor: "pointer", opacity: 0.5, width: 16, height: 16 }
+      }
+    ))), /* @__PURE__ */ React.createElement("p", { className: "metric-card__title m-0" }, title), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center gap-2 mt-1" }, /* @__PURE__ */ React.createElement("span", { className: "metric-card__value" }, formatValue(current, unit, title)), typeof change === "number" && isFinite(change) && current > 0 && /* @__PURE__ */ React.createElement("div", { style: getBadgeStyles(isPositive) }, /* @__PURE__ */ React.createElement(import_icons_react6.default, { icon: isPositive ? cilArrowTop : cilArrowBottom, size: "sm" }), Math.abs(change), "%")), /* @__PURE__ */ React.createElement("hr", { className: "metric-card__divider" }), (() => {
+      const { formattedRange } = formatDateRange(previousDateRange);
+      return /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between align-items-center metric-card__footer" }, /* @__PURE__ */ React.createElement("strong", null, formatValue(previous, unit, title)), /* @__PURE__ */ React.createElement("span", null, formattedRange));
+    })())
+  );
+}
+
+// src/components/pagination/PaginatedTable.jsx
+var import_react_pro7 = require("@coreui/react-pro");
+function PaginatedTable({
+  data = [],
+  itemsPerPage = 10,
+  currentPage = 1,
+  setCurrentPage = () => {
+  },
+  columns = [],
+  renderRow = () => null,
+  loading = false,
+  emptyMessage = "No hay datos disponibles."
+}) {
+  const totalPages = Math.ceil(data.length / itemsPerPage);
+  const paginatedData = data.slice(
+    (currentPage - 1) * itemsPerPage,
+    currentPage * itemsPerPage
+  );
+  if (loading) {
+    return /* @__PURE__ */ React.createElement("div", { className: "text-center py-5" }, /* @__PURE__ */ React.createElement(import_react_pro7.CSpinner, { color: "secondary" }));
+  }
+  if (!data.length) {
+    return /* @__PURE__ */ React.createElement("div", { className: "text-center py-5 text-muted" }, emptyMessage);
+  }
+  const renderPagination = () => {
+    const pages = [];
+    for (let i = 1; i <= totalPages; i++) {
+      pages.push(
+        /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            key: i,
+            onClick: () => setCurrentPage(i),
+            className: `px-3 py-1 rounded-pill border ${i === currentPage ? "bg-dark text-white" : "bg-white text-dark"}`
+          },
+          i
+        )
+      );
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-center align-items-center gap-2 mt-3 flex-wrap" }, currentPage > 1 && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setCurrentPage(currentPage - 1),
+        className: "px-3 py-1 rounded-pill border bg-white text-dark",
+        style: { minWidth: "80px", fontWeight: 500 }
+      },
+      "Anterior"
+    ), pages, currentPage < totalPages && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setCurrentPage(currentPage + 1),
+        className: "px-3 py-1 rounded-pill border bg-white text-dark",
+        style: { minWidth: "80px", fontWeight: 500 }
+      },
+      "Siguiente"
+    ));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react_pro7.CTable, { hover: true, responsive: true }, /* @__PURE__ */ React.createElement(import_react_pro7.CTableHead, { className: "bg-dark text-white" }, /* @__PURE__ */ React.createElement(import_react_pro7.CTableRow, null, columns.map((col, idx) => /* @__PURE__ */ React.createElement(import_react_pro7.CTableHeaderCell, { key: idx }, col)))), /* @__PURE__ */ React.createElement(import_react_pro7.CTableBody, null, paginatedData.map(renderRow))), totalPages > 1 && renderPagination());
+}
+
+// src/components/pagination/PaginatedGrid.jsx
+var import_react_pro8 = require("@coreui/react-pro");
+function PaginatedGrid({
+  data = [],
+  itemsPerPage = 6,
+  currentPage = 1,
+  setCurrentPage = () => {
+  },
+  renderItem = () => null,
+  loading = false,
+  emptyMessage = "No hay elementos."
+}) {
+  const totalPages = Math.ceil(data.length / itemsPerPage);
+  const paginatedData = data.slice(
+    (currentPage - 1) * itemsPerPage,
+    currentPage * itemsPerPage
+  );
+  if (loading) {
+    return /* @__PURE__ */ React.createElement("div", { className: "text-center py-5" }, /* @__PURE__ */ React.createElement(import_react_pro8.CSpinner, { color: "secondary" }));
+  }
+  if (!data.length) {
+    return /* @__PURE__ */ React.createElement("div", { className: "text-center py-5 text-muted" }, emptyMessage);
+  }
+  const renderPagination = () => {
+    const pages = [];
+    for (let i = 1; i <= totalPages; i++) {
+      pages.push(
+        /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            key: i,
+            onClick: () => setCurrentPage(i),
+            className: `px-3 py-1 rounded-pill border ${i === currentPage ? "bg-dark text-white" : "bg-white text-dark"}`
+          },
+          i
+        )
+      );
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-center gap-2 mt-4 flex-wrap" }, currentPage > 1 && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setCurrentPage(currentPage - 1),
+        className: "px-3 py-1 rounded-pill border bg-white text-dark"
+      },
+      "Anterior"
+    ), pages, currentPage < totalPages && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setCurrentPage(currentPage + 1),
+        className: "px-3 py-1 rounded-pill border bg-white text-dark"
+      },
+      "Siguiente"
+    ));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "row g-4" }, paginatedData.map(renderItem)), totalPages > 1 && renderPagination());
+}
+
+// src/components/skeletons/CardSkeleton.jsx
+var import_react_pro9 = require("@coreui/react-pro");
+function CardSkeleton() {
+  return /* @__PURE__ */ React.createElement(import_react_pro9.CCard, { className: "shadow-none p-0 m-0 bg-transparent border-0" }, /* @__PURE__ */ React.createElement(import_react_pro9.CPlaceholder, { component: "div", animation: "glow", className: "d-flex flex-column gap-2 bg-transparent" }, /* @__PURE__ */ React.createElement(import_react_pro9.CPlaceholder, { className: "p-4 mt-2 rounded-1", size: "lg", xs: 12, color: "skeleton" })));
+}
+
+// src/components/skeletons/TextSkeleton.jsx
+var import_react_pro10 = require("@coreui/react-pro");
+function TextSkeleton() {
+  return /* @__PURE__ */ React.createElement(import_react_pro10.CCard, { className: "shadow-none p-0 m-0 bg-transparent border-0" }, /* @__PURE__ */ React.createElement(import_react_pro10.CPlaceholder, { component: "div", animation: "glow", className: "d-flex flex-column gap-2 bg-transparent" }, /* @__PURE__ */ React.createElement(import_react_pro10.CPlaceholder, { className: "p-0 my-2 rounded-1", size: "lg", xs: 8, color: "skeleton" })));
+}
+
+// src/components/skeletons/MetricsSkeleton.jsx
+var import_react_pro11 = require("@coreui/react-pro");
+function MetricsSkeleton() {
+  return /* @__PURE__ */ React.createElement(import_react_pro11.CCard, { className: "shadow-none p-0 m-0 bg-transparent border-0" }, /* @__PURE__ */ React.createElement(import_react_pro11.CPlaceholder, { component: "div", animation: "glow", className: "d-flex flex-column gap-2 bg-transparent" }, /* @__PURE__ */ React.createElement(import_react_pro11.CPlaceholder, { className: "p-5 mt-2 rounded-1", size: "lg", xs: 12, color: "skeleton" }), /* @__PURE__ */ React.createElement(import_react_pro11.CPlaceholder, { className: "p-3 mt-2 rounded-1", size: "xs", xs: 12, color: "skeleton" })));
+}
+
+// src/components/back-button/BackButton.jsx
+var import_navigation = require("next/navigation");
+var import_react_pro12 = require("@coreui/react-pro");
+var import_icons_react7 = __toESM(require("@coreui/icons-react"));
+function BackButton({ title, color = "dark", className = "", path }) {
+  const { back, push } = (0, import_navigation.useRouter)();
+  const buttonClasses = `back-button d-flex align-items-center px-0 ${className}`;
+  function handleBack() {
+    if (path) push(path);
+    else back();
+  }
+  return /* @__PURE__ */ React.createElement(CustomTooltip, { content: "Volver atr\xE1s", placement: "bottom" }, /* @__PURE__ */ React.createElement(import_react_pro12.CButton, { color, variant: "ghost", className: buttonClasses, onClick: handleBack }, /* @__PURE__ */ React.createElement(import_icons_react7.default, { icon: cilArrowLeft, size: "lg", className: "mx-1" }), title && /* @__PURE__ */ React.createElement("span", { className: "px-2" }, title)));
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  BackButton,
+  CardSkeleton,
   CustomTooltip,
   IconButton,
+  MetricCard,
+  MetricsSkeleton,
+  Modal,
   OutlineButton,
+  PaginatedGrid,
+  PaginatedTable,
   SolidButton,
-  TextButton
+  TextButton,
+  TextSkeleton,
+  formatDateRange,
+  formatValue,
+  getBadgeStyles
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js","../src/components/buttons/SolidButton.jsx","../src/components/buttons/OutlineButton.jsx","../src/components/buttons/TextButton.jsx","../src/components/buttons/IconButton.jsx","../src/components/custom-tooltip/CustomTooltip.jsx"],"sourcesContent":["// Buttons\nexport { default as SolidButton } from './components/buttons/SolidButton'\nexport { default as OutlineButton } from './components/buttons/OutlineButton'\nexport { default as TextButton } from './components/buttons/TextButton'\nexport { default as IconButton } from './components/buttons/IconButton'\n\n// Utilities\nexport { default as CustomTooltip } from './components/custom-tooltip/CustomTooltip'\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport './SolidButton.scss'\n\nexport default function SolidButton({\n  title = 'Button',\n  onClick,\n  color = 'custom-primary',\n  textColor = 'custom-white',\n  className = '',\n  loading = false,\n  icon,\n  svgComponent: SvgComponent,\n  type = 'submit',\n  badge,\n  disabled,\n}) {\n  return (\n    <CLoadingButton\n      type={type}\n      onClick={onClick}\n      className={`solid-button rounded-4 px-4 py-2 fw-semibold text-${textColor} bg-${color} ${className}`}\n      loading={loading}\n      disabledOnLoading\n      disabled={disabled}\n      style={{\n        minHeight: '44px',\n        minWidth: 'fit-content',\n        fontSize: '0.95rem',\n        letterSpacing: '0.3px',\n      }}\n    >\n      {icon && <CIcon icon={icon} className=\"btn-icon\" />}\n      {SvgComponent && !icon && <SvgComponent />}\n      <span className=\"btn-title\">{title}</span>\n      {badge && badge}\n    </CLoadingButton>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport './OutlineButton.scss'\n\nexport default function OutlineButton({\n  title = 'Button',\n  onClick,\n  color = 'custom-primary',\n  className = '',\n  loading = false,\n  icon,\n  type = 'submit',\n  disabled,\n}) {\n  return (\n    <CLoadingButton\n      type={type}\n      onClick={onClick}\n      className={`outline-button rounded-3 fw-medium text-${color} border-${color} ${className}`}\n      loading={loading}\n      disabledOnLoading\n      disabled={disabled}\n      variant=\"outline\"\n      style={{\n        maxHeight: '40px',\n        minWidth: 'fit-content',\n      }}\n    >\n      {icon && <CIcon icon={icon} />}\n      <span>{title}</span>\n    </CLoadingButton>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\n\nexport default function TextButton({\n  disabled,\n  title,\n  onClick,\n  color = 'dark',\n  className = '',\n  loading = false,\n  icon,\n  children,\n}) {\n  const buttonClasses = `rounded-3 px-2 d-flex justify-content-center gap-2 fw-medium ${className}`\n\n  return (\n    <span className=\"d-inline-block\" tabIndex={0}>\n      <CLoadingButton\n        disabled={disabled}\n        onClick={onClick}\n        variant=\"ghost\"\n        type=\"button\"\n        color={color}\n        className={buttonClasses}\n        loading={loading}\n      >\n        {icon && <CIcon size=\"xl\" icon={icon} />}\n        {children ? children : title}\n      </CLoadingButton>\n    </span>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport CustomTooltip from '../custom-tooltip/CustomTooltip'\n\nexport default function IconButton({\n  title,\n  onClick,\n  color = 'dark',\n  className = '',\n  loading = false,\n  icon,\n  tooltip = '',\n  disabled,\n}) {\n  const buttonClasses = `d-flex justify-content-center align-items-center gap-1 m-0 p-1 ${className}`\n\n  return (\n    <CustomTooltip content={tooltip} placement=\"bottom\">\n      <CLoadingButton\n        onClick={onClick}\n        variant=\"ghost\"\n        type=\"button\"\n        color={color}\n        className={buttonClasses}\n        loading={loading}\n        disabled={disabled}\n      >\n        <CIcon size=\"xl\" icon={icon} />\n        {title && <span className=\"ml-2 d-none d-md-block\">{title}</span>}\n      </CLoadingButton>\n    </CustomTooltip>\n  )\n}\n","'use client'\nimport Tippy from '@tippyjs/react'\nimport 'tippy.js/dist/tippy.css'\n\nexport default function CustomTooltip({\n  content,\n  placement = 'bottom',\n  delay = 0,\n  className = '',\n  children,\n}) {\n  return (\n    <Tippy\n      content={content}\n      placement={placement}\n      className={className}\n      delay={delay}\n    >\n      {children}\n    </Tippy>\n  )\n}\n"],"mappings":"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","names":["CIcon","import_react_pro","import_icons_react","CIcon","import_react_pro","import_icons_react","CIcon","import_react_pro","import_icons_react","Tippy","CIcon"]}
+{"version":3,"sources":["../src/index.js","../src/components/buttons/SolidButton.jsx","../src/components/buttons/OutlineButton.jsx","../src/components/buttons/TextButton.jsx","../src/components/buttons/IconButton.jsx","../src/components/custom-tooltip/CustomTooltip.jsx","../src/components/modal/Modal.jsx","../../../node_modules/@coreui/icons/src/free/cil-arrow-bottom.ts","../../../node_modules/@coreui/icons/src/free/cil-arrow-left.ts","../../../node_modules/@coreui/icons/src/free/cil-arrow-top.ts","../../../node_modules/@coreui/icons/src/free/cil-info.ts","../../../node_modules/@coreui/icons/src/free/cil-x.ts","../src/components/card/MetricCard.jsx","../src/components/card/card-utils.js","../src/components/pagination/PaginatedTable.jsx","../src/components/pagination/PaginatedGrid.jsx","../src/components/skeletons/CardSkeleton.jsx","../src/components/skeletons/TextSkeleton.jsx","../src/components/skeletons/MetricsSkeleton.jsx","../src/components/back-button/BackButton.jsx"],"sourcesContent":["// ── Buttons ───────────────────────────────────────────────────────────────────\nexport { default as SolidButton }   from './components/buttons/SolidButton'\nexport { default as OutlineButton } from './components/buttons/OutlineButton'\nexport { default as TextButton }    from './components/buttons/TextButton'\nexport { default as IconButton }    from './components/buttons/IconButton'\n\n// ── Modal ─────────────────────────────────────────────────────────────────────\nexport { default as Modal } from './components/modal/Modal'\n\n// ── Cards ─────────────────────────────────────────────────────────────────────\nexport { default as MetricCard } from './components/card/MetricCard'\nexport { formatValue, getBadgeStyles, formatDateRange } from './components/card/card-utils'\n\n// ── Pagination ────────────────────────────────────────────────────────────────\nexport { default as PaginatedTable } from './components/pagination/PaginatedTable'\nexport { default as PaginatedGrid }  from './components/pagination/PaginatedGrid'\n\n// ── Skeletons ─────────────────────────────────────────────────────────────────\nexport { default as CardSkeleton }    from './components/skeletons/CardSkeleton'\nexport { default as TextSkeleton }    from './components/skeletons/TextSkeleton'\nexport { default as MetricsSkeleton } from './components/skeletons/MetricsSkeleton'\n\n// ── Navigation ────────────────────────────────────────────────────────────────\nexport { default as BackButton } from './components/back-button/BackButton'\n\n// ── Utilities ─────────────────────────────────────────────────────────────────\nexport { default as CustomTooltip } from './components/custom-tooltip/CustomTooltip'\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport './SolidButton.scss'\n\nexport default function SolidButton({\n  title = 'Button',\n  onClick,\n  color = 'custom-primary',\n  textColor = 'custom-white',\n  className = '',\n  loading = false,\n  icon,\n  svgComponent: SvgComponent,\n  type = 'submit',\n  badge,\n  disabled,\n}) {\n  return (\n    <CLoadingButton\n      type={type}\n      onClick={onClick}\n      className={`solid-button rounded-4 px-4 py-2 fw-semibold text-${textColor} bg-${color} ${className}`}\n      loading={loading}\n      disabledOnLoading\n      disabled={disabled}\n      style={{\n        minHeight: '44px',\n        minWidth: 'fit-content',\n        fontSize: '0.95rem',\n        letterSpacing: '0.3px',\n      }}\n    >\n      {icon && <CIcon icon={icon} className=\"btn-icon\" />}\n      {SvgComponent && !icon && <SvgComponent />}\n      <span className=\"btn-title\">{title}</span>\n      {badge && badge}\n    </CLoadingButton>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport './OutlineButton.scss'\n\nexport default function OutlineButton({\n  title = 'Button',\n  onClick,\n  color = 'custom-primary',\n  className = '',\n  loading = false,\n  icon,\n  type = 'submit',\n  disabled,\n}) {\n  return (\n    <CLoadingButton\n      type={type}\n      onClick={onClick}\n      className={`outline-button rounded-3 fw-medium text-${color} border-${color} ${className}`}\n      loading={loading}\n      disabledOnLoading\n      disabled={disabled}\n      variant=\"outline\"\n      style={{\n        maxHeight: '40px',\n        minWidth: 'fit-content',\n      }}\n    >\n      {icon && <CIcon icon={icon} />}\n      <span>{title}</span>\n    </CLoadingButton>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\n\nexport default function TextButton({\n  disabled,\n  title,\n  onClick,\n  color = 'dark',\n  className = '',\n  loading = false,\n  icon,\n  children,\n}) {\n  const buttonClasses = `rounded-3 px-2 d-flex justify-content-center gap-2 fw-medium ${className}`\n\n  return (\n    <span className=\"d-inline-block\" tabIndex={0}>\n      <CLoadingButton\n        disabled={disabled}\n        onClick={onClick}\n        variant=\"ghost\"\n        type=\"button\"\n        color={color}\n        className={buttonClasses}\n        loading={loading}\n      >\n        {icon && <CIcon size=\"xl\" icon={icon} />}\n        {children ? children : title}\n      </CLoadingButton>\n    </span>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport CustomTooltip from '../custom-tooltip/CustomTooltip'\n\nexport default function IconButton({\n  title,\n  onClick,\n  color = 'dark',\n  className = '',\n  loading = false,\n  icon,\n  tooltip = '',\n  disabled,\n}) {\n  const buttonClasses = `d-flex justify-content-center align-items-center gap-1 m-0 p-1 ${className}`\n\n  return (\n    <CustomTooltip content={tooltip} placement=\"bottom\">\n      <CLoadingButton\n        onClick={onClick}\n        variant=\"ghost\"\n        type=\"button\"\n        color={color}\n        className={buttonClasses}\n        loading={loading}\n        disabled={disabled}\n      >\n        <CIcon size=\"xl\" icon={icon} />\n        {title && <span className=\"ml-2 d-none d-md-block\">{title}</span>}\n      </CLoadingButton>\n    </CustomTooltip>\n  )\n}\n","'use client'\nimport Tippy from '@tippyjs/react'\nimport 'tippy.js/dist/tippy.css'\n\nexport default function CustomTooltip({\n  content,\n  placement = 'bottom',\n  delay = 0,\n  className = '',\n  children,\n}) {\n  return (\n    <Tippy\n      content={content}\n      placement={placement}\n      className={className}\n      delay={delay}\n    >\n      {children}\n    </Tippy>\n  )\n}\n","'use client'\nimport CIcon from '@coreui/icons-react'\nimport { CModal, CModalBody, CModalHeader, CModalTitle } from '@coreui/react-pro'\nimport { cilX } from '@coreui/icons'\n\n/**\n * Modal reutilizable construido sobre CoreUI.\n *\n * @param {string}  props.title       - Título del modal\n * @param {Array}   [props.titleIcon] - Ícono CoreUI opcional junto al título\n * @param {boolean} props.visible     - Controla visibilidad\n * @param {Function} props.setVisible - Setter para abrir/cerrar\n * @param {'top'|'center'|'bottom'} [props.alignment='center'] - Alineación vertical\n * @param {'sm'|'lg'|'xl'} [props.size] - Tamaño del modal\n * @param {React.ReactNode} props.children - Contenido del body\n */\nexport default function Modal({\n  title,\n  titleIcon,\n  visible,\n  setVisible,\n  alignment = 'center',\n  size,\n  children,\n}) {\n  return (\n    <CModal\n      alignment={alignment}\n      visible={visible}\n      onClose={() => setVisible(false)}\n      size={size}\n      focus\n      keyboard\n      aria-labelledby=\"roax-modal-title\"\n    >\n      <CModalHeader className=\"position-relative\">\n        <CModalTitle id=\"roax-modal-title\" className=\"d-flex align-items-center gap-2\">\n          {titleIcon && <CIcon icon={titleIcon} size=\"lg\" className=\"text-muted\" />}\n          {title}\n        </CModalTitle>\n\n        <button\n          onClick={() => setVisible(false)}\n          type=\"button\"\n          className=\"position-absolute end-0 top-0 mt-3 me-3 p-0 bg-transparent border-0\"\n          style={{ fontSize: '1.25rem', color: 'var(--cui-body-color)', zIndex: 10 }}\n          aria-label=\"Cerrar\"\n        >\n          <CIcon icon={cilX} size=\"lg\" />\n        </button>\n      </CModalHeader>\n\n      <CModalBody>{children}</CModalBody>\n    </CModal>\n  )\n}\n","export var cilArrowBottom = [\"512 512\", \"<polygon fill='var(--ci-primary-color, currentColor)' points='367.997 338.75 271.999 434.747 271.999 17.503 239.999 17.503 239.999 434.745 144.003 338.75 121.376 361.377 256 496 390.624 361.377 367.997 338.75' class='ci-primary'/>\"];\n","export var cilArrowLeft = [\"512 512\", \"<polygon fill='var(--ci-primary-color, currentColor)' points='497.333 239.999 80.092 239.999 176.087 144.004 153.46 121.377 18.837 256 153.46 390.623 176.087 367.996 80.09 271.999 497.333 271.999 497.333 239.999' class='ci-primary'/>\"];\n","export var cilArrowTop = [\"512 512\", \"<polygon fill='var(--ci-primary-color, currentColor)' points='390.624 150.625 256 16 121.376 150.625 144.004 173.252 240.001 77.254 240.001 495.236 272.001 495.236 272.001 77.257 367.996 173.252 390.624 150.625' class='ci-primary'/>\"];\n","export var cilInfo = [\"512 512\", \"<rect width='34.924' height='34.924' x='256' y='95.998' fill='var(--ci-primary-color, currentColor)' class='ci-primary'/><path fill='var(--ci-primary-color, currentColor)' d='M16,496H496V16H16ZM48,48H464V464H48Z' class='ci-primary'/><path fill='var(--ci-primary-color, currentColor)' d='M285.313,359.032a18.123,18.123,0,0,1-15.6,8.966,18.061,18.061,0,0,1-17.327-23.157l35.67-121.277A49.577,49.577,0,0,0,194.7,190.572l-11.718,28.234,29.557,12.266,11.718-28.235a17.577,17.577,0,0,1,33.1,11.7l-35.67,121.277A50.061,50.061,0,0,0,269.709,400a50.227,50.227,0,0,0,43.25-24.853l15.1-25.913-27.646-16.115Z' class='ci-primary'/>\"];\n","export var cilX = [\"512 512\", \"<polygon fill='var(--ci-primary-color, currentColor)' points='427.314 107.313 404.686 84.687 256 233.373 107.314 84.687 84.686 107.313 233.373 256 84.686 404.687 107.314 427.313 256 278.627 404.686 427.313 427.314 404.687 278.627 256 427.314 107.313' class='ci-primary'/>\"];\n","'use client'\nimport { CCard, CCardBody } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport { cilArrowTop, cilArrowBottom, cilInfo } from '@coreui/icons'\nimport CustomTooltip from '../custom-tooltip/CustomTooltip'\nimport { formatValue, getBadgeStyles, formatDateRange } from './card-utils'\nimport './MetricCard.scss'\n\n/**\n * Tarjeta de métrica con glassmorphism, tendencia y rango de fechas previo.\n *\n * @param {string}  props.title             - Nombre de la métrica\n * @param {number}  props.current           - Valor actual\n * @param {number}  props.previous          - Valor anterior (periodo previo)\n * @param {number}  props.change            - Variación porcentual\n * @param {boolean} props.isPositive        - Si la tendencia es positiva\n * @param {string}  [props.unit='']         - Unidad: '$', '%', 'COP', 'x'\n * @param {string}  [props.previousDateRange=''] - Rango de fechas previo (yyyy-MM-dd - yyyy-MM-dd)\n * @param {string}  [props.tooltipText='']  - Texto del tooltip de información\n * @param {string}  [props.backgroundColor] - Color de fondo custom (glassmorphism tintado)\n */\nexport default function MetricCard({\n  title,\n  current,\n  previous,\n  change,\n  isPositive,\n  unit = '',\n  previousDateRange = '',\n  tooltipText = '',\n  backgroundColor,\n}) {\n  const isColored = !!backgroundColor\n  const cardClass = `metric-card w-100 h-100 d-flex flex-column border-0${isColored ? ' metric-card--colored' : ''}`\n\n  return (\n    <CCard\n      className={cardClass}\n      style={isColored ? { background: backgroundColor } : undefined}\n    >\n      <CCardBody className=\"d-flex flex-column justify-content-between h-100 p-4 position-relative\">\n\n        {tooltipText && (\n          <div className=\"position-absolute top-0 end-0 m-2\">\n            <CustomTooltip content={tooltipText} placement=\"top\">\n              <CIcon\n                icon={cilInfo}\n                style={{ cursor: 'pointer', opacity: 0.5, width: 16, height: 16 }}\n              />\n            </CustomTooltip>\n          </div>\n        )}\n\n        <p className=\"metric-card__title m-0\">{title}</p>\n\n        <div className=\"d-flex align-items-center gap-2 mt-1\">\n          <span className=\"metric-card__value\">\n            {formatValue(current, unit, title)}\n          </span>\n          {typeof change === 'number' && isFinite(change) && current > 0 && (\n            <div style={getBadgeStyles(isPositive)}>\n              <CIcon icon={isPositive ? cilArrowTop : cilArrowBottom} size=\"sm\" />\n              {Math.abs(change)}%\n            </div>\n          )}\n        </div>\n\n        <hr className=\"metric-card__divider\" />\n\n        {(() => {\n          const { formattedRange } = formatDateRange(previousDateRange)\n          return (\n            <div className=\"d-flex justify-content-between align-items-center metric-card__footer\">\n              <strong>{formatValue(previous, unit, title)}</strong>\n              <span>{formattedRange}</span>\n            </div>\n          )\n        })()}\n\n      </CCardBody>\n    </CCard>\n  )\n}\n","/**\n * Formatea un valor numérico según su unidad o contexto del título.\n * @param {number} val\n * @param {string} [unit='']\n * @param {string} [title='']\n * @returns {string}\n */\nexport const formatValue = (val, unit = '', title = '') => {\n  if (val == null || typeof val !== 'number' || val === 0) return '0'\n  if (title.includes('ROAS')) return `x ${val.toFixed(2)}`\n  if (title.includes('CAC %')) return `${val.toFixed(2)}%`\n  if (unit === '%' || title.includes('%')) return `${val.toFixed(2)}%`\n  if (unit === 'x') return `x ${val.toFixed(2)}`\n  if (unit === 'COP') return `COP ${Math.round(val).toLocaleString('es-CO')}`\n  return val.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 })\n}\n\n/**\n * Retorna estilos de badge según si la tendencia es positiva o negativa.\n * @param {boolean} isPositive\n * @returns {Object}\n */\nexport const getBadgeStyles = (isPositive) => ({\n  backgroundColor: isPositive ? '#55ed7b' : '#f74a4a',\n  color: isPositive ? '#0b3e26' : '#842029',\n  borderRadius: '9999px',\n  padding: '4px 10px',\n  fontSize: '0.75rem',\n  fontWeight: 700,\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: '4px',\n})\n\n/**\n * Formatea un rango de fechas 'yyyy-MM-dd - yyyy-MM-dd' a formato legible.\n * @param {string} previousDateRange\n * @returns {{ formattedRange: string }}\n */\nexport function formatDateRange(previousDateRange) {\n  if (!previousDateRange) return { formattedRange: '' }\n  const parts = previousDateRange.split(' - ')\n  const parseDate = (str) => {\n    const [year, month, day] = str.split('-').map(Number)\n    return new Date(year, month - 1, day)\n  }\n  const format = (date) => {\n    const day = String(date.getDate()).padStart(2, '0')\n    const month = date.toLocaleString('es-CO', { month: 'short' }).replace('.', '')\n    const year = String(date.getFullYear()).slice(-2)\n    return `${month} ${day},${year}`\n  }\n  const since = parseDate(parts[0])\n  const until = parts[1] ? parseDate(parts[1]) : null\n  const formattedRange = until ? `${format(since)} - ${format(until)}` : format(since)\n  return { formattedRange }\n}\n","'use client'\nimport {\n  CTable,\n  CTableHead,\n  CTableBody,\n  CTableRow,\n  CTableHeaderCell,\n  CSpinner,\n} from '@coreui/react-pro'\n\n/**\n * Tabla paginada reutilizable construida sobre CoreUI.\n *\n * @param {Array}    [props.data=[]]              - Dataset completo\n * @param {number}   [props.itemsPerPage=10]      - Items por página\n * @param {number}   [props.currentPage=1]        - Página actual\n * @param {Function} [props.setCurrentPage]       - Setter de página\n * @param {string[]} [props.columns=[]]           - Cabeceras de columna\n * @param {Function} [props.renderRow]            - Función que renderiza cada fila\n * @param {boolean}  [props.loading=false]        - Estado de carga\n * @param {string}   [props.emptyMessage]         - Mensaje sin datos\n */\nexport default function PaginatedTable({\n  data = [],\n  itemsPerPage = 10,\n  currentPage = 1,\n  setCurrentPage = () => {},\n  columns = [],\n  renderRow = () => null,\n  loading = false,\n  emptyMessage = 'No hay datos disponibles.',\n}) {\n  const totalPages = Math.ceil(data.length / itemsPerPage)\n  const paginatedData = data.slice(\n    (currentPage - 1) * itemsPerPage,\n    currentPage * itemsPerPage\n  )\n\n  if (loading) {\n    return (\n      <div className=\"text-center py-5\">\n        <CSpinner color=\"secondary\" />\n      </div>\n    )\n  }\n\n  if (!data.length) {\n    return <div className=\"text-center py-5 text-muted\">{emptyMessage}</div>\n  }\n\n  const renderPagination = () => {\n    const pages = []\n    for (let i = 1; i <= totalPages; i++) {\n      pages.push(\n        <button\n          key={i}\n          onClick={() => setCurrentPage(i)}\n          className={`px-3 py-1 rounded-pill border ${\n            i === currentPage ? 'bg-dark text-white' : 'bg-white text-dark'\n          }`}\n        >\n          {i}\n        </button>\n      )\n    }\n\n    return (\n      <div className=\"d-flex justify-content-center align-items-center gap-2 mt-3 flex-wrap\">\n        {currentPage > 1 && (\n          <button\n            onClick={() => setCurrentPage(currentPage - 1)}\n            className=\"px-3 py-1 rounded-pill border bg-white text-dark\"\n            style={{ minWidth: '80px', fontWeight: 500 }}\n          >\n            Anterior\n          </button>\n        )}\n        {pages}\n        {currentPage < totalPages && (\n          <button\n            onClick={() => setCurrentPage(currentPage + 1)}\n            className=\"px-3 py-1 rounded-pill border bg-white text-dark\"\n            style={{ minWidth: '80px', fontWeight: 500 }}\n          >\n            Siguiente\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <>\n      <CTable hover responsive>\n        <CTableHead className=\"bg-dark text-white\">\n          <CTableRow>\n            {columns.map((col, idx) => (\n              <CTableHeaderCell key={idx}>{col}</CTableHeaderCell>\n            ))}\n          </CTableRow>\n        </CTableHead>\n        <CTableBody>{paginatedData.map(renderRow)}</CTableBody>\n      </CTable>\n      {totalPages > 1 && renderPagination()}\n    </>\n  )\n}\n","'use client'\nimport { CSpinner } from '@coreui/react-pro'\n\n/**\n * Grid paginado para renderizar ítems tipo card.\n *\n * @param {Array}    [props.data=[]]         - Dataset completo\n * @param {number}   [props.itemsPerPage=6]  - Items por página\n * @param {number}   [props.currentPage=1]   - Página actual\n * @param {Function} [props.setCurrentPage]  - Setter de página\n * @param {Function} [props.renderItem]      - Función que renderiza cada ítem\n * @param {boolean}  [props.loading=false]   - Estado de carga\n * @param {string}   [props.emptyMessage]    - Mensaje sin datos\n */\nexport default function PaginatedGrid({\n  data = [],\n  itemsPerPage = 6,\n  currentPage = 1,\n  setCurrentPage = () => {},\n  renderItem = () => null,\n  loading = false,\n  emptyMessage = 'No hay elementos.',\n}) {\n  const totalPages = Math.ceil(data.length / itemsPerPage)\n  const paginatedData = data.slice(\n    (currentPage - 1) * itemsPerPage,\n    currentPage * itemsPerPage\n  )\n\n  if (loading) {\n    return (\n      <div className=\"text-center py-5\">\n        <CSpinner color=\"secondary\" />\n      </div>\n    )\n  }\n\n  if (!data.length) {\n    return <div className=\"text-center py-5 text-muted\">{emptyMessage}</div>\n  }\n\n  const renderPagination = () => {\n    const pages = []\n    for (let i = 1; i <= totalPages; i++) {\n      pages.push(\n        <button\n          key={i}\n          onClick={() => setCurrentPage(i)}\n          className={`px-3 py-1 rounded-pill border ${\n            i === currentPage ? 'bg-dark text-white' : 'bg-white text-dark'\n          }`}\n        >\n          {i}\n        </button>\n      )\n    }\n    return (\n      <div className=\"d-flex justify-content-center gap-2 mt-4 flex-wrap\">\n        {currentPage > 1 && (\n          <button\n            onClick={() => setCurrentPage(currentPage - 1)}\n            className=\"px-3 py-1 rounded-pill border bg-white text-dark\"\n          >\n            Anterior\n          </button>\n        )}\n        {pages}\n        {currentPage < totalPages && (\n          <button\n            onClick={() => setCurrentPage(currentPage + 1)}\n            className=\"px-3 py-1 rounded-pill border bg-white text-dark\"\n          >\n            Siguiente\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <>\n      <div className=\"row g-4\">{paginatedData.map(renderItem)}</div>\n      {totalPages > 1 && renderPagination()}\n    </>\n  )\n}\n","import { CCard, CPlaceholder } from '@coreui/react-pro'\n\n/** Skeleton de tarjeta — reemplaza un card mientras carga su contenido. */\nexport default function CardSkeleton() {\n  return (\n    <CCard className=\"shadow-none p-0 m-0 bg-transparent border-0\">\n      <CPlaceholder component=\"div\" animation=\"glow\" className=\"d-flex flex-column gap-2 bg-transparent\">\n        <CPlaceholder className=\"p-4 mt-2 rounded-1\" size=\"lg\" xs={12} color=\"skeleton\" />\n      </CPlaceholder>\n    </CCard>\n  )\n}\n","import { CCard, CPlaceholder } from '@coreui/react-pro'\n\n/** Skeleton de texto — reemplaza una línea de texto mientras carga. */\nexport default function TextSkeleton() {\n  return (\n    <CCard className=\"shadow-none p-0 m-0 bg-transparent border-0\">\n      <CPlaceholder component=\"div\" animation=\"glow\" className=\"d-flex flex-column gap-2 bg-transparent\">\n        <CPlaceholder className=\"p-0 my-2 rounded-1\" size=\"lg\" xs={8} color=\"skeleton\" />\n      </CPlaceholder>\n    </CCard>\n  )\n}\n","import { CCard, CPlaceholder } from '@coreui/react-pro'\n\n/** Skeleton de métrica — reemplaza un MetricCard mientras carga. */\nexport default function MetricsSkeleton() {\n  return (\n    <CCard className=\"shadow-none p-0 m-0 bg-transparent border-0\">\n      <CPlaceholder component=\"div\" animation=\"glow\" className=\"d-flex flex-column gap-2 bg-transparent\">\n        <CPlaceholder className=\"p-5 mt-2 rounded-1\" size=\"lg\" xs={12} color=\"skeleton\" />\n        <CPlaceholder className=\"p-3 mt-2 rounded-1\" size=\"xs\" xs={12} color=\"skeleton\" />\n      </CPlaceholder>\n    </CCard>\n  )\n}\n","'use client'\nimport { useRouter } from 'next/navigation'\nimport { CButton } from '@coreui/react-pro'\nimport { cilArrowLeft } from '@coreui/icons'\nimport CIcon from '@coreui/icons-react'\nimport CustomTooltip from '../custom-tooltip/CustomTooltip'\n\n/**\n * Botón de navegación hacia atrás.\n * Usa router.push(path) si se pasa path, o router.back() si no.\n *\n * @param {string}  [props.title]        - Texto opcional junto al ícono\n * @param {string}  [props.color='dark'] - Color CoreUI del botón\n * @param {string}  [props.path]         - Ruta destino (si no, usa history.back())\n * @param {string}  [props.className]    - Clases CSS adicionales\n */\nexport default function BackButton({ title, color = 'dark', className = '', path }) {\n  const { back, push } = useRouter()\n  const buttonClasses = `back-button d-flex align-items-center px-0 ${className}`\n\n  function handleBack() {\n    if (path) push(path)\n    else back()\n  }\n\n  return (\n    <CustomTooltip content=\"Volver atrás\" placement=\"bottom\">\n      <CButton color={color} variant=\"ghost\" className={buttonClasses} onClick={handleBack}>\n        <CIcon icon={cilArrowLeft} size=\"lg\" className=\"mx-1\" />\n        {title && <span className=\"px-2\">{title}</span>}\n      </CButton>\n    </CustomTooltip>\n  )\n}\n"],"mappings":"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","names":["CIcon","import_react_pro","import_icons_react","CIcon","import_react_pro","import_icons_react","CIcon","import_react_pro","import_icons_react","Tippy","CIcon","import_icons_react","import_react_pro","CIcon","import_react_pro","import_icons_react","CIcon","import_react_pro","import_react_pro","import_react_pro","import_react_pro","import_react_pro","import_react_pro","import_icons_react","CIcon"]}

package/dist/index.mjs

@@ -155,11 +155,311 @@ function IconButton({
     title && /* @__PURE__ */ React.createElement("span", { className: "ml-2 d-none d-md-block" }, title)
   ));
 }
+
+// src/components/modal/Modal.jsx
+import CIcon5 from "@coreui/icons-react";
+import { CModal, CModalBody, CModalHeader, CModalTitle } from "@coreui/react-pro";
+
+// ../../node_modules/@coreui/icons/dist/esm/free/cil-arrow-bottom.js
+var cilArrowBottom = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='367.997 338.75 271.999 434.747 271.999 17.503 239.999 17.503 239.999 434.745 144.003 338.75 121.376 361.377 256 496 390.624 361.377 367.997 338.75' class='ci-primary'/>"];
+
+// ../../node_modules/@coreui/icons/dist/esm/free/cil-arrow-left.js
+var cilArrowLeft = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='497.333 239.999 80.092 239.999 176.087 144.004 153.46 121.377 18.837 256 153.46 390.623 176.087 367.996 80.09 271.999 497.333 271.999 497.333 239.999' class='ci-primary'/>"];
+
+// ../../node_modules/@coreui/icons/dist/esm/free/cil-arrow-top.js
+var cilArrowTop = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='390.624 150.625 256 16 121.376 150.625 144.004 173.252 240.001 77.254 240.001 495.236 272.001 495.236 272.001 77.257 367.996 173.252 390.624 150.625' class='ci-primary'/>"];
+
+// ../../node_modules/@coreui/icons/dist/esm/free/cil-info.js
+var cilInfo = ["512 512", "<rect width='34.924' height='34.924' x='256' y='95.998' fill='var(--ci-primary-color, currentColor)' class='ci-primary'/><path fill='var(--ci-primary-color, currentColor)' d='M16,496H496V16H16ZM48,48H464V464H48Z' class='ci-primary'/><path fill='var(--ci-primary-color, currentColor)' d='M285.313,359.032a18.123,18.123,0,0,1-15.6,8.966,18.061,18.061,0,0,1-17.327-23.157l35.67-121.277A49.577,49.577,0,0,0,194.7,190.572l-11.718,28.234,29.557,12.266,11.718-28.235a17.577,17.577,0,0,1,33.1,11.7l-35.67,121.277A50.061,50.061,0,0,0,269.709,400a50.227,50.227,0,0,0,43.25-24.853l15.1-25.913-27.646-16.115Z' class='ci-primary'/>"];
+
+// ../../node_modules/@coreui/icons/dist/esm/free/cil-x.js
+var cilX = ["512 512", "<polygon fill='var(--ci-primary-color, currentColor)' points='427.314 107.313 404.686 84.687 256 233.373 107.314 84.687 84.686 107.313 233.373 256 84.686 404.687 107.314 427.313 256 278.627 404.686 427.313 427.314 404.687 278.627 256 427.314 107.313' class='ci-primary'/>"];
+
+// src/components/modal/Modal.jsx
+function Modal({
+  title,
+  titleIcon,
+  visible,
+  setVisible,
+  alignment = "center",
+  size,
+  children
+}) {
+  return /* @__PURE__ */ React.createElement(
+    CModal,
+    {
+      alignment,
+      visible,
+      onClose: () => setVisible(false),
+      size,
+      focus: true,
+      keyboard: true,
+      "aria-labelledby": "roax-modal-title"
+    },
+    /* @__PURE__ */ React.createElement(CModalHeader, { className: "position-relative" }, /* @__PURE__ */ React.createElement(CModalTitle, { id: "roax-modal-title", className: "d-flex align-items-center gap-2" }, titleIcon && /* @__PURE__ */ React.createElement(CIcon5, { icon: titleIcon, size: "lg", className: "text-muted" }), title), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setVisible(false),
+        type: "button",
+        className: "position-absolute end-0 top-0 mt-3 me-3 p-0 bg-transparent border-0",
+        style: { fontSize: "1.25rem", color: "var(--cui-body-color)", zIndex: 10 },
+        "aria-label": "Cerrar"
+      },
+      /* @__PURE__ */ React.createElement(CIcon5, { icon: cilX, size: "lg" })
+    )),
+    /* @__PURE__ */ React.createElement(CModalBody, null, children)
+  );
+}
+
+// src/components/card/MetricCard.jsx
+import { CCard, CCardBody } from "@coreui/react-pro";
+import CIcon6 from "@coreui/icons-react";
+
+// src/components/card/card-utils.js
+var formatValue = (val, unit = "", title = "") => {
+  if (val == null || typeof val !== "number" || val === 0) return "0";
+  if (title.includes("ROAS")) return `x ${val.toFixed(2)}`;
+  if (title.includes("CAC %")) return `${val.toFixed(2)}%`;
+  if (unit === "%" || title.includes("%")) return `${val.toFixed(2)}%`;
+  if (unit === "x") return `x ${val.toFixed(2)}`;
+  if (unit === "COP") return `COP ${Math.round(val).toLocaleString("es-CO")}`;
+  return val.toLocaleString(void 0, { minimumFractionDigits: 0, maximumFractionDigits: 2 });
+};
+var getBadgeStyles = (isPositive) => ({
+  backgroundColor: isPositive ? "#55ed7b" : "#f74a4a",
+  color: isPositive ? "#0b3e26" : "#842029",
+  borderRadius: "9999px",
+  padding: "4px 10px",
+  fontSize: "0.75rem",
+  fontWeight: 700,
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "4px"
+});
+function formatDateRange(previousDateRange) {
+  if (!previousDateRange) return { formattedRange: "" };
+  const parts = previousDateRange.split(" - ");
+  const parseDate = (str) => {
+    const [year, month, day] = str.split("-").map(Number);
+    return new Date(year, month - 1, day);
+  };
+  const format = (date) => {
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = date.toLocaleString("es-CO", { month: "short" }).replace(".", "");
+    const year = String(date.getFullYear()).slice(-2);
+    return `${month} ${day},${year}`;
+  };
+  const since = parseDate(parts[0]);
+  const until = parts[1] ? parseDate(parts[1]) : null;
+  const formattedRange = until ? `${format(since)} - ${format(until)}` : format(since);
+  return { formattedRange };
+}
+
+// src/components/card/MetricCard.jsx
+import "./MetricCard.scss";
+function MetricCard({
+  title,
+  current,
+  previous,
+  change,
+  isPositive,
+  unit = "",
+  previousDateRange = "",
+  tooltipText = "",
+  backgroundColor
+}) {
+  const isColored = !!backgroundColor;
+  const cardClass = `metric-card w-100 h-100 d-flex flex-column border-0${isColored ? " metric-card--colored" : ""}`;
+  return /* @__PURE__ */ React.createElement(
+    CCard,
+    {
+      className: cardClass,
+      style: isColored ? { background: backgroundColor } : void 0
+    },
+    /* @__PURE__ */ React.createElement(CCardBody, { className: "d-flex flex-column justify-content-between h-100 p-4 position-relative" }, tooltipText && /* @__PURE__ */ React.createElement("div", { className: "position-absolute top-0 end-0 m-2" }, /* @__PURE__ */ React.createElement(CustomTooltip, { content: tooltipText, placement: "top" }, /* @__PURE__ */ React.createElement(
+      CIcon6,
+      {
+        icon: cilInfo,
+        style: { cursor: "pointer", opacity: 0.5, width: 16, height: 16 }
+      }
+    ))), /* @__PURE__ */ React.createElement("p", { className: "metric-card__title m-0" }, title), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center gap-2 mt-1" }, /* @__PURE__ */ React.createElement("span", { className: "metric-card__value" }, formatValue(current, unit, title)), typeof change === "number" && isFinite(change) && current > 0 && /* @__PURE__ */ React.createElement("div", { style: getBadgeStyles(isPositive) }, /* @__PURE__ */ React.createElement(CIcon6, { icon: isPositive ? cilArrowTop : cilArrowBottom, size: "sm" }), Math.abs(change), "%")), /* @__PURE__ */ React.createElement("hr", { className: "metric-card__divider" }), (() => {
+      const { formattedRange } = formatDateRange(previousDateRange);
+      return /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-between align-items-center metric-card__footer" }, /* @__PURE__ */ React.createElement("strong", null, formatValue(previous, unit, title)), /* @__PURE__ */ React.createElement("span", null, formattedRange));
+    })())
+  );
+}
+
+// src/components/pagination/PaginatedTable.jsx
+import {
+  CTable,
+  CTableHead,
+  CTableBody,
+  CTableRow,
+  CTableHeaderCell,
+  CSpinner
+} from "@coreui/react-pro";
+function PaginatedTable({
+  data = [],
+  itemsPerPage = 10,
+  currentPage = 1,
+  setCurrentPage = () => {
+  },
+  columns = [],
+  renderRow = () => null,
+  loading = false,
+  emptyMessage = "No hay datos disponibles."
+}) {
+  const totalPages = Math.ceil(data.length / itemsPerPage);
+  const paginatedData = data.slice(
+    (currentPage - 1) * itemsPerPage,
+    currentPage * itemsPerPage
+  );
+  if (loading) {
+    return /* @__PURE__ */ React.createElement("div", { className: "text-center py-5" }, /* @__PURE__ */ React.createElement(CSpinner, { color: "secondary" }));
+  }
+  if (!data.length) {
+    return /* @__PURE__ */ React.createElement("div", { className: "text-center py-5 text-muted" }, emptyMessage);
+  }
+  const renderPagination = () => {
+    const pages = [];
+    for (let i = 1; i <= totalPages; i++) {
+      pages.push(
+        /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            key: i,
+            onClick: () => setCurrentPage(i),
+            className: `px-3 py-1 rounded-pill border ${i === currentPage ? "bg-dark text-white" : "bg-white text-dark"}`
+          },
+          i
+        )
+      );
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-center align-items-center gap-2 mt-3 flex-wrap" }, currentPage > 1 && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setCurrentPage(currentPage - 1),
+        className: "px-3 py-1 rounded-pill border bg-white text-dark",
+        style: { minWidth: "80px", fontWeight: 500 }
+      },
+      "Anterior"
+    ), pages, currentPage < totalPages && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setCurrentPage(currentPage + 1),
+        className: "px-3 py-1 rounded-pill border bg-white text-dark",
+        style: { minWidth: "80px", fontWeight: 500 }
+      },
+      "Siguiente"
+    ));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CTable, { hover: true, responsive: true }, /* @__PURE__ */ React.createElement(CTableHead, { className: "bg-dark text-white" }, /* @__PURE__ */ React.createElement(CTableRow, null, columns.map((col, idx) => /* @__PURE__ */ React.createElement(CTableHeaderCell, { key: idx }, col)))), /* @__PURE__ */ React.createElement(CTableBody, null, paginatedData.map(renderRow))), totalPages > 1 && renderPagination());
+}
+
+// src/components/pagination/PaginatedGrid.jsx
+import { CSpinner as CSpinner2 } from "@coreui/react-pro";
+function PaginatedGrid({
+  data = [],
+  itemsPerPage = 6,
+  currentPage = 1,
+  setCurrentPage = () => {
+  },
+  renderItem = () => null,
+  loading = false,
+  emptyMessage = "No hay elementos."
+}) {
+  const totalPages = Math.ceil(data.length / itemsPerPage);
+  const paginatedData = data.slice(
+    (currentPage - 1) * itemsPerPage,
+    currentPage * itemsPerPage
+  );
+  if (loading) {
+    return /* @__PURE__ */ React.createElement("div", { className: "text-center py-5" }, /* @__PURE__ */ React.createElement(CSpinner2, { color: "secondary" }));
+  }
+  if (!data.length) {
+    return /* @__PURE__ */ React.createElement("div", { className: "text-center py-5 text-muted" }, emptyMessage);
+  }
+  const renderPagination = () => {
+    const pages = [];
+    for (let i = 1; i <= totalPages; i++) {
+      pages.push(
+        /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            key: i,
+            onClick: () => setCurrentPage(i),
+            className: `px-3 py-1 rounded-pill border ${i === currentPage ? "bg-dark text-white" : "bg-white text-dark"}`
+          },
+          i
+        )
+      );
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: "d-flex justify-content-center gap-2 mt-4 flex-wrap" }, currentPage > 1 && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setCurrentPage(currentPage - 1),
+        className: "px-3 py-1 rounded-pill border bg-white text-dark"
+      },
+      "Anterior"
+    ), pages, currentPage < totalPages && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setCurrentPage(currentPage + 1),
+        className: "px-3 py-1 rounded-pill border bg-white text-dark"
+      },
+      "Siguiente"
+    ));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "row g-4" }, paginatedData.map(renderItem)), totalPages > 1 && renderPagination());
+}
+
+// src/components/skeletons/CardSkeleton.jsx
+import { CCard as CCard2, CPlaceholder } from "@coreui/react-pro";
+function CardSkeleton() {
+  return /* @__PURE__ */ React.createElement(CCard2, { className: "shadow-none p-0 m-0 bg-transparent border-0" }, /* @__PURE__ */ React.createElement(CPlaceholder, { component: "div", animation: "glow", className: "d-flex flex-column gap-2 bg-transparent" }, /* @__PURE__ */ React.createElement(CPlaceholder, { className: "p-4 mt-2 rounded-1", size: "lg", xs: 12, color: "skeleton" })));
+}
+
+// src/components/skeletons/TextSkeleton.jsx
+import { CCard as CCard3, CPlaceholder as CPlaceholder2 } from "@coreui/react-pro";
+function TextSkeleton() {
+  return /* @__PURE__ */ React.createElement(CCard3, { className: "shadow-none p-0 m-0 bg-transparent border-0" }, /* @__PURE__ */ React.createElement(CPlaceholder2, { component: "div", animation: "glow", className: "d-flex flex-column gap-2 bg-transparent" }, /* @__PURE__ */ React.createElement(CPlaceholder2, { className: "p-0 my-2 rounded-1", size: "lg", xs: 8, color: "skeleton" })));
+}
+
+// src/components/skeletons/MetricsSkeleton.jsx
+import { CCard as CCard4, CPlaceholder as CPlaceholder3 } from "@coreui/react-pro";
+function MetricsSkeleton() {
+  return /* @__PURE__ */ React.createElement(CCard4, { className: "shadow-none p-0 m-0 bg-transparent border-0" }, /* @__PURE__ */ React.createElement(CPlaceholder3, { component: "div", animation: "glow", className: "d-flex flex-column gap-2 bg-transparent" }, /* @__PURE__ */ React.createElement(CPlaceholder3, { className: "p-5 mt-2 rounded-1", size: "lg", xs: 12, color: "skeleton" }), /* @__PURE__ */ React.createElement(CPlaceholder3, { className: "p-3 mt-2 rounded-1", size: "xs", xs: 12, color: "skeleton" })));
+}
+
+// src/components/back-button/BackButton.jsx
+import { useRouter } from "next/navigation";
+import { CButton } from "@coreui/react-pro";
+import CIcon7 from "@coreui/icons-react";
+function BackButton({ title, color = "dark", className = "", path }) {
+  const { back, push } = useRouter();
+  const buttonClasses = `back-button d-flex align-items-center px-0 ${className}`;
+  function handleBack() {
+    if (path) push(path);
+    else back();
+  }
+  return /* @__PURE__ */ React.createElement(CustomTooltip, { content: "Volver atr\xE1s", placement: "bottom" }, /* @__PURE__ */ React.createElement(CButton, { color, variant: "ghost", className: buttonClasses, onClick: handleBack }, /* @__PURE__ */ React.createElement(CIcon7, { icon: cilArrowLeft, size: "lg", className: "mx-1" }), title && /* @__PURE__ */ React.createElement("span", { className: "px-2" }, title)));
+}
 export {
+  BackButton,
+  CardSkeleton,
   CustomTooltip,
   IconButton,
+  MetricCard,
+  MetricsSkeleton,
+  Modal,
   OutlineButton,
+  PaginatedGrid,
+  PaginatedTable,
   SolidButton,
-  TextButton
+  TextButton,
+  TextSkeleton,
+  formatDateRange,
+  formatValue,
+  getBadgeStyles
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/buttons/SolidButton.jsx","../src/components/buttons/OutlineButton.jsx","../src/components/buttons/TextButton.jsx","../src/components/buttons/IconButton.jsx","../src/components/custom-tooltip/CustomTooltip.jsx"],"sourcesContent":["'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport './SolidButton.scss'\n\nexport default function SolidButton({\n  title = 'Button',\n  onClick,\n  color = 'custom-primary',\n  textColor = 'custom-white',\n  className = '',\n  loading = false,\n  icon,\n  svgComponent: SvgComponent,\n  type = 'submit',\n  badge,\n  disabled,\n}) {\n  return (\n    <CLoadingButton\n      type={type}\n      onClick={onClick}\n      className={`solid-button rounded-4 px-4 py-2 fw-semibold text-${textColor} bg-${color} ${className}`}\n      loading={loading}\n      disabledOnLoading\n      disabled={disabled}\n      style={{\n        minHeight: '44px',\n        minWidth: 'fit-content',\n        fontSize: '0.95rem',\n        letterSpacing: '0.3px',\n      }}\n    >\n      {icon && <CIcon icon={icon} className=\"btn-icon\" />}\n      {SvgComponent && !icon && <SvgComponent />}\n      <span className=\"btn-title\">{title}</span>\n      {badge && badge}\n    </CLoadingButton>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport './OutlineButton.scss'\n\nexport default function OutlineButton({\n  title = 'Button',\n  onClick,\n  color = 'custom-primary',\n  className = '',\n  loading = false,\n  icon,\n  type = 'submit',\n  disabled,\n}) {\n  return (\n    <CLoadingButton\n      type={type}\n      onClick={onClick}\n      className={`outline-button rounded-3 fw-medium text-${color} border-${color} ${className}`}\n      loading={loading}\n      disabledOnLoading\n      disabled={disabled}\n      variant=\"outline\"\n      style={{\n        maxHeight: '40px',\n        minWidth: 'fit-content',\n      }}\n    >\n      {icon && <CIcon icon={icon} />}\n      <span>{title}</span>\n    </CLoadingButton>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\n\nexport default function TextButton({\n  disabled,\n  title,\n  onClick,\n  color = 'dark',\n  className = '',\n  loading = false,\n  icon,\n  children,\n}) {\n  const buttonClasses = `rounded-3 px-2 d-flex justify-content-center gap-2 fw-medium ${className}`\n\n  return (\n    <span className=\"d-inline-block\" tabIndex={0}>\n      <CLoadingButton\n        disabled={disabled}\n        onClick={onClick}\n        variant=\"ghost\"\n        type=\"button\"\n        color={color}\n        className={buttonClasses}\n        loading={loading}\n      >\n        {icon && <CIcon size=\"xl\" icon={icon} />}\n        {children ? children : title}\n      </CLoadingButton>\n    </span>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport CustomTooltip from '../custom-tooltip/CustomTooltip'\n\nexport default function IconButton({\n  title,\n  onClick,\n  color = 'dark',\n  className = '',\n  loading = false,\n  icon,\n  tooltip = '',\n  disabled,\n}) {\n  const buttonClasses = `d-flex justify-content-center align-items-center gap-1 m-0 p-1 ${className}`\n\n  return (\n    <CustomTooltip content={tooltip} placement=\"bottom\">\n      <CLoadingButton\n        onClick={onClick}\n        variant=\"ghost\"\n        type=\"button\"\n        color={color}\n        className={buttonClasses}\n        loading={loading}\n        disabled={disabled}\n      >\n        <CIcon size=\"xl\" icon={icon} />\n        {title && <span className=\"ml-2 d-none d-md-block\">{title}</span>}\n      </CLoadingButton>\n    </CustomTooltip>\n  )\n}\n","'use client'\nimport Tippy from '@tippyjs/react'\nimport 'tippy.js/dist/tippy.css'\n\nexport default function CustomTooltip({\n  content,\n  placement = 'bottom',\n  delay = 0,\n  className = '',\n  children,\n}) {\n  return (\n    <Tippy\n      content={content}\n      placement={placement}\n      className={className}\n      delay={delay}\n    >\n      {children}\n    </Tippy>\n  )\n}\n"],"mappings":"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","names":["CLoadingButton","CIcon","CLoadingButton","CIcon","CLoadingButton","CIcon","CLoadingButton","CIcon"]}
+{"version":3,"sources":["../src/components/buttons/SolidButton.jsx","../src/components/buttons/OutlineButton.jsx","../src/components/buttons/TextButton.jsx","../src/components/buttons/IconButton.jsx","../src/components/custom-tooltip/CustomTooltip.jsx","../src/components/modal/Modal.jsx","../../../node_modules/@coreui/icons/src/free/cil-arrow-bottom.ts","../../../node_modules/@coreui/icons/src/free/cil-arrow-left.ts","../../../node_modules/@coreui/icons/src/free/cil-arrow-top.ts","../../../node_modules/@coreui/icons/src/free/cil-info.ts","../../../node_modules/@coreui/icons/src/free/cil-x.ts","../src/components/card/MetricCard.jsx","../src/components/card/card-utils.js","../src/components/pagination/PaginatedTable.jsx","../src/components/pagination/PaginatedGrid.jsx","../src/components/skeletons/CardSkeleton.jsx","../src/components/skeletons/TextSkeleton.jsx","../src/components/skeletons/MetricsSkeleton.jsx","../src/components/back-button/BackButton.jsx"],"sourcesContent":["'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport './SolidButton.scss'\n\nexport default function SolidButton({\n  title = 'Button',\n  onClick,\n  color = 'custom-primary',\n  textColor = 'custom-white',\n  className = '',\n  loading = false,\n  icon,\n  svgComponent: SvgComponent,\n  type = 'submit',\n  badge,\n  disabled,\n}) {\n  return (\n    <CLoadingButton\n      type={type}\n      onClick={onClick}\n      className={`solid-button rounded-4 px-4 py-2 fw-semibold text-${textColor} bg-${color} ${className}`}\n      loading={loading}\n      disabledOnLoading\n      disabled={disabled}\n      style={{\n        minHeight: '44px',\n        minWidth: 'fit-content',\n        fontSize: '0.95rem',\n        letterSpacing: '0.3px',\n      }}\n    >\n      {icon && <CIcon icon={icon} className=\"btn-icon\" />}\n      {SvgComponent && !icon && <SvgComponent />}\n      <span className=\"btn-title\">{title}</span>\n      {badge && badge}\n    </CLoadingButton>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport './OutlineButton.scss'\n\nexport default function OutlineButton({\n  title = 'Button',\n  onClick,\n  color = 'custom-primary',\n  className = '',\n  loading = false,\n  icon,\n  type = 'submit',\n  disabled,\n}) {\n  return (\n    <CLoadingButton\n      type={type}\n      onClick={onClick}\n      className={`outline-button rounded-3 fw-medium text-${color} border-${color} ${className}`}\n      loading={loading}\n      disabledOnLoading\n      disabled={disabled}\n      variant=\"outline\"\n      style={{\n        maxHeight: '40px',\n        minWidth: 'fit-content',\n      }}\n    >\n      {icon && <CIcon icon={icon} />}\n      <span>{title}</span>\n    </CLoadingButton>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\n\nexport default function TextButton({\n  disabled,\n  title,\n  onClick,\n  color = 'dark',\n  className = '',\n  loading = false,\n  icon,\n  children,\n}) {\n  const buttonClasses = `rounded-3 px-2 d-flex justify-content-center gap-2 fw-medium ${className}`\n\n  return (\n    <span className=\"d-inline-block\" tabIndex={0}>\n      <CLoadingButton\n        disabled={disabled}\n        onClick={onClick}\n        variant=\"ghost\"\n        type=\"button\"\n        color={color}\n        className={buttonClasses}\n        loading={loading}\n      >\n        {icon && <CIcon size=\"xl\" icon={icon} />}\n        {children ? children : title}\n      </CLoadingButton>\n    </span>\n  )\n}\n","'use client'\nimport { CLoadingButton } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport CustomTooltip from '../custom-tooltip/CustomTooltip'\n\nexport default function IconButton({\n  title,\n  onClick,\n  color = 'dark',\n  className = '',\n  loading = false,\n  icon,\n  tooltip = '',\n  disabled,\n}) {\n  const buttonClasses = `d-flex justify-content-center align-items-center gap-1 m-0 p-1 ${className}`\n\n  return (\n    <CustomTooltip content={tooltip} placement=\"bottom\">\n      <CLoadingButton\n        onClick={onClick}\n        variant=\"ghost\"\n        type=\"button\"\n        color={color}\n        className={buttonClasses}\n        loading={loading}\n        disabled={disabled}\n      >\n        <CIcon size=\"xl\" icon={icon} />\n        {title && <span className=\"ml-2 d-none d-md-block\">{title}</span>}\n      </CLoadingButton>\n    </CustomTooltip>\n  )\n}\n","'use client'\nimport Tippy from '@tippyjs/react'\nimport 'tippy.js/dist/tippy.css'\n\nexport default function CustomTooltip({\n  content,\n  placement = 'bottom',\n  delay = 0,\n  className = '',\n  children,\n}) {\n  return (\n    <Tippy\n      content={content}\n      placement={placement}\n      className={className}\n      delay={delay}\n    >\n      {children}\n    </Tippy>\n  )\n}\n","'use client'\nimport CIcon from '@coreui/icons-react'\nimport { CModal, CModalBody, CModalHeader, CModalTitle } from '@coreui/react-pro'\nimport { cilX } from '@coreui/icons'\n\n/**\n * Modal reutilizable construido sobre CoreUI.\n *\n * @param {string}  props.title       - Título del modal\n * @param {Array}   [props.titleIcon] - Ícono CoreUI opcional junto al título\n * @param {boolean} props.visible     - Controla visibilidad\n * @param {Function} props.setVisible - Setter para abrir/cerrar\n * @param {'top'|'center'|'bottom'} [props.alignment='center'] - Alineación vertical\n * @param {'sm'|'lg'|'xl'} [props.size] - Tamaño del modal\n * @param {React.ReactNode} props.children - Contenido del body\n */\nexport default function Modal({\n  title,\n  titleIcon,\n  visible,\n  setVisible,\n  alignment = 'center',\n  size,\n  children,\n}) {\n  return (\n    <CModal\n      alignment={alignment}\n      visible={visible}\n      onClose={() => setVisible(false)}\n      size={size}\n      focus\n      keyboard\n      aria-labelledby=\"roax-modal-title\"\n    >\n      <CModalHeader className=\"position-relative\">\n        <CModalTitle id=\"roax-modal-title\" className=\"d-flex align-items-center gap-2\">\n          {titleIcon && <CIcon icon={titleIcon} size=\"lg\" className=\"text-muted\" />}\n          {title}\n        </CModalTitle>\n\n        <button\n          onClick={() => setVisible(false)}\n          type=\"button\"\n          className=\"position-absolute end-0 top-0 mt-3 me-3 p-0 bg-transparent border-0\"\n          style={{ fontSize: '1.25rem', color: 'var(--cui-body-color)', zIndex: 10 }}\n          aria-label=\"Cerrar\"\n        >\n          <CIcon icon={cilX} size=\"lg\" />\n        </button>\n      </CModalHeader>\n\n      <CModalBody>{children}</CModalBody>\n    </CModal>\n  )\n}\n","export var cilArrowBottom = [\"512 512\", \"<polygon fill='var(--ci-primary-color, currentColor)' points='367.997 338.75 271.999 434.747 271.999 17.503 239.999 17.503 239.999 434.745 144.003 338.75 121.376 361.377 256 496 390.624 361.377 367.997 338.75' class='ci-primary'/>\"];\n","export var cilArrowLeft = [\"512 512\", \"<polygon fill='var(--ci-primary-color, currentColor)' points='497.333 239.999 80.092 239.999 176.087 144.004 153.46 121.377 18.837 256 153.46 390.623 176.087 367.996 80.09 271.999 497.333 271.999 497.333 239.999' class='ci-primary'/>\"];\n","export var cilArrowTop = [\"512 512\", \"<polygon fill='var(--ci-primary-color, currentColor)' points='390.624 150.625 256 16 121.376 150.625 144.004 173.252 240.001 77.254 240.001 495.236 272.001 495.236 272.001 77.257 367.996 173.252 390.624 150.625' class='ci-primary'/>\"];\n","export var cilInfo = [\"512 512\", \"<rect width='34.924' height='34.924' x='256' y='95.998' fill='var(--ci-primary-color, currentColor)' class='ci-primary'/><path fill='var(--ci-primary-color, currentColor)' d='M16,496H496V16H16ZM48,48H464V464H48Z' class='ci-primary'/><path fill='var(--ci-primary-color, currentColor)' d='M285.313,359.032a18.123,18.123,0,0,1-15.6,8.966,18.061,18.061,0,0,1-17.327-23.157l35.67-121.277A49.577,49.577,0,0,0,194.7,190.572l-11.718,28.234,29.557,12.266,11.718-28.235a17.577,17.577,0,0,1,33.1,11.7l-35.67,121.277A50.061,50.061,0,0,0,269.709,400a50.227,50.227,0,0,0,43.25-24.853l15.1-25.913-27.646-16.115Z' class='ci-primary'/>\"];\n","export var cilX = [\"512 512\", \"<polygon fill='var(--ci-primary-color, currentColor)' points='427.314 107.313 404.686 84.687 256 233.373 107.314 84.687 84.686 107.313 233.373 256 84.686 404.687 107.314 427.313 256 278.627 404.686 427.313 427.314 404.687 278.627 256 427.314 107.313' class='ci-primary'/>\"];\n","'use client'\nimport { CCard, CCardBody } from '@coreui/react-pro'\nimport CIcon from '@coreui/icons-react'\nimport { cilArrowTop, cilArrowBottom, cilInfo } from '@coreui/icons'\nimport CustomTooltip from '../custom-tooltip/CustomTooltip'\nimport { formatValue, getBadgeStyles, formatDateRange } from './card-utils'\nimport './MetricCard.scss'\n\n/**\n * Tarjeta de métrica con glassmorphism, tendencia y rango de fechas previo.\n *\n * @param {string}  props.title             - Nombre de la métrica\n * @param {number}  props.current           - Valor actual\n * @param {number}  props.previous          - Valor anterior (periodo previo)\n * @param {number}  props.change            - Variación porcentual\n * @param {boolean} props.isPositive        - Si la tendencia es positiva\n * @param {string}  [props.unit='']         - Unidad: '$', '%', 'COP', 'x'\n * @param {string}  [props.previousDateRange=''] - Rango de fechas previo (yyyy-MM-dd - yyyy-MM-dd)\n * @param {string}  [props.tooltipText='']  - Texto del tooltip de información\n * @param {string}  [props.backgroundColor] - Color de fondo custom (glassmorphism tintado)\n */\nexport default function MetricCard({\n  title,\n  current,\n  previous,\n  change,\n  isPositive,\n  unit = '',\n  previousDateRange = '',\n  tooltipText = '',\n  backgroundColor,\n}) {\n  const isColored = !!backgroundColor\n  const cardClass = `metric-card w-100 h-100 d-flex flex-column border-0${isColored ? ' metric-card--colored' : ''}`\n\n  return (\n    <CCard\n      className={cardClass}\n      style={isColored ? { background: backgroundColor } : undefined}\n    >\n      <CCardBody className=\"d-flex flex-column justify-content-between h-100 p-4 position-relative\">\n\n        {tooltipText && (\n          <div className=\"position-absolute top-0 end-0 m-2\">\n            <CustomTooltip content={tooltipText} placement=\"top\">\n              <CIcon\n                icon={cilInfo}\n                style={{ cursor: 'pointer', opacity: 0.5, width: 16, height: 16 }}\n              />\n            </CustomTooltip>\n          </div>\n        )}\n\n        <p className=\"metric-card__title m-0\">{title}</p>\n\n        <div className=\"d-flex align-items-center gap-2 mt-1\">\n          <span className=\"metric-card__value\">\n            {formatValue(current, unit, title)}\n          </span>\n          {typeof change === 'number' && isFinite(change) && current > 0 && (\n            <div style={getBadgeStyles(isPositive)}>\n              <CIcon icon={isPositive ? cilArrowTop : cilArrowBottom} size=\"sm\" />\n              {Math.abs(change)}%\n            </div>\n          )}\n        </div>\n\n        <hr className=\"metric-card__divider\" />\n\n        {(() => {\n          const { formattedRange } = formatDateRange(previousDateRange)\n          return (\n            <div className=\"d-flex justify-content-between align-items-center metric-card__footer\">\n              <strong>{formatValue(previous, unit, title)}</strong>\n              <span>{formattedRange}</span>\n            </div>\n          )\n        })()}\n\n      </CCardBody>\n    </CCard>\n  )\n}\n","/**\n * Formatea un valor numérico según su unidad o contexto del título.\n * @param {number} val\n * @param {string} [unit='']\n * @param {string} [title='']\n * @returns {string}\n */\nexport const formatValue = (val, unit = '', title = '') => {\n  if (val == null || typeof val !== 'number' || val === 0) return '0'\n  if (title.includes('ROAS')) return `x ${val.toFixed(2)}`\n  if (title.includes('CAC %')) return `${val.toFixed(2)}%`\n  if (unit === '%' || title.includes('%')) return `${val.toFixed(2)}%`\n  if (unit === 'x') return `x ${val.toFixed(2)}`\n  if (unit === 'COP') return `COP ${Math.round(val).toLocaleString('es-CO')}`\n  return val.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 })\n}\n\n/**\n * Retorna estilos de badge según si la tendencia es positiva o negativa.\n * @param {boolean} isPositive\n * @returns {Object}\n */\nexport const getBadgeStyles = (isPositive) => ({\n  backgroundColor: isPositive ? '#55ed7b' : '#f74a4a',\n  color: isPositive ? '#0b3e26' : '#842029',\n  borderRadius: '9999px',\n  padding: '4px 10px',\n  fontSize: '0.75rem',\n  fontWeight: 700,\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: '4px',\n})\n\n/**\n * Formatea un rango de fechas 'yyyy-MM-dd - yyyy-MM-dd' a formato legible.\n * @param {string} previousDateRange\n * @returns {{ formattedRange: string }}\n */\nexport function formatDateRange(previousDateRange) {\n  if (!previousDateRange) return { formattedRange: '' }\n  const parts = previousDateRange.split(' - ')\n  const parseDate = (str) => {\n    const [year, month, day] = str.split('-').map(Number)\n    return new Date(year, month - 1, day)\n  }\n  const format = (date) => {\n    const day = String(date.getDate()).padStart(2, '0')\n    const month = date.toLocaleString('es-CO', { month: 'short' }).replace('.', '')\n    const year = String(date.getFullYear()).slice(-2)\n    return `${month} ${day},${year}`\n  }\n  const since = parseDate(parts[0])\n  const until = parts[1] ? parseDate(parts[1]) : null\n  const formattedRange = until ? `${format(since)} - ${format(until)}` : format(since)\n  return { formattedRange }\n}\n","'use client'\nimport {\n  CTable,\n  CTableHead,\n  CTableBody,\n  CTableRow,\n  CTableHeaderCell,\n  CSpinner,\n} from '@coreui/react-pro'\n\n/**\n * Tabla paginada reutilizable construida sobre CoreUI.\n *\n * @param {Array}    [props.data=[]]              - Dataset completo\n * @param {number}   [props.itemsPerPage=10]      - Items por página\n * @param {number}   [props.currentPage=1]        - Página actual\n * @param {Function} [props.setCurrentPage]       - Setter de página\n * @param {string[]} [props.columns=[]]           - Cabeceras de columna\n * @param {Function} [props.renderRow]            - Función que renderiza cada fila\n * @param {boolean}  [props.loading=false]        - Estado de carga\n * @param {string}   [props.emptyMessage]         - Mensaje sin datos\n */\nexport default function PaginatedTable({\n  data = [],\n  itemsPerPage = 10,\n  currentPage = 1,\n  setCurrentPage = () => {},\n  columns = [],\n  renderRow = () => null,\n  loading = false,\n  emptyMessage = 'No hay datos disponibles.',\n}) {\n  const totalPages = Math.ceil(data.length / itemsPerPage)\n  const paginatedData = data.slice(\n    (currentPage - 1) * itemsPerPage,\n    currentPage * itemsPerPage\n  )\n\n  if (loading) {\n    return (\n      <div className=\"text-center py-5\">\n        <CSpinner color=\"secondary\" />\n      </div>\n    )\n  }\n\n  if (!data.length) {\n    return <div className=\"text-center py-5 text-muted\">{emptyMessage}</div>\n  }\n\n  const renderPagination = () => {\n    const pages = []\n    for (let i = 1; i <= totalPages; i++) {\n      pages.push(\n        <button\n          key={i}\n          onClick={() => setCurrentPage(i)}\n          className={`px-3 py-1 rounded-pill border ${\n            i === currentPage ? 'bg-dark text-white' : 'bg-white text-dark'\n          }`}\n        >\n          {i}\n        </button>\n      )\n    }\n\n    return (\n      <div className=\"d-flex justify-content-center align-items-center gap-2 mt-3 flex-wrap\">\n        {currentPage > 1 && (\n          <button\n            onClick={() => setCurrentPage(currentPage - 1)}\n            className=\"px-3 py-1 rounded-pill border bg-white text-dark\"\n            style={{ minWidth: '80px', fontWeight: 500 }}\n          >\n            Anterior\n          </button>\n        )}\n        {pages}\n        {currentPage < totalPages && (\n          <button\n            onClick={() => setCurrentPage(currentPage + 1)}\n            className=\"px-3 py-1 rounded-pill border bg-white text-dark\"\n            style={{ minWidth: '80px', fontWeight: 500 }}\n          >\n            Siguiente\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <>\n      <CTable hover responsive>\n        <CTableHead className=\"bg-dark text-white\">\n          <CTableRow>\n            {columns.map((col, idx) => (\n              <CTableHeaderCell key={idx}>{col}</CTableHeaderCell>\n            ))}\n          </CTableRow>\n        </CTableHead>\n        <CTableBody>{paginatedData.map(renderRow)}</CTableBody>\n      </CTable>\n      {totalPages > 1 && renderPagination()}\n    </>\n  )\n}\n","'use client'\nimport { CSpinner } from '@coreui/react-pro'\n\n/**\n * Grid paginado para renderizar ítems tipo card.\n *\n * @param {Array}    [props.data=[]]         - Dataset completo\n * @param {number}   [props.itemsPerPage=6]  - Items por página\n * @param {number}   [props.currentPage=1]   - Página actual\n * @param {Function} [props.setCurrentPage]  - Setter de página\n * @param {Function} [props.renderItem]      - Función que renderiza cada ítem\n * @param {boolean}  [props.loading=false]   - Estado de carga\n * @param {string}   [props.emptyMessage]    - Mensaje sin datos\n */\nexport default function PaginatedGrid({\n  data = [],\n  itemsPerPage = 6,\n  currentPage = 1,\n  setCurrentPage = () => {},\n  renderItem = () => null,\n  loading = false,\n  emptyMessage = 'No hay elementos.',\n}) {\n  const totalPages = Math.ceil(data.length / itemsPerPage)\n  const paginatedData = data.slice(\n    (currentPage - 1) * itemsPerPage,\n    currentPage * itemsPerPage\n  )\n\n  if (loading) {\n    return (\n      <div className=\"text-center py-5\">\n        <CSpinner color=\"secondary\" />\n      </div>\n    )\n  }\n\n  if (!data.length) {\n    return <div className=\"text-center py-5 text-muted\">{emptyMessage}</div>\n  }\n\n  const renderPagination = () => {\n    const pages = []\n    for (let i = 1; i <= totalPages; i++) {\n      pages.push(\n        <button\n          key={i}\n          onClick={() => setCurrentPage(i)}\n          className={`px-3 py-1 rounded-pill border ${\n            i === currentPage ? 'bg-dark text-white' : 'bg-white text-dark'\n          }`}\n        >\n          {i}\n        </button>\n      )\n    }\n    return (\n      <div className=\"d-flex justify-content-center gap-2 mt-4 flex-wrap\">\n        {currentPage > 1 && (\n          <button\n            onClick={() => setCurrentPage(currentPage - 1)}\n            className=\"px-3 py-1 rounded-pill border bg-white text-dark\"\n          >\n            Anterior\n          </button>\n        )}\n        {pages}\n        {currentPage < totalPages && (\n          <button\n            onClick={() => setCurrentPage(currentPage + 1)}\n            className=\"px-3 py-1 rounded-pill border bg-white text-dark\"\n          >\n            Siguiente\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <>\n      <div className=\"row g-4\">{paginatedData.map(renderItem)}</div>\n      {totalPages > 1 && renderPagination()}\n    </>\n  )\n}\n","import { CCard, CPlaceholder } from '@coreui/react-pro'\n\n/** Skeleton de tarjeta — reemplaza un card mientras carga su contenido. */\nexport default function CardSkeleton() {\n  return (\n    <CCard className=\"shadow-none p-0 m-0 bg-transparent border-0\">\n      <CPlaceholder component=\"div\" animation=\"glow\" className=\"d-flex flex-column gap-2 bg-transparent\">\n        <CPlaceholder className=\"p-4 mt-2 rounded-1\" size=\"lg\" xs={12} color=\"skeleton\" />\n      </CPlaceholder>\n    </CCard>\n  )\n}\n","import { CCard, CPlaceholder } from '@coreui/react-pro'\n\n/** Skeleton de texto — reemplaza una línea de texto mientras carga. */\nexport default function TextSkeleton() {\n  return (\n    <CCard className=\"shadow-none p-0 m-0 bg-transparent border-0\">\n      <CPlaceholder component=\"div\" animation=\"glow\" className=\"d-flex flex-column gap-2 bg-transparent\">\n        <CPlaceholder className=\"p-0 my-2 rounded-1\" size=\"lg\" xs={8} color=\"skeleton\" />\n      </CPlaceholder>\n    </CCard>\n  )\n}\n","import { CCard, CPlaceholder } from '@coreui/react-pro'\n\n/** Skeleton de métrica — reemplaza un MetricCard mientras carga. */\nexport default function MetricsSkeleton() {\n  return (\n    <CCard className=\"shadow-none p-0 m-0 bg-transparent border-0\">\n      <CPlaceholder component=\"div\" animation=\"glow\" className=\"d-flex flex-column gap-2 bg-transparent\">\n        <CPlaceholder className=\"p-5 mt-2 rounded-1\" size=\"lg\" xs={12} color=\"skeleton\" />\n        <CPlaceholder className=\"p-3 mt-2 rounded-1\" size=\"xs\" xs={12} color=\"skeleton\" />\n      </CPlaceholder>\n    </CCard>\n  )\n}\n","'use client'\nimport { useRouter } from 'next/navigation'\nimport { CButton } from '@coreui/react-pro'\nimport { cilArrowLeft } from '@coreui/icons'\nimport CIcon from '@coreui/icons-react'\nimport CustomTooltip from '../custom-tooltip/CustomTooltip'\n\n/**\n * Botón de navegación hacia atrás.\n * Usa router.push(path) si se pasa path, o router.back() si no.\n *\n * @param {string}  [props.title]        - Texto opcional junto al ícono\n * @param {string}  [props.color='dark'] - Color CoreUI del botón\n * @param {string}  [props.path]         - Ruta destino (si no, usa history.back())\n * @param {string}  [props.className]    - Clases CSS adicionales\n */\nexport default function BackButton({ title, color = 'dark', className = '', path }) {\n  const { back, push } = useRouter()\n  const buttonClasses = `back-button d-flex align-items-center px-0 ${className}`\n\n  function handleBack() {\n    if (path) push(path)\n    else back()\n  }\n\n  return (\n    <CustomTooltip content=\"Volver atrás\" placement=\"bottom\">\n      <CButton color={color} variant=\"ghost\" className={buttonClasses} onClick={handleBack}>\n        <CIcon icon={cilArrowLeft} size=\"lg\" className=\"mx-1\" />\n        {title && <span className=\"px-2\">{title}</span>}\n      </CButton>\n    </CustomTooltip>\n  )\n}\n"],"mappings":"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","names":["CLoadingButton","CIcon","CLoadingButton","CIcon","CLoadingButton","CIcon","CLoadingButton","CIcon","CIcon","CIcon","CIcon","CIcon","CSpinner","CCard","CCard","CPlaceholder","CCard","CPlaceholder","CIcon","CIcon"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roax/ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Roax UI Component Library — componentes reutilizables para proyectos Roax",
   "keywords": ["react", "ui", "components", "roax", "coreui"],
   "main": "./dist/index.js",