framepexls-ui-lib 0.1.8 → 0.1.9

package/dist/Badge.d.mts

@@ -2,8 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type Tone = "emerald" | "indigo" | "amber" | "slate" | "rose" | "sky" | "violet" | "cyan" | "teal" | "pink" | "orange" | "lime";
-declare function Badge({ tone, children, onClick, title, className, }: {
+type Size = "sm" | "md" | "lg";
+declare function Badge({ tone, size, children, onClick, title, className, }: {
     tone?: Tone;
+    size?: Size;
     children: React__default.ReactNode;
     onClick?: (e: React__default.MouseEvent) => void;
     title?: string;

package/dist/Badge.d.ts

@@ -2,8 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type Tone = "emerald" | "indigo" | "amber" | "slate" | "rose" | "sky" | "violet" | "cyan" | "teal" | "pink" | "orange" | "lime";
-declare function Badge({ tone, children, onClick, title, className, }: {
+type Size = "sm" | "md" | "lg";
+declare function Badge({ tone, size, children, onClick, title, className, }: {
     tone?: Tone;
+    size?: Size;
     children: React__default.ReactNode;
     onClick?: (e: React__default.MouseEvent) => void;
     title?: string;

package/dist/Badge.js

@@ -37,27 +37,37 @@ const tones = {
   orange: "bg-orange-100 text-orange-700 ring-1 ring-orange-200",
   lime: "bg-lime-100 text-lime-700 ring-1 ring-lime-200"
 };
+const sizeClasses = {
+  sm: { wrap: "px-2 py-0.5 text-[11px]", dot: "h-1.5 w-1.5", gap: "gap-1.5" },
+  md: { wrap: "px-2.5 py-1 text-xs", dot: "h-1.5 w-1.5", gap: "gap-2" },
+  lg: { wrap: "px-3 py-1.5 text-sm", dot: "h-2 w-2", gap: "gap-2" }
+};
 function Badge({
   tone = "slate",
+  size = "md",
   children,
   onClick,
   title,
   className = ""
 }) {
+  var _a;
   const clickable = typeof onClick === "function";
+  const sz = (_a = sizeClasses[size]) != null ? _a : sizeClasses.md;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "span",
     {
       title,
       onClick,
       className: [
-        "inline-flex items-center gap-2 rounded-full px-2.5 py-1 text-xs font-semibold truncate",
+        "inline-flex items-center rounded-full font-semibold truncate",
         tones[tone],
+        sz.wrap,
+        sz.gap,
         clickable ? "cursor-pointer hover:opacity-90 active:scale-[0.98]" : "",
         className
       ].join(" "),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-block h-1.5 w-1.5 rounded-full bg-current opacity-70" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: ["inline-block rounded-full bg-current opacity-70", sz.dot].join(" ") }),
         children
       ]
     }

package/dist/Badge.mjs

@@ -14,27 +14,37 @@ const tones = {
   orange: "bg-orange-100 text-orange-700 ring-1 ring-orange-200",
   lime: "bg-lime-100 text-lime-700 ring-1 ring-lime-200"
 };
+const sizeClasses = {
+  sm: { wrap: "px-2 py-0.5 text-[11px]", dot: "h-1.5 w-1.5", gap: "gap-1.5" },
+  md: { wrap: "px-2.5 py-1 text-xs", dot: "h-1.5 w-1.5", gap: "gap-2" },
+  lg: { wrap: "px-3 py-1.5 text-sm", dot: "h-2 w-2", gap: "gap-2" }
+};
 function Badge({
   tone = "slate",
+  size = "md",
   children,
   onClick,
   title,
   className = ""
 }) {
+  var _a;
   const clickable = typeof onClick === "function";
+  const sz = (_a = sizeClasses[size]) != null ? _a : sizeClasses.md;
   return /* @__PURE__ */ jsxs(
     "span",
     {
       title,
       onClick,
       className: [
-        "inline-flex items-center gap-2 rounded-full px-2.5 py-1 text-xs font-semibold truncate",
+        "inline-flex items-center rounded-full font-semibold truncate",
         tones[tone],
+        sz.wrap,
+        sz.gap,
         clickable ? "cursor-pointer hover:opacity-90 active:scale-[0.98]" : "",
         className
       ].join(" "),
       children: [
-        /* @__PURE__ */ jsx("span", { className: "inline-block h-1.5 w-1.5 rounded-full bg-current opacity-70" }),
+        /* @__PURE__ */ jsx("span", { className: ["inline-block rounded-full bg-current opacity-70", sz.dot].join(" ") }),
         children
       ]
     }

package/dist/Button.d.mts

@@ -11,7 +11,10 @@ type ButtonProps = {
     className?: string;
     active?: boolean;
     inverted?: boolean;
+    iconOnly?: boolean;
+    icon?: React__default.ReactNode;
+    noPaddingX?: boolean;
 } & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
-declare function Button({ children, variant, size, loading, disabled, leftIcon, rightIcon, block, className, type, active, inverted, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ children, variant, size, loading, disabled, leftIcon, rightIcon, block, className, type, active, inverted, iconOnly, icon, noPaddingX, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 export { Button as default };

package/dist/Button.d.ts

@@ -11,7 +11,10 @@ type ButtonProps = {
     className?: string;
     active?: boolean;
     inverted?: boolean;
+    iconOnly?: boolean;
+    icon?: React__default.ReactNode;
+    noPaddingX?: boolean;
 } & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
-declare function Button({ children, variant, size, loading, disabled, leftIcon, rightIcon, block, className, type, active, inverted, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ children, variant, size, loading, disabled, leftIcon, rightIcon, block, className, type, active, inverted, iconOnly, icon, noPaddingX, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 export { Button as default };

package/dist/Button.js

@@ -36,10 +36,13 @@ function Button({
   type = "button",
   active = false,
   inverted = false,
+  iconOnly = false,
+  icon,
+  noPaddingX = false,
   ...rest
 }) {
-  const base = "inline-flex items-center justify-center gap-2 rounded-xl font-medium transition focus:outline-none focus-visible:ring-2 disabled:opacity-60 disabled:cursor-not-allowed";
-  const sizes = size === "sm" ? "h-9 px-3 text-sm" : size === "lg" ? "h-11 px-5 text-base" : "h-10 px-4 text-sm";
+  const base = "inline-flex items-center justify-center rounded-xl font-medium transition focus:outline-none focus-visible:ring-2 disabled:opacity-60 disabled:cursor-not-allowed";
+  const sizes = size === "sm" ? `h-9 ${noPaddingX ? "" : "px-3"} text-sm` : size === "lg" ? `h-11 ${noPaddingX ? "" : "px-5"} text-base` : `h-10 ${noPaddingX ? "" : "px-4"} text-sm`;
   const variantClass = (() => {
     switch (variant) {
       case "primary":
@@ -55,6 +58,12 @@ function Button({
     }
   })();
   const activeClass = active ? variant === "primary" ? "ring-2 ring-slate-300/60 dark:ring-white/20" : variant === "ghost" ? inverted ? "bg-white/15 text-white shadow-sm" : "bg-slate-100 text-slate-900 shadow-sm" : variant === "outline" ? inverted ? "bg-white/10 text-white" : "bg-slate-50" : variant === "secondary" ? inverted ? "bg-white/15 text-white" : "bg-slate-100" : "" : "";
+  const hasChildren = children !== void 0 && children !== null && children !== false;
+  const showText = hasChildren && !iconOnly;
+  const iconLeft = !loading ? leftIcon != null ? leftIcon : iconOnly ? icon != null ? icon : children : void 0 : void 0;
+  const iconRight = !loading ? rightIcon : void 0;
+  const visibleParts = [iconLeft, showText ? true : null, iconRight].filter(Boolean).length;
+  const gapClass = visibleParts > 1 ? "gap-2" : "gap-0";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
     {
@@ -66,6 +75,7 @@ function Button({
         sizes,
         variantClass,
         activeClass,
+        gapClass,
         block ? "w-full" : "",
         className
       ].join(" "),
@@ -75,9 +85,9 @@ function Button({
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "9", className: "opacity-25" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12a9 9 0 0 0-9-9", className: "opacity-90" })
         ] }),
-        !loading && leftIcon,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate", children }),
-        !loading && rightIcon
+        iconLeft,
+        showText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate", children }),
+        iconRight
       ]
     }
   );

package/dist/Button.mjs

@@ -13,10 +13,13 @@ function Button({
   type = "button",
   active = false,
   inverted = false,
+  iconOnly = false,
+  icon,
+  noPaddingX = false,
   ...rest
 }) {
-  const base = "inline-flex items-center justify-center gap-2 rounded-xl font-medium transition focus:outline-none focus-visible:ring-2 disabled:opacity-60 disabled:cursor-not-allowed";
-  const sizes = size === "sm" ? "h-9 px-3 text-sm" : size === "lg" ? "h-11 px-5 text-base" : "h-10 px-4 text-sm";
+  const base = "inline-flex items-center justify-center rounded-xl font-medium transition focus:outline-none focus-visible:ring-2 disabled:opacity-60 disabled:cursor-not-allowed";
+  const sizes = size === "sm" ? `h-9 ${noPaddingX ? "" : "px-3"} text-sm` : size === "lg" ? `h-11 ${noPaddingX ? "" : "px-5"} text-base` : `h-10 ${noPaddingX ? "" : "px-4"} text-sm`;
   const variantClass = (() => {
     switch (variant) {
       case "primary":
@@ -32,6 +35,12 @@ function Button({
     }
   })();
   const activeClass = active ? variant === "primary" ? "ring-2 ring-slate-300/60 dark:ring-white/20" : variant === "ghost" ? inverted ? "bg-white/15 text-white shadow-sm" : "bg-slate-100 text-slate-900 shadow-sm" : variant === "outline" ? inverted ? "bg-white/10 text-white" : "bg-slate-50" : variant === "secondary" ? inverted ? "bg-white/15 text-white" : "bg-slate-100" : "" : "";
+  const hasChildren = children !== void 0 && children !== null && children !== false;
+  const showText = hasChildren && !iconOnly;
+  const iconLeft = !loading ? leftIcon != null ? leftIcon : iconOnly ? icon != null ? icon : children : void 0 : void 0;
+  const iconRight = !loading ? rightIcon : void 0;
+  const visibleParts = [iconLeft, showText ? true : null, iconRight].filter(Boolean).length;
+  const gapClass = visibleParts > 1 ? "gap-2" : "gap-0";
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -43,6 +52,7 @@ function Button({
         sizes,
         variantClass,
         activeClass,
+        gapClass,
         block ? "w-full" : "",
         className
       ].join(" "),
@@ -52,9 +62,9 @@ function Button({
           /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", className: "opacity-25" }),
           /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 0-9-9", className: "opacity-90" })
         ] }),
-        !loading && leftIcon,
-        /* @__PURE__ */ jsx("span", { className: "truncate", children }),
-        !loading && rightIcon
+        iconLeft,
+        showText && /* @__PURE__ */ jsx("span", { className: "truncate", children }),
+        iconRight
       ]
     }
   );

package/dist/ReviewHistory.d.mts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ReviewItem = {
+    id: number;
+    status: "pendiente" | "en_revision" | "aprobado" | "rechazado";
+    comment?: string | null;
+    by_name?: string | null;
+    by_email?: string | null;
+    user_id?: number | null;
+    created_at: string;
+};
+declare function ReviewHistory({ items, loading, onViewAll, }: {
+    items: ReviewItem[];
+    loading?: boolean;
+    onViewAll?: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function ReviewHistoryDialog({ open, onClose, items, }: {
+    open: boolean;
+    onClose: () => void;
+    items: ReviewItem[];
+}): react_jsx_runtime.JSX.Element;
+
+export { ReviewHistoryDialog, type ReviewItem, ReviewHistory as default };

package/dist/ReviewHistory.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ReviewItem = {
+    id: number;
+    status: "pendiente" | "en_revision" | "aprobado" | "rechazado";
+    comment?: string | null;
+    by_name?: string | null;
+    by_email?: string | null;
+    user_id?: number | null;
+    created_at: string;
+};
+declare function ReviewHistory({ items, loading, onViewAll, }: {
+    items: ReviewItem[];
+    loading?: boolean;
+    onViewAll?: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function ReviewHistoryDialog({ open, onClose, items, }: {
+    open: boolean;
+    onClose: () => void;
+    items: ReviewItem[];
+}): react_jsx_runtime.JSX.Element;
+
+export { ReviewHistoryDialog, type ReviewItem, ReviewHistory as default };

package/dist/ReviewHistory.js

@@ -0,0 +1,137 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ReviewHistory_exports = {};
+__export(ReviewHistory_exports, {
+  ReviewHistoryDialog: () => ReviewHistoryDialog,
+  default: () => ReviewHistory
+});
+module.exports = __toCommonJS(ReviewHistory_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_Dialog = __toESM(require("./Dialog"));
+var import_Badge = __toESM(require("./Badge"));
+function ReviewHistory({
+  items,
+  loading,
+  onViewAll
+}) {
+  const latest = (items != null ? items : []).slice(0, 3);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold", children: "Historial de estado" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-muted", children: loading ? "Cargando\u2026" : `${items.length} total` })
+    ] }),
+    latest.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-muted", children: "Sin registros" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid gap-2", children: latest.map((r) => {
+      var _a;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border border-border bg-surface px-3 py-2 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Badge.default, { tone: statusTone(r.status), children: statusLabel(r.status) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-muted", children: formatDateTime(r.created_at) })
+        ] }),
+        r.comment && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-sm text-foreground whitespace-pre-line", children: r.comment }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-xs text-muted", children: r.by_name || r.by_email ? `${(_a = r.by_name) != null ? _a : ""} ${r.by_email ? `\xB7 ${r.by_email}` : ""}` : r.user_id ? "Usuario interno" : "Invitado" })
+      ] }, r.id);
+    }) }),
+    items.length > 3 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "text-sm text-blue-600 hover:underline dark:text-blue-400", onClick: onViewAll, children: "Ver todos" }) })
+  ] });
+}
+function ReviewHistoryDialog({
+  open,
+  onClose,
+  items
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dialog.default, { open, onClose, size: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.default.Header, { title: "Historial de estado", onClose, showClose: true, compact: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.default.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-2", children: [
+      items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-muted", children: "Sin registros" }),
+      items.map((r) => {
+        var _a;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border border-border bg-surface px-3 py-2 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Badge.default, { tone: statusTone(r.status), children: statusLabel(r.status) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-muted", children: formatDateTime(r.created_at) })
+          ] }),
+          r.comment && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-sm text-foreground whitespace-pre-line", children: r.comment }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-xs text-muted", children: r.by_name || r.by_email ? `${(_a = r.by_name) != null ? _a : ""} ${r.by_email ? `\xB7 ${r.by_email}` : ""}` : r.user_id ? "Usuario interno" : "Invitado" })
+        ] }, r.id);
+      })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.default.Footer, { align: "end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        className: "inline-flex h-10 items-center gap-2 rounded-xl border border-slate-300/80 bg-white px-4 text-sm font-medium text-slate-700 shadow-sm hover:bg-slate-50 dark:border-white/10 dark:bg-white/5 dark:text-slate-200 dark:hover:bg-white/10",
+        onClick: onClose,
+        children: "Cerrar"
+      }
+    ) })
+  ] });
+}
+function formatDateTime(value) {
+  try {
+    return new Date(value).toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
+  } catch {
+    return value;
+  }
+}
+function ucfirst(s) {
+  return s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+}
+function statusLabel(s) {
+  switch (s) {
+    case "pendiente":
+      return "Pendiente";
+    case "en_revision":
+      return "En revisi\xF3n";
+    case "aprobado":
+      return "Aprobado";
+    case "rechazado":
+      return "Rechazado";
+    default:
+      return ucfirst(String(s));
+  }
+}
+function statusTone(s) {
+  switch (s) {
+    case "pendiente":
+      return "sky";
+    case "en_revision":
+      return "amber";
+    case "aprobado":
+      return "emerald";
+    case "rechazado":
+      return "rose";
+    default:
+      return "slate";
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReviewHistoryDialog
+});

package/dist/ReviewHistory.mjs

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Dialog from "./Dialog";
+import Badge from "./Badge";
+function ReviewHistory({
+  items,
+  loading,
+  onViewAll
+}) {
+  const latest = (items != null ? items : []).slice(0, 3);
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: "Historial de estado" }),
+      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: loading ? "Cargando\u2026" : `${items.length} total` })
+    ] }),
+    latest.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted", children: "Sin registros" }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-2", children: latest.map((r) => {
+      var _a;
+      return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-surface px-3 py-2 text-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-medium", children: /* @__PURE__ */ jsx(Badge, { tone: statusTone(r.status), children: statusLabel(r.status) }) }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: formatDateTime(r.created_at) })
+        ] }),
+        r.comment && /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-foreground whitespace-pre-line", children: r.comment }),
+        /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted", children: r.by_name || r.by_email ? `${(_a = r.by_name) != null ? _a : ""} ${r.by_email ? `\xB7 ${r.by_email}` : ""}` : r.user_id ? "Usuario interno" : "Invitado" })
+      ] }, r.id);
+    }) }),
+    items.length > 3 && /* @__PURE__ */ jsx("div", { className: "pt-1", children: /* @__PURE__ */ jsx("button", { className: "text-sm text-blue-600 hover:underline dark:text-blue-400", onClick: onViewAll, children: "Ver todos" }) })
+  ] });
+}
+function ReviewHistoryDialog({
+  open,
+  onClose,
+  items
+}) {
+  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, size: "md", children: [
+    /* @__PURE__ */ jsx(Dialog.Header, { title: "Historial de estado", onClose, showClose: true, compact: true }),
+    /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+      items.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted", children: "Sin registros" }),
+      items.map((r) => {
+        var _a;
+        return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-surface px-3 py-2 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: /* @__PURE__ */ jsx(Badge, { tone: statusTone(r.status), children: statusLabel(r.status) }) }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: formatDateTime(r.created_at) })
+          ] }),
+          r.comment && /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-foreground whitespace-pre-line", children: r.comment }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted", children: r.by_name || r.by_email ? `${(_a = r.by_name) != null ? _a : ""} ${r.by_email ? `\xB7 ${r.by_email}` : ""}` : r.user_id ? "Usuario interno" : "Invitado" })
+        ] }, r.id);
+      })
+    ] }) }),
+    /* @__PURE__ */ jsx(Dialog.Footer, { align: "end", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "inline-flex h-10 items-center gap-2 rounded-xl border border-slate-300/80 bg-white px-4 text-sm font-medium text-slate-700 shadow-sm hover:bg-slate-50 dark:border-white/10 dark:bg-white/5 dark:text-slate-200 dark:hover:bg-white/10",
+        onClick: onClose,
+        children: "Cerrar"
+      }
+    ) })
+  ] });
+}
+function formatDateTime(value) {
+  try {
+    return new Date(value).toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
+  } catch {
+    return value;
+  }
+}
+function ucfirst(s) {
+  return s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+}
+function statusLabel(s) {
+  switch (s) {
+    case "pendiente":
+      return "Pendiente";
+    case "en_revision":
+      return "En revisi\xF3n";
+    case "aprobado":
+      return "Aprobado";
+    case "rechazado":
+      return "Rechazado";
+    default:
+      return ucfirst(String(s));
+  }
+}
+function statusTone(s) {
+  switch (s) {
+    case "pendiente":
+      return "sky";
+    case "en_revision":
+      return "amber";
+    case "aprobado":
+      return "emerald";
+    case "rechazado":
+      return "rose";
+    default:
+      return "slate";
+  }
+}
+export {
+  ReviewHistoryDialog,
+  ReviewHistory as default
+};

package/dist/Sidebar.d.mts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type SidebarUser = {
+    name: string;
+    rol_principal: string;
+    avatarUrl?: string | null;
+};
+type SidebarItem = {
+    key: string;
+    label: string;
+    group: string;
+    icon?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    path?: string;
+    children?: SidebarItem[];
+};
+type SidebarProps = {
+    items: SidebarItem[];
+    activeKey?: string;
+    onNavigate: (key: string) => void;
+    user?: SidebarUser;
+    userMenuSlot?: React__default.ReactNode;
+    onBrandClick?: () => void;
+    /** LocalStorage key para persistir colapsado */
+    collapsedKey?: string;
+    /** Rotulación de marca, valores por defecto mantienen estilos existentes */
+    brandInitials?: string;
+    brandTitle?: string;
+    brandSubtitle?: string;
+};
+declare function Sidebar({ items, activeKey, onNavigate, user, userMenuSlot, onBrandClick, collapsedKey, brandInitials, brandTitle, brandSubtitle, }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+export { type SidebarItem, type SidebarProps, type SidebarUser, Sidebar as default };

package/dist/Sidebar.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type SidebarUser = {
+    name: string;
+    rol_principal: string;
+    avatarUrl?: string | null;
+};
+type SidebarItem = {
+    key: string;
+    label: string;
+    group: string;
+    icon?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    path?: string;
+    children?: SidebarItem[];
+};
+type SidebarProps = {
+    items: SidebarItem[];
+    activeKey?: string;
+    onNavigate: (key: string) => void;
+    user?: SidebarUser;
+    userMenuSlot?: React__default.ReactNode;
+    onBrandClick?: () => void;
+    /** LocalStorage key para persistir colapsado */
+    collapsedKey?: string;
+    /** Rotulación de marca, valores por defecto mantienen estilos existentes */
+    brandInitials?: string;
+    brandTitle?: string;
+    brandSubtitle?: string;
+};
+declare function Sidebar({ items, activeKey, onNavigate, user, userMenuSlot, onBrandClick, collapsedKey, brandInitials, brandTitle, brandSubtitle, }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+export { type SidebarItem, type SidebarProps, type SidebarUser, Sidebar as default };