@misael703/ui 1.0.0

package/dist/chunk-3UHX7ITQ.mjs

@@ -0,0 +1,76 @@
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ContextMenu({ items, children, className, menuClassName, ariaLabel = "Men\xFA contextual" }) {
+  const [pos, setPos] = React.useState(null);
+  const menuRef = React.useRef(null);
+  const close = () => setPos(null);
+  const onContextMenu = (e) => {
+    e.preventDefault();
+    setPos({ x: e.clientX, y: e.clientY });
+  };
+  React.useEffect(() => {
+    if (!pos) return;
+    const onClick = (e) => {
+      if (menuRef.current?.contains(e.target)) return;
+      close();
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [pos]);
+  React.useEffect(() => {
+    if (!pos || !menuRef.current) return;
+    const r = menuRef.current.getBoundingClientRect();
+    let x = pos.x;
+    let y = pos.y;
+    if (x + r.width > window.innerWidth) x = window.innerWidth - r.width - 8;
+    if (y + r.height > window.innerHeight) y = window.innerHeight - r.height - 8;
+    if (x !== pos.x || y !== pos.y) setPos({ x, y });
+  }, [pos]);
+  const handleSelect = (item) => {
+    if (item.disabled || item.separator) return;
+    item.onSelect?.();
+    close();
+  };
+  return /* @__PURE__ */ jsxs("span", { className: cx("context-menu", className), onContextMenu, children: [
+    children,
+    pos && /* @__PURE__ */ jsx(
+      "ul",
+      {
+        ref: menuRef,
+        role: "menu",
+        "aria-label": ariaLabel,
+        className: cx("context-menu__menu", menuClassName),
+        style: { position: "fixed", top: pos.y, left: pos.x, zIndex: "var(--z-popover, 1300)" },
+        children: items.map(
+          (item) => item.separator ? /* @__PURE__ */ jsx("li", { className: "context-menu__separator", role: "separator" }, item.id) : /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: cx("context-menu__item", item.disabled && "is-disabled", item.danger && "context-menu__item--danger"),
+              disabled: item.disabled,
+              onClick: () => handleSelect(item),
+              children: [
+                item.icon && /* @__PURE__ */ jsx("span", { className: "context-menu__icon", children: item.icon }),
+                /* @__PURE__ */ jsx("span", { className: "context-menu__label", children: item.label })
+              ]
+            }
+          ) }, item.id)
+        )
+      }
+    )
+  ] });
+}
+
+export { ContextMenu };
+//# sourceMappingURL=chunk-3UHX7ITQ.mjs.map
+//# sourceMappingURL=chunk-3UHX7ITQ.mjs.map

package/dist/chunk-3UHX7ITQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ContextMenu.tsx"],"names":[],"mappings":"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","file":"chunk-3UHX7ITQ.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\nexport interface ContextMenuItem {\n  id: string;\n  label?: React.ReactNode;\n  icon?: React.ReactNode;\n  onSelect?: () => void;\n  disabled?: boolean;\n  danger?: boolean;\n  separator?: boolean;\n}\n\nexport interface ContextMenuProps {\n  items: ContextMenuItem[];\n  children: React.ReactNode;\n  className?: string;\n  menuClassName?: string;\n  ariaLabel?: string;\n}\n\nexport function ContextMenu({ items, children, className, menuClassName, ariaLabel = 'Menú contextual' }: ContextMenuProps) {\n  const [pos, setPos] = React.useState<{ x: number; y: number } | null>(null);\n  const menuRef = React.useRef<HTMLUListElement>(null);\n\n  const close = () => setPos(null);\n\n  const onContextMenu = (e: React.MouseEvent) => {\n    e.preventDefault();\n    setPos({ x: e.clientX, y: e.clientY });\n  };\n\n  React.useEffect(() => {\n    if (!pos) return;\n    const onClick = (e: MouseEvent) => {\n      if (menuRef.current?.contains(e.target as Node)) return;\n      close();\n    };\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') close();\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  }, [pos]);\n\n  React.useEffect(() => {\n    if (!pos || !menuRef.current) return;\n    const r = menuRef.current.getBoundingClientRect();\n    let x = pos.x;\n    let y = pos.y;\n    if (x + r.width > window.innerWidth) x = window.innerWidth - r.width - 8;\n    if (y + r.height > window.innerHeight) y = window.innerHeight - r.height - 8;\n    if (x !== pos.x || y !== pos.y) setPos({ x, y });\n  }, [pos]);\n\n  const handleSelect = (item: ContextMenuItem) => {\n    if (item.disabled || item.separator) return;\n    item.onSelect?.();\n    close();\n  };\n\n  return (\n    <span className={cx('context-menu', className)} onContextMenu={onContextMenu}>\n      {children}\n      {pos && (\n        <ul\n          ref={menuRef}\n          role=\"menu\"\n          aria-label={ariaLabel}\n          className={cx('context-menu__menu', menuClassName)}\n          style={{ position: 'fixed', top: pos.y, left: pos.x, zIndex: 'var(--z-popover, 1300)' as any }}\n        >\n          {items.map((item) =>\n            item.separator ? (\n              <li key={item.id} className=\"context-menu__separator\" role=\"separator\" />\n            ) : (\n              <li key={item.id} role=\"none\">\n                <button\n                  type=\"button\"\n                  role=\"menuitem\"\n                  className={cx('context-menu__item', item.disabled && 'is-disabled', item.danger && 'context-menu__item--danger')}\n                  disabled={item.disabled}\n                  onClick={() => handleSelect(item)}\n                >\n                  {item.icon && <span className=\"context-menu__icon\">{item.icon}</span>}\n                  <span className=\"context-menu__label\">{item.label}</span>\n                </button>\n              </li>\n            )\n          )}\n        </ul>\n      )}\n    </span>\n  );\n}\n"]}

package/dist/chunk-4REALDR3.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-4REALDR3.js.map
+//# sourceMappingURL=chunk-4REALDR3.js.map

package/dist/chunk-4REALDR3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-4REALDR3.js"}

package/dist/chunk-55TOQMS2.js

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

package/dist/chunk-55TOQMS2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Carousel.tsx"],"names":["React","jsxs","cx","jsx","Fragment","ChevronLeft","ChevronRight"],"mappings":"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","file":"chunk-55TOQMS2.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronLeft, ChevronRight } from './Icons';\n\nexport interface CarouselProps {\n  children: React.ReactNode;\n  loop?: boolean;\n  autoplay?: boolean;\n  autoplayInterval?: number;\n  showControls?: boolean;\n  showDots?: boolean;\n  ariaLabel?: string;\n  className?: string;\n  onIndexChange?: (index: number) => void;\n}\n\nexport function Carousel({\n  children,\n  loop = false,\n  autoplay = false,\n  autoplayInterval = 4000,\n  showControls = true,\n  showDots = true,\n  ariaLabel = 'Carrusel',\n  className,\n  onIndexChange,\n}: CarouselProps) {\n  const slides = React.Children.toArray(children);\n  const total = slides.length;\n  const [index, setIndex] = React.useState(0);\n\n  // Stable handlers: use the functional setIndex form so the callbacks\n  // don't have to close over `index`. They re-create only when `loop`,\n  // `total`, or `onIndexChange` change — meaning carousel arrow buttons\n  // and autoplay can rely on referential stability across navigations.\n  const go = React.useCallback(\n    (target: number) => {\n      const clamped = loop ? (target + total) % total : Math.max(0, Math.min(target, total - 1));\n      setIndex(clamped);\n      onIndexChange?.(clamped);\n    },\n    [loop, total, onIndexChange]\n  );\n\n  const next = React.useCallback(() => {\n    setIndex((i) => {\n      const t = loop ? (i + 1) % total : Math.min(i + 1, total - 1);\n      onIndexChange?.(t);\n      return t;\n    });\n  }, [loop, total, onIndexChange]);\n\n  const prev = React.useCallback(() => {\n    setIndex((i) => {\n      const t = loop ? (i - 1 + total) % total : Math.max(0, i - 1);\n      onIndexChange?.(t);\n      return t;\n    });\n  }, [loop, total, onIndexChange]);\n\n  React.useEffect(() => {\n    if (!autoplay || total <= 1) return;\n    const id = setInterval(next, autoplayInterval);\n    return () => clearInterval(id);\n  }, [autoplay, autoplayInterval, total, next]);\n\n  const onKey = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'ArrowLeft') prev();\n      if (e.key === 'ArrowRight') next();\n    },\n    [next, prev]\n  );\n\n  return (\n    <div\n      className={cx('carousel', className)}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label={ariaLabel}\n      tabIndex={0}\n      onKeyDown={onKey}\n    >\n      <div className=\"carousel__viewport\">\n        <div className=\"carousel__track\" style={{ transform: `translateX(-${index * 100}%)` }}>\n          {slides.map((slide, i) => (\n            <div\n              key={i}\n              className=\"carousel__slide\"\n              role=\"group\"\n              aria-roledescription=\"slide\"\n              aria-label={`${i + 1} de ${total}`}\n              aria-hidden={i !== index}\n            >\n              {slide}\n            </div>\n          ))}\n        </div>\n        {showControls && total > 1 && (\n          <>\n            <button\n              type=\"button\"\n              className=\"carousel__control carousel__control--prev\"\n              aria-label=\"Anterior\"\n              onClick={prev}\n              disabled={!loop && index === 0}\n            >\n              <ChevronLeft size={20} />\n            </button>\n            <button\n              type=\"button\"\n              className=\"carousel__control carousel__control--next\"\n              aria-label=\"Siguiente\"\n              onClick={next}\n              disabled={!loop && index === total - 1}\n            >\n              <ChevronRight size={20} />\n            </button>\n          </>\n        )}\n      </div>\n      {showDots && total > 1 && (\n        <ul className=\"carousel__dots\" role=\"tablist\">\n          {slides.map((_, i) => (\n            <li key={i}>\n              <button\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={i === index}\n                aria-label={`Ir a la diapositiva ${i + 1}`}\n                className={cx('carousel__dot', i === index && 'is-active')}\n                onClick={() => go(i)}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-5GEWIK4T.mjs

@@ -0,0 +1,27 @@
+// src/brand.ts
+var BRAND_DEFAULTS = {
+  name: "El Alba",
+  logoBasePath: "/assets/logos",
+  currency: "CLP",
+  locale: "es-CL"
+};
+var _overrides = null;
+var _cached = null;
+function configureBrand(overrides) {
+  _overrides = overrides;
+  _cached = null;
+}
+function getBrand() {
+  if (!_cached) {
+    _cached = _overrides ? { ...BRAND_DEFAULTS, ..._overrides } : BRAND_DEFAULTS;
+  }
+  return _cached;
+}
+function resetBrand() {
+  _overrides = null;
+  _cached = null;
+}
+
+export { BRAND_DEFAULTS, configureBrand, getBrand, resetBrand };
+//# sourceMappingURL=chunk-5GEWIK4T.mjs.map
+//# sourceMappingURL=chunk-5GEWIK4T.mjs.map

package/dist/chunk-5GEWIK4T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brand.ts"],"names":[],"mappings":";AAoCO,IAAM,cAAA,GAAgC;AAAA,EAC3C,IAAA,EAAM,SAAA;AAAA,EACN,YAAA,EAAc,eAAA;AAAA,EACd,QAAA,EAAU,KAAA;AAAA,EACV,MAAA,EAAQ;AACV;AAKA,IAAI,UAAA,GAA4C,IAAA;AAChD,IAAI,OAAA,GAAgC,IAAA;AAM7B,SAAS,eAAe,SAAA,EAAyC;AACtE,EAAA,UAAA,GAAa,SAAA;AACb,EAAA,OAAA,GAAU,IAAA;AACZ;AAGO,SAAS,QAAA,GAA0B;AACxC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,OAAA,GAAU,aAAa,EAAE,GAAG,cAAA,EAAgB,GAAG,YAAW,GAAI,cAAA;AAAA,EAChE;AACA,EAAA,OAAO,OAAA;AACT;AAGO,SAAS,UAAA,GAAmB;AACjC,EAAA,UAAA,GAAa,IAAA;AACb,EAAA,OAAA,GAAU,IAAA;AACZ","file":"chunk-5GEWIK4T.mjs","sourcesContent":["/**\n * Defaults centralizados de marca y locale para formateo UI.\n *\n * El kit no asume país. Solo guarda lo que necesita para renderizar:\n * la identidad visual (nombre, logos) y la configuración de formateo\n * (moneda, locale BCP 47 para Intl.NumberFormat / DateTimeFormat).\n *\n * Datos de país (regiones, prefijo telefónico, validaciones de RUT, etc.)\n * los pasa el consumer como props. Ver `<AddressForm fields={...}>` y\n * `<PhoneInput prefix=\"+56\">`.\n *\n * Uso:\n *\n * ```tsx\n * import { configureBrand } from '@misael703/elalba-ui';\n *\n * configureBrand({\n *   name: 'Mi Marca',\n *   currency: 'USD',\n *   locale: 'en-US',\n *   logoBasePath: '/static/brand',\n * });\n * ```\n */\n\nexport interface BrandDefaults {\n  /** Nombre legible de la marca. Usado como `alt` por defecto en `<Logo>`. */\n  name: string;\n  /** Path base donde están los assets de logos. Default: `/assets/logos`. */\n  logoBasePath: string;\n  /** Código ISO 4217 (CLP, USD, EUR, ...) para inputs monetarios. */\n  currency: string;\n  /** Locale BCP 47 para Intl.NumberFormat / DateTimeFormat. */\n  locale: string;\n}\n\nexport const BRAND_DEFAULTS: BrandDefaults = {\n  name: 'El Alba',\n  logoBasePath: '/assets/logos',\n  currency: 'CLP',\n  locale: 'es-CL',\n};\n\n// Lazy singleton: the merge into a concrete dict only happens on the first\n// `getBrand()` call, so a tree-shaker can drop this whole module if no\n// component in the consumer's bundle calls `getBrand()` or `configureBrand()`.\nlet _overrides: Partial<BrandDefaults> | null = null;\nlet _cached: BrandDefaults | null = null;\n\n/**\n * Sobreescribe los defaults globales del kit. Llamar una sola vez al arranque\n * de la app. Las props siguen funcionando como override puntual.\n */\nexport function configureBrand(overrides: Partial<BrandDefaults>): void {\n  _overrides = overrides;\n  _cached = null;\n}\n\n/** Lee los defaults actuales. Los componentes lo usan internamente. */\nexport function getBrand(): BrandDefaults {\n  if (!_cached) {\n    _cached = _overrides ? { ...BRAND_DEFAULTS, ..._overrides } : BRAND_DEFAULTS;\n  }\n  return _cached;\n}\n\n/** Resetea a los defaults originales. Útil en tests. */\nexport function resetBrand(): void {\n  _overrides = null;\n  _cached = null;\n}\n"]}

package/dist/chunk-5VMZMDJF.js

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

package/dist/chunk-5VMZMDJF.js.map

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

package/dist/chunk-6II4NJQM.js

@@ -0,0 +1,127 @@
+'use strict';
+
+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 InputOTP({
+  value,
+  onChange,
+  length = 6,
+  onComplete,
+  disabled = false,
+  invalid = false,
+  autoFocus = false,
+  inputMode = "numeric",
+  className,
+  ariaLabel = "C\xF3digo de verificaci\xF3n"
+}) {
+  const refs = React__namespace.useRef([]);
+  React__namespace.useEffect(() => {
+    if (autoFocus) refs.current[0]?.focus();
+  }, [autoFocus]);
+  const sanitize = (s) => (inputMode === "numeric" ? s.replace(/\D/g, "") : s).slice(0, length);
+  const setAt = (idx, ch) => {
+    const arr = value.padEnd(length, " ").split("");
+    arr[idx] = ch;
+    const next = arr.join("").replace(/\s+$/, "").slice(0, length);
+    onChange(next);
+    if (next.length === length) onComplete?.(next);
+  };
+  const onInputChange = (idx, e) => {
+    const raw = e.target.value;
+    const cleaned = sanitize(raw);
+    if (cleaned.length === 0) {
+      setAt(idx, "");
+      return;
+    }
+    if (cleaned.length === 1) {
+      setAt(idx, cleaned);
+      const nextIdx = Math.min(idx + 1, length - 1);
+      refs.current[nextIdx]?.focus();
+      return;
+    }
+    const merged = (value.slice(0, idx) + cleaned).slice(0, length);
+    onChange(merged);
+    const focusIdx = Math.min(merged.length, length - 1);
+    refs.current[focusIdx]?.focus();
+    if (merged.length === length) onComplete?.(merged);
+  };
+  const onKeyDown = (idx, e) => {
+    if (e.key === "Backspace") {
+      if (!value[idx] && idx > 0) {
+        e.preventDefault();
+        const arr = value.split("");
+        arr[idx - 1] = "";
+        onChange(arr.join("").replace(/\s+$/, ""));
+        refs.current[idx - 1]?.focus();
+      }
+    } else if (e.key === "ArrowLeft" && idx > 0) {
+      refs.current[idx - 1]?.focus();
+    } else if (e.key === "ArrowRight" && idx < length - 1) {
+      refs.current[idx + 1]?.focus();
+    }
+  };
+  const onPaste = (e) => {
+    e.preventDefault();
+    const cleaned = sanitize(e.clipboardData.getData("text"));
+    if (!cleaned) return;
+    onChange(cleaned);
+    const focusIdx = Math.min(cleaned.length, length - 1);
+    refs.current[focusIdx]?.focus();
+    if (cleaned.length === length) onComplete?.(cleaned);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      className: chunkPASF6T4H_js.cx("input-otp", invalid && "is-invalid", disabled && "is-disabled", className),
+      children: Array.from({ length }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref: (el) => {
+            refs.current[i] = el;
+          },
+          type: "text",
+          inputMode,
+          autoComplete: "one-time-code",
+          maxLength: length,
+          disabled,
+          "aria-invalid": invalid || void 0,
+          "aria-label": `D\xEDgito ${i + 1}`,
+          className: "input-otp__slot",
+          value: value[i] ?? "",
+          onChange: (e) => onInputChange(i, e),
+          onKeyDown: (e) => onKeyDown(i, e),
+          onPaste
+        },
+        i
+      ))
+    }
+  );
+}
+
+exports.InputOTP = InputOTP;
+//# sourceMappingURL=chunk-6II4NJQM.js.map
+//# sourceMappingURL=chunk-6II4NJQM.js.map

package/dist/chunk-6II4NJQM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InputOTP.tsx"],"names":["React","jsx","cx"],"mappings":"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","file":"chunk-6II4NJQM.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\nexport interface InputOTPProps {\n  value: string;\n  onChange: (value: string) => void;\n  length?: number;\n  onComplete?: (value: string) => void;\n  disabled?: boolean;\n  invalid?: boolean;\n  autoFocus?: boolean;\n  inputMode?: 'numeric' | 'text';\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport function InputOTP({\n  value,\n  onChange,\n  length = 6,\n  onComplete,\n  disabled = false,\n  invalid = false,\n  autoFocus = false,\n  inputMode = 'numeric',\n  className,\n  ariaLabel = 'Código de verificación',\n}: InputOTPProps) {\n  const refs = React.useRef<Array<HTMLInputElement | null>>([]);\n\n  React.useEffect(() => {\n    if (autoFocus) refs.current[0]?.focus();\n  }, [autoFocus]);\n\n  const sanitize = (s: string) => (inputMode === 'numeric' ? s.replace(/\\D/g, '') : s).slice(0, length);\n\n  const setAt = (idx: number, ch: string) => {\n    const arr = value.padEnd(length, ' ').split('');\n    arr[idx] = ch;\n    const next = arr.join('').replace(/\\s+$/, '').slice(0, length);\n    onChange(next);\n    if (next.length === length) onComplete?.(next);\n  };\n\n  const onInputChange = (idx: number, e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    const cleaned = sanitize(raw);\n    if (cleaned.length === 0) {\n      setAt(idx, '');\n      return;\n    }\n    if (cleaned.length === 1) {\n      setAt(idx, cleaned);\n      const nextIdx = Math.min(idx + 1, length - 1);\n      refs.current[nextIdx]?.focus();\n      return;\n    }\n    const merged = (value.slice(0, idx) + cleaned).slice(0, length);\n    onChange(merged);\n    const focusIdx = Math.min(merged.length, length - 1);\n    refs.current[focusIdx]?.focus();\n    if (merged.length === length) onComplete?.(merged);\n  };\n\n  const onKeyDown = (idx: number, e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Backspace') {\n      if (!value[idx] && idx > 0) {\n        e.preventDefault();\n        const arr = value.split('');\n        arr[idx - 1] = '';\n        onChange(arr.join('').replace(/\\s+$/, ''));\n        refs.current[idx - 1]?.focus();\n      }\n    } else if (e.key === 'ArrowLeft' && idx > 0) {\n      refs.current[idx - 1]?.focus();\n    } else if (e.key === 'ArrowRight' && idx < length - 1) {\n      refs.current[idx + 1]?.focus();\n    }\n  };\n\n  const onPaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    const cleaned = sanitize(e.clipboardData.getData('text'));\n    if (!cleaned) return;\n    onChange(cleaned);\n    const focusIdx = Math.min(cleaned.length, length - 1);\n    refs.current[focusIdx]?.focus();\n    if (cleaned.length === length) onComplete?.(cleaned);\n  };\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cx('input-otp', invalid && 'is-invalid', disabled && 'is-disabled', className)}\n    >\n      {Array.from({ length }).map((_, i) => (\n        <input\n          key={i}\n          ref={(el) => {\n            refs.current[i] = el;\n          }}\n          type=\"text\"\n          inputMode={inputMode}\n          autoComplete=\"one-time-code\"\n          maxLength={length}\n          disabled={disabled}\n          aria-invalid={invalid || undefined}\n          aria-label={`Dígito ${i + 1}`}\n          className=\"input-otp__slot\"\n          value={value[i] ?? ''}\n          onChange={(e) => onInputChange(i, e)}\n          onKeyDown={(e) => onKeyDown(i, e)}\n          onPaste={onPaste}\n        />\n      ))}\n    </div>\n  );\n}\n"]}