@misael703/ui 1.0.0

package/dist/chunk-W6YOBPL5.js

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

package/dist/chunk-W6YOBPL5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/HoverCard.tsx"],"names":["React","jsx","cx","jsxs","createPortal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,QAAA;AAAA,EACZ,SAAA,GAAY,GAAA;AAAA,EACZ,UAAA,GAAa,GAAA;AAAA,EACb,MAAA,GAAS,CAAA;AAAA,EACT,SAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAUA,0BAA+C,IAAI,CAAA;AACrF,EAAA,MAAM,UAAA,GAAmBA,wBAAwB,IAAI,CAAA;AACrD,EAAA,MAAM,UAAA,GAAmBA,wBAAuB,IAAI,CAAA;AACpD,EAAA,MAAM,SAAA,GAAkBA,wBAA6C,IAAI,CAAA;AACzE,EAAA,MAAM,UAAA,GAAmBA,wBAA6C,IAAI,CAAA;AAE1E,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,IAAI,SAAA,CAAU,OAAA,EAAS,YAAA,CAAa,SAAA,CAAU,OAAO,CAAA;AACrD,IAAA,IAAI,UAAA,CAAW,OAAA,EAAS,YAAA,CAAa,UAAA,CAAW,OAAO,CAAA;AAAA,EACzD,CAAA;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,KAAA,EAAM;AACN,IAAA,SAAA,CAAU,UAAU,UAAA,CAAW,MAAM,OAAA,CAAQ,IAAI,GAAG,SAAS,CAAA;AAAA,EAC/D,CAAA;AACA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,KAAA,EAAM;AACN,IAAA,UAAA,CAAW,UAAU,UAAA,CAAW,MAAM,OAAA,CAAQ,KAAK,GAAG,UAAU,CAAA;AAAA,EAClE,CAAA;AAEA,EAAMA,2BAAU,MAAM,MAAM,KAAA,EAAM,EAAG,EAAE,CAAA;AAEvC,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,WAAW,OAAA,IAAW,CAAC,WAAW,OAAA,EAAS;AACzD,IAAA,MAAM,CAAA,GAAI,UAAA,CAAW,OAAA,CAAQ,qBAAA,EAAsB;AACnD,IAAA,MAAM,CAAA,GAAI,UAAA,CAAW,OAAA,CAAQ,qBAAA,EAAsB;AACnD,IAAA,IAAI,GAAA,GAAM,CAAA;AACV,IAAA,IAAI,IAAA,GAAO,CAAA;AACX,IAAA,IAAI,cAAc,QAAA,EAAU;AAAE,MAAA,GAAA,GAAM,EAAE,MAAA,GAAS,MAAA;AAAQ,MAAA,IAAA,GAAO,CAAA,CAAE,IAAA,GAAA,CAAQ,CAAA,CAAE,KAAA,GAAQ,EAAE,KAAA,IAAS,CAAA;AAAA,IAAG,CAAA,MAAA,IACvF,cAAc,KAAA,EAAO;AAAE,MAAA,GAAA,GAAM,CAAA,CAAE,GAAA,GAAM,CAAA,CAAE,MAAA,GAAS,MAAA;AAAQ,MAAA,IAAA,GAAO,CAAA,CAAE,IAAA,GAAA,CAAQ,CAAA,CAAE,KAAA,GAAQ,EAAE,KAAA,IAAS,CAAA;AAAA,IAAG,CAAA,MAAA,IACjG,cAAc,OAAA,EAAS;AAAE,MAAA,IAAA,GAAO,EAAE,KAAA,GAAQ,MAAA;AAAQ,MAAA,GAAA,GAAM,CAAA,CAAE,GAAA,GAAA,CAAO,CAAA,CAAE,MAAA,GAAS,EAAE,MAAA,IAAU,CAAA;AAAA,IAAG,CAAA,MAC/F;AAAE,MAAA,IAAA,GAAO,CAAA,CAAE,IAAA,GAAO,CAAA,CAAE,KAAA,GAAQ,MAAA;AAAQ,MAAA,GAAA,GAAM,CAAA,CAAE,GAAA,GAAA,CAAO,CAAA,CAAE,MAAA,GAAS,EAAE,MAAA,IAAU,CAAA;AAAA,IAAG;AAClF,IAAA,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,IAAA,EAAM,MAAA,CAAO,UAAA,GAAa,CAAA,CAAE,KAAA,GAAQ,CAAC,CAAC,CAAA;AAClE,IAAA,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,MAAA,CAAO,WAAA,GAAc,CAAA,CAAE,MAAA,GAAS,CAAC,CAAC,CAAA;AAClE,IAAA,SAAA,CAAU,EAAE,KAAK,GAAA,GAAM,MAAA,CAAO,SAAS,IAAA,EAAM,IAAA,GAAO,MAAA,CAAO,OAAA,EAAS,CAAA;AAAA,EACtE,CAAA,EAAG,CAAC,IAAA,EAAM,SAAA,EAAW,MAAM,CAAC,CAAA;AAE5B,EAAA,MAAM,QAAQ,IAAA,oBACZC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,UAAA;AAAA,MACL,IAAA,EAAK,SAAA;AAAA,MACL,SAAA,EAAWC,mBAAA,CAAG,qBAAA,EAAuB,gBAAgB,CAAA;AAAA,MACrD,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,MAC5H,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MAEb;AAAA;AAAA,GACH;AAGF,EAAA,uBACEC,eAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,mBAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,MACrC,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MACd,OAAA,EAAS,OAAA;AAAA,MACT,MAAA,EAAQ,OAAA;AAAA,MAER,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAK,UAAA,EAAY,SAAA,EAAU,uBAAuB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,QAC/D,SAAS,OAAO,QAAA,KAAa,eAAeG,qBAAA,CAAa,KAAA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA,GAChF;AAEJ","file":"chunk-W6YOBPL5.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\n\nexport type HoverCardPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface HoverCardProps {\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  placement?: HoverCardPlacement;\n  openDelay?: number;\n  closeDelay?: number;\n  offset?: number;\n  className?: string;\n  contentClassName?: string;\n}\n\nexport function HoverCard({\n  trigger,\n  children,\n  placement = 'bottom',\n  openDelay = 250,\n  closeDelay = 150,\n  offset = 8,\n  className,\n  contentClassName,\n}: HoverCardProps) {\n  const [open, setOpen] = React.useState(false);\n  const [coords, setCoords] = React.useState<{ top: number; left: number } | null>(null);\n  const triggerRef = React.useRef<HTMLSpanElement>(null);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const openTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clear = () => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  };\n\n  const onEnter = () => {\n    clear();\n    openTimer.current = setTimeout(() => setOpen(true), openDelay);\n  };\n  const onLeave = () => {\n    clear();\n    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);\n  };\n\n  React.useEffect(() => () => clear(), []);\n\n  React.useEffect(() => {\n    if (!open || !triggerRef.current || !contentRef.current) return;\n    const t = triggerRef.current.getBoundingClientRect();\n    const c = contentRef.current.getBoundingClientRect();\n    let top = 0;\n    let left = 0;\n    if (placement === 'bottom') { top = t.bottom + offset; left = t.left + (t.width - c.width) / 2; }\n    else if (placement === 'top') { top = t.top - c.height - offset; left = t.left + (t.width - c.width) / 2; }\n    else if (placement === 'right') { left = t.right + offset; top = t.top + (t.height - c.height) / 2; }\n    else { left = t.left - c.width - offset; top = t.top + (t.height - c.height) / 2; }\n    left = Math.max(8, Math.min(left, window.innerWidth - c.width - 8));\n    top = Math.max(8, Math.min(top, window.innerHeight - c.height - 8));\n    setCoords({ top: top + window.scrollY, left: left + window.scrollX });\n  }, [open, placement, offset]);\n\n  const panel = open && (\n    <div\n      ref={contentRef}\n      role=\"tooltip\"\n      className={cx('hover-card__content', contentClassName)}\n      style={coords ? { position: 'absolute', top: coords.top, left: coords.left } : { position: 'absolute', visibility: 'hidden' }}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    >\n      {children}\n    </div>\n  );\n\n  return (\n    <span\n      className={cx('hover-card', className)}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n      onFocus={onEnter}\n      onBlur={onLeave}\n    >\n      <span ref={triggerRef} className=\"hover-card__trigger\">{trigger}</span>\n      {panel && typeof document !== 'undefined' && createPortal(panel, document.body)}\n    </span>\n  );\n}\n"]}

package/dist/chunk-X2DBGT7M.mjs

@@ -0,0 +1,117 @@
+import { Star, ChevronDown } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Hero({
+  eyebrow,
+  title,
+  subtitle,
+  actions,
+  image,
+  align = "center",
+  tone = "brand",
+  size = "md",
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  const computedTone = image ? "image" : tone;
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: cx("hero", `hero--${computedTone}`, `hero--align-${align}`, `hero--${size}`, className),
+      style: image ? { backgroundImage: `url(${image})`, ...style } : style,
+      ...rest,
+      children: /* @__PURE__ */ jsxs("div", { className: "hero__inner", children: [
+        eyebrow && /* @__PURE__ */ jsx("div", { className: "hero__eyebrow", children: eyebrow }),
+        /* @__PURE__ */ jsx("h1", { className: "hero__title", children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "hero__subtitle", children: subtitle }),
+        actions && /* @__PURE__ */ jsx("div", { className: "hero__actions", children: actions }),
+        children
+      ] })
+    }
+  );
+}
+function Testimonial({
+  quote,
+  author,
+  role,
+  company,
+  avatarSrc,
+  rating,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs("figure", { className: cx("testimonial", className), ...rest, children: [
+    rating != null && /* @__PURE__ */ jsx("div", { className: "testimonial__rating", "aria-label": `${rating} de 5 estrellas`, children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx(Star, { size: 14, className: i < rating ? "is-filled" : "" }, i)) }),
+    /* @__PURE__ */ jsxs("blockquote", { className: "testimonial__quote", children: [
+      '"',
+      quote,
+      '"'
+    ] }),
+    /* @__PURE__ */ jsxs("figcaption", { className: "testimonial__caption", children: [
+      avatarSrc && /* @__PURE__ */ jsx("img", { src: avatarSrc, alt: "", className: "testimonial__avatar" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "testimonial__author", children: author }),
+        (role || company) && /* @__PURE__ */ jsxs("div", { className: "testimonial__meta", children: [
+          role,
+          role && company ? " \xB7 " : "",
+          company
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function CategoryNav({ categories, className, ...rest }) {
+  const [openId, setOpenId] = React.useState(null);
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    if (!openId) return;
+    const onClick = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) 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]);
+  return /* @__PURE__ */ jsx("nav", { ref, className: cx("category-nav", className), "aria-label": "Categor\xEDas", ...rest, children: /* @__PURE__ */ jsx("ul", { className: "category-nav__list", children: categories.map((c) => {
+    const hasMega = !!(c.groups && c.groups.length);
+    const isOpen = openId === c.id;
+    return /* @__PURE__ */ jsxs("li", { className: "category-nav__item", children: [
+      hasMega ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: cx("category-nav__link", isOpen && "is-open"),
+          "aria-expanded": isOpen,
+          "aria-haspopup": "true",
+          onClick: () => setOpenId(isOpen ? null : c.id),
+          children: [
+            c.label,
+            /* @__PURE__ */ jsx(ChevronDown, { size: 12 })
+          ]
+        }
+      ) : /* @__PURE__ */ jsx("a", { href: c.href ?? "#", className: "category-nav__link", children: c.label }),
+      hasMega && isOpen && // Click-to-open instead of hover so the mega menu works
+      // identically on touch devices (no hover events) and is
+      // accessible to keyboard/screen-reader users. Closes on
+      // outside click via the document mousedown listener above.
+      /* @__PURE__ */ jsx("div", { className: "category-nav__mega", children: c.groups.map((g, i) => /* @__PURE__ */ jsxs("div", { className: "category-nav__group", children: [
+        /* @__PURE__ */ jsx("div", { className: "category-nav__group-title", children: g.title }),
+        /* @__PURE__ */ jsx("ul", { className: "category-nav__group-items", children: g.items.map((it, j) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: it.href ?? "#", children: it.label }) }, j)) })
+      ] }, i)) })
+    ] }, c.id);
+  }) }) });
+}
+
+export { CategoryNav, Hero, Testimonial };
+//# sourceMappingURL=chunk-X2DBGT7M.mjs.map
+//# sourceMappingURL=chunk-X2DBGT7M.mjs.map

package/dist/chunk-X2DBGT7M.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Marketing.tsx"],"names":[],"mappings":"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","file":"chunk-X2DBGT7M.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown, Star } from './Icons';\n\n// ---------- Hero / Banner ----------------------------------------------\nexport interface HeroProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  eyebrow?: React.ReactNode;\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  actions?: React.ReactNode;\n  /** Imagen de fondo. */\n  image?: string;\n  /** Posiciona el contenido. Default: center. */\n  align?: 'start' | 'center' | 'end';\n  /** Variantes visuales. */\n  tone?: 'brand' | 'inverse' | 'subtle' | 'image';\n  /** Altura. */\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport function Hero({\n  eyebrow, title, subtitle, actions, image,\n  align = 'center', tone = 'brand', size = 'md',\n  className, style, children, ...rest\n}: HeroProps) {\n  const computedTone = image ? 'image' : tone;\n  return (\n    <section\n      className={cx('hero', `hero--${computedTone}`, `hero--align-${align}`, `hero--${size}`, className)}\n      style={image ? { backgroundImage: `url(${image})`, ...style } : style}\n      {...rest}\n    >\n      <div className=\"hero__inner\">\n        {eyebrow && <div className=\"hero__eyebrow\">{eyebrow}</div>}\n        <h1 className=\"hero__title\">{title}</h1>\n        {subtitle && <p className=\"hero__subtitle\">{subtitle}</p>}\n        {actions && <div className=\"hero__actions\">{actions}</div>}\n        {children}\n      </div>\n    </section>\n  );\n}\n\n// ---------- Testimonial -------------------------------------------------\nexport interface TestimonialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {\n  quote: React.ReactNode;\n  author: React.ReactNode;\n  role?: React.ReactNode;\n  company?: React.ReactNode;\n  avatarSrc?: string;\n  rating?: number;        // 0..5\n}\n\nexport function Testimonial({\n  quote, author, role, company, avatarSrc, rating,\n  className, ...rest\n}: TestimonialProps) {\n  return (\n    <figure className={cx('testimonial', className)} {...rest}>\n      {rating != null && (\n        <div className=\"testimonial__rating\" aria-label={`${rating} de 5 estrellas`}>\n          {Array.from({ length: 5 }, (_, i) => (\n            <Star key={i} size={14} className={i < rating ? 'is-filled' : ''} />\n          ))}\n        </div>\n      )}\n      <blockquote className=\"testimonial__quote\">\"{quote}\"</blockquote>\n      <figcaption className=\"testimonial__caption\">\n        {avatarSrc && <img src={avatarSrc} alt=\"\" className=\"testimonial__avatar\" />}\n        <div>\n          <div className=\"testimonial__author\">{author}</div>\n          {(role || company) && (\n            <div className=\"testimonial__meta\">\n              {role}{role && company ? ' · ' : ''}{company}\n            </div>\n          )}\n        </div>\n      </figcaption>\n    </figure>\n  );\n}\n\n// ---------- CategoryNav (mega menu) ------------------------------------\nexport interface CategoryItem {\n  id: string;\n  label: React.ReactNode;\n  href?: string;\n  /** Subcategorías agrupadas (mega menu). */\n  groups?: Array<{ title: React.ReactNode; items: Array<{ label: React.ReactNode; href?: string }> }>;\n  /** Si tiene groups, se muestra el mega menu en hover. */\n}\n\nexport interface CategoryNavProps extends React.HTMLAttributes<HTMLElement> {\n  categories: CategoryItem[];\n}\n\nexport function CategoryNav({ categories, className, ...rest }: CategoryNavProps) {\n  const [openId, setOpenId] = React.useState<string | null>(null);\n  const ref = React.useRef<HTMLElement>(null);\n\n  React.useEffect(() => {\n    if (!openId) return;\n    const onClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpenId(null);\n    };\n    const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpenId(null); };\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  return (\n    <nav ref={ref} className={cx('category-nav', className)} aria-label=\"Categorías\" {...rest}>\n      <ul className=\"category-nav__list\">\n        {categories.map((c) => {\n          const hasMega = !!(c.groups && c.groups.length);\n          const isOpen = openId === c.id;\n          return (\n            <li key={c.id} className=\"category-nav__item\">\n              {hasMega ? (\n                <button\n                  type=\"button\"\n                  className={cx('category-nav__link', isOpen && 'is-open')}\n                  aria-expanded={isOpen}\n                  aria-haspopup=\"true\"\n                  onClick={() => setOpenId(isOpen ? null : c.id)}\n                >\n                  {c.label}\n                  <ChevronDown size={12} />\n                </button>\n              ) : (\n                <a href={c.href ?? '#'} className=\"category-nav__link\">{c.label}</a>\n              )}\n              {hasMega && isOpen && (\n                // Click-to-open instead of hover so the mega menu works\n                // identically on touch devices (no hover events) and is\n                // accessible to keyboard/screen-reader users. Closes on\n                // outside click via the document mousedown listener above.\n                <div className=\"category-nav__mega\">\n                  {c.groups!.map((g, i) => (\n                    <div key={i} className=\"category-nav__group\">\n                      <div className=\"category-nav__group-title\">{g.title}</div>\n                      <ul className=\"category-nav__group-items\">\n                        {g.items.map((it, j) => (\n                          <li key={j}><a href={it.href ?? '#'}>{it.label}</a></li>\n                        ))}\n                      </ul>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n"]}

package/dist/chunk-YBOTLQ3G.mjs

@@ -0,0 +1,99 @@
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Menubar({ menus, className, ariaLabel = "Barra de men\xFAs" }) {
+  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 });
+  };
+  const handleSelect = (item) => {
+    if (item.disabled || item.separator) return;
+    item.onSelect?.();
+    setOpenId(null);
+  };
+  return /* @__PURE__ */ jsx("div", { ref: rootRef, role: "menubar", "aria-label": ariaLabel, className: cx("menubar", className), children: menus.map((menu) => {
+    const isOpen = openId === menu.id;
+    return /* @__PURE__ */ jsxs("div", { className: "menubar__menu", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          "aria-haspopup": "menu",
+          "aria-expanded": isOpen,
+          className: cx("menubar__trigger", isOpen && "is-open"),
+          onClick: (e) => {
+            if (isOpen) {
+              setOpenId(null);
+              return;
+            }
+            positionPanel(e.currentTarget);
+            setOpenId(menu.id);
+          },
+          onMouseEnter: (e) => {
+            if (!openId) return;
+            positionPanel(e.currentTarget);
+            setOpenId(menu.id);
+          },
+          children: menu.label
+        }
+      ),
+      isOpen && typeof document !== "undefined" && createPortal(
+        /* @__PURE__ */ jsx(
+          "ul",
+          {
+            ref: panelRef,
+            role: "menu",
+            className: "menubar__list",
+            style: coords ? { position: "absolute", top: coords.top, left: coords.left } : { position: "absolute", visibility: "hidden" },
+            children: menu.items.map(
+              (item) => item.separator ? /* @__PURE__ */ jsx("li", { className: "menubar__separator", role: "separator" }, item.id) : /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  disabled: item.disabled,
+                  className: cx("menubar__item", item.disabled && "is-disabled"),
+                  onClick: () => handleSelect(item),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "menubar__label", children: item.label }),
+                    item.shortcut && /* @__PURE__ */ jsx("kbd", { className: "menubar__shortcut", children: item.shortcut })
+                  ]
+                }
+              ) }, item.id)
+            )
+          }
+        ),
+        document.body
+      )
+    ] }, menu.id);
+  }) });
+}
+
+export { Menubar };
+//# sourceMappingURL=chunk-YBOTLQ3G.mjs.map
+//# sourceMappingURL=chunk-YBOTLQ3G.mjs.map

package/dist/chunk-YBOTLQ3G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Menubar.tsx"],"names":[],"mappings":"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","file":"chunk-YBOTLQ3G.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\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 [coords, setCoords] = React.useState<{ top: number; left: number } | null>(null);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const panelRef = React.useRef<HTMLUListElement>(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  const handleSelect = (item: MenubarItem) => {\n    if (item.disabled || item.separator) return;\n    item.onSelect?.();\n    setOpenId(null);\n  };\n\n  return (\n    <div ref={rootRef} role=\"menubar\" aria-label={ariaLabel} className={cx('menubar', className)}>\n      {menus.map((menu) => {\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              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                positionPanel(e.currentTarget);\n                setOpenId(menu.id);\n              }}\n              onMouseEnter={(e) => {\n                if (!openId) return;\n                positionPanel(e.currentTarget);\n                setOpenId(menu.id);\n              }}\n            >\n              {menu.label}\n            </button>\n            {isOpen && typeof document !== 'undefined' && createPortal(\n              <ul\n                ref={panelRef}\n                role=\"menu\"\n                className=\"menubar__list\"\n                style={coords ? { position: 'absolute', top: coords.top, left: coords.left } : { position: 'absolute', visibility: 'hidden' }}\n              >\n                {menu.items.map((item) =>\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                        disabled={item.disabled}\n                        className={cx('menubar__item', item.disabled && 'is-disabled')}\n                        onClick={() => handleSelect(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              document.body\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/chunk-Z3FAKG3E.mjs

@@ -0,0 +1,125 @@
+import { useLocale } from './chunk-ZRFSTYRL.mjs';
+import { ChevronRight, ChevronLeft, MenuIcon } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var NavItemNode = React.memo(function NavItemNode2({
+  item,
+  depth,
+  linkAs,
+  onCloseMobile
+}) {
+  const klass = cx("appshell__navitem", item.active && "is-active", `appshell__navitem--depth-${depth}`);
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    item.icon && /* @__PURE__ */ jsx("span", { className: "appshell__navicon", "aria-hidden": "true", children: item.icon }),
+    /* @__PURE__ */ jsx("span", { className: "appshell__navlabel", children: item.label }),
+    item.badge && /* @__PURE__ */ jsx("span", { className: "appshell__navbadge", children: item.badge })
+  ] });
+  const node = item.href && linkAs ? linkAs(item, inner, klass) : /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: item.href ?? "#",
+      className: klass,
+      "aria-current": item.active ? "page" : void 0,
+      onClick: (e) => {
+        if (!item.href) e.preventDefault();
+        item.onSelect?.();
+        onCloseMobile();
+      },
+      children: inner
+    }
+  );
+  return /* @__PURE__ */ jsxs("li", { children: [
+    node,
+    item.children && item.children.length > 0 && /* @__PURE__ */ jsx("ul", { className: "appshell__navchildren", children: item.children.map((c) => /* @__PURE__ */ jsx(NavItemNode2, { item: c, depth: depth + 1, linkAs, onCloseMobile }, c.id)) })
+  ] });
+});
+function AppShell({
+  brand,
+  brandCollapsed,
+  sections,
+  topbar,
+  footer,
+  user,
+  defaultCollapsed = false,
+  collapsed: ctrlCollapsed,
+  onCollapsedChange,
+  children,
+  className,
+  theme = "default",
+  linkAs
+}) {
+  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);
+  const [mobileOpen, setMobileOpen] = React.useState(false);
+  const t = useLocale();
+  const collapsed = ctrlCollapsed ?? internalCollapsed;
+  const setCollapsed = (v) => {
+    if (ctrlCollapsed === void 0) setInternalCollapsed(v);
+    onCollapsedChange?.(v);
+  };
+  const closeMobile = React.useCallback(() => setMobileOpen(false), []);
+  return /* @__PURE__ */ jsxs("div", { className: cx("appshell", `appshell--${theme}`, collapsed && "is-collapsed", mobileOpen && "is-mobile-open", className), children: [
+    /* @__PURE__ */ jsxs("aside", { className: "appshell__sidebar", "aria-label": t["appshell.mainNav"], children: [
+      /* @__PURE__ */ jsx("div", { className: "appshell__brand", children: collapsed ? brandCollapsed ?? brand : brand }),
+      /* @__PURE__ */ jsx("nav", { className: "appshell__nav", children: sections.map((s, i) => /* @__PURE__ */ jsxs("div", { className: "appshell__navsection", children: [
+        s.label && /* @__PURE__ */ jsx("div", { className: "appshell__navlabel-section", children: s.label }),
+        /* @__PURE__ */ jsx("ul", { children: s.items.map((it) => /* @__PURE__ */ jsx(NavItemNode, { item: it, depth: 0, linkAs, onCloseMobile: closeMobile }, it.id)) })
+      ] }, s.id ?? i)) }),
+      /* @__PURE__ */ jsxs("div", { className: "appshell__sidebar-foot", children: [
+        footer,
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "appshell__collapse",
+            onClick: () => setCollapsed(!collapsed),
+            "aria-label": collapsed ? t["appshell.expandMenu"] : t["appshell.collapseMenu"],
+            title: collapsed ? t["appshell.expand"] : t["appshell.collapse"],
+            children: collapsed ? /* @__PURE__ */ jsx(ChevronRight, { size: 14 }) : /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "appshell__main", children: [
+      /* @__PURE__ */ jsxs("header", { className: "appshell__topbar", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "appshell__hamburger",
+            "aria-label": t["appshell.openMenu"],
+            "aria-expanded": mobileOpen,
+            onClick: () => setMobileOpen((o) => !o),
+            children: /* @__PURE__ */ jsx(MenuIcon, { size: 20 })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "appshell__topbar-content", children: topbar }),
+        user && /* @__PURE__ */ jsx("div", { className: "appshell__topbar-user", children: user })
+      ] }),
+      /* @__PURE__ */ jsx("main", { className: "appshell__content", role: "main", children })
+    ] }),
+    mobileOpen && /* @__PURE__ */ jsx("div", { className: "appshell__scrim", onClick: () => setMobileOpen(false), "aria-hidden": "true" })
+  ] });
+}
+function PageHeader({ title, description, breadcrumbs, actions, meta, className }) {
+  const t = useLocale();
+  return /* @__PURE__ */ jsxs("div", { className: cx("page-header", className), children: [
+    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx("nav", { className: "page-header__crumbs", "aria-label": t["appshell.breadcrumb"], children: /* @__PURE__ */ jsx("ol", { children: breadcrumbs.map((c, i) => /* @__PURE__ */ jsxs("li", { children: [
+      c.href ? /* @__PURE__ */ jsx("a", { href: c.href, children: c.label }) : /* @__PURE__ */ jsx("span", { "aria-current": "page", children: c.label }),
+      i < breadcrumbs.length - 1 && /* @__PURE__ */ jsx("span", { className: "page-header__crumb-sep", "aria-hidden": "true", children: "/" })
+    ] }, i)) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "page-header__row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "page-header__title-wrap", children: [
+        /* @__PURE__ */ jsx("h1", { className: "page-header__title", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "page-header__desc", children: description })
+      ] }),
+      actions && /* @__PURE__ */ jsx("div", { className: "page-header__actions", children: actions })
+    ] }),
+    meta && /* @__PURE__ */ jsx("div", { className: "page-header__meta", children: meta })
+  ] });
+}
+
+export { AppShell, PageHeader };
+//# sourceMappingURL=chunk-Z3FAKG3E.mjs.map
+//# sourceMappingURL=chunk-Z3FAKG3E.mjs.map

package/dist/chunk-Z3FAKG3E.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppShell.tsx"],"names":["NavItemNode"],"mappings":"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","file":"chunk-Z3FAKG3E.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronLeft, ChevronRight, MenuIcon } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\n\n// ---------- AppShell (Sidebar + Topbar + Content) -----------------------\n// Designed to drop into a Next.js app/layout.tsx as a Client Component shell.\n\nexport interface NavItem {\n  id: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  href?: string;\n  active?: boolean;\n  badge?: React.ReactNode;\n  onSelect?: () => void;\n  children?: NavItem[];\n}\n\nexport interface NavSection {\n  id?: string;\n  label?: React.ReactNode;\n  items: NavItem[];\n}\n\nexport type AppShellTheme = 'default' | 'brand';\n\nexport interface AppShellProps {\n  brand?: React.ReactNode;\n  brandCollapsed?: React.ReactNode;\n  sections: NavSection[];\n  topbar?: React.ReactNode;\n  footer?: React.ReactNode;\n  user?: React.ReactNode;\n  defaultCollapsed?: boolean;\n  collapsed?: boolean;\n  onCollapsedChange?: (c: boolean) => void;\n  children: React.ReactNode;\n  className?: string;\n  /**\n   * Sidebar color theme:\n   * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.\n   * - `brand`: sidebar azul de marca con texto blanco. Mayor brand recall.\n   */\n  theme?: AppShellTheme;\n  /** Render-prop for navigation links so the host app can use Next.js Link, etc. */\n  linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;\n}\n\n// Recursive nav item, memoized so a single item's parent re-render doesn't\n// churn through every other item in the tree. Stability of `linkAs` and\n// `onCloseMobile` is the parent's responsibility (we stabilize\n// `onCloseMobile` via useCallback below; consumers should memoize `linkAs`\n// if they care about avoiding renders, but for typical Next.js Link usage\n// the inline arrow is rarely a hot path).\ninterface NavItemNodeProps {\n  item: NavItem;\n  depth: number;\n  linkAs?: AppShellProps['linkAs'];\n  onCloseMobile: () => void;\n}\n\nconst NavItemNode = React.memo(function NavItemNode({\n  item, depth, linkAs, onCloseMobile,\n}: NavItemNodeProps) {\n  const klass = cx('appshell__navitem', item.active && 'is-active', `appshell__navitem--depth-${depth}`);\n  const inner = (\n    <>\n      {item.icon && <span className=\"appshell__navicon\" aria-hidden=\"true\">{item.icon}</span>}\n      <span className=\"appshell__navlabel\">{item.label}</span>\n      {item.badge && <span className=\"appshell__navbadge\">{item.badge}</span>}\n    </>\n  );\n  const node = item.href && linkAs\n    ? linkAs(item, inner, klass)\n    : (\n      <a\n        href={item.href ?? '#'}\n        className={klass}\n        aria-current={item.active ? 'page' : undefined}\n        onClick={(e) => {\n          if (!item.href) e.preventDefault();\n          item.onSelect?.();\n          onCloseMobile();\n        }}\n      >\n        {inner}\n      </a>\n    );\n  return (\n    <li>\n      {node}\n      {item.children && item.children.length > 0 && (\n        <ul className=\"appshell__navchildren\">\n          {item.children.map((c) => (\n            <NavItemNode key={c.id} item={c} depth={depth + 1} linkAs={linkAs} onCloseMobile={onCloseMobile} />\n          ))}\n        </ul>\n      )}\n    </li>\n  );\n});\n\nexport function AppShell({\n  brand, brandCollapsed, sections, topbar, footer, user,\n  defaultCollapsed = false, collapsed: ctrlCollapsed, onCollapsedChange,\n  children, className, theme = 'default', linkAs,\n}: AppShellProps) {\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n  const t = useLocale();\n  const collapsed = ctrlCollapsed ?? internalCollapsed;\n  const setCollapsed = (v: boolean) => {\n    if (ctrlCollapsed === undefined) setInternalCollapsed(v);\n    onCollapsedChange?.(v);\n  };\n  const closeMobile = React.useCallback(() => setMobileOpen(false), []);\n\n  return (\n    <div className={cx('appshell', `appshell--${theme}`, collapsed && 'is-collapsed', mobileOpen && 'is-mobile-open', className)}>\n      <aside className=\"appshell__sidebar\" aria-label={t['appshell.mainNav']}>\n        <div className=\"appshell__brand\">\n          {collapsed ? (brandCollapsed ?? brand) : brand}\n        </div>\n        <nav className=\"appshell__nav\">\n          {sections.map((s, i) => (\n            <div key={s.id ?? i} className=\"appshell__navsection\">\n              {s.label && <div className=\"appshell__navlabel-section\">{s.label}</div>}\n              <ul>{s.items.map((it) => (\n                <NavItemNode key={it.id} item={it} depth={0} linkAs={linkAs} onCloseMobile={closeMobile} />\n              ))}</ul>\n            </div>\n          ))}\n        </nav>\n        <div className=\"appshell__sidebar-foot\">\n          {footer}\n          <button\n            type=\"button\"\n            className=\"appshell__collapse\"\n            onClick={() => setCollapsed(!collapsed)}\n            aria-label={collapsed ? t['appshell.expandMenu'] : t['appshell.collapseMenu']}\n            title={collapsed ? t['appshell.expand'] : t['appshell.collapse']}\n          >\n            {collapsed ? <ChevronRight size={14} /> : <ChevronLeft size={14} />}\n          </button>\n        </div>\n      </aside>\n\n      <div className=\"appshell__main\">\n        <header className=\"appshell__topbar\">\n          <button\n            type=\"button\"\n            className=\"appshell__hamburger\"\n            aria-label={t['appshell.openMenu']}\n            aria-expanded={mobileOpen}\n            onClick={() => setMobileOpen((o) => !o)}\n          ><MenuIcon size={20} /></button>\n          <div className=\"appshell__topbar-content\">{topbar}</div>\n          {user && <div className=\"appshell__topbar-user\">{user}</div>}\n        </header>\n        <main className=\"appshell__content\" role=\"main\">{children}</main>\n      </div>\n\n      {mobileOpen && (\n        <div className=\"appshell__scrim\" onClick={() => setMobileOpen(false)} aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n\n// ---------- PageHeader --------------------------------------------------\nexport interface PageHeaderProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  breadcrumbs?: Array<{ label: React.ReactNode; href?: string }>;\n  actions?: React.ReactNode;\n  meta?: React.ReactNode;\n  className?: string;\n}\n\nexport function PageHeader({ title, description, breadcrumbs, actions, meta, className }: PageHeaderProps) {\n  const t = useLocale();\n  return (\n    <div className={cx('page-header', className)}>\n      {breadcrumbs && breadcrumbs.length > 0 && (\n        <nav className=\"page-header__crumbs\" aria-label={t['appshell.breadcrumb']}>\n          <ol>\n            {breadcrumbs.map((c, i) => (\n              <li key={i}>\n                {c.href ? <a href={c.href}>{c.label}</a> : <span aria-current=\"page\">{c.label}</span>}\n                {i < breadcrumbs.length - 1 && <span className=\"page-header__crumb-sep\" aria-hidden=\"true\">/</span>}\n              </li>\n            ))}\n          </ol>\n        </nav>\n      )}\n      <div className=\"page-header__row\">\n        <div className=\"page-header__title-wrap\">\n          <h1 className=\"page-header__title\">{title}</h1>\n          {description && <p className=\"page-header__desc\">{description}</p>}\n        </div>\n        {actions && <div className=\"page-header__actions\">{actions}</div>}\n      </div>\n      {meta && <div className=\"page-header__meta\">{meta}</div>}\n    </div>\n  );\n}\n"]}