@orion-ds/react 4.2.14 → 4.3.1

package/dist/blocks/sections/Contact/Contact.mjs

@@ -0,0 +1,120 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as z, useState as B, useCallback as u } from "react";
+import a from "./Contact.module.css.mjs";
+import { Section as H } from "../../../sections/Section/Section.mjs";
+import { Container as M } from "../../../sections/Container/Container.mjs";
+import { Textarea as V } from "../../../components/Textarea/Textarea.mjs";
+import { Field as k } from "../../../components/Field/Field.mjs";
+import { Button as A } from "../../../components/Button/Button.mjs";
+const E = [
+  {
+    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
+  }
+], L = z(
+  ({
+    eyebrow: t,
+    title: m,
+    description: c,
+    contactInfo: o,
+    formFields: N = E,
+    onSubmit: i,
+    submitButton: v,
+    submitText: g = "Send Message",
+    layout: d = "split",
+    background: b = "subtle",
+    additionalContent: h,
+    className: f,
+    ...y
+  }, C) => {
+    const x = t || m || c, F = o && o.length > 0, [s, q] = B({}), p = u((e, l) => {
+      q((S) => ({ ...S, [e]: l }));
+    }, []), w = u(
+      (e) => {
+        e.preventDefault(), i && i(s);
+      },
+      [s, i]
+    ), j = [a.contact, a[`layout-${d}`], f].filter(Boolean).join(" "), D = () => /* @__PURE__ */ n("form", { className: a.form, onSubmit: w, children: [
+      /* @__PURE__ */ r("div", { className: a.formFields, children: N.map((e) => e.type === "textarea" ? /* @__PURE__ */ r(
+        V,
+        {
+          label: e.label,
+          name: e.name,
+          placeholder: e.placeholder,
+          required: e.required,
+          rows: e.rows || 4,
+          value: s[e.name] || "",
+          onChange: (l) => p(e.name, l.target.value),
+          className: a.formField
+        },
+        e.name
+      ) : /* @__PURE__ */ r(
+        k,
+        {
+          label: e.label,
+          name: e.name,
+          type: e.type || "text",
+          placeholder: e.placeholder,
+          required: e.required,
+          value: s[e.name] || "",
+          onChange: (l) => p(e.name, l.target.value),
+          className: a.formField
+        },
+        e.name
+      )) }),
+      /* @__PURE__ */ r("div", { className: a.formAction, children: v || /* @__PURE__ */ r(A, { type: "submit", size: "lg", children: g }) })
+    ] }), I = () => /* @__PURE__ */ n("div", { className: a.contactInfo, children: [
+      o?.map((e, l) => /* @__PURE__ */ n("div", { className: a.infoItem, children: [
+        e.icon && /* @__PURE__ */ r("div", { className: a.infoIcon, children: e.icon }),
+        /* @__PURE__ */ n("div", { className: a.infoContent, children: [
+          /* @__PURE__ */ r("span", { className: a.infoLabel, children: e.label }),
+          e.href ? /* @__PURE__ */ r("a", { href: e.href, className: a.infoValue, children: e.value }) : /* @__PURE__ */ r("span", { className: a.infoValue, children: e.value })
+        ] })
+      ] }, e.label || l)),
+      h && /* @__PURE__ */ r("div", { className: a.additionalContent, children: h })
+    ] });
+    return /* @__PURE__ */ r(
+      H,
+      {
+        ref: C,
+        spacing: "lg",
+        background: b,
+        className: j,
+        ...y,
+        children: /* @__PURE__ */ n(M, { size: "lg", children: [
+          x && /* @__PURE__ */ n("header", { className: a.header, children: [
+            t && /* @__PURE__ */ r("div", { className: a.eyebrow, children: t }),
+            m && /* @__PURE__ */ r("h2", { className: a.title, children: m }),
+            c && /* @__PURE__ */ r("p", { className: a.description, children: c })
+          ] }),
+          /* @__PURE__ */ n("div", { className: a.content, children: [
+            d !== "form-only" && F && I(),
+            D()
+          ] })
+        ] })
+      }
+    );
+  }
+);
+L.displayName = "Contact";
+export {
+  L as Contact
+};

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

@@ -0,0 +1 @@
+._contact_qu39g_8{position:relative}._header_qu39g_16{margin-bottom:var(--spacing-12);text-align:center}._eyebrow_qu39g_21{margin-bottom:var(--spacing-4)}._title_qu39g_25{font-family:var(--font-primary);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}._description_qu39g_34{font-family:var(--font-secondary);font-size:var(--font-size-18);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}._content_qu39g_47{display:grid;gap:var(--spacing-12)}._layout-split_qu39g_53 ._content_qu39g_47{grid-template-columns:1fr 1.5fr;align-items:start}._layout-stacked_qu39g_59 ._content_qu39g_47{grid-template-columns:1fr}._layout-stacked_qu39g_59 ._contactInfo_qu39g_63{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-8)}._layout-stacked_qu39g_59 ._infoItem_qu39g_70{flex:0 0 auto}._layout-form-only_qu39g_75 ._content_qu39g_47{max-width:600px;margin:0 auto}._contactInfo_qu39g_63{display:flex;flex-direction:column;gap:var(--spacing-6)}._infoItem_qu39g_70{display:flex;gap:var(--spacing-4);align-items:flex-start}._infoIcon_qu39g_96{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-layer);border-radius:var(--radius-control);color:var(--interactive-primary);flex-shrink:0}._infoContent_qu39g_108{display:flex;flex-direction:column;gap:var(--spacing-1)}._infoLabel_qu39g_114{font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}._infoValue_qu39g_123{font-family:var(--font-secondary);font-size:var(--font-size-16);color:var(--text-primary);text-decoration:none}a._infoValue_qu39g_123:hover{color:var(--interactive-primary)}._additionalContent_qu39g_134{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-subtle)}._form_qu39g_144{display:flex;flex-direction:column;gap:var(--spacing-6)}._formFields_qu39g_150{display:flex;flex-direction:column;gap:var(--spacing-4)}._formField_qu39g_150{width:100%}._formAction_qu39g_160{margin-top:var(--spacing-2)}._formAction_qu39g_160>*{width:100%}@media(max-width:768px){._layout-split_qu39g_53 ._content_qu39g_47{grid-template-columns:1fr}._contactInfo_qu39g_63{order:-1}._layout-stacked_qu39g_59 ._contactInfo_qu39g_63{flex-direction:column;align-items:center}._header_qu39g_16{margin-bottom:var(--spacing-8)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_contact_qu39g_8",t="_header_qu39g_16",n="_eyebrow_qu39g_21",e="_title_qu39g_25",_="_description_qu39g_34",i="_content_qu39g_47",c="_contactInfo_qu39g_63",f="_infoItem_qu39g_70",l="_infoIcon_qu39g_96",a="_infoContent_qu39g_108",u="_infoLabel_qu39g_114",s="_infoValue_qu39g_123",r="_additionalContent_qu39g_134",d="_form_qu39g_144",m="_formFields_qu39g_150",g="_formField_qu39g_150",q="_formAction_qu39g_160",y={contact:o,header:t,eyebrow:n,title:e,description:_,content:i,"layout-split":"_layout-split_qu39g_53","layout-stacked":"_layout-stacked_qu39g_59",contactInfo:c,infoItem:f,"layout-form-only":"_layout-form-only_qu39g_75",infoIcon:l,infoContent:a,infoLabel:u,infoValue:s,additionalContent:r,form:d,formFields:m,formField:g,formAction:q};exports.additionalContent=r;exports.contact=o;exports.contactInfo=c;exports.content=i;exports.default=y;exports.description=_;exports.eyebrow=n;exports.form=d;exports.formAction=q;exports.formField=g;exports.formFields=m;exports.header=t;exports.infoContent=a;exports.infoIcon=l;exports.infoItem=f;exports.infoLabel=u;exports.infoValue=s;exports.title=e;

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

@@ -0,0 +1,42 @@
+const o = "_contact_qu39g_8", t = "_header_qu39g_16", n = "_eyebrow_qu39g_21", _ = "_title_qu39g_25", e = "_description_qu39g_34", c = "_content_qu39g_47", i = "_contactInfo_qu39g_63", f = "_infoItem_qu39g_70", a = "_infoIcon_qu39g_96", s = "_infoContent_qu39g_108", l = "_infoLabel_qu39g_114", u = "_infoValue_qu39g_123", r = "_additionalContent_qu39g_134", d = "_form_qu39g_144", g = "_formFields_qu39g_150", q = "_formField_qu39g_150", m = "_formAction_qu39g_160", y = {
+  contact: o,
+  header: t,
+  eyebrow: n,
+  title: _,
+  description: e,
+  content: c,
+  "layout-split": "_layout-split_qu39g_53",
+  "layout-stacked": "_layout-stacked_qu39g_59",
+  contactInfo: i,
+  infoItem: f,
+  "layout-form-only": "_layout-form-only_qu39g_75",
+  infoIcon: a,
+  infoContent: s,
+  infoLabel: l,
+  infoValue: u,
+  additionalContent: r,
+  form: d,
+  formFields: g,
+  formField: q,
+  formAction: m
+};
+export {
+  r as additionalContent,
+  o as contact,
+  i as contactInfo,
+  c as content,
+  y as default,
+  e as description,
+  n as eyebrow,
+  d as form,
+  m as formAction,
+  q as formField,
+  g as formFields,
+  t as header,
+  s as infoContent,
+  a as infoIcon,
+  f as infoItem,
+  l as infoLabel,
+  u as infoValue,
+  _ as title
+};

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

@@ -0,0 +1,133 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Contact layout variant
+ */
+export type ContactLayout = "split" | "stacked" | "form-only";
+/**
+ * Contact info item (phone, email, address, etc.)
+ */
+export interface ContactInfo {
+    /**
+     * Icon element for the contact method
+     */
+    icon?: ReactNode;
+    /**
+     * Label (e.g., "Email", "Phone", "Address")
+     */
+    label: string;
+    /**
+     * Value (e.g., "hello@example.com")
+     */
+    value: string;
+    /**
+     * Optional href for clickable items (mailto:, tel:)
+     */
+    href?: string;
+}
+/**
+ * Form field configuration
+ */
+export interface ContactFormField {
+    /**
+     * Field name (for form data)
+     */
+    name: string;
+    /**
+     * Field label
+     */
+    label: string;
+    /**
+     * Field type
+     * @default 'text'
+     */
+    type?: "text" | "email" | "tel" | "textarea";
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Whether the field is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Number of rows (for textarea only)
+     * @default 4
+     */
+    rows?: number;
+}
+/**
+ * Contact section props
+ *
+ * @example
+ * ```tsx
+ * <Contact
+ *   title="Get in touch"
+ *   description="We'd love to hear from you"
+ *   contactInfo={[
+ *     { icon: <Mail />, label: "Email", value: "hello@example.com", href: "mailto:hello@example.com" },
+ *     { icon: <Phone />, label: "Phone", value: "+1 (555) 000-0000", href: "tel:+15550000000" }
+ *   ]}
+ *   formFields={[
+ *     { name: "name", label: "Name", required: true },
+ *     { name: "email", label: "Email", type: "email", required: true },
+ *     { name: "message", label: "Message", type: "textarea", required: true }
+ *   ]}
+ *   onSubmit={(data) => console.log(data)}
+ * />
+ * ```
+ */
+export interface ContactProps extends Omit<HTMLAttributes<HTMLElement>, "title" | "onSubmit"> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Contact information items
+     */
+    contactInfo?: ContactInfo[];
+    /**
+     * Form fields configuration
+     */
+    formFields?: ContactFormField[];
+    /**
+     * Form submit handler - receives form data as an object
+     */
+    onSubmit?: (data: Record<string, string>) => void;
+    /**
+     * Custom submit button element
+     */
+    submitButton?: ReactNode;
+    /**
+     * Submit button text (if not using custom button)
+     * @default "Send Message"
+     */
+    submitText?: string;
+    /**
+     * Layout variant
+     * - split: Info on left, form on right
+     * - stacked: Info above form
+     * - form-only: Just the form, no contact info
+     * @default 'split'
+     */
+    layout?: ContactLayout;
+    /**
+     * Background style
+     * @default 'subtle'
+     */
+    background?: "base" | "subtle" | "none";
+    /**
+     * Additional content below contact info (e.g., social links, map)
+     */
+    additionalContent?: ReactNode;
+}
+//# sourceMappingURL=Contact.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Contact.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/Contact.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC;IAE7C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,GAAG,UAAU,CACrB;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,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAE5B;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEhC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAElD;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B"}

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

@@ -0,0 +1,6 @@
+/**
+ * Contact Component Exports
+ */
+export { Contact } from './Contact';
+export type { ContactProps, ContactInfo, ContactFormField, ContactLayout, } from './Contact.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,aAAa,GACd,MAAM,iBAAiB,CAAC"}

package/dist/blocks/sections/EmptyState/EmptyState.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),e=require("./EmptyState.module.css.cjs"),i=x.forwardRef(({icon:s,illustration:a,title:r,description:l,action:d,secondaryAction:c,variant:m="default",size:n="md",className:u,...f},o)=>{const j=[e.default.emptyState,e.default[`variant-${m}`],e.default[`size-${n}`],u].filter(Boolean).join(" ");return t.jsx("div",{ref:o,className:j,...f,children:t.jsxs("div",{className:e.default.content,children:[a&&t.jsx("div",{className:e.default.illustration,children:a}),s&&!a&&t.jsx("div",{className:e.default.icon,children:s}),t.jsxs("div",{className:e.default.text,children:[t.jsx("h3",{className:e.default.title,children:r}),l&&t.jsx("p",{className:e.default.description,children:l})]}),(d||c)&&t.jsxs("div",{className:e.default.actions,children:[d,c]})]})})});i.displayName="EmptyState";exports.EmptyState=i;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GAiDtB,CAAC"}

package/dist/blocks/sections/EmptyState/EmptyState.mjs

@@ -0,0 +1,40 @@
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import e from "./EmptyState.module.css.mjs";
+const v = f(
+  ({
+    icon: l,
+    illustration: a,
+    title: c,
+    description: i,
+    action: m,
+    secondaryAction: r,
+    variant: d = "default",
+    size: n = "md",
+    className: o,
+    ...N
+  }, h) => {
+    const p = [
+      e.emptyState,
+      e[`variant-${d}`],
+      e[`size-${n}`],
+      o
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s("div", { ref: h, className: p, ...N, children: /* @__PURE__ */ t("div", { className: e.content, children: [
+      a && /* @__PURE__ */ s("div", { className: e.illustration, children: a }),
+      l && !a && /* @__PURE__ */ s("div", { className: e.icon, children: l }),
+      /* @__PURE__ */ t("div", { className: e.text, children: [
+        /* @__PURE__ */ s("h3", { className: e.title, children: c }),
+        i && /* @__PURE__ */ s("p", { className: e.description, children: i })
+      ] }),
+      (m || r) && /* @__PURE__ */ t("div", { className: e.actions, children: [
+        m,
+        r
+      ] })
+    ] }) });
+  }
+);
+v.displayName = "EmptyState";
+export {
+  v as EmptyState
+};

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

@@ -0,0 +1 @@
+._emptyState_nu6tm_8{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--mode-spacing-block)}._content_nu6tm_16{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;gap:var(--mode-spacing-element)}._icon_nu6tm_29{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-control);background:var(--surface-subtle);color:var(--text-tertiary)}._illustration_nu6tm_40{display:flex;align-items:center;justify-content:center;max-width:200px;color:var(--text-tertiary)}._illustration_nu6tm_40>*{max-width:100%;height:auto}._text_nu6tm_57{display:flex;flex-direction:column;gap:var(--spacing-2)}._title_nu6tm_63{font-family:var(--font-secondary);font-size:var(--mode-text-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0}._description_nu6tm_72{font-family:var(--font-secondary);font-size:var(--mode-text-body);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}._actions_nu6tm_84{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-2)}._size-sm_nu6tm_97{padding:var(--mode-spacing-element)}._size-sm_nu6tm_97 ._content_nu6tm_16{max-width:300px;gap:var(--spacing-3)}._size-sm_nu6tm_97 ._icon_nu6tm_29{width:56px;height:56px}._size-sm_nu6tm_97 ._title_nu6tm_63{font-size:var(--font-size-16)}._size-sm_nu6tm_97 ._description_nu6tm_72{font-size:var(--font-size-13)}._size-lg_nu6tm_119{padding:var(--mode-spacing-section)}._size-lg_nu6tm_119 ._content_nu6tm_16{max-width:480px;gap:var(--spacing-8)}._size-lg_nu6tm_119 ._icon_nu6tm_29{width:96px;height:96px}._size-lg_nu6tm_119 ._illustration_nu6tm_40{max-width:280px}._variant-compact_nu6tm_141{padding:var(--spacing-6)}._variant-compact_nu6tm_141 ._content_nu6tm_16{max-width:320px;gap:var(--spacing-3)}._variant-compact_nu6tm_141 ._icon_nu6tm_29{width:48px;height:48px}._variant-compact_nu6tm_141 ._title_nu6tm_63{font-size:var(--font-size-14)}._variant-compact_nu6tm_141 ._description_nu6tm_72{font-size:var(--font-size-12)}._variant-full-page_nu6tm_167{min-height:60vh;padding:var(--spacing-16)}._variant-full-page_nu6tm_167 ._content_nu6tm_16{max-width:480px;gap:var(--spacing-8)}._variant-full-page_nu6tm_167 ._icon_nu6tm_29{width:96px;height:96px}._variant-full-page_nu6tm_167 ._illustration_nu6tm_40{max-width:320px}._variant-full-page_nu6tm_167 ._title_nu6tm_63{font-size:var(--font-size-24)}._variant-full-page_nu6tm_167 ._description_nu6tm_72{font-size:var(--font-size-16)}@media(max-width:640px){._emptyState_nu6tm_8{padding:var(--spacing-8)}._content_nu6tm_16{max-width:100%}._variant-full-page_nu6tm_167{min-height:50vh;padding:var(--spacing-8)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_emptyState_nu6tm_8",n="_content_nu6tm_16",e="_icon_nu6tm_29",i="_illustration_nu6tm_40",_="_text_nu6tm_57",o="_title_nu6tm_63",s="_description_nu6tm_72",c="_actions_nu6tm_84",a={emptyState:t,content:n,icon:e,illustration:i,text:_,title:o,description:s,actions:c,"size-sm":"_size-sm_nu6tm_97","size-lg":"_size-lg_nu6tm_119","variant-compact":"_variant-compact_nu6tm_141","variant-full-page":"_variant-full-page_nu6tm_167"};exports.actions=c;exports.content=n;exports.default=a;exports.description=s;exports.emptyState=t;exports.icon=e;exports.illustration=i;exports.text=_;exports.title=o;

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

@@ -0,0 +1,25 @@
+const t = "_emptyState_nu6tm_8", n = "_content_nu6tm_16", _ = "_icon_nu6tm_29", i = "_illustration_nu6tm_40", e = "_text_nu6tm_57", o = "_title_nu6tm_63", s = "_description_nu6tm_72", c = "_actions_nu6tm_84", a = {
+  emptyState: t,
+  content: n,
+  icon: _,
+  illustration: i,
+  text: e,
+  title: o,
+  description: s,
+  actions: c,
+  "size-sm": "_size-sm_nu6tm_97",
+  "size-lg": "_size-lg_nu6tm_119",
+  "variant-compact": "_variant-compact_nu6tm_141",
+  "variant-full-page": "_variant-full-page_nu6tm_167"
+};
+export {
+  c as actions,
+  n as content,
+  a as default,
+  s as description,
+  t as emptyState,
+  _ as icon,
+  i as illustration,
+  e as text,
+  o as title
+};

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

@@ -0,0 +1,65 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * EmptyState size variant
+ */
+export type EmptyStateSize = "sm" | "md" | "lg";
+/**
+ * EmptyState visual variant
+ */
+export type EmptyStateVariant = "default" | "compact" | "full-page";
+/**
+ * EmptyState section props
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   icon={<Inbox size={48} />}
+ *   title="No messages yet"
+ *   description="When you receive messages, they'll appear here."
+ *   action={<Button>Compose Message</Button>}
+ * />
+ * ```
+ */
+export interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Icon element to display
+     * Typically a Lucide icon with size 48-64
+     */
+    icon?: ReactNode;
+    /**
+     * Optional illustration element (larger visual)
+     * Use instead of icon for full-page variants
+     */
+    illustration?: ReactNode;
+    /**
+     * Main title/heading
+     */
+    title: string;
+    /**
+     * Description text providing context
+     */
+    description?: string;
+    /**
+     * Primary action button
+     */
+    action?: ReactNode;
+    /**
+     * Secondary action (link or button)
+     */
+    secondaryAction?: ReactNode;
+    /**
+     * Visual variant
+     * - default: Standard centered layout
+     * - compact: Smaller padding and text
+     * - full-page: Takes full viewport height
+     * @default 'default'
+     */
+    variant?: EmptyStateVariant;
+    /**
+     * Size variant affecting padding and typography
+     * @default 'md'
+     */
+    size?: EmptyStateSize;
+}
+//# sourceMappingURL=EmptyState.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;AAEpE;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB"}

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

@@ -0,0 +1,3 @@
+export { EmptyState } from './EmptyState';
+export type { EmptyStateProps, EmptyStateVariant, EmptyStateSize, } from './EmptyState.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/blocks/sections/FAQ/FAQ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),Q=require("./FAQItemCard.cjs"),a=require("./FAQ.module.css.cjs"),C=require("../../../sections/Section/Section.cjs"),O=require("../../../sections/Container/Container.cjs"),f=l.forwardRef(({eyebrow:n,title:o,description:d,items:u,columns:h=1,variant:r="accordion",allowMultiple:i=!0,background:m="base",centered:j=!0,className:g,...p},q)=>{const N=n||o||d,[S,x]=l.useState(()=>{const e=new Set;return u.forEach((c,t)=>{c.defaultOpen&&e.add(t)}),e}),A=l.useCallback(e=>{r==="accordion"&&x(c=>{const t=new Set(c);return t.has(e)?t.delete(e):(i||t.clear(),t.add(e)),t})},[r,i]),F=[a.default.faq,j&&a.default.centered,g].filter(Boolean).join(" ");return s.jsx(C.Section,{ref:q,spacing:"lg",background:m,className:F,...p,children:s.jsxs(O.Container,{size:"lg",children:[N&&s.jsxs("header",{className:a.default.header,children:[n&&s.jsx("div",{className:a.default.eyebrow,children:n}),o&&s.jsx("h2",{className:a.default.title,children:o}),d&&s.jsx("p",{className:a.default.description,children:d})]}),s.jsx("div",{className:`${a.default.list} ${r==="grid"?a.default[`cols-${h}`]:""}`,children:u.map((e,c)=>s.jsx(Q.FAQItemCard,{item:e,variant:r,isOpen:r==="accordion"?S.has(c):void 0,onToggle:r==="accordion"?()=>A(c):void 0},e.question||c))})]})})});f.displayName="FAQ";exports.FAQ=f;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/FAQ/FAQ.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAK5C,eAAO,MAAM,GAAG,kGAgGf,CAAC"}

package/dist/blocks/sections/FAQ/FAQ.mjs

@@ -0,0 +1,73 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as F, useState as I, useCallback as Q } from "react";
+import { FAQItemCard as $ } from "./FAQItemCard.mjs";
+import s from "./FAQ.module.css.mjs";
+import { Section as q } from "../../../sections/Section/Section.mjs";
+import { Container as T } from "../../../sections/Container/Container.mjs";
+const b = F(
+  ({
+    eyebrow: n,
+    title: t,
+    description: l,
+    items: d,
+    columns: f = 1,
+    variant: c = "accordion",
+    allowMultiple: m = !0,
+    background: h = "base",
+    centered: p = !0,
+    className: u,
+    ...g
+  }, N) => {
+    const O = n || t || l, [S, j] = I(() => {
+      const e = /* @__PURE__ */ new Set();
+      return d.forEach((o, r) => {
+        o.defaultOpen && e.add(r);
+      }), e;
+    }), A = Q(
+      (e) => {
+        c === "accordion" && j((o) => {
+          const r = new Set(o);
+          return r.has(e) ? r.delete(e) : (m || r.clear(), r.add(e)), r;
+        });
+      },
+      [c, m]
+    ), C = [s.faq, p && s.centered, u].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a(
+      q,
+      {
+        ref: N,
+        spacing: "lg",
+        background: h,
+        className: C,
+        ...g,
+        children: /* @__PURE__ */ i(T, { size: "lg", children: [
+          O && /* @__PURE__ */ i("header", { className: s.header, children: [
+            n && /* @__PURE__ */ a("div", { className: s.eyebrow, children: n }),
+            t && /* @__PURE__ */ a("h2", { className: s.title, children: t }),
+            l && /* @__PURE__ */ a("p", { className: s.description, children: l })
+          ] }),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: `${s.list} ${c === "grid" ? s[`cols-${f}`] : ""}`,
+              children: d.map((e, o) => /* @__PURE__ */ a(
+                $,
+                {
+                  item: e,
+                  variant: c,
+                  isOpen: c === "accordion" ? S.has(o) : void 0,
+                  onToggle: c === "accordion" ? () => A(o) : void 0
+                },
+                e.question || o
+              ))
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+b.displayName = "FAQ";
+export {
+  b as FAQ
+};

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

@@ -0,0 +1 @@
+._faq_11eca_8{position:relative}._header_11eca_16{margin-bottom:var(--spacing-12)}._centered_11eca_20 ._header_11eca_16{text-align:center}._centered_11eca_20 ._description_11eca_25{margin-left:auto;margin-right:auto}._eyebrow_11eca_31{margin-bottom:var(--spacing-4)}._title_11eca_35{font-family:var(--font-primary);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}._description_11eca_25{font-family:var(--font-secondary);font-size:var(--font-size-18);color:var(--text-secondary);max-width:600px;margin:0;line-height:var(--line-height-relaxed)}._list_11eca_57{display:flex;flex-direction:column}._cols-2_11eca_63{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-8)}._faqItem_11eca_73._variant-accordion_11eca_73{border-bottom:1px solid var(--border-subtle)}._faqItem_11eca_73._variant-accordion_11eca_73:first-child{border-top:1px solid var(--border-subtle)}._trigger_11eca_81{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-5) 0;background:transparent;border:none;cursor:pointer;text-align:left}._trigger_11eca_81:hover{background:transparent}._trigger_11eca_81:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px}._variant-accordion_11eca_73 ._question_11eca_103{font-family:var(--font-secondary);font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-normal)}._chevron_11eca_111{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-fast)}._open_11eca_117 ._chevron_11eca_111{transform:rotate(180deg)}._content_11eca_121{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-fast)}._open_11eca_117 ._content_11eca_121{grid-template-rows:1fr}._variant-accordion_11eca_73 ._answer_11eca_131{overflow:hidden;padding-bottom:0;transition:padding-bottom var(--transition-fast)}._open_11eca_117._variant-accordion_11eca_73 ._answer_11eca_131{padding-bottom:var(--spacing-5)}._variant-accordion_11eca_73 ._answer_11eca_131 p{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}._faqItem_11eca_73._variant-grid_11eca_153{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-6);background:var(--surface-subtle);border-radius:var(--radius-container)}._variant-grid_11eca_153 ._question_11eca_103{font-family:var(--font-secondary);font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-normal);margin:0}._variant-grid_11eca_153 ._answer_11eca_131{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);line-height:var(--line-height-relaxed)}._variant-grid_11eca_153 ._answer_11eca_131 p{margin:0}@media(max-width:768px){._cols-2_11eca_63{grid-template-columns:1fr}._header_11eca_16{margin-bottom:var(--spacing-8)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_faq_11eca_8",t="_header_11eca_16",c="_centered_11eca_20",n="_description_11eca_25",_="_eyebrow_11eca_31",o="_title_11eca_35",a="_list_11eca_57",r="_faqItem_11eca_73",s="_trigger_11eca_81",i="_question_11eca_103",d="_chevron_11eca_111",l="_open_11eca_117",g="_content_11eca_121",q="_answer_11eca_131",u={faq:e,header:t,centered:c,description:n,eyebrow:_,title:o,list:a,"cols-2":"_cols-2_11eca_63",faqItem:r,"variant-accordion":"_variant-accordion_11eca_73",trigger:s,question:i,chevron:d,open:l,content:g,answer:q,"variant-grid":"_variant-grid_11eca_153"};exports.answer=q;exports.centered=c;exports.chevron=d;exports.content=g;exports.default=u;exports.description=n;exports.eyebrow=_;exports.faq=e;exports.faqItem=r;exports.header=t;exports.list=a;exports.open=l;exports.question=i;exports.title=o;exports.trigger=s;

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

@@ -0,0 +1,36 @@
+const e = "_faq_11eca_8", t = "_header_11eca_16", _ = "_centered_11eca_20", c = "_description_11eca_25", n = "_eyebrow_11eca_31", a = "_title_11eca_35", o = "_list_11eca_57", r = "_faqItem_11eca_73", s = "_trigger_11eca_81", i = "_question_11eca_103", d = "_chevron_11eca_111", l = "_open_11eca_117", q = "_content_11eca_121", g = "_answer_11eca_131", f = {
+  faq: e,
+  header: t,
+  centered: _,
+  description: c,
+  eyebrow: n,
+  title: a,
+  list: o,
+  "cols-2": "_cols-2_11eca_63",
+  faqItem: r,
+  "variant-accordion": "_variant-accordion_11eca_73",
+  trigger: s,
+  question: i,
+  chevron: d,
+  open: l,
+  content: q,
+  answer: g,
+  "variant-grid": "_variant-grid_11eca_153"
+};
+export {
+  g as answer,
+  _ as centered,
+  d as chevron,
+  q as content,
+  f as default,
+  c as description,
+  n as eyebrow,
+  e as faq,
+  r as faqItem,
+  t as header,
+  o as list,
+  l as open,
+  i as question,
+  a as title,
+  s as trigger
+};