@orion-ds/react 4.5.0 → 4.6.0

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

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_section_6j5uc_1",t="_container_6j5uc_7",c="_title_6j5uc_12",o="_table_6j5uc_21",a="_headerRow_6j5uc_26",_="_headerCell_6j5uc_30",l="_highlighted_6j5uc_43",n="_badge_6j5uc_48",u="_featureRow_6j5uc_60",h="_featureName_6j5uc_68",r="_featureValue_6j5uc_76",s="_highlightedCol_6j5uc_84",i="_checkIcon_6j5uc_88",d="_crossIcon_6j5uc_93",g={section:e,container:t,title:c,table:o,headerRow:a,headerCell:_,highlighted:l,badge:n,featureRow:u,featureName:h,featureValue:r,highlightedCol:s,checkIcon:i,crossIcon:d};exports.badge=n;exports.checkIcon=i;exports.container=t;exports.crossIcon=d;exports.default=g;exports.featureName=h;exports.featureRow=u;exports.featureValue=r;exports.headerCell=_;exports.headerRow=a;exports.highlighted=l;exports.highlightedCol=s;exports.section=e;exports.table=o;exports.title=c;

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

@@ -1,51 +1,33 @@
-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
+const e = "_section_6j5uc_1", c = "_container_6j5uc_7", t = "_title_6j5uc_12", _ = "_table_6j5uc_21", o = "_headerRow_6j5uc_26", a = "_headerCell_6j5uc_30", n = "_highlighted_6j5uc_43", h = "_badge_6j5uc_48", s = "_featureRow_6j5uc_60", u = "_featureName_6j5uc_68", l = "_featureValue_6j5uc_76", r = "_highlightedCol_6j5uc_84", i = "_checkIcon_6j5uc_88", d = "_crossIcon_6j5uc_93", g = {
+  section: e,
+  container: c,
+  title: t,
+  table: _,
+  headerRow: o,
+  headerCell: a,
+  highlighted: n,
+  badge: h,
+  featureRow: s,
+  featureName: u,
+  featureValue: l,
+  highlightedCol: r,
+  checkIcon: i,
+  crossIcon: d
 };
 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
+  h as badge,
+  i as checkIcon,
+  c as container,
+  d as crossIcon,
+  g as default,
+  u as featureName,
+  s as featureRow,
+  l as featureValue,
+  a as headerCell,
+  o as headerRow,
+  n as highlighted,
+  r as highlightedCol,
+  e as section,
+  _ as table,
+  t as title
 };

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Comparison.types').ComparisonProps & 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 TwoColumn: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Comparison.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Comparison.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Comparison/Comparison.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoBnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}

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

@@ -1,120 +1,22 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes } 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
-     */
+export interface ComparisonFeature {
+    name: string;
+    values: (boolean | string)[];
+}
+export interface ComparisonProps extends HTMLAttributes<HTMLElement> {
+    /** Section heading */
+    title: string;
+    /** Column definitions */
     columns: ComparisonColumn[];
-    /**
-     * Feature rows
-     */
+    /** Feature rows with values per column */
     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;
+    /** Additional class name */
+    className?: string;
 }
 //# sourceMappingURL=Comparison.types.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Comparison.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Comparison/Comparison.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,0CAA0C;IAC1C,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -1 +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"}
+{"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,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,oBAAoB,CAAC"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/Contact.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,sGAoCnB,CAAC"}

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

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

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

@@ -1 +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)}}
+._section_hawlk_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_hawlk_7{max-width:1200px;margin:0 auto}._header_hawlk_12{text-align:center;margin-bottom:var(--spacing-8)}._title_hawlk_17{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-2) 0}._description_hawlk_25{font-family:var(--font-secondary);font-size:var(--font-size-md);color:var(--text-secondary);max-width:600px;margin:0 auto}._infoGrid_hawlk_35{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-6)}._infoCard_hawlk_41{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-container);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}._infoLabel_hawlk_51{font-family:var(--font-secondary);font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}._infoValue_hawlk_61{font-family:var(--font-secondary);font-size:var(--font-size-md);color:var(--text-primary);font-weight:500;margin:0}._infoLink_hawlk_69{font-family:var(--font-secondary);font-size:var(--font-size-md);color:var(--interactive-primary);font-weight:500;text-decoration:none;transition:color .15s ease}._infoLink_hawlk_69:hover{color:var(--interactive-primary-hover)}

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

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_section_hawlk_1",i="_container_hawlk_7",o="_header_hawlk_12",e="_title_hawlk_17",t="_description_hawlk_25",a="_infoGrid_hawlk_35",_="_infoCard_hawlk_41",l="_infoLabel_hawlk_51",c="_infoValue_hawlk_61",r="_infoLink_hawlk_69",s={section:n,container:i,header:o,title:e,description:t,infoGrid:a,infoCard:_,infoLabel:l,infoValue:c,infoLink:r};exports.container=i;exports.default=s;exports.description=t;exports.header=o;exports.infoCard=_;exports.infoGrid=a;exports.infoLabel=l;exports.infoLink=r;exports.infoValue=c;exports.section=n;exports.title=e;

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

@@ -1,42 +1,25 @@
-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,
+const n = "_section_hawlk_1", i = "_container_hawlk_7", o = "_header_hawlk_12", _ = "_title_hawlk_17", t = "_description_hawlk_25", a = "_infoGrid_hawlk_35", e = "_infoCard_hawlk_41", l = "_infoLabel_hawlk_51", c = "_infoValue_hawlk_61", s = "_infoLink_hawlk_69", f = {
+  section: n,
+  container: i,
+  header: o,
   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,
+  description: t,
+  infoGrid: a,
+  infoCard: e,
   infoLabel: l,
-  infoValue: u,
-  additionalContent: r,
-  form: d,
-  formFields: g,
-  formField: q,
-  formAction: m
+  infoValue: c,
+  infoLink: s
 };
 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,
+  i as container,
+  f as default,
+  t as description,
+  o as header,
+  e as infoCard,
+  a as infoGrid,
   l as infoLabel,
-  u as infoValue,
+  s as infoLink,
+  c as infoValue,
+  n as section,
   _ as title
 };

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Contact.types').ContactProps & 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 WithInfo: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Contact.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Contact.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/Contact.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC"}