@orion-ds/react 4.2.14 → 4.3.7

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

@@ -0,0 +1,129 @@
+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(
+  ({
+    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,
+            {
+              conversations: s,
+              activeConversationId: c,
+              onSelectConversation: h,
+              onNewConversation: u,
+              onDeleteConversation: S,
+              collapsed: C,
+              onCollapsedChange: p
+            }
+          ),
+          /* @__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
+              }
+            )
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+k.displayName = "ChatSection";
+export {
+  k as ChatSection
+};

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+/**
+ * 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';
+//# sourceMappingURL=Chat.types%202.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.types 2.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/Chat.types 2.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,cAAc,GACf,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * 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';
+//# sourceMappingURL=Chat.types.d.ts.map

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

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

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

@@ -0,0 +1,19 @@
+/**
+ * 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';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

@@ -0,0 +1,8 @@
+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>;
+//# sourceMappingURL=Comparison.d.ts.map

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

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

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

@@ -0,0 +1,110 @@
+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(
+    "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",
+              {
+                className: r.columnHeader,
+                "data-highlighted": a.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 }) })
+                ]
+              }
+            ) }, l))
+          ] }) }),
+          /* @__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")
+          ) })
+        ] }) })
+      ] })
+    }
+  );
+};
+F.displayName = "Comparison";
+export {
+  F as Comparison
+};

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

@@ -0,0 +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)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_comparison_v9wrv_5",t="_container_v9wrv_21",o="_header_v9wrv_26",c="_eyebrow_v9wrv_31",a="_title_v9wrv_41",r="_description_v9wrv_51",n="_tableWrapper_v9wrv_59",l="_table_v9wrv_59",_="_tableHead_v9wrv_72",v="_columnHeader_v9wrv_96",u="_columnBadge_v9wrv_108",s="_columnTitle_v9wrv_119",i="_columnSubtitle_v9wrv_132",d="_columnCta_v9wrv_141",w="_ctaButton_v9wrv_145",b="_featureLabelHeader_v9wrv_181",m="_tableBody_v9wrv_190",p="_categoryRow_v9wrv_213",f="_featureName_v9wrv_223",y="_featureDescription_v9wrv_229",B="_valueCell_v9wrv_236",H="_checkIcon_v9wrv_248",g="_crossIcon_v9wrv_255",h={comparison:e,container:t,header:o,eyebrow:c,title:a,description:r,tableWrapper:n,table:l,tableHead:_,columnHeader:v,columnBadge:u,columnTitle:s,columnSubtitle:i,columnCta:d,ctaButton:w,featureLabelHeader:b,tableBody:m,categoryRow:p,featureName:f,featureDescription:y,valueCell:B,checkIcon:H,crossIcon:g};exports.categoryRow=p;exports.checkIcon=H;exports.columnBadge=u;exports.columnCta=d;exports.columnHeader=v;exports.columnSubtitle=i;exports.columnTitle=s;exports.comparison=e;exports.container=t;exports.crossIcon=g;exports.ctaButton=w;exports.default=h;exports.description=r;exports.eyebrow=c;exports.featureDescription=y;exports.featureLabelHeader=b;exports.featureName=f;exports.header=o;exports.table=l;exports.tableBody=m;exports.tableHead=_;exports.tableWrapper=n;exports.title=a;exports.valueCell=B;

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

@@ -0,0 +1,51 @@
+const e = "_comparison_v9wrv_5", t = "_container_v9wrv_21", o = "_header_v9wrv_26", c = "_eyebrow_v9wrv_31", r = "_title_v9wrv_41", _ = "_description_v9wrv_51", a = "_tableWrapper_v9wrv_59", n = "_table_v9wrv_59", l = "_tableHead_v9wrv_72", v = "_columnHeader_v9wrv_96", s = "_columnBadge_v9wrv_108", u = "_columnTitle_v9wrv_119", w = "_columnSubtitle_v9wrv_132", i = "_columnCta_v9wrv_141", d = "_ctaButton_v9wrv_145", b = "_featureLabelHeader_v9wrv_181", m = "_tableBody_v9wrv_190", p = "_categoryRow_v9wrv_213", f = "_featureName_v9wrv_223", y = "_featureDescription_v9wrv_229", B = "_valueCell_v9wrv_236", H = "_checkIcon_v9wrv_248", g = "_crossIcon_v9wrv_255", h = {
+  comparison: e,
+  container: t,
+  header: o,
+  eyebrow: c,
+  title: r,
+  description: _,
+  tableWrapper: a,
+  table: n,
+  tableHead: l,
+  columnHeader: v,
+  columnBadge: s,
+  columnTitle: u,
+  columnSubtitle: w,
+  columnCta: i,
+  ctaButton: d,
+  featureLabelHeader: b,
+  tableBody: m,
+  categoryRow: p,
+  featureName: f,
+  featureDescription: y,
+  valueCell: B,
+  checkIcon: H,
+  crossIcon: g
+};
+export {
+  p as categoryRow,
+  H as checkIcon,
+  s as columnBadge,
+  i as columnCta,
+  v as columnHeader,
+  w as columnSubtitle,
+  u as columnTitle,
+  e as comparison,
+  t as container,
+  g as crossIcon,
+  d as ctaButton,
+  h as default,
+  _ as description,
+  c as eyebrow,
+  y as featureDescription,
+  b as featureLabelHeader,
+  f as featureName,
+  o as header,
+  n as table,
+  m as tableBody,
+  l as tableHead,
+  a as tableWrapper,
+  r as title,
+  B as valueCell
+};

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

@@ -0,0 +1,120 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Feature row for comparison
+ */
+export interface ComparisonFeature {
+    /**
+     * Feature name/label
+     */
+    name: string;
+    /**
+     * Feature description (optional)
+     */
+    description?: string;
+    /**
+     * Feature category for grouping
+     */
+    category?: string;
+    /**
+     * Values for each column (true/false for boolean, string for text)
+     */
+    values: (boolean | string | ReactNode)[];
+}
+/**
+ * Column header for comparison
+ */
+export interface ComparisonColumn {
+    /**
+     * Column title (product/plan name)
+     */
+    title: string;
+    /**
+     * Column subtitle (price, etc.)
+     */
+    subtitle?: string;
+    /**
+     * Highlight this column
+     */
+    highlighted?: boolean;
+    /**
+     * Badge text (e.g., "Popular", "Best Value")
+     */
+    badge?: string;
+    /**
+     * CTA button label
+     */
+    ctaLabel?: string;
+    /**
+     * CTA button href
+     */
+    ctaHref?: string;
+}
+/**
+ * Comparison section props
+ *
+ * @example
+ * ```tsx
+ * <Comparison
+ *   title="Compare Plans"
+ *   columns={[
+ *     { title: "Basic", subtitle: "$9/mo" },
+ *     { title: "Pro", subtitle: "$29/mo", highlighted: true, badge: "Popular" },
+ *     { title: "Enterprise", subtitle: "Custom" },
+ *   ]}
+ *   features={[
+ *     { name: "Users", values: ["1", "5", "Unlimited"] },
+ *     { name: "Storage", values: ["10GB", "100GB", "Unlimited"] },
+ *     { name: "Support", values: [false, true, true] },
+ *   ]}
+ * />
+ * ```
+ */
+export interface ComparisonProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional eyebrow text
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Column definitions
+     */
+    columns: ComparisonColumn[];
+    /**
+     * Feature rows
+     */
+    features: ComparisonFeature[];
+    /**
+     * Show category headers
+     * @default true
+     */
+    showCategories?: boolean;
+    /**
+     * Show row descriptions
+     * @default false
+     */
+    showDescriptions?: boolean;
+    /**
+     * Sticky header
+     * @default true
+     */
+    stickyHeader?: boolean;
+    /**
+     * Background style
+     * @default 'base'
+     */
+    background?: "base" | "subtle" | "none";
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+}
+//# sourceMappingURL=Comparison.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Comparison.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Comparison/Comparison.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,EAAE,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,CACR;IACC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAE9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -0,0 +1,3 @@
+export { Comparison } from './Comparison';
+export type { ComparisonProps, ComparisonFeature, ComparisonColumn, } from './Comparison.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/blocks/sections/Contact/Contact.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),l=require("./Contact.module.css.cjs"),I=require("../../../sections/Section/Section.cjs"),M=require("../../../sections/Container/Container.cjs"),R=require("../../../components/Textarea/Textarea.cjs"),T=require("../../../components/Field/Field.cjs"),k=require("../../../components/Button/Button.cjs"),z=[{name:"name",label:"Name",type:"text",required:!0,placeholder:"Your name"},{name:"email",label:"Email",type:"email",required:!0,placeholder:"your@email.com"},{name:"message",label:"Message",type:"textarea",required:!0,placeholder:"How can we help?",rows:4}],x=r.forwardRef(({eyebrow:n,title:c,description:o,contactInfo:d,formFields:j=z,onSubmit:u,submitButton:p,submitText:f="Send Message",layout:m="split",background:N="subtle",additionalContent:i,className:v,...b},g)=>{const q=n||c||o,C=d&&d.length>0,[t,y]=r.useState({}),h=r.useCallback((e,s)=>{y(D=>({...D,[e]:s}))},[]),F=r.useCallback(e=>{e.preventDefault(),u&&u(t)},[t,u]),S=[l.default.contact,l.default[`layout-${m}`],v].filter(Boolean).join(" "),w=()=>a.jsxs("form",{className:l.default.form,onSubmit:F,children:[a.jsx("div",{className:l.default.formFields,children:j.map(e=>e.type==="textarea"?a.jsx(R.Textarea,{label:e.label,name:e.name,placeholder:e.placeholder,required:e.required,rows:e.rows||4,value:t[e.name]||"",onChange:s=>h(e.name,s.target.value),className:l.default.formField},e.name):a.jsx(T.Field,{label:e.label,name:e.name,type:e.type||"text",placeholder:e.placeholder,required:e.required,value:t[e.name]||"",onChange:s=>h(e.name,s.target.value),className:l.default.formField},e.name))}),a.jsx("div",{className:l.default.formAction,children:p||a.jsx(k.Button,{type:"submit",size:"lg",children:f})})]}),B=()=>a.jsxs("div",{className:l.default.contactInfo,children:[d?.map((e,s)=>a.jsxs("div",{className:l.default.infoItem,children:[e.icon&&a.jsx("div",{className:l.default.infoIcon,children:e.icon}),a.jsxs("div",{className:l.default.infoContent,children:[a.jsx("span",{className:l.default.infoLabel,children:e.label}),e.href?a.jsx("a",{href:e.href,className:l.default.infoValue,children:e.value}):a.jsx("span",{className:l.default.infoValue,children:e.value})]})]},e.label||s)),i&&a.jsx("div",{className:l.default.additionalContent,children:i})]});return a.jsx(I.Section,{ref:g,spacing:"lg",background:N,className:S,...b,children:a.jsxs(M.Container,{size:"lg",children:[q&&a.jsxs("header",{className:l.default.header,children:[n&&a.jsx("div",{className:l.default.eyebrow,children:n}),c&&a.jsx("h2",{className:l.default.title,children:c}),o&&a.jsx("p",{className:l.default.description,children:o})]}),a.jsxs("div",{className:l.default.content,children:[m!=="form-only"&&C&&B(),w()]})]})})});x.displayName="Contact";exports.Contact=x;

package/dist/blocks/sections/Contact/Contact.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/Contact.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAgCtE,eAAO,MAAM,OAAO,sGA4InB,CAAC"}