@misael703/ui 1.0.0

package/dist/chunk-LUXTZOTJ.js

@@ -0,0 +1,204 @@
+'use strict';
+
+var chunk5VMZMDJF_js = require('./chunk-5VMZMDJF.js');
+var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function UserCell({ name, meta, avatarSrc, avatarAlt, size = 32, className, ...rest }) {
+  const initialsName = typeof name === "string" ? name : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("user-cell", className), ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5VMZMDJF_js.Avatar, { src: avatarSrc, alt: avatarAlt, name: initialsName, size }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "user-cell__body", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "user-cell__name", children: name }),
+      meta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "user-cell__meta", children: meta })
+    ] })
+  ] });
+}
+function StatusIndicator({ tone = "success", pulse, label, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkPASF6T4H_js.cx("status-indicator", className), role: "status", ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkPASF6T4H_js.cx("status-indicator__dot", `status-indicator__dot--${tone}`, pulse && "is-pulsing"), "aria-hidden": "true" }),
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "status-indicator__label", children: label })
+  ] });
+}
+var Timeline = React__namespace.forwardRef(
+  function Timeline2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("ol", { ref, className: chunkPASF6T4H_js.cx("timeline", className), ...rest });
+  }
+);
+function TimelineItem({ icon, tone = "neutral", title, meta, children, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: chunkPASF6T4H_js.cx("timeline__item", className), ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkPASF6T4H_js.cx("timeline__marker", `timeline__marker--${tone}`), "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "timeline__body", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline__title", children: title }),
+      meta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline__meta", children: meta }),
+      children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline__content", children })
+    ] })
+  ] });
+}
+function Tree({ nodes, defaultExpanded = [], selectedId, onSelect, className, ...rest }) {
+  const [expanded, setExpanded] = React__namespace.useState(new Set(defaultExpanded));
+  const toggle = (id) => {
+    setExpanded((curr) => {
+      const next = new Set(curr);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "tree", className: chunkPASF6T4H_js.cx("tree", className), ...rest, children: nodes.map((n) => /* @__PURE__ */ jsxRuntime.jsx(TreeNode, { node: n, depth: 0, expanded, toggle, selectedId, onSelect }, n.id)) });
+}
+function TreeNode({ node, depth, expanded, toggle, selectedId, onSelect }) {
+  const hasChildren = !!(node.children && node.children.length);
+  const isOpen = expanded.has(node.id);
+  const isSelected = selectedId === node.id;
+  const t = chunkTEQ67JKX_js.useLocale();
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { role: "treeitem", "aria-expanded": hasChildren ? isOpen : void 0, "aria-selected": isSelected, className: "tree__node", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkPASF6T4H_js.cx("tree__row", isSelected && "is-selected"),
+        style: { paddingLeft: `calc(var(--space-2) + var(--space-4) * ${depth})` },
+        onClick: () => onSelect?.(node.id),
+        children: [
+          hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "tree__chev",
+              "aria-label": isOpen ? t["calendar.collapse"] : t["calendar.expand"],
+              onClick: (e) => {
+                e.stopPropagation();
+                toggle(node.id);
+              },
+              children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronDown, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronRight, { size: 14 })
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tree__chev tree__chev--placeholder", "aria-hidden": "true" }),
+          node.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tree__icon", "aria-hidden": "true", children: node.icon }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tree__label", children: node.label }),
+          node.meta && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tree__meta", children: node.meta })
+        ]
+      }
+    ),
+    hasChildren && isOpen && /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "group", className: "tree__children", children: node.children.map((c) => /* @__PURE__ */ jsxRuntime.jsx(TreeNode, { node: c, depth: depth + 1, expanded, toggle, selectedId, onSelect }, c.id)) })
+  ] });
+}
+function startOfMonth(d) {
+  return new Date(d.getFullYear(), d.getMonth(), 1);
+}
+function addMonths(d, n) {
+  return new Date(d.getFullYear(), d.getMonth() + n, 1);
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function Calendar({ month: monthProp, events = [], onMonthChange, onDayClick, className, ...rest }) {
+  const [internalMonth, setInternalMonth] = React__namespace.useState(() => startOfMonth(monthProp ?? /* @__PURE__ */ new Date()));
+  const month = monthProp ? startOfMonth(monthProp) : internalMonth;
+  const t = chunkTEQ67JKX_js.useLocale();
+  const weekdays = t["calendar.weekdays"];
+  const months = t["calendar.months"];
+  const setMonth = (m) => {
+    if (!monthProp) setInternalMonth(m);
+    onMonthChange?.(m);
+  };
+  const today = /* @__PURE__ */ new Date();
+  const firstDay = startOfMonth(month);
+  const firstWeekday = (firstDay.getDay() + 6) % 7;
+  const gridStart = new Date(firstDay);
+  gridStart.setDate(firstDay.getDate() - firstWeekday);
+  const days = Array.from({ length: 42 }, (_, i) => {
+    const d = new Date(gridStart);
+    d.setDate(gridStart.getDate() + i);
+    return d;
+  });
+  const eventsByDay = React__namespace.useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const ev of events) {
+      const key = `${ev.date.getFullYear()}-${ev.date.getMonth()}-${ev.date.getDate()}`;
+      const list = m.get(key) ?? [];
+      list.push(ev);
+      m.set(key, list);
+    }
+    return m;
+  }, [events]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("calendar", className), ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "calendar__head", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "calendar__nav", "aria-label": t["calendar.prevMonth"], onClick: () => setMonth(addMonths(month, -1)), children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronRight, { size: 16, style: { transform: "rotate(180deg)" } }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "calendar__title", children: [
+        months[month.getMonth()],
+        " ",
+        month.getFullYear()
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "calendar__nav", "aria-label": t["calendar.nextMonth"], onClick: () => setMonth(addMonths(month, 1)), children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronRight, { size: 16 }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "calendar__grid calendar__weekdays", children: weekdays.map((w) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "calendar__weekday", children: w }, w)) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "calendar__grid", children: days.map((d, i) => {
+      const inMonth = d.getMonth() === month.getMonth();
+      const isToday = isSameDay(d, today);
+      const key = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;
+      const dayEvents = eventsByDay.get(key) ?? [];
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: chunkPASF6T4H_js.cx("calendar__day", !inMonth && "is-out", isToday && "is-today"),
+          onClick: () => onDayClick?.(d),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "calendar__daynum", children: d.getDate() }),
+            dayEvents.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "calendar__events", children: [
+              dayEvents.slice(0, 2).map((ev, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: chunkPASF6T4H_js.cx("calendar__event", `calendar__event--${ev.tone ?? "neutral"}`),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    ev.onClick?.();
+                  },
+                  children: ev.label
+                },
+                idx
+              )),
+              dayEvents.length > 2 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "calendar__more", children: [
+                "+",
+                dayEvents.length - 2
+              ] })
+            ] })
+          ]
+        },
+        i
+      );
+    }) })
+  ] });
+}
+
+exports.Calendar = Calendar;
+exports.StatusIndicator = StatusIndicator;
+exports.Timeline = Timeline;
+exports.TimelineItem = TimelineItem;
+exports.Tree = Tree;
+exports.UserCell = UserCell;
+//# sourceMappingURL=chunk-LUXTZOTJ.js.map
+//# sourceMappingURL=chunk-LUXTZOTJ.js.map

package/dist/chunk-LUXTZOTJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Display3.tsx"],"names":["jsxs","cx","jsx","Avatar","React","Timeline","useLocale","ChevronDown","ChevronRight"],"mappings":"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","file":"chunk-LUXTZOTJ.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Avatar } from './Display2';\nimport { ChevronRight, ChevronDown } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\n\n// ---------- UserCell ----------------------------------------------------\nexport interface UserCellProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: React.ReactNode;\n  meta?: React.ReactNode;        // role / email / etc.\n  avatarSrc?: string;\n  avatarAlt?: string;\n  size?: 24 | 32 | 40 | 48;\n}\n\nexport function UserCell({ name, meta, avatarSrc, avatarAlt, size = 32, className, ...rest }: UserCellProps) {\n  const initialsName = typeof name === 'string' ? name : undefined;\n  return (\n    <div className={cx('user-cell', className)} {...rest}>\n      <Avatar src={avatarSrc} alt={avatarAlt} name={initialsName} size={size} />\n      <div className=\"user-cell__body\">\n        <div className=\"user-cell__name\">{name}</div>\n        {meta && <div className=\"user-cell__meta\">{meta}</div>}\n      </div>\n    </div>\n  );\n}\n\n// ---------- StatusIndicator (pulsing dot) ------------------------------\nexport type StatusTone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n\nexport interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {\n  tone?: StatusTone;\n  pulse?: boolean;\n  label?: React.ReactNode;\n}\n\nexport function StatusIndicator({ tone = 'success', pulse, label, className, ...rest }: StatusIndicatorProps) {\n  return (\n    <span className={cx('status-indicator', className)} role=\"status\" {...rest}>\n      <span className={cx('status-indicator__dot', `status-indicator__dot--${tone}`, pulse && 'is-pulsing')} aria-hidden=\"true\" />\n      {label && <span className=\"status-indicator__label\">{label}</span>}\n    </span>\n  );\n}\n\n// ---------- Timeline ----------------------------------------------------\nexport interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {}\n\nexport const Timeline = React.forwardRef<HTMLOListElement, TimelineProps>(\n  function Timeline({ className, ...rest }, ref) {\n    return <ol ref={ref} className={cx('timeline', className)} {...rest} />;\n  }\n);\n\nexport interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'title'> {\n  icon?: React.ReactNode;\n  tone?: StatusTone;\n  title: React.ReactNode;\n  meta?: React.ReactNode;\n}\n\nexport function TimelineItem({ icon, tone = 'neutral', title, meta, children, className, ...rest }: TimelineItemProps) {\n  return (\n    <li className={cx('timeline__item', className)} {...rest}>\n      <span className={cx('timeline__marker', `timeline__marker--${tone}`)} aria-hidden=\"true\">\n        {icon}\n      </span>\n      <div className=\"timeline__body\">\n        <div className=\"timeline__title\">{title}</div>\n        {meta && <div className=\"timeline__meta\">{meta}</div>}\n        {children && <div className=\"timeline__content\">{children}</div>}\n      </div>\n    </li>\n  );\n}\n\n// ---------- Tree --------------------------------------------------------\nexport interface TreeNodeData {\n  id: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  children?: TreeNodeData[];\n  meta?: React.ReactNode;\n}\n\nexport interface TreeProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  nodes: TreeNodeData[];\n  defaultExpanded?: string[];\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n}\n\nexport function Tree({ nodes, defaultExpanded = [], selectedId, onSelect, className, ...rest }: TreeProps) {\n  const [expanded, setExpanded] = React.useState<Set<string>>(new Set(defaultExpanded));\n  const toggle = (id: string) => {\n    setExpanded((curr) => {\n      const next = new Set(curr);\n      if (next.has(id)) next.delete(id); else next.add(id);\n      return next;\n    });\n  };\n  return (\n    <ul role=\"tree\" className={cx('tree', className)} {...rest}>\n      {nodes.map((n) => (\n        <TreeNode key={n.id} node={n} depth={0} expanded={expanded} toggle={toggle} selectedId={selectedId} onSelect={onSelect} />\n      ))}\n    </ul>\n  );\n}\n\ninterface TreeNodeProps {\n  node: TreeNodeData;\n  depth: number;\n  expanded: Set<string>;\n  toggle: (id: string) => void;\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n}\n\nfunction TreeNode({ node, depth, expanded, toggle, selectedId, onSelect }: TreeNodeProps) {\n  const hasChildren = !!(node.children && node.children.length);\n  const isOpen = expanded.has(node.id);\n  const isSelected = selectedId === node.id;\n  const t = useLocale();\n  return (\n    <li role=\"treeitem\" aria-expanded={hasChildren ? isOpen : undefined} aria-selected={isSelected} className=\"tree__node\">\n      <div\n        className={cx('tree__row', isSelected && 'is-selected')}\n        style={{ paddingLeft: `calc(var(--space-2) + var(--space-4) * ${depth})` }}\n        onClick={() => onSelect?.(node.id)}\n      >\n        {hasChildren ? (\n          <button\n            type=\"button\"\n            className=\"tree__chev\"\n            aria-label={isOpen ? t['calendar.collapse'] : t['calendar.expand']}\n            onClick={(e) => { e.stopPropagation(); toggle(node.id); }}\n          >\n            {isOpen ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n          </button>\n        ) : (\n          <span className=\"tree__chev tree__chev--placeholder\" aria-hidden=\"true\" />\n        )}\n        {node.icon && <span className=\"tree__icon\" aria-hidden=\"true\">{node.icon}</span>}\n        <span className=\"tree__label\">{node.label}</span>\n        {node.meta && <span className=\"tree__meta\">{node.meta}</span>}\n      </div>\n      {hasChildren && isOpen && (\n        <ul role=\"group\" className=\"tree__children\">\n          {node.children!.map((c) => (\n            <TreeNode key={c.id} node={c} depth={depth + 1} expanded={expanded} toggle={toggle} selectedId={selectedId} onSelect={onSelect} />\n          ))}\n        </ul>\n      )}\n    </li>\n  );\n}\n\n// ---------- Calendar (vista mes completa, no picker) -------------------\nexport interface CalendarEvent {\n  date: Date;\n  label: React.ReactNode;\n  tone?: StatusTone;\n  onClick?: () => void;\n}\n\nexport interface CalendarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Mes a mostrar. Default: mes actual. */\n  month?: Date;\n  events?: CalendarEvent[];\n  onMonthChange?: (m: Date) => void;\n  onDayClick?: (d: Date) => void;\n}\n\nfunction startOfMonth(d: Date) { return new Date(d.getFullYear(), d.getMonth(), 1); }\nfunction addMonths(d: Date, n: number) { return new Date(d.getFullYear(), d.getMonth() + n, 1); }\nfunction isSameDay(a: Date, b: Date) {\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n}\n\nexport function Calendar({ month: monthProp, events = [], onMonthChange, onDayClick, className, ...rest }: CalendarProps) {\n  const [internalMonth, setInternalMonth] = React.useState(() => startOfMonth(monthProp ?? new Date()));\n  const month = monthProp ? startOfMonth(monthProp) : internalMonth;\n  const t = useLocale();\n  const weekdays = t['calendar.weekdays'];\n  const months = t['calendar.months'];\n  const setMonth = (m: Date) => {\n    if (!monthProp) setInternalMonth(m);\n    onMonthChange?.(m);\n  };\n\n  const today = new Date();\n\n  // primer día visible: lunes anterior al primer día del mes\n  const firstDay = startOfMonth(month);\n  const firstWeekday = (firstDay.getDay() + 6) % 7; // domingo=0 → 6, lunes=1 → 0\n  const gridStart = new Date(firstDay);\n  gridStart.setDate(firstDay.getDate() - firstWeekday);\n\n  const days: Date[] = Array.from({ length: 42 }, (_, i) => {\n    const d = new Date(gridStart);\n    d.setDate(gridStart.getDate() + i);\n    return d;\n  });\n\n  const eventsByDay = React.useMemo(() => {\n    const m = new Map<string, CalendarEvent[]>();\n    for (const ev of events) {\n      const key = `${ev.date.getFullYear()}-${ev.date.getMonth()}-${ev.date.getDate()}`;\n      const list = m.get(key) ?? [];\n      list.push(ev);\n      m.set(key, list);\n    }\n    return m;\n  }, [events]);\n\n  return (\n    <div className={cx('calendar', className)} {...rest}>\n      <div className=\"calendar__head\">\n        <button type=\"button\" className=\"calendar__nav\" aria-label={t['calendar.prevMonth']} onClick={() => setMonth(addMonths(month, -1))}>\n          <ChevronRight size={16} style={{ transform: 'rotate(180deg)' }} />\n        </button>\n        <div className=\"calendar__title\">{months[month.getMonth()]} {month.getFullYear()}</div>\n        <button type=\"button\" className=\"calendar__nav\" aria-label={t['calendar.nextMonth']} onClick={() => setMonth(addMonths(month, 1))}>\n          <ChevronRight size={16} />\n        </button>\n      </div>\n      <div className=\"calendar__grid calendar__weekdays\">\n        {weekdays.map((w) => <div key={w} className=\"calendar__weekday\">{w}</div>)}\n      </div>\n      <div className=\"calendar__grid\">\n        {days.map((d, i) => {\n          const inMonth = d.getMonth() === month.getMonth();\n          const isToday = isSameDay(d, today);\n          const key = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;\n          const dayEvents = eventsByDay.get(key) ?? [];\n          return (\n            <button\n              key={i}\n              type=\"button\"\n              className={cx('calendar__day', !inMonth && 'is-out', isToday && 'is-today')}\n              onClick={() => onDayClick?.(d)}\n            >\n              <span className=\"calendar__daynum\">{d.getDate()}</span>\n              {dayEvents.length > 0 && (\n                <div className=\"calendar__events\">\n                  {dayEvents.slice(0, 2).map((ev, idx) => (\n                    <span\n                      key={idx}\n                      className={cx('calendar__event', `calendar__event--${ev.tone ?? 'neutral'}`)}\n                      onClick={(e) => { e.stopPropagation(); ev.onClick?.(); }}\n                    >\n                      {ev.label}\n                    </span>\n                  ))}\n                  {dayEvents.length > 2 && <span className=\"calendar__more\">+{dayEvents.length - 2}</span>}\n                </div>\n              )}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-ML5IYW5D.mjs

@@ -0,0 +1,82 @@
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var ResizableContext = React.createContext(null);
+function ResizableGroup({ direction = "horizontal", className, children, ariaLabel }) {
+  const containerRef = React.useRef(null);
+  const [sizes, setSizes] = React.useState({});
+  const minsRef = React.useRef({});
+  const orderRef = React.useRef([]);
+  const registerPanel = React.useCallback((id, defaultSize, minSize) => {
+    minsRef.current[id] = minSize;
+    setSizes((s) => s[id] !== void 0 ? s : { ...s, [id]: defaultSize });
+    if (!orderRef.current.includes(id)) orderRef.current = [...orderRef.current, id];
+  }, []);
+  const startDrag = (panelId, e) => {
+    e.preventDefault();
+    const idx = orderRef.current.indexOf(panelId);
+    const nextId = orderRef.current[idx + 1];
+    if (!nextId || !containerRef.current) return;
+    const rect = containerRef.current.getBoundingClientRect();
+    const total = direction === "horizontal" ? rect.width : rect.height;
+    const startSize = sizes[panelId] ?? 0;
+    const startNextSize = sizes[nextId] ?? 0;
+    const startCoord = direction === "horizontal" ? e.clientX : e.clientY;
+    const onMove = (ev) => {
+      const coord = direction === "horizontal" ? ev.clientX : ev.clientY;
+      const deltaPx = coord - startCoord;
+      const deltaPct = deltaPx / total * 100;
+      const minA = minsRef.current[panelId] ?? 5;
+      const minB = minsRef.current[nextId] ?? 5;
+      const newA = Math.max(minA, Math.min(startSize + startNextSize - minB, startSize + deltaPct));
+      const newB = startSize + startNextSize - newA;
+      setSizes((s) => ({ ...s, [panelId]: newA, [nextId]: newB }));
+    };
+    const onUp = () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+  };
+  return /* @__PURE__ */ jsx(ResizableContext.Provider, { value: { direction, registerPanel, sizes, startDrag }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      role: "group",
+      "aria-label": ariaLabel,
+      className: cx("resizable", `resizable--${direction}`, className),
+      children
+    }
+  ) });
+}
+function ResizablePanel({ id, defaultSize = 50, minSize = 10, className, children }) {
+  const ctx = React.useContext(ResizableContext);
+  if (!ctx) throw new Error("ResizablePanel must be inside ResizableGroup");
+  React.useEffect(() => {
+    ctx.registerPanel(id, defaultSize, minSize);
+  }, [id, defaultSize, minSize, ctx]);
+  const size = ctx.sizes[id] ?? defaultSize;
+  const sizeStyle = ctx.direction === "horizontal" ? { width: `${size}%` } : { height: `${size}%` };
+  return /* @__PURE__ */ jsx("div", { className: cx("resizable__panel", className), style: sizeStyle, children });
+}
+function ResizableHandle({ panelId, className, ariaLabel = "Redimensionar" }) {
+  const ctx = React.useContext(ResizableContext);
+  if (!ctx) throw new Error("ResizableHandle must be inside ResizableGroup");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "separator",
+      tabIndex: 0,
+      "aria-orientation": ctx.direction === "horizontal" ? "vertical" : "horizontal",
+      "aria-label": ariaLabel,
+      className: cx("resizable__handle", `resizable__handle--${ctx.direction}`, className),
+      onPointerDown: (e) => ctx.startDrag(panelId, e)
+    }
+  );
+}
+
+export { ResizableGroup, ResizableHandle, ResizablePanel };
+//# sourceMappingURL=chunk-ML5IYW5D.mjs.map
+//# sourceMappingURL=chunk-ML5IYW5D.mjs.map

package/dist/chunk-ML5IYW5D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Resizable.tsx"],"names":[],"mappings":"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","file":"chunk-ML5IYW5D.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\nexport type ResizableDirection = 'horizontal' | 'vertical';\n\ninterface ResizableContextValue {\n  direction: ResizableDirection;\n  registerPanel: (id: string, defaultSize: number, minSize: number) => void;\n  sizes: Record<string, number>;\n  startDrag: (panelId: string, e: React.PointerEvent) => void;\n}\nconst ResizableContext = React.createContext<ResizableContextValue | null>(null);\n\nexport interface ResizableGroupProps {\n  direction?: ResizableDirection;\n  className?: string;\n  children: React.ReactNode;\n  ariaLabel?: string;\n}\n\nexport function ResizableGroup({ direction = 'horizontal', className, children, ariaLabel }: ResizableGroupProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const [sizes, setSizes] = React.useState<Record<string, number>>({});\n  const minsRef = React.useRef<Record<string, number>>({});\n  const orderRef = React.useRef<string[]>([]);\n\n  const registerPanel = React.useCallback((id: string, defaultSize: number, minSize: number) => {\n    minsRef.current[id] = minSize;\n    setSizes((s) => (s[id] !== undefined ? s : { ...s, [id]: defaultSize }));\n    if (!orderRef.current.includes(id)) orderRef.current = [...orderRef.current, id];\n  }, []);\n\n  const startDrag = (panelId: string, e: React.PointerEvent) => {\n    e.preventDefault();\n    const idx = orderRef.current.indexOf(panelId);\n    const nextId = orderRef.current[idx + 1];\n    if (!nextId || !containerRef.current) return;\n\n    const rect = containerRef.current.getBoundingClientRect();\n    const total = direction === 'horizontal' ? rect.width : rect.height;\n    const startSize = sizes[panelId] ?? 0;\n    const startNextSize = sizes[nextId] ?? 0;\n    const startCoord = direction === 'horizontal' ? e.clientX : e.clientY;\n\n    const onMove = (ev: PointerEvent) => {\n      const coord = direction === 'horizontal' ? ev.clientX : ev.clientY;\n      const deltaPx = coord - startCoord;\n      const deltaPct = (deltaPx / total) * 100;\n      const minA = minsRef.current[panelId] ?? 5;\n      const minB = minsRef.current[nextId] ?? 5;\n      const newA = Math.max(minA, Math.min(startSize + startNextSize - minB, startSize + deltaPct));\n      const newB = startSize + startNextSize - newA;\n      setSizes((s) => ({ ...s, [panelId]: newA, [nextId]: newB }));\n    };\n    const onUp = () => {\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', onUp);\n    };\n    window.addEventListener('pointermove', onMove);\n    window.addEventListener('pointerup', onUp);\n  };\n\n  return (\n    <ResizableContext.Provider value={{ direction, registerPanel, sizes, startDrag }}>\n      <div\n        ref={containerRef}\n        role=\"group\"\n        aria-label={ariaLabel}\n        className={cx('resizable', `resizable--${direction}`, className)}\n      >\n        {children}\n      </div>\n    </ResizableContext.Provider>\n  );\n}\n\nexport interface ResizablePanelProps {\n  id: string;\n  defaultSize?: number;\n  minSize?: number;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function ResizablePanel({ id, defaultSize = 50, minSize = 10, className, children }: ResizablePanelProps) {\n  const ctx = React.useContext(ResizableContext);\n  if (!ctx) throw new Error('ResizablePanel must be inside ResizableGroup');\n\n  React.useEffect(() => {\n    ctx.registerPanel(id, defaultSize, minSize);\n  }, [id, defaultSize, minSize, ctx]);\n\n  const size = ctx.sizes[id] ?? defaultSize;\n  const sizeStyle =\n    ctx.direction === 'horizontal' ? { width: `${size}%` } : { height: `${size}%` };\n\n  return (\n    <div className={cx('resizable__panel', className)} style={sizeStyle}>\n      {children}\n    </div>\n  );\n}\n\nexport interface ResizableHandleProps {\n  panelId: string;\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport function ResizableHandle({ panelId, className, ariaLabel = 'Redimensionar' }: ResizableHandleProps) {\n  const ctx = React.useContext(ResizableContext);\n  if (!ctx) throw new Error('ResizableHandle must be inside ResizableGroup');\n  return (\n    <div\n      role=\"separator\"\n      tabIndex={0}\n      aria-orientation={ctx.direction === 'horizontal' ? 'vertical' : 'horizontal'}\n      aria-label={ariaLabel}\n      className={cx('resizable__handle', `resizable__handle--${ctx.direction}`, className)}\n      onPointerDown={(e) => ctx.startDrag(panelId, e)}\n    />\n  );\n}\n"]}

package/dist/chunk-NLCKWF3Y.mjs

@@ -0,0 +1,88 @@
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function HoverCard({
+  trigger,
+  children,
+  placement = "bottom",
+  openDelay = 250,
+  closeDelay = 150,
+  offset = 8,
+  className,
+  contentClassName
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [coords, setCoords] = React.useState(null);
+  const triggerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const openTimer = React.useRef(null);
+  const closeTimer = React.useRef(null);
+  const clear = () => {
+    if (openTimer.current) clearTimeout(openTimer.current);
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+  };
+  const onEnter = () => {
+    clear();
+    openTimer.current = setTimeout(() => setOpen(true), openDelay);
+  };
+  const onLeave = () => {
+    clear();
+    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);
+  };
+  React.useEffect(() => () => clear(), []);
+  React.useEffect(() => {
+    if (!open || !triggerRef.current || !contentRef.current) return;
+    const t = triggerRef.current.getBoundingClientRect();
+    const c = contentRef.current.getBoundingClientRect();
+    let top = 0;
+    let left = 0;
+    if (placement === "bottom") {
+      top = t.bottom + offset;
+      left = t.left + (t.width - c.width) / 2;
+    } else if (placement === "top") {
+      top = t.top - c.height - offset;
+      left = t.left + (t.width - c.width) / 2;
+    } else if (placement === "right") {
+      left = t.right + offset;
+      top = t.top + (t.height - c.height) / 2;
+    } else {
+      left = t.left - c.width - offset;
+      top = t.top + (t.height - c.height) / 2;
+    }
+    left = Math.max(8, Math.min(left, window.innerWidth - c.width - 8));
+    top = Math.max(8, Math.min(top, window.innerHeight - c.height - 8));
+    setCoords({ top: top + window.scrollY, left: left + window.scrollX });
+  }, [open, placement, offset]);
+  const panel = open && /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: contentRef,
+      role: "tooltip",
+      className: cx("hover-card__content", contentClassName),
+      style: coords ? { position: "absolute", top: coords.top, left: coords.left } : { position: "absolute", visibility: "hidden" },
+      onMouseEnter: onEnter,
+      onMouseLeave: onLeave,
+      children
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cx("hover-card", className),
+      onMouseEnter: onEnter,
+      onMouseLeave: onLeave,
+      onFocus: onEnter,
+      onBlur: onLeave,
+      children: [
+        /* @__PURE__ */ jsx("span", { ref: triggerRef, className: "hover-card__trigger", children: trigger }),
+        panel && typeof document !== "undefined" && createPortal(panel, document.body)
+      ]
+    }
+  );
+}
+
+export { HoverCard };
+//# sourceMappingURL=chunk-NLCKWF3Y.mjs.map
+//# sourceMappingURL=chunk-NLCKWF3Y.mjs.map

package/dist/chunk-NLCKWF3Y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/HoverCard.tsx"],"names":[],"mappings":"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","file":"chunk-NLCKWF3Y.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\n\nexport type HoverCardPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface HoverCardProps {\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  placement?: HoverCardPlacement;\n  openDelay?: number;\n  closeDelay?: number;\n  offset?: number;\n  className?: string;\n  contentClassName?: string;\n}\n\nexport function HoverCard({\n  trigger,\n  children,\n  placement = 'bottom',\n  openDelay = 250,\n  closeDelay = 150,\n  offset = 8,\n  className,\n  contentClassName,\n}: HoverCardProps) {\n  const [open, setOpen] = React.useState(false);\n  const [coords, setCoords] = React.useState<{ top: number; left: number } | null>(null);\n  const triggerRef = React.useRef<HTMLSpanElement>(null);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const openTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clear = () => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  };\n\n  const onEnter = () => {\n    clear();\n    openTimer.current = setTimeout(() => setOpen(true), openDelay);\n  };\n  const onLeave = () => {\n    clear();\n    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);\n  };\n\n  React.useEffect(() => () => clear(), []);\n\n  React.useEffect(() => {\n    if (!open || !triggerRef.current || !contentRef.current) return;\n    const t = triggerRef.current.getBoundingClientRect();\n    const c = contentRef.current.getBoundingClientRect();\n    let top = 0;\n    let left = 0;\n    if (placement === 'bottom') { top = t.bottom + offset; left = t.left + (t.width - c.width) / 2; }\n    else if (placement === 'top') { top = t.top - c.height - offset; left = t.left + (t.width - c.width) / 2; }\n    else if (placement === 'right') { left = t.right + offset; top = t.top + (t.height - c.height) / 2; }\n    else { left = t.left - c.width - offset; top = t.top + (t.height - c.height) / 2; }\n    left = Math.max(8, Math.min(left, window.innerWidth - c.width - 8));\n    top = Math.max(8, Math.min(top, window.innerHeight - c.height - 8));\n    setCoords({ top: top + window.scrollY, left: left + window.scrollX });\n  }, [open, placement, offset]);\n\n  const panel = open && (\n    <div\n      ref={contentRef}\n      role=\"tooltip\"\n      className={cx('hover-card__content', contentClassName)}\n      style={coords ? { position: 'absolute', top: coords.top, left: coords.left } : { position: 'absolute', visibility: 'hidden' }}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    >\n      {children}\n    </div>\n  );\n\n  return (\n    <span\n      className={cx('hover-card', className)}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n      onFocus={onEnter}\n      onBlur={onLeave}\n    >\n      <span ref={triggerRef} className=\"hover-card__trigger\">{trigger}</span>\n      {panel && typeof document !== 'undefined' && createPortal(panel, document.body)}\n    </span>\n  );\n}\n"]}

package/dist/chunk-NU4GAGUV.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var chunk3PXYCXDW_js = require('./chunk-3PXYCXDW.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var PREFERRED_FORMAT = {
+  horizontal: "svg",
+  vertical: "svg",
+  mark: "svg",
+  wordmark: "svg"
+};
+var DEFAULT_HEIGHT = {
+  horizontal: 32,
+  vertical: 64,
+  mark: 32,
+  wordmark: 28
+};
+function buildPath(variant, bg, format, basePath) {
+  const prefix = variant === "horizontal" || variant === "vertical" ? "logo-" : "";
+  return `${basePath}/${prefix}${variant}-${bg}.${format}`;
+}
+var Logo = React__namespace.forwardRef(function Logo2({
+  variant = "mark",
+  bg = "light",
+  format,
+  responsive,
+  basePath,
+  height,
+  alt,
+  brandName,
+  className,
+  ...rest
+}, ref) {
+  const brand = chunk3PXYCXDW_js.getBrand();
+  const resolvedBasePath = basePath ?? brand.logoBasePath;
+  const resolvedBrandName = brandName ?? brand.name;
+  const fmt = format ?? PREFERRED_FORMAT[variant];
+  const h = height ?? DEFAULT_HEIGHT[variant];
+  const a = alt ?? resolvedBrandName;
+  const desktopSrc = buildPath(variant, bg, fmt, resolvedBasePath);
+  if (responsive && variant !== "mark") {
+    const mobileFmt = format ?? PREFERRED_FORMAT.mark;
+    const mobileSrc = buildPath("mark", bg, mobileFmt, resolvedBasePath);
+    return /* @__PURE__ */ jsxRuntime.jsxs("picture", { className: chunkPASF6T4H_js.cx("logo", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("source", { media: "(min-width: 768px)", srcSet: desktopSrc }),
+      /* @__PURE__ */ jsxRuntime.jsx("img", { ref, src: mobileSrc, alt: a, height: h, ...rest })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      ref,
+      src: desktopSrc,
+      alt: a,
+      height: h,
+      className: chunkPASF6T4H_js.cx("logo", className),
+      ...rest
+    }
+  );
+});
+
+exports.Logo = Logo;
+//# sourceMappingURL=chunk-NU4GAGUV.js.map
+//# sourceMappingURL=chunk-NU4GAGUV.js.map

package/dist/chunk-NU4GAGUV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Logo.tsx"],"names":["React","Logo","getBrand","cx","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM,gBAAA,GAAoD;AAAA,EACxD,UAAA,EAAY,KAAA;AAAA,EACZ,QAAA,EAAU,KAAA;AAAA,EACV,IAAA,EAAM,KAAA;AAAA,EACN,QAAA,EAAU;AACZ,CAAA;AAGA,IAAM,cAAA,GAA8C;AAAA,EAClD,UAAA,EAAY,EAAA;AAAA,EACZ,QAAA,EAAU,EAAA;AAAA,EACV,IAAA,EAAM,EAAA;AAAA,EACN,QAAA,EAAU;AACZ,CAAA;AAEA,SAAS,SAAA,CACP,OAAA,EACA,EAAA,EACA,MAAA,EACA,QAAA,EACA;AACA,EAAA,MAAM,MAAA,GAAS,OAAA,KAAY,YAAA,IAAgB,OAAA,KAAY,aAAa,OAAA,GAAU,EAAA;AAC9E,EAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,MAAM,GAAG,OAAO,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA;AACxD;AAiCO,IAAM,IAAA,GAAaA,gBAAA,CAAA,UAAA,CAAwC,SAASC,KAAAA,CACzE;AAAA,EACE,OAAA,GAAU,MAAA;AAAA,EACV,EAAA,GAAK,OAAA;AAAA,EACL,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,QAAQC,yBAAA,EAAS;AACvB,EAAA,MAAM,gBAAA,GAAmB,YAAY,KAAA,CAAM,YAAA;AAC3C,EAAA,MAAM,iBAAA,GAAoB,aAAa,KAAA,CAAM,IAAA;AAC7C,EAAA,MAAM,GAAA,GAAM,MAAA,IAAU,gBAAA,CAAiB,OAAO,CAAA;AAC9C,EAAA,MAAM,CAAA,GAAI,MAAA,IAAU,cAAA,CAAe,OAAO,CAAA;AAC1C,EAAA,MAAM,IAAI,GAAA,IAAO,iBAAA;AACjB,EAAA,MAAM,UAAA,GAAa,SAAA,CAAU,OAAA,EAAS,EAAA,EAAI,KAAK,gBAAgB,CAAA;AAE/D,EAAA,IAAI,UAAA,IAAc,YAAY,MAAA,EAAQ;AACpC,IAAA,MAAM,SAAA,GAAY,UAAU,gBAAA,CAAiB,IAAA;AAC7C,IAAA,MAAM,SAAA,GAAY,SAAA,CAAU,MAAA,EAAQ,EAAA,EAAI,WAAW,gBAAgB,CAAA;AACnE,IAAA,uCACG,SAAA,EAAA,EAAQ,SAAA,EAAWC,mBAAA,CAAG,MAAA,EAAQ,SAAS,CAAA,EACtC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,oBAAA,EAAqB,MAAA,EAAQ,UAAA,EAAY,CAAA;AAAA,sBACvDA,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,SAAA,EAAW,KAAK,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAI,GAAG,IAAA,EAAM;AAAA,KAAA,EAC9D,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,GAAA,EAAK,UAAA;AAAA,MACL,GAAA,EAAK,CAAA;AAAA,MACL,MAAA,EAAQ,CAAA;AAAA,MACR,SAAA,EAAWD,mBAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,MAC9B,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC","file":"chunk-NU4GAGUV.js","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { getBrand } from '../brand';\n\nexport type LogoVariant = 'horizontal' | 'vertical' | 'mark' | 'wordmark';\nexport type LogoBg = 'light' | 'dark';\nexport type LogoFormat = 'svg' | 'png';\n\n/** Formato preferido por variante. SVG en todas las variantes (mejor escalado y peso). */\nconst PREFERRED_FORMAT: Record<LogoVariant, LogoFormat> = {\n  horizontal: 'svg',\n  vertical: 'svg',\n  mark: 'svg',\n  wordmark: 'svg',\n};\n\n/** Altura razonable por defecto según la forma de la variante. */\nconst DEFAULT_HEIGHT: Record<LogoVariant, number> = {\n  horizontal: 32,\n  vertical: 64,\n  mark: 32,\n  wordmark: 28,\n};\n\nfunction buildPath(\n  variant: LogoVariant,\n  bg: LogoBg,\n  format: LogoFormat,\n  basePath: string\n) {\n  const prefix = variant === 'horizontal' || variant === 'vertical' ? 'logo-' : '';\n  return `${basePath}/${prefix}${variant}-${bg}.${format}`;\n}\n\nexport interface LogoProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> {\n  /** Forma del logo. Default: `mark` (isotipo). */\n  variant?: LogoVariant;\n  /** Color del fondo donde se va a pintar. Define si usar la versión normal o invertida. Default: `light`. */\n  bg?: LogoBg;\n  /** Forza el formato (svg|png). Por defecto se usa el preferido por variante. */\n  format?: LogoFormat;\n  /**\n   * Si `true`, usa `mark` en mobile (<768px) y `variant` en desktop.\n   * Útil para AppShell / topbars / headers que se vuelven angostos.\n   */\n  responsive?: boolean;\n  /** Base URL donde están los assets. Default desde `getBrand().logoBasePath`. */\n  basePath?: string;\n  /** Altura en px. Default depende de la variante (mark: 32, horizontal: 32, vertical: 64, wordmark: 28). */\n  height?: number;\n  /** Texto alternativo (a11y). Default: el `brandName`. */\n  alt?: string;\n  /** Nombre de la marca; fallback de `alt`. Default desde `getBrand().name`. */\n  brandName?: string;\n}\n\n/**\n * Componente Logo unificado para todas las variantes (horizontal, vertical, mark, wordmark)\n * con soporte responsive (`mark` en mobile, variante elegida en desktop).\n *\n * @example\n * <Logo variant=\"horizontal\" bg=\"light\" />\n * <Logo responsive variant=\"horizontal\" bg=\"light\" />   // mark en mobile, horizontal en desktop\n * <Logo variant=\"mark\" bg=\"dark\" height={48} />\n */\nexport const Logo = React.forwardRef<HTMLImageElement, LogoProps>(function Logo(\n  {\n    variant = 'mark',\n    bg = 'light',\n    format,\n    responsive,\n    basePath,\n    height,\n    alt,\n    brandName,\n    className,\n    ...rest\n  },\n  ref\n) {\n  const brand = getBrand();\n  const resolvedBasePath = basePath ?? brand.logoBasePath;\n  const resolvedBrandName = brandName ?? brand.name;\n  const fmt = format ?? PREFERRED_FORMAT[variant];\n  const h = height ?? DEFAULT_HEIGHT[variant];\n  const a = alt ?? resolvedBrandName;\n  const desktopSrc = buildPath(variant, bg, fmt, resolvedBasePath);\n\n  if (responsive && variant !== 'mark') {\n    const mobileFmt = format ?? PREFERRED_FORMAT.mark;\n    const mobileSrc = buildPath('mark', bg, mobileFmt, resolvedBasePath);\n    return (\n      <picture className={cx('logo', className)}>\n        <source media=\"(min-width: 768px)\" srcSet={desktopSrc} />\n        <img ref={ref} src={mobileSrc} alt={a} height={h} {...rest} />\n      </picture>\n    );\n  }\n\n  return (\n    <img\n      ref={ref}\n      src={desktopSrc}\n      alt={a}\n      height={h}\n      className={cx('logo', className)}\n      {...rest}\n    />\n  );\n});\n"]}