@orion-ds/react 4.8.0 → 4.9.1

package/dist/components/Navbar/Navbar.mjs

@@ -0,0 +1,129 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,172 @@
+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

@@ -0,0 +1 @@
+"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;

package/dist/components/PageHeader/PageHeader.mjs

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

package/dist/components/Pagination/Pagination.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),b=require("react"),o=require("./Pagination.module.css.cjs"),L=(t,e,u)=>{const h=u*2+5;if(e<=h)return Array.from({length:e},(r,p)=>p+1);const a=Math.max(t-u,1),d=Math.min(t+u,e),f=a>2,l=d<e-1,s=[];s.push(1),f?s.push("ellipsis"):a===2&&s.push(2);for(let r=a;r<=d;r++)r!==1&&r!==e&&s.push(r);return l?s.push("ellipsis"):d===e-1&&s.push(e-1),e>1&&s.push(e),s},k=b.forwardRef(({currentPage:t,totalPages:e,onPageChange:u,siblingCount:h=1,showFirstLast:a=!0,showPrevNext:d=!0,size:f="md",disabled:l=!1,className:s,...r},p)=>{const m=b.useMemo(()=>L(t,e,h),[t,e,h]),x=t>1,j=t<e,c=n=>{!l&&n>=1&&n<=e&&n!==t&&u(n)},v=[o.default.pagination,o.default[f],l&&o.default.disabled,s].filter(Boolean).join(" ");return e<=0?null:i.jsx("nav",{ref:p,className:v,"aria-label":"Pagination",...r,children:i.jsxs("ul",{className:o.default.list,children:[a&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(1),disabled:!x||l,"aria-label":"Go to first page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M11 12L7 8l4-4M5 12V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})}),d&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(t-1),disabled:!x||l,"aria-label":"Go to previous page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M10 12L6 8l4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})}),m.map((n,N)=>i.jsx("li",{children:n==="ellipsis"?i.jsx("span",{className:o.default.ellipsis,"aria-hidden":"true",children:"…"}):i.jsx("button",{type:"button",className:`${o.default.button} ${o.default.pageButton} ${n===t?o.default.active:""}`,onClick:()=>c(n),disabled:l,"aria-label":`Go to page ${n}`,"aria-current":n===t?"page":void 0,children:n})},n==="ellipsis"?`ellipsis-${N}`:n)),d&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(t+1),disabled:!j||l,"aria-label":"Go to next page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M6 12l4-4-4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})}),a&&i.jsx("li",{children:i.jsx("button",{type:"button",className:o.default.button,onClick:()=>c(e),disabled:!j||l,"aria-label":"Go to last page",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i.jsx("path",{d:"M5 12l4-4-4-4M11 12V4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})})]})})});k.displayName="Pagination";exports.Pagination=k;

package/dist/components/Pagination/Pagination.mjs

@@ -0,0 +1,136 @@
+import { jsx as i, jsxs as N } from "react/jsx-runtime";
+import { forwardRef as L, useMemo as w } from "react";
+import t from "./Pagination.module.css.mjs";
+const M = (e, n, d) => {
+  const p = d * 2 + 5;
+  if (n <= p)
+    return Array.from({ length: n }, (r, f) => f + 1);
+  const h = Math.max(e - d, 1), c = Math.min(e + d, n), u = h > 2, s = c < n - 1, l = [];
+  l.push(1), u ? l.push("ellipsis") : h === 2 && l.push(2);
+  for (let r = h; r <= c; r++)
+    r !== 1 && r !== n && l.push(r);
+  return s ? l.push("ellipsis") : c === n - 1 && l.push(n - 1), n > 1 && l.push(n), l;
+}, y = L(
+  ({
+    currentPage: e,
+    totalPages: n,
+    onPageChange: d,
+    siblingCount: p = 1,
+    showFirstLast: h = !0,
+    showPrevNext: c = !0,
+    size: u = "md",
+    disabled: s = !1,
+    className: l,
+    ...r
+  }, f) => {
+    const b = w(
+      () => M(e, n, p),
+      [e, n, p]
+    ), m = e > 1, k = e < n, a = (o) => {
+      !s && o >= 1 && o <= n && o !== e && d(o);
+    }, v = [
+      t.pagination,
+      t[u],
+      s && t.disabled,
+      l
+    ].filter(Boolean).join(" ");
+    return n <= 0 ? null : /* @__PURE__ */ i("nav", { ref: f, className: v, "aria-label": "Pagination", ...r, children: /* @__PURE__ */ N("ul", { className: t.list, children: [
+      h && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: t.button,
+          onClick: () => a(1),
+          disabled: !m || s,
+          "aria-label": "Go to first page",
+          children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M11 12L7 8l4-4M5 12V4",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) })
+        }
+      ) }),
+      c && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: t.button,
+          onClick: () => a(e - 1),
+          disabled: !m || s,
+          "aria-label": "Go to previous page",
+          children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M10 12L6 8l4-4",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) })
+        }
+      ) }),
+      b.map((o, x) => /* @__PURE__ */ i("li", { children: o === "ellipsis" ? /* @__PURE__ */ i("span", { className: t.ellipsis, "aria-hidden": "true", children: "…" }) : /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: `${t.button} ${t.pageButton} ${o === e ? t.active : ""}`,
+          onClick: () => a(o),
+          disabled: s,
+          "aria-label": `Go to page ${o}`,
+          "aria-current": o === e ? "page" : void 0,
+          children: o
+        }
+      ) }, o === "ellipsis" ? `ellipsis-${x}` : o)),
+      c && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: t.button,
+          onClick: () => a(e + 1),
+          disabled: !k || s,
+          "aria-label": "Go to next page",
+          children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M6 12l4-4-4-4",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) })
+        }
+      ) }),
+      h && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: t.button,
+          onClick: () => a(n),
+          disabled: !k || s,
+          "aria-label": "Go to last page",
+          children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M5 12l4-4-4-4M11 12V4",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) })
+        }
+      ) })
+    ] }) });
+  }
+);
+y.displayName = "Pagination";
+export {
+  y as Pagination
+};

package/dist/components/Popover/Popover.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),t=require("react"),_=require("react-dom"),m=require("./Popover.module.css.cjs"),G=(r,u,l,c)=>{const d=window.scrollX,f=window.scrollY;let n=0,s=0;const e={top:r.top+f-u.height-c,bottom:r.bottom+f+c,left:r.left+d-u.width-c,right:r.right+d+c,centerX:r.left+d+(r.width-u.width)/2,centerY:r.top+f+(r.height-u.height)/2,startX:r.left+d,endX:r.right+d-u.width,startY:r.top+f,endY:r.bottom+f-u.height};switch(l){case"top":n=e.top,s=e.centerX;break;case"top-start":n=e.top,s=e.startX;break;case"top-end":n=e.top,s=e.endX;break;case"bottom":n=e.bottom,s=e.centerX;break;case"bottom-start":n=e.bottom,s=e.startX;break;case"bottom-end":n=e.bottom,s=e.endX;break;case"left":n=e.centerY,s=e.left;break;case"left-start":n=e.startY,s=e.left;break;case"left-end":n=e.endY,s=e.left;break;case"right":n=e.centerY,s=e.right;break;case"right-start":n=e.startY,s=e.right;break;case"right-end":n=e.endY,s=e.right;break}return{top:n,left:s}},q=t.forwardRef(({trigger:r,content:u,placement:l="bottom",triggerType:c="click",open:d,defaultOpen:f=!1,onOpenChange:n,showArrow:s=!0,offset:e=8,closeOnClickOutside:j=!0,closeOnEscape:T=!0,openDelay:X=0,closeDelay:Y=150,fullWidth:B=!1,className:M,...N},W)=>{const[F,S]=t.useState(f),[x,I]=t.useState({top:0,left:0}),h=t.useRef(null),p=t.useRef(null),w=t.useRef(null),k=t.useRef(null);t.useImperativeHandle(W,()=>h.current);const L=d!==void 0,a=L?d:F,i=t.useCallback(o=>{L||S(o),n?.(o)},[L,n]),b=t.useCallback(()=>{if(!h.current||!p.current)return;const o=h.current.getBoundingClientRect(),g=p.current.getBoundingClientRect(),C=G(o,g,l,e);I(C)},[l,e]);t.useEffect(()=>{if(a)return requestAnimationFrame(b),window.addEventListener("resize",b),window.addEventListener("scroll",b,!0),()=>{window.removeEventListener("resize",b),window.removeEventListener("scroll",b,!0)}},[a,b]),t.useEffect(()=>{if(!a||!j)return;const o=g=>{const C=g.target;h.current&&!h.current.contains(C)&&p.current&&!p.current.contains(C)&&i(!1)};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[a,j,i]),t.useEffect(()=>{if(!a||!T)return;const o=g=>{g.key==="Escape"&&i(!1)};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[a,T,i]),t.useEffect(()=>()=>{w.current&&clearTimeout(w.current),k.current&&clearTimeout(k.current)},[]);const E=t.useCallback(()=>{k.current&&clearTimeout(k.current),X>0?w.current=setTimeout(()=>i(!0),X):i(!0)},[X,i]),P=t.useCallback(()=>{w.current&&clearTimeout(w.current),Y>0?k.current=setTimeout(()=>i(!1),Y):i(!1)},[Y,i]),$=t.useCallback(()=>{a?P():E()},[a,E,P]),y=()=>{const o={"aria-expanded":a,"aria-haspopup":!0};switch(c){case"click":return{...o,onClick:$};case"hover":return{...o,onMouseEnter:E,onMouseLeave:P};case"focus":return{...o,onFocus:E,onBlur:P};case"manual":return o;default:return o}},z=t.isValidElement(r)?t.cloneElement(r,y()):r,A=()=>l.startsWith("top")?"bottom":l.startsWith("bottom")?"top":l.startsWith("left")?"right":l.startsWith("right")?"left":"top",H=[m.default.popover,a&&m.default.visible,M].filter(Boolean).join(" "),O=v.jsxs("div",{ref:p,className:H,style:{top:x.top,left:x.left},role:"dialog","aria-modal":"false",onMouseEnter:c==="hover"?E:void 0,onMouseLeave:c==="hover"?P:void 0,...N,children:[s&&v.jsx("div",{className:`${m.default.arrow} ${m.default[`arrow-${A()}`]}`,"aria-hidden":"true"}),v.jsx("div",{className:m.default.content,children:u})]}),V=[m.default.trigger,B&&m.default.triggerFullWidth].filter(Boolean).join(" ");return v.jsxs(v.Fragment,{children:[v.jsx("div",{ref:h,className:V,children:z}),a&&_.createPortal(O,document.body)]})});q.displayName="Popover";exports.Popover=q;