@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/NotificationCenter/NotificationCenter.module.css.mjs

@@ -0,0 +1,70 @@
+const t = "_notificationCenter_1i45p_8", i = "_header_1i45p_23", e = "_headerTitle_1i45p_31", o = "_badge_1i45p_41", _ = "_headerActions_1i45p_52", n = "_headerAction_1i45p_52", c = "_content_1i45p_76", s = "_group_1i45p_80", r = "_groupTitle_1i45p_84", a = "_item_1i45p_99", p = "_itemClickable_1i45p_113", m = "_itemRead_1i45p_122", d = "_itemLeft_1i45p_126", l = "_itemAvatar_1i45p_130", A = "_itemIcon_1i45p_137", f = "_itemContent_1i45p_171", g = "_itemHeader_1i45p_176", u = "_itemTitle_1i45p_182", h = "_unreadDot_1i45p_189", T = "_itemMessage_1i45p_197", C = "_itemTime_1i45p_209", y = "_itemActions_1i45p_217", b = "_itemAction_1i45p_217", k = "_empty_1i45p_252", v = "_loading_1i45p_271", D = "_spinner_1i45p_278", H = "_spin_1i45p_278", I = "_footer_1i45p_297", L = "_footerAction_1i45p_306", M = "_footerActionPrimary_1i45p_321", P = {
+  notificationCenter: t,
+  header: i,
+  headerTitle: e,
+  badge: o,
+  headerActions: _,
+  headerAction: n,
+  content: c,
+  group: s,
+  groupTitle: r,
+  item: a,
+  itemClickable: p,
+  itemRead: m,
+  itemLeft: d,
+  itemAvatar: l,
+  itemIcon: A,
+  "icon-info": "_icon-info_1i45p_146",
+  "icon-success": "_icon-success_1i45p_151",
+  "icon-warning": "_icon-warning_1i45p_156",
+  "icon-error": "_icon-error_1i45p_161",
+  "icon-default": "_icon-default_1i45p_166",
+  itemContent: f,
+  itemHeader: g,
+  itemTitle: u,
+  unreadDot: h,
+  itemMessage: T,
+  itemTime: C,
+  itemActions: y,
+  itemAction: b,
+  empty: k,
+  loading: v,
+  spinner: D,
+  spin: H,
+  footer: I,
+  footerAction: L,
+  footerActionPrimary: M
+};
+export {
+  o as badge,
+  c as content,
+  P as default,
+  k as empty,
+  I as footer,
+  L as footerAction,
+  M as footerActionPrimary,
+  s as group,
+  r as groupTitle,
+  i as header,
+  n as headerAction,
+  _ as headerActions,
+  e as headerTitle,
+  a as item,
+  b as itemAction,
+  y as itemActions,
+  l as itemAvatar,
+  p as itemClickable,
+  f as itemContent,
+  g as itemHeader,
+  A as itemIcon,
+  d as itemLeft,
+  T as itemMessage,
+  m as itemRead,
+  C as itemTime,
+  u as itemTitle,
+  v as loading,
+  t as notificationCenter,
+  H as spin,
+  D as spinner,
+  h as unreadDot
+};

package/dist/components/NotificationCenter/NotificationCenter.types.d.ts

@@ -0,0 +1,121 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Notification item
+ */
+export interface NotificationItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Notification type
+     */
+    type?: "info" | "success" | "warning" | "error" | "default";
+    /**
+     * Notification title
+     */
+    title: string;
+    /**
+     * Notification message
+     */
+    message?: string;
+    /**
+     * Custom icon (overrides type-based icon)
+     */
+    icon?: ReactNode;
+    /**
+     * Timestamp
+     */
+    timestamp: string;
+    /**
+     * Relative time (e.g., "2 min ago")
+     */
+    relativeTime?: string;
+    /**
+     * Read state
+     */
+    read?: boolean;
+    /**
+     * Action URL or click handler
+     */
+    href?: string;
+    onClick?: () => void;
+    /**
+     * Avatar/image for the notification
+     */
+    avatar?: string;
+    /**
+     * Category for grouping
+     */
+    category?: string;
+}
+/**
+ * NotificationCenter section props
+ *
+ * @example
+ * ```tsx
+ * <NotificationCenter
+ *   notifications={[
+ *     { id: '1', type: 'info', title: 'New message', message: 'You have a new message', relativeTime: '2 min ago' }
+ *   ]}
+ *   onMarkAsRead={(id) => markAsRead(id)}
+ *   onMarkAllAsRead={() => markAllAsRead()}
+ * />
+ * ```
+ */
+export interface NotificationCenterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Notification items
+     */
+    notifications: NotificationItem[];
+    /**
+     * Mark single notification as read
+     */
+    onMarkAsRead?: (id: string) => void;
+    /**
+     * Mark all notifications as read
+     */
+    onMarkAllAsRead?: () => void;
+    /**
+     * Delete/dismiss notification
+     */
+    onDismiss?: (id: string) => void;
+    /**
+     * Clear all notifications
+     */
+    onClearAll?: () => void;
+    /**
+     * View all link/action
+     */
+    onViewAll?: () => void;
+    /**
+     * Header title
+     * @default "Notifications"
+     */
+    title?: string;
+    /**
+     * Empty state message
+     * @default "No notifications"
+     */
+    emptyMessage?: string;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+    /**
+     * Maximum height before scrolling
+     */
+    maxHeight?: string;
+    /**
+     * Group notifications by category
+     * @default false
+     */
+    groupByCategory?: boolean;
+    /**
+     * Show unread count badge
+     * @default true
+     */
+    showUnreadCount?: boolean;
+}
+//# sourceMappingURL=NotificationCenter.types.d.ts.map

package/dist/components/NotificationCenter/NotificationCenter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.types.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationCenter.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAE5D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/dist/components/NotificationCenter/index.d.ts

@@ -0,0 +1,3 @@
+export { NotificationCenter } from './NotificationCenter';
+export type { NotificationCenterProps, NotificationItem, } from './NotificationCenter.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NotificationCenter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationCenter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC"}

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.d.ts

@@ -0,0 +1,4 @@
+import { PageHeaderProps } from './PageHeader.types';
+
+export declare const PageHeader: import('react').ForwardRefExoticComponent<PageHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/PageHeader/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GA0ItB,CAAC"}

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/PageHeader/PageHeader.module.css

@@ -0,0 +1 @@
+._pageHeader_1vjp9_8{display:flex;flex-direction:column;background:var(--surface-base);padding:var(--spacing-6) var(--mode-spacing-block)}._bordered_1vjp9_15{border-bottom:1px solid var(--border-subtle)}._sticky_1vjp9_19{position:sticky;top:0;z-index:var(--z-sticky)}._backLink_1vjp9_29{margin-bottom:var(--spacing-2)}._backLinkAnchor_1vjp9_33,._backLinkButton_1vjp9_34{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color var(--mode-hover-duration)}._backLinkAnchor_1vjp9_33:hover,._backLinkButton_1vjp9_34:hover{color:var(--text-primary)}._breadcrumbs_1vjp9_59{margin-bottom:var(--spacing-3)}._breadcrumbList_1vjp9_63{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:var(--spacing-1)}._breadcrumbItem_1vjp9_72{display:flex;align-items:center;gap:var(--spacing-1)}._breadcrumbSeparator_1vjp9_78{color:var(--text-tertiary);flex-shrink:0}._breadcrumbLink_1vjp9_83,._breadcrumbButton_1vjp9_84{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color var(--mode-hover-duration)}._breadcrumbLink_1vjp9_83:hover,._breadcrumbButton_1vjp9_84:hover{color:var(--text-primary)}._breadcrumbCurrent_1vjp9_101{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-tertiary)}._main_1vjp9_111{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mode-spacing-element);flex-wrap:wrap}._titleSection_1vjp9_119{flex:1;min-width:0}._titleRow_1vjp9_124{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}._title_1vjp9_119{font-family:var(--font-primary);font-size:var(--mode-text-title);font-weight:600;line-height:var(--line-height-tight);color:var(--text-primary);margin:0;letter-spacing:-.02em}._badge_1vjp9_141{flex-shrink:0}._description_1vjp9_145{font-family:var(--font-secondary);font-size:var(--mode-text-body);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:var(--spacing-1) 0 0 0;max-width:600px}._actions_1vjp9_158{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0;flex-wrap:wrap}._tabs_1vjp9_170{display:flex;gap:0;margin-top:var(--spacing-4);border-bottom:1px solid var(--border-subtle);margin-bottom:calc(var(--mode-spacing-element) * -1);margin-left:calc(var(--mode-spacing-block) * -1);margin-right:calc(var(--mode-spacing-block) * -1);padding-left:var(--mode-spacing-block);padding-right:var(--mode-spacing-block)}._tab_1vjp9_170{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:none;border:none;padding:var(--spacing-3) var(--spacing-4);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--mode-hover-duration),border-color var(--mode-hover-duration)}._tab_1vjp9_170:hover{color:var(--text-primary)}._tabActive_1vjp9_205{color:var(--interactive-primary);border-bottom-color:var(--interactive-primary)}._tabBadge_1vjp9_210{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-tertiary);background:var(--surface-subtle);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--radius-full)}._tabActive_1vjp9_205 ._tabBadge_1vjp9_210{background:var(--interactive-primary);color:var(--interactive-primary-text)}._size-sm_1vjp9_228{padding:var(--spacing-3) var(--spacing-4)}._size-sm_1vjp9_228 ._title_1vjp9_119{font-size:var(--font-size-18)}._size-sm_1vjp9_228 ._description_1vjp9_145{font-size:var(--font-size-13)}._size-lg_1vjp9_240{padding:var(--spacing-8) var(--spacing-8)}._size-lg_1vjp9_240 ._title_1vjp9_119{font-size:var(--font-size-32)}._variant-compact_1vjp9_252{padding:var(--spacing-3) var(--spacing-4)}._variant-compact_1vjp9_252 ._main_1vjp9_111{gap:var(--spacing-4)}._variant-compact_1vjp9_252 ._title_1vjp9_119{font-size:var(--font-size-16)}._variant-compact_1vjp9_252 ._description_1vjp9_145{font-size:var(--font-size-12);margin-top:0}._variant-compact_1vjp9_252 ._breadcrumbs_1vjp9_59{margin-bottom:var(--spacing-2)}._variant-with-tabs_1vjp9_277{padding-bottom:0}._variant-transparent_1vjp9_285{background:transparent;border-bottom:none;padding:0 var(--spacing-6);padding-top:var(--spacing-6);padding-bottom:0}._variant-transparent_1vjp9_285._bordered_1vjp9_15{border-bottom:none}._variant-transparent_1vjp9_285 ._tabs_1vjp9_170{margin-left:0;margin-right:0;padding-left:0;padding-right:0;margin-top:var(--spacing-4);margin-bottom:0;border-bottom:1px solid var(--border-subtle)}._variant-transparent_1vjp9_285 ._tab_1vjp9_170:first-child{padding-left:0}@media(max-width:768px){._pageHeader_1vjp9_8{padding:var(--spacing-4)}._main_1vjp9_111{flex-direction:column;align-items:stretch;gap:var(--spacing-4)}._actions_1vjp9_158{width:100%;justify-content:flex-start}._variant-transparent_1vjp9_285 ._main_1vjp9_111{flex-direction:row;align-items:center}._variant-transparent_1vjp9_285 ._actions_1vjp9_158{width:auto;flex-shrink:0}._tabs_1vjp9_170{margin-left:-var(--spacing-4);margin-right:-var(--spacing-4);padding-left:var(--spacing-4);padding-right:var(--spacing-4);overflow-x:auto}._tab_1vjp9_170{white-space:nowrap}}

package/dist/components/PageHeader/PageHeader.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_pageHeader_1vjp9_8",a="_bordered_1vjp9_15",e="_sticky_1vjp9_19",r="_backLink_1vjp9_29",b="_backLinkAnchor_1vjp9_33",c="_backLinkButton_1vjp9_34",_="_breadcrumbs_1vjp9_59",n="_breadcrumbList_1vjp9_63",i="_breadcrumbItem_1vjp9_72",o="_breadcrumbSeparator_1vjp9_78",s="_breadcrumbLink_1vjp9_83",d="_breadcrumbButton_1vjp9_84",u="_breadcrumbCurrent_1vjp9_101",p="_main_1vjp9_111",m="_titleSection_1vjp9_119",v="_titleRow_1vjp9_124",k="_title_1vjp9_119",j="_badge_1vjp9_141",l="_description_1vjp9_145",L="_actions_1vjp9_158",g="_tabs_1vjp9_170",B="_tab_1vjp9_170",S="_tabActive_1vjp9_205",A="_tabBadge_1vjp9_210",h={pageHeader:t,bordered:a,sticky:e,backLink:r,backLinkAnchor:b,backLinkButton:c,breadcrumbs:_,breadcrumbList:n,breadcrumbItem:i,breadcrumbSeparator:o,breadcrumbLink:s,breadcrumbButton:d,breadcrumbCurrent:u,main:p,titleSection:m,titleRow:v,title:k,badge:j,description:l,actions:L,tabs:g,tab:B,tabActive:S,tabBadge:A,"size-sm":"_size-sm_1vjp9_228","size-lg":"_size-lg_1vjp9_240","variant-compact":"_variant-compact_1vjp9_252","variant-with-tabs":"_variant-with-tabs_1vjp9_277","variant-transparent":"_variant-transparent_1vjp9_285"};exports.actions=L;exports.backLink=r;exports.backLinkAnchor=b;exports.backLinkButton=c;exports.badge=j;exports.bordered=a;exports.breadcrumbButton=d;exports.breadcrumbCurrent=u;exports.breadcrumbItem=i;exports.breadcrumbLink=s;exports.breadcrumbList=n;exports.breadcrumbSeparator=o;exports.breadcrumbs=_;exports.default=h;exports.description=l;exports.main=p;exports.pageHeader=t;exports.sticky=e;exports.tab=B;exports.tabActive=S;exports.tabBadge=A;exports.tabs=g;exports.title=k;exports.titleRow=v;exports.titleSection=m;

package/dist/components/PageHeader/PageHeader.module.css.mjs

@@ -0,0 +1,58 @@
+const t = "_pageHeader_1vjp9_8", a = "_bordered_1vjp9_15", _ = "_sticky_1vjp9_19", r = "_backLink_1vjp9_29", e = "_backLinkAnchor_1vjp9_33", c = "_backLinkButton_1vjp9_34", b = "_breadcrumbs_1vjp9_59", n = "_breadcrumbList_1vjp9_63", i = "_breadcrumbItem_1vjp9_72", s = "_breadcrumbSeparator_1vjp9_78", o = "_breadcrumbLink_1vjp9_83", p = "_breadcrumbButton_1vjp9_84", d = "_breadcrumbCurrent_1vjp9_101", v = "_main_1vjp9_111", m = "_titleSection_1vjp9_119", u = "_titleRow_1vjp9_124", j = "_title_1vjp9_119", k = "_badge_1vjp9_141", L = "_description_1vjp9_145", l = "_actions_1vjp9_158", g = "_tabs_1vjp9_170", B = "_tab_1vjp9_170", A = "_tabActive_1vjp9_205", S = "_tabBadge_1vjp9_210", h = {
+  pageHeader: t,
+  bordered: a,
+  sticky: _,
+  backLink: r,
+  backLinkAnchor: e,
+  backLinkButton: c,
+  breadcrumbs: b,
+  breadcrumbList: n,
+  breadcrumbItem: i,
+  breadcrumbSeparator: s,
+  breadcrumbLink: o,
+  breadcrumbButton: p,
+  breadcrumbCurrent: d,
+  main: v,
+  titleSection: m,
+  titleRow: u,
+  title: j,
+  badge: k,
+  description: L,
+  actions: l,
+  tabs: g,
+  tab: B,
+  tabActive: A,
+  tabBadge: S,
+  "size-sm": "_size-sm_1vjp9_228",
+  "size-lg": "_size-lg_1vjp9_240",
+  "variant-compact": "_variant-compact_1vjp9_252",
+  "variant-with-tabs": "_variant-with-tabs_1vjp9_277",
+  "variant-transparent": "_variant-transparent_1vjp9_285"
+};
+export {
+  l as actions,
+  r as backLink,
+  e as backLinkAnchor,
+  c as backLinkButton,
+  k as badge,
+  a as bordered,
+  p as breadcrumbButton,
+  d as breadcrumbCurrent,
+  i as breadcrumbItem,
+  o as breadcrumbLink,
+  n as breadcrumbList,
+  s as breadcrumbSeparator,
+  b as breadcrumbs,
+  h as default,
+  L as description,
+  v as main,
+  t as pageHeader,
+  _ as sticky,
+  B as tab,
+  A as tabActive,
+  S as tabBadge,
+  g as tabs,
+  j as title,
+  u as titleRow,
+  m as titleSection
+};

package/dist/components/PageHeader/PageHeader.types.d.ts

@@ -0,0 +1,130 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Breadcrumb item
+ */
+export interface BreadcrumbItem {
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Navigation URL (optional for current item)
+     */
+    href?: string;
+    /**
+     * Click handler (alternative to href)
+     */
+    onClick?: () => void;
+}
+/**
+ * Tab item for page header navigation
+ */
+export interface PageHeaderTab {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Optional badge/count
+     */
+    badge?: ReactNode;
+    /**
+     * Tab href for navigation
+     */
+    href?: string;
+}
+/**
+ * PageHeader size variant
+ */
+export type PageHeaderSize = "sm" | "md" | "lg";
+/**
+ * PageHeader visual variant
+ */
+export type PageHeaderVariant = "default" | "compact" | "with-tabs" | "transparent";
+/**
+ * PageHeader section props
+ *
+ * @example
+ * ```tsx
+ * <PageHeader
+ *   breadcrumbs={[
+ *     { label: 'Dashboard', href: '/' },
+ *     { label: 'Users' }
+ *   ]}
+ *   title="Users"
+ *   description="Manage user accounts and permissions"
+ *   actions={<Button>Add User</Button>}
+ * />
+ * ```
+ */
+export interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /**
+     * Page title
+     */
+    title: ReactNode;
+    /**
+     * Optional description below title
+     */
+    description?: ReactNode;
+    /**
+     * Breadcrumb navigation items
+     */
+    breadcrumbs?: BreadcrumbItem[];
+    /**
+     * Action buttons/elements aligned right
+     */
+    actions?: ReactNode;
+    /**
+     * Tab navigation items
+     */
+    tabs?: PageHeaderTab[];
+    /**
+     * Currently active tab ID
+     */
+    activeTab?: string;
+    /**
+     * Tab change handler
+     */
+    onTabChange?: (tabId: string) => void;
+    /**
+     * Back link for navigation
+     */
+    backLink?: {
+        label?: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    /**
+     * Optional badge next to title
+     */
+    badge?: ReactNode;
+    /**
+     * Visual variant
+     * - default: Standard layout with padding
+     * - compact: Reduced spacing
+     * - with-tabs: Includes tab navigation
+     * @default 'default'
+     */
+    variant?: PageHeaderVariant;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: PageHeaderSize;
+    /**
+     * Show border at bottom
+     * @default true
+     */
+    bordered?: boolean;
+    /**
+     * Sticky positioning
+     * @default false
+     */
+    sticky?: boolean;
+}
+//# sourceMappingURL=PageHeader.types.d.ts.map

package/dist/components/PageHeader/PageHeader.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.types.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,SAAS,GACT,WAAW,GACX,aAAa,CAAC;AAElB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IAEF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/dist/components/PageHeader/index.d.ts

@@ -0,0 +1,3 @@
+export { PageHeader } from './PageHeader';
+export type { PageHeaderProps, PageHeaderVariant, PageHeaderSize, BreadcrumbItem, PageHeaderTab, } from './PageHeader.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PageHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,aAAa,GACd,MAAM,oBAAoB,CAAC"}

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.d.ts

@@ -0,0 +1,4 @@
+import { PaginationProps } from './Pagination.types';
+
+export declare const Pagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA0D1D,eAAO,MAAM,UAAU,yGA0KtB,CAAC"}