rothzerg-ui 0.1.0

package/dist/blocks/coming-soon/ComingSoon.js

@@ -0,0 +1,78 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css                */
+import { Button } from "../../components/button/Button.js";
+function useCountdown(target) {
+  const calc = () => {
+    if (!target) return { days: 0, hours: 0, minutes: 0, seconds: 0 };
+    const diff = Math.max(0, target.getTime() - Date.now());
+    return {
+      days: Math.floor(diff / 864e5),
+      hours: Math.floor(diff % 864e5 / 36e5),
+      minutes: Math.floor(diff % 36e5 / 6e4),
+      seconds: Math.floor(diff % 6e4 / 1e3)
+    };
+  };
+  const [time, setTime] = React__default.useState(calc);
+  React__default.useEffect(() => {
+    if (!target) return;
+    const id = setInterval(() => setTime(calc()), 1e3);
+    return () => clearInterval(id);
+  }, [target == null ? void 0 : target.getTime()]);
+  return time;
+}
+function pad(n) {
+  return String(n).padStart(2, "0");
+}
+function ComingSoon({
+  logo = "⚡ Rothzerg",
+  badge = "Coming soon",
+  title = "Something awesome\nis on the way",
+  description = "We're working hard to bring you something amazing. Leave your email and we'll let you know when we launch.",
+  targetDate,
+  showNotify = true,
+  onNotify,
+  socials,
+  className
+}) {
+  const { days, hours, minutes, seconds } = useCountdown(targetDate);
+  const [email, setEmail] = React__default.useState("");
+  const [submitted, setSubmitted] = React__default.useState(false);
+  async function handleNotify(e) {
+    e.preventDefault();
+    if (!email) return;
+    await (onNotify == null ? void 0 : onNotify(email));
+    setSubmitted(true);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-coming-soon", className), children: [
+    logo && /* @__PURE__ */ jsx("div", { className: "rz-coming-soon__logo", children: logo }),
+    badge && /* @__PURE__ */ jsx("span", { className: "rz-coming-soon__badge", children: badge }),
+    /* @__PURE__ */ jsx("h1", { className: "rz-coming-soon__title", style: { whiteSpace: "pre-line" }, children: title }),
+    /* @__PURE__ */ jsx("p", { className: "rz-coming-soon__description", children: description }),
+    targetDate && /* @__PURE__ */ jsx("div", { className: "rz-coming-soon__countdown", "aria-label": "Countdown", children: [{ v: days, l: "Days" }, { v: hours, l: "Hours" }, { v: minutes, l: "Minutes" }, { v: seconds, l: "Seconds" }].map(({ v, l }) => /* @__PURE__ */ jsxs("div", { className: "rz-coming-soon__unit", children: [
+      /* @__PURE__ */ jsx("span", { className: "rz-coming-soon__value", children: pad(v) }),
+      /* @__PURE__ */ jsx("span", { className: "rz-coming-soon__label", children: l })
+    ] }, l)) }),
+    showNotify && (submitted ? /* @__PURE__ */ jsx("p", { style: { color: "#10b981", fontWeight: 500, marginBottom: "2rem" }, children: "✓ You're on the list!" }) : /* @__PURE__ */ jsxs("form", { className: "rz-coming-soon__notify", onSubmit: handleNotify, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "email",
+          className: "rz-coming-soon__email",
+          placeholder: "Enter your email",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          required: true,
+          "aria-label": "Email address"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { type: "submit", children: "Notify me" })
+    ] })),
+    socials && socials.length > 0 && /* @__PURE__ */ jsx("div", { className: "rz-coming-soon__social", children: socials.map((s, i) => /* @__PURE__ */ jsx("a", { href: s.href, className: "rz-coming-soon__social-link", "aria-label": s.label, target: "_blank", rel: "noopener noreferrer", children: s.icon }, i)) })
+  ] });
+}
+export {
+  ComingSoon
+};
+//# sourceMappingURL=ComingSoon.js.map

package/dist/blocks/coming-soon/ComingSoon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComingSoon.js","sources":["../../../src/blocks/coming-soon/ComingSoon.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../../components/button';\nimport './coming-soon.css';\n\nexport interface ComingSoonSocial {\n  icon: React.ReactNode;\n  href: string;\n  label: string;\n}\n\nexport interface ComingSoonProps {\n  logo?: React.ReactNode;\n  badge?: string;\n  title?: string;\n  description?: string;\n  /** Target date for countdown */\n  targetDate?: Date;\n  showNotify?: boolean;\n  onNotify?: (email: string) => void;\n  socials?: ComingSoonSocial[];\n  className?: string;\n}\n\nfunction useCountdown(target?: Date) {\n  const calc = () => {\n    if (!target) return { days: 0, hours: 0, minutes: 0, seconds: 0 };\n    const diff = Math.max(0, target.getTime() - Date.now());\n    return {\n      days: Math.floor(diff / 86400000),\n      hours: Math.floor((diff % 86400000) / 3600000),\n      minutes: Math.floor((diff % 3600000) / 60000),\n      seconds: Math.floor((diff % 60000) / 1000),\n    };\n  };\n\n  const [time, setTime] = React.useState(calc);\n  React.useEffect(() => {\n    if (!target) return;\n    const id = setInterval(() => setTime(calc()), 1000);\n    return () => clearInterval(id);\n  }, [target?.getTime()]);\n  return time;\n}\n\nfunction pad(n: number) { return String(n).padStart(2, '0'); }\n\nexport function ComingSoon({\n  logo = '⚡ Rothzerg',\n  badge = 'Coming soon',\n  title = 'Something awesome\\nis on the way',\n  description = \"We're working hard to bring you something amazing. Leave your email and we'll let you know when we launch.\",\n  targetDate,\n  showNotify = true,\n  onNotify,\n  socials,\n  className,\n}: ComingSoonProps) {\n  const { days, hours, minutes, seconds } = useCountdown(targetDate);\n  const [email, setEmail] = React.useState('');\n  const [submitted, setSubmitted] = React.useState(false);\n\n  async function handleNotify(e: React.FormEvent) {\n    e.preventDefault();\n    if (!email) return;\n    await onNotify?.(email);\n    setSubmitted(true);\n  }\n\n  return (\n    <div className={cn('rz-coming-soon', className)}>\n      {logo && <div className=\"rz-coming-soon__logo\">{logo}</div>}\n      {badge && <span className=\"rz-coming-soon__badge\">{badge}</span>}\n      <h1 className=\"rz-coming-soon__title\" style={{ whiteSpace: 'pre-line' }}>{title}</h1>\n      <p className=\"rz-coming-soon__description\">{description}</p>\n\n      {/* Countdown */}\n      {targetDate && (\n        <div className=\"rz-coming-soon__countdown\" aria-label=\"Countdown\">\n          {[{ v: days, l: 'Days' }, { v: hours, l: 'Hours' }, { v: minutes, l: 'Minutes' }, { v: seconds, l: 'Seconds' }].map(({ v, l }) => (\n            <div key={l} className=\"rz-coming-soon__unit\">\n              <span className=\"rz-coming-soon__value\">{pad(v)}</span>\n              <span className=\"rz-coming-soon__label\">{l}</span>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Email notify */}\n      {showNotify && (\n        submitted ? (\n          <p style={{ color: '#10b981', fontWeight: 500, marginBottom: '2rem' }}>✓ You're on the list!</p>\n        ) : (\n          <form className=\"rz-coming-soon__notify\" onSubmit={handleNotify}>\n            <input\n              type=\"email\"\n              className=\"rz-coming-soon__email\"\n              placeholder=\"Enter your email\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              required\n              aria-label=\"Email address\"\n            />\n            <Button type=\"submit\">Notify me</Button>\n          </form>\n        )\n      )}\n\n      {/* Socials */}\n      {socials && socials.length > 0 && (\n        <div className=\"rz-coming-soon__social\">\n          {socials.map((s, i) => (\n            <a key={i} href={s.href} className=\"rz-coming-soon__social-link\" aria-label={s.label} target=\"_blank\" rel=\"noopener noreferrer\">\n              {s.icon}\n            </a>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/blocks/coming-soon/index.d.ts

@@ -0,0 +1,3 @@
+export { ComingSoon } from './ComingSoon';
+export type { ComingSoonProps, ComingSoonSocial } from './ComingSoon';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/coming-soon/index.d.ts.map

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

package/dist/blocks/contact-form/ContactForm.cjs

@@ -0,0 +1,83 @@
+"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 Button = require("../../components/button/Button.cjs");
+const Input = require("../../components/input/Input.cjs");
+const Textarea = require("../../components/textarea/Textarea.cjs");
+function ContactForm({
+  title = "Get in touch",
+  description,
+  eyebrow = "Contact",
+  layout = "split",
+  details,
+  onSubmit,
+  successMessage = "Thanks for reaching out! We'll get back to you within 24 hours.",
+  submitLabel = "Send message",
+  className
+}) {
+  const [form, setForm] = React.useState({ name: "", email: "", subject: "", message: "" });
+  const [busy, setBusy] = React.useState(false);
+  const [sent, setSent] = React.useState(false);
+  function update(key) {
+    return (e) => setForm((prev) => ({ ...prev, [key]: e.target.value }));
+  }
+  async function handleSubmit(e) {
+    e.preventDefault();
+    setBusy(true);
+    try {
+      await (onSubmit == null ? void 0 : onSubmit(form));
+      setSent(true);
+    } finally {
+      setBusy(false);
+    }
+  }
+  const formCard = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-contact__form-card", children: sent ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-contact__success", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-contact__success-icon", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-contact__success-title", children: "Message sent!" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-contact__success-desc", children: successMessage }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "outline", size: "sm", onClick: () => {
+      setSent(false);
+      setForm({ name: "", email: "", subject: "", message: "" });
+    }, children: "Send another" })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "rz-contact__form", onSubmit: handleSubmit, noValidate: true, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-contact__row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Input.Input, { label: "Full name", value: form.name, onChange: update("name"), placeholder: "Jane Doe", required: true }),
+      /* @__PURE__ */ jsxRuntime.jsx(Input.Input, { label: "Email", type: "email", value: form.email, onChange: update("email"), placeholder: "jane@acme.com", required: true })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Input.Input, { label: "Subject", value: form.subject, onChange: update("subject"), placeholder: "How can we help?" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Textarea.Textarea, { label: "Message", value: form.message, onChange: update("message"), placeholder: "Write your message…", rows: 5, required: true }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "submit", loading: busy, disabled: busy, children: submitLabel })
+  ] }) });
+  if (layout === "split") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-contact rz-contact--split", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-contact__info", children: [
+        eyebrow && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-contact__eyebrow", children: eyebrow }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-contact__title", children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-contact__description", children: description })
+        ] }),
+        details && details.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-contact__details", children: details.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-contact__detail", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-contact__detail-icon", children: d.icon }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-contact__detail-label", children: d.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: d.value })
+          ] })
+        ] }, i)) })
+      ] }),
+      formCard
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-contact", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-contact__info", style: { alignItems: "center", textAlign: "center", marginBottom: "2rem" }, children: [
+      eyebrow && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-contact__eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-contact__title", children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-contact__description", children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { maxWidth: "40rem", margin: "0 auto" }, children: formCard })
+  ] });
+}
+exports.ContactForm = ContactForm;
+//# sourceMappingURL=ContactForm.cjs.map

package/dist/blocks/contact-form/ContactForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactForm.cjs","sources":["../../../src/blocks/contact-form/ContactForm.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Input } from '../../components/input';\nimport { Textarea } from '../../components/textarea';\nimport { Button } from '../../components/button';\nimport './contact-form.css';\n\nexport interface ContactDetail {\n  icon: React.ReactNode;\n  label: string;\n  value: string;\n}\n\nexport type ContactFormLayout = 'centered' | 'split';\n\nexport interface ContactFormProps {\n  title?: string;\n  description?: string;\n  eyebrow?: string;\n  layout?: ContactFormLayout;\n  details?: ContactDetail[];\n  onSubmit?: (data: { name: string; email: string; subject?: string; message: string }) => Promise<void> | void;\n  successMessage?: string;\n  submitLabel?: string;\n  className?: string;\n}\n\nexport function ContactForm({\n  title = 'Get in touch',\n  description,\n  eyebrow = 'Contact',\n  layout = 'split',\n  details,\n  onSubmit,\n  successMessage = \"Thanks for reaching out! We'll get back to you within 24 hours.\",\n  submitLabel = 'Send message',\n  className,\n}: ContactFormProps) {\n  const [form, setForm] = React.useState({ name: '', email: '', subject: '', message: '' });\n  const [busy, setBusy] = React.useState(false);\n  const [sent, setSent] = React.useState(false);\n\n  function update(key: string) {\n    return (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>\n      setForm((prev) => ({ ...prev, [key]: e.target.value }));\n  }\n\n  async function handleSubmit(e: React.FormEvent) {\n    e.preventDefault();\n    setBusy(true);\n    try {\n      await onSubmit?.(form);\n      setSent(true);\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  const formCard = (\n    <div className=\"rz-contact__form-card\">\n      {sent ? (\n        <div className=\"rz-contact__success\">\n          <div className=\"rz-contact__success-icon\">\n            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n            </svg>\n          </div>\n          <p className=\"rz-contact__success-title\">Message sent!</p>\n          <p className=\"rz-contact__success-desc\">{successMessage}</p>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => { setSent(false); setForm({ name: '', email: '', subject: '', message: '' }); }}>\n            Send another\n          </Button>\n        </div>\n      ) : (\n        <form className=\"rz-contact__form\" onSubmit={handleSubmit} noValidate>\n          <div className=\"rz-contact__row\">\n            <Input label=\"Full name\" value={form.name} onChange={update('name')} placeholder=\"Jane Doe\" required />\n            <Input label=\"Email\" type=\"email\" value={form.email} onChange={update('email')} placeholder=\"jane@acme.com\" required />\n          </div>\n          <Input label=\"Subject\" value={form.subject} onChange={update('subject')} placeholder=\"How can we help?\" />\n          <Textarea label=\"Message\" value={form.message} onChange={update('message')} placeholder=\"Write your message…\" rows={5} required />\n          <Button type=\"submit\" loading={busy} disabled={busy}>{submitLabel}</Button>\n        </form>\n      )}\n    </div>\n  );\n\n  if (layout === 'split') {\n    return (\n      <div className={cn('rz-contact rz-contact--split', className)}>\n        <div className=\"rz-contact__info\">\n          {eyebrow && <span className=\"rz-contact__eyebrow\">{eyebrow}</span>}\n          <div>\n            <h2 className=\"rz-contact__title\">{title}</h2>\n            {description && <p className=\"rz-contact__description\">{description}</p>}\n          </div>\n          {details && details.length > 0 && (\n            <div className=\"rz-contact__details\">\n              {details.map((d, i) => (\n                <div key={i} className=\"rz-contact__detail\">\n                  <div className=\"rz-contact__detail-icon\">{d.icon}</div>\n                  <div>\n                    <p className=\"rz-contact__detail-label\">{d.label}</p>\n                    <p>{d.value}</p>\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n        {formCard}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('rz-contact', className)}>\n      <div className=\"rz-contact__info\" style={{ alignItems: 'center', textAlign: 'center', marginBottom: '2rem' }}>\n        {eyebrow && <span className=\"rz-contact__eyebrow\">{eyebrow}</span>}\n        <h2 className=\"rz-contact__title\">{title}</h2>\n        {description && <p className=\"rz-contact__description\">{description}</p>}\n      </div>\n      <div style={{ maxWidth: '40rem', margin: '0 auto' }}>{formCard}</div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","Button","Input","Textarea","cn"],"mappings":"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"}

package/dist/blocks/contact-form/ContactForm.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export interface ContactDetail {
+    icon: React.ReactNode;
+    label: string;
+    value: string;
+}
+export type ContactFormLayout = 'centered' | 'split';
+export interface ContactFormProps {
+    title?: string;
+    description?: string;
+    eyebrow?: string;
+    layout?: ContactFormLayout;
+    details?: ContactDetail[];
+    onSubmit?: (data: {
+        name: string;
+        email: string;
+        subject?: string;
+        message: string;
+    }) => Promise<void> | void;
+    successMessage?: string;
+    submitLabel?: string;
+    className?: string;
+}
+export declare function ContactForm({ title, description, eyebrow, layout, details, onSubmit, successMessage, submitLabel, className, }: ContactFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContactForm.d.ts.map

package/dist/blocks/contact-form/ContactForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactForm.d.ts","sourceRoot":"","sources":["../../../src/blocks/contact-form/ContactForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9G,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAsB,EACtB,WAAW,EACX,OAAmB,EACnB,MAAgB,EAChB,OAAO,EACP,QAAQ,EACR,cAAkF,EAClF,WAA4B,EAC5B,SAAS,GACV,EAAE,gBAAgB,2CAwFlB"}

package/dist/blocks/contact-form/ContactForm.js

@@ -0,0 +1,83 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css                 */
+import { Button } from "../../components/button/Button.js";
+import { Input } from "../../components/input/Input.js";
+import { Textarea } from "../../components/textarea/Textarea.js";
+function ContactForm({
+  title = "Get in touch",
+  description,
+  eyebrow = "Contact",
+  layout = "split",
+  details,
+  onSubmit,
+  successMessage = "Thanks for reaching out! We'll get back to you within 24 hours.",
+  submitLabel = "Send message",
+  className
+}) {
+  const [form, setForm] = React__default.useState({ name: "", email: "", subject: "", message: "" });
+  const [busy, setBusy] = React__default.useState(false);
+  const [sent, setSent] = React__default.useState(false);
+  function update(key) {
+    return (e) => setForm((prev) => ({ ...prev, [key]: e.target.value }));
+  }
+  async function handleSubmit(e) {
+    e.preventDefault();
+    setBusy(true);
+    try {
+      await (onSubmit == null ? void 0 : onSubmit(form));
+      setSent(true);
+    } finally {
+      setBusy(false);
+    }
+  }
+  const formCard = /* @__PURE__ */ jsx("div", { className: "rz-contact__form-card", children: sent ? /* @__PURE__ */ jsxs("div", { className: "rz-contact__success", children: [
+    /* @__PURE__ */ jsx("div", { className: "rz-contact__success-icon", children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) }),
+    /* @__PURE__ */ jsx("p", { className: "rz-contact__success-title", children: "Message sent!" }),
+    /* @__PURE__ */ jsx("p", { className: "rz-contact__success-desc", children: successMessage }),
+    /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => {
+      setSent(false);
+      setForm({ name: "", email: "", subject: "", message: "" });
+    }, children: "Send another" })
+  ] }) : /* @__PURE__ */ jsxs("form", { className: "rz-contact__form", onSubmit: handleSubmit, noValidate: true, children: [
+    /* @__PURE__ */ jsxs("div", { className: "rz-contact__row", children: [
+      /* @__PURE__ */ jsx(Input, { label: "Full name", value: form.name, onChange: update("name"), placeholder: "Jane Doe", required: true }),
+      /* @__PURE__ */ jsx(Input, { label: "Email", type: "email", value: form.email, onChange: update("email"), placeholder: "jane@acme.com", required: true })
+    ] }),
+    /* @__PURE__ */ jsx(Input, { label: "Subject", value: form.subject, onChange: update("subject"), placeholder: "How can we help?" }),
+    /* @__PURE__ */ jsx(Textarea, { label: "Message", value: form.message, onChange: update("message"), placeholder: "Write your message…", rows: 5, required: true }),
+    /* @__PURE__ */ jsx(Button, { type: "submit", loading: busy, disabled: busy, children: submitLabel })
+  ] }) });
+  if (layout === "split") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("rz-contact rz-contact--split", className), children: [
+      /* @__PURE__ */ jsxs("div", { className: "rz-contact__info", children: [
+        eyebrow && /* @__PURE__ */ jsx("span", { className: "rz-contact__eyebrow", children: eyebrow }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "rz-contact__title", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "rz-contact__description", children: description })
+        ] }),
+        details && details.length > 0 && /* @__PURE__ */ jsx("div", { className: "rz-contact__details", children: details.map((d, i) => /* @__PURE__ */ jsxs("div", { className: "rz-contact__detail", children: [
+          /* @__PURE__ */ jsx("div", { className: "rz-contact__detail-icon", children: d.icon }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "rz-contact__detail-label", children: d.label }),
+            /* @__PURE__ */ jsx("p", { children: d.value })
+          ] })
+        ] }, i)) })
+      ] }),
+      formCard
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-contact", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "rz-contact__info", style: { alignItems: "center", textAlign: "center", marginBottom: "2rem" }, children: [
+      eyebrow && /* @__PURE__ */ jsx("span", { className: "rz-contact__eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx("h2", { className: "rz-contact__title", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "rz-contact__description", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { maxWidth: "40rem", margin: "0 auto" }, children: formCard })
+  ] });
+}
+export {
+  ContactForm
+};
+//# sourceMappingURL=ContactForm.js.map

package/dist/blocks/contact-form/ContactForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactForm.js","sources":["../../../src/blocks/contact-form/ContactForm.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Input } from '../../components/input';\nimport { Textarea } from '../../components/textarea';\nimport { Button } from '../../components/button';\nimport './contact-form.css';\n\nexport interface ContactDetail {\n  icon: React.ReactNode;\n  label: string;\n  value: string;\n}\n\nexport type ContactFormLayout = 'centered' | 'split';\n\nexport interface ContactFormProps {\n  title?: string;\n  description?: string;\n  eyebrow?: string;\n  layout?: ContactFormLayout;\n  details?: ContactDetail[];\n  onSubmit?: (data: { name: string; email: string; subject?: string; message: string }) => Promise<void> | void;\n  successMessage?: string;\n  submitLabel?: string;\n  className?: string;\n}\n\nexport function ContactForm({\n  title = 'Get in touch',\n  description,\n  eyebrow = 'Contact',\n  layout = 'split',\n  details,\n  onSubmit,\n  successMessage = \"Thanks for reaching out! We'll get back to you within 24 hours.\",\n  submitLabel = 'Send message',\n  className,\n}: ContactFormProps) {\n  const [form, setForm] = React.useState({ name: '', email: '', subject: '', message: '' });\n  const [busy, setBusy] = React.useState(false);\n  const [sent, setSent] = React.useState(false);\n\n  function update(key: string) {\n    return (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>\n      setForm((prev) => ({ ...prev, [key]: e.target.value }));\n  }\n\n  async function handleSubmit(e: React.FormEvent) {\n    e.preventDefault();\n    setBusy(true);\n    try {\n      await onSubmit?.(form);\n      setSent(true);\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  const formCard = (\n    <div className=\"rz-contact__form-card\">\n      {sent ? (\n        <div className=\"rz-contact__success\">\n          <div className=\"rz-contact__success-icon\">\n            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n            </svg>\n          </div>\n          <p className=\"rz-contact__success-title\">Message sent!</p>\n          <p className=\"rz-contact__success-desc\">{successMessage}</p>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => { setSent(false); setForm({ name: '', email: '', subject: '', message: '' }); }}>\n            Send another\n          </Button>\n        </div>\n      ) : (\n        <form className=\"rz-contact__form\" onSubmit={handleSubmit} noValidate>\n          <div className=\"rz-contact__row\">\n            <Input label=\"Full name\" value={form.name} onChange={update('name')} placeholder=\"Jane Doe\" required />\n            <Input label=\"Email\" type=\"email\" value={form.email} onChange={update('email')} placeholder=\"jane@acme.com\" required />\n          </div>\n          <Input label=\"Subject\" value={form.subject} onChange={update('subject')} placeholder=\"How can we help?\" />\n          <Textarea label=\"Message\" value={form.message} onChange={update('message')} placeholder=\"Write your message…\" rows={5} required />\n          <Button type=\"submit\" loading={busy} disabled={busy}>{submitLabel}</Button>\n        </form>\n      )}\n    </div>\n  );\n\n  if (layout === 'split') {\n    return (\n      <div className={cn('rz-contact rz-contact--split', className)}>\n        <div className=\"rz-contact__info\">\n          {eyebrow && <span className=\"rz-contact__eyebrow\">{eyebrow}</span>}\n          <div>\n            <h2 className=\"rz-contact__title\">{title}</h2>\n            {description && <p className=\"rz-contact__description\">{description}</p>}\n          </div>\n          {details && details.length > 0 && (\n            <div className=\"rz-contact__details\">\n              {details.map((d, i) => (\n                <div key={i} className=\"rz-contact__detail\">\n                  <div className=\"rz-contact__detail-icon\">{d.icon}</div>\n                  <div>\n                    <p className=\"rz-contact__detail-label\">{d.label}</p>\n                    <p>{d.value}</p>\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n        {formCard}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('rz-contact', className)}>\n      <div className=\"rz-contact__info\" style={{ alignItems: 'center', textAlign: 'center', marginBottom: '2rem' }}>\n        {eyebrow && <span className=\"rz-contact__eyebrow\">{eyebrow}</span>}\n        <h2 className=\"rz-contact__title\">{title}</h2>\n        {description && <p className=\"rz-contact__description\">{description}</p>}\n      </div>\n      <div style={{ maxWidth: '40rem', margin: '0 auto' }}>{formCard}</div>\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/blocks/contact-form/index.d.ts

@@ -0,0 +1,3 @@
+export { ContactForm } from './ContactForm';
+export type { ContactFormProps, ContactDetail, ContactFormLayout } from './ContactForm';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/contact-form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/contact-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/dist/blocks/cookie-consent/CookieConsent.cjs

@@ -0,0 +1,74 @@
+"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 Button = require("../../components/button/Button.cjs");
+function CookieConsent({
+  variant = "bar",
+  position = "center",
+  title = "We use cookies",
+  description = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "We use cookies to improve your experience. Read our",
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#", onClick: (e) => e.preventDefault(), children: "Privacy Policy" }),
+    "."
+  ] }),
+  acceptLabel = "Accept all",
+  declineLabel = "Decline",
+  settingsLabel,
+  onAccept,
+  onDecline,
+  onSettings,
+  storageKey = "rz-cookie-consent",
+  className
+}) {
+  const [visible, setVisible] = React.useState(() => {
+    if (typeof window === "undefined") return false;
+    return !localStorage.getItem(storageKey);
+  });
+  function accept() {
+    localStorage.setItem(storageKey, "accepted");
+    setVisible(false);
+    onAccept == null ? void 0 : onAccept();
+  }
+  function decline() {
+    localStorage.setItem(storageKey, "declined");
+    setVisible(false);
+    onDecline == null ? void 0 : onDecline();
+  }
+  if (!visible) return null;
+  const actions = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-cookie__actions", variant === "card" && "rz-cookie__actions--column"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "sm", onClick: accept, children: acceptLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "sm", variant: "outline", onClick: decline, children: declineLabel }),
+    settingsLabel && onSettings && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "sm", variant: "ghost", onClick: onSettings, children: settingsLabel })
+  ] });
+  if (variant === "bar") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-cookie rz-cookie--bar", className), role: "dialog", "aria-label": "Cookie consent", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-cookie__title", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-cookie__text", children: description })
+      ] }),
+      actions
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn.cn("rz-cookie rz-cookie--card", position !== "center" && `rz-cookie--${position}`, className),
+      role: "dialog",
+      "aria-label": "Cookie consent",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-cookie__icon", "aria-hidden": "true", children: "🍪" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-cookie__title", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-cookie__text", children: description })
+        ] }),
+        actions
+      ]
+    }
+  );
+}
+exports.CookieConsent = CookieConsent;
+//# sourceMappingURL=CookieConsent.cjs.map

package/dist/blocks/cookie-consent/CookieConsent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieConsent.cjs","sources":["../../../src/blocks/cookie-consent/CookieConsent.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../../components/button';\nimport './cookie-consent.css';\n\nexport type CookieConsentVariant = 'bar' | 'card';\nexport type CookieConsentPosition = 'center' | 'left' | 'right';\n\nexport interface CookieConsentProps {\n  variant?: CookieConsentVariant;\n  position?: CookieConsentPosition;\n  title?: string;\n  description?: React.ReactNode;\n  acceptLabel?: string;\n  declineLabel?: string;\n  settingsLabel?: string;\n  onAccept?: () => void;\n  onDecline?: () => void;\n  onSettings?: () => void;\n  /** Storage key to remember the choice */\n  storageKey?: string;\n  className?: string;\n}\n\nexport function CookieConsent({\n  variant = 'bar',\n  position = 'center',\n  title = 'We use cookies',\n  description = (\n    <>We use cookies to improve your experience. Read our{' '}\n      <a href=\"#\" onClick={(e) => e.preventDefault()}>Privacy Policy</a>.\n    </>\n  ),\n  acceptLabel = 'Accept all',\n  declineLabel = 'Decline',\n  settingsLabel,\n  onAccept,\n  onDecline,\n  onSettings,\n  storageKey = 'rz-cookie-consent',\n  className,\n}: CookieConsentProps) {\n  const [visible, setVisible] = React.useState(() => {\n    if (typeof window === 'undefined') return false;\n    return !localStorage.getItem(storageKey);\n  });\n\n  function accept() {\n    localStorage.setItem(storageKey, 'accepted');\n    setVisible(false);\n    onAccept?.();\n  }\n\n  function decline() {\n    localStorage.setItem(storageKey, 'declined');\n    setVisible(false);\n    onDecline?.();\n  }\n\n  if (!visible) return null;\n\n  const actions = (\n    <div className={cn('rz-cookie__actions', variant === 'card' && 'rz-cookie__actions--column')}>\n      <Button size=\"sm\" onClick={accept}>{acceptLabel}</Button>\n      <Button size=\"sm\" variant=\"outline\" onClick={decline}>{declineLabel}</Button>\n      {settingsLabel && onSettings && (\n        <Button size=\"sm\" variant=\"ghost\" onClick={onSettings}>{settingsLabel}</Button>\n      )}\n    </div>\n  );\n\n  if (variant === 'bar') {\n    return (\n      <div className={cn('rz-cookie rz-cookie--bar', className)} role=\"dialog\" aria-label=\"Cookie consent\">\n        <div>\n          <p className=\"rz-cookie__title\">{title}</p>\n          <p className=\"rz-cookie__text\">{description}</p>\n        </div>\n        {actions}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn('rz-cookie rz-cookie--card', position !== 'center' && `rz-cookie--${position}`, className)}\n      role=\"dialog\"\n      aria-label=\"Cookie consent\"\n    >\n      <div>\n        <p className=\"rz-cookie__icon\" aria-hidden=\"true\">🍪</p>\n        <p className=\"rz-cookie__title\">{title}</p>\n        <p className=\"rz-cookie__text\">{description}</p>\n      </div>\n      {actions}\n    </div>\n  );\n}\n"],"names":["jsxs","Fragment","jsx","cn","Button"],"mappings":";;;;;;;AAwBO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cACEA,2BAAAA,KAAAC,qBAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAAoD;AAAA,IACpDC,2BAAAA,IAAC,KAAA,EAAE,MAAK,KAAI,SAAS,CAAC,MAAM,EAAE,eAAA,GAAkB,UAAA,iBAAA,CAAc;AAAA,IAAI;AAAA,EAAA,GACpE;AAAA,EAEF,cAAc;AAAA,EACd,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAAuB;AACrB,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,MAAM;AACjD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,CAAC,aAAa,QAAQ,UAAU;AAAA,EACzC,CAAC;AAED,WAAS,SAAS;AAChB,iBAAa,QAAQ,YAAY,UAAU;AAC3C,eAAW,KAAK;AAChB;AAAA,EACF;AAEA,WAAS,UAAU;AACjB,iBAAa,QAAQ,YAAY,UAAU;AAC3C,eAAW,KAAK;AAChB;AAAA,EACF;AAEA,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,0CACH,OAAA,EAAI,WAAWC,GAAAA,GAAG,sBAAsB,YAAY,UAAU,4BAA4B,GACzF,UAAA;AAAA,IAAAD,+BAACE,OAAAA,QAAA,EAAO,MAAK,MAAK,SAAS,QAAS,UAAA,aAAY;AAAA,IAChDF,2BAAAA,IAACE,OAAAA,UAAO,MAAK,MAAK,SAAQ,WAAU,SAAS,SAAU,UAAA,aAAA,CAAa;AAAA,IACnE,iBAAiB,cAChBF,2BAAAA,IAACE,OAAAA,QAAA,EAAO,MAAK,MAAK,SAAQ,SAAQ,SAAS,YAAa,UAAA,cAAA,CAAc;AAAA,EAAA,GAE1E;AAGF,MAAI,YAAY,OAAO;AACrB,WACEJ,2BAAAA,KAAC,OAAA,EAAI,WAAWG,GAAAA,GAAG,4BAA4B,SAAS,GAAG,MAAK,UAAS,cAAW,kBAClF,UAAA;AAAA,MAAAH,gCAAC,OAAA,EACC,UAAA;AAAA,QAAAE,2BAAAA,IAAC,KAAA,EAAE,WAAU,oBAAoB,UAAA,OAAM;AAAA,QACvCA,2BAAAA,IAAC,KAAA,EAAE,WAAU,mBAAmB,UAAA,YAAA,CAAY;AAAA,MAAA,GAC9C;AAAA,MACC;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWG,GAAAA,GAAG,6BAA6B,aAAa,YAAY,cAAc,QAAQ,IAAI,SAAS;AAAA,MACvG,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA;AAAA,QAAAH,gCAAC,OAAA,EACC,UAAA;AAAA,UAAAE,+BAAC,KAAA,EAAE,WAAU,mBAAkB,eAAY,QAAO,UAAA,MAAE;AAAA,UACpDA,2BAAAA,IAAC,KAAA,EAAE,WAAU,oBAAoB,UAAA,OAAM;AAAA,UACvCA,2BAAAA,IAAC,KAAA,EAAE,WAAU,mBAAmB,UAAA,YAAA,CAAY;AAAA,QAAA,GAC9C;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/blocks/cookie-consent/CookieConsent.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export type CookieConsentVariant = 'bar' | 'card';
+export type CookieConsentPosition = 'center' | 'left' | 'right';
+export interface CookieConsentProps {
+    variant?: CookieConsentVariant;
+    position?: CookieConsentPosition;
+    title?: string;
+    description?: React.ReactNode;
+    acceptLabel?: string;
+    declineLabel?: string;
+    settingsLabel?: string;
+    onAccept?: () => void;
+    onDecline?: () => void;
+    onSettings?: () => void;
+    /** Storage key to remember the choice */
+    storageKey?: string;
+    className?: string;
+}
+export declare function CookieConsent({ variant, position, title, description, acceptLabel, declineLabel, settingsLabel, onAccept, onDecline, onSettings, storageKey, className, }: CookieConsentProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CookieConsent.d.ts.map

package/dist/blocks/cookie-consent/CookieConsent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieConsent.d.ts","sourceRoot":"","sources":["../../../src/blocks/cookie-consent/CookieConsent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,MAAM,CAAC;AAClD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAe,EACf,QAAmB,EACnB,KAAwB,EACxB,WAIC,EACD,WAA0B,EAC1B,YAAwB,EACxB,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAgC,EAChC,SAAS,GACV,EAAE,kBAAkB,kDAwDpB"}

package/dist/blocks/cookie-consent/CookieConsent.js

@@ -0,0 +1,74 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css                   */
+import { Button } from "../../components/button/Button.js";
+function CookieConsent({
+  variant = "bar",
+  position = "center",
+  title = "We use cookies",
+  description = /* @__PURE__ */ jsxs(Fragment, { children: [
+    "We use cookies to improve your experience. Read our",
+    " ",
+    /* @__PURE__ */ jsx("a", { href: "#", onClick: (e) => e.preventDefault(), children: "Privacy Policy" }),
+    "."
+  ] }),
+  acceptLabel = "Accept all",
+  declineLabel = "Decline",
+  settingsLabel,
+  onAccept,
+  onDecline,
+  onSettings,
+  storageKey = "rz-cookie-consent",
+  className
+}) {
+  const [visible, setVisible] = React__default.useState(() => {
+    if (typeof window === "undefined") return false;
+    return !localStorage.getItem(storageKey);
+  });
+  function accept() {
+    localStorage.setItem(storageKey, "accepted");
+    setVisible(false);
+    onAccept == null ? void 0 : onAccept();
+  }
+  function decline() {
+    localStorage.setItem(storageKey, "declined");
+    setVisible(false);
+    onDecline == null ? void 0 : onDecline();
+  }
+  if (!visible) return null;
+  const actions = /* @__PURE__ */ jsxs("div", { className: cn("rz-cookie__actions", variant === "card" && "rz-cookie__actions--column"), children: [
+    /* @__PURE__ */ jsx(Button, { size: "sm", onClick: accept, children: acceptLabel }),
+    /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: decline, children: declineLabel }),
+    settingsLabel && onSettings && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: onSettings, children: settingsLabel })
+  ] });
+  if (variant === "bar") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("rz-cookie rz-cookie--bar", className), role: "dialog", "aria-label": "Cookie consent", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "rz-cookie__title", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "rz-cookie__text", children: description })
+      ] }),
+      actions
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("rz-cookie rz-cookie--card", position !== "center" && `rz-cookie--${position}`, className),
+      role: "dialog",
+      "aria-label": "Cookie consent",
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "rz-cookie__icon", "aria-hidden": "true", children: "🍪" }),
+          /* @__PURE__ */ jsx("p", { className: "rz-cookie__title", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "rz-cookie__text", children: description })
+        ] }),
+        actions
+      ]
+    }
+  );
+}
+export {
+  CookieConsent
+};
+//# sourceMappingURL=CookieConsent.js.map

package/dist/blocks/cookie-consent/CookieConsent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieConsent.js","sources":["../../../src/blocks/cookie-consent/CookieConsent.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../../components/button';\nimport './cookie-consent.css';\n\nexport type CookieConsentVariant = 'bar' | 'card';\nexport type CookieConsentPosition = 'center' | 'left' | 'right';\n\nexport interface CookieConsentProps {\n  variant?: CookieConsentVariant;\n  position?: CookieConsentPosition;\n  title?: string;\n  description?: React.ReactNode;\n  acceptLabel?: string;\n  declineLabel?: string;\n  settingsLabel?: string;\n  onAccept?: () => void;\n  onDecline?: () => void;\n  onSettings?: () => void;\n  /** Storage key to remember the choice */\n  storageKey?: string;\n  className?: string;\n}\n\nexport function CookieConsent({\n  variant = 'bar',\n  position = 'center',\n  title = 'We use cookies',\n  description = (\n    <>We use cookies to improve your experience. Read our{' '}\n      <a href=\"#\" onClick={(e) => e.preventDefault()}>Privacy Policy</a>.\n    </>\n  ),\n  acceptLabel = 'Accept all',\n  declineLabel = 'Decline',\n  settingsLabel,\n  onAccept,\n  onDecline,\n  onSettings,\n  storageKey = 'rz-cookie-consent',\n  className,\n}: CookieConsentProps) {\n  const [visible, setVisible] = React.useState(() => {\n    if (typeof window === 'undefined') return false;\n    return !localStorage.getItem(storageKey);\n  });\n\n  function accept() {\n    localStorage.setItem(storageKey, 'accepted');\n    setVisible(false);\n    onAccept?.();\n  }\n\n  function decline() {\n    localStorage.setItem(storageKey, 'declined');\n    setVisible(false);\n    onDecline?.();\n  }\n\n  if (!visible) return null;\n\n  const actions = (\n    <div className={cn('rz-cookie__actions', variant === 'card' && 'rz-cookie__actions--column')}>\n      <Button size=\"sm\" onClick={accept}>{acceptLabel}</Button>\n      <Button size=\"sm\" variant=\"outline\" onClick={decline}>{declineLabel}</Button>\n      {settingsLabel && onSettings && (\n        <Button size=\"sm\" variant=\"ghost\" onClick={onSettings}>{settingsLabel}</Button>\n      )}\n    </div>\n  );\n\n  if (variant === 'bar') {\n    return (\n      <div className={cn('rz-cookie rz-cookie--bar', className)} role=\"dialog\" aria-label=\"Cookie consent\">\n        <div>\n          <p className=\"rz-cookie__title\">{title}</p>\n          <p className=\"rz-cookie__text\">{description}</p>\n        </div>\n        {actions}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn('rz-cookie rz-cookie--card', position !== 'center' && `rz-cookie--${position}`, className)}\n      role=\"dialog\"\n      aria-label=\"Cookie consent\"\n    >\n      <div>\n        <p className=\"rz-cookie__icon\" aria-hidden=\"true\">🍪</p>\n        <p className=\"rz-cookie__title\">{title}</p>\n        <p className=\"rz-cookie__text\">{description}</p>\n      </div>\n      {actions}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":";;;;;AAwBO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cACE,qBAAA,UAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAAoD;AAAA,IACpD,oBAAC,KAAA,EAAE,MAAK,KAAI,SAAS,CAAC,MAAM,EAAE,eAAA,GAAkB,UAAA,iBAAA,CAAc;AAAA,IAAI;AAAA,EAAA,GACpE;AAAA,EAEF,cAAc;AAAA,EACd,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAAuB;AACrB,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,MAAM;AACjD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,CAAC,aAAa,QAAQ,UAAU;AAAA,EACzC,CAAC;AAED,WAAS,SAAS;AAChB,iBAAa,QAAQ,YAAY,UAAU;AAC3C,eAAW,KAAK;AAChB;AAAA,EACF;AAEA,WAAS,UAAU;AACjB,iBAAa,QAAQ,YAAY,UAAU;AAC3C,eAAW,KAAK;AAChB;AAAA,EACF;AAEA,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,+BACH,OAAA,EAAI,WAAW,GAAG,sBAAsB,YAAY,UAAU,4BAA4B,GACzF,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,MAAK,MAAK,SAAS,QAAS,UAAA,aAAY;AAAA,IAChD,oBAAC,UAAO,MAAK,MAAK,SAAQ,WAAU,SAAS,SAAU,UAAA,aAAA,CAAa;AAAA,IACnE,iBAAiB,cAChB,oBAAC,QAAA,EAAO,MAAK,MAAK,SAAQ,SAAQ,SAAS,YAAa,UAAA,cAAA,CAAc;AAAA,EAAA,GAE1E;AAGF,MAAI,YAAY,OAAO;AACrB,WACE,qBAAC,OAAA,EAAI,WAAW,GAAG,4BAA4B,SAAS,GAAG,MAAK,UAAS,cAAW,kBAClF,UAAA;AAAA,MAAA,qBAAC,OAAA,EACC,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAE,WAAU,oBAAoB,UAAA,OAAM;AAAA,QACvC,oBAAC,KAAA,EAAE,WAAU,mBAAmB,UAAA,YAAA,CAAY;AAAA,MAAA,GAC9C;AAAA,MACC;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,6BAA6B,aAAa,YAAY,cAAc,QAAQ,IAAI,SAAS;AAAA,MACvG,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA;AAAA,QAAA,qBAAC,OAAA,EACC,UAAA;AAAA,UAAA,oBAAC,KAAA,EAAE,WAAU,mBAAkB,eAAY,QAAO,UAAA,MAAE;AAAA,UACpD,oBAAC,KAAA,EAAE,WAAU,oBAAoB,UAAA,OAAM;AAAA,UACvC,oBAAC,KAAA,EAAE,WAAU,mBAAmB,UAAA,YAAA,CAAY;AAAA,QAAA,GAC9C;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/blocks/cookie-consent/index.d.ts

@@ -0,0 +1,3 @@
+export { CookieConsent } from './CookieConsent';
+export type { CookieConsentProps, CookieConsentVariant, CookieConsentPosition } from './CookieConsent';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/cookie-consent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/cookie-consent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/blocks/cta/CTA.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cn = require("../../utils/cn.cjs");
+;/* empty css          */
+function CTA({ variant = "default", eyebrow, title, description, actions, note, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn.cn("rz-cta", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-cta__container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-cta__inner", `rz-cta__inner--${variant}`), children: [
+    eyebrow && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-cta__eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-cta__title", children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-cta__description", children: description }),
+    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-cta__actions", children: actions }),
+    note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-cta__note", children: note })
+  ] }) }) });
+}
+exports.CTA = CTA;
+//# sourceMappingURL=CTA.cjs.map

package/dist/blocks/cta/CTA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTA.cjs","sources":["../../../src/blocks/cta/CTA.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './cta.css';\n\nexport interface CTAProps {\n  variant?: 'default' | 'dark' | 'gradient' | 'bordered';\n  eyebrow?: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n  /** Small footnote below actions (e.g. \"No credit card required\") */\n  note?: string;\n  className?: string;\n}\n\n/**\n * CTA (Call to Action)\n *\n * A bold call-to-action section to drive conversions.\n *\n * @example\n * <CTA\n *   variant=\"dark\"\n *   title=\"Ready to ship faster?\"\n *   description=\"Join thousands of teams building with Rothzerg UI.\"\n *   actions={<><Button size=\"lg\">Start free</Button><Button variant=\"outline\" size=\"lg\">Talk to sales</Button></>}\n *   note=\"No credit card required\"\n * />\n */\nexport function CTA({ variant = 'default', eyebrow, title, description, actions, note, className }: CTAProps) {\n  return (\n    <section className={cn('rz-cta', className)}>\n      <div className=\"rz-cta__container\">\n        <div className={cn('rz-cta__inner', `rz-cta__inner--${variant}`)}>\n          {eyebrow && <span className=\"rz-cta__eyebrow\">{eyebrow}</span>}\n          <h2 className=\"rz-cta__title\">{title}</h2>\n          {description && <p className=\"rz-cta__description\">{description}</p>}\n          {actions && <div className=\"rz-cta__actions\">{actions}</div>}\n          {note && <p className=\"rz-cta__note\">{note}</p>}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["cn","jsx","jsxs"],"mappings":";;;;;AA6BO,SAAS,IAAI,EAAE,UAAU,WAAW,SAAS,OAAO,aAAa,SAAS,MAAM,aAAuB;AAC5G,wCACG,WAAA,EAAQ,WAAWA,GAAAA,GAAG,UAAU,SAAS,GACxC,UAAAC,+BAAC,OAAA,EAAI,WAAU,qBACb,UAAAC,2BAAAA,KAAC,SAAI,WAAWF,GAAAA,GAAG,iBAAiB,kBAAkB,OAAO,EAAE,GAC5D,UAAA;AAAA,IAAA,WAAWC,2BAAAA,IAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA,SAAQ;AAAA,IACvDA,2BAAAA,IAAC,MAAA,EAAG,WAAU,iBAAiB,UAAA,OAAM;AAAA,IACpC,eAAeA,2BAAAA,IAAC,KAAA,EAAE,WAAU,uBAAuB,UAAA,aAAY;AAAA,IAC/D,WAAWA,2BAAAA,IAAC,OAAA,EAAI,WAAU,mBAAmB,UAAA,SAAQ;AAAA,IACrD,QAAQA,2BAAAA,IAAC,KAAA,EAAE,WAAU,gBAAgB,UAAA,KAAA,CAAK;AAAA,EAAA,EAAA,CAC7C,GACF,GACF;AAEJ;;"}