@orion-ds/react 4.6.5 → 4.6.6

package/dist/index120.mjs

@@ -0,0 +1,192 @@
+import { jsxs as s, jsx as t, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as C, useState as T, useRef as A, useEffect as w, useCallback as u } from "react";
+import { Paperclip as x, Smile as I, Send as k } from "lucide-react";
+import { Button as D } from "./index191.mjs";
+import e from "./index215.mjs";
+const P = C(
+  ({
+    title: p = "Chat",
+    messages: n = [],
+    inputPlaceholder: N = "Type a message...",
+    onSendMessage: c,
+    participants: d = [],
+    selectedParticipantId: v,
+    onSelectParticipant: f,
+    isTyping: b = !1,
+    isLoading: i = !1,
+    error: m,
+    className: y,
+    ...g
+  }, S) => {
+    const [l, o] = T(""), h = A(null);
+    w(() => {
+      h.current?.scrollIntoView({ behavior: "smooth" });
+    }, [n]);
+    const r = u(() => {
+      l.trim() && (c?.(l.trim()), o(""));
+    }, [l, c]), B = u(
+      (a) => {
+        a.key === "Enter" && !a.shiftKey && (a.preventDefault(), r());
+      },
+      [r]
+    );
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: S,
+        className: [e.root, y].filter(Boolean).join(" "),
+        ...g,
+        children: [
+          d.length > 0 && /* @__PURE__ */ s("div", { className: e.sidebar, children: [
+            /* @__PURE__ */ t("h3", { className: e.sidebarTitle, children: "Participants" }),
+            /* @__PURE__ */ t("div", { className: e.participantsList, children: d.map((a) => /* @__PURE__ */ s(
+              "div",
+              {
+                className: [
+                  e.participant,
+                  v === a.id && e.participantActive
+                ].filter(Boolean).join(" "),
+                onClick: () => f?.(a.id),
+                children: [
+                  a.avatar && /* @__PURE__ */ t(
+                    "img",
+                    {
+                      src: a.avatar,
+                      alt: a.name,
+                      className: e.participantAvatar
+                    }
+                  ),
+                  /* @__PURE__ */ s("div", { className: e.participantInfo, children: [
+                    /* @__PURE__ */ t("div", { className: e.participantName, children: a.name }),
+                    a.status && /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: [
+                          e.participantStatus,
+                          e[`status${a.status}`]
+                        ].filter(Boolean).join(" "),
+                        children: a.status
+                      }
+                    )
+                  ] })
+                ]
+              },
+              a.id
+            )) })
+          ] }),
+          /* @__PURE__ */ s("div", { className: e.mainArea, children: [
+            /* @__PURE__ */ s("div", { className: e.header, children: [
+              /* @__PURE__ */ t("h2", { className: e.title, children: p }),
+              m && /* @__PURE__ */ t("div", { className: e.errorBadge, children: m })
+            ] }),
+            /* @__PURE__ */ s("div", { className: e.messagesContainer, children: [
+              n.length === 0 ? /* @__PURE__ */ s("div", { className: e.emptyState, children: [
+                /* @__PURE__ */ t("div", { className: e.emptyStateIcon, children: "💬" }),
+                /* @__PURE__ */ t("h3", { className: e.emptyStateTitle, children: "No messages yet" }),
+                /* @__PURE__ */ t("p", { className: e.emptyStateText, children: "Start the conversation by sending a message" })
+              ] }) : /* @__PURE__ */ s(j, { children: [
+                n.map((a) => /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: [
+                      e.messageWrapper,
+                      e[`message${a.role}`]
+                    ].filter(Boolean).join(" "),
+                    children: [
+                      /* @__PURE__ */ s("div", { className: e.messageBubble, children: [
+                        /* @__PURE__ */ t("p", { className: e.messageContent, children: a.content }),
+                        a.timestamp && /* @__PURE__ */ t("span", { className: e.messageTime, children: new Date(a.timestamp).toLocaleTimeString([], {
+                          hour: "2-digit",
+                          minute: "2-digit"
+                        }) })
+                      ] }),
+                      a.status && /* @__PURE__ */ s(
+                        "span",
+                        {
+                          className: [
+                            e.messageStatus,
+                            e[`status${a.status}`]
+                          ].filter(Boolean).join(" "),
+                          title: a.status,
+                          children: [
+                            a.status === "sending" && "⏱",
+                            a.status === "sent" && "✓",
+                            a.status === "error" && "✗"
+                          ]
+                        }
+                      )
+                    ]
+                  },
+                  a.id
+                )),
+                b && /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: [
+                      e.messageWrapper,
+                      e.messageAssistant
+                    ].join(" "),
+                    children: /* @__PURE__ */ t("div", { className: e.messageBubble, children: /* @__PURE__ */ s("div", { className: e.typingIndicator, children: [
+                      /* @__PURE__ */ t("span", {}),
+                      /* @__PURE__ */ t("span", {}),
+                      /* @__PURE__ */ t("span", {})
+                    ] }) })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t("div", { ref: h })
+            ] }),
+            /* @__PURE__ */ t("div", { className: e.inputArea, children: /* @__PURE__ */ s("div", { className: e.inputGroup, children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: e.actionButton,
+                  "aria-label": "Attach file",
+                  disabled: i,
+                  children: /* @__PURE__ */ t(x, { size: 20 })
+                }
+              ),
+              /* @__PURE__ */ t(
+                "textarea",
+                {
+                  className: e.input,
+                  placeholder: N,
+                  value: l,
+                  onChange: (a) => o(a.target.value),
+                  onKeyDown: B,
+                  disabled: i,
+                  rows: 1
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: e.actionButton,
+                  "aria-label": "Add emoji",
+                  disabled: i,
+                  children: /* @__PURE__ */ t(I, { size: 20 })
+                }
+              ),
+              /* @__PURE__ */ t(
+                D,
+                {
+                  variant: "primary",
+                  iconOnly: !0,
+                  icon: /* @__PURE__ */ t(k, { size: 20 }),
+                  onClick: r,
+                  disabled: !l.trim() || i,
+                  isLoading: i,
+                  "aria-label": "Send message"
+                }
+              )
+            ] }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+P.displayName = "ChatPageTemplate";
+export {
+  P as ChatPageTemplate
+};

package/dist/index121.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),s=require("./index265.cjs"),r=n.forwardRef(({messages:u=[],conversations:a,activeConversationId:c,onConversationSelect:o,onSendMessage:m,placeholder:f="Type a message...",className:h},v)=>{const[b,j]=n.useState(u),[p,x]=n.useState(c||a?.[0]?.id||""),[l,i]=n.useState(""),g=e=>{x(e),o?.(e)},d=()=>{const e=l.trim();if(!e)return;const S={id:`msg-${Date.now()}`,role:"user",content:e};j(C=>[...C,S]),i(""),m?.(e)},N=e=>{e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),d())},y=a&&a.length>0;return t.jsxs("section",{ref:v,className:`${s.default.section} ${h||""}`,children:[y&&t.jsxs("aside",{className:s.default.sidebar,children:[t.jsx("div",{className:s.default.sidebarHeader,children:"Conversations"}),t.jsx("div",{className:s.default.conversationList,children:a.map(e=>t.jsx("button",{className:`${s.default.conversationItem} ${p===e.id?s.default.conversationItemActive:""}`,onClick:()=>g(e.id),type:"button",children:t.jsx("span",{className:s.default.conversationTitle,children:e.title})},e.id))})]}),t.jsxs("div",{className:s.default.main,children:[t.jsx("div",{className:s.default.messages,children:b.map(e=>t.jsxs("div",{className:`${s.default.message} ${e.role==="user"?s.default.messageUser:e.role==="assistant"?s.default.messageAssistant:s.default.messageSystem}`,children:[e.role!=="system"&&t.jsx("div",{className:s.default.messageAvatar,children:e.role==="user"?"U":"A"}),t.jsx("div",{className:`${s.default.messageBubble} ${e.role==="user"?s.default.messageBubbleUser:e.role==="assistant"?s.default.messageBubbleAssistant:s.default.messageBubbleSystem}`,children:e.content})]},e.id))}),t.jsxs("div",{className:s.default.inputArea,children:[t.jsx("input",{type:"text",className:s.default.input,placeholder:f,value:l,onChange:e=>i(e.target.value),onKeyDown:N,"aria-label":"Message input"}),t.jsx("button",{className:s.default.sendButton,onClick:d,disabled:!l.trim(),type:"button",children:"Send"})]})]})]})});r.displayName="ChatSection";exports.ChatSection=r;

package/dist/index121.mjs

@@ -0,0 +1,93 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import I, { useState as l } from "react";
+import s from "./index265.mjs";
+const w = I.forwardRef(
+  ({
+    messages: c = [],
+    conversations: n,
+    activeConversationId: d,
+    onConversationSelect: m,
+    onSendMessage: u,
+    placeholder: h = "Type a message...",
+    className: p
+  }, v) => {
+    const [b, N] = l(c), [g, y] = l(
+      d || n?.[0]?.id || ""
+    ), [i, r] = l(""), C = (e) => {
+      y(e), m?.(e);
+    }, o = () => {
+      const e = i.trim();
+      if (!e) return;
+      const $ = {
+        id: `msg-${Date.now()}`,
+        role: "user",
+        content: e
+      };
+      N((A) => [...A, $]), r(""), u?.(e);
+    }, f = (e) => {
+      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), o());
+    }, S = n && n.length > 0;
+    return /* @__PURE__ */ t("section", { ref: v, className: `${s.section} ${p || ""}`, children: [
+      S && /* @__PURE__ */ t("aside", { className: s.sidebar, children: [
+        /* @__PURE__ */ a("div", { className: s.sidebarHeader, children: "Conversations" }),
+        /* @__PURE__ */ a("div", { className: s.conversationList, children: n.map((e) => /* @__PURE__ */ a(
+          "button",
+          {
+            className: `${s.conversationItem} ${g === e.id ? s.conversationItemActive : ""}`,
+            onClick: () => C(e.id),
+            type: "button",
+            children: /* @__PURE__ */ a("span", { className: s.conversationTitle, children: e.title })
+          },
+          e.id
+        )) })
+      ] }),
+      /* @__PURE__ */ t("div", { className: s.main, children: [
+        /* @__PURE__ */ a("div", { className: s.messages, children: b.map((e) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: `${s.message} ${e.role === "user" ? s.messageUser : e.role === "assistant" ? s.messageAssistant : s.messageSystem}`,
+            children: [
+              e.role !== "system" && /* @__PURE__ */ a("div", { className: s.messageAvatar, children: e.role === "user" ? "U" : "A" }),
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: `${s.messageBubble} ${e.role === "user" ? s.messageBubbleUser : e.role === "assistant" ? s.messageBubbleAssistant : s.messageBubbleSystem}`,
+                  children: e.content
+                }
+              )
+            ]
+          },
+          e.id
+        )) }),
+        /* @__PURE__ */ t("div", { className: s.inputArea, children: [
+          /* @__PURE__ */ a(
+            "input",
+            {
+              type: "text",
+              className: s.input,
+              placeholder: h,
+              value: i,
+              onChange: (e) => r(e.target.value),
+              onKeyDown: f,
+              "aria-label": "Message input"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: s.sendButton,
+              onClick: o,
+              disabled: !i.trim(),
+              type: "button",
+              children: "Send"
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+);
+w.displayName = "ChatSection";
+export {
+  w as ChatSection
+};

package/dist/index122.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("./index272.cjs"),i=o.forwardRef(({title:r,columns:t,features:c,className:n,...h},m)=>e.jsx("section",{ref:m,className:`${a.default.section} ${n||""}`,...h,children:e.jsxs("div",{className:a.default.container,children:[e.jsx("h2",{className:a.default.title,children:r}),e.jsxs("table",{className:a.default.table,children:[e.jsx("thead",{children:e.jsxs("tr",{className:a.default.headerRow,children:[e.jsx("th",{className:a.default.headerCell}),t.map(s=>e.jsxs("th",{className:`${a.default.headerCell} ${s.highlighted?a.default.highlighted:""}`,children:[s.title,s.badge&&e.jsx("span",{className:a.default.badge,children:s.badge})]},s.title))]})}),e.jsx("tbody",{children:c.map(s=>e.jsxs("tr",{className:a.default.featureRow,children:[e.jsx("td",{className:a.default.featureName,children:s.name}),s.values.map((l,d)=>e.jsx("td",{className:`${a.default.featureValue} ${t[d]?.highlighted?a.default.highlightedCol:""}`,children:typeof l=="boolean"?l?e.jsx("span",{className:a.default.checkIcon,"aria-label":"Yes",children:"✓"}):e.jsx("span",{className:a.default.crossIcon,"aria-label":"No",children:"—"}):l},d))]},s.name))})]})]})}));i.displayName="Comparison";exports.Comparison=i;

package/dist/index122.mjs

@@ -0,0 +1,47 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import e from "./index272.mjs";
+const N = o(
+  ({ title: t, columns: r, features: c, className: d, ...n }, m) => /* @__PURE__ */ a(
+    "section",
+    {
+      ref: m,
+      className: `${e.section} ${d || ""}`,
+      ...n,
+      children: /* @__PURE__ */ l("div", { className: e.container, children: [
+        /* @__PURE__ */ a("h2", { className: e.title, children: t }),
+        /* @__PURE__ */ l("table", { className: e.table, children: [
+          /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ l("tr", { className: e.headerRow, children: [
+            /* @__PURE__ */ a("th", { className: e.headerCell }),
+            r.map((s) => /* @__PURE__ */ l(
+              "th",
+              {
+                className: `${e.headerCell} ${s.highlighted ? e.highlighted : ""}`,
+                children: [
+                  s.title,
+                  s.badge && /* @__PURE__ */ a("span", { className: e.badge, children: s.badge })
+                ]
+              },
+              s.title
+            ))
+          ] }) }),
+          /* @__PURE__ */ a("tbody", { children: c.map((s) => /* @__PURE__ */ l("tr", { className: e.featureRow, children: [
+            /* @__PURE__ */ a("td", { className: e.featureName, children: s.name }),
+            s.values.map((i, h) => /* @__PURE__ */ a(
+              "td",
+              {
+                className: `${e.featureValue} ${r[h]?.highlighted ? e.highlightedCol : ""}`,
+                children: typeof i == "boolean" ? i ? /* @__PURE__ */ a("span", { className: e.checkIcon, "aria-label": "Yes", children: "✓" }) : /* @__PURE__ */ a("span", { className: e.crossIcon, "aria-label": "No", children: "—" }) : i
+              },
+              h
+            ))
+          ] }, s.name)) })
+        ] })
+      ] })
+    }
+  )
+);
+N.displayName = "Comparison";
+export {
+  N as Comparison
+};

package/dist/index123.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),a=require("./index276.cjs"),d=u.forwardRef(({title:r,description:t,contactInfo:s,className:c,...i},n)=>e.jsx("section",{ref:n,className:`${a.default.section} ${c||""}`,...i,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx("h2",{className:a.default.title,children:r}),t&&e.jsx("p",{className:a.default.description,children:t})]}),s&&s.length>0&&e.jsx("div",{className:a.default.infoGrid,children:s.map(l=>e.jsxs("div",{className:a.default.infoCard,children:[e.jsx("p",{className:a.default.infoLabel,children:l.label}),l.href?e.jsx("a",{href:l.href,className:a.default.infoLink,children:l.value}):e.jsx("p",{className:a.default.infoValue,children:l.value})]},l.label))})]})}));d.displayName="Contact";exports.Contact=d;

package/dist/index123.mjs

@@ -0,0 +1,27 @@
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import e from "./index276.mjs";
+const t = n(
+  ({ title: c, description: i, contactInfo: s, className: d, ...m }, h) => /* @__PURE__ */ a(
+    "section",
+    {
+      ref: h,
+      className: `${e.section} ${d || ""}`,
+      ...m,
+      children: /* @__PURE__ */ r("div", { className: e.container, children: [
+        /* @__PURE__ */ r("div", { className: e.header, children: [
+          /* @__PURE__ */ a("h2", { className: e.title, children: c }),
+          i && /* @__PURE__ */ a("p", { className: e.description, children: i })
+        ] }),
+        s && s.length > 0 && /* @__PURE__ */ a("div", { className: e.infoGrid, children: s.map((l) => /* @__PURE__ */ r("div", { className: e.infoCard, children: [
+          /* @__PURE__ */ a("p", { className: e.infoLabel, children: l.label }),
+          l.href ? /* @__PURE__ */ a("a", { href: l.href, className: e.infoLink, children: l.value }) : /* @__PURE__ */ a("p", { className: e.infoValue, children: l.value })
+        ] }, l.label)) })
+      ] })
+    }
+  )
+);
+t.displayName = "Contact";
+export {
+  t as Contact
+};

package/dist/index124.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),i=require("lucide-react"),x=require("./index190.cjs"),l=require("./index196.cjs"),a=require("./index214.cjs");function f({metric:s}){return e.jsx(l.Card,{className:a.default.metricCard,children:e.jsxs(l.Card.Body,{className:a.default.metricBody,children:[e.jsxs("div",{className:a.default.metricHeader,children:[e.jsx("div",{className:a.default.metricLabel,children:s.label}),s.icon&&e.jsx("div",{className:a.default.metricIcon,children:s.icon})]}),e.jsx("div",{className:a.default.metricValue,children:s.value}),s.change!==void 0&&e.jsxs("div",{className:a.default.metricChange,children:[s.trend==="up"&&e.jsxs(e.Fragment,{children:[e.jsx(i.TrendingUp,{size:16}),e.jsxs("span",{className:a.default.changeUp,children:["+",s.change,"%"]})]}),s.trend==="down"&&e.jsxs(e.Fragment,{children:[e.jsx(i.TrendingDown,{size:16}),e.jsxs("span",{className:a.default.changeDown,children:[s.change,"%"]})]}),s.trend==="neutral"&&e.jsxs("span",{className:a.default.changeNeutral,children:[s.change,"%"]})]})]})})}function v({item:s}){return e.jsxs("div",{className:a.default.activityItem,children:[e.jsx("div",{className:[a.default.activityDot,a.default[`type${s.type}`]].filter(Boolean).join(" ")}),e.jsxs("div",{className:a.default.activityContent,children:[e.jsx("div",{className:a.default.activityTitle,children:s.title}),s.description&&e.jsx("div",{className:a.default.activityDescription,children:s.description}),e.jsxs("div",{className:a.default.activityTime,children:[e.jsx(i.Clock,{size:14}),new Date(s.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]})]})}const h=m.forwardRef(({title:s="Dashboard",subtitle:t,metrics:c=[],charts:n=[],activity:r=[],className:o,...u},j)=>e.jsxs("div",{ref:j,className:[a.default.root,o].filter(Boolean).join(" "),...u,children:[e.jsx("div",{className:a.default.header,children:e.jsxs("div",{children:[e.jsx("h1",{className:a.default.title,children:s}),t&&e.jsx("p",{className:a.default.subtitle,children:t})]})}),c.length>0&&e.jsx("div",{className:a.default.metricsGrid,children:c.map(d=>e.jsx(f,{metric:d},d.id))}),e.jsxs("div",{className:a.default.contentGrid,children:[n.length>0&&e.jsx("div",{className:a.default.chartsSection,children:n.map(d=>e.jsxs(l.Card,{className:a.default.chartCard,children:[e.jsxs(l.Card.Header,{children:[e.jsx("h3",{className:a.default.chartTitle,children:d.title}),e.jsx(x.Badge,{variant:"info",size:"sm",children:d.type})]}),e.jsx(l.Card.Body,{className:a.default.chartBody,children:e.jsxs("div",{className:a.default.chartPlaceholder,children:["Chart: ",d.title]})})]},d.id))}),r.length>0&&e.jsxs(l.Card,{className:a.default.activityCard,children:[e.jsx(l.Card.Header,{children:e.jsx("h3",{className:a.default.activityTitle,children:"Recent Activity"})}),e.jsx(l.Card.Body,{className:a.default.activityBody,children:e.jsx("div",{className:a.default.activityList,children:r.map(d=>e.jsx(v,{item:d},d.id))})})]})]})]}));h.displayName="DashboardTemplate";exports.DashboardTemplate=h;

package/dist/index124.mjs

@@ -0,0 +1,102 @@
+import { jsxs as c, jsx as a, Fragment as h } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { TrendingUp as p, TrendingDown as y, Clock as g } from "lucide-react";
+import { Badge as f } from "./index190.mjs";
+import { Card as n } from "./index196.mjs";
+import e from "./index214.mjs";
+function u({ metric: i }) {
+  return /* @__PURE__ */ a(n, { className: e.metricCard, children: /* @__PURE__ */ c(n.Body, { className: e.metricBody, children: [
+    /* @__PURE__ */ c("div", { className: e.metricHeader, children: [
+      /* @__PURE__ */ a("div", { className: e.metricLabel, children: i.label }),
+      i.icon && /* @__PURE__ */ a("div", { className: e.metricIcon, children: i.icon })
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.metricValue, children: i.value }),
+    i.change !== void 0 && /* @__PURE__ */ c("div", { className: e.metricChange, children: [
+      i.trend === "up" && /* @__PURE__ */ c(h, { children: [
+        /* @__PURE__ */ a(p, { size: 16 }),
+        /* @__PURE__ */ c("span", { className: e.changeUp, children: [
+          "+",
+          i.change,
+          "%"
+        ] })
+      ] }),
+      i.trend === "down" && /* @__PURE__ */ c(h, { children: [
+        /* @__PURE__ */ a(y, { size: 16 }),
+        /* @__PURE__ */ c("span", { className: e.changeDown, children: [
+          i.change,
+          "%"
+        ] })
+      ] }),
+      i.trend === "neutral" && /* @__PURE__ */ c("span", { className: e.changeNeutral, children: [
+        i.change,
+        "%"
+      ] })
+    ] })
+  ] }) });
+}
+function C({ item: i }) {
+  return /* @__PURE__ */ c("div", { className: e.activityItem, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: [e.activityDot, e[`type${i.type}`]].filter(Boolean).join(" ")
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: e.activityContent, children: [
+      /* @__PURE__ */ a("div", { className: e.activityTitle, children: i.title }),
+      i.description && /* @__PURE__ */ a("div", { className: e.activityDescription, children: i.description }),
+      /* @__PURE__ */ c("div", { className: e.activityTime, children: [
+        /* @__PURE__ */ a(g, { size: 14 }),
+        new Date(i.timestamp).toLocaleTimeString([], {
+          hour: "2-digit",
+          minute: "2-digit"
+        })
+      ] })
+    ] })
+  ] });
+}
+const B = N(
+  ({
+    title: i = "Dashboard",
+    subtitle: d,
+    metrics: r = [],
+    charts: s = [],
+    activity: t = [],
+    className: o,
+    ...m
+  }, v) => /* @__PURE__ */ c(
+    "div",
+    {
+      ref: v,
+      className: [e.root, o].filter(Boolean).join(" "),
+      ...m,
+      children: [
+        /* @__PURE__ */ a("div", { className: e.header, children: /* @__PURE__ */ c("div", { children: [
+          /* @__PURE__ */ a("h1", { className: e.title, children: i }),
+          d && /* @__PURE__ */ a("p", { className: e.subtitle, children: d })
+        ] }) }),
+        r.length > 0 && /* @__PURE__ */ a("div", { className: e.metricsGrid, children: r.map((l) => /* @__PURE__ */ a(u, { metric: l }, l.id)) }),
+        /* @__PURE__ */ c("div", { className: e.contentGrid, children: [
+          s.length > 0 && /* @__PURE__ */ a("div", { className: e.chartsSection, children: s.map((l) => /* @__PURE__ */ c(n, { className: e.chartCard, children: [
+            /* @__PURE__ */ c(n.Header, { children: [
+              /* @__PURE__ */ a("h3", { className: e.chartTitle, children: l.title }),
+              /* @__PURE__ */ a(f, { variant: "info", size: "sm", children: l.type })
+            ] }),
+            /* @__PURE__ */ a(n.Body, { className: e.chartBody, children: /* @__PURE__ */ c("div", { className: e.chartPlaceholder, children: [
+              "Chart: ",
+              l.title
+            ] }) })
+          ] }, l.id)) }),
+          t.length > 0 && /* @__PURE__ */ c(n, { className: e.activityCard, children: [
+            /* @__PURE__ */ a(n.Header, { children: /* @__PURE__ */ a("h3", { className: e.activityTitle, children: "Recent Activity" }) }),
+            /* @__PURE__ */ a(n.Body, { className: e.activityBody, children: /* @__PURE__ */ a("div", { className: e.activityList, children: t.map((l) => /* @__PURE__ */ a(C, { item: l }, l.id)) }) })
+          ] })
+        ] })
+      ]
+    }
+  )
+);
+B.displayName = "DashboardTemplate";
+export {
+  B as DashboardTemplate
+};

package/dist/index125.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("./index271.cjs"),c=n.forwardRef(({icon:s,title:r,description:a,action:l,className:i},d)=>e.jsxs("section",{ref:d,className:`${t.default.section} ${i||""}`,children:[s&&e.jsx("div",{className:t.default.icon,children:s}),e.jsx("h2",{className:t.default.title,children:r}),a&&e.jsx("p",{className:t.default.description,children:a}),l&&e.jsx("div",{className:t.default.action,children:l})]}));c.displayName="EmptyState";exports.EmptyState=c;

package/dist/index125.mjs

@@ -0,0 +1,21 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import o from "react";
+import e from "./index271.mjs";
+const d = o.forwardRef(
+  ({
+    icon: t,
+    title: c,
+    description: a,
+    action: r,
+    className: i
+  }, m) => /* @__PURE__ */ l("section", { ref: m, className: `${e.section} ${i || ""}`, children: [
+    t && /* @__PURE__ */ s("div", { className: e.icon, children: t }),
+    /* @__PURE__ */ s("h2", { className: e.title, children: c }),
+    a && /* @__PURE__ */ s("p", { className: e.description, children: a }),
+    r && /* @__PURE__ */ s("div", { className: e.action, children: r })
+  ] })
+);
+d.displayName = "EmptyState";
+export {
+  d as EmptyState
+};

package/dist/index126.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),i=require("./index273.cjs"),a=require("./index274.cjs"),l=d.forwardRef(({title:n,description:r,items:o,allowMultiple:c=!1,className:u},m)=>{const[f,h]=d.useState(new Set),j=d.useCallback(e=>{h(x=>{const t=new Set(x);return t.has(e)?t.delete(e):(c||t.clear(),t.add(e)),t})},[c]);return s.jsx("section",{ref:m,className:`${a.default.section} ${u||""}`,children:s.jsxs("div",{className:a.default.container,children:[(n||r)&&s.jsxs("div",{className:a.default.header,children:[n&&s.jsx("h2",{className:a.default.title,children:n}),r&&s.jsx("p",{className:a.default.description,children:r})]}),s.jsx("div",{className:a.default.list,children:o.map(e=>s.jsx(i.FAQItemCard,{...e,isOpen:f.has(e.id),onToggle:()=>j(e.id)},e.id))})]})})});l.displayName="FAQ";l.Item=i.FAQItemCard;exports.FAQ=l;

package/dist/index126.mjs

@@ -0,0 +1,37 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import x, { useState as I, useCallback as u } from "react";
+import { FAQItemCard as o } from "./index273.mjs";
+import s from "./index274.mjs";
+const d = x.forwardRef(
+  ({ title: n, description: c, items: m, allowMultiple: t = !1, className: i }, h) => {
+    const [f, p] = I(/* @__PURE__ */ new Set()), N = u(
+      (e) => {
+        p((g) => {
+          const a = new Set(g);
+          return a.has(e) ? a.delete(e) : (t || a.clear(), a.add(e)), a;
+        });
+      },
+      [t]
+    );
+    return /* @__PURE__ */ r("section", { ref: h, className: `${s.section} ${i || ""}`, children: /* @__PURE__ */ l("div", { className: s.container, children: [
+      (n || c) && /* @__PURE__ */ l("div", { className: s.header, children: [
+        n && /* @__PURE__ */ r("h2", { className: s.title, children: n }),
+        c && /* @__PURE__ */ r("p", { className: s.description, children: c })
+      ] }),
+      /* @__PURE__ */ r("div", { className: s.list, children: m.map((e) => /* @__PURE__ */ r(
+        o,
+        {
+          ...e,
+          isOpen: f.has(e.id),
+          onToggle: () => N(e.id)
+        },
+        e.id
+      )) })
+    ] }) });
+  }
+);
+d.displayName = "FAQ";
+d.Item = o;
+export {
+  d as FAQ
+};

package/dist/index127.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),l=require("./index257.cjs"),e=require("./index258.cjs"),d=m.forwardRef(({title:r,description:s,items:u,columns:t=3,className:i},c)=>{const n=t===2?e.default.grid2:t===4?e.default.grid4:e.default.grid3;return a.jsx("section",{ref:c,className:`${e.default.section} ${i||""}`,children:a.jsxs("div",{className:e.default.container,children:[(r||s)&&a.jsxs("div",{className:e.default.header,children:[r&&a.jsx("h2",{className:e.default.title,children:r}),s&&a.jsx("p",{className:e.default.description,children:s})]}),a.jsx("div",{className:`${e.default.grid} ${n}`,children:u.map((o,f)=>a.jsx(l.FeatureCard,{...o},f))})]})})});d.displayName="Features";d.Card=l.FeatureCard;exports.Features=d;

package/dist/index127.mjs

@@ -0,0 +1,28 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import N from "react";
+import { FeatureCard as c } from "./index257.mjs";
+import r from "./index258.mjs";
+const m = N.forwardRef(
+  ({ title: a, description: s, items: l, columns: i = 3, className: o }, t) => {
+    const n = i === 2 ? r.grid2 : i === 4 ? r.grid4 : r.grid3;
+    return /* @__PURE__ */ e(
+      "section",
+      {
+        ref: t,
+        className: `${r.section} ${o || ""}`,
+        children: /* @__PURE__ */ d("div", { className: r.container, children: [
+          (a || s) && /* @__PURE__ */ d("div", { className: r.header, children: [
+            a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
+            s && /* @__PURE__ */ e("p", { className: r.description, children: s })
+          ] }),
+          /* @__PURE__ */ e("div", { className: `${r.grid} ${n}`, children: l.map((h, p) => /* @__PURE__ */ e(c, { ...h }, p)) })
+        ] })
+      }
+    );
+  }
+);
+m.displayName = "Features";
+m.Card = c;
+export {
+  m as Features
+};

package/dist/index128.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),j=require("react"),e=require("./index260.cjs"),m=j.forwardRef(({brand:s,linkGroups:r,socialLinks:t,variant:c="default",copyright:o,className:i},n)=>{const u=new Date().getFullYear(),h=o||`© ${u} ${s.name}. All rights reserved.`,f=c==="centered"?e.default.centeredLayout:c==="minimal"?e.default.minimalLayout:e.default.defaultLayout;return c==="minimal"?l.jsx("footer",{ref:n,className:`${e.default.footer} ${i||""}`,children:l.jsxs("div",{className:`${e.default.container} ${f}`,children:[l.jsxs("div",{className:e.default.brandBlock,children:[s.logo,l.jsx("h3",{className:e.default.brandName,children:s.name})]}),t&&t.length>0&&l.jsx("div",{className:e.default.socialLinks,children:t.map(a=>l.jsx("a",{href:a.href,className:e.default.socialLink,"aria-label":a.label,children:a.icon},a.label))}),l.jsx("p",{className:e.default.copyright,children:h})]})}):c==="centered"?l.jsx("footer",{ref:n,className:`${e.default.footer} ${i||""}`,children:l.jsxs("div",{className:`${e.default.container} ${f}`,children:[l.jsxs("div",{className:e.default.brandBlock,children:[s.logo,l.jsx("h3",{className:e.default.brandName,children:s.name}),s.description&&l.jsx("p",{className:e.default.brandDescription,children:s.description})]}),r&&r.length>0&&l.jsx("div",{className:e.default.linkGroupsRow,children:r.map(a=>l.jsxs("div",{className:e.default.linkGroup,children:[l.jsx("h4",{className:e.default.linkGroupTitle,children:a.title}),a.links.map(d=>l.jsx("a",{href:d.href,className:e.default.link,children:d.label},d.label))]},a.title))}),t&&t.length>0&&l.jsx("div",{className:e.default.socialLinks,children:t.map(a=>l.jsx("a",{href:a.href,className:e.default.socialLink,"aria-label":a.label,children:a.icon},a.label))}),l.jsx("p",{className:e.default.copyright,children:h})]})}):l.jsx("footer",{ref:n,className:`${e.default.footer} ${i||""}`,children:l.jsxs("div",{className:e.default.container,children:[l.jsxs("div",{className:f,children:[l.jsxs("div",{className:e.default.brandBlock,children:[s.logo,l.jsx("h3",{className:e.default.brandName,children:s.name}),s.description&&l.jsx("p",{className:e.default.brandDescription,children:s.description})]}),r?.map(a=>l.jsxs("div",{className:e.default.linkGroup,children:[l.jsx("h4",{className:e.default.linkGroupTitle,children:a.title}),a.links.map(d=>l.jsx("a",{href:d.href,className:e.default.link,children:d.label},d.label))]},a.title))]}),l.jsxs("div",{className:e.default.bottom,children:[l.jsx("p",{className:e.default.copyright,children:h}),t&&t.length>0&&l.jsx("div",{className:e.default.socialLinks,children:t.map(a=>l.jsx("a",{href:a.href,className:e.default.socialLink,"aria-label":a.label,children:a.icon},a.label))})]})]})})});m.displayName="Footer";exports.Footer=m;