@misael703/ui 1.1.0 → 1.3.0

package/dist/chunk-N5D6AC6M.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/dateFormat.ts"],"names":[],"mappings":"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","file":"chunk-N5D6AC6M.mjs","sourcesContent":["import { getBrand } from '../brand';\n\n/**\n * Date display formats supported by the kit's date pickers.\n *\n * - `iso`  → `2026-05-02` (ISO 8601, year-month-day)\n * - `dmy`  → `02-05-2026` (day-month-year, common in es-CL, es-ES, en-GB, pt-BR)\n * - `mdy`  → `05-02-2026` (month-day-year, en-US)\n * - `auto` → derived from `configureBrand().locale` via Intl.DateTimeFormat\n */\nexport type DateFormat = 'iso' | 'dmy' | 'mdy' | 'auto';\n\n/** A concrete (non-`auto`) format. */\nexport type ResolvedDateFormat = Exclude<DateFormat, 'auto'>;\n\n/**\n * Inspects the locale's date-part order using `Intl.DateTimeFormat.formatToParts`.\n * No hardcoded country lists — uses the runtime's CLDR data.\n */\nexport function detectFormatFromLocale(locale: string): ResolvedDateFormat {\n  try {\n    const parts = new Intl.DateTimeFormat(locale).formatToParts(new Date(2024, 0, 2));\n    const order: string[] = [];\n    for (const p of parts) {\n      if (p.type === 'year') order.push('y');\n      else if (p.type === 'month') order.push('m');\n      else if (p.type === 'day') order.push('d');\n    }\n    const key = order.join('');\n    if (key === 'ymd') return 'iso';\n    if (key === 'mdy') return 'mdy';\n    return 'dmy';\n  } catch {\n    return 'dmy';\n  }\n}\n\n/** Resolves `'auto'` against the current `configureBrand().locale`. */\nexport function resolveDateFormat(format: DateFormat): ResolvedDateFormat {\n  if (format === 'auto') return detectFormatFromLocale(getBrand().locale);\n  return format;\n}\n\nconst PLACEHOLDERS: Record<ResolvedDateFormat, string> = {\n  iso: 'aaaa-mm-dd',\n  dmy: 'dd-mm-aaaa',\n  mdy: 'mm-dd-aaaa',\n};\n\n/** Localized placeholder for the given resolved format. */\nexport function dateFormatPlaceholder(format: ResolvedDateFormat): string {\n  return PLACEHOLDERS[format];\n}\n\n/** Format a Date as a string in the given resolved format. Always uses `-` as separator. */\nexport function formatDate(d: Date, format: ResolvedDateFormat): string {\n  const yyyy = d.getFullYear();\n  const mm = String(d.getMonth() + 1).padStart(2, '0');\n  const dd = String(d.getDate()).padStart(2, '0');\n  if (format === 'iso') return `${yyyy}-${mm}-${dd}`;\n  if (format === 'dmy') return `${dd}-${mm}-${yyyy}`;\n  return `${mm}-${dd}-${yyyy}`;\n}\n\n/**\n * Parse a user-typed date string. Tolerant of `-`, `/`, `.` separators.\n *\n * Always accepts ISO `aaaa-mm-dd` regardless of `format` (it's the canonical\n * wire format, used by APIs and `<input type=\"date\">`). Otherwise, interprets\n * the parts according to the provided format.\n *\n * Returns `null` for invalid dates (out of range, non-existent days like Feb 30,\n * unparseable strings).\n */\nexport function parseDate(s: string, format: ResolvedDateFormat): Date | null {\n  const trimmed = s.trim();\n  if (!trimmed) return null;\n\n  // Always accept ISO as a fallback (wire format).\n  const iso = trimmed.match(/^(\\d{4})-(\\d{2})-(\\d{2})$/);\n  if (iso) {\n    return safeDate(Number(iso[1]), Number(iso[2]), Number(iso[3]));\n  }\n\n  const m = trimmed.match(/^(\\d{1,4})[\\-\\/.](\\d{1,2})[\\-\\/.](\\d{1,4})$/);\n  if (!m) return null;\n\n  let y: number, mo: number, d: number;\n  if (format === 'iso') {\n    y = Number(m[1]); mo = Number(m[2]); d = Number(m[3]);\n  } else if (format === 'dmy') {\n    d = Number(m[1]); mo = Number(m[2]); y = Number(m[3]);\n  } else {\n    mo = Number(m[1]); d = Number(m[2]); y = Number(m[3]);\n  }\n\n  // 2-digit years: assume 2000s.\n  if (y < 100) y += 2000;\n\n  return safeDate(y, mo, d);\n}\n\nfunction safeDate(y: number, mo: number, d: number): Date | null {\n  if (mo < 1 || mo > 12 || d < 1 || d > 31) return null;\n  const dt = new Date(y, mo - 1, d);\n  if (\n    isNaN(dt.getTime()) ||\n    dt.getFullYear() !== y ||\n    dt.getMonth() !== mo - 1 ||\n    dt.getDate() !== d\n  ) {\n    return null;\n  }\n  return dt;\n}\n\n// ---------- Calendar helpers (shared by the date pickers) ----------------\n// Previously duplicated verbatim in Pickers.tsx, AdvancedPickers.tsx and\n// Display3.tsx. Single source now; behavior is unchanged.\n\n/** First day of `d`'s month at local midnight. */\nexport function startOfMonth(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), 1);\n}\n\n/** `d` shifted by `n` months, normalized to the first of that month. */\nexport function addMonths(d: Date, n: number): Date {\n  return new Date(d.getFullYear(), d.getMonth() + n, 1);\n}\n\n/** True when `a` and `b` are the same calendar day (local time). */\nexport function isSameDay(a: Date, b: Date): boolean {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\n/**\n * Compact month grid used by the date pickers: leading `null`s pad the days\n * before the 1st of a Monday-first week, followed by one `Date` per day of the\n * month (no adjacent-month spillover). The full-month `Calendar` uses a\n * different fixed 42-cell model on purpose, so it does not consume this.\n *\n * @param view   Any date within the reference month.\n * @param offset Months to add to `view` (0 = same month, 1 = next, ...).\n */\nexport function buildMonthGrid(\n  view: Date,\n  offset = 0\n): { month: Date; cells: (Date | null)[] } {\n  const month = addMonths(view, offset);\n  const startDow = (month.getDay() + 6) % 7; // Monday = 0\n  const days = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();\n  const cells: (Date | null)[] = [];\n  for (let i = 0; i < startDow; i++) cells.push(null);\n  for (let d = 1; d <= days; d++) {\n    cells.push(new Date(month.getFullYear(), month.getMonth(), d));\n  }\n  return { month, cells };\n}\n"]}

package/dist/chunk-V7MK42GX.js

@@ -0,0 +1,238 @@
+'use strict';
+
+var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
+var chunkDPMUWQHL_js = require('./chunk-DPMUWQHL.js');
+var chunkGLYGO7WX_js = require('./chunk-GLYGO7WX.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 Menubar({ menus, className, ariaLabel = "Barra de men\xFAs" }) {
+  const [openId, setOpenId] = React__namespace.useState(null);
+  const [active, setActive] = React__namespace.useState(0);
+  const [tabId, setTabId] = React__namespace.useState(menus[0]?.id ?? null);
+  const focusOnOpen = React__namespace.useRef(false);
+  const rootRef = React__namespace.useRef(null);
+  const panelRef = React__namespace.useRef(null);
+  const anchorRef = React__namespace.useRef(null);
+  const triggerRefs = React__namespace.useRef({});
+  const itemRefs = React__namespace.useRef([]);
+  const open = openId !== null;
+  const openMenu = menus.find((m) => m.id === openId) ?? null;
+  const menuIndex = menus.findIndex((m) => m.id === openId);
+  const enabledIdx = (openMenu?.items ?? []).map((it, i) => it.separator || it.disabled ? -1 : i).filter((i) => i >= 0);
+  const pos = chunkDPMUWQHL_js.usePopoverPosition(anchorRef, panelRef, {
+    open,
+    side: "bottom",
+    align: "start",
+    offset: 6
+  });
+  chunkXMLBKK7X_js.useDismiss({
+    open,
+    onDismiss: () => setOpenId(null),
+    refs: [rootRef, panelRef],
+    closeOnEscape: false
+  });
+  const focusTrigger = (id) => {
+    if (id) triggerRefs.current[id]?.focus();
+  };
+  const openMenuById = (id, viaKeyboard) => {
+    const el = triggerRefs.current[id];
+    if (el) anchorRef.current = el;
+    focusOnOpen.current = viaKeyboard;
+    setActive(0);
+    setTabId(id);
+    setOpenId(id);
+  };
+  const closeAndFocusTrigger = () => {
+    const id = openId;
+    setOpenId(null);
+    focusTrigger(id);
+  };
+  React__namespace.useEffect(() => {
+    if (open && focusOnOpen.current) {
+      focusOnOpen.current = false;
+      const realIdx = enabledIdx[0];
+      if (realIdx != null) itemRefs.current[realIdx]?.focus();
+    }
+  }, [open, enabledIdx]);
+  React__namespace.useEffect(() => {
+    if (!open || focusOnOpen.current) return;
+    const realIdx = enabledIdx[active];
+    if (realIdx != null) itemRefs.current[realIdx]?.focus();
+  }, [open, active, enabledIdx]);
+  const selectItem = (item) => {
+    if (item.disabled || item.separator) return;
+    item.onSelect?.();
+    closeAndFocusTrigger();
+  };
+  const stepMenu = (dir) => {
+    if (menus.length === 0) return;
+    const from = menuIndex >= 0 ? menuIndex : 0;
+    const next = (from + dir + menus.length) % menus.length;
+    openMenuById(menus[next].id, true);
+  };
+  const onTriggerKeyDown = (e, menu, index) => {
+    if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      openMenuById(menu.id, true);
+    } else if (e.key === "ArrowRight") {
+      e.preventDefault();
+      const next = menus[(index + 1) % menus.length];
+      setTabId(next.id);
+      if (open) openMenuById(next.id, true);
+      else focusTrigger(next.id);
+    } else if (e.key === "ArrowLeft") {
+      e.preventDefault();
+      const prev = menus[(index - 1 + menus.length) % menus.length];
+      setTabId(prev.id);
+      if (open) openMenuById(prev.id, true);
+      else focusTrigger(prev.id);
+    } else if (e.key === "Escape" && open) {
+      e.preventDefault();
+      setOpenId(null);
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      setTabId(menus[0].id);
+      focusTrigger(menus[0].id);
+    } else if (e.key === "End") {
+      e.preventDefault();
+      const last = menus[menus.length - 1];
+      setTabId(last.id);
+      focusTrigger(last.id);
+    }
+  };
+  const onPanelKeyDown = (e) => {
+    if (e.key === "Escape") {
+      e.preventDefault();
+      closeAndFocusTrigger();
+    } else if (e.key === "Tab") {
+      setOpenId(null);
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setActive((a) => Math.min(a + 1, enabledIdx.length - 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setActive((a) => Math.max(a - 1, 0));
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      setActive(0);
+    } else if (e.key === "End") {
+      e.preventDefault();
+      setActive(Math.max(enabledIdx.length - 1, 0));
+    } else if (e.key === "ArrowRight") {
+      e.preventDefault();
+      stepMenu(1);
+    } else if (e.key === "ArrowLeft") {
+      e.preventDefault();
+      stepMenu(-1);
+    } else if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      const realIdx = enabledIdx[active];
+      const it = realIdx != null ? openMenu?.items[realIdx] : void 0;
+      if (it) selectItem(it);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rootRef, role: "menubar", "aria-label": ariaLabel, className: chunkPASF6T4H_js.cx("menubar", className), children: menus.map((menu, index) => {
+    const isOpen = openId === menu.id;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menubar__menu", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          ref: (el) => {
+            triggerRefs.current[menu.id] = el;
+          },
+          tabIndex: (tabId ?? menus[0]?.id) === menu.id ? 0 : -1,
+          "aria-haspopup": "menu",
+          "aria-expanded": isOpen,
+          className: chunkPASF6T4H_js.cx("menubar__trigger", isOpen && "is-open"),
+          onClick: (e) => {
+            if (isOpen) {
+              setOpenId(null);
+              return;
+            }
+            anchorRef.current = e.currentTarget;
+            focusOnOpen.current = false;
+            setActive(0);
+            setTabId(menu.id);
+            setOpenId(menu.id);
+          },
+          onMouseEnter: (e) => {
+            if (!openId) return;
+            anchorRef.current = e.currentTarget;
+            focusOnOpen.current = false;
+            setActive(0);
+            setTabId(menu.id);
+            setOpenId(menu.id);
+          },
+          onFocus: () => setTabId(menu.id),
+          onKeyDown: (e) => onTriggerKeyDown(e, menu, index),
+          children: menu.label
+        }
+      ),
+      isOpen && /* @__PURE__ */ jsxRuntime.jsx(chunkGLYGO7WX_js.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "ul",
+        {
+          ref: panelRef,
+          role: "menu",
+          "aria-label": typeof menu.label === "string" ? menu.label : void 0,
+          className: "menubar__list",
+          onKeyDown: onPanelKeyDown,
+          style: {
+            position: "absolute",
+            top: pos.top,
+            left: pos.left,
+            visibility: pos.ready ? "visible" : "hidden"
+          },
+          children: menu.items.map(
+            (item, i) => item.separator ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: "menubar__separator", role: "separator" }, item.id) : /* @__PURE__ */ jsxRuntime.jsx("li", { role: "none", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                ref: (el) => {
+                  itemRefs.current[i] = el;
+                },
+                tabIndex: enabledIdx[active] === i ? 0 : -1,
+                disabled: item.disabled,
+                className: chunkPASF6T4H_js.cx("menubar__item", item.disabled && "is-disabled", enabledIdx[active] === i && "is-active"),
+                onMouseEnter: () => setActive(enabledIdx.indexOf(i)),
+                onClick: () => selectItem(item),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menubar__label", children: item.label }),
+                  item.shortcut && /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "menubar__shortcut", children: item.shortcut })
+                ]
+              }
+            ) }, item.id)
+          )
+        }
+      ) })
+    ] }, menu.id);
+  }) });
+}
+
+exports.Menubar = Menubar;
+//# sourceMappingURL=chunk-V7MK42GX.js.map
+//# sourceMappingURL=chunk-V7MK42GX.js.map

package/dist/chunk-V7MK42GX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Menubar.tsx"],"names":["React","usePopoverPosition","useDismiss","cx","jsxs","jsx","Portal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,QAAQ,EAAE,KAAA,EAAO,SAAA,EAAW,SAAA,GAAY,qBAAiB,EAAiB;AACxF,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAUA,0BAAwB,IAAI,CAAA;AAC9D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAUA,0BAAS,CAAC,CAAA;AAG5C,EAAA,MAAM,CAAC,OAAO,QAAQ,CAAA,GAAUA,0BAAwB,KAAA,CAAM,CAAC,CAAA,EAAG,EAAA,IAAM,IAAI,CAAA;AAE5E,EAAA,MAAM,WAAA,GAAoBA,wBAAO,KAAK,CAAA;AACtC,EAAA,MAAM,OAAA,GAAgBA,wBAAuB,IAAI,CAAA;AACjD,EAAA,MAAM,QAAA,GAAiBA,wBAAyB,IAAI,CAAA;AACpD,EAAA,MAAM,SAAA,GAAkBA,wBAA2B,IAAI,CAAA;AACvD,EAAA,MAAM,WAAA,GAAoBA,gBAAA,CAAA,MAAA,CAAiD,EAAE,CAAA;AAC7E,EAAA,MAAM,QAAA,GAAiBA,gBAAA,CAAA,MAAA,CAAwC,EAAE,CAAA;AAEjE,EAAA,MAAM,OAAO,MAAA,KAAW,IAAA;AACxB,EAAA,MAAM,QAAA,GAAW,MAAM,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,EAAA,KAAO,MAAM,CAAA,IAAK,IAAA;AACvD,EAAA,MAAM,YAAY,KAAA,CAAM,SAAA,CAAU,CAAC,CAAA,KAAM,CAAA,CAAE,OAAO,MAAM,CAAA;AAIxD,EAAA,MAAM,UAAA,GAAA,CAAc,UAAU,KAAA,IAAS,IACpC,GAAA,CAAI,CAAC,IAAI,CAAA,KAAO,EAAA,CAAG,aAAa,EAAA,CAAG,QAAA,GAAW,KAAK,CAAE,CAAA,CACrD,OAAO,CAAC,CAAA,KAAM,KAAK,CAAC,CAAA;AAEvB,EAAA,MAAM,GAAA,GAAMC,mCAAA,CAAmB,SAAA,EAAW,QAAA,EAAU;AAAA,IAClD,IAAA;AAAA,IACA,IAAA,EAAM,QAAA;AAAA,IACN,KAAA,EAAO,OAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAAC,2BAAA,CAAW;AAAA,IACT,IAAA;AAAA,IACA,SAAA,EAAW,MAAM,SAAA,CAAU,IAAI,CAAA;AAAA,IAC/B,IAAA,EAAM,CAAC,OAAA,EAAS,QAAQ,CAAA;AAAA,IACxB,aAAA,EAAe;AAAA,GAChB,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,CAAC,EAAA,KAAsB;AAC1C,IAAA,IAAI,EAAA,EAAI,WAAA,CAAY,OAAA,CAAQ,EAAE,GAAG,KAAA,EAAM;AAAA,EACzC,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,EAAA,EAAY,WAAA,KAAyB;AACzD,IAAA,MAAM,EAAA,GAAK,WAAA,CAAY,OAAA,CAAQ,EAAE,CAAA;AACjC,IAAA,IAAI,EAAA,YAAc,OAAA,GAAU,EAAA;AAC5B,IAAA,WAAA,CAAY,OAAA,GAAU,WAAA;AACtB,IAAA,SAAA,CAAU,CAAC,CAAA;AACX,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,SAAA,CAAU,EAAE,CAAA;AAAA,EACd,CAAA;AAEA,EAAA,MAAM,uBAAuB,MAAM;AACjC,IAAA,MAAM,EAAA,GAAK,MAAA;AACX,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAA,YAAA,CAAa,EAAE,CAAA;AAAA,EACjB,CAAA;AAEA,EAAMF,2BAAU,MAAM;AACpB,IAAA,IAAI,IAAA,IAAQ,YAAY,OAAA,EAAS;AAC/B,MAAA,WAAA,CAAY,OAAA,GAAU,KAAA;AACtB,MAAA,MAAM,OAAA,GAAU,WAAW,CAAC,CAAA;AAC5B,MAAA,IAAI,WAAW,IAAA,EAAM,QAAA,CAAS,OAAA,CAAQ,OAAO,GAAG,KAAA,EAAM;AAAA,IACxD;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,UAAU,CAAC,CAAA;AAErB,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,IAAQ,WAAA,CAAY,OAAA,EAAS;AAClC,IAAA,MAAM,OAAA,GAAU,WAAW,MAAM,CAAA;AACjC,IAAA,IAAI,WAAW,IAAA,EAAM,QAAA,CAAS,OAAA,CAAQ,OAAO,GAAG,KAAA,EAAM;AAAA,EACxD,CAAA,EAAG,CAAC,IAAA,EAAM,MAAA,EAAQ,UAAU,CAAC,CAAA;AAE7B,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAsB;AACxC,IAAA,IAAI,IAAA,CAAK,QAAA,IAAY,IAAA,CAAK,SAAA,EAAW;AACrC,IAAA,IAAA,CAAK,QAAA,IAAW;AAChB,IAAA,oBAAA,EAAqB;AAAA,EACvB,CAAA;AAEA,EAAA,MAAM,QAAA,GAAW,CAAC,GAAA,KAAgB;AAChC,IAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACxB,IAAA,MAAM,IAAA,GAAO,SAAA,IAAa,CAAA,GAAI,SAAA,GAAY,CAAA;AAC1C,IAAA,MAAM,IAAA,GAAA,CAAQ,IAAA,GAAO,GAAA,GAAM,KAAA,CAAM,UAAU,KAAA,CAAM,MAAA;AACjD,IAAA,YAAA,CAAa,KAAA,CAAM,IAAI,CAAA,CAAE,EAAA,EAAI,IAAI,CAAA;AAAA,EACnC,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,CAAA,EAAwB,IAAA,EAAmB,KAAA,KAAkB;AACrF,IAAA,IAAI,CAAA,CAAE,QAAQ,WAAA,IAAe,CAAA,CAAE,QAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AAC/D,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,YAAA,CAAa,IAAA,CAAK,IAAI,IAAI,CAAA;AAAA,IAC5B,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,YAAA,EAAc;AACjC,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,MAAM,IAAA,GAAO,KAAA,CAAA,CAAO,KAAA,GAAQ,CAAA,IAAK,MAAM,MAAM,CAAA;AAC7C,MAAA,QAAA,CAAS,KAAK,EAAE,CAAA;AAChB,MAAA,IAAI,IAAA,EAAM,YAAA,CAAa,IAAA,CAAK,EAAA,EAAI,IAAI,CAAA;AAAA,WAC/B,YAAA,CAAa,KAAK,EAAE,CAAA;AAAA,IAC3B,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,WAAA,EAAa;AAChC,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,MAAM,OAAO,KAAA,CAAA,CAAO,KAAA,GAAQ,IAAI,KAAA,CAAM,MAAA,IAAU,MAAM,MAAM,CAAA;AAC5D,MAAA,QAAA,CAAS,KAAK,EAAE,CAAA;AAChB,MAAA,IAAI,IAAA,EAAM,YAAA,CAAa,IAAA,CAAK,EAAA,EAAI,IAAI,CAAA;AAAA,WAC/B,YAAA,CAAa,KAAK,EAAE,CAAA;AAAA,IAC3B,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,QAAA,IAAY,IAAA,EAAM;AACrC,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,MAAA,EAAQ;AAC3B,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,QAAA,CAAS,KAAA,CAAM,CAAC,CAAA,CAAE,EAAE,CAAA;AACpB,MAAA,YAAA,CAAa,KAAA,CAAM,CAAC,CAAA,CAAE,EAAE,CAAA;AAAA,IAC1B,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO;AAC1B,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,MAAM,IAAA,GAAO,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAC,CAAA;AACnC,MAAA,QAAA,CAAS,KAAK,EAAE,CAAA;AAChB,MAAA,YAAA,CAAa,KAAK,EAAE,CAAA;AAAA,IACtB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAA2B;AACjD,IAAA,IAAI,CAAA,CAAE,QAAQ,QAAA,EAAU;AACtB,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,oBAAA,EAAqB;AAAA,IACvB,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO;AAC1B,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,WAAA,EAAa;AAChC,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,SAAA,CAAU,CAAC,MAAM,IAAA,CAAK,GAAA,CAAI,IAAI,CAAA,EAAG,UAAA,CAAW,MAAA,GAAS,CAAC,CAAC,CAAA;AAAA,IACzD,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,SAAA,EAAW;AAC9B,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,SAAA,CAAU,CAAC,CAAA,KAAM,IAAA,CAAK,IAAI,CAAA,GAAI,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,IACrC,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,MAAA,EAAQ;AAC3B,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,SAAA,CAAU,CAAC,CAAA;AAAA,IACb,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO;AAC1B,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,SAAA,CAAU,KAAK,GAAA,CAAI,UAAA,CAAW,MAAA,GAAS,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,IAC9C,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,YAAA,EAAc;AACjC,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,QAAA,CAAS,CAAC,CAAA;AAAA,IACZ,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,WAAA,EAAa;AAChC,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,QAAA,CAAS,EAAE,CAAA;AAAA,IACb,WAAW,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AAC7C,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,MAAM,OAAA,GAAU,WAAW,MAAM,CAAA;AACjC,MAAA,MAAM,KAAK,OAAA,IAAW,IAAA,GAAO,QAAA,EAAU,KAAA,CAAM,OAAO,CAAA,GAAI,MAAA;AACxD,MAAA,IAAI,EAAA,aAAe,EAAE,CAAA;AAAA,IACvB;AAAA,EACF,CAAA;AAEA,EAAA,sCACG,KAAA,EAAA,EAAI,GAAA,EAAK,OAAA,EAAS,IAAA,EAAK,WAAU,YAAA,EAAY,SAAA,EAAW,SAAA,EAAWG,mBAAA,CAAG,WAAW,SAAS,CAAA,EACxF,gBAAM,GAAA,CAAI,CAAC,MAAM,KAAA,KAAU;AAC1B,IAAA,MAAM,MAAA,GAAS,WAAW,IAAA,CAAK,EAAA;AAC/B,IAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAkB,SAAA,EAAU,eAAA,EAC3B,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,IAAA,EAAK,UAAA;AAAA,UACL,GAAA,EAAK,CAAC,EAAA,KAAO;AAAE,YAAA,WAAA,CAAY,OAAA,CAAQ,IAAA,CAAK,EAAE,CAAA,GAAI,EAAA;AAAA,UAAI,CAAA;AAAA,UAClD,QAAA,EAAA,CAAW,SAAS,KAAA,CAAM,CAAC,GAAG,EAAA,MAAQ,IAAA,CAAK,KAAK,CAAA,GAAI,EAAA;AAAA,UACpD,eAAA,EAAc,MAAA;AAAA,UACd,eAAA,EAAe,MAAA;AAAA,UACf,SAAA,EAAWF,mBAAA,CAAG,kBAAA,EAAoB,MAAA,IAAU,SAAS,CAAA;AAAA,UACrD,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,YAAA,IAAI,MAAA,EAAQ;AAAE,cAAA,SAAA,CAAU,IAAI,CAAA;AAAG,cAAA;AAAA,YAAQ;AACvC,YAAA,SAAA,CAAU,UAAU,CAAA,CAAE,aAAA;AACtB,YAAA,WAAA,CAAY,OAAA,GAAU,KAAA;AACtB,YAAA,SAAA,CAAU,CAAC,CAAA;AACX,YAAA,QAAA,CAAS,KAAK,EAAE,CAAA;AAChB,YAAA,SAAA,CAAU,KAAK,EAAE,CAAA;AAAA,UACnB,CAAA;AAAA,UACA,YAAA,EAAc,CAAC,CAAA,KAAM;AACnB,YAAA,IAAI,CAAC,MAAA,EAAQ;AACb,YAAA,SAAA,CAAU,UAAU,CAAA,CAAE,aAAA;AACtB,YAAA,WAAA,CAAY,OAAA,GAAU,KAAA;AACtB,YAAA,SAAA,CAAU,CAAC,CAAA;AACX,YAAA,QAAA,CAAS,KAAK,EAAE,CAAA;AAChB,YAAA,SAAA,CAAU,KAAK,EAAE,CAAA;AAAA,UACnB,CAAA;AAAA,UACA,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,CAAK,EAAE,CAAA;AAAA,UAC/B,WAAW,CAAC,CAAA,KAAM,gBAAA,CAAiB,CAAA,EAAG,MAAM,KAAK,CAAA;AAAA,UAEhD,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,OACR;AAAA,MACC,MAAA,mCACEG,uBAAA,EAAA,EACC,QAAA,kBAAAD,cAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,QAAA;AAAA,UACL,IAAA,EAAK,MAAA;AAAA,UACL,cAAY,OAAO,IAAA,CAAK,KAAA,KAAU,QAAA,GAAW,KAAK,KAAA,GAAQ,MAAA;AAAA,UAC1D,SAAA,EAAU,eAAA;AAAA,UACV,SAAA,EAAW,cAAA;AAAA,UACX,KAAA,EAAO;AAAA,YACL,QAAA,EAAU,UAAA;AAAA,YACV,KAAK,GAAA,CAAI,GAAA;AAAA,YACT,MAAM,GAAA,CAAI,IAAA;AAAA,YACV,UAAA,EAAY,GAAA,CAAI,KAAA,GAAQ,SAAA,GAAY;AAAA,WACtC;AAAA,UAEC,eAAK,KAAA,CAAM,GAAA;AAAA,YAAI,CAAC,IAAA,EAAM,CAAA,KACrB,IAAA,CAAK,SAAA,kCACF,IAAA,EAAA,EAAiB,SAAA,EAAU,oBAAA,EAAqB,IAAA,EAAK,eAA7C,IAAA,CAAK,EAAoD,oBAElEA,cAAA,CAAC,IAAA,EAAA,EAAiB,MAAK,MAAA,EACrB,QAAA,kBAAAD,eAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,IAAA,EAAK,UAAA;AAAA,gBACL,GAAA,EAAK,CAAC,EAAA,KAAO;AAAE,kBAAA,QAAA,CAAS,OAAA,CAAQ,CAAC,CAAA,GAAI,EAAA;AAAA,gBAAI,CAAA;AAAA,gBACzC,QAAA,EAAU,UAAA,CAAW,MAAM,CAAA,KAAM,IAAI,CAAA,GAAI,EAAA;AAAA,gBACzC,UAAU,IAAA,CAAK,QAAA;AAAA,gBACf,SAAA,EAAWD,mBAAA,CAAG,eAAA,EAAiB,IAAA,CAAK,QAAA,IAAY,eAAe,UAAA,CAAW,MAAM,CAAA,KAAM,CAAA,IAAK,WAAW,CAAA;AAAA,gBACtG,cAAc,MAAM,SAAA,CAAU,UAAA,CAAW,OAAA,CAAQ,CAAC,CAAC,CAAA;AAAA,gBACnD,OAAA,EAAS,MAAM,UAAA,CAAW,IAAI,CAAA;AAAA,gBAE9B,QAAA,EAAA;AAAA,kCAAAE,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,kBAC5C,KAAK,QAAA,oBAAYA,cAAA,CAAC,SAAI,SAAA,EAAU,mBAAA,EAAqB,eAAK,QAAA,EAAS;AAAA;AAAA;AAAA,aACtE,EAAA,EAbO,KAAK,EAcd;AAAA;AAEJ;AAAA,OACF,EACF;AAAA,KAAA,EAAA,EAnEM,KAAK,EAqEf,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ","file":"chunk-V7MK42GX.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { useDismiss } from '../hooks/useDismiss';\n\nexport interface MenubarItem {\n  id: string;\n  label?: React.ReactNode;\n  onSelect?: () => void;\n  disabled?: boolean;\n  separator?: boolean;\n  shortcut?: string;\n}\n\nexport interface MenubarMenu {\n  id: string;\n  label: React.ReactNode;\n  items: MenubarItem[];\n}\n\nexport interface MenubarProps {\n  menus: MenubarMenu[];\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport function Menubar({ menus, className, ariaLabel = 'Barra de menús' }: MenubarProps) {\n  const [openId, setOpenId] = React.useState<string | null>(null);\n  const [active, setActive] = React.useState(0);\n  // Roving tab stop for the menubar row (one tab stop, arrows move between\n  // triggers — WAI-ARIA menubar pattern).\n  const [tabId, setTabId] = React.useState<string | null>(menus[0]?.id ?? null);\n  // Keyboard opens move focus into the menu; pointer opens don't.\n  const focusOnOpen = React.useRef(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const panelRef = React.useRef<HTMLUListElement>(null);\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  const triggerRefs = React.useRef<Record<string, HTMLButtonElement | null>>({});\n  const itemRefs = React.useRef<Array<HTMLButtonElement | null>>([]);\n\n  const open = openId !== null;\n  const openMenu = menus.find((m) => m.id === openId) ?? null;\n  const menuIndex = menus.findIndex((m) => m.id === openId);\n\n  // Positions within the open menu that are selectable (no\n  // separators/disabled). `active` indexes into this list.\n  const enabledIdx = (openMenu?.items ?? [])\n    .map((it, i) => (it.separator || it.disabled ? -1 : i))\n    .filter((i) => i >= 0);\n\n  const pos = usePopoverPosition(anchorRef, panelRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 6,\n  });\n\n  useDismiss({\n    open,\n    onDismiss: () => setOpenId(null),\n    refs: [rootRef, panelRef],\n    closeOnEscape: false,\n  });\n\n  const focusTrigger = (id: string | null) => {\n    if (id) triggerRefs.current[id]?.focus();\n  };\n\n  const openMenuById = (id: string, viaKeyboard: boolean) => {\n    const el = triggerRefs.current[id];\n    if (el) anchorRef.current = el;\n    focusOnOpen.current = viaKeyboard;\n    setActive(0);\n    setTabId(id);\n    setOpenId(id);\n  };\n\n  const closeAndFocusTrigger = () => {\n    const id = openId;\n    setOpenId(null);\n    focusTrigger(id);\n  };\n\n  React.useEffect(() => {\n    if (open && focusOnOpen.current) {\n      focusOnOpen.current = false;\n      const realIdx = enabledIdx[0];\n      if (realIdx != null) itemRefs.current[realIdx]?.focus();\n    }\n  }, [open, enabledIdx]);\n\n  React.useEffect(() => {\n    if (!open || focusOnOpen.current) return;\n    const realIdx = enabledIdx[active];\n    if (realIdx != null) itemRefs.current[realIdx]?.focus();\n  }, [open, active, enabledIdx]);\n\n  const selectItem = (item: MenubarItem) => {\n    if (item.disabled || item.separator) return;\n    item.onSelect?.();\n    closeAndFocusTrigger();\n  };\n\n  const stepMenu = (dir: 1 | -1) => {\n    if (menus.length === 0) return;\n    const from = menuIndex >= 0 ? menuIndex : 0;\n    const next = (from + dir + menus.length) % menus.length;\n    openMenuById(menus[next].id, true);\n  };\n\n  const onTriggerKeyDown = (e: React.KeyboardEvent, menu: MenubarMenu, index: number) => {\n    if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      openMenuById(menu.id, true);\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      const next = menus[(index + 1) % menus.length];\n      setTabId(next.id);\n      if (open) openMenuById(next.id, true);\n      else focusTrigger(next.id);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      const prev = menus[(index - 1 + menus.length) % menus.length];\n      setTabId(prev.id);\n      if (open) openMenuById(prev.id, true);\n      else focusTrigger(prev.id);\n    } else if (e.key === 'Escape' && open) {\n      e.preventDefault();\n      setOpenId(null);\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      setTabId(menus[0].id);\n      focusTrigger(menus[0].id);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      const last = menus[menus.length - 1];\n      setTabId(last.id);\n      focusTrigger(last.id);\n    }\n  };\n\n  const onPanelKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      closeAndFocusTrigger();\n    } else if (e.key === 'Tab') {\n      setOpenId(null);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      setActive((a) => Math.min(a + 1, enabledIdx.length - 1));\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      setActive((a) => Math.max(a - 1, 0));\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      setActive(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      setActive(Math.max(enabledIdx.length - 1, 0));\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      stepMenu(1);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      stepMenu(-1);\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      const realIdx = enabledIdx[active];\n      const it = realIdx != null ? openMenu?.items[realIdx] : undefined;\n      if (it) selectItem(it);\n    }\n  };\n\n  return (\n    <div ref={rootRef} role=\"menubar\" aria-label={ariaLabel} className={cx('menubar', className)}>\n      {menus.map((menu, index) => {\n        const isOpen = openId === menu.id;\n        return (\n          <div key={menu.id} className=\"menubar__menu\">\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              ref={(el) => { triggerRefs.current[menu.id] = el; }}\n              tabIndex={(tabId ?? menus[0]?.id) === menu.id ? 0 : -1}\n              aria-haspopup=\"menu\"\n              aria-expanded={isOpen}\n              className={cx('menubar__trigger', isOpen && 'is-open')}\n              onClick={(e) => {\n                if (isOpen) { setOpenId(null); return; }\n                anchorRef.current = e.currentTarget;\n                focusOnOpen.current = false;\n                setActive(0);\n                setTabId(menu.id);\n                setOpenId(menu.id);\n              }}\n              onMouseEnter={(e) => {\n                if (!openId) return;\n                anchorRef.current = e.currentTarget;\n                focusOnOpen.current = false;\n                setActive(0);\n                setTabId(menu.id);\n                setOpenId(menu.id);\n              }}\n              onFocus={() => setTabId(menu.id)}\n              onKeyDown={(e) => onTriggerKeyDown(e, menu, index)}\n            >\n              {menu.label}\n            </button>\n            {isOpen && (\n              <Portal>\n                <ul\n                  ref={panelRef}\n                  role=\"menu\"\n                  aria-label={typeof menu.label === 'string' ? menu.label : undefined}\n                  className=\"menubar__list\"\n                  onKeyDown={onPanelKeyDown}\n                  style={{\n                    position: 'absolute',\n                    top: pos.top,\n                    left: pos.left,\n                    visibility: pos.ready ? 'visible' : 'hidden',\n                  }}\n                >\n                  {menu.items.map((item, i) =>\n                    item.separator ? (\n                      <li key={item.id} className=\"menubar__separator\" role=\"separator\" />\n                    ) : (\n                      <li key={item.id} role=\"none\">\n                        <button\n                          type=\"button\"\n                          role=\"menuitem\"\n                          ref={(el) => { itemRefs.current[i] = el; }}\n                          tabIndex={enabledIdx[active] === i ? 0 : -1}\n                          disabled={item.disabled}\n                          className={cx('menubar__item', item.disabled && 'is-disabled', enabledIdx[active] === i && 'is-active')}\n                          onMouseEnter={() => setActive(enabledIdx.indexOf(i))}\n                          onClick={() => selectItem(item)}\n                        >\n                          <span className=\"menubar__label\">{item.label}</span>\n                          {item.shortcut && <kbd className=\"menubar__shortcut\">{item.shortcut}</kbd>}\n                        </button>\n                      </li>\n                    )\n                  )}\n                </ul>\n              </Portal>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/chunk-VR4OXVKE.js

@@ -0,0 +1,198 @@
+'use strict';
+
+var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
+var chunkDPMUWQHL_js = require('./chunk-DPMUWQHL.js');
+var chunkGLYGO7WX_js = require('./chunk-GLYGO7WX.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 NavigationMenu({ items, className, ariaLabel = "Navegaci\xF3n principal", linkAs, rootLinkAs }) {
+  const [openId, setOpenId] = React__namespace.useState(null);
+  const focusOnOpen = React__namespace.useRef(false);
+  const rootRef = React__namespace.useRef(null);
+  const panelRef = React__namespace.useRef(null);
+  const anchorRef = React__namespace.useRef(null);
+  const triggerRefs = React__namespace.useRef({});
+  const open = openId !== null;
+  const pos = chunkDPMUWQHL_js.usePopoverPosition(anchorRef, panelRef, {
+    open,
+    side: "bottom",
+    align: "start",
+    offset: 8
+  });
+  chunkXMLBKK7X_js.useDismiss({
+    open,
+    onDismiss: () => setOpenId(null),
+    refs: [rootRef, panelRef],
+    closeOnEscape: false
+  });
+  const closeAndFocusTrigger = () => {
+    const id = openId;
+    setOpenId(null);
+    if (id) triggerRefs.current[id]?.focus();
+  };
+  const panelLinks = () => Array.from(panelRef.current?.querySelectorAll(".nav-menu__link") ?? []);
+  const focusLinkAt = (index) => {
+    const links = panelLinks();
+    if (links.length === 0) return;
+    const wrapped = (index % links.length + links.length) % links.length;
+    links[wrapped]?.focus();
+  };
+  React__namespace.useEffect(() => {
+    if (open && focusOnOpen.current) {
+      focusOnOpen.current = false;
+      focusLinkAt(0);
+    }
+  }, [open]);
+  const onPanelKeyDown = (e) => {
+    const links = panelLinks();
+    const current = links.indexOf(document.activeElement);
+    if (e.key === "Escape") {
+      e.preventDefault();
+      closeAndFocusTrigger();
+    } else if (e.key === "Tab") {
+      setOpenId(null);
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      focusLinkAt(current + 1);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      focusLinkAt(current - 1);
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      focusLinkAt(0);
+    } else if (e.key === "End") {
+      e.preventDefault();
+      focusLinkAt(links.length - 1);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { ref: rootRef, "aria-label": ariaLabel, className: chunkPASF6T4H_js.cx("nav-menu", className), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "nav-menu__list", children: items.map((item) => {
+    const hasChildren = !!item.links?.length;
+    const isOpen = openId === item.id;
+    const triggerCls = chunkPASF6T4H_js.cx("nav-menu__trigger", isOpen && "is-open");
+    const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
+      hasChildren && /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronDown, { size: 14, className: "nav-menu__chevron" })
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "nav-menu__item", children: [
+      hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          ref: (el) => {
+            triggerRefs.current[item.id] = el;
+          },
+          className: triggerCls,
+          "aria-expanded": isOpen,
+          "aria-haspopup": "menu",
+          onClick: (e) => {
+            if (isOpen) {
+              setOpenId(null);
+              return;
+            }
+            anchorRef.current = e.currentTarget;
+            focusOnOpen.current = false;
+            setOpenId(item.id);
+          },
+          onMouseEnter: (e) => {
+            if (!openId) return;
+            anchorRef.current = e.currentTarget;
+            focusOnOpen.current = false;
+            setOpenId(item.id);
+          },
+          onKeyDown: (e) => {
+            if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              if (isOpen) {
+                focusLinkAt(0);
+                return;
+              }
+              anchorRef.current = e.currentTarget;
+              focusOnOpen.current = true;
+              setOpenId(item.id);
+            } else if (e.key === "Escape" && isOpen) {
+              e.preventDefault();
+              setOpenId(null);
+            }
+          },
+          children: content
+        }
+      ) : rootLinkAs && item.href ? rootLinkAs(item, content, triggerCls) : /* @__PURE__ */ jsxRuntime.jsx("a", { className: triggerCls, href: item.href, children: content }),
+      hasChildren && isOpen && /* @__PURE__ */ jsxRuntime.jsx(chunkGLYGO7WX_js.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: panelRef,
+          className: "nav-menu__panel",
+          role: "menu",
+          "aria-label": typeof item.label === "string" ? item.label : void 0,
+          onKeyDown: onPanelKeyDown,
+          style: {
+            position: "absolute",
+            top: pos.top,
+            left: pos.left,
+            visibility: pos.ready ? "visible" : "hidden"
+          },
+          children: [
+            item.featured && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nav-menu__featured", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: item.featured.label }),
+              item.featured.description && /* @__PURE__ */ jsxRuntime.jsx("p", { children: item.featured.description })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "nav-menu__sublist", children: item.links.map((link) => {
+              const linkCls = "nav-menu__link";
+              const linkContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                link.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nav-menu__link-icon", children: link.icon }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nav-menu__link-body", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nav-menu__link-label", children: link.label }),
+                  link.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nav-menu__link-desc", children: link.description })
+                ] })
+              ] });
+              return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "none", children: linkAs ? linkAs(link, linkContent, linkCls) : /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  role: "menuitem",
+                  tabIndex: -1,
+                  className: linkCls,
+                  href: link.href,
+                  onClick: (e) => {
+                    if (link.onClick) {
+                      e.preventDefault();
+                      link.onClick();
+                    }
+                    closeAndFocusTrigger();
+                  },
+                  children: linkContent
+                }
+              ) }, link.id);
+            }) })
+          ]
+        }
+      ) })
+    ] }, item.id);
+  }) }) });
+}
+
+exports.NavigationMenu = NavigationMenu;
+//# sourceMappingURL=chunk-VR4OXVKE.js.map
+//# sourceMappingURL=chunk-VR4OXVKE.js.map

package/dist/chunk-VR4OXVKE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavigationMenu.tsx"],"names":["React","usePopoverPosition","useDismiss","cx","jsxs","Fragment","jsx","ChevronDown","Portal"],"mappings":"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","file":"chunk-VR4OXVKE.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown } from './Icons';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { useDismiss } from '../hooks/useDismiss';\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  // When the panel was opened by keyboard we move focus into it; pointer\n  // (click/hover) opens leave focus with the user's cursor.\n  const focusOnOpen = React.useRef(false);\n  const rootRef = React.useRef<HTMLElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  // The currently-open trigger; usePopoverPosition anchors to this and\n  // focus returns here on close. One panel is open at a time, so a single\n  // anchor ref is correct (see todo.md risk note).\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  const triggerRefs = React.useRef<Record<string, HTMLButtonElement | null>>({});\n\n  const open = openId !== null;\n\n  const pos = usePopoverPosition(anchorRef, panelRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 8,\n  });\n\n  // Outside-click closes; Escape is handled on the panel so it can also\n  // return focus to the trigger (WAI-ARIA disclosure/menu pattern).\n  useDismiss({\n    open,\n    onDismiss: () => setOpenId(null),\n    refs: [rootRef, panelRef],\n    closeOnEscape: false,\n  });\n\n  const closeAndFocusTrigger = () => {\n    const id = openId;\n    setOpenId(null);\n    if (id) triggerRefs.current[id]?.focus();\n  };\n\n  // `.nav-menu__link` is applied to every link node (default <a> and the\n  // `linkAs` render-prop alike), so querying by class manages focus\n  // uniformly regardless of how the consumer renders links.\n  const panelLinks = (): HTMLElement[] =>\n    Array.from(panelRef.current?.querySelectorAll<HTMLElement>('.nav-menu__link') ?? []);\n\n  const focusLinkAt = (index: number) => {\n    const links = panelLinks();\n    if (links.length === 0) return;\n    const wrapped = ((index % links.length) + links.length) % links.length;\n    links[wrapped]?.focus();\n  };\n\n  React.useEffect(() => {\n    if (open && focusOnOpen.current) {\n      focusOnOpen.current = false;\n      focusLinkAt(0);\n    }\n  }, [open]);\n\n  const onPanelKeyDown = (e: React.KeyboardEvent) => {\n    const links = panelLinks();\n    const current = links.indexOf(document.activeElement as HTMLElement);\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      closeAndFocusTrigger();\n    } else if (e.key === 'Tab') {\n      setOpenId(null);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      focusLinkAt(current + 1);\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      focusLinkAt(current - 1);\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      focusLinkAt(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      focusLinkAt(links.length - 1);\n    }\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                  ref={(el) => { triggerRefs.current[item.id] = el; }}\n                  className={triggerCls}\n                  aria-expanded={isOpen}\n                  aria-haspopup=\"menu\"\n                  onClick={(e) => {\n                    if (isOpen) { setOpenId(null); return; }\n                    anchorRef.current = e.currentTarget;\n                    focusOnOpen.current = false;\n                    setOpenId(item.id);\n                  }}\n                  onMouseEnter={(e) => {\n                    if (!openId) return;\n                    anchorRef.current = e.currentTarget;\n                    focusOnOpen.current = false;\n                    setOpenId(item.id);\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      if (isOpen) { focusLinkAt(0); return; }\n                      anchorRef.current = e.currentTarget;\n                      focusOnOpen.current = true;\n                      setOpenId(item.id);\n                    } else if (e.key === 'Escape' && isOpen) {\n                      e.preventDefault();\n                      setOpenId(null);\n                    }\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 && (\n                <Portal>\n                  <div\n                    ref={panelRef}\n                    className=\"nav-menu__panel\"\n                    role=\"menu\"\n                    aria-label={typeof item.label === 'string' ? item.label : undefined}\n                    onKeyDown={onPanelKeyDown}\n                    style={{\n                      position: 'absolute',\n                      top: pos.top,\n                      left: pos.left,\n                      visibility: pos.ready ? 'visible' : 'hidden',\n                    }}\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                                tabIndex={-1}\n                                className={linkCls}\n                                href={link.href}\n                                onClick={(e) => {\n                                  if (link.onClick) {\n                                    e.preventDefault();\n                                    link.onClick();\n                                  }\n                                  closeAndFocusTrigger();\n                                }}\n                              >\n                                {linkContent}\n                              </a>\n                            )}\n                          </li>\n                        );\n                      })}\n                    </ul>\n                  </div>\n                </Portal>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n"]}