rothzerg-ui 0.1.0

package/dist/blocks/onboarding/Onboarding.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                 */
+const Stepper = require("../../components/stepper/Stepper.cjs");
+function Onboarding({
+  steps,
+  brand,
+  onComplete,
+  showDots = false,
+  fullPage = false,
+  className,
+  nextLabel = "Continue",
+  backLabel = "Back",
+  finishLabel = "Get started",
+  skipLabel,
+  onSkip
+}) {
+  const [activeStep, setActiveStep] = React.useState(0);
+  const [error, setError] = React.useState(null);
+  const [busy, setBusy] = React.useState(false);
+  const isLast = activeStep === steps.length - 1;
+  const current = steps[activeStep];
+  const stepperSteps = steps.map((s) => ({ title: s.title }));
+  async function handleNext() {
+    if (current.validate) {
+      setBusy(true);
+      const err = await current.validate();
+      setBusy(false);
+      if (err) {
+        setError(err);
+        return;
+      }
+    }
+    setError(null);
+    if (isLast) {
+      onComplete == null ? void 0 : onComplete();
+    } else {
+      setActiveStep((p) => p + 1);
+    }
+  }
+  function handleBack() {
+    setError(null);
+    setActiveStep((p) => Math.max(0, p - 1));
+  }
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-onboarding", className), children: [
+    brand && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-onboarding__header", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-onboarding__brand", children: brand }) }),
+    !showDots ? /* @__PURE__ */ jsxRuntime.jsx(Stepper.Stepper, { steps: stepperSteps, activeStep, labeled: true }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-onboarding__dots", "aria-label": `Step ${activeStep + 1} of ${steps.length}`, children: steps.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn.cn(
+          "rz-onboarding__dot",
+          i === activeStep && "rz-onboarding__dot--active",
+          i < activeStep && "rz-onboarding__dot--done"
+        )
+      },
+      i
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-onboarding__card", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-onboarding__step-title", children: current.title }),
+      current.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-onboarding__step-desc", children: current.description }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-onboarding__step-content", children: current.content }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "var(--rz-color-destructive)", fontSize: "0.875rem", marginTop: "0.75rem" }, children: error })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-onboarding__footer", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-onboarding__footer-left", children: [
+        activeStep > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "rz-btn rz-btn--outline rz-btn--md",
+            onClick: handleBack,
+            disabled: busy,
+            children: backLabel
+          }
+        ),
+        onSkip && skipLabel && activeStep === 0 && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rz-btn rz-btn--ghost rz-btn--md", onClick: onSkip, children: skipLabel })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-onboarding__footer-right", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: cn.cn("rz-btn rz-btn--md", isLast ? "rz-btn--default" : "rz-btn--default"),
+          onClick: handleNext,
+          disabled: busy,
+          "aria-busy": busy,
+          children: busy ? "Please wait…" : isLast ? finishLabel : nextLabel
+        }
+      ) })
+    ] })
+  ] });
+  if (fullPage) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-onboarding--fullpage", children: inner });
+  }
+  return inner;
+}
+exports.Onboarding = Onboarding;
+//# sourceMappingURL=Onboarding.cjs.map

package/dist/blocks/onboarding/Onboarding.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Onboarding.cjs","sources":["../../../src/blocks/onboarding/Onboarding.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Stepper } from '../../components/stepper';\nimport type { Step } from '../../components/stepper';\nimport './onboarding.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport interface OnboardingStep {\n  title: string;\n  description?: string;\n  content: React.ReactNode;\n  /** Validate before advancing. Return error string or null/undefined. */\n  validate?: () => string | null | undefined | Promise<string | null | undefined>;\n}\n\nexport interface OnboardingProps {\n  steps: OnboardingStep[];\n  brand?: React.ReactNode;\n  /** Called when all steps are completed */\n  onComplete?: () => void;\n  /** Use progress dots instead of the Stepper bar */\n  showDots?: boolean;\n  fullPage?: boolean;\n  className?: string;\n  /** Label overrides */\n  nextLabel?: string;\n  backLabel?: string;\n  finishLabel?: string;\n  skipLabel?: string;\n  onSkip?: () => void;\n}\n\n/* ─── Component ───────────────────────────────────────────── */\n\nexport function Onboarding({\n  steps,\n  brand,\n  onComplete,\n  showDots = false,\n  fullPage = false,\n  className,\n  nextLabel = 'Continue',\n  backLabel = 'Back',\n  finishLabel = 'Get started',\n  skipLabel,\n  onSkip,\n}: OnboardingProps) {\n  const [activeStep, setActiveStep] = React.useState(0);\n  const [error, setError] = React.useState<string | null>(null);\n  const [busy, setBusy] = React.useState(false);\n\n  const isLast = activeStep === steps.length - 1;\n  const current = steps[activeStep];\n\n  const stepperSteps: Step[] = steps.map((s) => ({ title: s.title }));\n\n  async function handleNext() {\n    if (current.validate) {\n      setBusy(true);\n      const err = await current.validate();\n      setBusy(false);\n      if (err) { setError(err); return; }\n    }\n    setError(null);\n    if (isLast) {\n      onComplete?.();\n    } else {\n      setActiveStep((p) => p + 1);\n    }\n  }\n\n  function handleBack() {\n    setError(null);\n    setActiveStep((p) => Math.max(0, p - 1));\n  }\n\n  const inner = (\n    <div className={cn('rz-onboarding', className)}>\n      {/* Brand / logo */}\n      {brand && (\n        <div className=\"rz-onboarding__header\">\n          <div className=\"rz-onboarding__brand\">{brand}</div>\n        </div>\n      )}\n\n      {/* Stepper or dots */}\n      {!showDots ? (\n        <Stepper steps={stepperSteps} activeStep={activeStep} labeled />\n      ) : (\n        <div className=\"rz-onboarding__dots\" aria-label={`Step ${activeStep + 1} of ${steps.length}`}>\n          {steps.map((_, i) => (\n            <div\n              key={i}\n              className={cn(\n                'rz-onboarding__dot',\n                i === activeStep && 'rz-onboarding__dot--active',\n                i < activeStep && 'rz-onboarding__dot--done'\n              )}\n            />\n          ))}\n        </div>\n      )}\n\n      {/* Step card */}\n      <div className=\"rz-onboarding__card\">\n        <h2 className=\"rz-onboarding__step-title\">{current.title}</h2>\n        {current.description && <p className=\"rz-onboarding__step-desc\">{current.description}</p>}\n        <div className=\"rz-onboarding__step-content\">{current.content}</div>\n        {error && <p style={{ color: 'var(--rz-color-destructive)', fontSize: '0.875rem', marginTop: '0.75rem' }}>{error}</p>}\n      </div>\n\n      {/* Navigation footer */}\n      <div className=\"rz-onboarding__footer\">\n        <div className=\"rz-onboarding__footer-left\">\n          {activeStep > 0 && (\n            <button\n              type=\"button\"\n              className=\"rz-btn rz-btn--outline rz-btn--md\"\n              onClick={handleBack}\n              disabled={busy}\n            >\n              {backLabel}\n            </button>\n          )}\n          {onSkip && skipLabel && activeStep === 0 && (\n            <button type=\"button\" className=\"rz-btn rz-btn--ghost rz-btn--md\" onClick={onSkip}>\n              {skipLabel}\n            </button>\n          )}\n        </div>\n        <div className=\"rz-onboarding__footer-right\">\n          <button\n            type=\"button\"\n            className={cn('rz-btn rz-btn--md', isLast ? 'rz-btn--default' : 'rz-btn--default')}\n            onClick={handleNext}\n            disabled={busy}\n            aria-busy={busy}\n          >\n            {busy ? 'Please wait…' : isLast ? finishLabel : nextLabel}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n\n  if (fullPage) {\n    return <div className=\"rz-onboarding--fullpage\">{inner}</div>;\n  }\n\n  return inner;\n}\n"],"names":["jsxs","cn","jsx","Stepper"],"mappings":"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"}

package/dist/blocks/onboarding/Onboarding.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export interface OnboardingStep {
+    title: string;
+    description?: string;
+    content: React.ReactNode;
+    /** Validate before advancing. Return error string or null/undefined. */
+    validate?: () => string | null | undefined | Promise<string | null | undefined>;
+}
+export interface OnboardingProps {
+    steps: OnboardingStep[];
+    brand?: React.ReactNode;
+    /** Called when all steps are completed */
+    onComplete?: () => void;
+    /** Use progress dots instead of the Stepper bar */
+    showDots?: boolean;
+    fullPage?: boolean;
+    className?: string;
+    /** Label overrides */
+    nextLabel?: string;
+    backLabel?: string;
+    finishLabel?: string;
+    skipLabel?: string;
+    onSkip?: () => void;
+}
+export declare function Onboarding({ steps, brand, onComplete, showDots, fullPage, className, nextLabel, backLabel, finishLabel, skipLabel, onSkip, }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Onboarding.d.ts.map

package/dist/blocks/onboarding/Onboarding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Onboarding.d.ts","sourceRoot":"","sources":["../../../src/blocks/onboarding/Onboarding.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,kBAAkB,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACjF;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,SAAsB,EACtB,SAAkB,EAClB,WAA2B,EAC3B,SAAS,EACT,MAAM,GACP,EAAE,eAAe,2CAwGjB"}

package/dist/blocks/onboarding/Onboarding.js

@@ -0,0 +1,100 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css               */
+import { Stepper } from "../../components/stepper/Stepper.js";
+function Onboarding({
+  steps,
+  brand,
+  onComplete,
+  showDots = false,
+  fullPage = false,
+  className,
+  nextLabel = "Continue",
+  backLabel = "Back",
+  finishLabel = "Get started",
+  skipLabel,
+  onSkip
+}) {
+  const [activeStep, setActiveStep] = React__default.useState(0);
+  const [error, setError] = React__default.useState(null);
+  const [busy, setBusy] = React__default.useState(false);
+  const isLast = activeStep === steps.length - 1;
+  const current = steps[activeStep];
+  const stepperSteps = steps.map((s) => ({ title: s.title }));
+  async function handleNext() {
+    if (current.validate) {
+      setBusy(true);
+      const err = await current.validate();
+      setBusy(false);
+      if (err) {
+        setError(err);
+        return;
+      }
+    }
+    setError(null);
+    if (isLast) {
+      onComplete == null ? void 0 : onComplete();
+    } else {
+      setActiveStep((p) => p + 1);
+    }
+  }
+  function handleBack() {
+    setError(null);
+    setActiveStep((p) => Math.max(0, p - 1));
+  }
+  const inner = /* @__PURE__ */ jsxs("div", { className: cn("rz-onboarding", className), children: [
+    brand && /* @__PURE__ */ jsx("div", { className: "rz-onboarding__header", children: /* @__PURE__ */ jsx("div", { className: "rz-onboarding__brand", children: brand }) }),
+    !showDots ? /* @__PURE__ */ jsx(Stepper, { steps: stepperSteps, activeStep, labeled: true }) : /* @__PURE__ */ jsx("div", { className: "rz-onboarding__dots", "aria-label": `Step ${activeStep + 1} of ${steps.length}`, children: steps.map((_, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "rz-onboarding__dot",
+          i === activeStep && "rz-onboarding__dot--active",
+          i < activeStep && "rz-onboarding__dot--done"
+        )
+      },
+      i
+    )) }),
+    /* @__PURE__ */ jsxs("div", { className: "rz-onboarding__card", children: [
+      /* @__PURE__ */ jsx("h2", { className: "rz-onboarding__step-title", children: current.title }),
+      current.description && /* @__PURE__ */ jsx("p", { className: "rz-onboarding__step-desc", children: current.description }),
+      /* @__PURE__ */ jsx("div", { className: "rz-onboarding__step-content", children: current.content }),
+      error && /* @__PURE__ */ jsx("p", { style: { color: "var(--rz-color-destructive)", fontSize: "0.875rem", marginTop: "0.75rem" }, children: error })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rz-onboarding__footer", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rz-onboarding__footer-left", children: [
+        activeStep > 0 && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rz-btn rz-btn--outline rz-btn--md",
+            onClick: handleBack,
+            disabled: busy,
+            children: backLabel
+          }
+        ),
+        onSkip && skipLabel && activeStep === 0 && /* @__PURE__ */ jsx("button", { type: "button", className: "rz-btn rz-btn--ghost rz-btn--md", onClick: onSkip, children: skipLabel })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "rz-onboarding__footer-right", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: cn("rz-btn rz-btn--md", isLast ? "rz-btn--default" : "rz-btn--default"),
+          onClick: handleNext,
+          disabled: busy,
+          "aria-busy": busy,
+          children: busy ? "Please wait…" : isLast ? finishLabel : nextLabel
+        }
+      ) })
+    ] })
+  ] });
+  if (fullPage) {
+    return /* @__PURE__ */ jsx("div", { className: "rz-onboarding--fullpage", children: inner });
+  }
+  return inner;
+}
+export {
+  Onboarding
+};
+//# sourceMappingURL=Onboarding.js.map

package/dist/blocks/onboarding/Onboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Onboarding.js","sources":["../../../src/blocks/onboarding/Onboarding.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Stepper } from '../../components/stepper';\nimport type { Step } from '../../components/stepper';\nimport './onboarding.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport interface OnboardingStep {\n  title: string;\n  description?: string;\n  content: React.ReactNode;\n  /** Validate before advancing. Return error string or null/undefined. */\n  validate?: () => string | null | undefined | Promise<string | null | undefined>;\n}\n\nexport interface OnboardingProps {\n  steps: OnboardingStep[];\n  brand?: React.ReactNode;\n  /** Called when all steps are completed */\n  onComplete?: () => void;\n  /** Use progress dots instead of the Stepper bar */\n  showDots?: boolean;\n  fullPage?: boolean;\n  className?: string;\n  /** Label overrides */\n  nextLabel?: string;\n  backLabel?: string;\n  finishLabel?: string;\n  skipLabel?: string;\n  onSkip?: () => void;\n}\n\n/* ─── Component ───────────────────────────────────────────── */\n\nexport function Onboarding({\n  steps,\n  brand,\n  onComplete,\n  showDots = false,\n  fullPage = false,\n  className,\n  nextLabel = 'Continue',\n  backLabel = 'Back',\n  finishLabel = 'Get started',\n  skipLabel,\n  onSkip,\n}: OnboardingProps) {\n  const [activeStep, setActiveStep] = React.useState(0);\n  const [error, setError] = React.useState<string | null>(null);\n  const [busy, setBusy] = React.useState(false);\n\n  const isLast = activeStep === steps.length - 1;\n  const current = steps[activeStep];\n\n  const stepperSteps: Step[] = steps.map((s) => ({ title: s.title }));\n\n  async function handleNext() {\n    if (current.validate) {\n      setBusy(true);\n      const err = await current.validate();\n      setBusy(false);\n      if (err) { setError(err); return; }\n    }\n    setError(null);\n    if (isLast) {\n      onComplete?.();\n    } else {\n      setActiveStep((p) => p + 1);\n    }\n  }\n\n  function handleBack() {\n    setError(null);\n    setActiveStep((p) => Math.max(0, p - 1));\n  }\n\n  const inner = (\n    <div className={cn('rz-onboarding', className)}>\n      {/* Brand / logo */}\n      {brand && (\n        <div className=\"rz-onboarding__header\">\n          <div className=\"rz-onboarding__brand\">{brand}</div>\n        </div>\n      )}\n\n      {/* Stepper or dots */}\n      {!showDots ? (\n        <Stepper steps={stepperSteps} activeStep={activeStep} labeled />\n      ) : (\n        <div className=\"rz-onboarding__dots\" aria-label={`Step ${activeStep + 1} of ${steps.length}`}>\n          {steps.map((_, i) => (\n            <div\n              key={i}\n              className={cn(\n                'rz-onboarding__dot',\n                i === activeStep && 'rz-onboarding__dot--active',\n                i < activeStep && 'rz-onboarding__dot--done'\n              )}\n            />\n          ))}\n        </div>\n      )}\n\n      {/* Step card */}\n      <div className=\"rz-onboarding__card\">\n        <h2 className=\"rz-onboarding__step-title\">{current.title}</h2>\n        {current.description && <p className=\"rz-onboarding__step-desc\">{current.description}</p>}\n        <div className=\"rz-onboarding__step-content\">{current.content}</div>\n        {error && <p style={{ color: 'var(--rz-color-destructive)', fontSize: '0.875rem', marginTop: '0.75rem' }}>{error}</p>}\n      </div>\n\n      {/* Navigation footer */}\n      <div className=\"rz-onboarding__footer\">\n        <div className=\"rz-onboarding__footer-left\">\n          {activeStep > 0 && (\n            <button\n              type=\"button\"\n              className=\"rz-btn rz-btn--outline rz-btn--md\"\n              onClick={handleBack}\n              disabled={busy}\n            >\n              {backLabel}\n            </button>\n          )}\n          {onSkip && skipLabel && activeStep === 0 && (\n            <button type=\"button\" className=\"rz-btn rz-btn--ghost rz-btn--md\" onClick={onSkip}>\n              {skipLabel}\n            </button>\n          )}\n        </div>\n        <div className=\"rz-onboarding__footer-right\">\n          <button\n            type=\"button\"\n            className={cn('rz-btn rz-btn--md', isLast ? 'rz-btn--default' : 'rz-btn--default')}\n            onClick={handleNext}\n            disabled={busy}\n            aria-busy={busy}\n          >\n            {busy ? 'Please wait…' : isLast ? finishLabel : nextLabel}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n\n  if (fullPage) {\n    return <div className=\"rz-onboarding--fullpage\">{inner}</div>;\n  }\n\n  return inner;\n}\n"],"names":["React"],"mappings":"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"}

package/dist/blocks/onboarding/index.d.ts

@@ -0,0 +1,3 @@
+export { Onboarding } from './Onboarding';
+export type { OnboardingProps, OnboardingStep } from './Onboarding';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/onboarding/index.d.ts.map

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

package/dist/blocks/pricing/Pricing.cjs

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+const Button = require("../../components/button/Button.cjs");
+;/* empty css              */
+const x = require("../../node_modules/lucide-react/dist/esm/icons/x.cjs");
+const check = require("../../node_modules/lucide-react/dist/esm/icons/check.cjs");
+function Pricing({
+  plans,
+  title,
+  description,
+  eyebrow,
+  showToggle = false,
+  yearlySavingsLabel = "Save 20%",
+  className
+}) {
+  const [yearly, setYearly] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cn.cn("rz-pricing", className), children: [
+    (eyebrow || title || description || showToggle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-pricing__header", children: [
+      eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-pricing__eyebrow", children: eyebrow }),
+      title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-pricing__title", children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-pricing__description", children: description }),
+      showToggle && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-pricing__toggle", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-pricing__toggle-label", children: "Monthly" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            role: "switch",
+            "aria-checked": yearly,
+            onClick: () => setYearly(!yearly),
+            style: {
+              width: 44,
+              height: 24,
+              borderRadius: 12,
+              border: "none",
+              cursor: "pointer",
+              position: "relative",
+              backgroundColor: yearly ? "var(--rz-color-primary)" : "var(--rz-color-muted)",
+              transition: "background-color 0.2s"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+              position: "absolute",
+              top: 2,
+              left: yearly ? 22 : 2,
+              width: 20,
+              height: 20,
+              borderRadius: "50%",
+              backgroundColor: "#fff",
+              transition: "left 0.2s"
+            } })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-pricing__toggle-label", children: [
+          "Yearly ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-pricing__badge", children: yearlySavingsLabel })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-pricing__grid", children: plans.map((plan) => {
+      const price = yearly && plan.price.yearly != null ? plan.price.yearly : plan.price.monthly;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-plan-card", plan.featured && "rz-plan-card--featured"), children: [
+        plan.featured && plan.featuredBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-plan-card__badge", children: plan.featuredBadge }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-plan-card__name", children: plan.name }),
+        plan.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-plan-card__description", children: plan.description }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-plan-card__price", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-plan-card__amount", children: typeof price === "number" ? `$${price}` : price }),
+          plan.period && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-plan-card__period", children: [
+            "/",
+            plan.period
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "rz-plan-card__features", children: plan.features.map((f, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cn.cn("rz-plan-card__feature", f.included === false && "rz-plan-card__feature--disabled"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-plan-card__feature-icon", children: f.included === false ? /* @__PURE__ */ jsxRuntime.jsx(x, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(check, { size: 14 }) }),
+          f.text
+        ] }, i)) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-plan-card__cta", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button.Button,
+          {
+            variant: plan.featured ? "default" : "outline",
+            fullWidth: true,
+            onClick: plan.onCta,
+            children: plan.cta ?? "Get Started"
+          }
+        ) })
+      ] }, plan.name);
+    }) })
+  ] });
+}
+exports.Pricing = Pricing;
+//# sourceMappingURL=Pricing.cjs.map

package/dist/blocks/pricing/Pricing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.cjs","sources":["../../../src/blocks/pricing/Pricing.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Check, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../../components/button/Button';\nimport './pricing.css';\n\nexport interface PricingFeature {\n  text: string;\n  included?: boolean;\n}\n\nexport interface PricingPlan {\n  name: string;\n  description?: string;\n  price: { monthly: string | number; yearly?: string | number };\n  period?: string;\n  features: PricingFeature[];\n  cta?: string;\n  featured?: boolean;\n  featuredBadge?: string;\n  onCta?: () => void;\n}\n\nexport interface PricingProps {\n  plans: PricingPlan[];\n  title?: string;\n  description?: string;\n  eyebrow?: string;\n  showToggle?: boolean;\n  yearlySavingsLabel?: string;\n  className?: string;\n}\n\nexport function Pricing({\n  plans,\n  title,\n  description,\n  eyebrow,\n  showToggle = false,\n  yearlySavingsLabel = 'Save 20%',\n  className,\n}: PricingProps) {\n  const [yearly, setYearly] = useState(false);\n\n  return (\n    <section className={cn('rz-pricing', className)}>\n      {(eyebrow || title || description || showToggle) && (\n        <div className=\"rz-pricing__header\">\n          {eyebrow && <p className=\"rz-pricing__eyebrow\">{eyebrow}</p>}\n          {title && <h2 className=\"rz-pricing__title\">{title}</h2>}\n          {description && <p className=\"rz-pricing__description\">{description}</p>}\n          {showToggle && (\n            <div className=\"rz-pricing__toggle\">\n              <span className=\"rz-pricing__toggle-label\">Monthly</span>\n              <button\n                role=\"switch\"\n                aria-checked={yearly}\n                onClick={() => setYearly(!yearly)}\n                style={{\n                  width: 44,\n                  height: 24,\n                  borderRadius: 12,\n                  border: 'none',\n                  cursor: 'pointer',\n                  position: 'relative',\n                  backgroundColor: yearly ? 'var(--rz-color-primary)' : 'var(--rz-color-muted)',\n                  transition: 'background-color 0.2s',\n                }}\n              >\n                <span style={{\n                  position: 'absolute',\n                  top: 2,\n                  left: yearly ? 22 : 2,\n                  width: 20,\n                  height: 20,\n                  borderRadius: '50%',\n                  backgroundColor: '#fff',\n                  transition: 'left 0.2s',\n                }} />\n              </button>\n              <span className=\"rz-pricing__toggle-label\">\n                Yearly <span className=\"rz-pricing__badge\">{yearlySavingsLabel}</span>\n              </span>\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"rz-pricing__grid\">\n        {plans.map((plan) => {\n          const price = yearly && plan.price.yearly != null ? plan.price.yearly : plan.price.monthly;\n          return (\n            <div key={plan.name} className={cn('rz-plan-card', plan.featured && 'rz-plan-card--featured')}>\n              {plan.featured && plan.featuredBadge && (\n                <span className=\"rz-plan-card__badge\">{plan.featuredBadge}</span>\n              )}\n              <div className=\"rz-plan-card__name\">{plan.name}</div>\n              {plan.description && <div className=\"rz-plan-card__description\">{plan.description}</div>}\n              <div className=\"rz-plan-card__price\">\n                <span className=\"rz-plan-card__amount\">\n                  {typeof price === 'number' ? `$${price}` : price}\n                </span>\n                {plan.period && <span className=\"rz-plan-card__period\">/{plan.period}</span>}\n              </div>\n              <ul className=\"rz-plan-card__features\">\n                {plan.features.map((f, i) => (\n                  <li key={i} className={cn('rz-plan-card__feature', f.included === false && 'rz-plan-card__feature--disabled')}>\n                    <span className=\"rz-plan-card__feature-icon\">\n                      {f.included === false ? <X size={14} /> : <Check size={14} />}\n                    </span>\n                    {f.text}\n                  </li>\n                ))}\n              </ul>\n              <div className=\"rz-plan-card__cta\">\n                <Button\n                  variant={plan.featured ? 'default' : 'outline'}\n                  fullWidth\n                  onClick={plan.onCta}\n                >\n                  {plan.cta ?? 'Get Started'}\n                </Button>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </section>\n  );\n}\n"],"names":["useState","cn","jsxs","jsx","X","Check","Button"],"mappings":";;;;;;;;;AAiCO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB;AACF,GAAiB;AACf,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,KAAK;AAE1C,yCACG,WAAA,EAAQ,WAAWC,GAAAA,GAAG,cAAc,SAAS,GAC1C,UAAA;AAAA,KAAA,WAAW,SAAS,eAAe,eACnCC,gCAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,MAAA,WAAWC,2BAAAA,IAAC,KAAA,EAAE,WAAU,uBAAuB,UAAA,SAAQ;AAAA,MACvD,SAASA,2BAAAA,IAAC,MAAA,EAAG,WAAU,qBAAqB,UAAA,OAAM;AAAA,MAClD,eAAeA,2BAAAA,IAAC,KAAA,EAAE,WAAU,2BAA2B,UAAA,aAAY;AAAA,MACnE,cACCD,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,QAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA,WAAO;AAAA,QAClDA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,gBAAc;AAAA,YACd,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,YAChC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,cAAc;AAAA,cACd,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,iBAAiB,SAAS,4BAA4B;AAAA,cACtD,YAAY;AAAA,YAAA;AAAA,YAGd,UAAAA,2BAAAA,IAAC,UAAK,OAAO;AAAA,cACX,UAAU;AAAA,cACV,KAAK;AAAA,cACL,MAAM,SAAS,KAAK;AAAA,cACpB,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,cAAc;AAAA,cACd,iBAAiB;AAAA,cACjB,YAAY;AAAA,YAAA,EACd,CAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAELD,2BAAAA,KAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA;AAAA,UAAA;AAAA,UAClCC,2BAAAA,IAAC,QAAA,EAAK,WAAU,qBAAqB,UAAA,mBAAA,CAAmB;AAAA,QAAA,EAAA,CACjE;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,mCAGD,OAAA,EAAI,WAAU,oBACZ,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,YAAM,QAAQ,UAAU,KAAK,MAAM,UAAU,OAAO,KAAK,MAAM,SAAS,KAAK,MAAM;AACnF,aACED,gCAAC,SAAoB,WAAWD,GAAAA,GAAG,gBAAgB,KAAK,YAAY,wBAAwB,GACzF,UAAA;AAAA,QAAA,KAAK,YAAY,KAAK,iBACrBE,2BAAAA,IAAC,UAAK,WAAU,uBAAuB,eAAK,cAAA,CAAc;AAAA,QAE5DA,2BAAAA,IAAC,OAAA,EAAI,WAAU,sBAAsB,eAAK,MAAK;AAAA,QAC9C,KAAK,eAAeA,2BAAAA,IAAC,SAAI,WAAU,6BAA6B,eAAK,aAAY;AAAA,QAClFD,2BAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,wBACb,UAAA,OAAO,UAAU,WAAW,IAAI,KAAK,KAAK,MAAA,CAC7C;AAAA,UACC,KAAK,UAAUD,gCAAC,QAAA,EAAK,WAAU,wBAAuB,UAAA;AAAA,YAAA;AAAA,YAAE,KAAK;AAAA,UAAA,EAAA,CAAO;AAAA,QAAA,GACvE;AAAA,uCACC,MAAA,EAAG,WAAU,0BACX,UAAA,KAAK,SAAS,IAAI,CAAC,GAAG,MACrBA,2BAAAA,KAAC,MAAA,EAAW,WAAWD,GAAAA,GAAG,yBAAyB,EAAE,aAAa,SAAS,iCAAiC,GAC1G,UAAA;AAAA,UAAAE,+BAAC,QAAA,EAAK,WAAU,8BACb,UAAA,EAAE,aAAa,QAAQA,2BAAAA,IAACC,GAAA,EAAE,MAAM,IAAI,IAAKD,2BAAAA,IAACE,OAAA,EAAM,MAAM,IAAI,GAC7D;AAAA,UACC,EAAE;AAAA,QAAA,KAJI,CAKT,CACD,GACH;AAAA,QACAF,2BAAAA,IAAC,OAAA,EAAI,WAAU,qBACb,UAAAA,2BAAAA;AAAAA,UAACG,OAAAA;AAAAA,UAAA;AAAA,YACC,SAAS,KAAK,WAAW,YAAY;AAAA,YACrC,WAAS;AAAA,YACT,SAAS,KAAK;AAAA,YAEb,eAAK,OAAO;AAAA,UAAA;AAAA,QAAA,EACf,CACF;AAAA,MAAA,EAAA,GA9BQ,KAAK,IA+Bf;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}

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

@@ -0,0 +1,29 @@
+export interface PricingFeature {
+    text: string;
+    included?: boolean;
+}
+export interface PricingPlan {
+    name: string;
+    description?: string;
+    price: {
+        monthly: string | number;
+        yearly?: string | number;
+    };
+    period?: string;
+    features: PricingFeature[];
+    cta?: string;
+    featured?: boolean;
+    featuredBadge?: string;
+    onCta?: () => void;
+}
+export interface PricingProps {
+    plans: PricingPlan[];
+    title?: string;
+    description?: string;
+    eyebrow?: string;
+    showToggle?: boolean;
+    yearlySavingsLabel?: string;
+    className?: string;
+}
+export declare function Pricing({ plans, title, description, eyebrow, showToggle, yearlySavingsLabel, className, }: PricingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Pricing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../../src/blocks/pricing/Pricing.tsx"],"names":[],"mappings":"AAIA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAkB,EAClB,kBAA+B,EAC/B,SAAS,GACV,EAAE,YAAY,2CAwFd"}

package/dist/blocks/pricing/Pricing.js

@@ -0,0 +1,92 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../../utils/cn.js";
+import { Button } from "../../components/button/Button.js";
+/* empty css            */
+import X from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import Check from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+function Pricing({
+  plans,
+  title,
+  description,
+  eyebrow,
+  showToggle = false,
+  yearlySavingsLabel = "Save 20%",
+  className
+}) {
+  const [yearly, setYearly] = useState(false);
+  return /* @__PURE__ */ jsxs("section", { className: cn("rz-pricing", className), children: [
+    (eyebrow || title || description || showToggle) && /* @__PURE__ */ jsxs("div", { className: "rz-pricing__header", children: [
+      eyebrow && /* @__PURE__ */ jsx("p", { className: "rz-pricing__eyebrow", children: eyebrow }),
+      title && /* @__PURE__ */ jsx("h2", { className: "rz-pricing__title", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "rz-pricing__description", children: description }),
+      showToggle && /* @__PURE__ */ jsxs("div", { className: "rz-pricing__toggle", children: [
+        /* @__PURE__ */ jsx("span", { className: "rz-pricing__toggle-label", children: "Monthly" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            role: "switch",
+            "aria-checked": yearly,
+            onClick: () => setYearly(!yearly),
+            style: {
+              width: 44,
+              height: 24,
+              borderRadius: 12,
+              border: "none",
+              cursor: "pointer",
+              position: "relative",
+              backgroundColor: yearly ? "var(--rz-color-primary)" : "var(--rz-color-muted)",
+              transition: "background-color 0.2s"
+            },
+            children: /* @__PURE__ */ jsx("span", { style: {
+              position: "absolute",
+              top: 2,
+              left: yearly ? 22 : 2,
+              width: 20,
+              height: 20,
+              borderRadius: "50%",
+              backgroundColor: "#fff",
+              transition: "left 0.2s"
+            } })
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "rz-pricing__toggle-label", children: [
+          "Yearly ",
+          /* @__PURE__ */ jsx("span", { className: "rz-pricing__badge", children: yearlySavingsLabel })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rz-pricing__grid", children: plans.map((plan) => {
+      const price = yearly && plan.price.yearly != null ? plan.price.yearly : plan.price.monthly;
+      return /* @__PURE__ */ jsxs("div", { className: cn("rz-plan-card", plan.featured && "rz-plan-card--featured"), children: [
+        plan.featured && plan.featuredBadge && /* @__PURE__ */ jsx("span", { className: "rz-plan-card__badge", children: plan.featuredBadge }),
+        /* @__PURE__ */ jsx("div", { className: "rz-plan-card__name", children: plan.name }),
+        plan.description && /* @__PURE__ */ jsx("div", { className: "rz-plan-card__description", children: plan.description }),
+        /* @__PURE__ */ jsxs("div", { className: "rz-plan-card__price", children: [
+          /* @__PURE__ */ jsx("span", { className: "rz-plan-card__amount", children: typeof price === "number" ? `$${price}` : price }),
+          plan.period && /* @__PURE__ */ jsxs("span", { className: "rz-plan-card__period", children: [
+            "/",
+            plan.period
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "rz-plan-card__features", children: plan.features.map((f, i) => /* @__PURE__ */ jsxs("li", { className: cn("rz-plan-card__feature", f.included === false && "rz-plan-card__feature--disabled"), children: [
+          /* @__PURE__ */ jsx("span", { className: "rz-plan-card__feature-icon", children: f.included === false ? /* @__PURE__ */ jsx(X, { size: 14 }) : /* @__PURE__ */ jsx(Check, { size: 14 }) }),
+          f.text
+        ] }, i)) }),
+        /* @__PURE__ */ jsx("div", { className: "rz-plan-card__cta", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: plan.featured ? "default" : "outline",
+            fullWidth: true,
+            onClick: plan.onCta,
+            children: plan.cta ?? "Get Started"
+          }
+        ) })
+      ] }, plan.name);
+    }) })
+  ] });
+}
+export {
+  Pricing
+};
+//# sourceMappingURL=Pricing.js.map

package/dist/blocks/pricing/Pricing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.js","sources":["../../../src/blocks/pricing/Pricing.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Check, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../../components/button/Button';\nimport './pricing.css';\n\nexport interface PricingFeature {\n  text: string;\n  included?: boolean;\n}\n\nexport interface PricingPlan {\n  name: string;\n  description?: string;\n  price: { monthly: string | number; yearly?: string | number };\n  period?: string;\n  features: PricingFeature[];\n  cta?: string;\n  featured?: boolean;\n  featuredBadge?: string;\n  onCta?: () => void;\n}\n\nexport interface PricingProps {\n  plans: PricingPlan[];\n  title?: string;\n  description?: string;\n  eyebrow?: string;\n  showToggle?: boolean;\n  yearlySavingsLabel?: string;\n  className?: string;\n}\n\nexport function Pricing({\n  plans,\n  title,\n  description,\n  eyebrow,\n  showToggle = false,\n  yearlySavingsLabel = 'Save 20%',\n  className,\n}: PricingProps) {\n  const [yearly, setYearly] = useState(false);\n\n  return (\n    <section className={cn('rz-pricing', className)}>\n      {(eyebrow || title || description || showToggle) && (\n        <div className=\"rz-pricing__header\">\n          {eyebrow && <p className=\"rz-pricing__eyebrow\">{eyebrow}</p>}\n          {title && <h2 className=\"rz-pricing__title\">{title}</h2>}\n          {description && <p className=\"rz-pricing__description\">{description}</p>}\n          {showToggle && (\n            <div className=\"rz-pricing__toggle\">\n              <span className=\"rz-pricing__toggle-label\">Monthly</span>\n              <button\n                role=\"switch\"\n                aria-checked={yearly}\n                onClick={() => setYearly(!yearly)}\n                style={{\n                  width: 44,\n                  height: 24,\n                  borderRadius: 12,\n                  border: 'none',\n                  cursor: 'pointer',\n                  position: 'relative',\n                  backgroundColor: yearly ? 'var(--rz-color-primary)' : 'var(--rz-color-muted)',\n                  transition: 'background-color 0.2s',\n                }}\n              >\n                <span style={{\n                  position: 'absolute',\n                  top: 2,\n                  left: yearly ? 22 : 2,\n                  width: 20,\n                  height: 20,\n                  borderRadius: '50%',\n                  backgroundColor: '#fff',\n                  transition: 'left 0.2s',\n                }} />\n              </button>\n              <span className=\"rz-pricing__toggle-label\">\n                Yearly <span className=\"rz-pricing__badge\">{yearlySavingsLabel}</span>\n              </span>\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"rz-pricing__grid\">\n        {plans.map((plan) => {\n          const price = yearly && plan.price.yearly != null ? plan.price.yearly : plan.price.monthly;\n          return (\n            <div key={plan.name} className={cn('rz-plan-card', plan.featured && 'rz-plan-card--featured')}>\n              {plan.featured && plan.featuredBadge && (\n                <span className=\"rz-plan-card__badge\">{plan.featuredBadge}</span>\n              )}\n              <div className=\"rz-plan-card__name\">{plan.name}</div>\n              {plan.description && <div className=\"rz-plan-card__description\">{plan.description}</div>}\n              <div className=\"rz-plan-card__price\">\n                <span className=\"rz-plan-card__amount\">\n                  {typeof price === 'number' ? `$${price}` : price}\n                </span>\n                {plan.period && <span className=\"rz-plan-card__period\">/{plan.period}</span>}\n              </div>\n              <ul className=\"rz-plan-card__features\">\n                {plan.features.map((f, i) => (\n                  <li key={i} className={cn('rz-plan-card__feature', f.included === false && 'rz-plan-card__feature--disabled')}>\n                    <span className=\"rz-plan-card__feature-icon\">\n                      {f.included === false ? <X size={14} /> : <Check size={14} />}\n                    </span>\n                    {f.text}\n                  </li>\n                ))}\n              </ul>\n              <div className=\"rz-plan-card__cta\">\n                <Button\n                  variant={plan.featured ? 'default' : 'outline'}\n                  fullWidth\n                  onClick={plan.onCta}\n                >\n                  {plan.cta ?? 'Get Started'}\n                </Button>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/blocks/pricing/index.d.ts

@@ -0,0 +1,3 @@
+export { Pricing } from './Pricing';
+export type { PricingProps, PricingPlan, PricingFeature } from './Pricing';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/pricing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/pricing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/dist/blocks/pricing-comparison/PricingComparison.cjs

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+;/* empty css                         */
+function CheckIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) });
+}
+function renderValue(val, _featured) {
+  if (val === true) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-pricing-comparison__check", "aria-label": "Included", children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) });
+  }
+  if (val === false) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-pricing-comparison__dash", "aria-label": "Not included", children: "—" });
+  }
+  return val;
+}
+function PricingComparison({
+  title = "Compare plans",
+  subtitle = "Find the plan that works best for your needs.",
+  plans,
+  sections,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `rz-pricing-comparison ${className}`, "aria-label": "Pricing comparison", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-pricing-comparison__inner", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-pricing-comparison__header", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-pricing-comparison__title", children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-pricing-comparison__subtitle", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-pricing-comparison__table-wrap", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "rz-pricing-comparison__table", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "rz-pricing-comparison__feature-head", scope: "col", children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { visibility: "hidden" }, children: "Feature" }) }),
+        plans.map((plan) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "th",
+          {
+            className: `rz-pricing-comparison__plan-head${plan.featured ? " rz-pricing-comparison__plan-head--featured" : ""}`,
+            scope: "col",
+            children: [
+              plan.badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-pricing-comparison__plan-badge", children: plan.badge }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-pricing-comparison__plan-label", children: plan.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-pricing-comparison__plan-price", children: plan.price }),
+              plan.period && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-pricing-comparison__plan-period", children: plan.period }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: `rz-pricing-comparison__plan-cta rz-pricing-comparison__plan-cta--${plan.featured ? "featured" : "default"}`,
+                  onClick: plan.onCtaClick,
+                  type: "button",
+                  children: plan.ctaText ?? "Get started"
+                }
+              )
+            ]
+          },
+          plan.id
+        ))
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: sections.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "rz-pricing-comparison__section-row", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "td",
+          {
+            className: "rz-pricing-comparison__section-cell",
+            colSpan: plans.length + 1,
+            children: section.title
+          }
+        ) }),
+        section.features.map((feature) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "rz-pricing-comparison__row", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "rz-pricing-comparison__feature-cell", scope: "row", children: [
+            feature.label,
+            feature.hint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-pricing-comparison__feature-hint", children: feature.hint })
+          ] }),
+          plans.map((plan) => /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              className: `rz-pricing-comparison__value-cell${plan.featured ? " rz-pricing-comparison__value-cell--featured" : ""}`,
+              children: renderValue(feature.values[plan.id] ?? false, !!plan.featured)
+            },
+            plan.id
+          ))
+        ] }, feature.key))
+      ] }, section.title)) })
+    ] }) })
+  ] }) });
+}
+exports.PricingComparison = PricingComparison;
+//# sourceMappingURL=PricingComparison.cjs.map