@misael703/ui 1.0.0

package/dist/chunk-NUURPO3J.mjs

@@ -0,0 +1,120 @@
+import { ChevronUp, ChevronDown } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function initials(name) {
+  if (name.startsWith("+")) return name;
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "?";
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return parts.slice(0, 2).map((p) => p[0]?.toUpperCase() ?? "").join("");
+}
+function Avatar({ src, alt, name, size = 32, shape = "circle", status, className, style, ...rest }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cx("avatar", `avatar--${shape}`, className),
+      style: { width: size, height: size, fontSize: size * 0.42, ...style },
+      ...rest,
+      children: [
+        src ? /* @__PURE__ */ jsx("img", { src, alt: alt ?? name ?? "" }) : /* @__PURE__ */ jsx("span", { className: "avatar__initials", children: name ? initials(name) : "?" }),
+        status && /* @__PURE__ */ jsx("span", { className: cx("avatar__status", `avatar__status--${status}`), "aria-label": status })
+      ]
+    }
+  );
+}
+function AvatarGroup({ children, max = 4, size = 32, className }) {
+  const arr = React.Children.toArray(children);
+  const shown = arr.slice(0, max);
+  const overflow = arr.length - shown.length;
+  return /* @__PURE__ */ jsxs("div", { className: cx("avatar-group", className), children: [
+    shown.map((c, i) => /* @__PURE__ */ jsx("span", { style: { marginLeft: i === 0 ? 0 : -size * 0.3, zIndex: shown.length - i }, children: c }, i)),
+    overflow > 0 && /* @__PURE__ */ jsx(Avatar, { name: `+${overflow}`, size, className: "avatar--overflow" })
+  ] });
+}
+function Menu({ trigger, items, align = "start", className }) {
+  const [open, setOpen] = React.useState(false);
+  const [active, setActive] = React.useState(0);
+  const ref = React.useRef(null);
+  const enabledIdx = items.map((it, i) => "type" in it ? -1 : it.disabled ? -1 : i).filter((i) => i >= 0);
+  React.useEffect(() => {
+    if (!open) return;
+    const onClick = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const select = (i) => {
+    const it = items[i];
+    if (!it || "type" in it) return;
+    if (it.disabled) return;
+    it.onSelect?.();
+    setOpen(false);
+  };
+  const triggerEl = React.cloneElement(trigger, {
+    onClick: (e) => {
+      trigger.props.onClick?.(e);
+      setOpen((o) => !o);
+    },
+    "aria-haspopup": "menu",
+    "aria-expanded": open
+  });
+  return /* @__PURE__ */ jsxs("div", { ref, className: cx("menu", className), style: { position: "relative", display: "inline-block" }, children: [
+    triggerEl,
+    open && /* @__PURE__ */ jsx("div", { role: "menu", className: cx("menu__panel", `menu__panel--${align}`), children: items.map((it, i) => {
+      if ("type" in it && it.type === "separator") return /* @__PURE__ */ jsx("div", { className: "menu__sep", role: "separator" }, i);
+      if ("type" in it && it.type === "label") return /* @__PURE__ */ jsx("div", { className: "menu__label", children: it.label }, i);
+      const item = it;
+      const isActive = enabledIdx[active] === i;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          disabled: item.disabled,
+          className: cx("menu__item", isActive && "is-active", item.destructive && "is-destructive"),
+          onMouseEnter: () => setActive(enabledIdx.indexOf(i)),
+          onClick: () => select(i),
+          children: [
+            item.icon && /* @__PURE__ */ jsx("span", { className: "menu__icon", "aria-hidden": "true", children: item.icon }),
+            /* @__PURE__ */ jsxs("span", { className: "menu__body", children: [
+              /* @__PURE__ */ jsxs("span", { className: "menu__label-row", children: [
+                /* @__PURE__ */ jsx("span", { children: item.label }),
+                item.shortcut && /* @__PURE__ */ jsx("kbd", { className: "menu__kbd", children: item.shortcut })
+              ] }),
+              item.description && /* @__PURE__ */ jsx("span", { className: "menu__desc", children: item.description })
+            ] })
+          ]
+        },
+        i
+      );
+    }) })
+  ] });
+}
+function Stat({ label, value, hint, trend, align = "start", className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("stat", `stat--${align}`, className), children: [
+    /* @__PURE__ */ jsx("span", { className: "stat__label", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "stat__value", children: value }),
+    (hint || trend) && /* @__PURE__ */ jsxs("span", { className: "stat__foot", children: [
+      trend && /* @__PURE__ */ jsxs("span", { className: cx("stat__trend", `stat__trend--${trend.dir}`), children: [
+        trend.dir === "up" ? /* @__PURE__ */ jsx(ChevronUp, { size: 12 }) : trend.dir === "down" ? /* @__PURE__ */ jsx(ChevronDown, { size: 12 }) : "\u2013",
+        " ",
+        trend.value
+      ] }),
+      hint && /* @__PURE__ */ jsx("span", { className: "stat__hint", children: hint })
+    ] })
+  ] });
+}
+
+export { Avatar, AvatarGroup, Menu, Stat };
+//# sourceMappingURL=chunk-NUURPO3J.mjs.map
+//# sourceMappingURL=chunk-NUURPO3J.mjs.map

package/dist/chunk-NUURPO3J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Display2.tsx"],"names":[],"mappings":"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","file":"chunk-NUURPO3J.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronUp, ChevronDown } from './Icons';\n\n// ---------- Avatar ------------------------------------------------------\nexport interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {\n  src?: string;\n  alt?: string;\n  name?: string;             // for initials fallback\n  size?: 24 | 32 | 40 | 48 | 64;\n  shape?: 'circle' | 'square';\n  status?: 'online' | 'offline' | 'busy';\n}\n\nfunction initials(name: string) {\n  if (name.startsWith('+')) return name;\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return '?';\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();\n  return parts.slice(0, 2).map((p) => p[0]?.toUpperCase() ?? '').join('');\n}\n\nexport function Avatar({ src, alt, name, size = 32, shape = 'circle', status, className, style, ...rest }: AvatarProps) {\n  return (\n    <span\n      className={cx('avatar', `avatar--${shape}`, className)}\n      style={{ width: size, height: size, fontSize: size * 0.42, ...style }}\n      {...rest}\n    >\n      {src ? (\n        <img src={src} alt={alt ?? name ?? ''} />\n      ) : (\n        <span className=\"avatar__initials\">{name ? initials(name) : '?'}</span>\n      )}\n      {status && <span className={cx('avatar__status', `avatar__status--${status}`)} aria-label={status} />}\n    </span>\n  );\n}\n\nexport interface AvatarGroupProps {\n  children: React.ReactNode;\n  max?: number;\n  size?: AvatarProps['size'];\n  className?: string;\n}\n\nexport function AvatarGroup({ children, max = 4, size = 32, className }: AvatarGroupProps) {\n  const arr = React.Children.toArray(children);\n  const shown = arr.slice(0, max);\n  const overflow = arr.length - shown.length;\n  return (\n    <div className={cx('avatar-group', className)}>\n      {shown.map((c, i) => <span key={i} style={{ marginLeft: i === 0 ? 0 : -size * 0.3, zIndex: shown.length - i }}>{c}</span>)}\n      {overflow > 0 && (\n        <Avatar name={`+${overflow}`} size={size} className=\"avatar--overflow\" />\n      )}\n    </div>\n  );\n}\n\n// ---------- Menu (dropdown) accesible -----------------------------------\nexport interface MenuItemProps {\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  description?: React.ReactNode;\n  onSelect?: () => void;\n  disabled?: boolean;\n  destructive?: boolean;\n  shortcut?: string;\n}\n\nexport interface MenuProps {\n  trigger: React.ReactElement;\n  items: Array<MenuItemProps | { type: 'separator' } | { type: 'label'; label: React.ReactNode }>;\n  align?: 'start' | 'end';\n  className?: string;\n}\n\nexport function Menu({ trigger, items, align = 'start', className }: MenuProps) {\n  const [open, setOpen] = React.useState(false);\n  const [active, setActive] = React.useState(0);\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const enabledIdx = items\n    .map((it, i) => 'type' in it ? -1 : (it.disabled ? -1 : i))\n    .filter((i) => i >= 0);\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n    document.addEventListener('mousedown', onClick);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onClick);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [open]);\n\n  const select = (i: number) => {\n    const it = items[i];\n    if (!it || 'type' in it) return;\n    if (it.disabled) return;\n    it.onSelect?.();\n    setOpen(false);\n  };\n\n  const triggerEl = React.cloneElement(trigger, {\n    onClick: (e: React.MouseEvent) => {\n      trigger.props.onClick?.(e);\n      setOpen((o) => !o);\n    },\n    'aria-haspopup': 'menu',\n    'aria-expanded': open,\n  });\n\n  return (\n    <div ref={ref} className={cx('menu', className)} style={{ position: 'relative', display: 'inline-block' }}>\n      {triggerEl}\n      {open && (\n        <div role=\"menu\" className={cx('menu__panel', `menu__panel--${align}`)}>\n          {items.map((it, i) => {\n            if ('type' in it && it.type === 'separator') return <div key={i} className=\"menu__sep\" role=\"separator\" />;\n            if ('type' in it && it.type === 'label') return <div key={i} className=\"menu__label\">{it.label}</div>;\n            const item = it as MenuItemProps;\n            const isActive = enabledIdx[active] === i;\n            return (\n              <button\n                key={i}\n                type=\"button\"\n                role=\"menuitem\"\n                disabled={item.disabled}\n                className={cx('menu__item', isActive && 'is-active', item.destructive && 'is-destructive')}\n                onMouseEnter={() => setActive(enabledIdx.indexOf(i))}\n                onClick={() => select(i)}\n              >\n                {item.icon && <span className=\"menu__icon\" aria-hidden=\"true\">{item.icon}</span>}\n                <span className=\"menu__body\">\n                  <span className=\"menu__label-row\">\n                    <span>{item.label}</span>\n                    {item.shortcut && <kbd className=\"menu__kbd\">{item.shortcut}</kbd>}\n                  </span>\n                  {item.description && <span className=\"menu__desc\">{item.description}</span>}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------- Stat / MiniStat ---------------------------------------------\nexport interface StatProps {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  hint?: React.ReactNode;\n  trend?: { dir: 'up' | 'down' | 'flat'; value: string };\n  align?: 'start' | 'center';\n  className?: string;\n}\n\nexport function Stat({ label, value, hint, trend, align = 'start', className }: StatProps) {\n  return (\n    <div className={cx('stat', `stat--${align}`, className)}>\n      <span className=\"stat__label\">{label}</span>\n      <span className=\"stat__value\">{value}</span>\n      {(hint || trend) && (\n        <span className=\"stat__foot\">\n          {trend && (\n            <span className={cx('stat__trend', `stat__trend--${trend.dir}`)}>\n              {trend.dir === 'up' ? <ChevronUp size={12} /> : trend.dir === 'down' ? <ChevronDown size={12} /> : '–'} {trend.value}\n            </span>\n          )}\n          {hint && <span className=\"stat__hint\">{hint}</span>}\n        </span>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-O6FCBNWN.mjs

@@ -0,0 +1,191 @@
+import { cx } from './chunk-IEPCH3JB.mjs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var PALETTE = [
+  "var(--color-primary)",
+  "var(--color-secondary)",
+  "var(--color-primary-900)",
+  "var(--color-success)",
+  "var(--color-warning)",
+  "var(--color-danger)",
+  "#6b7e95",
+  "#d4a574"
+];
+function LineChart({
+  recharts: R,
+  data,
+  categoryKey,
+  series,
+  height = 280,
+  className,
+  ariaLabel,
+  showGrid = true,
+  showLegend = true,
+  smooth = true
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cx("chart", className), role: "img", "aria-label": ariaLabel, children: /* @__PURE__ */ jsx(R.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs(R.LineChart, { data, margin: { top: 8, right: 16, bottom: 0, left: 0 }, children: [
+    showGrid && /* @__PURE__ */ jsx(R.CartesianGrid, { stroke: "var(--border-default)", strokeDasharray: "3 3", vertical: false }),
+    /* @__PURE__ */ jsx(R.XAxis, { dataKey: categoryKey, stroke: "var(--fg-subtle)", fontSize: 12, tickLine: false, axisLine: false }),
+    /* @__PURE__ */ jsx(R.YAxis, { stroke: "var(--fg-subtle)", fontSize: 12, tickLine: false, axisLine: false }),
+    /* @__PURE__ */ jsx(R.Tooltip, { contentStyle: { background: "var(--bg-surface)", border: "1px solid var(--border-default)", borderRadius: 8, fontSize: 12 } }),
+    showLegend && /* @__PURE__ */ jsx(R.Legend, { wrapperStyle: { fontSize: 12 } }),
+    series.map((s, i) => /* @__PURE__ */ jsx(
+      R.Line,
+      {
+        type: smooth ? "monotone" : "linear",
+        dataKey: s.key,
+        name: s.label ?? s.key,
+        stroke: s.color ?? PALETTE[i % PALETTE.length],
+        strokeWidth: 2,
+        dot: false,
+        activeDot: { r: 4 }
+      },
+      s.key
+    ))
+  ] }) }) });
+}
+function AreaChart({
+  recharts: R,
+  data,
+  categoryKey,
+  series,
+  height = 280,
+  className,
+  ariaLabel,
+  showGrid = true,
+  showLegend = true,
+  smooth = true,
+  stacked
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cx("chart", className), role: "img", "aria-label": ariaLabel, children: /* @__PURE__ */ jsx(R.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs(R.AreaChart, { data, margin: { top: 8, right: 16, bottom: 0, left: 0 }, children: [
+    showGrid && /* @__PURE__ */ jsx(R.CartesianGrid, { stroke: "var(--border-default)", strokeDasharray: "3 3", vertical: false }),
+    /* @__PURE__ */ jsx(R.XAxis, { dataKey: categoryKey, stroke: "var(--fg-subtle)", fontSize: 12, tickLine: false, axisLine: false }),
+    /* @__PURE__ */ jsx(R.YAxis, { stroke: "var(--fg-subtle)", fontSize: 12, tickLine: false, axisLine: false }),
+    /* @__PURE__ */ jsx(R.Tooltip, { contentStyle: { background: "var(--bg-surface)", border: "1px solid var(--border-default)", borderRadius: 8, fontSize: 12 } }),
+    showLegend && /* @__PURE__ */ jsx(R.Legend, { wrapperStyle: { fontSize: 12 } }),
+    series.map((s, i) => /* @__PURE__ */ jsx(
+      R.Area,
+      {
+        type: smooth ? "monotone" : "linear",
+        dataKey: s.key,
+        name: s.label ?? s.key,
+        stackId: stacked ? "1" : void 0,
+        stroke: s.color ?? PALETTE[i % PALETTE.length],
+        fill: s.color ?? PALETTE[i % PALETTE.length],
+        fillOpacity: 0.18,
+        strokeWidth: 2
+      },
+      s.key
+    ))
+  ] }) }) });
+}
+function BarChart({
+  recharts: R,
+  data,
+  categoryKey,
+  series,
+  height = 280,
+  className,
+  ariaLabel,
+  layout = "vertical",
+  stacked,
+  showGrid = true,
+  showLegend = true
+}) {
+  const isHorizontal = layout === "horizontal";
+  return /* @__PURE__ */ jsx("div", { className: cx("chart", className), role: "img", "aria-label": ariaLabel, children: /* @__PURE__ */ jsx(R.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs(R.BarChart, { data, layout: isHorizontal ? "vertical" : "horizontal", margin: { top: 8, right: 16, bottom: 0, left: 0 }, children: [
+    showGrid && /* @__PURE__ */ jsx(R.CartesianGrid, { stroke: "var(--border-default)", strokeDasharray: "3 3", vertical: isHorizontal, horizontal: !isHorizontal }),
+    isHorizontal ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(R.XAxis, { type: "number", stroke: "var(--fg-subtle)", fontSize: 12, tickLine: false, axisLine: false }),
+      /* @__PURE__ */ jsx(R.YAxis, { dataKey: categoryKey, type: "category", stroke: "var(--fg-subtle)", fontSize: 12, tickLine: false, axisLine: false, width: 96 })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(R.XAxis, { dataKey: categoryKey, stroke: "var(--fg-subtle)", fontSize: 12, tickLine: false, axisLine: false }),
+      /* @__PURE__ */ jsx(R.YAxis, { stroke: "var(--fg-subtle)", fontSize: 12, tickLine: false, axisLine: false })
+    ] }),
+    /* @__PURE__ */ jsx(R.Tooltip, { contentStyle: { background: "var(--bg-surface)", border: "1px solid var(--border-default)", borderRadius: 8, fontSize: 12 }, cursor: { fill: "var(--bg-subtle)" } }),
+    showLegend && /* @__PURE__ */ jsx(R.Legend, { wrapperStyle: { fontSize: 12 } }),
+    series.map((s, i) => /* @__PURE__ */ jsx(
+      R.Bar,
+      {
+        dataKey: s.key,
+        name: s.label ?? s.key,
+        stackId: stacked ? "1" : void 0,
+        fill: s.color ?? PALETTE[i % PALETTE.length],
+        radius: [4, 4, 0, 0],
+        maxBarSize: 48
+      },
+      s.key
+    ))
+  ] }) }) });
+}
+function DonutChart({
+  recharts: R,
+  data,
+  height = 240,
+  className,
+  ariaLabel,
+  centerLabel,
+  showLegend = true,
+  innerRadius = 60,
+  outerRadius = 88
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("chart chart--donut", className), role: "img", "aria-label": ariaLabel, children: [
+    /* @__PURE__ */ jsxs("div", { className: "chart__donut-area", style: { height }, children: [
+      /* @__PURE__ */ jsx(R.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(R.PieChart, { children: [
+        /* @__PURE__ */ jsx(R.Tooltip, { contentStyle: { background: "var(--bg-surface)", border: "1px solid var(--border-default)", borderRadius: 8, fontSize: 12 } }),
+        /* @__PURE__ */ jsx(
+          R.Pie,
+          {
+            data,
+            dataKey: "value",
+            nameKey: "name",
+            innerRadius,
+            outerRadius,
+            paddingAngle: 2,
+            stroke: "var(--bg-surface)",
+            children: data.map((d, i) => /* @__PURE__ */ jsx(R.Cell, { fill: d.color ?? PALETTE[i % PALETTE.length] }, i))
+          }
+        )
+      ] }) }),
+      centerLabel && /* @__PURE__ */ jsx("div", { className: "chart__center", children: centerLabel })
+    ] }),
+    showLegend && /* @__PURE__ */ jsx("ul", { className: "chart__legend", "aria-hidden": "true", children: data.map((d, i) => /* @__PURE__ */ jsxs("li", { className: "chart__legend-item", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "chart__legend-swatch",
+          style: { background: d.color ?? PALETTE[i % PALETTE.length] }
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "chart__legend-label", children: d.name })
+    ] }, d.name)) })
+  ] });
+}
+function Sparkline({
+  recharts: R,
+  data,
+  dataKey,
+  width = 120,
+  height = 32,
+  color = "var(--color-primary)",
+  fill = true,
+  className,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cx("sparkline", className), role: "img", "aria-label": ariaLabel, style: { width, height }, children: /* @__PURE__ */ jsx(R.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsx(R.AreaChart, { data, margin: { top: 2, right: 0, bottom: 2, left: 0 }, children: /* @__PURE__ */ jsx(
+    R.Area,
+    {
+      type: "monotone",
+      dataKey,
+      stroke: color,
+      strokeWidth: 1.5,
+      fill: fill ? color : "none",
+      fillOpacity: fill ? 0.18 : 0,
+      isAnimationActive: false
+    }
+  ) }) }) });
+}
+
+export { AreaChart, BarChart, DonutChart, LineChart, Sparkline };
+//# sourceMappingURL=chunk-O6FCBNWN.mjs.map
+//# sourceMappingURL=chunk-O6FCBNWN.mjs.map

package/dist/chunk-O6FCBNWN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts.tsx"],"names":[],"mappings":"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","file":"chunk-O6FCBNWN.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\n/**\n * Lightweight chart wrappers. We do NOT bundle Recharts — the host app provides it\n * and passes the modules in via the `recharts` prop so consumers only pay for what they use.\n *\n * Recharts is treated as an implicit peer dependency: install it in the host\n * app if you use any chart component.\n *\n * Usage in a Next.js client component:\n *\n *   import * as Recharts from 'recharts';\n *   import { LineChart } from '@misael703/elalba-ui';\n *   <LineChart recharts={Recharts} data={...} dataKey=\"value\" categoryKey=\"month\" />\n */\n\n// Structural mirror of the Recharts public API. `any` is intentional here:\n// each Recharts component has a different prop shape, and typing them\n// exhaustively would mean depending on `recharts` types — which would force\n// consumers to install recharts even when they don't use any chart.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype RechartsComp = React.ComponentType<any>;\n\nexport type RechartsLike = {\n  ResponsiveContainer: RechartsComp;\n  LineChart: RechartsComp;\n  AreaChart: RechartsComp;\n  BarChart: RechartsComp;\n  PieChart: RechartsComp;\n  Line: RechartsComp;\n  Area: RechartsComp;\n  Bar: RechartsComp;\n  Pie: RechartsComp;\n  Cell: RechartsComp;\n  CartesianGrid: RechartsComp;\n  XAxis: RechartsComp;\n  YAxis: RechartsComp;\n  Tooltip: RechartsComp;\n  Legend: RechartsComp;\n};\n\nconst PALETTE = [\n  'var(--color-primary)',\n  'var(--color-secondary)',\n  'var(--color-primary-900)',\n  'var(--color-success)',\n  'var(--color-warning)',\n  'var(--color-danger)',\n  '#6b7e95',\n  '#d4a574',\n];\n\nexport interface BaseChartProps<D = any> {\n  recharts: RechartsLike;\n  data: D[];\n  height?: number;\n  className?: string;\n  ariaLabel?: string;\n}\n\n// ---------- LineChart ---------------------------------------------------\nexport interface LineChartProps<D = any> extends BaseChartProps<D> {\n  categoryKey: keyof D & string;\n  series: Array<{ key: keyof D & string; label?: string; color?: string }>;\n  showGrid?: boolean;\n  showLegend?: boolean;\n  smooth?: boolean;\n}\n\nexport function LineChart<D = any>({\n  recharts: R, data, categoryKey, series,\n  height = 280, className, ariaLabel,\n  showGrid = true, showLegend = true, smooth = true,\n}: LineChartProps<D>) {\n  return (\n    <div className={cx('chart', className)} role=\"img\" aria-label={ariaLabel}>\n      <R.ResponsiveContainer width=\"100%\" height={height}>\n        <R.LineChart data={data} margin={{ top: 8, right: 16, bottom: 0, left: 0 }}>\n          {showGrid && <R.CartesianGrid stroke=\"var(--border-default)\" strokeDasharray=\"3 3\" vertical={false} />}\n          <R.XAxis dataKey={categoryKey} stroke=\"var(--fg-subtle)\" fontSize={12} tickLine={false} axisLine={false} />\n          <R.YAxis stroke=\"var(--fg-subtle)\" fontSize={12} tickLine={false} axisLine={false} />\n          <R.Tooltip contentStyle={{ background: 'var(--bg-surface)', border: '1px solid var(--border-default)', borderRadius: 8, fontSize: 12 }} />\n          {showLegend && <R.Legend wrapperStyle={{ fontSize: 12 }} />}\n          {series.map((s, i) => (\n            <R.Line\n              key={s.key}\n              type={smooth ? 'monotone' : 'linear'}\n              dataKey={s.key}\n              name={s.label ?? s.key}\n              stroke={s.color ?? PALETTE[i % PALETTE.length]}\n              strokeWidth={2}\n              dot={false}\n              activeDot={{ r: 4 }}\n            />\n          ))}\n        </R.LineChart>\n      </R.ResponsiveContainer>\n    </div>\n  );\n}\n\n// ---------- AreaChart ---------------------------------------------------\nexport interface AreaChartProps<D = any> extends LineChartProps<D> {\n  stacked?: boolean;\n}\n\nexport function AreaChart<D = any>({\n  recharts: R, data, categoryKey, series,\n  height = 280, className, ariaLabel,\n  showGrid = true, showLegend = true, smooth = true, stacked,\n}: AreaChartProps<D>) {\n  return (\n    <div className={cx('chart', className)} role=\"img\" aria-label={ariaLabel}>\n      <R.ResponsiveContainer width=\"100%\" height={height}>\n        <R.AreaChart data={data} margin={{ top: 8, right: 16, bottom: 0, left: 0 }}>\n          {showGrid && <R.CartesianGrid stroke=\"var(--border-default)\" strokeDasharray=\"3 3\" vertical={false} />}\n          <R.XAxis dataKey={categoryKey} stroke=\"var(--fg-subtle)\" fontSize={12} tickLine={false} axisLine={false} />\n          <R.YAxis stroke=\"var(--fg-subtle)\" fontSize={12} tickLine={false} axisLine={false} />\n          <R.Tooltip contentStyle={{ background: 'var(--bg-surface)', border: '1px solid var(--border-default)', borderRadius: 8, fontSize: 12 }} />\n          {showLegend && <R.Legend wrapperStyle={{ fontSize: 12 }} />}\n          {series.map((s, i) => (\n            <R.Area\n              key={s.key}\n              type={smooth ? 'monotone' : 'linear'}\n              dataKey={s.key}\n              name={s.label ?? s.key}\n              stackId={stacked ? '1' : undefined}\n              stroke={s.color ?? PALETTE[i % PALETTE.length]}\n              fill={s.color ?? PALETTE[i % PALETTE.length]}\n              fillOpacity={0.18}\n              strokeWidth={2}\n            />\n          ))}\n        </R.AreaChart>\n      </R.ResponsiveContainer>\n    </div>\n  );\n}\n\n// ---------- BarChart ----------------------------------------------------\nexport interface BarChartProps<D = any> extends BaseChartProps<D> {\n  categoryKey: keyof D & string;\n  series: Array<{ key: keyof D & string; label?: string; color?: string }>;\n  layout?: 'vertical' | 'horizontal';\n  stacked?: boolean;\n  showGrid?: boolean;\n  showLegend?: boolean;\n}\n\nexport function BarChart<D = any>({\n  recharts: R, data, categoryKey, series,\n  height = 280, className, ariaLabel,\n  layout = 'vertical', stacked, showGrid = true, showLegend = true,\n}: BarChartProps<D>) {\n  const isHorizontal = layout === 'horizontal';\n  return (\n    <div className={cx('chart', className)} role=\"img\" aria-label={ariaLabel}>\n      <R.ResponsiveContainer width=\"100%\" height={height}>\n        <R.BarChart data={data} layout={isHorizontal ? 'vertical' : 'horizontal'} margin={{ top: 8, right: 16, bottom: 0, left: 0 }}>\n          {showGrid && <R.CartesianGrid stroke=\"var(--border-default)\" strokeDasharray=\"3 3\" vertical={isHorizontal} horizontal={!isHorizontal} />}\n          {isHorizontal ? (\n            <>\n              <R.XAxis type=\"number\" stroke=\"var(--fg-subtle)\" fontSize={12} tickLine={false} axisLine={false} />\n              <R.YAxis dataKey={categoryKey} type=\"category\" stroke=\"var(--fg-subtle)\" fontSize={12} tickLine={false} axisLine={false} width={96} />\n            </>\n          ) : (\n            <>\n              <R.XAxis dataKey={categoryKey} stroke=\"var(--fg-subtle)\" fontSize={12} tickLine={false} axisLine={false} />\n              <R.YAxis stroke=\"var(--fg-subtle)\" fontSize={12} tickLine={false} axisLine={false} />\n            </>\n          )}\n          <R.Tooltip contentStyle={{ background: 'var(--bg-surface)', border: '1px solid var(--border-default)', borderRadius: 8, fontSize: 12 }} cursor={{ fill: 'var(--bg-subtle)' }} />\n          {showLegend && <R.Legend wrapperStyle={{ fontSize: 12 }} />}\n          {series.map((s, i) => (\n            <R.Bar\n              key={s.key}\n              dataKey={s.key}\n              name={s.label ?? s.key}\n              stackId={stacked ? '1' : undefined}\n              fill={s.color ?? PALETTE[i % PALETTE.length]}\n              radius={[4, 4, 0, 0]}\n              maxBarSize={48}\n            />\n          ))}\n        </R.BarChart>\n      </R.ResponsiveContainer>\n    </div>\n  );\n}\n\n// ---------- DonutChart --------------------------------------------------\nexport interface DonutChartProps extends Omit<BaseChartProps, 'data'> {\n  data: Array<{ name: string; value: number; color?: string }>;\n  centerLabel?: React.ReactNode;\n  showLegend?: boolean;\n  innerRadius?: number;\n  outerRadius?: number;\n}\n\nexport function DonutChart({\n  recharts: R, data, height = 240, className, ariaLabel,\n  centerLabel, showLegend = true, innerRadius = 60, outerRadius = 88,\n}: DonutChartProps) {\n  return (\n    <div className={cx('chart chart--donut', className)} role=\"img\" aria-label={ariaLabel}>\n      <div className=\"chart__donut-area\" style={{ height }}>\n        <R.ResponsiveContainer width=\"100%\" height=\"100%\">\n          <R.PieChart>\n            <R.Tooltip contentStyle={{ background: 'var(--bg-surface)', border: '1px solid var(--border-default)', borderRadius: 8, fontSize: 12 }} />\n            <R.Pie\n              data={data}\n              dataKey=\"value\"\n              nameKey=\"name\"\n              innerRadius={innerRadius}\n              outerRadius={outerRadius}\n              paddingAngle={2}\n              stroke=\"var(--bg-surface)\"\n            >\n              {data.map((d, i) => <R.Cell key={i} fill={d.color ?? PALETTE[i % PALETTE.length]} />)}\n            </R.Pie>\n          </R.PieChart>\n        </R.ResponsiveContainer>\n        {centerLabel && <div className=\"chart__center\">{centerLabel}</div>}\n      </div>\n      {showLegend && (\n        <ul className=\"chart__legend\" aria-hidden=\"true\">\n          {data.map((d, i) => (\n            <li key={d.name} className=\"chart__legend-item\">\n              <span\n                className=\"chart__legend-swatch\"\n                style={{ background: d.color ?? PALETTE[i % PALETTE.length] }}\n              />\n              <span className=\"chart__legend-label\">{d.name}</span>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\n// ---------- Sparkline ---------------------------------------------------\nexport interface SparklineProps<D = any> {\n  recharts: RechartsLike;\n  data: D[];\n  dataKey: keyof D & string;\n  width?: number;\n  height?: number;\n  color?: string;\n  fill?: boolean;\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport function Sparkline<D = any>({\n  recharts: R, data, dataKey,\n  width = 120, height = 32, color = 'var(--color-primary)',\n  fill = true, className, ariaLabel,\n}: SparklineProps<D>) {\n  return (\n    <div className={cx('sparkline', className)} role=\"img\" aria-label={ariaLabel} style={{ width, height }}>\n      <R.ResponsiveContainer width=\"100%\" height=\"100%\">\n        <R.AreaChart data={data} margin={{ top: 2, right: 0, bottom: 2, left: 0 }}>\n          <R.Area\n            type=\"monotone\"\n            dataKey={dataKey}\n            stroke={color}\n            strokeWidth={1.5}\n            fill={fill ? color : 'none'}\n            fillOpacity={fill ? 0.18 : 0}\n            isAnimationActive={false}\n          />\n        </R.AreaChart>\n      </R.ResponsiveContainer>\n    </div>\n  );\n}\n"]}

package/dist/chunk-OCE4ODTM.mjs

@@ -0,0 +1,116 @@
+import { ChevronDown } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function NavigationMenu({ items, className, ariaLabel = "Navegaci\xF3n principal", linkAs, rootLinkAs }) {
+  const [openId, setOpenId] = React.useState(null);
+  const [coords, setCoords] = React.useState(null);
+  const rootRef = React.useRef(null);
+  const panelRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!openId) return;
+    const onClick = (e) => {
+      const target = e.target;
+      if (rootRef.current?.contains(target)) return;
+      if (panelRef.current?.contains(target)) return;
+      setOpenId(null);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpenId(null);
+    };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [openId]);
+  const positionPanel = (trigger) => {
+    const t = trigger.getBoundingClientRect();
+    setCoords({ top: t.bottom + window.scrollY, left: t.left + window.scrollX });
+  };
+  return /* @__PURE__ */ jsx("nav", { ref: rootRef, "aria-label": ariaLabel, className: cx("nav-menu", className), children: /* @__PURE__ */ jsx("ul", { className: "nav-menu__list", children: items.map((item) => {
+    const hasChildren = !!item.links?.length;
+    const isOpen = openId === item.id;
+    const triggerCls = cx("nav-menu__trigger", isOpen && "is-open");
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { children: item.label }),
+      hasChildren && /* @__PURE__ */ jsx(ChevronDown, { size: 14, className: "nav-menu__chevron" })
+    ] });
+    return /* @__PURE__ */ jsxs("li", { className: "nav-menu__item", children: [
+      hasChildren ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: triggerCls,
+          "aria-expanded": isOpen,
+          "aria-haspopup": "menu",
+          onClick: (e) => {
+            if (isOpen) {
+              setOpenId(null);
+              return;
+            }
+            positionPanel(e.currentTarget);
+            setOpenId(item.id);
+          },
+          onMouseEnter: (e) => {
+            if (!openId) return;
+            positionPanel(e.currentTarget);
+            setOpenId(item.id);
+          },
+          children: content
+        }
+      ) : rootLinkAs && item.href ? rootLinkAs(item, content, triggerCls) : /* @__PURE__ */ jsx("a", { className: triggerCls, href: item.href, children: content }),
+      hasChildren && isOpen && typeof document !== "undefined" && createPortal(
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: panelRef,
+            className: "nav-menu__panel",
+            role: "menu",
+            style: coords ? { position: "absolute", top: coords.top, left: coords.left } : { position: "absolute", visibility: "hidden" },
+            children: [
+              item.featured && /* @__PURE__ */ jsxs("div", { className: "nav-menu__featured", children: [
+                /* @__PURE__ */ jsx("strong", { children: item.featured.label }),
+                item.featured.description && /* @__PURE__ */ jsx("p", { children: item.featured.description })
+              ] }),
+              /* @__PURE__ */ jsx("ul", { className: "nav-menu__sublist", children: item.links.map((link) => {
+                const linkCls = "nav-menu__link";
+                const linkContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+                  link.icon && /* @__PURE__ */ jsx("span", { className: "nav-menu__link-icon", children: link.icon }),
+                  /* @__PURE__ */ jsxs("span", { className: "nav-menu__link-body", children: [
+                    /* @__PURE__ */ jsx("span", { className: "nav-menu__link-label", children: link.label }),
+                    link.description && /* @__PURE__ */ jsx("span", { className: "nav-menu__link-desc", children: link.description })
+                  ] })
+                ] });
+                return /* @__PURE__ */ jsx("li", { role: "none", children: linkAs ? linkAs(link, linkContent, linkCls) : /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    role: "menuitem",
+                    className: linkCls,
+                    href: link.href,
+                    onClick: (e) => {
+                      if (link.onClick) {
+                        e.preventDefault();
+                        link.onClick();
+                        setOpenId(null);
+                      }
+                    },
+                    children: linkContent
+                  }
+                ) }, link.id);
+              }) })
+            ]
+          }
+        ),
+        document.body
+      )
+    ] }, item.id);
+  }) }) });
+}
+
+export { NavigationMenu };
+//# sourceMappingURL=chunk-OCE4ODTM.mjs.map
+//# sourceMappingURL=chunk-OCE4ODTM.mjs.map

package/dist/chunk-OCE4ODTM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavigationMenu.tsx"],"names":[],"mappings":";;;;;;AA+BO,SAAS,cAAA,CAAe,EAAE,KAAA,EAAO,SAAA,EAAW,YAAY,yBAAA,EAAwB,MAAA,EAAQ,YAAW,EAAwB;AAChI,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAU,eAAwB,IAAI,CAAA;AAC9D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAU,eAA+C,IAAI,CAAA;AACrF,EAAA,MAAM,OAAA,GAAgB,aAAoB,IAAI,CAAA;AAC9C,EAAA,MAAM,QAAA,GAAiB,aAAuB,IAAI,CAAA;AAElD,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,MAAM,OAAA,GAAU,CAAC,CAAA,KAAkB;AACjC,MAAA,MAAM,SAAS,CAAA,CAAE,MAAA;AACjB,MAAA,IAAI,OAAA,CAAQ,OAAA,EAAS,QAAA,CAAS,MAAM,CAAA,EAAG;AACvC,MAAA,IAAI,QAAA,CAAS,OAAA,EAAS,QAAA,CAAS,MAAM,CAAA,EAAG;AACxC,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB,CAAA;AACA,IAAA,MAAM,KAAA,GAAQ,CAAC,CAAA,KAAqB;AAClC,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,QAAA,EAAU,SAAA,CAAU,IAAI,CAAA;AAAA,IACxC,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,OAAO,CAAA;AAC9C,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,KAAK,CAAA;AAC1C,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,OAAO,CAAA;AACjD,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,KAAK,CAAA;AAAA,IAC/C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,aAAA,GAAgB,CAAC,OAAA,KAAyB;AAC9C,IAAA,MAAM,CAAA,GAAI,QAAQ,qBAAA,EAAsB;AACxC,IAAA,SAAA,CAAU,EAAE,GAAA,EAAK,CAAA,CAAE,MAAA,GAAS,MAAA,CAAO,OAAA,EAAS,IAAA,EAAM,CAAA,CAAE,IAAA,GAAO,MAAA,CAAO,OAAA,EAAS,CAAA;AAAA,EAC7E,CAAA;AAEA,EAAA,2BACG,KAAA,EAAA,EAAI,GAAA,EAAK,SAAS,YAAA,EAAY,SAAA,EAAW,WAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA,EAC3E,8BAAC,IAAA,EAAA,EAAG,SAAA,EAAU,kBACX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,IAAA,MAAM,WAAA,GAAc,CAAC,CAAC,IAAA,CAAK,KAAA,EAAO,MAAA;AAClC,IAAA,MAAM,MAAA,GAAS,WAAW,IAAA,CAAK,EAAA;AAC/B,IAAA,MAAM,UAAA,GAAa,EAAA,CAAG,mBAAA,EAAqB,MAAA,IAAU,SAAS,CAAA;AAC9D,IAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAM,eAAK,KAAA,EAAM,CAAA;AAAA,MACjB,+BAAe,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI,WAAU,mBAAA,EAAoB;AAAA,KAAA,EACvE,CAAA;AAGF,IAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAiB,SAAA,EAAU,gBAAA,EACzB,QAAA,EAAA;AAAA,MAAA,WAAA,mBACC,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,SAAA,EAAW,UAAA;AAAA,UACX,eAAA,EAAe,MAAA;AAAA,UACf,eAAA,EAAc,MAAA;AAAA,UACd,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,YAAA,IAAI,MAAA,EAAQ;AAAE,cAAA,SAAA,CAAU,IAAI,CAAA;AAAG,cAAA;AAAA,YAAQ;AACvC,YAAA,aAAA,CAAc,EAAE,aAAa,CAAA;AAC7B,YAAA,SAAA,CAAU,KAAK,EAAE,CAAA;AAAA,UACnB,CAAA;AAAA,UACA,YAAA,EAAc,CAAC,CAAA,KAAM;AACnB,YAAA,IAAI,CAAC,MAAA,EAAQ;AACb,YAAA,aAAA,CAAc,EAAE,aAAa,CAAA;AAC7B,YAAA,SAAA,CAAU,KAAK,EAAE,CAAA;AAAA,UACnB,CAAA;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,UAED,UAAA,IAAc,IAAA,CAAK,IAAA,GACrB,UAAA,CAAW,MAAM,OAAA,EAAS,UAAU,CAAA,mBAEpC,GAAA,CAAC,OAAE,SAAA,EAAW,UAAA,EAAY,IAAA,EAAM,IAAA,CAAK,MAClC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,MAED,WAAA,IAAe,MAAA,IAAU,OAAO,QAAA,KAAa,WAAA,IAAe,YAAA;AAAA,wBAC3D,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,iBAAA;AAAA,YACV,IAAA,EAAK,MAAA;AAAA,YACL,OAAO,MAAA,GAAS,EAAE,QAAA,EAAU,UAAA,EAAY,KAAK,MAAA,CAAO,GAAA,EAAK,IAAA,EAAM,MAAA,CAAO,MAAK,GAAI,EAAE,QAAA,EAAU,UAAA,EAAY,YAAY,QAAA,EAAS;AAAA,YAE3H,QAAA,EAAA;AAAA,cAAA,IAAA,CAAK,QAAA,oBACJ,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,IAAA,CAAK,QAAA,CAAS,KAAA,EAAM,CAAA;AAAA,gBAC5B,KAAK,QAAA,CAAS,WAAA,wBAAgB,GAAA,EAAA,EAAG,QAAA,EAAA,IAAA,CAAK,SAAS,WAAA,EAAY;AAAA,eAAA,EAC9D,CAAA;AAAA,8BAEF,GAAA,CAAC,QAAG,SAAA,EAAU,mBAAA,EACX,eAAK,KAAA,CAAO,GAAA,CAAI,CAAC,IAAA,KAAS;AACzB,gBAAA,MAAM,OAAA,GAAU,gBAAA;AAChB,gBAAA,MAAM,8BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAK,wBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EAAuB,eAAK,IAAA,EAAK,CAAA;AAAA,kCAC/D,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EACd,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,oBAClD,KAAK,WAAA,oBAAe,GAAA,CAAC,UAAK,SAAA,EAAU,qBAAA,EAAuB,eAAK,WAAA,EAAY;AAAA,mBAAA,EAC/E;AAAA,iBAAA,EACF,CAAA;AAEF,gBAAA,uBACE,GAAA,CAAC,QAAiB,IAAA,EAAK,MAAA,EACpB,mBACC,MAAA,CAAO,IAAA,EAAM,WAAA,EAAa,OAAO,CAAA,mBAEjC,GAAA;AAAA,kBAAC,GAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,UAAA;AAAA,oBACL,SAAA,EAAW,OAAA;AAAA,oBACX,MAAM,IAAA,CAAK,IAAA;AAAA,oBACX,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,sBAAA,IAAI,KAAK,OAAA,EAAS;AAChB,wBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,wBAAA,IAAA,CAAK,OAAA,EAAQ;AACb,wBAAA,SAAA,CAAU,IAAI,CAAA;AAAA,sBAChB;AAAA,oBACF,CAAA;AAAA,oBAEC,QAAA,EAAA;AAAA;AAAA,iBACH,EAAA,EAjBK,KAAK,EAmBd,CAAA;AAAA,cAEJ,CAAC,CAAA,EACH;AAAA;AAAA;AAAA,SACF;AAAA,QACA,QAAA,CAAS;AAAA;AACX,KAAA,EAAA,EA9EO,KAAK,EA+Ed,CAAA;AAAA,EAEJ,CAAC,GACH,CAAA,EACF,CAAA;AAEJ","file":"chunk-OCE4ODTM.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\nimport { ChevronDown } from './Icons';\n\nexport interface NavLink {\n  id: string;\n  label: React.ReactNode;\n  href?: string;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface NavMenuItem {\n  id: string;\n  label: React.ReactNode;\n  href?: string;\n  links?: NavLink[];\n  featured?: NavLink;\n}\n\nexport interface NavigationMenuProps {\n  items: NavMenuItem[];\n  className?: string;\n  ariaLabel?: string;\n  linkAs?: (link: NavLink, content: React.ReactNode, className: string) => React.ReactNode;\n  rootLinkAs?: (item: NavMenuItem, content: React.ReactNode, className: string) => React.ReactNode;\n}\n\nexport function NavigationMenu({ items, className, ariaLabel = 'Navegación principal', linkAs, rootLinkAs }: NavigationMenuProps) {\n  const [openId, setOpenId] = React.useState<string | null>(null);\n  const [coords, setCoords] = React.useState<{ top: number; left: number } | null>(null);\n  const rootRef = React.useRef<HTMLElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    if (!openId) return;\n    const onClick = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (rootRef.current?.contains(target)) return;\n      if (panelRef.current?.contains(target)) return;\n      setOpenId(null);\n    };\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setOpenId(null);\n    };\n    document.addEventListener('mousedown', onClick);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onClick);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [openId]);\n\n  const positionPanel = (trigger: HTMLElement) => {\n    const t = trigger.getBoundingClientRect();\n    setCoords({ top: t.bottom + window.scrollY, left: t.left + window.scrollX });\n  };\n\n  return (\n    <nav ref={rootRef} aria-label={ariaLabel} className={cx('nav-menu', className)}>\n      <ul className=\"nav-menu__list\">\n        {items.map((item) => {\n          const hasChildren = !!item.links?.length;\n          const isOpen = openId === item.id;\n          const triggerCls = cx('nav-menu__trigger', isOpen && 'is-open');\n          const content = (\n            <>\n              <span>{item.label}</span>\n              {hasChildren && <ChevronDown size={14} className=\"nav-menu__chevron\" />}\n            </>\n          );\n\n          return (\n            <li key={item.id} className=\"nav-menu__item\">\n              {hasChildren ? (\n                <button\n                  type=\"button\"\n                  className={triggerCls}\n                  aria-expanded={isOpen}\n                  aria-haspopup=\"menu\"\n                  onClick={(e) => {\n                    if (isOpen) { setOpenId(null); return; }\n                    positionPanel(e.currentTarget);\n                    setOpenId(item.id);\n                  }}\n                  onMouseEnter={(e) => {\n                    if (!openId) return;\n                    positionPanel(e.currentTarget);\n                    setOpenId(item.id);\n                  }}\n                >\n                  {content}\n                </button>\n              ) : rootLinkAs && item.href ? (\n                rootLinkAs(item, content, triggerCls)\n              ) : (\n                <a className={triggerCls} href={item.href}>\n                  {content}\n                </a>\n              )}\n              {hasChildren && isOpen && typeof document !== 'undefined' && createPortal(\n                <div\n                  ref={panelRef}\n                  className=\"nav-menu__panel\"\n                  role=\"menu\"\n                  style={coords ? { position: 'absolute', top: coords.top, left: coords.left } : { position: 'absolute', visibility: 'hidden' }}\n                >\n                  {item.featured && (\n                    <div className=\"nav-menu__featured\">\n                      <strong>{item.featured.label}</strong>\n                      {item.featured.description && <p>{item.featured.description}</p>}\n                    </div>\n                  )}\n                  <ul className=\"nav-menu__sublist\">\n                    {item.links!.map((link) => {\n                      const linkCls = 'nav-menu__link';\n                      const linkContent = (\n                        <>\n                          {link.icon && <span className=\"nav-menu__link-icon\">{link.icon}</span>}\n                          <span className=\"nav-menu__link-body\">\n                            <span className=\"nav-menu__link-label\">{link.label}</span>\n                            {link.description && <span className=\"nav-menu__link-desc\">{link.description}</span>}\n                          </span>\n                        </>\n                      );\n                      return (\n                        <li key={link.id} role=\"none\">\n                          {linkAs ? (\n                            linkAs(link, linkContent, linkCls)\n                          ) : (\n                            <a\n                              role=\"menuitem\"\n                              className={linkCls}\n                              href={link.href}\n                              onClick={(e) => {\n                                if (link.onClick) {\n                                  e.preventDefault();\n                                  link.onClick();\n                                  setOpenId(null);\n                                }\n                              }}\n                            >\n                              {linkContent}\n                            </a>\n                          )}\n                        </li>\n                      );\n                    })}\n                  </ul>\n                </div>,\n                document.body\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n"]}

package/dist/chunk-ORUQ5GCU.mjs

@@ -0,0 +1,120 @@
+import { ChevronLeft, ChevronRight } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function Carousel({
+  children,
+  loop = false,
+  autoplay = false,
+  autoplayInterval = 4e3,
+  showControls = true,
+  showDots = true,
+  ariaLabel = "Carrusel",
+  className,
+  onIndexChange
+}) {
+  const slides = React.Children.toArray(children);
+  const total = slides.length;
+  const [index, setIndex] = React.useState(0);
+  const go = React.useCallback(
+    (target) => {
+      const clamped = loop ? (target + total) % total : Math.max(0, Math.min(target, total - 1));
+      setIndex(clamped);
+      onIndexChange?.(clamped);
+    },
+    [loop, total, onIndexChange]
+  );
+  const next = React.useCallback(() => {
+    setIndex((i) => {
+      const t = loop ? (i + 1) % total : Math.min(i + 1, total - 1);
+      onIndexChange?.(t);
+      return t;
+    });
+  }, [loop, total, onIndexChange]);
+  const prev = React.useCallback(() => {
+    setIndex((i) => {
+      const t = loop ? (i - 1 + total) % total : Math.max(0, i - 1);
+      onIndexChange?.(t);
+      return t;
+    });
+  }, [loop, total, onIndexChange]);
+  React.useEffect(() => {
+    if (!autoplay || total <= 1) return;
+    const id = setInterval(next, autoplayInterval);
+    return () => clearInterval(id);
+  }, [autoplay, autoplayInterval, total, next]);
+  const onKey = React.useCallback(
+    (e) => {
+      if (e.key === "ArrowLeft") prev();
+      if (e.key === "ArrowRight") next();
+    },
+    [next, prev]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx("carousel", className),
+      role: "region",
+      "aria-roledescription": "carousel",
+      "aria-label": ariaLabel,
+      tabIndex: 0,
+      onKeyDown: onKey,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "carousel__viewport", children: [
+          /* @__PURE__ */ jsx("div", { className: "carousel__track", style: { transform: `translateX(-${index * 100}%)` }, children: slides.map((slide, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "carousel__slide",
+              role: "group",
+              "aria-roledescription": "slide",
+              "aria-label": `${i + 1} de ${total}`,
+              "aria-hidden": i !== index,
+              children: slide
+            },
+            i
+          )) }),
+          showControls && total > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "carousel__control carousel__control--prev",
+                "aria-label": "Anterior",
+                onClick: prev,
+                disabled: !loop && index === 0,
+                children: /* @__PURE__ */ jsx(ChevronLeft, { size: 20 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "carousel__control carousel__control--next",
+                "aria-label": "Siguiente",
+                onClick: next,
+                disabled: !loop && index === total - 1,
+                children: /* @__PURE__ */ jsx(ChevronRight, { size: 20 })
+              }
+            )
+          ] })
+        ] }),
+        showDots && total > 1 && /* @__PURE__ */ jsx("ul", { className: "carousel__dots", role: "tablist", children: slides.map((_, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": i === index,
+            "aria-label": `Ir a la diapositiva ${i + 1}`,
+            className: cx("carousel__dot", i === index && "is-active"),
+            onClick: () => go(i)
+          }
+        ) }, i)) })
+      ]
+    }
+  );
+}
+
+export { Carousel };
+//# sourceMappingURL=chunk-ORUQ5GCU.mjs.map
+//# sourceMappingURL=chunk-ORUQ5GCU.mjs.map