@orion-ds/react 4.4.0 → 4.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"Newsletter.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Newsletter/Newsletter.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAQ1D,eAAO,MAAM,UAAU,yGAsItB,CAAC"}
+{"version":3,"file":"Newsletter.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Newsletter/Newsletter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,qFA6DtB,CAAC"}

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

@@ -1,98 +1,51 @@
 "use client";
-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 { jsx as s, jsxs as l } from "react/jsx-runtime";
+import y, { useState as m } from "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(
+const g = y.forwardRef(
   ({
-    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,
+    title: n,
+    description: r,
+    placeholder: c = "Enter your email",
+    submitLabel: o = "Subscribe",
+    disclaimer: i,
+    size: u = "md",
+    onSubmit: d,
+    className: p
+  }, b) => {
+    const [t, h] = m(""), [N, f] = m(!1), S = (a) => {
+      a.preventDefault(), t.trim() && (d?.(t), f(!0));
+    };
+    return /* @__PURE__ */ s(
+      "section",
       {
-        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 })
+        ref: b,
+        className: `${e.section} ${u === "sm" ? e.sectionSm : ""} ${p || ""}`,
+        children: /* @__PURE__ */ l("div", { className: e.inner, children: [
+          /* @__PURE__ */ s("h2", { className: e.title, children: n }),
+          r && /* @__PURE__ */ s("p", { className: e.description, children: r }),
+          N ? /* @__PURE__ */ s("p", { className: e.successMessage, children: "Thanks for subscribing!" }) : /* @__PURE__ */ l("form", { className: e.form, onSubmit: S, children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                type: "email",
+                className: e.input,
+                placeholder: c,
+                value: t,
+                onChange: (a) => h(a.target.value),
+                required: !0,
+                "aria-label": "Email address"
+              }
+            ),
+            /* @__PURE__ */ s("button", { type: "submit", className: e.submitButton, children: o })
+          ] }),
+          i && /* @__PURE__ */ s("p", { className: e.disclaimer, children: i })
+        ] })
       }
     );
   }
 );
-P.displayName = "Newsletter";
+g.displayName = "Newsletter";
 export {
-  P as Newsletter
+  g as Newsletter
 };

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

@@ -1 +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)}}
+._section_ta0my_1{padding:var(--spacing-16) var(--spacing-6);background:var(--surface-subtle);text-align:center;border-radius:var(--radius-container)}._sectionSm_ta0my_8{padding:var(--spacing-8) var(--spacing-6)}._inner_ta0my_12{max-width:480px;margin:0 auto}._title_ta0my_17{font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-2) 0}._description_ta0my_25{font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-6) 0}._form_ta0my_32{display:flex;gap:var(--spacing-2)}._input_ta0my_37{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-base);border-radius:var(--radius-control);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-secondary);font-size:var(--font-size-base);outline:none;transition:border-color .15s ease}._input_ta0my_37::placeholder{color:var(--text-tertiary)}._input_ta0my_37:focus{border-color:var(--interactive-primary)}._submitButton_ta0my_58{padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-control);background:var(--interactive-primary);color:var(--interactive-primary-text);font-family:var(--font-secondary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background .15s ease;white-space:nowrap}._submitButton_ta0my_58:hover{background:var(--interactive-primary-hover)}._submitButton_ta0my_58:disabled{opacity:.6;cursor:not-allowed}._disclaimer_ta0my_81{font-family:var(--font-secondary);font-size:var(--font-size-xs);color:var(--text-tertiary);margin:var(--spacing-3) 0 0}._successMessage_ta0my_88{font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--status-success);padding:var(--spacing-4) 0}

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

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_ta0my_1",s="_sectionSm_ta0my_8",e="_inner_ta0my_12",i="_title_ta0my_17",n="_description_ta0my_25",c="_form_ta0my_32",o="_input_ta0my_37",_="_submitButton_ta0my_58",m="_disclaimer_ta0my_81",u="_successMessage_ta0my_88",a={section:t,sectionSm:s,inner:e,title:i,description:n,form:c,input:o,submitButton:_,disclaimer:m,successMessage:u};exports.default=a;exports.description=n;exports.disclaimer=m;exports.form=c;exports.inner=e;exports.input=o;exports.section=t;exports.sectionSm=s;exports.submitButton=_;exports.successMessage=u;exports.title=i;

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

@@ -1,42 +1,25 @@
-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
+const t = "_section_ta0my_1", s = "_sectionSm_ta0my_8", n = "_inner_ta0my_12", e = "_title_ta0my_17", i = "_description_ta0my_25", _ = "_form_ta0my_32", c = "_input_ta0my_37", o = "_submitButton_ta0my_58", m = "_disclaimer_ta0my_81", a = "_successMessage_ta0my_88", r = {
+  section: t,
+  sectionSm: s,
+  inner: n,
+  title: e,
+  description: i,
+  form: _,
+  input: c,
+  submitButton: o,
+  disclaimer: m,
+  successMessage: a
 };
 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
+  r as default,
+  i as description,
+  m as disclaimer,
+  _ as form,
+  n as inner,
+  c as input,
+  t as section,
+  s as sectionSm,
+  o as submitButton,
+  a as successMessage,
+  e as title
 };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Newsletter.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Newsletter/Newsletter.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;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}

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

@@ -1,97 +1,20 @@
-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"
-     */
+export type NewsletterSize = "sm" | "md";
+export interface NewsletterProps {
+    /** Section title */
+    title: string;
+    /** Description text */
+    description?: string;
+    /** Input placeholder text */
     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'
-     */
+    /** Submit button text */
+    submitLabel?: string;
+    /** Disclaimer text below the form */
+    disclaimer?: string;
+    /** Size variant */
     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;
+    /** Callback when form is submitted with email */
+    onSubmit?: (email: string) => void;
+    /** Optional className */
+    className?: string;
 }
 //# sourceMappingURL=Newsletter.types.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Newsletter.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Newsletter/Newsletter.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,eAAe;IAC9B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Newsletter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -1 +1,2 @@
-"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;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),d=require("./PricingCard.cjs"),r=require("./Pricing.module.css.cjs"),s=u.forwardRef(({title:i,description:a,plans:n,className:l},t)=>e.jsx("section",{ref:t,className:`${r.default.section} ${l||""}`,children:e.jsxs("div",{className:r.default.container,children:[(i||a)&&e.jsxs("div",{className:r.default.header,children:[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,children:n.map(c=>e.jsx(d.PricingCard,{...c},c.name))})]})}));s.displayName="Pricing";s.Card=d.PricingCard;exports.Pricing=s;

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

@@ -1,4 +1,9 @@
-import { PricingProps } from './Pricing.types';
+import { default as React } from 'react';
+import { PricingProps, PricingCardProps } from './Pricing.types';
 
-export declare const Pricing: import('react').ForwardRefExoticComponent<PricingProps & import('react').RefAttributes<HTMLElement>>;
+type PricingComponent = React.ForwardRefExoticComponent<PricingProps & React.RefAttributes<HTMLElement>> & {
+    Card: React.FC<PricingCardProps>;
+};
+export declare const Pricing: PricingComponent;
+export {};
 //# sourceMappingURL=Pricing.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Pricing/Pricing.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAItE,KAAK,gBAAgB,GAAG,KAAK,CAAC,yBAAyB,CACrD,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAChD,GAAG;IACF,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,OAAO,EAsBf,gBAAgB,CAAC"}

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

@@ -1,43 +1,19 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { PricingCard as j } from "./PricingCard.mjs";
+"use client";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import t from "react";
+import { PricingCard as m } 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)) })
-        ] })
-      }
-    );
-  }
+const d = t.forwardRef(
+  ({ title: a, description: i, plans: n, className: o }, l) => /* @__PURE__ */ e("section", { ref: l, className: `${r.section} ${o || ""}`, children: /* @__PURE__ */ c("div", { className: r.container, children: [
+    (a || i) && /* @__PURE__ */ c("div", { className: r.header, children: [
+      a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
+      i && /* @__PURE__ */ e("p", { className: r.description, children: i })
+    ] }),
+    /* @__PURE__ */ e("div", { className: r.grid, children: n.map((s) => /* @__PURE__ */ e(m, { ...s }, s.name)) })
+  ] }) })
 );
-$.displayName = "Pricing";
+d.displayName = "Pricing";
+d.Card = m;
 export {
-  $ as Pricing
+  d as Pricing
 };

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

@@ -1 +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)}}
+._section_1orf7_1{padding:var(--spacing-16) var(--spacing-6);background:var(--surface-base)}._container_1orf7_6{max-width:1200px;margin:0 auto}._header_1orf7_11{text-align:center;margin-bottom:var(--spacing-12)}._title_1orf7_16{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-3) 0}._description_1orf7_24{font-family:var(--font-secondary);font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}._grid_1orf7_31{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);align-items:stretch}._card_1orf7_38{position:relative;display:flex;flex-direction:column;padding:var(--spacing-8);background:var(--surface-subtle);border-radius:var(--radius-container);border:1px solid var(--border-subtle);transition:box-shadow .15s ease}._card_1orf7_38:hover{box-shadow:var(--mode-shadow-hover)}._cardPopular_1orf7_53{border-color:var(--interactive-primary);box-shadow:0 0 0 1px var(--interactive-primary)}._popularBadge_1orf7_58{position:absolute;top:calc(var(--spacing-4) * -1);left:50%;transform:translate(-50%);padding:var(--spacing-1) var(--spacing-3);background:var(--interactive-primary);color:var(--interactive-primary-text);font-family:var(--font-secondary);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}._cardName_1orf7_73{font-family:var(--font-secondary);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-2) 0}._cardPrice_1orf7_81{display:flex;align-items:baseline;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}._priceValue_1orf7_88{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary)}._pricePeriod_1orf7_95{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary)}._cardDescription_1orf7_101{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-6) 0}._featureList_1orf7_108{list-style:none;padding:0;margin:0 0 var(--spacing-6) 0;display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}._featureItem_1orf7_118{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-2)}._featureCheck_1orf7_127{color:var(--interactive-primary);flex-shrink:0}._cardAction_1orf7_132{margin-top:auto}@media(max-width:768px){._grid_1orf7_31{grid-template-columns:1fr}}

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

@@ -1 +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=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_section_1orf7_1",e="_container_1orf7_6",c="_header_1orf7_11",t="_title_1orf7_16",o="_description_1orf7_24",a="_grid_1orf7_31",i="_card_1orf7_38",_="_cardPopular_1orf7_53",d="_popularBadge_1orf7_58",n="_cardName_1orf7_73",s="_cardPrice_1orf7_81",f="_priceValue_1orf7_88",u="_pricePeriod_1orf7_95",p="_cardDescription_1orf7_101",l="_featureList_1orf7_108",P="_featureItem_1orf7_118",g="_featureCheck_1orf7_127",m="_cardAction_1orf7_132",h={section:r,container:e,header:c,title:t,description:o,grid:a,card:i,cardPopular:_,popularBadge:d,cardName:n,cardPrice:s,priceValue:f,pricePeriod:u,cardDescription:p,featureList:l,featureItem:P,featureCheck:g,cardAction:m};exports.card=i;exports.cardAction=m;exports.cardDescription=p;exports.cardName=n;exports.cardPopular=_;exports.cardPrice=s;exports.container=e;exports.default=h;exports.description=o;exports.featureCheck=g;exports.featureItem=P;exports.featureList=l;exports.grid=a;exports.header=c;exports.popularBadge=d;exports.pricePeriod=u;exports.priceValue=f;exports.section=r;exports.title=t;

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

@@ -1,54 +1,41 @@
-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
+const r = "_section_1orf7_1", e = "_container_1orf7_6", c = "_header_1orf7_11", o = "_title_1orf7_16", t = "_description_1orf7_24", _ = "_grid_1orf7_31", a = "_card_1orf7_38", i = "_cardPopular_1orf7_53", n = "_popularBadge_1orf7_58", d = "_cardName_1orf7_73", s = "_cardPrice_1orf7_81", f = "_priceValue_1orf7_88", p = "_pricePeriod_1orf7_95", u = "_cardDescription_1orf7_101", l = "_featureList_1orf7_108", P = "_featureItem_1orf7_118", g = "_featureCheck_1orf7_127", h = "_cardAction_1orf7_132", m = {
+  section: r,
+  container: e,
+  header: c,
+  title: o,
+  description: t,
+  grid: _,
+  card: a,
+  cardPopular: i,
+  popularBadge: n,
+  cardName: d,
+  cardPrice: s,
+  priceValue: f,
+  pricePeriod: p,
+  cardDescription: u,
+  featureList: l,
+  featureItem: P,
+  featureCheck: g,
+  cardAction: h
 };
 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
+  a as card,
+  h as cardAction,
+  u as cardDescription,
+  d as cardName,
+  i as cardPopular,
+  s as cardPrice,
+  e as container,
+  m as default,
+  t as description,
+  g as featureCheck,
+  P as featureItem,
+  l as featureList,
+  _ as grid,
+  c as header,
+  n as popularBadge,
+  p as pricePeriod,
+  f as priceValue,
+  r as section,
+  o as title
 };