@orion-ds/react 4.4.0 → 4.6.0

package/dist/blocks/sections/Chat/Chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/Chat.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EACV,gBAAgB,EAEjB,MAAM,iBAAiB,CAAC;AAsBzB,eAAO,MAAM,WAAW,6GA6HvB,CAAC"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/Chat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,eAAO,MAAM,WAAW,sFAgIvB,CAAC"}

package/dist/blocks/sections/Chat/Chat.mjs

@@ -1,130 +1,94 @@
 "use client";
-import { jsxs as l, jsx as t, Fragment as w } from "react/jsx-runtime";
-import { forwardRef as T, useState as I, useCallback as g } from "react";
-import { Menu as j, MessageSquare as A } from "lucide-react";
-import a from "./Chat.module.css.mjs";
-import { Chat as n } from "../../../components/Chat/Chat.mjs";
-import { useStreamingText as B } from "../../../components/Chat/hooks/useStreamingText.mjs";
-function R({ message: s }) {
-  const { displayText: c, isComplete: i } = B(s.content);
-  return /* @__PURE__ */ t(
-    n.Message,
-    {
-      role: s.role,
-      content: c,
-      timestamp: s.timestamp,
-      status: s.status,
-      attachments: s.attachments,
-      isStreaming: !i
-    }
-  );
-}
-const k = T(
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import I, { useState as l } from "react";
+import s from "./Chat.module.css.mjs";
+const w = I.forwardRef(
   ({
-    conversations: s = [],
-    activeConversationId: c,
-    messages: i = [],
-    onSendMessage: m,
-    onSelectConversation: h,
-    onNewConversation: u,
-    onDeleteConversation: S,
-    isTyping: y = !1,
-    isLoading: b = !1,
-    header: o,
-    inputConfig: r,
-    hideSidebar: d = !1,
-    className: f,
-    ...v
-  }, x) => {
-    const [C, p] = I(!0), M = g(
-      (e, N) => {
-        m?.(e, N);
-      },
-      [m]
-    );
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: x,
-        className: [a.section, f].filter(Boolean).join(" "),
-        ...v,
-        children: [
-          !d && /* @__PURE__ */ t(
-            n.Sidebar,
+    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",
             {
-              conversations: s,
-              activeConversationId: c,
-              onSelectConversation: h,
-              onNewConversation: u,
-              onDeleteConversation: S,
-              collapsed: C,
-              onCollapsedChange: p
+              type: "text",
+              className: s.input,
+              placeholder: h,
+              value: i,
+              onChange: (e) => r(e.target.value),
+              onKeyDown: f,
+              "aria-label": "Message input"
             }
           ),
-          /* @__PURE__ */ t("div", { className: a.sectionMain, children: /* @__PURE__ */ l(n, { children: [
-            /* @__PURE__ */ t(
-              n.Header,
-              {
-                title: o?.title || "AI Assistant",
-                subtitle: o?.subtitle,
-                avatar: o?.avatar,
-                actions: /* @__PURE__ */ l(w, { children: [
-                  !d && /* @__PURE__ */ t(
-                    "button",
-                    {
-                      className: [
-                        a.inputButton,
-                        a.sectionMobileMenuButton
-                      ].join(" "),
-                      onClick: () => p(!1),
-                      "aria-label": "Open sidebar",
-                      children: /* @__PURE__ */ t(j, { size: 20 })
-                    }
-                  ),
-                  o?.actions
-                ] })
-              }
-            ),
-            /* @__PURE__ */ l(n.Messages, { children: [
-              i.length === 0 ? /* @__PURE__ */ l("div", { className: a.emptyState, children: [
-                /* @__PURE__ */ t("div", { className: a.emptyStateIcon, children: /* @__PURE__ */ t(A, { size: 28 }) }),
-                /* @__PURE__ */ l("div", { children: [
-                  /* @__PURE__ */ t("h3", { className: a.emptyStateTitle, children: "How can I help you today?" }),
-                  /* @__PURE__ */ t("p", { className: a.emptyStateText, children: "Start a conversation by typing a message below." })
-                ] })
-              ] }) : i.map(
-                (e) => e.isStreaming ? /* @__PURE__ */ t(R, { message: e }, e.id) : /* @__PURE__ */ t(
-                  n.Message,
-                  {
-                    role: e.role,
-                    content: e.content,
-                    timestamp: e.timestamp,
-                    status: e.status,
-                    attachments: e.attachments
-                  },
-                  e.id
-                )
-              ),
-              y && /* @__PURE__ */ t(n.TypingIndicator, {})
-            ] }),
-            /* @__PURE__ */ t(
-              n.Input,
-              {
-                onSend: M,
-                placeholder: r?.placeholder || "Type a message...",
-                allowAttachments: r?.allowAttachments ?? !0,
-                allowVoiceRecording: r?.allowVoiceRecording ?? !0,
-                maxLength: r?.maxLength,
-                isLoading: b
-              }
-            )
-          ] }) })
-        ]
-      }
-    );
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: s.sendButton,
+              onClick: o,
+              disabled: !i.trim(),
+              type: "button",
+              children: "Send"
+            }
+          )
+        ] })
+      ] })
+    ] });
   }
 );
-k.displayName = "ChatSection";
+w.displayName = "ChatSection";
 export {
-  k as ChatSection
+  w as ChatSection
 };

package/dist/blocks/sections/Chat/Chat.module.css

@@ -1 +1 @@
-._section_1do2g_3{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}._sectionMain_1do2g_11{flex:1;display:flex;flex-direction:column;overflow:hidden}._sectionMobileMenuButton_1do2g_18{display:none;padding:var(--spacing-2);border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:color .15s ease}._sectionMobileMenuButton_1do2g_18:hover{color:var(--text-primary)}@media(max-width:768px){._sectionMobileMenuButton_1do2g_18{display:flex;align-items:center;justify-content:center}}._inputButton_1do2g_40{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:color .15s ease;border-radius:var(--radius-control)}._inputButton_1do2g_40:hover{color:var(--text-primary);background:var(--surface-subtle)}._emptyState_1do2g_58{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-4);padding:var(--spacing-8);text-align:center}._emptyStateIcon_1do2g_69{font-size:48px}._emptyStateTitle_1do2g_73{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}._emptyStateText_1do2g_80{font-size:var(--text-sm);color:var(--text-secondary);margin:0}
+._section_n9a63_1{display:flex;height:520px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-container);overflow:hidden}._sidebar_n9a63_10{width:240px;border-right:1px solid var(--border-subtle);background:var(--surface-subtle);display:flex;flex-direction:column;flex-shrink:0}._sidebarHeader_n9a63_19{padding:var(--spacing-4);border-bottom:1px solid var(--border-subtle);font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}._conversationList_n9a63_28{flex:1;overflow-y:auto}._conversationItem_n9a63_33{display:block;width:100%;padding:var(--spacing-3) var(--spacing-4);border:none;background:transparent;text-align:left;cursor:pointer;transition:background .15s ease;font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-primary)}._conversationItem_n9a63_33:hover,._conversationItemActive_n9a63_51{background:var(--surface-layer)}._conversationTitle_n9a63_55{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._main_n9a63_63{flex:1;display:flex;flex-direction:column;min-width:0}._messages_n9a63_70{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}._message_n9a63_70{display:flex;gap:var(--spacing-3);max-width:80%}._messageUser_n9a63_85{align-self:flex-end;flex-direction:row-reverse}._messageAssistant_n9a63_90{align-self:flex-start}._messageSystem_n9a63_94{align-self:center;max-width:90%}._messageAvatar_n9a63_99{width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-layer);display:flex;align-items:center;justify-content:center;font-family:var(--font-secondary);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);flex-shrink:0}._messageBubble_n9a63_114{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-container);font-family:var(--font-secondary);font-size:var(--font-size-base);line-height:1.5}._messageBubbleUser_n9a63_122{background:var(--interactive-primary);color:var(--interactive-primary-text)}._messageBubbleAssistant_n9a63_127{background:var(--surface-subtle);color:var(--text-primary)}._messageBubbleSystem_n9a63_132{background:var(--surface-layer);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center}._inputArea_n9a63_139{padding:var(--spacing-4);border-top:1px solid var(--border-subtle);display:flex;gap:var(--spacing-2)}._input_n9a63_139{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-base);border-radius:var(--radius-control);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-secondary);font-size:var(--font-size-base);outline:none;transition:border-color .15s ease}._input_n9a63_139::placeholder{color:var(--text-tertiary)}._input_n9a63_139:focus{border-color:var(--interactive-primary)}._sendButton_n9a63_167{padding:var(--spacing-3) var(--spacing-4);border:none;border-radius:var(--radius-control);background:var(--interactive-primary);color:var(--interactive-primary-text);font-family:var(--font-secondary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background .15s ease;white-space:nowrap}._sendButton_n9a63_167:hover{background:var(--interactive-primary-hover)}._sendButton_n9a63_167:disabled{opacity:.5;cursor:not-allowed}

package/dist/blocks/sections/Chat/Chat.module.css.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_1do2g_3",e="_sectionMain_1do2g_11",o="_sectionMobileMenuButton_1do2g_18",n="_inputButton_1do2g_40",i="_emptyState_1do2g_58",c="_emptyStateIcon_1do2g_69",s="_emptyStateTitle_1do2g_73",_="_emptyStateText_1do2g_80",a={section:t,sectionMain:e,sectionMobileMenuButton:o,inputButton:n,emptyState:i,emptyStateIcon:c,emptyStateTitle:s,emptyStateText:_};exports.default=a;exports.emptyState=i;exports.emptyStateIcon=c;exports.emptyStateText=_;exports.emptyStateTitle=s;exports.inputButton=n;exports.section=t;exports.sectionMain=e;exports.sectionMobileMenuButton=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_section_n9a63_1",e="_sidebar_n9a63_10",a="_sidebarHeader_n9a63_19",t="_conversationList_n9a63_28",n="_conversationItem_n9a63_33",o="_conversationItemActive_n9a63_51",_="_conversationTitle_n9a63_55",i="_main_n9a63_63",m="_messages_n9a63_70",r="_message_n9a63_70",c="_messageUser_n9a63_85",b="_messageAssistant_n9a63_90",g="_messageSystem_n9a63_94",u="_messageAvatar_n9a63_99",l="_messageBubble_n9a63_114",v="_messageBubbleUser_n9a63_122",d="_messageBubbleAssistant_n9a63_127",A="_messageBubbleSystem_n9a63_132",B="_inputArea_n9a63_139",y="_input_n9a63_139",S="_sendButton_n9a63_167",p={section:s,sidebar:e,sidebarHeader:a,conversationList:t,conversationItem:n,conversationItemActive:o,conversationTitle:_,main:i,messages:m,message:r,messageUser:c,messageAssistant:b,messageSystem:g,messageAvatar:u,messageBubble:l,messageBubbleUser:v,messageBubbleAssistant:d,messageBubbleSystem:A,inputArea:B,input:y,sendButton:S};exports.conversationItem=n;exports.conversationItemActive=o;exports.conversationList=t;exports.conversationTitle=_;exports.default=p;exports.input=y;exports.inputArea=B;exports.main=i;exports.message=r;exports.messageAssistant=b;exports.messageAvatar=u;exports.messageBubble=l;exports.messageBubbleAssistant=d;exports.messageBubbleSystem=A;exports.messageBubbleUser=v;exports.messageSystem=g;exports.messageUser=c;exports.messages=m;exports.section=s;exports.sendButton=S;exports.sidebar=e;exports.sidebarHeader=a;

package/dist/blocks/sections/Chat/Chat.module.css.mjs

@@ -1,21 +1,47 @@
-const t = "_section_1do2g_3", e = "_sectionMain_1do2g_11", o = "_sectionMobileMenuButton_1do2g_18", n = "_inputButton_1do2g_40", _ = "_emptyState_1do2g_58", c = "_emptyStateIcon_1do2g_69", i = "_emptyStateTitle_1do2g_73", s = "_emptyStateText_1do2g_80", a = {
-  section: t,
-  sectionMain: e,
-  sectionMobileMenuButton: o,
-  inputButton: n,
-  emptyState: _,
-  emptyStateIcon: c,
-  emptyStateTitle: i,
-  emptyStateText: s
+const s = "_section_n9a63_1", e = "_sidebar_n9a63_10", a = "_sidebarHeader_n9a63_19", n = "_conversationList_n9a63_28", t = "_conversationItem_n9a63_33", _ = "_conversationItemActive_n9a63_51", o = "_conversationTitle_n9a63_55", i = "_main_n9a63_63", m = "_messages_n9a63_70", c = "_message_n9a63_70", r = "_messageUser_n9a63_85", b = "_messageAssistant_n9a63_90", g = "_messageSystem_n9a63_94", u = "_messageAvatar_n9a63_99", v = "_messageBubble_n9a63_114", l = "_messageBubbleUser_n9a63_122", A = "_messageBubbleAssistant_n9a63_127", B = "_messageBubbleSystem_n9a63_132", d = "_inputArea_n9a63_139", p = "_input_n9a63_139", y = "_sendButton_n9a63_167", I = {
+  section: s,
+  sidebar: e,
+  sidebarHeader: a,
+  conversationList: n,
+  conversationItem: t,
+  conversationItemActive: _,
+  conversationTitle: o,
+  main: i,
+  messages: m,
+  message: c,
+  messageUser: r,
+  messageAssistant: b,
+  messageSystem: g,
+  messageAvatar: u,
+  messageBubble: v,
+  messageBubbleUser: l,
+  messageBubbleAssistant: A,
+  messageBubbleSystem: B,
+  inputArea: d,
+  input: p,
+  sendButton: y
 };
 export {
-  a as default,
-  _ as emptyState,
-  c as emptyStateIcon,
-  s as emptyStateText,
-  i as emptyStateTitle,
-  n as inputButton,
-  t as section,
-  e as sectionMain,
-  o as sectionMobileMenuButton
+  t as conversationItem,
+  _ as conversationItemActive,
+  n as conversationList,
+  o as conversationTitle,
+  I as default,
+  p as input,
+  d as inputArea,
+  i as main,
+  c as message,
+  b as messageAssistant,
+  u as messageAvatar,
+  v as messageBubble,
+  A as messageBubbleAssistant,
+  B as messageBubbleSystem,
+  l as messageBubbleUser,
+  g as messageSystem,
+  r as messageUser,
+  m as messages,
+  s as section,
+  y as sendButton,
+  e as sidebar,
+  a as sidebarHeader
 };

package/dist/blocks/sections/Chat/Chat.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Chat.types').ChatSectionProps & import('react').RefAttributes<HTMLElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithConversations: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Chat.stories.d.ts.map

package/dist/blocks/sections/Chat/Chat.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/Chat.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AASnC,eAAO,MAAM,OAAO,EAAE,KAA8B,CAAC;AAErD,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC"}

package/dist/blocks/sections/Chat/Chat.types.d.ts

@@ -1,8 +1,33 @@
-/**
- * Chat Section Types
- *
- * Type definitions for the ChatSection component.
- * Re-exports from @orion-ds/react for convenience.
- */
-export type { ChatSectionProps, ChatMessage, ChatConversation, ChatInputProps, } from '@orion-ds/react';
+export type ChatMessageRole = "user" | "assistant" | "system";
+export interface ChatMessage {
+    id: string;
+    role: ChatMessageRole;
+    content: string;
+    timestamp?: Date;
+}
+export interface ChatConversation {
+    id: string;
+    title: string;
+    updatedAt?: Date;
+}
+export interface ChatInputProps {
+    placeholder?: string;
+    onSend?: (message: string) => void;
+}
+export interface ChatSectionProps {
+    /** Messages to display */
+    messages?: ChatMessage[];
+    /** Available conversations for sidebar */
+    conversations?: ChatConversation[];
+    /** Currently active conversation id */
+    activeConversationId?: string;
+    /** Callback when a conversation is selected */
+    onConversationSelect?: (id: string) => void;
+    /** Callback when a new message is sent */
+    onSendMessage?: (content: string) => void;
+    /** Input placeholder text */
+    placeholder?: string;
+    /** Optional className */
+    className?: string;
+}
 //# sourceMappingURL=Chat.types.d.ts.map

package/dist/blocks/sections/Chat/Chat.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/Chat.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,cAAc,GACf,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"Chat.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/Chat.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,uCAAuC;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,0CAA0C;IAC1C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/blocks/sections/Chat/index.d.ts

@@ -1,19 +1,3 @@
-/**
- * Chat Section - Pre-built chat interface with sidebar.
- *
- * @example
- * ```tsx
- * import { ChatSection } from '@orion-ds/blocks';
- *
- * <ChatSection
- *   conversations={conversations}
- *   activeConversationId={activeId}
- *   messages={messages}
- *   onSendMessage={handleSend}
- *   onSelectConversation={handleSelect}
- * />
- * ```
- */
 export { ChatSection } from './Chat';
-export type { ChatSectionProps, ChatMessage, ChatConversation, ChatInputProps, } from './Chat.types';
+export type { ChatSectionProps, ChatMessage, ChatConversation, ChatInputProps, ChatMessageRole, } from './Chat.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/sections/Chat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,cAAc,GACf,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,eAAe,GAChB,MAAM,cAAc,CAAC"}

package/dist/blocks/sections/Comparison/Comparison.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),s=require("./Comparison.module.css.cjs"),C=()=>e.jsx("span",{className:s.default.checkIcon,children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})}),B=()=>e.jsx("span",{className:s.default.crossIcon,children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}),x=({eyebrow:d,title:r,description:c,columns:i,features:n,showCategories:h=!0,showDescriptions:j=!1,stickyHeader:m=!0,background:f="base",compact:p=!1,className:N,...g})=>{const b=u.useMemo(()=>{if(!h)return{"":n};const a={};return n.forEach(t=>{const l=t.category||"";a[l]||(a[l]=[]),a[l].push(t)}),a},[n,h]),y=a=>typeof a=="boolean"?a?e.jsx(C,{}):e.jsx(B,{}):a;return e.jsx("section",{className:`${s.default.comparison} ${N||""}`,"data-background":f,"data-sticky":m,"data-compact":p,...g,children:e.jsxs("div",{className:s.default.container,children:[(d||r||c)&&e.jsxs("header",{className:s.default.header,children:[d&&e.jsx("span",{className:s.default.eyebrow,children:d}),r&&e.jsx("h2",{className:s.default.title,children:r}),c&&e.jsx("p",{className:s.default.description,children:c})]}),e.jsx("div",{className:s.default.tableWrapper,children:e.jsxs("table",{className:s.default.table,children:[e.jsx("thead",{className:s.default.tableHead,children:e.jsxs("tr",{children:[e.jsx("th",{className:s.default.featureLabelHeader,children:"Features"}),i.map((a,t)=>e.jsx("th",{children:e.jsxs("div",{className:s.default.columnHeader,"data-highlighted":a.highlighted,children:[a.badge&&e.jsx("span",{className:s.default.columnBadge,children:a.badge}),e.jsx("h3",{className:s.default.columnTitle,children:a.title}),a.subtitle&&e.jsx("p",{className:s.default.columnSubtitle,children:a.subtitle}),a.ctaLabel&&a.ctaHref&&e.jsx("div",{className:s.default.columnCta,children:e.jsx("a",{href:a.ctaHref,className:s.default.ctaButton,children:a.ctaLabel})})]})},t))]})}),e.jsx("tbody",{className:s.default.tableBody,children:Object.entries(b).map(([a,t])=>e.jsxs(u.Fragment,{children:[h&&a&&e.jsx("tr",{className:s.default.categoryRow,children:e.jsx("td",{colSpan:i.length+1,children:a})}),t.map((l,v)=>e.jsxs("tr",{children:[e.jsxs("td",{children:[e.jsx("div",{className:s.default.featureName,children:l.name}),j&&l.description&&e.jsx("div",{className:s.default.featureDescription,children:l.description})]}),l.values.map((k,o)=>e.jsx("td",{className:s.default.valueCell,"data-highlighted":i[o]?.highlighted,children:y(k)},o))]},v))]},a||"default"))})]})})]})})};x.displayName="Comparison";exports.Comparison=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("./Comparison.module.css.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/blocks/sections/Comparison/Comparison.d.ts

@@ -1,8 +1,4 @@
-import { default as React } from 'react';
 import { ComparisonProps } from './Comparison.types';
 
-/**
- * Comparison section for comparing products/plans/features
- */
-export declare const Comparison: React.FC<ComparisonProps>;
+export declare const Comparison: import('react').ForwardRefExoticComponent<ComparisonProps & import('react').RefAttributes<HTMLElement>>;
 //# sourceMappingURL=Comparison.d.ts.map

package/dist/blocks/sections/Comparison/Comparison.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Comparison.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Comparison/Comparison.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,oBAAoB,CAAC;AAwC7E;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8HhD,CAAC"}
+{"version":3,"file":"Comparison.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Comparison/Comparison.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,yGA2DtB,CAAC"}

package/dist/blocks/sections/Comparison/Comparison.mjs

@@ -1,111 +1,48 @@
 "use client";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import C, { useMemo as B } from "react";
-import r from "./Comparison.module.css.mjs";
-const H = () => /* @__PURE__ */ e("span", { className: r.checkIcon, children: /* @__PURE__ */ e(
-  "svg",
-  {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "3",
-    children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
-  }
-) }), j = () => /* @__PURE__ */ e("span", { className: r.crossIcon, children: /* @__PURE__ */ s(
-  "svg",
-  {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [
-      /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-      /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-    ]
-  }
-) }), F = ({
-  eyebrow: t,
-  title: i,
-  description: n,
-  columns: d,
-  features: h,
-  showCategories: o = !0,
-  showDescriptions: p = !1,
-  stickyHeader: N = !0,
-  background: g = "base",
-  compact: b = !1,
-  className: f,
-  ...u
-}) => {
-  const y = B(() => {
-    if (!o) return { "": h };
-    const a = {};
-    return h.forEach((l) => {
-      const c = l.category || "";
-      a[c] || (a[c] = []), a[c].push(l);
-    }), a;
-  }, [h, o]), v = (a) => typeof a == "boolean" ? a ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ e(j, {}) : a;
-  return /* @__PURE__ */ e(
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import e from "./Comparison.module.css.mjs";
+const N = o(
+  ({ title: t, columns: r, features: c, className: d, ...n }, m) => /* @__PURE__ */ a(
     "section",
     {
-      className: `${r.comparison} ${f || ""}`,
-      "data-background": g,
-      "data-sticky": N,
-      "data-compact": b,
-      ...u,
-      children: /* @__PURE__ */ s("div", { className: r.container, children: [
-        (t || i || n) && /* @__PURE__ */ s("header", { className: r.header, children: [
-          t && /* @__PURE__ */ e("span", { className: r.eyebrow, children: t }),
-          i && /* @__PURE__ */ e("h2", { className: r.title, children: i }),
-          n && /* @__PURE__ */ e("p", { className: r.description, children: n })
-        ] }),
-        /* @__PURE__ */ e("div", { className: r.tableWrapper, children: /* @__PURE__ */ s("table", { className: r.table, children: [
-          /* @__PURE__ */ e("thead", { className: r.tableHead, children: /* @__PURE__ */ s("tr", { children: [
-            /* @__PURE__ */ e("th", { className: r.featureLabelHeader, children: "Features" }),
-            d.map((a, l) => /* @__PURE__ */ e("th", { children: /* @__PURE__ */ s(
-              "div",
+      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: r.columnHeader,
-                "data-highlighted": a.highlighted,
+                className: `${e.headerCell} ${s.highlighted ? e.highlighted : ""}`,
                 children: [
-                  a.badge && /* @__PURE__ */ e("span", { className: r.columnBadge, children: a.badge }),
-                  /* @__PURE__ */ e("h3", { className: r.columnTitle, children: a.title }),
-                  a.subtitle && /* @__PURE__ */ e("p", { className: r.columnSubtitle, children: a.subtitle }),
-                  a.ctaLabel && a.ctaHref && /* @__PURE__ */ e("div", { className: r.columnCta, children: /* @__PURE__ */ e("a", { href: a.ctaHref, className: r.ctaButton, children: a.ctaLabel }) })
+                  s.title,
+                  s.badge && /* @__PURE__ */ a("span", { className: e.badge, children: s.badge })
                 ]
-              }
-            ) }, l))
+              },
+              s.title
+            ))
           ] }) }),
-          /* @__PURE__ */ e("tbody", { className: r.tableBody, children: Object.entries(y).map(
-            ([a, l]) => /* @__PURE__ */ s(C.Fragment, { children: [
-              o && a && /* @__PURE__ */ e("tr", { className: r.categoryRow, children: /* @__PURE__ */ e("td", { colSpan: d.length + 1, children: a }) }),
-              l.map((c, k) => /* @__PURE__ */ s("tr", { children: [
-                /* @__PURE__ */ s("td", { children: [
-                  /* @__PURE__ */ e("div", { className: r.featureName, children: c.name }),
-                  p && c.description && /* @__PURE__ */ e("div", { className: r.featureDescription, children: c.description })
-                ] }),
-                c.values.map((x, m) => /* @__PURE__ */ e(
-                  "td",
-                  {
-                    className: r.valueCell,
-                    "data-highlighted": d[m]?.highlighted,
-                    children: v(x)
-                  },
-                  m
-                ))
-              ] }, k))
-            ] }, a || "default")
-          ) })
-        ] }) })
+          /* @__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)) })
+        ] })
       ] })
     }
-  );
-};
-F.displayName = "Comparison";
+  )
+);
+N.displayName = "Comparison";
 export {
-  F as Comparison
+  N as Comparison
 };

package/dist/blocks/sections/Comparison/Comparison.module.css

@@ -1 +1 @@
-._comparison_v9wrv_5{padding:var(--spacing-16) var(--spacing-4)}._comparison_v9wrv_5[data-background=base]{background:var(--surface-base)}._comparison_v9wrv_5[data-background=subtle]{background:var(--surface-subtle)}._comparison_v9wrv_5[data-background=none]{background:transparent}._container_v9wrv_21{max-width:var(--container-width, 1200px);margin:0 auto}._header_v9wrv_26{text-align:center;margin-bottom:var(--spacing-12)}._eyebrow_v9wrv_31{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-brand);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}._title_v9wrv_41{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;line-height:1.2;letter-spacing:-.01em}._description_v9wrv_51{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:640px;margin:0 auto}._tableWrapper_v9wrv_59{overflow-x:auto;border-radius:var(--radius-container);border:1px solid var(--border-subtle)}._table_v9wrv_59{width:100%;border-collapse:collapse;min-width:600px}._tableHead_v9wrv_72{background:var(--surface-base)}._comparison_v9wrv_5[data-sticky=true] ._tableHead_v9wrv_72{position:sticky;top:0;z-index:10;background:var(--surface-base)}._tableHead_v9wrv_72 th{padding:var(--spacing-8) var(--spacing-6);text-align:center;vertical-align:bottom;border-bottom:1px solid var(--border-subtle)}._tableHead_v9wrv_72 th:first-child{text-align:left;width:280px}._columnHeader_v9wrv_96{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}._columnBadge_v9wrv_108{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-brand);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);border:1px solid var(--border-interactive);background:transparent}._columnTitle_v9wrv_119{font-family:var(--font-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0;line-height:1.2}._columnHeader_v9wrv_96[data-highlighted=true] ._columnTitle_v9wrv_119{color:var(--text-brand)}._columnSubtitle_v9wrv_132{font-family:var(--font-secondary);font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;letter-spacing:-.02em}._columnCta_v9wrv_141{margin-top:var(--spacing-4)}._ctaButton_v9wrv_145{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--radius-button, var(--radius-control));border:none;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}._columnHeader_v9wrv_96[data-highlighted=true] ._ctaButton_v9wrv_145{background:var(--interactive-primary);color:var(--interactive-primary-text)}._columnHeader_v9wrv_96[data-highlighted=true] ._ctaButton_v9wrv_145:hover{background:var(--interactive-primary-hover)}._columnHeader_v9wrv_96:not([data-highlighted=true]) ._ctaButton_v9wrv_145{background:var(--interactive-secondary);color:var(--interactive-secondary-text)}._columnHeader_v9wrv_96:not([data-highlighted=true]) ._ctaButton_v9wrv_145:hover{background:var(--interactive-secondary-hover)}._featureLabelHeader_v9wrv_181{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}._tableBody_v9wrv_190 tr{border-bottom:1px solid var(--border-subtle)}._tableBody_v9wrv_190 tr:last-child{border-bottom:none}._tableBody_v9wrv_190 td{padding:var(--spacing-4) var(--spacing-6);text-align:center;vertical-align:middle}._comparison_v9wrv_5[data-compact=true] ._tableBody_v9wrv_190 td{padding:var(--spacing-3) var(--spacing-4)}._tableBody_v9wrv_190 td:first-child{text-align:left}._categoryRow_v9wrv_213 td{background:var(--surface-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}._featureName_v9wrv_223{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}._featureDescription_v9wrv_229{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-1)}._valueCell_v9wrv_236{font-size:var(--font-size-sm);color:var(--text-secondary)}._valueCell_v9wrv_236[data-highlighted=true]{background:var(--soft-brand);color:var(--text-primary);font-weight:var(--font-weight-medium)}._checkIcon_v9wrv_248{display:inline-flex;color:var(--text-success);align-items:center;justify-content:center}._crossIcon_v9wrv_255{display:inline-flex;color:var(--text-tertiary);align-items:center;justify-content:center}@media(max-width:768px){._comparison_v9wrv_5{padding:var(--spacing-12) var(--spacing-4)}._title_v9wrv_41{font-size:clamp(1.75rem,6vw,2rem)}._tableHead_v9wrv_72 th:first-child{width:160px}._tableHead_v9wrv_72 th{padding:var(--spacing-4)}._columnTitle_v9wrv_119{font-size:var(--font-size-sm)}._columnSubtitle_v9wrv_132{font-size:var(--font-size-xl)}._tableBody_v9wrv_190 td{padding:var(--spacing-3) var(--spacing-4)}}
+._section_6j5uc_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_6j5uc_7{max-width:1200px;margin:0 auto}._title_6j5uc_12{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-8) 0;text-align:center}._table_6j5uc_21{width:100%;border-collapse:collapse}._headerRow_6j5uc_26{border-bottom:1px solid var(--border-subtle)}._headerCell_6j5uc_30{padding:var(--spacing-4) var(--spacing-4);font-family:var(--font-secondary);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);text-align:center}._headerCell_6j5uc_30:first-child{text-align:left}._highlighted_6j5uc_43{background:var(--surface-subtle);border-radius:var(--radius-sm) var(--radius-sm) 0 0}._badge_6j5uc_48{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background:var(--interactive-primary);color:var(--interactive-primary-text);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;margin-left:var(--spacing-2);vertical-align:middle}._featureRow_6j5uc_60{border-bottom:1px solid var(--border-subtle)}._featureRow_6j5uc_60:last-child{border-bottom:none}._featureName_6j5uc_68{padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--text-primary);text-align:left}._featureValue_6j5uc_76{padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--text-secondary);text-align:center}._featureValue_6j5uc_76._highlightedCol_6j5uc_84{background:var(--surface-subtle)}._checkIcon_6j5uc_88{color:var(--status-success);font-weight:700}._crossIcon_6j5uc_93{color:var(--text-tertiary)}