@orion-ds/react 4.6.5 → 4.7.0

package/dist/components/NavTree/NavTree.mjs

@@ -1,274 +0,0 @@
-"use client";
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { forwardRef as B, useMemo as E, createContext as H, useContext as L } from "react";
-import { ChevronRight as f, Plus as T, MoreHorizontal as j, Pencil as F, Copy as W, FolderSymlink as V, Trash2 as q } from "lucide-react";
-import { useLocalStorage as x } from "../../hooks/useLocalStorage.mjs";
-import i from "./NavTree.module.css.mjs";
-import { Button as O } from "../Button/Button.mjs";
-import { Dropdown as G } from "../Dropdown/Dropdown.mjs";
-import { Collapsible as A } from "../Collapsible/Collapsible.mjs";
-const I = H(
-  void 0
-);
-function w() {
-  const e = L(I);
-  if (!e)
-    throw new Error("useNavTreeContext must be used within NavTree");
-  return e;
-}
-const J = B(
-  ({
-    sections: e,
-    activeNodeId: p,
-    onNodeClick: g,
-    actions: N,
-    persistKey: v = "orion-nav-tree",
-    header: r,
-    footer: d,
-    width: t = 240,
-    className: s,
-    headless: c = !1
-  }, l) => {
-    const $ = E(
-      () => e.filter((o) => o.defaultExpanded !== !1).map((o) => o.id),
-      [e]
-    ), [u, b] = x(
-      `${v}-sections`,
-      $
-    ), [C, y] = x(
-      `${v}-nodes`,
-      []
-    ), R = {
-      activeNodeId: p,
-      openSectionIds: u,
-      openNodeIds: C,
-      toggleSection: (o) => {
-        b(
-          (h) => h.includes(o) ? h.filter((z) => z !== o) : [...h, o]
-        );
-      },
-      toggleNode: (o) => {
-        y(
-          (h) => h.includes(o) ? h.filter((z) => z !== o) : [...h, o]
-        );
-      },
-      isOpen: (o) => o.startsWith("section-") ? u.includes(o.replace("section-", "")) : C.includes(o),
-      onNodeClick: g,
-      actionConfig: N
-    }, M = {
-      width: typeof t == "number" ? `${t}px` : t
-    }, k = c ? e.flatMap((o) => o.nodes) : [], D = c ? k.length === 0 : e.length === 0, P = c ? "No nodes" : "No sections";
-    return /* @__PURE__ */ m(
-      "div",
-      {
-        ref: l,
-        className: `${i.navTree} ${s || ""}`,
-        style: M,
-        role: "tree",
-        children: [
-          r && /* @__PURE__ */ n("div", { className: i.header, children: r }),
-          /* @__PURE__ */ n("div", { className: i.treeContent, children: /* @__PURE__ */ n(I.Provider, { value: R, children: D ? /* @__PURE__ */ n("div", { className: i.empty, children: P }) : c ? (
-            // Headless mode: render root nodes directly without section headers
-            k.map((o) => /* @__PURE__ */ n(
-              S,
-              {
-                node: o,
-                depth: 0,
-                sectionId: ""
-              },
-              o.id
-            ))
-          ) : (
-            // Normal mode: render sections with collapsible headers
-            e.map((o) => /* @__PURE__ */ n(K, { section: o }, o.id))
-          ) }) }),
-          d && /* @__PURE__ */ n("div", { className: i.footer, children: d })
-        ]
-      }
-    );
-  }
-);
-J.displayName = "NavTree";
-function K({ section: e }) {
-  const { isOpen: p, toggleSection: g, actionConfig: N } = w(), v = `section-${e.id}`, r = p(v), d = e.variant ?? "node", t = (l) => {
-    l.stopPropagation(), N?.onAdd?.(null, e.id);
-  }, s = d === "node" ? i.sectionTitleNode : i.sectionTitle, c = `${i.sectionHeader} ${d === "node" ? i.sectionHeaderNode : ""}`.trim();
-  return /* @__PURE__ */ n("div", { className: i.section, role: "group", children: /* @__PURE__ */ m(
-    A,
-    {
-      open: r,
-      onOpenChange: () => g(e.id),
-      disabled: e.nodes.length === 0,
-      children: [
-        /* @__PURE__ */ n(A.Trigger, { asChild: !0, children: /* @__PURE__ */ m("div", { className: c, children: [
-          e.icon ? /* @__PURE__ */ m("div", { className: i.iconSlot, children: [
-            /* @__PURE__ */ n("span", { className: i.slotIcon, children: e.icon }),
-            e.nodes.length > 0 && /* @__PURE__ */ n(
-              "div",
-              {
-                className: `${i.slotChevron} ${r ? i.slotChevronOpen : ""}`,
-                children: /* @__PURE__ */ n(f, { size: 16 })
-              }
-            )
-          ] }) : e.nodes.length > 0 && /* @__PURE__ */ n(
-            f,
-            {
-              size: 12,
-              className: `${i.sectionChevron} ${r ? i.sectionChevronOpen : ""}`
-            }
-          ),
-          /* @__PURE__ */ n("span", { className: s, children: e.title }),
-          e.badge !== void 0 && /* @__PURE__ */ n("span", { className: i.sectionBadge, children: e.badge }),
-          /* @__PURE__ */ n("div", { className: i.sectionActions, children: /* @__PURE__ */ n(
-            O,
-            {
-              variant: "ghost",
-              size: "sm",
-              iconOnly: !0,
-              icon: /* @__PURE__ */ n(T, { size: 12 }),
-              onClick: t,
-              "aria-label": `Agregar página en ${e.title}`,
-              title: `Agregar página en ${e.title}`
-            }
-          ) })
-        ] }) }),
-        /* @__PURE__ */ n(A.Content, { children: /* @__PURE__ */ n("div", { className: i.sectionBody, children: e.nodes.map((l) => /* @__PURE__ */ n(
-          S,
-          {
-            node: l,
-            depth: 0,
-            sectionId: e.id
-          },
-          l.id
-        )) }) })
-      ]
-    }
-  ) });
-}
-function S({ node: e, depth: p, sectionId: g }) {
-  const { activeNodeId: N, isOpen: v, toggleNode: r, onNodeClick: d, actionConfig: t } = w(), s = e.type === "folder", c = s && e.children && e.children.length > 0, l = v(e.id), $ = N === e.id, u = () => {
-    s ? r(e.id) : d && d(e);
-  }, b = (a) => {
-    a.stopPropagation(), t?.onAdd?.(s ? e.id : null, g);
-  }, C = [
-    {
-      id: "rename",
-      label: "Renombrar",
-      icon: /* @__PURE__ */ n(F, { size: 14 }),
-      onClick: () => t?.onRename?.(e.id)
-    },
-    {
-      id: "duplicate",
-      label: "Duplicar",
-      icon: /* @__PURE__ */ n(W, { size: 14 }),
-      onClick: () => t?.onDuplicate?.(e.id)
-    },
-    {
-      id: "move",
-      label: "Mover a…",
-      icon: /* @__PURE__ */ n(V, { size: 14 }),
-      onClick: () => t?.onMove?.(e.id)
-    },
-    {
-      id: "delete",
-      label: "Eliminar",
-      icon: /* @__PURE__ */ n(q, { size: 14 }),
-      danger: !0,
-      onClick: () => t?.onDelete?.(e.id)
-    }
-  ];
-  if (t?.getCustomActions) {
-    const a = t.getCustomActions(e);
-    C.push(...a);
-  }
-  const y = {
-    paddingLeft: `calc(var(--spacing-2) * ${p + 1})`
-  };
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: i.node,
-      role: "treeitem",
-      "aria-expanded": s && l,
-      children: [
-        /* @__PURE__ */ m(
-          "div",
-          {
-            className: `${i.nodeRow} ${$ ? i.nodeRowActive : ""} ${p > 0 ? i.nodeNested : ""}`,
-            onClick: u,
-            style: y,
-            tabIndex: 0,
-            onKeyDown: (a) => {
-              (a.key === "Enter" || a.key === " ") && (a.preventDefault(), u());
-            },
-            children: [
-              e.icon ? s ? /* @__PURE__ */ m("div", { className: i.iconSlot, children: [
-                /* @__PURE__ */ n("span", { className: i.slotIcon, children: e.icon }),
-                c && /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: `${i.slotChevron} ${l ? i.slotChevronOpen : ""}`,
-                    children: /* @__PURE__ */ n(f, { size: 16 })
-                  }
-                )
-              ] }) : /* @__PURE__ */ n("div", { className: i.iconSlot, children: /* @__PURE__ */ n("span", { className: i.slotIcon, children: e.icon }) }) : s ? /* @__PURE__ */ n(
-                f,
-                {
-                  size: 12,
-                  className: `${i.nodeChevron} ${l ? i.nodeChevronOpen : ""}`
-                }
-              ) : /* @__PURE__ */ n("div", { className: i.nodeChevronHidden }),
-              /* @__PURE__ */ n("span", { className: i.nodeLabel, children: e.label }),
-              e.badge !== void 0 && /* @__PURE__ */ n("span", { className: i.nodeBadge, children: e.badge }),
-              /* @__PURE__ */ m("div", { className: i.nodeActions, children: [
-                /* @__PURE__ */ n(
-                  O,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    iconOnly: !0,
-                    icon: /* @__PURE__ */ n(T, { size: 14 }),
-                    onClick: b,
-                    "aria-label": `Agregar página en ${e.label}`,
-                    title: `Agregar página en ${e.label}`
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  G,
-                  {
-                    trigger: /* @__PURE__ */ n(
-                      O,
-                      {
-                        variant: "ghost",
-                        size: "sm",
-                        iconOnly: !0,
-                        icon: /* @__PURE__ */ n(j, { size: 14 }),
-                        "aria-label": "Más acciones",
-                        title: "Más acciones"
-                      }
-                    ),
-                    items: C,
-                    placement: "bottom-end",
-                    minWidth: 160
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        s && l && c && /* @__PURE__ */ n("div", { className: i.nodeChildren, children: e.children.map((a) => /* @__PURE__ */ n(
-          S,
-          {
-            node: a,
-            depth: p + 1,
-            sectionId: g
-          },
-          a.id
-        )) })
-      ]
-    }
-  );
-}
-export {
-  J as NavTree
-};

package/dist/components/Navbar/Navbar.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("./Navbar.module.css.cjs"),d=({children:e,href:l,className:t})=>{const s=[a.default.brand,t].filter(Boolean).join(" ");return l?n.jsx("a",{href:l,className:s,children:e}):n.jsx("div",{className:s,children:e})};d.displayName="Navbar.Brand";const u=({children:e,className:l,...t})=>{const s=[a.default.nav,l].filter(Boolean).join(" ");return n.jsx("nav",{className:s,...t,children:e})};u.displayName="Navbar.Nav";const N=({children:e,href:l,active:t=!1,className:s,onClick:r,...i})=>{const c=[a.default.link,t&&a.default.active,s].filter(Boolean).join(" ");return n.jsx("a",{href:l,className:c,"aria-current":t?"page":void 0,onClick:r,...i,children:e})};N.displayName="Navbar.Link";const v=({children:e,className:l,...t})=>{const s=[a.default.actions,l].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:e})};v.displayName="Navbar.Actions";const f=({isOpen:e,onToggle:l,className:t})=>{const s=[a.default.toggle,e&&a.default.toggleOpen,t].filter(Boolean).join(" ");return n.jsx("button",{type:"button",className:s,onClick:l,"aria-expanded":e,"aria-label":e?"Close menu":"Open menu",children:n.jsxs("span",{className:a.default.toggleIcon,children:[n.jsx("span",{className:a.default.toggleLine}),n.jsx("span",{className:a.default.toggleLine}),n.jsx("span",{className:a.default.toggleLine})]})})};f.displayName="Navbar.Toggle";const p=({children:e,isOpen:l,className:t,...s})=>{const r=[a.default.collapse,l&&a.default.collapseOpen,t].filter(Boolean).join(" ");return n.jsx("div",{className:r,...s,children:e})};p.displayName="Navbar.Collapse";const b=({children:e,className:l,...t})=>{const s=[a.default.collapseActions,l].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:e})};b.displayName="Navbar.CollapseActions";const o=({children:e,height:l="md",variant:t="solid",colorScheme:s="auto",sticky:r=!1,bordered:i=!0,className:c,...m})=>{const g=[a.default.navbar,a.default[l],a.default[t],s!=="auto"&&a.default[`scheme${s.charAt(0).toUpperCase()+s.slice(1)}`],r&&a.default.sticky,i&&a.default.bordered,c].filter(Boolean).join(" ");return n.jsx("header",{className:g,...m,children:e})};o.Brand=d;o.Nav=u;o.Link=N;o.Actions=v;o.Toggle=f;o.Collapse=p;o.CollapseActions=b;o.displayName="Navbar";exports.Navbar=o;

package/dist/components/Navbar/Navbar.mjs

@@ -1,130 +0,0 @@
-"use client";
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import a from "./Navbar.module.css.mjs";
-const N = ({
-  children: s,
-  href: l,
-  className: n
-}) => {
-  const e = [a.brand, n].filter(Boolean).join(" ");
-  return l ? /* @__PURE__ */ o("a", { href: l, className: e, children: s }) : /* @__PURE__ */ o("div", { className: e, children: s });
-};
-N.displayName = "Navbar.Brand";
-const p = ({
-  children: s,
-  className: l,
-  ...n
-}) => {
-  const e = [a.nav, l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("nav", { className: e, ...n, children: s });
-};
-p.displayName = "Navbar.Nav";
-const v = ({
-  children: s,
-  href: l,
-  active: n = !1,
-  className: e,
-  onClick: r,
-  ...i
-}) => {
-  const c = [a.link, n && a.active, e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(
-    "a",
-    {
-      href: l,
-      className: c,
-      "aria-current": n ? "page" : void 0,
-      onClick: r,
-      ...i,
-      children: s
-    }
-  );
-};
-v.displayName = "Navbar.Link";
-const m = ({
-  children: s,
-  className: l,
-  ...n
-}) => {
-  const e = [a.actions, l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("div", { className: e, ...n, children: s });
-};
-m.displayName = "Navbar.Actions";
-const d = ({
-  isOpen: s,
-  onToggle: l,
-  className: n
-}) => {
-  const e = [a.toggle, s && a.toggleOpen, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(
-    "button",
-    {
-      type: "button",
-      className: e,
-      onClick: l,
-      "aria-expanded": s,
-      "aria-label": s ? "Close menu" : "Open menu",
-      children: /* @__PURE__ */ f("span", { className: a.toggleIcon, children: [
-        /* @__PURE__ */ o("span", { className: a.toggleLine }),
-        /* @__PURE__ */ o("span", { className: a.toggleLine }),
-        /* @__PURE__ */ o("span", { className: a.toggleLine })
-      ] })
-    }
-  );
-};
-d.displayName = "Navbar.Toggle";
-const b = ({
-  children: s,
-  isOpen: l,
-  className: n,
-  ...e
-}) => {
-  const r = [
-    a.collapse,
-    l && a.collapseOpen,
-    n
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("div", { className: r, ...e, children: s });
-};
-b.displayName = "Navbar.Collapse";
-const g = ({
-  children: s,
-  className: l,
-  ...n
-}) => {
-  const e = [a.collapseActions, l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("div", { className: e, ...n, children: s });
-};
-g.displayName = "Navbar.CollapseActions";
-const t = ({
-  children: s,
-  height: l = "md",
-  variant: n = "solid",
-  colorScheme: e = "auto",
-  sticky: r = !1,
-  bordered: i = !0,
-  className: c,
-  ...u
-}) => {
-  const C = [
-    a.navbar,
-    a[l],
-    a[n],
-    e !== "auto" && a[`scheme${e.charAt(0).toUpperCase() + e.slice(1)}`],
-    r && a.sticky,
-    i && a.bordered,
-    c
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("header", { className: C, ...u, children: s });
-};
-t.Brand = N;
-t.Nav = p;
-t.Link = v;
-t.Actions = m;
-t.Toggle = d;
-t.Collapse = b;
-t.CollapseActions = g;
-t.displayName = "Navbar";
-export {
-  t as Navbar
-};

package/dist/components/NotificationCenter/NotificationCenter.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),d=require("lucide-react"),s=require("./NotificationCenter.module.css.cjs"),T={info:e.jsx(d.Info,{size:18}),success:e.jsx(d.CheckCircle,{size:18}),warning:e.jsx(d.AlertTriangle,{size:18}),error:e.jsx(d.XCircle,{size:18}),default:e.jsx(d.Bell,{size:18})},p=({notification:l,onMarkAsRead:r,onDismiss:u})=>{const m=l.icon||T[l.type||"default"],t=l.href||l.onClick,c=()=>{l.onClick&&l.onClick(),!l.read&&r&&r(l.id)},h=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.default.itemLeft,children:l.avatar?e.jsx("img",{src:l.avatar,alt:"",className:s.default.itemAvatar}):e.jsx("div",{className:`${s.default.itemIcon} ${s.default[`icon-${l.type||"default"}`]}`,children:m})}),e.jsxs("div",{className:s.default.itemContent,children:[e.jsxs("div",{className:s.default.itemHeader,children:[e.jsx("span",{className:s.default.itemTitle,children:l.title}),!l.read&&e.jsx("span",{className:s.default.unreadDot})]}),l.message&&e.jsx("p",{className:s.default.itemMessage,children:l.message}),e.jsx("span",{className:s.default.itemTime,children:l.relativeTime||l.timestamp})]}),e.jsxs("div",{className:s.default.itemActions,children:[!l.read&&r&&e.jsx("button",{type:"button",className:s.default.itemAction,onClick:n=>{n.stopPropagation(),r(l.id)},title:"Mark as read",children:e.jsx(d.Check,{size:14})}),u&&e.jsx("button",{type:"button",className:s.default.itemAction,onClick:n=>{n.stopPropagation(),u(l.id)},title:"Dismiss",children:e.jsx(d.X,{size:14})})]})]});return l.href?e.jsx("a",{href:l.href,className:`${s.default.item} ${l.read?s.default.itemRead:""}`,onClick:c,children:h}):e.jsx("div",{className:`${s.default.item} ${l.read?s.default.itemRead:""} ${t?s.default.itemClickable:""}`,onClick:t?c:void 0,role:t?"button":void 0,tabIndex:t?0:void 0,children:h})},v=f.forwardRef(({notifications:l,onMarkAsRead:r,onMarkAllAsRead:u,onDismiss:m,onClearAll:t,onViewAll:c,title:h="Notifications",emptyMessage:n="No notifications",loading:C=!1,maxHeight:b="400px",groupByCategory:x=!1,showUnreadCount:g=!0,className:k,...y},z)=>{const N=f.useMemo(()=>l.filter(a=>!a.read).length,[l]),o=f.useMemo(()=>{if(!x)return null;const a={};return l.forEach(j=>{const i=j.category||"Other";a[i]||(a[i]=[]),a[i].push(j)}),a},[l,x]),$=[s.default.notificationCenter,k].filter(Boolean).join(" ");return e.jsxs("div",{ref:z,className:$,...y,children:[e.jsxs("div",{className:s.default.header,children:[e.jsxs("div",{className:s.default.headerTitle,children:[e.jsx("span",{children:h}),g&&N>0&&e.jsx("span",{className:s.default.badge,children:N})]}),e.jsx("div",{className:s.default.headerActions,children:u&&N>0&&e.jsx("button",{type:"button",className:s.default.headerAction,onClick:u,children:"Mark all as read"})})]}),e.jsx("div",{className:s.default.content,style:{maxHeight:b},children:C?e.jsx("div",{className:s.default.loading,children:e.jsx("div",{className:s.default.spinner})}):l.length===0?e.jsxs("div",{className:s.default.empty,children:[e.jsx(d.Bell,{size:32}),e.jsx("span",{children:n})]}):x&&o?Object.entries(o).map(([a,j])=>e.jsxs("div",{className:s.default.group,children:[e.jsx("div",{className:s.default.groupTitle,children:a}),j.map(i=>e.jsx(p,{notification:i,onMarkAsRead:r,onDismiss:m},i.id))]},a)):l.map(a=>e.jsx(p,{notification:a,onMarkAsRead:r,onDismiss:m},a.id))}),(c||t)&&l.length>0&&e.jsxs("div",{className:s.default.footer,children:[t&&e.jsx("button",{type:"button",className:s.default.footerAction,onClick:t,children:"Clear all"}),c&&e.jsx("button",{type:"button",className:s.default.footerActionPrimary,onClick:c,children:"View all notifications"})]})]})});v.displayName="NotificationCenter";exports.NotificationCenter=v;

package/dist/components/NotificationCenter/NotificationCenter.mjs

@@ -1,173 +0,0 @@
-"use client";
-import { jsxs as a, jsx as l, Fragment as I } from "react/jsx-runtime";
-import { forwardRef as j, useMemo as C } from "react";
-import { Bell as g, Check as P, X as O, XCircle as X, AlertTriangle as w, CheckCircle as E, Info as F } from "lucide-react";
-import e from "./NotificationCenter.module.css.mjs";
-const H = {
-  info: /* @__PURE__ */ l(F, { size: 18 }),
-  success: /* @__PURE__ */ l(E, { size: 18 }),
-  warning: /* @__PURE__ */ l(w, { size: 18 }),
-  error: /* @__PURE__ */ l(X, { size: 18 }),
-  default: /* @__PURE__ */ l(g, { size: 18 })
-}, b = ({
-  notification: s,
-  onMarkAsRead: t,
-  onDismiss: i
-}) => {
-  const h = s.icon || H[s.type || "default"], c = s.href || s.onClick, d = () => {
-    s.onClick && s.onClick(), !s.read && t && t(s.id);
-  }, N = /* @__PURE__ */ a(I, { children: [
-    /* @__PURE__ */ l("div", { className: e.itemLeft, children: s.avatar ? /* @__PURE__ */ l("img", { src: s.avatar, alt: "", className: e.itemAvatar }) : /* @__PURE__ */ l(
-      "div",
-      {
-        className: `${e.itemIcon} ${e[`icon-${s.type || "default"}`]}`,
-        children: h
-      }
-    ) }),
-    /* @__PURE__ */ a("div", { className: e.itemContent, children: [
-      /* @__PURE__ */ a("div", { className: e.itemHeader, children: [
-        /* @__PURE__ */ l("span", { className: e.itemTitle, children: s.title }),
-        !s.read && /* @__PURE__ */ l("span", { className: e.unreadDot })
-      ] }),
-      s.message && /* @__PURE__ */ l("p", { className: e.itemMessage, children: s.message }),
-      /* @__PURE__ */ l("span", { className: e.itemTime, children: s.relativeTime || s.timestamp })
-    ] }),
-    /* @__PURE__ */ a("div", { className: e.itemActions, children: [
-      !s.read && t && /* @__PURE__ */ l(
-        "button",
-        {
-          type: "button",
-          className: e.itemAction,
-          onClick: (n) => {
-            n.stopPropagation(), t(s.id);
-          },
-          title: "Mark as read",
-          children: /* @__PURE__ */ l(P, { size: 14 })
-        }
-      ),
-      i && /* @__PURE__ */ l(
-        "button",
-        {
-          type: "button",
-          className: e.itemAction,
-          onClick: (n) => {
-            n.stopPropagation(), i(s.id);
-          },
-          title: "Dismiss",
-          children: /* @__PURE__ */ l(O, { size: 14 })
-        }
-      )
-    ] })
-  ] });
-  return s.href ? /* @__PURE__ */ l(
-    "a",
-    {
-      href: s.href,
-      className: `${e.item} ${s.read ? e.itemRead : ""}`,
-      onClick: d,
-      children: N
-    }
-  ) : /* @__PURE__ */ l(
-    "div",
-    {
-      className: `${e.item} ${s.read ? e.itemRead : ""} ${c ? e.itemClickable : ""}`,
-      onClick: c ? d : void 0,
-      role: c ? "button" : void 0,
-      tabIndex: c ? 0 : void 0,
-      children: N
-    }
-  );
-}, L = j(
-  ({
-    notifications: s,
-    onMarkAsRead: t,
-    onMarkAllAsRead: i,
-    onDismiss: h,
-    onClearAll: c,
-    onViewAll: d,
-    title: N = "Notifications",
-    emptyMessage: n = "No notifications",
-    loading: k = !1,
-    maxHeight: y = "400px",
-    groupByCategory: o = !1,
-    showUnreadCount: z = !0,
-    className: $,
-    ...f
-  }, T) => {
-    const u = C(
-      () => s.filter((r) => !r.read).length,
-      [s]
-    ), v = C(() => {
-      if (!o) return null;
-      const r = {};
-      return s.forEach((p) => {
-        const m = p.category || "Other";
-        r[m] || (r[m] = []), r[m].push(p);
-      }), r;
-    }, [s, o]), x = [e.notificationCenter, $].filter(Boolean).join(" ");
-    return /* @__PURE__ */ a("div", { ref: T, className: x, ...f, children: [
-      /* @__PURE__ */ a("div", { className: e.header, children: [
-        /* @__PURE__ */ a("div", { className: e.headerTitle, children: [
-          /* @__PURE__ */ l("span", { children: N }),
-          z && u > 0 && /* @__PURE__ */ l("span", { className: e.badge, children: u })
-        ] }),
-        /* @__PURE__ */ l("div", { className: e.headerActions, children: i && u > 0 && /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            className: e.headerAction,
-            onClick: i,
-            children: "Mark all as read"
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ l("div", { className: e.content, style: { maxHeight: y }, children: k ? /* @__PURE__ */ l("div", { className: e.loading, children: /* @__PURE__ */ l("div", { className: e.spinner }) }) : s.length === 0 ? /* @__PURE__ */ a("div", { className: e.empty, children: [
-        /* @__PURE__ */ l(g, { size: 32 }),
-        /* @__PURE__ */ l("span", { children: n })
-      ] }) : o && v ? Object.entries(v).map(([r, p]) => /* @__PURE__ */ a("div", { className: e.group, children: [
-        /* @__PURE__ */ l("div", { className: e.groupTitle, children: r }),
-        p.map((m) => /* @__PURE__ */ l(
-          b,
-          {
-            notification: m,
-            onMarkAsRead: t,
-            onDismiss: h
-          },
-          m.id
-        ))
-      ] }, r)) : s.map((r) => /* @__PURE__ */ l(
-        b,
-        {
-          notification: r,
-          onMarkAsRead: t,
-          onDismiss: h
-        },
-        r.id
-      )) }),
-      (d || c) && s.length > 0 && /* @__PURE__ */ a("div", { className: e.footer, children: [
-        c && /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            className: e.footerAction,
-            onClick: c,
-            children: "Clear all"
-          }
-        ),
-        d && /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            className: e.footerActionPrimary,
-            onClick: d,
-            children: "View all notifications"
-          }
-        )
-      ] })
-    ] });
-  }
-);
-L.displayName = "NotificationCenter";
-export {
-  L as NotificationCenter
-};

package/dist/components/PageHeader/PageHeader.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),i=require("lucide-react"),a=require("./PageHeader.module.css.cjs"),h=y.forwardRef(({title:m,description:c,breadcrumbs:t,actions:n,tabs:r,activeTab:u,onTabChange:f,backLink:s,badge:o,variant:j="default",size:x="md",bordered:N=!0,sticky:b=!1,className:p,...g},v)=>{const C=[a.default.pageHeader,a.default[`variant-${j}`],a.default[`size-${x}`],N&&a.default.bordered,b&&a.default.sticky,p].filter(Boolean).join(" "),k=(l,d)=>{f&&f(l),d&&(window.location.href=d)};return e.jsxs("div",{ref:v,className:C,...g,children:[s&&e.jsx("div",{className:a.default.backLink,children:s.href?e.jsxs("a",{href:s.href,className:a.default.backLinkAnchor,children:[e.jsx(i.ChevronLeft,{size:16}),e.jsx("span",{children:s.label||"Back"})]}):e.jsxs("button",{type:"button",onClick:s.onClick,className:a.default.backLinkButton,children:[e.jsx(i.ChevronLeft,{size:16}),e.jsx("span",{children:s.label||"Back"})]})}),t&&t.length>0&&e.jsx("nav",{className:a.default.breadcrumbs,"aria-label":"Breadcrumb",children:e.jsx("ol",{className:a.default.breadcrumbList,children:t.map((l,d)=>e.jsxs("li",{className:a.default.breadcrumbItem,children:[d>0&&e.jsx(i.ChevronRight,{size:14,className:a.default.breadcrumbSeparator}),l.href?e.jsx("a",{href:l.href,className:a.default.breadcrumbLink,children:l.label}):l.onClick?e.jsx("button",{type:"button",onClick:l.onClick,className:a.default.breadcrumbButton,children:l.label}):e.jsx("span",{className:a.default.breadcrumbCurrent,"aria-current":"page",children:l.label})]},l.label))})}),e.jsxs("div",{className:a.default.main,children:[e.jsxs("div",{className:a.default.titleSection,children:[e.jsxs("div",{className:a.default.titleRow,children:[e.jsx("h1",{className:a.default.title,children:m}),o&&e.jsx("span",{className:a.default.badge,children:o})]}),c&&e.jsx("p",{className:a.default.description,children:c})]}),n&&e.jsx("div",{className:a.default.actions,children:n})]}),r&&r.length>0&&e.jsx("div",{className:a.default.tabs,role:"tablist",children:r.map(l=>e.jsxs("button",{role:"tab",type:"button","aria-selected":u===l.id,className:`${a.default.tab} ${u===l.id?a.default.tabActive:""}`,onClick:()=>k(l.id,l.href),children:[e.jsx("span",{children:l.label}),l.badge&&e.jsx("span",{className:a.default.tabBadge,children:l.badge})]},l.id))})]})});h.displayName="PageHeader";exports.PageHeader=h;