@misael703/ui 1.0.0

package/dist/chunk-2RVSLQEA.mjs

@@ -0,0 +1,171 @@
+import { Modal } from './chunk-GDFYAUHT.mjs';
+import { Checkbox } from './chunk-GVYZAOWU.mjs';
+import { useLocale } from './chunk-ZRFSTYRL.mjs';
+import { ChevronRight, ChevronLeft } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function ConfirmDialog({
+  open,
+  onClose,
+  onConfirm,
+  title,
+  description,
+  confirmLabel,
+  cancelLabel,
+  tone = "default",
+  loading
+}) {
+  const [busy, setBusy] = React.useState(false);
+  const isBusy = loading ?? busy;
+  const t = useLocale();
+  const confirmText = confirmLabel ?? t["common.confirm"];
+  const cancelText = cancelLabel ?? t["common.cancel"];
+  const handleConfirm = async () => {
+    try {
+      setBusy(true);
+      await onConfirm();
+      onClose();
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open,
+      onClose,
+      size: "sm",
+      title,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("button", { type: "button", className: "btn btn--ghost btn--md", onClick: onClose, disabled: isBusy, children: cancelText }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: cx("btn", tone === "danger" ? "btn--danger" : "btn--primary", "btn--md"),
+            onClick: handleConfirm,
+            disabled: isBusy,
+            "aria-busy": isBusy || void 0,
+            children: [
+              isBusy ? /* @__PURE__ */ jsx("span", { className: "spinner spinner--inverse", "aria-hidden": "true" }) : null,
+              confirmText
+            ]
+          }
+        )
+      ] }),
+      children: description && /* @__PURE__ */ jsx("p", { className: "confirm__desc", children: description })
+    }
+  );
+}
+function DescriptionList({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsx("dl", { className: cx("desc-list", className), ...rest, children });
+}
+function DescriptionListItem({ label, value, onEdit, editable }) {
+  const t = useLocale();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("dt", { className: "desc-list__label", children: label }),
+    /* @__PURE__ */ jsxs("dd", { className: "desc-list__value", children: [
+      /* @__PURE__ */ jsx("span", { children: value }),
+      editable && onEdit && /* @__PURE__ */ jsx("button", { type: "button", className: "desc-list__edit", onClick: onEdit, children: t["descList.edit"] })
+    ] })
+  ] });
+}
+function DiffViewer({ entries, className, ...rest }) {
+  const t = useLocale();
+  const beforeLabel = typeof t["diff.before"] === "string" ? t["diff.before"] : void 0;
+  const afterLabel = typeof t["diff.after"] === "string" ? t["diff.after"] : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: cx("diff", className), role: "table", "aria-label": t["diff.label"], ...rest, children: [
+    /* @__PURE__ */ jsxs("div", { className: "diff__head", role: "row", children: [
+      /* @__PURE__ */ jsx("div", { role: "columnheader", children: t["diff.field"] }),
+      /* @__PURE__ */ jsx("div", { role: "columnheader", children: t["diff.before"] }),
+      /* @__PURE__ */ jsx("div", { role: "columnheader", children: t["diff.after"] })
+    ] }),
+    entries.map((e, i) => /* @__PURE__ */ jsxs("div", { className: "diff__row", role: "row", children: [
+      /* @__PURE__ */ jsx("div", { className: "diff__field", role: "cell", children: e.field }),
+      /* @__PURE__ */ jsx("div", { className: "diff__before", role: "cell", "data-label": beforeLabel, children: /* @__PURE__ */ jsx("del", { children: e.before }) }),
+      /* @__PURE__ */ jsx("div", { className: "diff__after", role: "cell", "data-label": afterLabel, children: /* @__PURE__ */ jsx("ins", { children: e.after }) })
+    ] }, i))
+  ] });
+}
+function TransferList({
+  source,
+  selected,
+  onChange,
+  sourceTitle,
+  selectedTitle,
+  className
+}) {
+  const [leftChecked, setLeftChecked] = React.useState(/* @__PURE__ */ new Set());
+  const [rightChecked, setRightChecked] = React.useState(/* @__PURE__ */ new Set());
+  const t = useLocale();
+  const srcTitle = sourceTitle ?? t["transfer.available"];
+  const selTitle = selectedTitle ?? t["transfer.assigned"];
+  const selectedIds = React.useMemo(
+    () => new Set(selected.map((s) => s.id)),
+    [selected]
+  );
+  const left = React.useMemo(
+    () => source.filter((s) => !selectedIds.has(s.id)),
+    [source, selectedIds]
+  );
+  const right = selected;
+  const moveRight = () => {
+    const toMove = left.filter((i) => leftChecked.has(i.id));
+    onChange([...right, ...toMove]);
+    setLeftChecked(/* @__PURE__ */ new Set());
+  };
+  const moveLeft = () => {
+    onChange(right.filter((i) => !rightChecked.has(i.id)));
+    setRightChecked(/* @__PURE__ */ new Set());
+  };
+  const toggleCheck = (set, setSet, id) => {
+    const next = new Set(set);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    setSet(next);
+  };
+  const renderColumn = (title, items, checked, setChecked) => /* @__PURE__ */ jsxs("div", { className: "transfer__col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "transfer__col-head", children: [
+      /* @__PURE__ */ jsx("span", { className: "transfer__col-title", children: title }),
+      /* @__PURE__ */ jsx("span", { className: "transfer__col-count", children: items.length })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "transfer__list", role: "listbox", "aria-label": typeof title === "string" ? title : void 0, children: items.length === 0 ? /* @__PURE__ */ jsx("li", { className: "transfer__empty", children: t["transfer.empty"] }) : items.map((it) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: cx("transfer__item", checked.has(it.id) && "is-checked", it.disabled && "is-disabled"),
+        role: "option",
+        "aria-selected": checked.has(it.id),
+        onClick: () => !it.disabled && toggleCheck(checked, setChecked, it.id),
+        children: [
+          /* @__PURE__ */ jsx("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: checked.has(it.id),
+              disabled: it.disabled,
+              onChange: () => toggleCheck(checked, setChecked, it.id)
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "transfer__item-body", children: [
+            /* @__PURE__ */ jsx("div", { children: it.label }),
+            it.description && /* @__PURE__ */ jsx("div", { className: "transfer__item-desc", children: it.description })
+          ] })
+        ]
+      },
+      it.id
+    )) })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: cx("transfer", className), children: [
+    renderColumn(srcTitle, left, leftChecked, setLeftChecked),
+    /* @__PURE__ */ jsxs("div", { className: "transfer__controls", children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: "btn btn--outline btn--sm", disabled: leftChecked.size === 0, onClick: moveRight, "aria-label": t["transfer.assignSelected"], children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 }) }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "btn btn--outline btn--sm", disabled: rightChecked.size === 0, onClick: moveLeft, "aria-label": t["transfer.removeSelected"], children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 }) })
+    ] }),
+    renderColumn(selTitle, right, rightChecked, setRightChecked)
+  ] });
+}
+
+export { ConfirmDialog, DescriptionList, DescriptionListItem, DiffViewer, TransferList };
+//# sourceMappingURL=chunk-2RVSLQEA.mjs.map
+//# sourceMappingURL=chunk-2RVSLQEA.mjs.map

package/dist/chunk-2RVSLQEA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Editing.tsx"],"names":[],"mappings":"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","file":"chunk-2RVSLQEA.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Modal } from './Overlay';\nimport { ChevronLeft, ChevronRight } from './Icons';\nimport { Checkbox } from './Form';\nimport { useLocale } from '../locale/LocaleProvider';\n\n// ---------- ConfirmDialog -----------------------------------------------\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void | Promise<void>;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  confirmLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  /** 'danger' usa botón rojo. */\n  tone?: 'default' | 'danger';\n  /** Si true, deshabilita el confirm mientras se ejecuta. */\n  loading?: boolean;\n}\n\nexport function ConfirmDialog({\n  open, onClose, onConfirm, title, description,\n  confirmLabel, cancelLabel,\n  tone = 'default', loading,\n}: ConfirmDialogProps) {\n  const [busy, setBusy] = React.useState(false);\n  const isBusy = loading ?? busy;\n  const t = useLocale();\n  const confirmText = confirmLabel ?? t['common.confirm'];\n  const cancelText = cancelLabel ?? t['common.cancel'];\n\n  const handleConfirm = async () => {\n    try {\n      setBusy(true);\n      await onConfirm();\n      onClose();\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      size=\"sm\"\n      title={title}\n      footer={\n        <>\n          <button type=\"button\" className=\"btn btn--ghost btn--md\" onClick={onClose} disabled={isBusy}>\n            {cancelText}\n          </button>\n          <button\n            type=\"button\"\n            className={cx('btn', tone === 'danger' ? 'btn--danger' : 'btn--primary', 'btn--md')}\n            onClick={handleConfirm}\n            disabled={isBusy}\n            aria-busy={isBusy || undefined}\n          >\n            {isBusy ? <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" /> : null}\n            {confirmText}\n          </button>\n        </>\n      }\n    >\n      {description && <p className=\"confirm__desc\">{description}</p>}\n    </Modal>\n  );\n}\n\n// ---------- DescriptionList (KeyValue editable) ------------------------\nexport interface DescriptionListItemProps {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  /** Si se pasa, el valor se vuelve editable inline. */\n  onEdit?: () => void;\n  editable?: boolean;\n}\n\nexport function DescriptionList({ children, className, ...rest }: React.HTMLAttributes<HTMLDListElement>) {\n  return <dl className={cx('desc-list', className)} {...rest}>{children}</dl>;\n}\n\nexport function DescriptionListItem({ label, value, onEdit, editable }: DescriptionListItemProps) {\n  const t = useLocale();\n  return (\n    <>\n      <dt className=\"desc-list__label\">{label}</dt>\n      <dd className=\"desc-list__value\">\n        <span>{value}</span>\n        {editable && onEdit && (\n          <button type=\"button\" className=\"desc-list__edit\" onClick={onEdit}>\n            {t['descList.edit']}\n          </button>\n        )}\n      </dd>\n    </>\n  );\n}\n\n// ---------- DiffViewer (before / after) --------------------------------\nexport interface DiffEntry {\n  field: React.ReactNode;\n  before: React.ReactNode;\n  after: React.ReactNode;\n}\n\nexport interface DiffViewerProps extends React.HTMLAttributes<HTMLDivElement> {\n  entries: DiffEntry[];\n}\n\nexport function DiffViewer({ entries, className, ...rest }: DiffViewerProps) {\n  const t = useLocale();\n  // data-label feeds the mobile stacked layout's ::before pseudo-elements\n  // so the \"Antes\" / \"Después\" labels remain i18n-able.\n  const beforeLabel = typeof t['diff.before'] === 'string' ? t['diff.before'] : undefined;\n  const afterLabel = typeof t['diff.after'] === 'string' ? t['diff.after'] : undefined;\n  return (\n    <div className={cx('diff', className)} role=\"table\" aria-label={t['diff.label']} {...rest}>\n      <div className=\"diff__head\" role=\"row\">\n        <div role=\"columnheader\">{t['diff.field']}</div>\n        <div role=\"columnheader\">{t['diff.before']}</div>\n        <div role=\"columnheader\">{t['diff.after']}</div>\n      </div>\n      {entries.map((e, i) => (\n        <div key={i} className=\"diff__row\" role=\"row\">\n          <div className=\"diff__field\" role=\"cell\">{e.field}</div>\n          <div className=\"diff__before\" role=\"cell\" data-label={beforeLabel}><del>{e.before}</del></div>\n          <div className=\"diff__after\" role=\"cell\" data-label={afterLabel}><ins>{e.after}</ins></div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ---------- TransferList (dual list select) ----------------------------\nexport interface TransferItem {\n  id: string;\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface TransferListProps {\n  source: TransferItem[];\n  selected: TransferItem[];\n  onChange: (selected: TransferItem[]) => void;\n  sourceTitle?: React.ReactNode;\n  selectedTitle?: React.ReactNode;\n  className?: string;\n}\n\nexport function TransferList({\n  source, selected, onChange,\n  sourceTitle, selectedTitle,\n  className,\n}: TransferListProps) {\n  const [leftChecked, setLeftChecked] = React.useState<Set<string>>(new Set());\n  const [rightChecked, setRightChecked] = React.useState<Set<string>>(new Set());\n  const t = useLocale();\n  const srcTitle = sourceTitle ?? t['transfer.available'];\n  const selTitle = selectedTitle ?? t['transfer.assigned'];\n\n  // Without memo, every checkbox click rebuilt selectedIds and re-filtered\n  // `source` to compute `left`. At ~500 source items that's a measurable\n  // O(n) hit per click.\n  const selectedIds = React.useMemo(\n    () => new Set(selected.map((s) => s.id)),\n    [selected]\n  );\n  const left = React.useMemo(\n    () => source.filter((s) => !selectedIds.has(s.id)),\n    [source, selectedIds]\n  );\n  const right = selected;\n\n  const moveRight = () => {\n    const toMove = left.filter((i) => leftChecked.has(i.id));\n    onChange([...right, ...toMove]);\n    setLeftChecked(new Set());\n  };\n  const moveLeft = () => {\n    onChange(right.filter((i) => !rightChecked.has(i.id)));\n    setRightChecked(new Set());\n  };\n\n  const toggleCheck = (set: Set<string>, setSet: (s: Set<string>) => void, id: string) => {\n    const next = new Set(set);\n    if (next.has(id)) next.delete(id); else next.add(id);\n    setSet(next);\n  };\n\n  const renderColumn = (title: React.ReactNode, items: TransferItem[], checked: Set<string>, setChecked: (s: Set<string>) => void) => (\n    <div className=\"transfer__col\">\n      <div className=\"transfer__col-head\">\n        <span className=\"transfer__col-title\">{title}</span>\n        <span className=\"transfer__col-count\">{items.length}</span>\n      </div>\n      <ul className=\"transfer__list\" role=\"listbox\" aria-label={typeof title === 'string' ? title : undefined}>\n        {items.length === 0 ? (\n          <li className=\"transfer__empty\">{t['transfer.empty']}</li>\n        ) : items.map((it) => (\n          <li\n            key={it.id}\n            className={cx('transfer__item', checked.has(it.id) && 'is-checked', it.disabled && 'is-disabled')}\n            role=\"option\"\n            aria-selected={checked.has(it.id)}\n            onClick={() => !it.disabled && toggleCheck(checked, setChecked, it.id)}\n          >\n            <span onClick={(e) => e.stopPropagation()}>\n              <Checkbox\n                checked={checked.has(it.id)}\n                disabled={it.disabled}\n                onChange={() => toggleCheck(checked, setChecked, it.id)}\n              />\n            </span>\n            <div className=\"transfer__item-body\">\n              <div>{it.label}</div>\n              {it.description && <div className=\"transfer__item-desc\">{it.description}</div>}\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n\n  return (\n    <div className={cx('transfer', className)}>\n      {renderColumn(srcTitle, left, leftChecked, setLeftChecked)}\n      <div className=\"transfer__controls\">\n        <button type=\"button\" className=\"btn btn--outline btn--sm\" disabled={leftChecked.size === 0} onClick={moveRight} aria-label={t['transfer.assignSelected']}>\n          <ChevronRight size={16} />\n        </button>\n        <button type=\"button\" className=\"btn btn--outline btn--sm\" disabled={rightChecked.size === 0} onClick={moveLeft} aria-label={t['transfer.removeSelected']}>\n          <ChevronLeft size={16} />\n        </button>\n      </div>\n      {renderColumn(selTitle, right, rightChecked, setRightChecked)}\n    </div>\n  );\n}\n"]}

package/dist/chunk-2UV37SEN.mjs

@@ -0,0 +1,78 @@
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var CollapsibleContext = React.createContext(null);
+var Collapsible = React.forwardRef(function Collapsible2({ open: openProp, defaultOpen = false, onOpenChange, className, children, ...rest }, ref) {
+  const [internal, setInternal] = React.useState(defaultOpen);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : internal;
+  const reactId = React.useId();
+  const ids = React.useMemo(
+    () => ({ contentId: `collapsible-content-${reactId}`, triggerId: `collapsible-trigger-${reactId}` }),
+    [reactId]
+  );
+  const toggle = () => {
+    const next = !open;
+    if (!isControlled) setInternal(next);
+    onOpenChange?.(next);
+  };
+  return /* @__PURE__ */ jsx(CollapsibleContext.Provider, { value: { open, toggle, ...ids }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cx("collapsible", open && "is-open", className),
+      "data-state": open ? "open" : "closed",
+      ...rest,
+      children
+    }
+  ) });
+});
+var CollapsibleTrigger = React.forwardRef(
+  function CollapsibleTrigger2({ className, children, onClick, ...rest }, ref) {
+    const ctx = React.useContext(CollapsibleContext);
+    if (!ctx) throw new Error("<CollapsibleTrigger> must be used inside <Collapsible>");
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        id: ctx.triggerId,
+        "aria-expanded": ctx.open,
+        "aria-controls": ctx.contentId,
+        "data-state": ctx.open ? "open" : "closed",
+        className: cx("collapsible__trigger", className),
+        onClick: (e) => {
+          ctx.toggle();
+          onClick?.(e);
+        },
+        ...rest,
+        children
+      }
+    );
+  }
+);
+var CollapsibleContent = React.forwardRef(
+  function CollapsibleContent2({ className, children, ...rest }, ref) {
+    const ctx = React.useContext(CollapsibleContext);
+    if (!ctx) throw new Error("<CollapsibleContent> must be used inside <Collapsible>");
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        id: ctx.contentId,
+        role: "region",
+        "aria-labelledby": ctx.triggerId,
+        "data-state": ctx.open ? "open" : "closed",
+        hidden: !ctx.open || void 0,
+        className: cx("collapsible__content", className),
+        ...rest,
+        children
+      }
+    );
+  }
+);
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=chunk-2UV37SEN.mjs.map
+//# sourceMappingURL=chunk-2UV37SEN.mjs.map

package/dist/chunk-2UV37SEN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Collapsible.tsx"],"names":["Collapsible","CollapsibleTrigger","CollapsibleContent"],"mappings":"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","file":"chunk-2UV37SEN.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\ninterface CollapsibleContextValue {\n  open: boolean;\n  toggle: () => void;\n  contentId: string;\n  triggerId: string;\n}\n\nconst CollapsibleContext = React.createContext<CollapsibleContextValue | null>(null);\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(function Collapsible(\n  { open: openProp, defaultOpen = false, onOpenChange, className, children, ...rest },\n  ref\n) {\n  const [internal, setInternal] = React.useState(defaultOpen);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : internal;\n  const reactId = React.useId();\n  const ids = React.useMemo(\n    () => ({ contentId: `collapsible-content-${reactId}`, triggerId: `collapsible-trigger-${reactId}` }),\n    [reactId]\n  );\n\n  const toggle = () => {\n    const next = !open;\n    if (!isControlled) setInternal(next);\n    onOpenChange?.(next);\n  };\n\n  return (\n    <CollapsibleContext.Provider value={{ open, toggle, ...ids }}>\n      <div\n        ref={ref}\n        className={cx('collapsible', open && 'is-open', className)}\n        data-state={open ? 'open' : 'closed'}\n        {...rest}\n      >\n        {children}\n      </div>\n    </CollapsibleContext.Provider>\n  );\n});\n\nexport const CollapsibleTrigger = React.forwardRef<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>(\n  function CollapsibleTrigger({ className, children, onClick, ...rest }, ref) {\n    const ctx = React.useContext(CollapsibleContext);\n    if (!ctx) throw new Error('<CollapsibleTrigger> must be used inside <Collapsible>');\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        id={ctx.triggerId}\n        aria-expanded={ctx.open}\n        aria-controls={ctx.contentId}\n        data-state={ctx.open ? 'open' : 'closed'}\n        className={cx('collapsible__trigger', className)}\n        onClick={(e) => {\n          ctx.toggle();\n          onClick?.(e);\n        }}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const CollapsibleContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CollapsibleContent({ className, children, ...rest }, ref) {\n    const ctx = React.useContext(CollapsibleContext);\n    if (!ctx) throw new Error('<CollapsibleContent> must be used inside <Collapsible>');\n    return (\n      <div\n        ref={ref}\n        id={ctx.contentId}\n        role=\"region\"\n        aria-labelledby={ctx.triggerId}\n        data-state={ctx.open ? 'open' : 'closed'}\n        hidden={!ctx.open || undefined}\n        className={cx('collapsible__content', className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"]}

package/dist/chunk-33PU6AH7.mjs

@@ -0,0 +1,123 @@
+import { useLocale } from './chunk-ZRFSTYRL.mjs';
+import { Info, AlertCircle, AlertTriangle, CheckCircle, X } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var VARIANT_ICON = {
+  success: CheckCircle,
+  warning: AlertTriangle,
+  danger: AlertCircle,
+  info: Info
+};
+var EXIT_MS = 200;
+var ToastContext = React.createContext(null);
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = React.useState([]);
+  const [closingIds, setClosingIds] = React.useState(/* @__PURE__ */ new Set());
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => setMounted(true), []);
+  const timers = React.useRef(/* @__PURE__ */ new Map());
+  const exitTimers = React.useRef(/* @__PURE__ */ new Map());
+  const locale = useLocale();
+  const dismiss = React.useCallback((id) => {
+    const state = timers.current.get(id);
+    if (state) {
+      clearTimeout(state.handle);
+      timers.current.delete(id);
+    }
+    if (exitTimers.current.has(id)) return;
+    setClosingIds((prev) => {
+      const next = new Set(prev);
+      next.add(id);
+      return next;
+    });
+    const handle = setTimeout(() => {
+      exitTimers.current.delete(id);
+      setToasts((list) => list.filter((toast) => toast.id !== id));
+      setClosingIds((prev) => {
+        if (!prev.has(id)) return prev;
+        const next = new Set(prev);
+        next.delete(id);
+        return next;
+      });
+    }, EXIT_MS);
+    exitTimers.current.set(id, handle);
+  }, []);
+  const push = React.useCallback(
+    (t) => {
+      const id = Math.random().toString(36).slice(2);
+      const item = { id, duration: 4e3, variant: "info", ...t };
+      setToasts((list) => [...list, item]);
+      if (item.duration && item.duration > 0) {
+        const handle = setTimeout(() => dismiss(id), item.duration);
+        timers.current.set(id, { handle, startedAt: Date.now(), remaining: item.duration });
+      }
+      return id;
+    },
+    [dismiss]
+  );
+  const pause = React.useCallback((id) => {
+    const state = timers.current.get(id);
+    if (!state) return;
+    clearTimeout(state.handle);
+    const elapsed = Date.now() - state.startedAt;
+    const remaining = Math.max(0, state.remaining - elapsed);
+    timers.current.set(id, { ...state, remaining });
+  }, []);
+  const resume = React.useCallback((id) => {
+    const state = timers.current.get(id);
+    if (!state) return;
+    const handle = setTimeout(() => dismiss(id), state.remaining);
+    timers.current.set(id, { handle, startedAt: Date.now(), remaining: state.remaining });
+  }, [dismiss]);
+  React.useEffect(() => {
+    const map = timers.current;
+    const exits = exitTimers.current;
+    return () => {
+      map.forEach((state) => clearTimeout(state.handle));
+      map.clear();
+      exits.forEach((handle) => clearTimeout(handle));
+      exits.clear();
+    };
+  }, []);
+  const stack = /* @__PURE__ */ jsx("div", { className: "toast-stack", "aria-live": "polite", children: toasts.map((t) => {
+    const variant = t.variant ?? "info";
+    const Icon = VARIANT_ICON[variant];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cx("toast", `toast--${variant}`, closingIds.has(t.id) && "is-closing"),
+        role: "status",
+        onMouseEnter: () => pause(t.id),
+        onMouseLeave: () => resume(t.id),
+        onFocus: () => pause(t.id),
+        onBlur: () => resume(t.id),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "toast__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon, { size: 20 }) }),
+          /* @__PURE__ */ jsxs("div", { className: "toast__body", children: [
+            t.title && /* @__PURE__ */ jsx("div", { className: "toast__title", children: t.title }),
+            t.description && /* @__PURE__ */ jsx("div", { className: "toast__desc", children: t.description })
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "toast__close", "aria-label": locale["toast.close"], onClick: () => dismiss(t.id), children: /* @__PURE__ */ jsx(X, { size: 16 }) })
+        ]
+      },
+      t.id
+    );
+  }) });
+  const ctx = React.useMemo(() => ({ toasts, push, dismiss }), [toasts, push, dismiss]);
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: ctx, children: [
+    children,
+    mounted && typeof document !== "undefined" && createPortal(stack, document.body)
+  ] });
+}
+function useToast() {
+  const ctx = React.useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used inside <ToastProvider>");
+  return ctx;
+}
+
+export { ToastProvider, useToast };
+//# sourceMappingURL=chunk-33PU6AH7.mjs.map
+//# sourceMappingURL=chunk-33PU6AH7.mjs.map

package/dist/chunk-33PU6AH7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toast.tsx"],"names":[],"mappings":"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","file":"chunk-33PU6AH7.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { X, CheckCircle, AlertTriangle, AlertCircle, Info } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { cx } from '../utils/cx';\n\nconst VARIANT_ICON = {\n  success: CheckCircle,\n  warning: AlertTriangle,\n  danger: AlertCircle,\n  info: Info,\n} as const;\n\n// Exit animation duration. Must match `.toast.is-closing` keyframes\n// (`toastSlideOut`) in src/styles/index.css.\nconst EXIT_MS = 200;\n\nexport interface ToastItem {\n  id: string;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  variant?: 'info' | 'success' | 'warning' | 'danger';\n  duration?: number;\n}\n\ninterface ToastContextValue {\n  toasts: ToastItem[];\n  push: (t: Omit<ToastItem, 'id'>) => string;\n  dismiss: (id: string) => void;\n}\n\nconst ToastContext = React.createContext<ToastContextValue | null>(null);\n\ninterface ToastTimerState {\n  handle: ReturnType<typeof setTimeout>;\n  startedAt: number;\n  remaining: number;\n}\n\nexport function ToastProvider({ children }: { children: React.ReactNode }) {\n  const [toasts, setToasts] = React.useState<ToastItem[]>([]);\n  // Toasts in the closing window: still rendered with `is-closing` class so\n  // CSS can play the exit animation, but already removed from new-toast\n  // accounting (auto-dismiss timer cancelled, can't be paused/resumed).\n  const [closingIds, setClosingIds] = React.useState<Set<string>>(new Set());\n  // SSR-safe portal gating. Without this, the first client render emits a\n  // `toast-stack` div into document.body via createPortal, while the\n  // server-rendered HTML doesn't — Next.js App Router flags it as a\n  // hydration mismatch. Starting `mounted=false` keeps the first client\n  // render identical to the server; the effect flips it true after\n  // hydration and the portal mounts on the next pass.\n  const [mounted, setMounted] = React.useState(false);\n  React.useEffect(() => setMounted(true), []);\n  const timers = React.useRef<Map<string, ToastTimerState>>(new Map());\n  const exitTimers = React.useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());\n  const locale = useLocale();\n\n  const dismiss = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (state) {\n      clearTimeout(state.handle);\n      timers.current.delete(id);\n    }\n    // Already in the closing window? skip (idempotent).\n    if (exitTimers.current.has(id)) return;\n    setClosingIds((prev) => {\n      const next = new Set(prev);\n      next.add(id);\n      return next;\n    });\n    const handle = setTimeout(() => {\n      exitTimers.current.delete(id);\n      setToasts((list) => list.filter((toast) => toast.id !== id));\n      setClosingIds((prev) => {\n        if (!prev.has(id)) return prev;\n        const next = new Set(prev);\n        next.delete(id);\n        return next;\n      });\n    }, EXIT_MS);\n    exitTimers.current.set(id, handle);\n  }, []);\n\n  const push = React.useCallback(\n    (t: Omit<ToastItem, 'id'>) => {\n      const id = Math.random().toString(36).slice(2);\n      const item: ToastItem = { id, duration: 4000, variant: 'info', ...t };\n      setToasts((list) => [...list, item]);\n      if (item.duration && item.duration > 0) {\n        const handle = setTimeout(() => dismiss(id), item.duration);\n        timers.current.set(id, { handle, startedAt: Date.now(), remaining: item.duration });\n      }\n      return id;\n    },\n    [dismiss]\n  );\n\n  // Pause auto-dismiss while pointer is over the toast — users reading a\n  // multi-line message shouldn't have it disappear mid-read.\n  const pause = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (!state) return;\n    clearTimeout(state.handle);\n    const elapsed = Date.now() - state.startedAt;\n    const remaining = Math.max(0, state.remaining - elapsed);\n    timers.current.set(id, { ...state, remaining });\n  }, []);\n\n  const resume = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (!state) return;\n    const handle = setTimeout(() => dismiss(id), state.remaining);\n    timers.current.set(id, { handle, startedAt: Date.now(), remaining: state.remaining });\n  }, [dismiss]);\n\n  React.useEffect(() => {\n    const map = timers.current;\n    const exits = exitTimers.current;\n    return () => {\n      map.forEach((state) => clearTimeout(state.handle));\n      map.clear();\n      exits.forEach((handle) => clearTimeout(handle));\n      exits.clear();\n    };\n  }, []);\n\n  // Portal the stack to body so it isn't clipped by ancestor stacking contexts\n  // (overflow:hidden, transform, filter on app shell layouts).\n  // aria-atomic intentionally omitted: with `false` (default), screen readers\n  // announce only newly added toasts instead of re-reading the entire stack.\n  const stack = (\n    <div className=\"toast-stack\" aria-live=\"polite\">\n      {toasts.map((t) => {\n        const variant = t.variant ?? 'info';\n        const Icon = VARIANT_ICON[variant];\n        return (\n          <div\n            key={t.id}\n            className={cx('toast', `toast--${variant}`, closingIds.has(t.id) && 'is-closing')}\n            role=\"status\"\n            onMouseEnter={() => pause(t.id)}\n            onMouseLeave={() => resume(t.id)}\n            onFocus={() => pause(t.id)}\n            onBlur={() => resume(t.id)}\n          >\n            <span className=\"toast__icon\" aria-hidden=\"true\"><Icon size={20} /></span>\n            <div className=\"toast__body\">\n              {t.title && <div className=\"toast__title\">{t.title}</div>}\n              {t.description && <div className=\"toast__desc\">{t.description}</div>}\n            </div>\n            <button type=\"button\" className=\"toast__close\" aria-label={locale['toast.close']} onClick={() => dismiss(t.id)}><X size={16} /></button>\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  // Memoize the provider value so consumers calling useToast() to access\n  // only `push`/`dismiss` (the common case) don't re-render on every state\n  // change. Without this, every toast push churned every consumer.\n  const ctx = React.useMemo(() => ({ toasts, push, dismiss }), [toasts, push, dismiss]);\n\n  return (\n    <ToastContext.Provider value={ctx}>\n      {children}\n      {mounted && typeof document !== 'undefined' && createPortal(stack, document.body)}\n    </ToastContext.Provider>\n  );\n}\n\nexport function useToast() {\n  const ctx = React.useContext(ToastContext);\n  if (!ctx) throw new Error('useToast must be used inside <ToastProvider>');\n  return ctx;\n}\n"]}

package/dist/chunk-3PXYCXDW.js

@@ -0,0 +1,32 @@
+'use strict';
+
+// 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;
+}
+
+exports.BRAND_DEFAULTS = BRAND_DEFAULTS;
+exports.configureBrand = configureBrand;
+exports.getBrand = getBrand;
+exports.resetBrand = resetBrand;
+//# sourceMappingURL=chunk-3PXYCXDW.js.map
+//# sourceMappingURL=chunk-3PXYCXDW.js.map

package/dist/chunk-3PXYCXDW.js.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-3PXYCXDW.js","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-3TNBETXR.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var chunkLIGJBHXU_js = require('./chunk-LIGJBHXU.js');
+var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function NotificationCenter({
+  notifications,
+  onMarkAllRead,
+  onClearAll,
+  emptyMessage,
+  trigger,
+  className
+}) {
+  const [open, setOpen] = React__namespace.useState(false);
+  const ref = React__namespace.useRef(null);
+  const t = chunkTEQ67JKX_js.useLocale();
+  const unread = notifications.filter((n) => !n.read).length;
+  const empty = emptyMessage ?? t["notifications.empty"];
+  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 triggerEl = trigger ? React__namespace.cloneElement(trigger, {
+    onClick: (e) => {
+      trigger.props.onClick?.(e);
+      setOpen((o) => !o);
+    },
+    "aria-haspopup": "dialog",
+    "aria-expanded": open
+  }) : /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      className: "notif__trigger",
+      "aria-label": `${t["notifications.button"]}${unread > 0 ? chunkLIGJBHXU_js.format(t["notifications.unreadSuffix"], { n: unread }) : ""}`,
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      onClick: () => setOpen((o) => !o),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.Bell, { size: 20 }),
+        unread > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "notif__badge", "aria-hidden": "true", children: unread > 99 ? "99+" : unread })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkPASF6T4H_js.cx("notif", className), children: [
+    triggerEl,
+    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "notif__panel", role: "dialog", "aria-label": t["notifications.panel"], children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "notif__head", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "notif__title", children: t["notifications.title"] }),
+        notifications.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "notif__head-actions", children: [
+          onMarkAllRead && unread > 0 && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "notif__action", onClick: onMarkAllRead, children: t["notifications.markAllRead"] }),
+          onClearAll && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "notif__action", onClick: onClearAll, children: t["notifications.clear"] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "notif__list", children: notifications.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "notif__empty", children: empty }) : notifications.map((n) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: chunkPASF6T4H_js.cx("notif__item", !n.read && "is-unread"),
+          onClick: () => {
+            n.onClick?.();
+            setOpen(false);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkPASF6T4H_js.cx("notif__dot", `notif__dot--${n.tone ?? "info"}`), "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "notif__body", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "notif__item-title", children: n.title }),
+              n.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "notif__item-desc", children: n.description }),
+              n.timestamp && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "notif__time", children: n.timestamp })
+            ] })
+          ]
+        },
+        n.id
+      )) })
+    ] })
+  ] });
+}
+
+exports.NotificationCenter = NotificationCenter;
+//# sourceMappingURL=chunk-3TNBETXR.js.map
+//# sourceMappingURL=chunk-3TNBETXR.js.map

package/dist/chunk-3TNBETXR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Notifications.tsx"],"names":["React","useLocale","jsxs","format","jsx","Bell","cx"],"mappings":"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","file":"chunk-3TNBETXR.js","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"]}