@misael703/ui 1.0.0

package/dist/chunk-6LOJIU3C.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var chunk3PXYCXDW_js = require('./chunk-3PXYCXDW.js');
+
+// src/utils/dateFormat.ts
+function detectFormatFromLocale(locale) {
+  try {
+    const parts = new Intl.DateTimeFormat(locale).formatToParts(new Date(2024, 0, 2));
+    const order = [];
+    for (const p of parts) {
+      if (p.type === "year") order.push("y");
+      else if (p.type === "month") order.push("m");
+      else if (p.type === "day") order.push("d");
+    }
+    const key = order.join("");
+    if (key === "ymd") return "iso";
+    if (key === "mdy") return "mdy";
+    return "dmy";
+  } catch {
+    return "dmy";
+  }
+}
+function resolveDateFormat(format) {
+  if (format === "auto") return detectFormatFromLocale(chunk3PXYCXDW_js.getBrand().locale);
+  return format;
+}
+var PLACEHOLDERS = {
+  iso: "aaaa-mm-dd",
+  dmy: "dd-mm-aaaa",
+  mdy: "mm-dd-aaaa"
+};
+function dateFormatPlaceholder(format) {
+  return PLACEHOLDERS[format];
+}
+function formatDate(d, format) {
+  const yyyy = d.getFullYear();
+  const mm = String(d.getMonth() + 1).padStart(2, "0");
+  const dd = String(d.getDate()).padStart(2, "0");
+  if (format === "iso") return `${yyyy}-${mm}-${dd}`;
+  if (format === "dmy") return `${dd}-${mm}-${yyyy}`;
+  return `${mm}-${dd}-${yyyy}`;
+}
+function parseDate(s, format) {
+  const trimmed = s.trim();
+  if (!trimmed) return null;
+  const iso = trimmed.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (iso) {
+    return safeDate(Number(iso[1]), Number(iso[2]), Number(iso[3]));
+  }
+  const m = trimmed.match(/^(\d{1,4})[\-\/.](\d{1,2})[\-\/.](\d{1,4})$/);
+  if (!m) return null;
+  let y, mo, d;
+  if (format === "iso") {
+    y = Number(m[1]);
+    mo = Number(m[2]);
+    d = Number(m[3]);
+  } else if (format === "dmy") {
+    d = Number(m[1]);
+    mo = Number(m[2]);
+    y = Number(m[3]);
+  } else {
+    mo = Number(m[1]);
+    d = Number(m[2]);
+    y = Number(m[3]);
+  }
+  if (y < 100) y += 2e3;
+  return safeDate(y, mo, d);
+}
+function safeDate(y, mo, d) {
+  if (mo < 1 || mo > 12 || d < 1 || d > 31) return null;
+  const dt = new Date(y, mo - 1, d);
+  if (isNaN(dt.getTime()) || dt.getFullYear() !== y || dt.getMonth() !== mo - 1 || dt.getDate() !== d) {
+    return null;
+  }
+  return dt;
+}
+
+exports.dateFormatPlaceholder = dateFormatPlaceholder;
+exports.detectFormatFromLocale = detectFormatFromLocale;
+exports.formatDate = formatDate;
+exports.parseDate = parseDate;
+exports.resolveDateFormat = resolveDateFormat;
+//# sourceMappingURL=chunk-6LOJIU3C.js.map
+//# sourceMappingURL=chunk-6LOJIU3C.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/dateFormat.ts"],"names":["getBrand"],"mappings":"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","file":"chunk-6LOJIU3C.js","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"]}

package/dist/chunk-6MEOR4YO.mjs

@@ -0,0 +1,45 @@
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var AspectRatio = React.forwardRef(function AspectRatio2({ ratio = 16 / 9, style, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cx("aspect-ratio", className),
+      style: { position: "relative", width: "100%", aspectRatio: String(ratio), ...style },
+      ...rest,
+      children
+    }
+  );
+});
+var Separator = React.forwardRef(function Separator2({ orientation = "horizontal", decorative = true, className, ...rest }, ref) {
+  const a11y = decorative ? { role: "none" } : { role: "separator", "aria-orientation": orientation };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      ...a11y,
+      className: cx("separator", `separator--${orientation}`, className),
+      ...rest
+    }
+  );
+});
+var ScrollArea = React.forwardRef(function ScrollArea2({ maxHeight, orientation = "vertical", className, style, children, ...rest }, ref) {
+  const overflow = orientation === "horizontal" ? { overflowX: "auto", overflowY: "hidden" } : orientation === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cx("scroll-area", `scroll-area--${orientation}`, className),
+      style: { ...overflow, maxHeight, ...style },
+      ...rest,
+      children
+    }
+  );
+});
+
+export { AspectRatio, ScrollArea, Separator };
+//# sourceMappingURL=chunk-6MEOR4YO.mjs.map
+//# sourceMappingURL=chunk-6MEOR4YO.mjs.map

package/dist/chunk-6MEOR4YO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Primitives.tsx"],"names":["AspectRatio","Separator","ScrollArea"],"mappings":";;;;AASO,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA,CAA6C,SAASA,YAAAA,CACrF,EAAE,KAAA,GAAQ,EAAA,GAAK,CAAA,EAAG,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,IACjD,GAAA,EACA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,SAAS,CAAA;AAAA,MACvC,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,MAAA,EAAQ,WAAA,EAAa,MAAA,CAAO,KAAK,CAAA,EAAG,GAAG,KAAA,EAAM;AAAA,MAClF,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAQM,IAAM,SAAA,GAAkB,KAAA,CAAA,UAAA,CAA2C,SAASC,UAAAA,CACjF,EAAE,WAAA,GAAc,YAAA,EAAc,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,GAAG,IAAA,IAC/D,GAAA,EACA;AACA,EAAA,MAAM,IAAA,GAAO,UAAA,GAAa,EAAE,IAAA,EAAM,MAAA,KAAW,EAAE,IAAA,EAAM,WAAA,EAAa,kBAAA,EAAoB,WAAA,EAAY;AAClG,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,WAAW,EAAA,CAAG,WAAA,EAAa,CAAA,WAAA,EAAc,WAAW,IAAI,SAAS,CAAA;AAAA,MAChE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAQM,IAAM,UAAA,GAAmB,KAAA,CAAA,UAAA,CAA4C,SAASC,WAAAA,CACnF,EAAE,SAAA,EAAW,WAAA,GAAc,UAAA,EAAY,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,GAAG,IAAA,IACtE,GAAA,EACA;AACA,EAAA,MAAM,WACJ,WAAA,KAAgB,YAAA,GACZ,EAAE,SAAA,EAAW,MAAA,EAAiB,WAAW,QAAA,EAAkB,GAC3D,gBAAgB,MAAA,GAChB,EAAE,UAAU,MAAA,EAAgB,GAC5B,EAAE,SAAA,EAAW,MAAA,EAAiB,WAAW,QAAA,EAAkB;AACjE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAW,EAAA,CAAG,aAAA,EAAe,CAAA,aAAA,EAAgB,WAAW,IAAI,SAAS,CAAA;AAAA,MACrE,OAAO,EAAE,GAAG,QAAA,EAAU,SAAA,EAAW,GAAG,KAAA,EAAM;AAAA,MACzC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC","file":"chunk-6MEOR4YO.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\n// ---------- AspectRatio ------------------------------------------------\nexport interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {\n  ratio?: number;\n}\n\nexport const AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(function AspectRatio(\n  { ratio = 16 / 9, style, className, children, ...rest },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('aspect-ratio', className)}\n      style={{ position: 'relative', width: '100%', aspectRatio: String(ratio), ...style }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\n// ---------- Separator --------------------------------------------------\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n  decorative?: boolean;\n}\n\nexport const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(function Separator(\n  { orientation = 'horizontal', decorative = true, className, ...rest },\n  ref\n) {\n  const a11y = decorative ? { role: 'none' } : { role: 'separator', 'aria-orientation': orientation };\n  return (\n    <div\n      ref={ref}\n      {...a11y}\n      className={cx('separator', `separator--${orientation}`, className)}\n      {...rest}\n    />\n  );\n});\n\n// ---------- ScrollArea -------------------------------------------------\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  maxHeight?: number | string;\n  orientation?: 'vertical' | 'horizontal' | 'both';\n}\n\nexport const ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(function ScrollArea(\n  { maxHeight, orientation = 'vertical', className, style, children, ...rest },\n  ref\n) {\n  const overflow =\n    orientation === 'horizontal'\n      ? { overflowX: 'auto' as const, overflowY: 'hidden' as const }\n      : orientation === 'both'\n      ? { overflow: 'auto' as const }\n      : { overflowY: 'auto' as const, overflowX: 'hidden' as const };\n  return (\n    <div\n      ref={ref}\n      className={cx('scroll-area', `scroll-area--${orientation}`, className)}\n      style={{ ...overflow, maxHeight, ...style }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n"]}

package/dist/chunk-6PEC4RRO.mjs

@@ -0,0 +1,94 @@
+import { format } from './chunk-KKOJI25C.mjs';
+import { useLocale } from './chunk-ZRFSTYRL.mjs';
+import { Bell } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function NotificationCenter({
+  notifications,
+  onMarkAllRead,
+  onClearAll,
+  emptyMessage,
+  trigger,
+  className
+}) {
+  const [open, setOpen] = React.useState(false);
+  const ref = React.useRef(null);
+  const t = useLocale();
+  const unread = notifications.filter((n) => !n.read).length;
+  const empty = emptyMessage ?? t["notifications.empty"];
+  React.useEffect(() => {
+    if (!open) return;
+    const onClick = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const triggerEl = trigger ? React.cloneElement(trigger, {
+    onClick: (e) => {
+      trigger.props.onClick?.(e);
+      setOpen((o) => !o);
+    },
+    "aria-haspopup": "dialog",
+    "aria-expanded": open
+  }) : /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: "notif__trigger",
+      "aria-label": `${t["notifications.button"]}${unread > 0 ? format(t["notifications.unreadSuffix"], { n: unread }) : ""}`,
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      onClick: () => setOpen((o) => !o),
+      children: [
+        /* @__PURE__ */ jsx(Bell, { size: 20 }),
+        unread > 0 && /* @__PURE__ */ jsx("span", { className: "notif__badge", "aria-hidden": "true", children: unread > 99 ? "99+" : unread })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { ref, className: cx("notif", className), children: [
+    triggerEl,
+    open && /* @__PURE__ */ jsxs("div", { className: "notif__panel", role: "dialog", "aria-label": t["notifications.panel"], children: [
+      /* @__PURE__ */ jsxs("div", { className: "notif__head", children: [
+        /* @__PURE__ */ jsx("span", { className: "notif__title", children: t["notifications.title"] }),
+        notifications.length > 0 && /* @__PURE__ */ jsxs("div", { className: "notif__head-actions", children: [
+          onMarkAllRead && unread > 0 && /* @__PURE__ */ jsx("button", { type: "button", className: "notif__action", onClick: onMarkAllRead, children: t["notifications.markAllRead"] }),
+          onClearAll && /* @__PURE__ */ jsx("button", { type: "button", className: "notif__action", onClick: onClearAll, children: t["notifications.clear"] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "notif__list", children: notifications.length === 0 ? /* @__PURE__ */ jsx("div", { className: "notif__empty", children: empty }) : notifications.map((n) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: cx("notif__item", !n.read && "is-unread"),
+          onClick: () => {
+            n.onClick?.();
+            setOpen(false);
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { className: cx("notif__dot", `notif__dot--${n.tone ?? "info"}`), "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs("div", { className: "notif__body", children: [
+              /* @__PURE__ */ jsx("div", { className: "notif__item-title", children: n.title }),
+              n.description && /* @__PURE__ */ jsx("div", { className: "notif__item-desc", children: n.description }),
+              n.timestamp && /* @__PURE__ */ jsx("div", { className: "notif__time", children: n.timestamp })
+            ] })
+          ]
+        },
+        n.id
+      )) })
+    ] })
+  ] });
+}
+
+export { NotificationCenter };
+//# sourceMappingURL=chunk-6PEC4RRO.mjs.map
+//# sourceMappingURL=chunk-6PEC4RRO.mjs.map

package/dist/chunk-6PEC4RRO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Notifications.tsx"],"names":[],"mappings":"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","file":"chunk-6PEC4RRO.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Bell } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\nexport type NotificationTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface NotificationItem {\n  id: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  tone?: NotificationTone;\n  timestamp?: React.ReactNode;\n  read?: boolean;\n  onClick?: () => void;\n}\n\nexport interface NotificationCenterProps {\n  notifications: NotificationItem[];\n  onMarkAllRead?: () => void;\n  onClearAll?: () => void;\n  emptyMessage?: React.ReactNode;\n  /** Custom trigger element. Si se pasa, reemplaza el botón con bell. */\n  trigger?: React.ReactElement;\n  className?: string;\n}\n\nexport function NotificationCenter({\n  notifications, onMarkAllRead, onClearAll,\n  emptyMessage,\n  trigger, className,\n}: NotificationCenterProps) {\n  const [open, setOpen] = React.useState(false);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const t = useLocale();\n  const unread = notifications.filter((n) => !n.read).length;\n  const empty = emptyMessage ?? t['notifications.empty'];\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) => { if (e.key === 'Escape') setOpen(false); };\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 triggerEl = trigger ? React.cloneElement(trigger, {\n    onClick: (e: React.MouseEvent) => {\n      trigger.props.onClick?.(e);\n      setOpen((o) => !o);\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': open,\n  }) : (\n    <button\n      type=\"button\"\n      className=\"notif__trigger\"\n      aria-label={`${t['notifications.button']}${unread > 0 ? format(t['notifications.unreadSuffix'], { n: unread }) : ''}`}\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      onClick={() => setOpen((o) => !o)}\n    >\n      <Bell size={20} />\n      {unread > 0 && <span className=\"notif__badge\" aria-hidden=\"true\">{unread > 99 ? '99+' : unread}</span>}\n    </button>\n  );\n\n  return (\n    <div ref={ref} className={cx('notif', className)}>\n      {triggerEl}\n      {open && (\n        <div className=\"notif__panel\" role=\"dialog\" aria-label={t['notifications.panel']}>\n          <div className=\"notif__head\">\n            <span className=\"notif__title\">{t['notifications.title']}</span>\n            {notifications.length > 0 && (\n              <div className=\"notif__head-actions\">\n                {onMarkAllRead && unread > 0 && (\n                  <button type=\"button\" className=\"notif__action\" onClick={onMarkAllRead}>\n                    {t['notifications.markAllRead']}\n                  </button>\n                )}\n                {onClearAll && (\n                  <button type=\"button\" className=\"notif__action\" onClick={onClearAll}>\n                    {t['notifications.clear']}\n                  </button>\n                )}\n              </div>\n            )}\n          </div>\n          <div className=\"notif__list\">\n            {notifications.length === 0 ? (\n              <div className=\"notif__empty\">{empty}</div>\n            ) : (\n              notifications.map((n) => (\n                <button\n                  key={n.id}\n                  type=\"button\"\n                  className={cx('notif__item', !n.read && 'is-unread')}\n                  onClick={() => { n.onClick?.(); setOpen(false); }}\n                >\n                  <span className={cx('notif__dot', `notif__dot--${n.tone ?? 'info'}`)} aria-hidden=\"true\" />\n                  <div className=\"notif__body\">\n                    <div className=\"notif__item-title\">{n.title}</div>\n                    {n.description && <div className=\"notif__item-desc\">{n.description}</div>}\n                    {n.timestamp && <div className=\"notif__time\">{n.timestamp}</div>}\n                  </div>\n                </button>\n              ))\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-7AKN7FDA.mjs

@@ -0,0 +1,103 @@
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Popover({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  trigger,
+  children,
+  placement = "bottom",
+  align = "center",
+  offset = 8,
+  closeOnOutsideClick = true,
+  closeOnEscape = true,
+  className,
+  contentClassName,
+  ariaLabel
+}) {
+  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const triggerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const [coords, setCoords] = React.useState(null);
+  const setOpen = (next) => {
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  };
+  React.useEffect(() => {
+    if (!open || !triggerRef.current || !contentRef.current) return;
+    const t = triggerRef.current.getBoundingClientRect();
+    const c = contentRef.current.getBoundingClientRect();
+    let top = 0;
+    let left = 0;
+    if (placement === "bottom") {
+      top = t.bottom + offset;
+      left = align === "start" ? t.left : align === "end" ? t.right - c.width : t.left + (t.width - c.width) / 2;
+    } else if (placement === "top") {
+      top = t.top - c.height - offset;
+      left = align === "start" ? t.left : align === "end" ? t.right - c.width : t.left + (t.width - c.width) / 2;
+    } else if (placement === "right") {
+      left = t.right + offset;
+      top = align === "start" ? t.top : align === "end" ? t.bottom - c.height : t.top + (t.height - c.height) / 2;
+    } else {
+      left = t.left - c.width - offset;
+      top = align === "start" ? t.top : align === "end" ? t.bottom - c.height : t.top + (t.height - c.height) / 2;
+    }
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+    left = Math.max(8, Math.min(left, vw - c.width - 8));
+    top = Math.max(8, Math.min(top, vh - c.height - 8));
+    setCoords({ top: top + window.scrollY, left: left + window.scrollX });
+  }, [open, placement, align, offset]);
+  React.useEffect(() => {
+    if (!open) return;
+    const onClick = (e) => {
+      if (!closeOnOutsideClick) return;
+      const target = e.target;
+      if (triggerRef.current?.contains(target) || contentRef.current?.contains(target)) return;
+      setOpen(false);
+    };
+    const onKey = (e) => {
+      if (closeOnEscape && e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open, closeOnOutsideClick, closeOnEscape]);
+  const panel = open && /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: contentRef,
+      role: "dialog",
+      "aria-label": ariaLabel,
+      className: cx("popover__content", contentClassName),
+      style: coords ? { position: "absolute", top: coords.top, left: coords.left } : { position: "absolute", visibility: "hidden" },
+      children
+    }
+  );
+  return /* @__PURE__ */ jsxs("span", { className: cx("popover", className), children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: triggerRef,
+        className: "popover__trigger",
+        onClick: () => setOpen(!open),
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        children: trigger
+      }
+    ),
+    panel && typeof document !== "undefined" && createPortal(panel, document.body)
+  ] });
+}
+
+export { Popover };
+//# sourceMappingURL=chunk-7AKN7FDA.mjs.map
+//# sourceMappingURL=chunk-7AKN7FDA.mjs.map

package/dist/chunk-7AKN7FDA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Popover.tsx"],"names":[],"mappings":"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","file":"chunk-7AKN7FDA.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\n\nexport type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';\nexport type PopoverAlign = 'start' | 'center' | 'end';\n\nexport interface PopoverProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  placement?: PopoverPlacement;\n  align?: PopoverAlign;\n  offset?: number;\n  closeOnOutsideClick?: boolean;\n  closeOnEscape?: boolean;\n  className?: string;\n  contentClassName?: string;\n  ariaLabel?: string;\n}\n\nexport function Popover({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  children,\n  placement = 'bottom',\n  align = 'center',\n  offset = 8,\n  closeOnOutsideClick = true,\n  closeOnEscape = true,\n  className,\n  contentClassName,\n  ariaLabel,\n}: PopoverProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  const triggerRef = React.useRef<HTMLDivElement>(null);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [coords, setCoords] = React.useState<{ top: number; left: number } | null>(null);\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next);\n    onOpenChange?.(next);\n  };\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\n    let top = 0;\n    let left = 0;\n    if (placement === 'bottom') {\n      top = t.bottom + offset;\n      left = align === 'start' ? t.left : align === 'end' ? t.right - c.width : t.left + (t.width - c.width) / 2;\n    } else if (placement === 'top') {\n      top = t.top - c.height - offset;\n      left = align === 'start' ? t.left : align === 'end' ? t.right - c.width : t.left + (t.width - c.width) / 2;\n    } else if (placement === 'right') {\n      left = t.right + offset;\n      top = align === 'start' ? t.top : align === 'end' ? t.bottom - c.height : t.top + (t.height - c.height) / 2;\n    } else {\n      left = t.left - c.width - offset;\n      top = align === 'start' ? t.top : align === 'end' ? t.bottom - c.height : t.top + (t.height - c.height) / 2;\n    }\n\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n    left = Math.max(8, Math.min(left, vw - c.width - 8));\n    top = Math.max(8, Math.min(top, vh - c.height - 8));\n\n    setCoords({ top: top + window.scrollY, left: left + window.scrollX });\n  }, [open, placement, align, offset]);\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onClick = (e: MouseEvent) => {\n      if (!closeOnOutsideClick) return;\n      const target = e.target as Node;\n      if (triggerRef.current?.contains(target) || contentRef.current?.contains(target)) return;\n      setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => {\n      if (closeOnEscape && 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, closeOnOutsideClick, closeOnEscape]);\n\n  const panel = open && (\n    <div\n      ref={contentRef}\n      role=\"dialog\"\n      aria-label={ariaLabel}\n      className={cx('popover__content', contentClassName)}\n      style={coords ? { position: 'absolute', top: coords.top, left: coords.left } : { position: 'absolute', visibility: 'hidden' }}\n    >\n      {children}\n    </div>\n  );\n\n  return (\n    <span className={cx('popover', className)}>\n      <span\n        ref={triggerRef as any}\n        className=\"popover__trigger\"\n        onClick={() => setOpen(!open)}\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n      >\n        {trigger}\n      </span>\n      {/* Portal to body so absolute coords (document-relative) match the\n          positioning origin and overflow:hidden ancestors don't clip. */}\n      {panel && typeof document !== 'undefined' && createPortal(panel, document.body)}\n    </span>\n  );\n}\n"]}