@orion-ds/react 4.6.5 → 4.7.0

package/dist/index66.mjs

@@ -0,0 +1,129 @@
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import a from "./index169.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/index67 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("react"),e=require("./index108.cjs"),v=n.forwardRef(({value:l,onChange:o,min:s=0,max:t=100,step:M=1,size:S="md",disabled:f=!1,showValue:k=!1,formatValue:d,showLabels:x=!1,showTicks:w=!1,tickValues:h,label:D,id:R,onChangeStart:p,onChangeEnd:j,className:T,...q},C)=>{const I=n.useId(),$=R||I,i=n.useRef(!1),N=(l-s)/(t-s)*100,g=d?d(l):l.toString(),U=n.useCallback(r=>{const c=parseFloat(r.target.value);o(c)},[o]),b=n.useCallback(()=>{i.current=!0,p?.()},[p]),y=n.useCallback(()=>{i.current&&(i.current=!1,j?.(l))},[j,l]),B=()=>{if(h)return h;const r=[],c=(t-s)/4;for(let u=s;u<=t;u+=c)r.push(Math.round(u*100)/100);return r},F=[e.default.container,e.default[S],f&&e.default.disabled,T].filter(Boolean).join(" ");return a.jsxs("div",{ref:C,className:F,...q,children:[k&&a.jsx("div",{className:e.default.valueDisplay,style:{left:`${N}%`},"aria-hidden":"true",children:g}),a.jsxs("div",{className:e.default.track,children:[a.jsx("div",{className:e.default.fill,style:{width:`${N}%`},"aria-hidden":"true"}),a.jsx("input",{id:$,type:"range",className:e.default.input,value:l,onChange:U,onMouseDown:b,onMouseUp:y,onTouchStart:b,onTouchEnd:y,min:s,max:t,step:M,disabled:f,"aria-label":D,"aria-valuemin":s,"aria-valuemax":t,"aria-valuenow":l,"aria-valuetext":g})]}),w&&a.jsx("div",{className:e.default.ticks,"aria-hidden":"true",children:B().map(r=>a.jsx("div",{className:e.default.tick,style:{left:`${(r-s)/(t-s)*100}%`}},r))}),x&&a.jsxs("div",{className:e.default.labels,"aria-hidden":"true",children:[a.jsx("span",{className:e.default.labelMin,children:d?d(s):s}),a.jsx("span",{className:e.default.labelMax,children:d?d(t):t})]})]})});v.displayName="Slider";exports.Slider=v;

package/dist/index67 2.mjs

@@ -0,0 +1,109 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { forwardRef as z, useId as A, useRef as E, useCallback as u } from "react";
+import e from "./index108.mjs";
+const G = z(
+  ({
+    value: t,
+    onChange: p,
+    min: s = 0,
+    max: a = 100,
+    step: b = 1,
+    size: k = "md",
+    disabled: h = !1,
+    showValue: D = !1,
+    formatValue: n,
+    showLabels: S = !1,
+    showTicks: j = !1,
+    tickValues: f,
+    label: I,
+    id: T,
+    onChangeStart: N,
+    onChangeEnd: g,
+    className: $,
+    ...R
+  }, U) => {
+    const B = A(), C = T || B, i = E(!1), y = (t - s) / (a - s) * 100, v = n ? n(t) : t.toString(), F = u(
+      (r) => {
+        const c = parseFloat(r.target.value);
+        p(c);
+      },
+      [p]
+    ), M = u(() => {
+      i.current = !0, N?.();
+    }, [N]), w = u(() => {
+      i.current && (i.current = !1, g?.(t));
+    }, [g, t]), m = () => {
+      if (f)
+        return f;
+      const r = [], c = (a - s) / 4;
+      for (let d = s; d <= a; d += c)
+        r.push(Math.round(d * 100) / 100);
+      return r;
+    }, q = [
+      e.container,
+      e[k],
+      h && e.disabled,
+      $
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ o("div", { ref: U, className: q, ...R, children: [
+      D && /* @__PURE__ */ l(
+        "div",
+        {
+          className: e.valueDisplay,
+          style: { left: `${y}%` },
+          "aria-hidden": "true",
+          children: v
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: e.track, children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: e.fill,
+            style: { width: `${y}%` },
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ l(
+          "input",
+          {
+            id: C,
+            type: "range",
+            className: e.input,
+            value: t,
+            onChange: F,
+            onMouseDown: M,
+            onMouseUp: w,
+            onTouchStart: M,
+            onTouchEnd: w,
+            min: s,
+            max: a,
+            step: b,
+            disabled: h,
+            "aria-label": I,
+            "aria-valuemin": s,
+            "aria-valuemax": a,
+            "aria-valuenow": t,
+            "aria-valuetext": v
+          }
+        )
+      ] }),
+      j && /* @__PURE__ */ l("div", { className: e.ticks, "aria-hidden": "true", children: m().map((r) => /* @__PURE__ */ l(
+        "div",
+        {
+          className: e.tick,
+          style: { left: `${(r - s) / (a - s) * 100}%` }
+        },
+        r
+      )) }),
+      S && /* @__PURE__ */ o("div", { className: e.labels, "aria-hidden": "true", children: [
+        /* @__PURE__ */ l("span", { className: e.labelMin, children: n ? n(s) : s }),
+        /* @__PURE__ */ l("span", { className: e.labelMax, children: n ? n(a) : a })
+      ] })
+    ] });
+  }
+);
+G.displayName = "Slider";
+export {
+  G as Slider
+};

package/dist/index67.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("./index186.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/index67.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 "./index186.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/index68 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("./index157.cjs"),s=({size:i="md",variant:l="primary",label:a="Loading...",showLabel:r=!1,className:t,...o})=>{const d=[e.default.container,t].filter(Boolean).join(" "),c=[e.default.spinner,e.default[i],e.default[l]].filter(Boolean).join(" ");return n.jsxs("div",{className:d,...o,children:[n.jsx("div",{className:c,role:"status","aria-label":a,"aria-live":"polite"}),r&&n.jsx("span",{className:e.default.label,children:a})]})};s.displayName="Spinner";exports.Spinner=s;

package/dist/index68 3.mjs

@@ -0,0 +1,28 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import s from "./index157.mjs";
+const m = ({
+  size: n = "md",
+  variant: i = "primary",
+  label: e = "Loading...",
+  showLabel: r = !1,
+  className: l,
+  ...o
+}) => {
+  const t = [s.container, l].filter(Boolean).join(" "), p = [s.spinner, s[n], s[i]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c("div", { className: t, ...o, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: p,
+        role: "status",
+        "aria-label": e,
+        "aria-live": "polite"
+      }
+    ),
+    r && /* @__PURE__ */ a("span", { className: s.label, children: e })
+  ] });
+};
+m.displayName = "Spinner";
+export {
+  m as Spinner
+};

package/dist/index68.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("./index187.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/index68.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 "./index187.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/index69 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),x=require("lucide-react"),r=require("./index167.cjs"),R=({step:e,index:o,status:n,size:u,showNumber:b,showCheckmark:m,clickable:s,onClick:i,labelPosition:j})=>{const N=c.useCallback(()=>{s&&!e.disabled&&i&&i()},[s,e.disabled,i]),f=c.useCallback(d=>{(d.key==="Enter"||d.key===" ")&&s&&!e.disabled&&(d.preventDefault(),i?.())},[s,e.disabled,i]),v=[r.default.step,r.default[n],r.default[u],r.default[`label-${j}`],s&&!e.disabled&&r.default.clickable,e.disabled&&r.default.disabled].filter(Boolean).join(" "),h=u==="sm"?14:u==="lg"?20:16,g=()=>n==="error"||e.error?a.jsx(x.AlertCircle,{size:h}):e.icon?e.icon:n==="complete"&&m?a.jsx(x.Check,{size:h}):b?a.jsx("span",{className:r.default.number,children:o+1}):null;return a.jsxs("div",{className:v,role:s?"button":void 0,tabIndex:s&&!e.disabled?0:void 0,"aria-current":n==="current"?"step":void 0,"aria-disabled":e.disabled,onClick:N,onKeyDown:f,children:[a.jsx("div",{className:r.default.indicator,children:g()}),a.jsxs("div",{className:r.default.content,children:[a.jsxs("span",{className:r.default.title,children:[e.title,e.optional&&a.jsx("span",{className:r.default.optional,children:"(Optional)"})]}),e.description&&a.jsx("span",{className:r.default.description,children:e.description}),(e.error||n==="error")&&e.errorMessage&&a.jsx("span",{className:r.default.errorMessage,children:e.errorMessage})]})]})},p=c.forwardRef(({steps:e,currentStep:o=0,onStepClick:n,clickable:u=!1,orientation:b="horizontal",size:m="md",showNumbers:s=!0,showConnectors:i=!0,showCheckmarks:j=!0,labelPosition:N="bottom",scrollable:f=!1,className:v,...h},g)=>{const d=c.useRef(null);c.useEffect(()=>{if(f&&d.current){const l=d.current.children[o];l&&l.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}},[o,f]);const y=t=>e[t]?.error?"error":t<o?"complete":t===o?"current":"upcoming",w=c.useCallback(t=>{const l=e[t];n&&l&&!l.disabled&&n(t,l)},[n,e]),C=[r.default.stepper,r.default[b],r.default[m],i&&r.default.withConnectors,f&&r.default.scrollable,v].filter(Boolean).join(" ");return a.jsx("div",{ref:g,className:C,role:"navigation","aria-label":"Progress",...h,children:a.jsx("ol",{ref:d,className:r.default.list,children:e.map((t,l)=>a.jsxs("li",{className:r.default.item,children:[a.jsx(R,{step:t,index:l,status:y(l),size:m,showNumber:s,showCheckmark:j,clickable:u,onClick:()=>w(l),labelPosition:N}),i&&l<e.length-1&&a.jsx("div",{className:`${r.default.connector} ${l<o?r.default.complete:""}`,"aria-hidden":"true"})]},t.id))})})});p.displayName="Stepper";exports.Stepper=p;