@orion-ds/react 4.2.13 → 4.3.1

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

@@ -0,0 +1,101 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * LogoCloud layout variant
+ */
+export type LogoCloudLayout = "grid" | "inline" | "marquee";
+/**
+ * Logo size variant
+ */
+export type LogoCloudSize = "sm" | "md" | "lg";
+/**
+ * Logo item data structure
+ */
+export interface LogoItem {
+    /**
+     * Logo element (typically an img or svg)
+     */
+    logo: ReactNode;
+    /**
+     * Company/brand name (for accessibility)
+     */
+    name: string;
+    /**
+     * Optional link URL
+     */
+    href?: string;
+}
+/**
+ * LogoCloud section props
+ *
+ * @example
+ * ```tsx
+ * <LogoCloud
+ *   title="Trusted by leading companies"
+ *   logos={[
+ *     { logo: <img src="/vercel.svg" alt="" />, name: "Vercel" },
+ *     { logo: <img src="/stripe.svg" alt="" />, name: "Stripe" },
+ *     { logo: <img src="/linear.svg" alt="" />, name: "Linear" }
+ *   ]}
+ *   layout="grid"
+ *   columns={5}
+ * />
+ * ```
+ */
+export interface LogoCloudProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of logo items
+     */
+    logos: LogoItem[];
+    /**
+     * Layout variant
+     * - grid: Fixed grid layout
+     * - inline: Flexible inline/wrap layout
+     * - marquee: Animated scrolling marquee
+     * @default 'inline'
+     */
+    layout?: LogoCloudLayout;
+    /**
+     * Number of columns (for grid layout)
+     * @default 5
+     */
+    columns?: 3 | 4 | 5 | 6;
+    /**
+     * Logo size
+     * @default 'md'
+     */
+    size?: LogoCloudSize;
+    /**
+     * Grayscale logos (colorize on hover)
+     * @default true
+     */
+    grayscale?: boolean;
+    /**
+     * Background style
+     * @default 'none'
+     */
+    background?: "base" | "subtle" | "none";
+    /**
+     * Center the content
+     * @default true
+     */
+    centered?: boolean;
+    /**
+     * Marquee animation speed (for marquee layout)
+     * @default 'normal'
+     */
+    marqueeSpeed?: "slow" | "normal" | "fast";
+}
+//# sourceMappingURL=LogoCloud.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogoCloud.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/LogoCloud/LogoCloud.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,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,KAAK,EAAE,QAAQ,EAAE,CAAC;IAElB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC3C"}

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

@@ -0,0 +1,6 @@
+/**
+ * LogoCloud Component Exports
+ */
+export { LogoCloud } from './LogoCloud';
+export type { LogoCloudProps, LogoItem, LogoCloudLayout, LogoCloudSize, } from './LogoCloud.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/LogoCloud/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,aAAa,GACd,MAAM,mBAAmB,CAAC"}

package/dist/blocks/sections/Newsletter/Newsletter.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),N=require("lucide-react"),s=require("./Newsletter.module.css.cjs"),D=require("../../../sections/Section/Section.cjs"),G=require("../../../sections/Container/Container.cjs"),p=require("../../../components/Card/Card.cjs"),S=require("../../../components/Button/Button.cjs"),H=require("../../../components/Field/Field.cjs"),b=a.forwardRef(({eyebrow:r,title:l,description:n,placeholder:v="Enter your email",buttonText:C="Subscribe",submitButton:q,onSubmit:c,disclaimer:i,layout:u="inline",size:o="md",background:g="subtle",centered:y=!0,successMessage:m,errorMessage:f,loading:h=!1,className:B,...w},z)=>{const E=r||l||n,[t,F]=a.useState(""),[R,k]=a.useState(!1),[I,j]=a.useState(!1),T=a.useCallback(d=>{d.preventDefault(),c&&t&&(c(t),k(!0),j(!1))},[t,c]),$=[s.default.newsletter,s.default[`layout-${u}`],s.default[`size-${o}`],y&&s.default.centered,B].filter(Boolean).join(" "),A=()=>R&&m?e.jsxs("div",{className:s.default.successState,children:[e.jsx(N.CheckCircle,{size:24,className:s.default.successIcon}),e.jsx("span",{children:m})]}):I&&f?e.jsxs("div",{className:s.default.errorState,children:[e.jsx(N.AlertCircle,{size:24,className:s.default.errorIcon}),e.jsx("span",{children:f}),e.jsx(S.Button,{variant:"ghost",size:"sm",onClick:()=>j(!1),children:"Try again"})]}):e.jsxs("form",{className:s.default.form,onSubmit:T,children:[e.jsxs("div",{className:s.default.inputGroup,children:[e.jsx(H.Field,{type:"email",placeholder:v,value:t,onChange:d=>F(d.target.value),required:!0,className:s.default.emailInput,"aria-label":"Email address"}),q||e.jsx(S.Button,{type:"submit",disabled:h||!t,className:s.default.submitButton,children:h?"Sending...":C})]}),i&&e.jsx("p",{className:s.default.disclaimer,children:i})]}),x=e.jsxs(e.Fragment,{children:[E&&e.jsxs("header",{className:s.default.header,children:[r&&e.jsx("div",{className:s.default.eyebrow,children:r}),l&&e.jsx("h2",{className:s.default.title,children:l}),n&&e.jsx("p",{className:s.default.description,children:n})]}),A()]});return e.jsx(D.Section,{ref:z,spacing:o==="lg"?"lg":"md",background:g,className:$,...w,children:e.jsx(G.Container,{size:"md",children:u==="card"?e.jsx(p.Card,{variant:"elevated",className:s.default.card,children:e.jsx(p.Card.Body,{className:s.default.cardBody,children:x})}):x})})});b.displayName="Newsletter";exports.Newsletter=b;

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

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

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

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

package/dist/blocks/sections/Newsletter/Newsletter.mjs

@@ -0,0 +1,97 @@
+import { jsx as r, jsxs as a, Fragment as G } from "react/jsx-runtime";
+import { forwardRef as H, useState as m, useCallback as R } from "react";
+import { CheckCircle as T, AlertCircle as J } from "lucide-react";
+import e from "./Newsletter.module.css.mjs";
+import { Section as K } from "../../../sections/Section/Section.mjs";
+import { Container as L } from "../../../sections/Container/Container.mjs";
+import { Card as b } from "../../../components/Card/Card.mjs";
+import { Button as C } from "../../../components/Button/Button.mjs";
+import { Field as O } from "../../../components/Field/Field.mjs";
+const P = H(
+  ({
+    eyebrow: t,
+    title: l,
+    description: i,
+    placeholder: y = "Enter your email",
+    buttonText: S = "Subscribe",
+    submitButton: g,
+    onSubmit: n,
+    disclaimer: o,
+    layout: d = "inline",
+    size: h = "md",
+    background: B = "subtle",
+    centered: z = !0,
+    successMessage: u,
+    errorMessage: f,
+    loading: p = !1,
+    className: E,
+    ...j
+  }, k) => {
+    const w = t || l || i, [s, x] = m(""), [F, I] = m(!1), [$, N] = m(!1), q = R(
+      (c) => {
+        c.preventDefault(), n && s && (n(s), I(!0), N(!1));
+      },
+      [s, n]
+    ), A = [
+      e.newsletter,
+      e[`layout-${d}`],
+      e[`size-${h}`],
+      z && e.centered,
+      E
+    ].filter(Boolean).join(" "), D = () => F && u ? /* @__PURE__ */ a("div", { className: e.successState, children: [
+      /* @__PURE__ */ r(T, { size: 24, className: e.successIcon }),
+      /* @__PURE__ */ r("span", { children: u })
+    ] }) : $ && f ? /* @__PURE__ */ a("div", { className: e.errorState, children: [
+      /* @__PURE__ */ r(J, { size: 24, className: e.errorIcon }),
+      /* @__PURE__ */ r("span", { children: f }),
+      /* @__PURE__ */ r(C, { variant: "ghost", size: "sm", onClick: () => N(!1), children: "Try again" })
+    ] }) : /* @__PURE__ */ a("form", { className: e.form, onSubmit: q, children: [
+      /* @__PURE__ */ a("div", { className: e.inputGroup, children: [
+        /* @__PURE__ */ r(
+          O,
+          {
+            type: "email",
+            placeholder: y,
+            value: s,
+            onChange: (c) => x(c.target.value),
+            required: !0,
+            className: e.emailInput,
+            "aria-label": "Email address"
+          }
+        ),
+        g || /* @__PURE__ */ r(
+          C,
+          {
+            type: "submit",
+            disabled: p || !s,
+            className: e.submitButton,
+            children: p ? "Sending..." : S
+          }
+        )
+      ] }),
+      o && /* @__PURE__ */ r("p", { className: e.disclaimer, children: o })
+    ] }), v = /* @__PURE__ */ a(G, { children: [
+      w && /* @__PURE__ */ a("header", { className: e.header, children: [
+        t && /* @__PURE__ */ r("div", { className: e.eyebrow, children: t }),
+        l && /* @__PURE__ */ r("h2", { className: e.title, children: l }),
+        i && /* @__PURE__ */ r("p", { className: e.description, children: i })
+      ] }),
+      D()
+    ] });
+    return /* @__PURE__ */ r(
+      K,
+      {
+        ref: k,
+        spacing: h === "lg" ? "lg" : "md",
+        background: B,
+        className: A,
+        ...j,
+        children: /* @__PURE__ */ r(L, { size: "md", children: d === "card" ? /* @__PURE__ */ r(b, { variant: "elevated", className: e.card, children: /* @__PURE__ */ r(b.Body, { className: e.cardBody, children: v }) }) : v })
+      }
+    );
+  }
+);
+P.displayName = "Newsletter";
+export {
+  P as Newsletter
+};

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

@@ -0,0 +1 @@
+._newsletter_ubh9w_8{position:relative}._centered_ubh9w_16,._centered_ubh9w_16 ._header_ubh9w_19{text-align:center}._centered_ubh9w_16 ._description_ubh9w_23{margin-left:auto;margin-right:auto}._centered_ubh9w_16 ._form_ubh9w_28{align-items:center}._centered_ubh9w_16 ._inputGroup_ubh9w_32{justify-content:center}._centered_ubh9w_16 ._disclaimer_ubh9w_36{text-align:center}._header_ubh9w_19{margin-bottom:var(--spacing-6)}._eyebrow_ubh9w_49{margin-bottom:var(--spacing-3)}._title_ubh9w_53{font-family:var(--font-primary);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 var(--spacing-3) 0}._description_ubh9w_23{font-family:var(--font-secondary);font-size:var(--font-size-16);color:var(--text-secondary);max-width:500px;margin:0;line-height:var(--line-height-relaxed)}._size-sm_ubh9w_75 ._title_ubh9w_53{font-size:var(--font-size-20)}._size-sm_ubh9w_75 ._description_ubh9w_23{font-size:var(--font-size-14)}._size-lg_ubh9w_85 ._title_ubh9w_53{font-size:clamp(1.75rem,3vw,2.5rem)}._size-lg_ubh9w_85 ._description_ubh9w_23{font-size:var(--font-size-18);max-width:600px}._form_ubh9w_28{display:flex;flex-direction:column;gap:var(--spacing-4)}._inputGroup_ubh9w_32{display:flex;gap:var(--spacing-3);width:100%;max-width:500px}._emailInput_ubh9w_113{flex:1;min-width:200px}._submitButton_ubh9w_118{flex-shrink:0}._layout-stacked_ubh9w_127 ._inputGroup_ubh9w_32{flex-direction:column;max-width:400px}._layout-stacked_ubh9w_127 ._emailInput_ubh9w_113,._layout-stacked_ubh9w_127 ._submitButton_ubh9w_118{width:100%}._card_ubh9w_141{border:1px solid var(--border-subtle)}._cardBody_ubh9w_145{padding:var(--spacing-8)}._disclaimer_ubh9w_36{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary);line-height:var(--line-height-relaxed);margin:0;max-width:400px}._successState_ubh9w_166,._errorState_ubh9w_167{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-control);font-family:var(--font-secondary);font-size:var(--font-size-14)}._successState_ubh9w_166{background:var(--status-success-bg);color:var(--text-success)}._successIcon_ubh9w_182{color:var(--text-success);flex-shrink:0}._errorState_ubh9w_167{background:var(--status-error-bg);color:var(--text-error)}._errorIcon_ubh9w_192{color:var(--text-error);flex-shrink:0}[class*=bg-brand] ._title_ubh9w_53,[class*=bg-brand] ._description_ubh9w_23{color:var(--interactive-primary-text)}[class*=bg-brand] ._disclaimer_ubh9w_36{color:var(--text-on-dark-secondary)}@media(max-width:640px){._inputGroup_ubh9w_32{flex-direction:column}._emailInput_ubh9w_113,._submitButton_ubh9w_118{width:100%}._cardBody_ubh9w_145{padding:var(--spacing-6)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_newsletter_ubh9w_8",t="_centered_ubh9w_16",s="_header_ubh9w_19",r="_description_ubh9w_23",c="_form_ubh9w_28",o="_inputGroup_ubh9w_32",_="_disclaimer_ubh9w_36",u="_eyebrow_ubh9w_49",n="_title_ubh9w_53",i="_emailInput_ubh9w_113",a="_submitButton_ubh9w_118",d="_card_ubh9w_141",b="_cardBody_ubh9w_145",w="_successState_ubh9w_166",l="_errorState_ubh9w_167",h="_successIcon_ubh9w_182",m="_errorIcon_ubh9w_192",p={newsletter:e,centered:t,header:s,description:r,form:c,inputGroup:o,disclaimer:_,eyebrow:u,title:n,"size-sm":"_size-sm_ubh9w_75","size-lg":"_size-lg_ubh9w_85",emailInput:i,submitButton:a,"layout-stacked":"_layout-stacked_ubh9w_127",card:d,cardBody:b,successState:w,errorState:l,successIcon:h,errorIcon:m};exports.card=d;exports.cardBody=b;exports.centered=t;exports.default=p;exports.description=r;exports.disclaimer=_;exports.emailInput=i;exports.errorIcon=m;exports.errorState=l;exports.eyebrow=u;exports.form=c;exports.header=s;exports.inputGroup=o;exports.newsletter=e;exports.submitButton=a;exports.successIcon=h;exports.successState=w;exports.title=n;

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

@@ -0,0 +1,42 @@
+const t = "_newsletter_ubh9w_8", e = "_centered_ubh9w_16", _ = "_header_ubh9w_19", s = "_description_ubh9w_23", c = "_form_ubh9w_28", o = "_inputGroup_ubh9w_32", r = "_disclaimer_ubh9w_36", u = "_eyebrow_ubh9w_49", n = "_title_ubh9w_53", i = "_emailInput_ubh9w_113", a = "_submitButton_ubh9w_118", b = "_card_ubh9w_141", w = "_cardBody_ubh9w_145", d = "_successState_ubh9w_166", h = "_errorState_ubh9w_167", l = "_successIcon_ubh9w_182", m = "_errorIcon_ubh9w_192", p = {
+  newsletter: t,
+  centered: e,
+  header: _,
+  description: s,
+  form: c,
+  inputGroup: o,
+  disclaimer: r,
+  eyebrow: u,
+  title: n,
+  "size-sm": "_size-sm_ubh9w_75",
+  "size-lg": "_size-lg_ubh9w_85",
+  emailInput: i,
+  submitButton: a,
+  "layout-stacked": "_layout-stacked_ubh9w_127",
+  card: b,
+  cardBody: w,
+  successState: d,
+  errorState: h,
+  successIcon: l,
+  errorIcon: m
+};
+export {
+  b as card,
+  w as cardBody,
+  e as centered,
+  p as default,
+  s as description,
+  r as disclaimer,
+  i as emailInput,
+  m as errorIcon,
+  h as errorState,
+  u as eyebrow,
+  c as form,
+  _ as header,
+  o as inputGroup,
+  t as newsletter,
+  a as submitButton,
+  l as successIcon,
+  d as successState,
+  n as title
+};

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

@@ -0,0 +1,97 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Newsletter layout variant
+ */
+export type NewsletterLayout = "inline" | "stacked" | "card";
+/**
+ * Newsletter size variant
+ */
+export type NewsletterSize = "sm" | "md" | "lg";
+/**
+ * Newsletter section props
+ *
+ * @example
+ * ```tsx
+ * <Newsletter
+ *   title="Subscribe to our newsletter"
+ *   description="Get the latest updates delivered to your inbox"
+ *   placeholder="Enter your email"
+ *   buttonText="Subscribe"
+ *   onSubmit={(email) => console.log(email)}
+ * />
+ * ```
+ */
+export interface NewsletterProps extends Omit<HTMLAttributes<HTMLElement>, "title" | "onSubmit"> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Email input placeholder
+     * @default "Enter your email"
+     */
+    placeholder?: string;
+    /**
+     * Submit button text
+     * @default "Subscribe"
+     */
+    buttonText?: string;
+    /**
+     * Custom submit button element
+     */
+    submitButton?: ReactNode;
+    /**
+     * Form submit handler - receives email address
+     */
+    onSubmit?: (email: string) => void;
+    /**
+     * Privacy/disclaimer text below form
+     */
+    disclaimer?: ReactNode;
+    /**
+     * Layout variant
+     * - inline: Input and button on same line
+     * - stacked: Input above button
+     * - card: Contained in a card with padding
+     * @default 'inline'
+     */
+    layout?: NewsletterLayout;
+    /**
+     * Size variant affecting spacing and typography
+     * @default 'md'
+     */
+    size?: NewsletterSize;
+    /**
+     * Background style
+     * @default 'subtle'
+     */
+    background?: "base" | "subtle" | "brand" | "none";
+    /**
+     * Center align content
+     * @default true
+     */
+    centered?: boolean;
+    /**
+     * Success message to show after submission
+     */
+    successMessage?: ReactNode;
+    /**
+     * Error message to show on submission error
+     */
+    errorMessage?: ReactNode;
+    /**
+     * Loading state
+     * @default false
+     */
+    loading?: boolean;
+}
+//# sourceMappingURL=Newsletter.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Newsletter.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Newsletter/Newsletter.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,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;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAE1B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAElD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -0,0 +1,6 @@
+/**
+ * Newsletter Component Exports
+ */
+export { Newsletter } from './Newsletter';
+export type { NewsletterProps, NewsletterLayout, NewsletterSize, } from './Newsletter.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/blocks/sections/Pricing/Pricing.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),N=require("./PricingCard.cjs"),r=require("./Pricing.module.css.cjs"),P=require("../../../sections/Section/Section.cjs"),q=require("../../../sections/Container/Container.cjs"),n=x.forwardRef(({eyebrow:s,title:i,description:a,plans:l,columns:t=3,background:d="subtle",centered:u=!0,className:o,...m},f)=>{const g=s||i||a,h=[r.default.pricing,u&&r.default.centered,o].filter(Boolean).join(" ");return e.jsx(P.Section,{ref:f,spacing:"lg",background:d,className:h,...m,children:e.jsxs(q.Container,{size:"xl",children:[g&&e.jsxs("header",{className:r.default.header,children:[s&&e.jsx("div",{className:r.default.eyebrow,children:s}),i&&e.jsx("h2",{className:r.default.title,children:i}),a&&e.jsx("p",{className:r.default.description,children:a})]}),e.jsx("div",{className:`${r.default.grid} ${r.default[`cols-${t}`]}`,children:l.map((c,j)=>e.jsx(N.PricingCard,{plan:c},c.name||j))})]})})});n.displayName="Pricing";exports.Pricing=n;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Pricing/Pricing.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKpD,eAAO,MAAM,OAAO,sGAiDnB,CAAC"}

package/dist/blocks/sections/Pricing/Pricing.mjs

@@ -0,0 +1,43 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { PricingCard as j } from "./PricingCard.mjs";
+import r from "./Pricing.module.css.mjs";
+import { Section as u } from "../../../sections/Section/Section.mjs";
+import { Container as P } from "../../../sections/Container/Container.mjs";
+const $ = x(
+  ({
+    eyebrow: i,
+    title: s,
+    description: a,
+    plans: n,
+    columns: o = 3,
+    background: l = "subtle",
+    centered: d = !0,
+    className: t,
+    ...h
+  }, p) => {
+    const f = i || s || a, N = [r.pricing, d && r.centered, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(
+      u,
+      {
+        ref: p,
+        spacing: "lg",
+        background: l,
+        className: N,
+        ...h,
+        children: /* @__PURE__ */ m(P, { size: "xl", children: [
+          f && /* @__PURE__ */ m("header", { className: r.header, children: [
+            i && /* @__PURE__ */ e("div", { className: r.eyebrow, children: i }),
+            s && /* @__PURE__ */ e("h2", { className: r.title, children: s }),
+            a && /* @__PURE__ */ e("p", { className: r.description, children: a })
+          ] }),
+          /* @__PURE__ */ e("div", { className: `${r.grid} ${r[`cols-${o}`]}`, children: n.map((c, g) => /* @__PURE__ */ e(j, { plan: c }, c.name || g)) })
+        ] })
+      }
+    );
+  }
+);
+$.displayName = "Pricing";
+export {
+  $ as Pricing
+};

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

@@ -0,0 +1 @@
+._pricing_1mius_8{position:relative}._header_1mius_16{margin-bottom:var(--spacing-16)}._centered_1mius_20 ._header_1mius_16{text-align:center}._centered_1mius_20 ._description_1mius_25{margin-left:auto;margin-right:auto}._eyebrow_1mius_31{margin-bottom:var(--spacing-4)}._title_1mius_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_1mius_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)}._grid_1mius_57{display:grid;gap:var(--spacing-6);align-items:stretch}._cols-2_1mius_63{grid-template-columns:repeat(2,1fr)}._cols-3_1mius_67{grid-template-columns:repeat(3,1fr)}._cols-4_1mius_71{grid-template-columns:repeat(4,1fr)}._pricingCard_1mius_79{display:flex;flex-direction:column;border:1px solid var(--border-subtle);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}._pricingCard_1mius_79:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}._popular_1mius_93{border-color:var(--interactive-primary);border-width:2px;box-shadow:0 0 0 4px var(--interactive-primary-subtle)}._cardBody_1mius_99{display:flex;flex-direction:column;height:100%;gap:var(--spacing-6)}._cardHeader_1mius_110{display:flex;flex-direction:column;gap:var(--spacing-4)}._planInfo_1mius_116{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}._planName_1mius_123{font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0}._priceWrapper_1mius_132{display:flex;align-items:baseline;gap:var(--spacing-2)}._price_1mius_132{font-family:var(--font-secondary);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1;color:var(--text-primary);letter-spacing:-.02em}._period_1mius_147{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-tertiary)}._planDescription_1mius_153{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}._featureList_1mius_165{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-3);flex:1}._featureItem_1mius_175{display:flex;align-items:flex-start;gap:var(--spacing-3)}._featureIcon_1mius_181{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-success)}._excluded_1mius_191 ._featureIcon_1mius_181{color:var(--text-tertiary)}._featureText_1mius_195{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);line-height:var(--line-height-relaxed)}._excluded_1mius_191 ._featureText_1mius_195{color:var(--text-tertiary);text-decoration:line-through}._action_1mius_211{margin-top:auto;padding-top:var(--spacing-4)}._action_1mius_211>*{width:100%}@media(max-width:1024px){._cols-4_1mius_71,._cols-3_1mius_67{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){._cols-2_1mius_63,._cols-3_1mius_67,._cols-4_1mius_71{grid-template-columns:1fr}._header_1mius_16{margin-bottom:var(--spacing-8)}._price_1mius_132{font-size:clamp(2rem,8vw,2.5rem)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_pricing_1mius_8",r="_header_1mius_16",i="_centered_1mius_20",t="_description_1mius_25",c="_eyebrow_1mius_31",_="_title_1mius_35",s="_grid_1mius_57",o="_pricingCard_1mius_79",n="_popular_1mius_93",a="_cardBody_1mius_99",p="_cardHeader_1mius_110",u="_planInfo_1mius_116",d="_planName_1mius_123",l="_priceWrapper_1mius_132",m="_price_1mius_132",f="_period_1mius_147",g="_planDescription_1mius_153",I="_featureList_1mius_165",y="_featureItem_1mius_175",x="_featureIcon_1mius_181",b="_excluded_1mius_191",T="_featureText_1mius_195",h="_action_1mius_211",w={pricing:e,header:r,centered:i,description:t,eyebrow:c,title:_,grid:s,"cols-2":"_cols-2_1mius_63","cols-3":"_cols-3_1mius_67","cols-4":"_cols-4_1mius_71",pricingCard:o,popular:n,cardBody:a,cardHeader:p,planInfo:u,planName:d,priceWrapper:l,price:m,period:f,planDescription:g,featureList:I,featureItem:y,featureIcon:x,excluded:b,featureText:T,action:h};exports.action=h;exports.cardBody=a;exports.cardHeader=p;exports.centered=i;exports.default=w;exports.description=t;exports.excluded=b;exports.eyebrow=c;exports.featureIcon=x;exports.featureItem=y;exports.featureList=I;exports.featureText=T;exports.grid=s;exports.header=r;exports.period=f;exports.planDescription=g;exports.planInfo=u;exports.planName=d;exports.popular=n;exports.price=m;exports.priceWrapper=l;exports.pricing=e;exports.pricingCard=o;exports.title=_;

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

@@ -0,0 +1,54 @@
+const e = "_pricing_1mius_8", _ = "_header_1mius_16", i = "_centered_1mius_20", s = "_description_1mius_25", r = "_eyebrow_1mius_31", c = "_title_1mius_35", t = "_grid_1mius_57", o = "_pricingCard_1mius_79", n = "_popular_1mius_93", a = "_cardBody_1mius_99", u = "_cardHeader_1mius_110", p = "_planInfo_1mius_116", d = "_planName_1mius_123", m = "_priceWrapper_1mius_132", l = "_price_1mius_132", f = "_period_1mius_147", g = "_planDescription_1mius_153", I = "_featureList_1mius_165", x = "_featureItem_1mius_175", y = "_featureIcon_1mius_181", b = "_excluded_1mius_191", h = "_featureText_1mius_195", w = "_action_1mius_211", B = {
+  pricing: e,
+  header: _,
+  centered: i,
+  description: s,
+  eyebrow: r,
+  title: c,
+  grid: t,
+  "cols-2": "_cols-2_1mius_63",
+  "cols-3": "_cols-3_1mius_67",
+  "cols-4": "_cols-4_1mius_71",
+  pricingCard: o,
+  popular: n,
+  cardBody: a,
+  cardHeader: u,
+  planInfo: p,
+  planName: d,
+  priceWrapper: m,
+  price: l,
+  period: f,
+  planDescription: g,
+  featureList: I,
+  featureItem: x,
+  featureIcon: y,
+  excluded: b,
+  featureText: h,
+  action: w
+};
+export {
+  w as action,
+  a as cardBody,
+  u as cardHeader,
+  i as centered,
+  B as default,
+  s as description,
+  b as excluded,
+  r as eyebrow,
+  y as featureIcon,
+  x as featureItem,
+  I as featureList,
+  h as featureText,
+  t as grid,
+  _ as header,
+  f as period,
+  g as planDescription,
+  p as planInfo,
+  d as planName,
+  n as popular,
+  l as price,
+  m as priceWrapper,
+  e as pricing,
+  o as pricingCard,
+  c as title
+};

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

@@ -0,0 +1,129 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Grid column count for pricing cards
+ */
+export type PricingColumns = 2 | 3 | 4;
+/**
+ * Feature item in a pricing plan
+ */
+export interface PricingFeature {
+    /**
+     * Feature text
+     */
+    text: string;
+    /**
+     * Whether the feature is included in the plan
+     * @default true
+     */
+    included?: boolean;
+}
+/**
+ * Pricing plan data structure
+ */
+export interface PricingPlan {
+    /**
+     * Plan name (e.g., "Starter", "Pro", "Enterprise")
+     */
+    name: string;
+    /**
+     * Price display (e.g., "$9", "$29/mo", or ReactNode for custom)
+     */
+    price: string | ReactNode;
+    /**
+     * Billing period (e.g., "per month", "per user/month")
+     */
+    period?: string;
+    /**
+     * Short description of the plan
+     */
+    description?: string;
+    /**
+     * List of features included in the plan
+     */
+    features: (string | PricingFeature)[];
+    /**
+     * Call-to-action button/element
+     */
+    action?: ReactNode;
+    /**
+     * Mark as most popular/recommended
+     * @default false
+     */
+    popular?: boolean;
+    /**
+     * Optional badge text (e.g., "Best Value", "Most Popular")
+     */
+    badge?: ReactNode;
+}
+/**
+ * Pricing card props (internal component)
+ */
+export interface PricingCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pricing plan data
+     */
+    plan: PricingPlan;
+}
+/**
+ * Pricing section props
+ *
+ * @example
+ * ```tsx
+ * <Pricing
+ *   title="Simple, transparent pricing"
+ *   description="Choose the plan that's right for you"
+ *   plans={[
+ *     {
+ *       name: "Starter",
+ *       price: "$9",
+ *       period: "per month",
+ *       features: ["5 projects", "Basic support"],
+ *       action: <Button>Get Started</Button>
+ *     },
+ *     {
+ *       name: "Pro",
+ *       price: "$29",
+ *       period: "per month",
+ *       features: ["Unlimited projects", "Priority support"],
+ *       action: <Button>Get Started</Button>,
+ *       popular: true
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+export interface PricingProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of pricing plans
+     */
+    plans: PricingPlan[];
+    /**
+     * Number of grid columns
+     * @default 3
+     */
+    columns?: PricingColumns;
+    /**
+     * Background style
+     * @default 'subtle'
+     */
+    background?: "base" | "subtle" | "none";
+    /**
+     * Center the header text
+     * @default true
+     */
+    centered?: boolean;
+}
+//# sourceMappingURL=Pricing.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Pricing/Pricing.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,CAAC,MAAM,GAAG,cAAc,CAAC,EAAE,CAAC;IAEtC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,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,KAAK,EAAE,WAAW,EAAE,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}