rothzerg-ui 0.1.2 → 0.1.3

package/dist/blocks/app-download/AppDownload.cjs

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 ;/* empty css                   */
+const Rows = require("../../components/rows/Rows.cjs");
+const Text = require("../../components/text/Text.cjs");
 function AppleIcon() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" }) });
 }
@@ -37,10 +39,10 @@ function AppDownload({
   className = ""
 }) {
   const classes = ["rz-app-download", `rz-app-download--${layout}`, className].filter(Boolean).join(" ");
-  const contentSide = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-app-download__content", children: [
-    eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-app-download__eyebrow", children: eyebrow }),
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-app-download__title", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-app-download__description", children: description }),
+  const contentSide = /* @__PURE__ */ jsxRuntime.jsxs(Rows.Rows, { className: "rz-app-download__content", children: [
+    eyebrow && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { as: "p", className: "rz-app-download__eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { as: "h2", className: "rz-app-download__title", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { as: "p", className: "rz-app-download__description", children: description }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-app-download__buttons", children: stores.map((store) => {
       const meta = STORE_META[store.type];
       return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -83,7 +85,7 @@ function AppDownload({
   ] });
   const visualSide = showQR ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-app-download__visual", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-app-download__qr", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-app-download__qr-placeholder", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-app-download__qr-label", children: "Scan to download" })
+    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { as: "p", className: "rz-app-download__qr-label", children: "Scan to download" })
   ] }) }) : showMockup ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-app-download__visual", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-app-download__mockup", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-app-download__mockup-screen", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-app-download__mockup-notch" }) }) }) }) : null;
   if (layout === "centered") {
     return /* @__PURE__ */ jsxRuntime.jsx("section", { className: classes, "aria-label": "App download", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-app-download__inner", children: [

package/dist/blocks/app-download/AppDownload.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppDownload.cjs","sources":["../../../src/blocks/app-download/AppDownload.tsx"],"sourcesContent":["import './app-download.css';\n\nexport type AppDownloadLayout = 'centered' | 'split';\n\nexport interface AppStore {\n  type: 'appstore' | 'googleplay';\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface AppFeature {\n  text: string;\n}\n\nexport interface AppDownloadProps {\n  title?: string;\n  description?: string;\n  eyebrow?: string;\n  stores?: AppStore[];\n  features?: AppFeature[];\n  rating?: number;\n  ratingCount?: string;\n  showMockup?: boolean;\n  showQR?: boolean;\n  layout?: AppDownloadLayout;\n  className?: string;\n}\n\nfunction AppleIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"/>\n    </svg>\n  );\n}\n\nfunction PlayIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M3.18 23.48c-.39-.23-.68-.64-.68-1.15V1.67c0-.51.29-.92.68-1.15l.12-.06 12.1 12.1v.28L3.3 23.54l-.12-.06zm16.46-9.76l-2.93 1.69-3.23-3.23 3.23-3.23 2.93 1.69c.84.48.84 1.6 0 2.08zm-4.95-4.78L3.41.66C3.71.5 4.07.52 4.41.68l.12.07L17 8.35l-2.31 2.59z\"/>\n    </svg>\n  );\n}\n\nfunction CheckCircle() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction StarIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/>\n    </svg>\n  );\n}\n\nconst STORE_META = {\n  appstore: { sub: 'Download on the', name: 'App Store', Icon: AppleIcon },\n  googleplay: { sub: 'Get it on', name: 'Google Play', Icon: PlayIcon },\n};\n\nexport function AppDownload({\n  title = 'Take it with you',\n  description = 'Download our app and stay connected wherever you go. Available on iOS and Android.',\n  eyebrow = 'Mobile App',\n  stores = [{ type: 'appstore' }, { type: 'googleplay' }],\n  features = [\n    { text: 'Works offline — sync when back online' },\n    { text: 'Native push notifications' },\n    { text: 'Biometric authentication' },\n    { text: 'Free forever, no credit card required' },\n  ],\n  rating,\n  ratingCount,\n  showMockup = true,\n  showQR = false,\n  layout = 'split',\n  className = '',\n}: AppDownloadProps) {\n  const classes = ['rz-app-download', `rz-app-download--${layout}`, className].filter(Boolean).join(' ');\n\n  const contentSide = (\n    <div className=\"rz-app-download__content\">\n      {eyebrow && <p className=\"rz-app-download__eyebrow\">{eyebrow}</p>}\n      <h2 className=\"rz-app-download__title\">{title}</h2>\n      <p className=\"rz-app-download__description\">{description}</p>\n\n      <div className=\"rz-app-download__buttons\">\n        {stores.map((store) => {\n          const meta = STORE_META[store.type];\n          return (\n            <a\n              key={store.type}\n              href={store.href ?? '#'}\n              className=\"rz-app-download__store-btn\"\n              onClick={store.onClick ? (e) => { e.preventDefault(); store.onClick!(); } : undefined}\n              aria-label={`${meta.name}`}\n            >\n              <meta.Icon />\n              <div>\n                <span className=\"rz-app-download__store-sub\">{meta.sub}</span>\n                <span className=\"rz-app-download__store-name\">{meta.name}</span>\n              </div>\n            </a>\n          );\n        })}\n      </div>\n\n      {rating !== undefined && (\n        <div className=\"rz-app-download__rating\">\n          <div className=\"rz-app-download__stars\">\n            {Array.from({ length: 5 }).map((_, i) => (\n              <StarIcon key={i} />\n            ))}\n          </div>\n          <span><strong>{rating}</strong> / 5</span>\n          {ratingCount && <span>({ratingCount} reviews)</span>}\n        </div>\n      )}\n\n      {features.length > 0 && (\n        <div className=\"rz-app-download__features\">\n          {features.map((f, i) => (\n            <div key={i} className=\"rz-app-download__feature\">\n              <span className=\"rz-app-download__feature-icon\">\n                <CheckCircle />\n              </span>\n              {f.text}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  const visualSide = showQR ? (\n    <div className=\"rz-app-download__visual\">\n      <div className=\"rz-app-download__qr\">\n        <div className=\"rz-app-download__qr-placeholder\" aria-hidden=\"true\" />\n        <p className=\"rz-app-download__qr-label\">Scan to download</p>\n      </div>\n    </div>\n  ) : showMockup ? (\n    <div className=\"rz-app-download__visual\">\n      <div className=\"rz-app-download__mockup\">\n        <div className=\"rz-app-download__mockup-screen\">\n          <div className=\"rz-app-download__mockup-notch\" />\n        </div>\n      </div>\n    </div>\n  ) : null;\n\n  if (layout === 'centered') {\n    return (\n      <section className={classes} aria-label=\"App download\">\n        <div className=\"rz-app-download__inner\">\n          {contentSide}\n          {visualSide}\n        </div>\n      </section>\n    );\n  }\n\n  return (\n    <section className={classes} aria-label=\"App download\">\n      <div className=\"rz-app-download__inner\">\n        {contentSide}\n        {visualSide}\n      </div>\n    </section>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"AppDownload.cjs","sources":["../../../src/blocks/app-download/AppDownload.tsx"],"sourcesContent":["import { Text } from '../../components/text';\nimport { Rows } from '../../components/rows';\nimport './app-download.css';\n\nexport type AppDownloadLayout = 'centered' | 'split';\n\nexport interface AppStore {\n  type: 'appstore' | 'googleplay';\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface AppFeature {\n  text: string;\n}\n\nexport interface AppDownloadProps {\n  title?: string;\n  description?: string;\n  eyebrow?: string;\n  stores?: AppStore[];\n  features?: AppFeature[];\n  rating?: number;\n  ratingCount?: string;\n  showMockup?: boolean;\n  showQR?: boolean;\n  layout?: AppDownloadLayout;\n  className?: string;\n}\n\nfunction AppleIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"/>\n    </svg>\n  );\n}\n\nfunction PlayIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M3.18 23.48c-.39-.23-.68-.64-.68-1.15V1.67c0-.51.29-.92.68-1.15l.12-.06 12.1 12.1v.28L3.3 23.54l-.12-.06zm16.46-9.76l-2.93 1.69-3.23-3.23 3.23-3.23 2.93 1.69c.84.48.84 1.6 0 2.08zm-4.95-4.78L3.41.66C3.71.5 4.07.52 4.41.68l.12.07L17 8.35l-2.31 2.59z\"/>\n    </svg>\n  );\n}\n\nfunction CheckCircle() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction StarIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/>\n    </svg>\n  );\n}\n\nconst STORE_META = {\n  appstore: { sub: 'Download on the', name: 'App Store', Icon: AppleIcon },\n  googleplay: { sub: 'Get it on', name: 'Google Play', Icon: PlayIcon },\n};\n\nexport function AppDownload({\n  title = 'Take it with you',\n  description = 'Download our app and stay connected wherever you go. Available on iOS and Android.',\n  eyebrow = 'Mobile App',\n  stores = [{ type: 'appstore' }, { type: 'googleplay' }],\n  features = [\n    { text: 'Works offline — sync when back online' },\n    { text: 'Native push notifications' },\n    { text: 'Biometric authentication' },\n    { text: 'Free forever, no credit card required' },\n  ],\n  rating,\n  ratingCount,\n  showMockup = true,\n  showQR = false,\n  layout = 'split',\n  className = '',\n}: AppDownloadProps) {\n  const classes = ['rz-app-download', `rz-app-download--${layout}`, className].filter(Boolean).join(' ');\n\n  const contentSide = (\n    <Rows className=\"rz-app-download__content\">\n      {eyebrow && <Text as=\"p\" className=\"rz-app-download__eyebrow\">{eyebrow}</Text>}\n      <Text as=\"h2\" className=\"rz-app-download__title\">{title}</Text>\n      <Text as=\"p\" className=\"rz-app-download__description\">{description}</Text>\n\n      <div className=\"rz-app-download__buttons\">\n        {stores.map((store) => {\n          const meta = STORE_META[store.type];\n          return (\n            <a\n              key={store.type}\n              href={store.href ?? '#'}\n              className=\"rz-app-download__store-btn\"\n              onClick={store.onClick ? (e) => { e.preventDefault(); store.onClick!(); } : undefined}\n              aria-label={`${meta.name}`}\n            >\n              <meta.Icon />\n              <div>\n                <span className=\"rz-app-download__store-sub\">{meta.sub}</span>\n                <span className=\"rz-app-download__store-name\">{meta.name}</span>\n              </div>\n            </a>\n          );\n        })}\n      </div>\n\n      {rating !== undefined && (\n        <div className=\"rz-app-download__rating\">\n          <div className=\"rz-app-download__stars\">\n            {Array.from({ length: 5 }).map((_, i) => (\n              <StarIcon key={i} />\n            ))}\n          </div>\n          <span><strong>{rating}</strong> / 5</span>\n          {ratingCount && <span>({ratingCount} reviews)</span>}\n        </div>\n      )}\n\n      {features.length > 0 && (\n        <div className=\"rz-app-download__features\">\n          {features.map((f, i) => (\n            <div key={i} className=\"rz-app-download__feature\">\n              <span className=\"rz-app-download__feature-icon\">\n                <CheckCircle />\n              </span>\n              {f.text}\n            </div>\n          ))}\n        </div>\n      )}\n    </Rows>\n  );\n\n  const visualSide = showQR ? (\n    <div className=\"rz-app-download__visual\">\n      <div className=\"rz-app-download__qr\">\n        <div className=\"rz-app-download__qr-placeholder\" aria-hidden=\"true\" />\n        <Text as=\"p\" className=\"rz-app-download__qr-label\">Scan to download</Text>\n      </div>\n    </div>\n  ) : showMockup ? (\n    <div className=\"rz-app-download__visual\">\n      <div className=\"rz-app-download__mockup\">\n        <div className=\"rz-app-download__mockup-screen\">\n          <div className=\"rz-app-download__mockup-notch\" />\n        </div>\n      </div>\n    </div>\n  ) : null;\n\n  if (layout === 'centered') {\n    return (\n      <section className={classes} aria-label=\"App download\">\n        <div className=\"rz-app-download__inner\">\n          {contentSide}\n          {visualSide}\n        </div>\n      </section>\n    );\n  }\n\n  return (\n    <section className={classes} aria-label=\"App download\">\n      <div className=\"rz-app-download__inner\">\n        {contentSide}\n        {visualSide}\n      </div>\n    </section>\n  );\n}\n"],"names":["jsx","jsxs","Rows","Text"],"mappings":"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"}

package/dist/blocks/app-download/AppDownload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppDownload.d.ts","sourceRoot":"","sources":["../../../src/blocks/app-download/AppDownload.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,UAAU,GAAG,YAAY,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,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,QAAQ,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuCD,wBAAgB,WAAW,CAAC,EAC1B,KAA0B,EAC1B,WAAkG,EAClG,OAAsB,EACtB,MAAuD,EACvD,QAKC,EACD,MAAM,EACN,WAAW,EACX,UAAiB,EACjB,MAAc,EACd,MAAgB,EAChB,SAAc,GACf,EAAE,gBAAgB,2CA6FlB"}
+{"version":3,"file":"AppDownload.d.ts","sourceRoot":"","sources":["../../../src/blocks/app-download/AppDownload.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,UAAU,GAAG,YAAY,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,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,QAAQ,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuCD,wBAAgB,WAAW,CAAC,EAC1B,KAA0B,EAC1B,WAAkG,EAClG,OAAsB,EACtB,MAAuD,EACvD,QAKC,EACD,MAAM,EACN,WAAW,EACX,UAAiB,EACjB,MAAc,EACd,MAAgB,EAChB,SAAc,GACf,EAAE,gBAAgB,2CA6FlB"}

package/dist/blocks/app-download/AppDownload.js

@@ -1,5 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 /* empty css                 */
+import { Rows } from "../../components/rows/Rows.js";
+import { Text } from "../../components/text/Text.js";
 function AppleIcon() {
   return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" }) });
 }
@@ -35,10 +37,10 @@ function AppDownload({
   className = ""
 }) {
   const classes = ["rz-app-download", `rz-app-download--${layout}`, className].filter(Boolean).join(" ");
-  const contentSide = /* @__PURE__ */ jsxs("div", { className: "rz-app-download__content", children: [
-    eyebrow && /* @__PURE__ */ jsx("p", { className: "rz-app-download__eyebrow", children: eyebrow }),
-    /* @__PURE__ */ jsx("h2", { className: "rz-app-download__title", children: title }),
-    /* @__PURE__ */ jsx("p", { className: "rz-app-download__description", children: description }),
+  const contentSide = /* @__PURE__ */ jsxs(Rows, { className: "rz-app-download__content", children: [
+    eyebrow && /* @__PURE__ */ jsx(Text, { as: "p", className: "rz-app-download__eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx(Text, { as: "h2", className: "rz-app-download__title", children: title }),
+    /* @__PURE__ */ jsx(Text, { as: "p", className: "rz-app-download__description", children: description }),
     /* @__PURE__ */ jsx("div", { className: "rz-app-download__buttons", children: stores.map((store) => {
       const meta = STORE_META[store.type];
       return /* @__PURE__ */ jsxs(
@@ -81,7 +83,7 @@ function AppDownload({
   ] });
   const visualSide = showQR ? /* @__PURE__ */ jsx("div", { className: "rz-app-download__visual", children: /* @__PURE__ */ jsxs("div", { className: "rz-app-download__qr", children: [
     /* @__PURE__ */ jsx("div", { className: "rz-app-download__qr-placeholder", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx("p", { className: "rz-app-download__qr-label", children: "Scan to download" })
+    /* @__PURE__ */ jsx(Text, { as: "p", className: "rz-app-download__qr-label", children: "Scan to download" })
   ] }) }) : showMockup ? /* @__PURE__ */ jsx("div", { className: "rz-app-download__visual", children: /* @__PURE__ */ jsx("div", { className: "rz-app-download__mockup", children: /* @__PURE__ */ jsx("div", { className: "rz-app-download__mockup-screen", children: /* @__PURE__ */ jsx("div", { className: "rz-app-download__mockup-notch" }) }) }) }) : null;
   if (layout === "centered") {
     return /* @__PURE__ */ jsx("section", { className: classes, "aria-label": "App download", children: /* @__PURE__ */ jsxs("div", { className: "rz-app-download__inner", children: [

package/dist/blocks/app-download/AppDownload.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppDownload.js","sources":["../../../src/blocks/app-download/AppDownload.tsx"],"sourcesContent":["import './app-download.css';\n\nexport type AppDownloadLayout = 'centered' | 'split';\n\nexport interface AppStore {\n  type: 'appstore' | 'googleplay';\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface AppFeature {\n  text: string;\n}\n\nexport interface AppDownloadProps {\n  title?: string;\n  description?: string;\n  eyebrow?: string;\n  stores?: AppStore[];\n  features?: AppFeature[];\n  rating?: number;\n  ratingCount?: string;\n  showMockup?: boolean;\n  showQR?: boolean;\n  layout?: AppDownloadLayout;\n  className?: string;\n}\n\nfunction AppleIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"/>\n    </svg>\n  );\n}\n\nfunction PlayIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M3.18 23.48c-.39-.23-.68-.64-.68-1.15V1.67c0-.51.29-.92.68-1.15l.12-.06 12.1 12.1v.28L3.3 23.54l-.12-.06zm16.46-9.76l-2.93 1.69-3.23-3.23 3.23-3.23 2.93 1.69c.84.48.84 1.6 0 2.08zm-4.95-4.78L3.41.66C3.71.5 4.07.52 4.41.68l.12.07L17 8.35l-2.31 2.59z\"/>\n    </svg>\n  );\n}\n\nfunction CheckCircle() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction StarIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/>\n    </svg>\n  );\n}\n\nconst STORE_META = {\n  appstore: { sub: 'Download on the', name: 'App Store', Icon: AppleIcon },\n  googleplay: { sub: 'Get it on', name: 'Google Play', Icon: PlayIcon },\n};\n\nexport function AppDownload({\n  title = 'Take it with you',\n  description = 'Download our app and stay connected wherever you go. Available on iOS and Android.',\n  eyebrow = 'Mobile App',\n  stores = [{ type: 'appstore' }, { type: 'googleplay' }],\n  features = [\n    { text: 'Works offline — sync when back online' },\n    { text: 'Native push notifications' },\n    { text: 'Biometric authentication' },\n    { text: 'Free forever, no credit card required' },\n  ],\n  rating,\n  ratingCount,\n  showMockup = true,\n  showQR = false,\n  layout = 'split',\n  className = '',\n}: AppDownloadProps) {\n  const classes = ['rz-app-download', `rz-app-download--${layout}`, className].filter(Boolean).join(' ');\n\n  const contentSide = (\n    <div className=\"rz-app-download__content\">\n      {eyebrow && <p className=\"rz-app-download__eyebrow\">{eyebrow}</p>}\n      <h2 className=\"rz-app-download__title\">{title}</h2>\n      <p className=\"rz-app-download__description\">{description}</p>\n\n      <div className=\"rz-app-download__buttons\">\n        {stores.map((store) => {\n          const meta = STORE_META[store.type];\n          return (\n            <a\n              key={store.type}\n              href={store.href ?? '#'}\n              className=\"rz-app-download__store-btn\"\n              onClick={store.onClick ? (e) => { e.preventDefault(); store.onClick!(); } : undefined}\n              aria-label={`${meta.name}`}\n            >\n              <meta.Icon />\n              <div>\n                <span className=\"rz-app-download__store-sub\">{meta.sub}</span>\n                <span className=\"rz-app-download__store-name\">{meta.name}</span>\n              </div>\n            </a>\n          );\n        })}\n      </div>\n\n      {rating !== undefined && (\n        <div className=\"rz-app-download__rating\">\n          <div className=\"rz-app-download__stars\">\n            {Array.from({ length: 5 }).map((_, i) => (\n              <StarIcon key={i} />\n            ))}\n          </div>\n          <span><strong>{rating}</strong> / 5</span>\n          {ratingCount && <span>({ratingCount} reviews)</span>}\n        </div>\n      )}\n\n      {features.length > 0 && (\n        <div className=\"rz-app-download__features\">\n          {features.map((f, i) => (\n            <div key={i} className=\"rz-app-download__feature\">\n              <span className=\"rz-app-download__feature-icon\">\n                <CheckCircle />\n              </span>\n              {f.text}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  const visualSide = showQR ? (\n    <div className=\"rz-app-download__visual\">\n      <div className=\"rz-app-download__qr\">\n        <div className=\"rz-app-download__qr-placeholder\" aria-hidden=\"true\" />\n        <p className=\"rz-app-download__qr-label\">Scan to download</p>\n      </div>\n    </div>\n  ) : showMockup ? (\n    <div className=\"rz-app-download__visual\">\n      <div className=\"rz-app-download__mockup\">\n        <div className=\"rz-app-download__mockup-screen\">\n          <div className=\"rz-app-download__mockup-notch\" />\n        </div>\n      </div>\n    </div>\n  ) : null;\n\n  if (layout === 'centered') {\n    return (\n      <section className={classes} aria-label=\"App download\">\n        <div className=\"rz-app-download__inner\">\n          {contentSide}\n          {visualSide}\n        </div>\n      </section>\n    );\n  }\n\n  return (\n    <section className={classes} aria-label=\"App download\">\n      <div className=\"rz-app-download__inner\">\n        {contentSide}\n        {visualSide}\n      </div>\n    </section>\n  );\n}\n"],"names":[],"mappings":";;AA4BA,SAAS,YAAY;AACnB,SACE,oBAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,gBACnD,UAAA,oBAAC,QAAA,EAAK,GAAE,4bAA0b,GACpc;AAEJ;AAEA,SAAS,WAAW;AAClB,SACE,oBAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,gBACnD,UAAA,oBAAC,QAAA,EAAK,GAAE,4PAA0P,GACpQ;AAEJ;AAEA,SAAS,cAAc;AACrB,SACE,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SACvI,UAAA,oBAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB,EAAA,CACpC;AAEJ;AAEA,SAAS,WAAW;AAClB,SACE,oBAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,gBACnD,UAAA,oBAAC,WAAA,EAAQ,QAAO,kGAAgG,GAClH;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,UAAU,EAAE,KAAK,mBAAmB,MAAM,aAAa,MAAM,UAAA;AAAA,EAC7D,YAAY,EAAE,KAAK,aAAa,MAAM,eAAe,MAAM,SAAA;AAC7D;AAEO,SAAS,YAAY;AAAA,EAC1B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,EACV,SAAS,CAAC,EAAE,MAAM,cAAc,EAAE,MAAM,cAAc;AAAA,EACtD,WAAW;AAAA,IACT,EAAE,MAAM,wCAAA;AAAA,IACR,EAAE,MAAM,4BAAA;AAAA,IACR,EAAE,MAAM,2BAAA;AAAA,IACR,EAAE,MAAM,wCAAA;AAAA,EAAwC;AAAA,EAElD;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AACd,GAAqB;AACnB,QAAM,UAAU,CAAC,mBAAmB,oBAAoB,MAAM,IAAI,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAErG,QAAM,cACJ,qBAAC,OAAA,EAAI,WAAU,4BACZ,UAAA;AAAA,IAAA,WAAW,oBAAC,KAAA,EAAE,WAAU,4BAA4B,UAAA,SAAQ;AAAA,IAC7D,oBAAC,MAAA,EAAG,WAAU,0BAA0B,UAAA,OAAM;AAAA,IAC9C,oBAAC,KAAA,EAAE,WAAU,gCAAgC,UAAA,aAAY;AAAA,wBAExD,OAAA,EAAI,WAAU,4BACZ,UAAA,OAAO,IAAI,CAAC,UAAU;AACrB,YAAM,OAAO,WAAW,MAAM,IAAI;AAClC,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAM,MAAM,QAAQ;AAAA,UACpB,WAAU;AAAA,UACV,SAAS,MAAM,UAAU,CAAC,MAAM;AAAE,cAAE,eAAA;AAAkB,kBAAM,QAAA;AAAA,UAAY,IAAI;AAAA,UAC5E,cAAY,GAAG,KAAK,IAAI;AAAA,UAExB,UAAA;AAAA,YAAA,oBAAC,KAAK,MAAL,EAAU;AAAA,iCACV,OAAA,EACC,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,8BAA8B,UAAA,KAAK,KAAI;AAAA,cACvD,oBAAC,QAAA,EAAK,WAAU,+BAA+B,eAAK,KAAA,CAAK;AAAA,YAAA,EAAA,CAC3D;AAAA,UAAA;AAAA,QAAA;AAAA,QAVK,MAAM;AAAA,MAAA;AAAA,IAajB,CAAC,EAAA,CACH;AAAA,IAEC,WAAW,UACV,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,oBAAC,SAAI,WAAU,0BACZ,gBAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAAC,GAAG,0BAChC,UAAA,CAAA,GAAc,CAAG,CACnB,GACH;AAAA,2BACC,QAAA,EAAK,UAAA;AAAA,QAAA,oBAAC,YAAQ,UAAA,OAAA,CAAO;AAAA,QAAS;AAAA,MAAA,GAAI;AAAA,MAClC,oCAAgB,QAAA,EAAK,UAAA;AAAA,QAAA;AAAA,QAAE;AAAA,QAAY;AAAA,MAAA,EAAA,CAAS;AAAA,IAAA,GAC/C;AAAA,IAGD,SAAS,SAAS,KACjB,oBAAC,SAAI,WAAU,6BACZ,UAAA,SAAS,IAAI,CAAC,GAAG,MAChB,qBAAC,OAAA,EAAY,WAAU,4BACrB,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,iCACd,UAAA,oBAAC,eAAY,GACf;AAAA,MACC,EAAE;AAAA,IAAA,EAAA,GAJK,CAKV,CACD,EAAA,CACH;AAAA,EAAA,GAEJ;AAGF,QAAM,aAAa,SACjB,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,mCAAkC,eAAY,QAAO;AAAA,IACpE,oBAAC,KAAA,EAAE,WAAU,6BAA4B,UAAA,mBAAA,CAAgB;AAAA,EAAA,EAAA,CAC3D,EAAA,CACF,IACE,aACF,oBAAC,SAAI,WAAU,2BACb,UAAA,oBAAC,OAAA,EAAI,WAAU,2BACb,8BAAC,OAAA,EAAI,WAAU,kCACb,UAAA,oBAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC,EAAA,CACjD,EAAA,CACF,EAAA,CACF,IACE;AAEJ,MAAI,WAAW,YAAY;AACzB,WACE,oBAAC,aAAQ,WAAW,SAAS,cAAW,gBACtC,UAAA,qBAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,IAAA,EAAA,CACH,EAAA,CACF;AAAA,EAEJ;AAEA,SACE,oBAAC,aAAQ,WAAW,SAAS,cAAW,gBACtC,UAAA,qBAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"AppDownload.js","sources":["../../../src/blocks/app-download/AppDownload.tsx"],"sourcesContent":["import { Text } from '../../components/text';\nimport { Rows } from '../../components/rows';\nimport './app-download.css';\n\nexport type AppDownloadLayout = 'centered' | 'split';\n\nexport interface AppStore {\n  type: 'appstore' | 'googleplay';\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface AppFeature {\n  text: string;\n}\n\nexport interface AppDownloadProps {\n  title?: string;\n  description?: string;\n  eyebrow?: string;\n  stores?: AppStore[];\n  features?: AppFeature[];\n  rating?: number;\n  ratingCount?: string;\n  showMockup?: boolean;\n  showQR?: boolean;\n  layout?: AppDownloadLayout;\n  className?: string;\n}\n\nfunction AppleIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"/>\n    </svg>\n  );\n}\n\nfunction PlayIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M3.18 23.48c-.39-.23-.68-.64-.68-1.15V1.67c0-.51.29-.92.68-1.15l.12-.06 12.1 12.1v.28L3.3 23.54l-.12-.06zm16.46-9.76l-2.93 1.69-3.23-3.23 3.23-3.23 2.93 1.69c.84.48.84 1.6 0 2.08zm-4.95-4.78L3.41.66C3.71.5 4.07.52 4.41.68l.12.07L17 8.35l-2.31 2.59z\"/>\n    </svg>\n  );\n}\n\nfunction CheckCircle() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction StarIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/>\n    </svg>\n  );\n}\n\nconst STORE_META = {\n  appstore: { sub: 'Download on the', name: 'App Store', Icon: AppleIcon },\n  googleplay: { sub: 'Get it on', name: 'Google Play', Icon: PlayIcon },\n};\n\nexport function AppDownload({\n  title = 'Take it with you',\n  description = 'Download our app and stay connected wherever you go. Available on iOS and Android.',\n  eyebrow = 'Mobile App',\n  stores = [{ type: 'appstore' }, { type: 'googleplay' }],\n  features = [\n    { text: 'Works offline — sync when back online' },\n    { text: 'Native push notifications' },\n    { text: 'Biometric authentication' },\n    { text: 'Free forever, no credit card required' },\n  ],\n  rating,\n  ratingCount,\n  showMockup = true,\n  showQR = false,\n  layout = 'split',\n  className = '',\n}: AppDownloadProps) {\n  const classes = ['rz-app-download', `rz-app-download--${layout}`, className].filter(Boolean).join(' ');\n\n  const contentSide = (\n    <Rows className=\"rz-app-download__content\">\n      {eyebrow && <Text as=\"p\" className=\"rz-app-download__eyebrow\">{eyebrow}</Text>}\n      <Text as=\"h2\" className=\"rz-app-download__title\">{title}</Text>\n      <Text as=\"p\" className=\"rz-app-download__description\">{description}</Text>\n\n      <div className=\"rz-app-download__buttons\">\n        {stores.map((store) => {\n          const meta = STORE_META[store.type];\n          return (\n            <a\n              key={store.type}\n              href={store.href ?? '#'}\n              className=\"rz-app-download__store-btn\"\n              onClick={store.onClick ? (e) => { e.preventDefault(); store.onClick!(); } : undefined}\n              aria-label={`${meta.name}`}\n            >\n              <meta.Icon />\n              <div>\n                <span className=\"rz-app-download__store-sub\">{meta.sub}</span>\n                <span className=\"rz-app-download__store-name\">{meta.name}</span>\n              </div>\n            </a>\n          );\n        })}\n      </div>\n\n      {rating !== undefined && (\n        <div className=\"rz-app-download__rating\">\n          <div className=\"rz-app-download__stars\">\n            {Array.from({ length: 5 }).map((_, i) => (\n              <StarIcon key={i} />\n            ))}\n          </div>\n          <span><strong>{rating}</strong> / 5</span>\n          {ratingCount && <span>({ratingCount} reviews)</span>}\n        </div>\n      )}\n\n      {features.length > 0 && (\n        <div className=\"rz-app-download__features\">\n          {features.map((f, i) => (\n            <div key={i} className=\"rz-app-download__feature\">\n              <span className=\"rz-app-download__feature-icon\">\n                <CheckCircle />\n              </span>\n              {f.text}\n            </div>\n          ))}\n        </div>\n      )}\n    </Rows>\n  );\n\n  const visualSide = showQR ? (\n    <div className=\"rz-app-download__visual\">\n      <div className=\"rz-app-download__qr\">\n        <div className=\"rz-app-download__qr-placeholder\" aria-hidden=\"true\" />\n        <Text as=\"p\" className=\"rz-app-download__qr-label\">Scan to download</Text>\n      </div>\n    </div>\n  ) : showMockup ? (\n    <div className=\"rz-app-download__visual\">\n      <div className=\"rz-app-download__mockup\">\n        <div className=\"rz-app-download__mockup-screen\">\n          <div className=\"rz-app-download__mockup-notch\" />\n        </div>\n      </div>\n    </div>\n  ) : null;\n\n  if (layout === 'centered') {\n    return (\n      <section className={classes} aria-label=\"App download\">\n        <div className=\"rz-app-download__inner\">\n          {contentSide}\n          {visualSide}\n        </div>\n      </section>\n    );\n  }\n\n  return (\n    <section className={classes} aria-label=\"App download\">\n      <div className=\"rz-app-download__inner\">\n        {contentSide}\n        {visualSide}\n      </div>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/blocks/auth-form/AuthForm.cjs

@@ -4,6 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const cn = require("../../utils/cn.cjs");
 const Button = require("../../components/button/Button.cjs");
 ;/* empty css                */
+const Rows = require("../../components/rows/Rows.cjs");
+const Text = require("../../components/text/Text.cjs");
 const defaultLoginFields = [
   { name: "email", label: "Email", type: "email", placeholder: "you@example.com", required: true },
   { name: "password", label: "Password", type: "password", placeholder: "••••••••", required: true }
@@ -38,10 +40,10 @@ function AuthForm({
   const resolvedTitle = title ?? (mode === "login" ? "Welcome back" : "Create an account");
   const resolvedSubtitle = subtitle ?? (mode === "login" ? "Sign in to your account" : "Start your free account today");
   const resolvedSubmit = submitLabel ?? (mode === "login" ? "Sign In" : "Create Account");
-  const formContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-auth-form__card", children: [
+  const formContent = /* @__PURE__ */ jsxRuntime.jsxs(Rows.Rows, { className: "rz-auth-form__card", children: [
     logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-auth-form__logo", children: logo }),
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "rz-auth-form__title", children: resolvedTitle }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-auth-form__subtitle", children: resolvedSubtitle }),
+    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { as: "h1", className: "rz-auth-form__title", children: resolvedTitle }),
+    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { as: "p", className: "rz-auth-form__subtitle", children: resolvedSubtitle }),
     socialProviders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-auth-form__social", children: socialProviders.map((p) => /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "rz-auth-form__social-btn", onClick: p.onClick, children: [
         p.icon,
@@ -51,7 +53,7 @@ function AuthForm({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-auth-form__divider", children: "or" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "rz-auth-form__body", onSubmit, children: [
-      resolvedFields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-auth-form__field", children: [
+      resolvedFields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs(Rows.Rows, { className: "rz-auth-form__field", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: field.name, className: "rz-auth-form__label", children: field.label }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -71,7 +73,7 @@ function AuthForm({
       ] }, field.name)),
       /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "submit", fullWidth: true, loading, className: "rz-auth-form__submit", children: resolvedSubmit })
     ] }),
-    footerText && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "rz-auth-form__footer", children: [
+    footerText && /* @__PURE__ */ jsxRuntime.jsxs(Text.Text, { as: "p", className: "rz-auth-form__footer", children: [
       footerText,
       " ",
       footerLinkLabel && /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#", className: "rz-auth-form__footer-link", onClick: (e) => {
@@ -85,13 +87,13 @@ function AuthForm({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-auth-form__panel", children: formContent }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-auth-form__side", children: sideContent ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", {}),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          sideQuote && /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "rz-auth-form__side-quote", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Rows.Rows, { children: [
+          sideQuote && /* @__PURE__ */ jsxRuntime.jsxs(Text.Text, { as: "blockquote", className: "rz-auth-form__side-quote", children: [
             "“",
             sideQuote,
             "”"
           ] }),
-          sideAttribution && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "rz-auth-form__side-attribution", children: [
+          sideAttribution && /* @__PURE__ */ jsxRuntime.jsxs(Text.Text, { as: "p", className: "rz-auth-form__side-attribution", children: [
             "— ",
             sideAttribution
           ] })
@@ -99,7 +101,7 @@ function AuthForm({
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-auth-form rz-auth-form--centered", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-auth-form__panel", style: { flex: "none", borderRadius: 12, border: "1px solid var(--rz-color-border)", boxShadow: "var(--rz-shadow-lg, 0 8px 30px rgba(0,0,0,0.1))" }, children: formContent }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-auth-form rz-auth-form--centered", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-auth-form__panel rz-auth-form__panel--card", children: formContent }) });
 }
 exports.AuthForm = AuthForm;
 //# sourceMappingURL=AuthForm.cjs.map

package/dist/blocks/auth-form/AuthForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AuthForm.cjs","sources":["../../../src/blocks/auth-form/AuthForm.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../../components/button/Button';\nimport './auth-form.css';\n\nexport type AuthFormMode = 'login' | 'register';\nexport type AuthFormLayout = 'centered' | 'split';\n\nexport interface SocialProvider {\n  label: string;\n  icon?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface AuthFormField {\n  name: string;\n  label: string;\n  type?: string;\n  placeholder?: string;\n  required?: boolean;\n}\n\nexport interface AuthFormProps {\n  mode?: AuthFormMode;\n  layout?: AuthFormLayout;\n  logo?: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  fields?: AuthFormField[];\n  socialProviders?: SocialProvider[];\n  showForgotPassword?: boolean;\n  onForgotPassword?: () => void;\n  onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;\n  submitLabel?: string;\n  loading?: boolean;\n  footerText?: string;\n  footerLinkLabel?: string;\n  onFooterLink?: () => void;\n  /** Split layout: side panel content */\n  sideQuote?: string;\n  sideAttribution?: string;\n  sideContent?: React.ReactNode;\n  className?: string;\n}\n\nconst defaultLoginFields: AuthFormField[] = [\n  { name: 'email', label: 'Email', type: 'email', placeholder: 'you@example.com', required: true },\n  { name: 'password', label: 'Password', type: 'password', placeholder: '••••••••', required: true },\n];\n\nconst defaultRegisterFields: AuthFormField[] = [\n  { name: 'name', label: 'Full Name', type: 'text', placeholder: 'Jane Doe', required: true },\n  { name: 'email', label: 'Email', type: 'email', placeholder: 'you@example.com', required: true },\n  { name: 'password', label: 'Password', type: 'password', placeholder: 'Min. 8 characters', required: true },\n];\n\nexport function AuthForm({\n  mode = 'login',\n  layout = 'centered',\n  logo,\n  title,\n  subtitle,\n  fields,\n  socialProviders = [],\n  showForgotPassword = true,\n  onForgotPassword,\n  onSubmit,\n  submitLabel,\n  loading = false,\n  footerText,\n  footerLinkLabel,\n  onFooterLink,\n  sideQuote,\n  sideAttribution,\n  sideContent,\n  className,\n}: AuthFormProps) {\n  const resolvedFields = fields ?? (mode === 'login' ? defaultLoginFields : defaultRegisterFields);\n  const resolvedTitle = title ?? (mode === 'login' ? 'Welcome back' : 'Create an account');\n  const resolvedSubtitle = subtitle ?? (mode === 'login' ? 'Sign in to your account' : 'Start your free account today');\n  const resolvedSubmit = submitLabel ?? (mode === 'login' ? 'Sign In' : 'Create Account');\n\n  const formContent = (\n    <div className=\"rz-auth-form__card\">\n      {logo && <div className=\"rz-auth-form__logo\">{logo}</div>}\n      <h1 className=\"rz-auth-form__title\">{resolvedTitle}</h1>\n      <p className=\"rz-auth-form__subtitle\">{resolvedSubtitle}</p>\n\n      {socialProviders.length > 0 && (\n        <>\n          <div className=\"rz-auth-form__social\">\n            {socialProviders.map((p) => (\n              <button key={p.label} type=\"button\" className=\"rz-auth-form__social-btn\" onClick={p.onClick}>\n                {p.icon}\n                Continue with {p.label}\n              </button>\n            ))}\n          </div>\n          <div className=\"rz-auth-form__divider\">or</div>\n        </>\n      )}\n\n      <form className=\"rz-auth-form__body\" onSubmit={onSubmit}>\n        {resolvedFields.map((field) => (\n          <div key={field.name} className=\"rz-auth-form__field\">\n            <label htmlFor={field.name} className=\"rz-auth-form__label\">{field.label}</label>\n            <input\n              id={field.name}\n              name={field.name}\n              type={field.type ?? 'text'}\n              placeholder={field.placeholder}\n              required={field.required}\n              className=\"rz-auth-form__input\"\n            />\n            {field.name === 'password' && mode === 'login' && showForgotPassword && (\n              <a href=\"#\" className=\"rz-auth-form__forgot\" onClick={(e) => { e.preventDefault(); onForgotPassword?.(); }}>\n                Forgot password?\n              </a>\n            )}\n          </div>\n        ))}\n        <Button type=\"submit\" fullWidth loading={loading} className=\"rz-auth-form__submit\">\n          {resolvedSubmit}\n        </Button>\n      </form>\n\n      {footerText && (\n        <p className=\"rz-auth-form__footer\">\n          {footerText}{' '}\n          {footerLinkLabel && (\n            <a href=\"#\" className=\"rz-auth-form__footer-link\" onClick={(e) => { e.preventDefault(); onFooterLink?.(); }}>\n              {footerLinkLabel}\n            </a>\n          )}\n        </p>\n      )}\n    </div>\n  );\n\n  if (layout === 'split') {\n    return (\n      <div className={cn('rz-auth-form rz-auth-form--split', className)}>\n        <div className=\"rz-auth-form__panel\">\n          {formContent}\n        </div>\n        <div className=\"rz-auth-form__side\">\n          {sideContent ?? (\n            <>\n              <div />\n              <div>\n                {sideQuote && <blockquote className=\"rz-auth-form__side-quote\">&ldquo;{sideQuote}&rdquo;</blockquote>}\n                {sideAttribution && <p className=\"rz-auth-form__side-attribution\">— {sideAttribution}</p>}\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('rz-auth-form rz-auth-form--centered', className)}>\n      <div className=\"rz-auth-form__panel\" style={{ flex: 'none', borderRadius: 12, border: '1px solid var(--rz-color-border)', boxShadow: 'var(--rz-shadow-lg, 0 8px 30px rgba(0,0,0,0.1))' }}>\n        {formContent}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","Fragment","Button","cn"],"mappings":"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"}
+{"version":3,"file":"AuthForm.cjs","sources":["../../../src/blocks/auth-form/AuthForm.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../../components/button/Button';\nimport { Text } from '../../components/text';\nimport { Rows } from '../../components/rows';\nimport './auth-form.css';\n\nexport type AuthFormMode = 'login' | 'register';\nexport type AuthFormLayout = 'centered' | 'split';\n\nexport interface SocialProvider {\n  label: string;\n  icon?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface AuthFormField {\n  name: string;\n  label: string;\n  type?: string;\n  placeholder?: string;\n  required?: boolean;\n}\n\nexport interface AuthFormProps {\n  mode?: AuthFormMode;\n  layout?: AuthFormLayout;\n  logo?: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  fields?: AuthFormField[];\n  socialProviders?: SocialProvider[];\n  showForgotPassword?: boolean;\n  onForgotPassword?: () => void;\n  onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;\n  submitLabel?: string;\n  loading?: boolean;\n  footerText?: string;\n  footerLinkLabel?: string;\n  onFooterLink?: () => void;\n  /** Split layout: side panel content */\n  sideQuote?: string;\n  sideAttribution?: string;\n  sideContent?: React.ReactNode;\n  className?: string;\n}\n\nconst defaultLoginFields: AuthFormField[] = [\n  { name: 'email', label: 'Email', type: 'email', placeholder: 'you@example.com', required: true },\n  { name: 'password', label: 'Password', type: 'password', placeholder: '••••••••', required: true },\n];\n\nconst defaultRegisterFields: AuthFormField[] = [\n  { name: 'name', label: 'Full Name', type: 'text', placeholder: 'Jane Doe', required: true },\n  { name: 'email', label: 'Email', type: 'email', placeholder: 'you@example.com', required: true },\n  { name: 'password', label: 'Password', type: 'password', placeholder: 'Min. 8 characters', required: true },\n];\n\nexport function AuthForm({\n  mode = 'login',\n  layout = 'centered',\n  logo,\n  title,\n  subtitle,\n  fields,\n  socialProviders = [],\n  showForgotPassword = true,\n  onForgotPassword,\n  onSubmit,\n  submitLabel,\n  loading = false,\n  footerText,\n  footerLinkLabel,\n  onFooterLink,\n  sideQuote,\n  sideAttribution,\n  sideContent,\n  className,\n}: AuthFormProps) {\n  const resolvedFields = fields ?? (mode === 'login' ? defaultLoginFields : defaultRegisterFields);\n  const resolvedTitle = title ?? (mode === 'login' ? 'Welcome back' : 'Create an account');\n  const resolvedSubtitle = subtitle ?? (mode === 'login' ? 'Sign in to your account' : 'Start your free account today');\n  const resolvedSubmit = submitLabel ?? (mode === 'login' ? 'Sign In' : 'Create Account');\n\n  const formContent = (\n    <Rows className=\"rz-auth-form__card\">\n      {logo && <div className=\"rz-auth-form__logo\">{logo}</div>}\n      <Text as=\"h1\" className=\"rz-auth-form__title\">{resolvedTitle}</Text>\n      <Text as=\"p\" className=\"rz-auth-form__subtitle\">{resolvedSubtitle}</Text>\n\n      {socialProviders.length > 0 && (\n        <>\n          <div className=\"rz-auth-form__social\">\n            {socialProviders.map((p) => (\n              <button key={p.label} type=\"button\" className=\"rz-auth-form__social-btn\" onClick={p.onClick}>\n                {p.icon}\n                Continue with {p.label}\n              </button>\n            ))}\n          </div>\n          <div className=\"rz-auth-form__divider\">or</div>\n        </>\n      )}\n\n      <form className=\"rz-auth-form__body\" onSubmit={onSubmit}>\n        {resolvedFields.map((field) => (\n          <Rows key={field.name} className=\"rz-auth-form__field\">\n            <label htmlFor={field.name} className=\"rz-auth-form__label\">{field.label}</label>\n            <input\n              id={field.name}\n              name={field.name}\n              type={field.type ?? 'text'}\n              placeholder={field.placeholder}\n              required={field.required}\n              className=\"rz-auth-form__input\"\n            />\n            {field.name === 'password' && mode === 'login' && showForgotPassword && (\n              <a href=\"#\" className=\"rz-auth-form__forgot\" onClick={(e) => { e.preventDefault(); onForgotPassword?.(); }}>\n                Forgot password?\n              </a>\n            )}\n          </Rows>\n        ))}\n        <Button type=\"submit\" fullWidth loading={loading} className=\"rz-auth-form__submit\">\n          {resolvedSubmit}\n        </Button>\n      </form>\n\n      {footerText && (\n        <Text as=\"p\" className=\"rz-auth-form__footer\">\n          {footerText}{' '}\n          {footerLinkLabel && (\n            <a href=\"#\" className=\"rz-auth-form__footer-link\" onClick={(e) => { e.preventDefault(); onFooterLink?.(); }}>\n              {footerLinkLabel}\n            </a>\n          )}\n        </Text>\n      )}\n    </Rows>\n  );\n\n  if (layout === 'split') {\n    return (\n      <div className={cn('rz-auth-form rz-auth-form--split', className)}>\n        <div className=\"rz-auth-form__panel\">\n          {formContent}\n        </div>\n        <div className=\"rz-auth-form__side\">\n          {sideContent ?? (\n            <>\n              <div />\n              <Rows>\n                {sideQuote && <Text as=\"blockquote\" className=\"rz-auth-form__side-quote\">&ldquo;{sideQuote}&rdquo;</Text>}\n                {sideAttribution && <Text as=\"p\" className=\"rz-auth-form__side-attribution\">— {sideAttribution}</Text>}\n              </Rows>\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('rz-auth-form rz-auth-form--centered', className)}>\n      <div className=\"rz-auth-form__panel rz-auth-form__panel--card\">\n        {formContent}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","Rows","jsx","Text","Fragment","Button","cn"],"mappings":"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"}

package/dist/blocks/auth-form/AuthForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthForm.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth-form/AuthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,wBAAgB,QAAQ,CAAC,EACvB,IAAc,EACd,MAAmB,EACnB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,eAAoB,EACpB,kBAAyB,EACzB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,OAAe,EACf,UAAU,EACV,eAAe,EACf,YAAY,EACZ,SAAS,EACT,eAAe,EACf,WAAW,EACX,SAAS,GACV,EAAE,aAAa,2CA2Ff"}
+{"version":3,"file":"AuthForm.d.ts","sourceRoot":"","sources":["../../../src/blocks/auth-form/AuthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,wBAAgB,QAAQ,CAAC,EACvB,IAAc,EACd,MAAmB,EACnB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,eAAoB,EACpB,kBAAyB,EACzB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,OAAe,EACf,UAAU,EACV,eAAe,EACf,YAAY,EACZ,SAAS,EACT,eAAe,EACf,WAAW,EACX,SAAS,GACV,EAAE,aAAa,2CA2Ff"}

package/dist/blocks/auth-form/AuthForm.js

@@ -2,6 +2,8 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { Button } from "../../components/button/Button.js";
 /* empty css              */
+import { Rows } from "../../components/rows/Rows.js";
+import { Text } from "../../components/text/Text.js";
 const defaultLoginFields = [
   { name: "email", label: "Email", type: "email", placeholder: "you@example.com", required: true },
   { name: "password", label: "Password", type: "password", placeholder: "••••••••", required: true }
@@ -36,10 +38,10 @@ function AuthForm({
   const resolvedTitle = title ?? (mode === "login" ? "Welcome back" : "Create an account");
   const resolvedSubtitle = subtitle ?? (mode === "login" ? "Sign in to your account" : "Start your free account today");
   const resolvedSubmit = submitLabel ?? (mode === "login" ? "Sign In" : "Create Account");
-  const formContent = /* @__PURE__ */ jsxs("div", { className: "rz-auth-form__card", children: [
+  const formContent = /* @__PURE__ */ jsxs(Rows, { className: "rz-auth-form__card", children: [
     logo && /* @__PURE__ */ jsx("div", { className: "rz-auth-form__logo", children: logo }),
-    /* @__PURE__ */ jsx("h1", { className: "rz-auth-form__title", children: resolvedTitle }),
-    /* @__PURE__ */ jsx("p", { className: "rz-auth-form__subtitle", children: resolvedSubtitle }),
+    /* @__PURE__ */ jsx(Text, { as: "h1", className: "rz-auth-form__title", children: resolvedTitle }),
+    /* @__PURE__ */ jsx(Text, { as: "p", className: "rz-auth-form__subtitle", children: resolvedSubtitle }),
     socialProviders.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: "rz-auth-form__social", children: socialProviders.map((p) => /* @__PURE__ */ jsxs("button", { type: "button", className: "rz-auth-form__social-btn", onClick: p.onClick, children: [
         p.icon,
@@ -49,7 +51,7 @@ function AuthForm({
       /* @__PURE__ */ jsx("div", { className: "rz-auth-form__divider", children: "or" })
     ] }),
     /* @__PURE__ */ jsxs("form", { className: "rz-auth-form__body", onSubmit, children: [
-      resolvedFields.map((field) => /* @__PURE__ */ jsxs("div", { className: "rz-auth-form__field", children: [
+      resolvedFields.map((field) => /* @__PURE__ */ jsxs(Rows, { className: "rz-auth-form__field", children: [
         /* @__PURE__ */ jsx("label", { htmlFor: field.name, className: "rz-auth-form__label", children: field.label }),
         /* @__PURE__ */ jsx(
           "input",
@@ -69,7 +71,7 @@ function AuthForm({
       ] }, field.name)),
       /* @__PURE__ */ jsx(Button, { type: "submit", fullWidth: true, loading, className: "rz-auth-form__submit", children: resolvedSubmit })
     ] }),
-    footerText && /* @__PURE__ */ jsxs("p", { className: "rz-auth-form__footer", children: [
+    footerText && /* @__PURE__ */ jsxs(Text, { as: "p", className: "rz-auth-form__footer", children: [
       footerText,
       " ",
       footerLinkLabel && /* @__PURE__ */ jsx("a", { href: "#", className: "rz-auth-form__footer-link", onClick: (e) => {
@@ -83,13 +85,13 @@ function AuthForm({
       /* @__PURE__ */ jsx("div", { className: "rz-auth-form__panel", children: formContent }),
       /* @__PURE__ */ jsx("div", { className: "rz-auth-form__side", children: sideContent ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("div", {}),
-        /* @__PURE__ */ jsxs("div", { children: [
-          sideQuote && /* @__PURE__ */ jsxs("blockquote", { className: "rz-auth-form__side-quote", children: [
+        /* @__PURE__ */ jsxs(Rows, { children: [
+          sideQuote && /* @__PURE__ */ jsxs(Text, { as: "blockquote", className: "rz-auth-form__side-quote", children: [
             "“",
             sideQuote,
             "”"
           ] }),
-          sideAttribution && /* @__PURE__ */ jsxs("p", { className: "rz-auth-form__side-attribution", children: [
+          sideAttribution && /* @__PURE__ */ jsxs(Text, { as: "p", className: "rz-auth-form__side-attribution", children: [
             "— ",
             sideAttribution
           ] })
@@ -97,7 +99,7 @@ function AuthForm({
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsx("div", { className: cn("rz-auth-form rz-auth-form--centered", className), children: /* @__PURE__ */ jsx("div", { className: "rz-auth-form__panel", style: { flex: "none", borderRadius: 12, border: "1px solid var(--rz-color-border)", boxShadow: "var(--rz-shadow-lg, 0 8px 30px rgba(0,0,0,0.1))" }, children: formContent }) });
+  return /* @__PURE__ */ jsx("div", { className: cn("rz-auth-form rz-auth-form--centered", className), children: /* @__PURE__ */ jsx("div", { className: "rz-auth-form__panel rz-auth-form__panel--card", children: formContent }) });
 }
 export {
   AuthForm

package/dist/blocks/auth-form/AuthForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthForm.js","sources":["../../../src/blocks/auth-form/AuthForm.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../../components/button/Button';\nimport './auth-form.css';\n\nexport type AuthFormMode = 'login' | 'register';\nexport type AuthFormLayout = 'centered' | 'split';\n\nexport interface SocialProvider {\n  label: string;\n  icon?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface AuthFormField {\n  name: string;\n  label: string;\n  type?: string;\n  placeholder?: string;\n  required?: boolean;\n}\n\nexport interface AuthFormProps {\n  mode?: AuthFormMode;\n  layout?: AuthFormLayout;\n  logo?: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  fields?: AuthFormField[];\n  socialProviders?: SocialProvider[];\n  showForgotPassword?: boolean;\n  onForgotPassword?: () => void;\n  onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;\n  submitLabel?: string;\n  loading?: boolean;\n  footerText?: string;\n  footerLinkLabel?: string;\n  onFooterLink?: () => void;\n  /** Split layout: side panel content */\n  sideQuote?: string;\n  sideAttribution?: string;\n  sideContent?: React.ReactNode;\n  className?: string;\n}\n\nconst defaultLoginFields: AuthFormField[] = [\n  { name: 'email', label: 'Email', type: 'email', placeholder: 'you@example.com', required: true },\n  { name: 'password', label: 'Password', type: 'password', placeholder: '••••••••', required: true },\n];\n\nconst defaultRegisterFields: AuthFormField[] = [\n  { name: 'name', label: 'Full Name', type: 'text', placeholder: 'Jane Doe', required: true },\n  { name: 'email', label: 'Email', type: 'email', placeholder: 'you@example.com', required: true },\n  { name: 'password', label: 'Password', type: 'password', placeholder: 'Min. 8 characters', required: true },\n];\n\nexport function AuthForm({\n  mode = 'login',\n  layout = 'centered',\n  logo,\n  title,\n  subtitle,\n  fields,\n  socialProviders = [],\n  showForgotPassword = true,\n  onForgotPassword,\n  onSubmit,\n  submitLabel,\n  loading = false,\n  footerText,\n  footerLinkLabel,\n  onFooterLink,\n  sideQuote,\n  sideAttribution,\n  sideContent,\n  className,\n}: AuthFormProps) {\n  const resolvedFields = fields ?? (mode === 'login' ? defaultLoginFields : defaultRegisterFields);\n  const resolvedTitle = title ?? (mode === 'login' ? 'Welcome back' : 'Create an account');\n  const resolvedSubtitle = subtitle ?? (mode === 'login' ? 'Sign in to your account' : 'Start your free account today');\n  const resolvedSubmit = submitLabel ?? (mode === 'login' ? 'Sign In' : 'Create Account');\n\n  const formContent = (\n    <div className=\"rz-auth-form__card\">\n      {logo && <div className=\"rz-auth-form__logo\">{logo}</div>}\n      <h1 className=\"rz-auth-form__title\">{resolvedTitle}</h1>\n      <p className=\"rz-auth-form__subtitle\">{resolvedSubtitle}</p>\n\n      {socialProviders.length > 0 && (\n        <>\n          <div className=\"rz-auth-form__social\">\n            {socialProviders.map((p) => (\n              <button key={p.label} type=\"button\" className=\"rz-auth-form__social-btn\" onClick={p.onClick}>\n                {p.icon}\n                Continue with {p.label}\n              </button>\n            ))}\n          </div>\n          <div className=\"rz-auth-form__divider\">or</div>\n        </>\n      )}\n\n      <form className=\"rz-auth-form__body\" onSubmit={onSubmit}>\n        {resolvedFields.map((field) => (\n          <div key={field.name} className=\"rz-auth-form__field\">\n            <label htmlFor={field.name} className=\"rz-auth-form__label\">{field.label}</label>\n            <input\n              id={field.name}\n              name={field.name}\n              type={field.type ?? 'text'}\n              placeholder={field.placeholder}\n              required={field.required}\n              className=\"rz-auth-form__input\"\n            />\n            {field.name === 'password' && mode === 'login' && showForgotPassword && (\n              <a href=\"#\" className=\"rz-auth-form__forgot\" onClick={(e) => { e.preventDefault(); onForgotPassword?.(); }}>\n                Forgot password?\n              </a>\n            )}\n          </div>\n        ))}\n        <Button type=\"submit\" fullWidth loading={loading} className=\"rz-auth-form__submit\">\n          {resolvedSubmit}\n        </Button>\n      </form>\n\n      {footerText && (\n        <p className=\"rz-auth-form__footer\">\n          {footerText}{' '}\n          {footerLinkLabel && (\n            <a href=\"#\" className=\"rz-auth-form__footer-link\" onClick={(e) => { e.preventDefault(); onFooterLink?.(); }}>\n              {footerLinkLabel}\n            </a>\n          )}\n        </p>\n      )}\n    </div>\n  );\n\n  if (layout === 'split') {\n    return (\n      <div className={cn('rz-auth-form rz-auth-form--split', className)}>\n        <div className=\"rz-auth-form__panel\">\n          {formContent}\n        </div>\n        <div className=\"rz-auth-form__side\">\n          {sideContent ?? (\n            <>\n              <div />\n              <div>\n                {sideQuote && <blockquote className=\"rz-auth-form__side-quote\">&ldquo;{sideQuote}&rdquo;</blockquote>}\n                {sideAttribution && <p className=\"rz-auth-form__side-attribution\">— {sideAttribution}</p>}\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('rz-auth-form rz-auth-form--centered', className)}>\n      <div className=\"rz-auth-form__panel\" style={{ flex: 'none', borderRadius: 12, border: '1px solid var(--rz-color-border)', boxShadow: 'var(--rz-shadow-lg, 0 8px 30px rgba(0,0,0,0.1))' }}>\n        {formContent}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AuthForm.js","sources":["../../../src/blocks/auth-form/AuthForm.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../../components/button/Button';\nimport { Text } from '../../components/text';\nimport { Rows } from '../../components/rows';\nimport './auth-form.css';\n\nexport type AuthFormMode = 'login' | 'register';\nexport type AuthFormLayout = 'centered' | 'split';\n\nexport interface SocialProvider {\n  label: string;\n  icon?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface AuthFormField {\n  name: string;\n  label: string;\n  type?: string;\n  placeholder?: string;\n  required?: boolean;\n}\n\nexport interface AuthFormProps {\n  mode?: AuthFormMode;\n  layout?: AuthFormLayout;\n  logo?: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  fields?: AuthFormField[];\n  socialProviders?: SocialProvider[];\n  showForgotPassword?: boolean;\n  onForgotPassword?: () => void;\n  onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;\n  submitLabel?: string;\n  loading?: boolean;\n  footerText?: string;\n  footerLinkLabel?: string;\n  onFooterLink?: () => void;\n  /** Split layout: side panel content */\n  sideQuote?: string;\n  sideAttribution?: string;\n  sideContent?: React.ReactNode;\n  className?: string;\n}\n\nconst defaultLoginFields: AuthFormField[] = [\n  { name: 'email', label: 'Email', type: 'email', placeholder: 'you@example.com', required: true },\n  { name: 'password', label: 'Password', type: 'password', placeholder: '••••••••', required: true },\n];\n\nconst defaultRegisterFields: AuthFormField[] = [\n  { name: 'name', label: 'Full Name', type: 'text', placeholder: 'Jane Doe', required: true },\n  { name: 'email', label: 'Email', type: 'email', placeholder: 'you@example.com', required: true },\n  { name: 'password', label: 'Password', type: 'password', placeholder: 'Min. 8 characters', required: true },\n];\n\nexport function AuthForm({\n  mode = 'login',\n  layout = 'centered',\n  logo,\n  title,\n  subtitle,\n  fields,\n  socialProviders = [],\n  showForgotPassword = true,\n  onForgotPassword,\n  onSubmit,\n  submitLabel,\n  loading = false,\n  footerText,\n  footerLinkLabel,\n  onFooterLink,\n  sideQuote,\n  sideAttribution,\n  sideContent,\n  className,\n}: AuthFormProps) {\n  const resolvedFields = fields ?? (mode === 'login' ? defaultLoginFields : defaultRegisterFields);\n  const resolvedTitle = title ?? (mode === 'login' ? 'Welcome back' : 'Create an account');\n  const resolvedSubtitle = subtitle ?? (mode === 'login' ? 'Sign in to your account' : 'Start your free account today');\n  const resolvedSubmit = submitLabel ?? (mode === 'login' ? 'Sign In' : 'Create Account');\n\n  const formContent = (\n    <Rows className=\"rz-auth-form__card\">\n      {logo && <div className=\"rz-auth-form__logo\">{logo}</div>}\n      <Text as=\"h1\" className=\"rz-auth-form__title\">{resolvedTitle}</Text>\n      <Text as=\"p\" className=\"rz-auth-form__subtitle\">{resolvedSubtitle}</Text>\n\n      {socialProviders.length > 0 && (\n        <>\n          <div className=\"rz-auth-form__social\">\n            {socialProviders.map((p) => (\n              <button key={p.label} type=\"button\" className=\"rz-auth-form__social-btn\" onClick={p.onClick}>\n                {p.icon}\n                Continue with {p.label}\n              </button>\n            ))}\n          </div>\n          <div className=\"rz-auth-form__divider\">or</div>\n        </>\n      )}\n\n      <form className=\"rz-auth-form__body\" onSubmit={onSubmit}>\n        {resolvedFields.map((field) => (\n          <Rows key={field.name} className=\"rz-auth-form__field\">\n            <label htmlFor={field.name} className=\"rz-auth-form__label\">{field.label}</label>\n            <input\n              id={field.name}\n              name={field.name}\n              type={field.type ?? 'text'}\n              placeholder={field.placeholder}\n              required={field.required}\n              className=\"rz-auth-form__input\"\n            />\n            {field.name === 'password' && mode === 'login' && showForgotPassword && (\n              <a href=\"#\" className=\"rz-auth-form__forgot\" onClick={(e) => { e.preventDefault(); onForgotPassword?.(); }}>\n                Forgot password?\n              </a>\n            )}\n          </Rows>\n        ))}\n        <Button type=\"submit\" fullWidth loading={loading} className=\"rz-auth-form__submit\">\n          {resolvedSubmit}\n        </Button>\n      </form>\n\n      {footerText && (\n        <Text as=\"p\" className=\"rz-auth-form__footer\">\n          {footerText}{' '}\n          {footerLinkLabel && (\n            <a href=\"#\" className=\"rz-auth-form__footer-link\" onClick={(e) => { e.preventDefault(); onFooterLink?.(); }}>\n              {footerLinkLabel}\n            </a>\n          )}\n        </Text>\n      )}\n    </Rows>\n  );\n\n  if (layout === 'split') {\n    return (\n      <div className={cn('rz-auth-form rz-auth-form--split', className)}>\n        <div className=\"rz-auth-form__panel\">\n          {formContent}\n        </div>\n        <div className=\"rz-auth-form__side\">\n          {sideContent ?? (\n            <>\n              <div />\n              <Rows>\n                {sideQuote && <Text as=\"blockquote\" className=\"rz-auth-form__side-quote\">&ldquo;{sideQuote}&rdquo;</Text>}\n                {sideAttribution && <Text as=\"p\" className=\"rz-auth-form__side-attribution\">— {sideAttribution}</Text>}\n              </Rows>\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('rz-auth-form rz-auth-form--centered', className)}>\n      <div className=\"rz-auth-form__panel rz-auth-form__panel--card\">\n        {formContent}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/blocks/blog-post/BlogPost.cjs

@@ -3,6 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const cn = require("../../utils/cn.cjs");
 ;/* empty css                */
+const Columns = require("../../components/columns/Columns.cjs");
+const Rows = require("../../components/rows/Rows.cjs");
+const Text = require("../../components/text/Text.cjs");
+function resolveTag(tag) {
+  return typeof tag === "string" ? { label: tag } : tag;
+}
 function BlogPost({
   title,
   excerpt,
@@ -19,29 +25,58 @@ function BlogPost({
   className
 }) {
   const initials = author ? author.avatarInitials ?? author.name.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase() : "";
-  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cn.cn("rz-blog-post", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "rz-blog-post__header", children: [
-      category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-blog-post__category", children: category }),
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "rz-blog-post__title", children: title }),
-      excerpt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-blog-post__excerpt", children: excerpt }),
-      author && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-blog-post__author", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__author-avatar", children: author.avatarSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: author.avatarSrc, alt: author.name }) : initials }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-blog-post__author-name", children: author.name }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-blog-post__author-meta", children: [
-            author.role && /* @__PURE__ */ jsxRuntime.jsx("span", { children: author.role }),
-            author.role && (publishedAt || readingTime) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-blog-post__author-dot" }),
-            publishedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(publishedAt).toLocaleDateString(void 0, { year: "numeric", month: "long", day: "numeric" }) }),
-            publishedAt && readingTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-blog-post__author-dot" }),
-            readingTime && /* @__PURE__ */ jsxRuntime.jsx("span", { children: readingTime })
-          ] })
-        ] })
+  const jsonLd = {
+    "@context": "https://schema.org",
+    "@type": "BlogPosting",
+    headline: title,
+    ...excerpt && { description: excerpt },
+    ...coverSrc && { image: coverSrc },
+    ...publishedAt && { datePublished: publishedAt },
+    ...author && {
+      author: {
+        "@type": "Person",
+        name: author.name,
+        ...author.href && { url: author.href }
+      }
+    },
+    ...tags && tags.length > 0 && {
+      keywords: tags.map(resolveTag).map((t) => t.label).join(", ")
+    }
+  };
+  const authorContent = author && /* @__PURE__ */ jsxRuntime.jsxs(Columns.Columns, { className: "rz-blog-post__author", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__author-avatar", children: author.avatarSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: author.avatarSrc, alt: author.name }) : initials }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Rows.Rows, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { as: "p", className: "rz-blog-post__author-name", children: author.name }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Columns.Columns, { className: "rz-blog-post__author-meta", children: [
+        author.role && /* @__PURE__ */ jsxRuntime.jsx("span", { children: author.role }),
+        author.role && (publishedAt || readingTime) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-blog-post__author-dot" }),
+        publishedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(publishedAt).toLocaleDateString(void 0, { year: "numeric", month: "long", day: "numeric" }) }),
+        publishedAt && readingTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-blog-post__author-dot" }),
+        readingTime && /* @__PURE__ */ jsxRuntime.jsx("span", { children: readingTime })
       ] })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cn.cn("rz-blog-post", className), itemScope: true, itemType: "https://schema.org/BlogPosting", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: JSON.stringify(jsonLd) }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "rz-blog-post__header", children: [
+      category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-blog-post__category", itemProp: "articleSection", children: category }),
+      /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { as: "h1", className: "rz-blog-post__title", itemProp: "headline", children: title }),
+      excerpt && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { as: "p", className: "rz-blog-post__excerpt", itemProp: "description", children: excerpt }),
+      author && (author.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: author.href, className: "rz-blog-post__author-link", itemProp: "author", itemScope: true, itemType: "https://schema.org/Person", children: authorContent }) : /* @__PURE__ */ jsxRuntime.jsx("div", { itemProp: "author", itemScope: true, itemType: "https://schema.org/Person", children: authorContent }))
     ] }),
-    coverSrc && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__cover", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: coverSrc, alt: coverAlt }) }),
-    content ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__body", dangerouslySetInnerHTML: { __html: content } }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__body", children }),
+    coverSrc && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__cover", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: coverSrc, alt: coverAlt, itemProp: "image" }) }),
+    content ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__body", itemProp: "articleBody", dangerouslySetInnerHTML: { __html: content } }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__body", itemProp: "articleBody", children }),
     (tags || shareSlot) && /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "rz-blog-post__footer", children: [
-      tags && tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__tags", children: tags.map((t) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-blog-post__tag", children: t }, t)) }),
+      tags && tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__tags", children: tags.map((t, i) => {
+        const tag = resolveTag(t);
+        return tag.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: tag.href, className: "rz-blog-post__tag rz-blog-post__tag--link", children: tag.label }, i) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-blog-post__tag", children: tag.label }, i);
+      }) }),
       shareSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-blog-post__share", children: shareSlot })
     ] })
   ] });

package/dist/blocks/blog-post/BlogPost.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPost.cjs","sources":["../../../src/blocks/blog-post/BlogPost.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './blog-post.css';\n\nexport interface BlogPostAuthor {\n  name: string;\n  avatarSrc?: string;\n  avatarInitials?: string;\n  role?: string;\n}\n\nexport interface BlogPostProps {\n  title: string;\n  excerpt?: string;\n  category?: string;\n  coverSrc?: string;\n  coverAlt?: string;\n  author?: BlogPostAuthor;\n  publishedAt?: string;\n  readingTime?: string;\n  tags?: string[];\n  children?: React.ReactNode;\n  /** Rendered instead of children when provided */\n  content?: string;\n  shareSlot?: React.ReactNode;\n  className?: string;\n}\n\nexport function BlogPost({\n  title,\n  excerpt,\n  category,\n  coverSrc,\n  coverAlt = '',\n  author,\n  publishedAt,\n  readingTime,\n  tags,\n  children,\n  content,\n  shareSlot,\n  className,\n}: BlogPostProps) {\n  const initials = author\n    ? author.avatarInitials ?? author.name.split(' ').map((w) => w[0]).join('').slice(0, 2).toUpperCase()\n    : '';\n\n  return (\n    <article className={cn('rz-blog-post', className)}>\n      {/* Header */}\n      <header className=\"rz-blog-post__header\">\n        {category && <span className=\"rz-blog-post__category\">{category}</span>}\n        <h1 className=\"rz-blog-post__title\">{title}</h1>\n        {excerpt && <p className=\"rz-blog-post__excerpt\">{excerpt}</p>}\n\n        {author && (\n          <div className=\"rz-blog-post__author\">\n            <div className=\"rz-blog-post__author-avatar\">\n              {author.avatarSrc ? (\n                <img src={author.avatarSrc} alt={author.name} />\n              ) : (\n                initials\n              )}\n            </div>\n            <div>\n              <p className=\"rz-blog-post__author-name\">{author.name}</p>\n              <div className=\"rz-blog-post__author-meta\">\n                {author.role && <span>{author.role}</span>}\n                {author.role && (publishedAt || readingTime) && <span className=\"rz-blog-post__author-dot\" />}\n                {publishedAt && <span>{new Date(publishedAt).toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' })}</span>}\n                {publishedAt && readingTime && <span className=\"rz-blog-post__author-dot\" />}\n                {readingTime && <span>{readingTime}</span>}\n              </div>\n            </div>\n          </div>\n        )}\n      </header>\n\n      {/* Cover image */}\n      {coverSrc && (\n        <div className=\"rz-blog-post__cover\">\n          <img src={coverSrc} alt={coverAlt} />\n        </div>\n      )}\n\n      {/* Body */}\n      {content ? (\n        <div className=\"rz-blog-post__body\" dangerouslySetInnerHTML={{ __html: content }} />\n      ) : (\n        <div className=\"rz-blog-post__body\">{children}</div>\n      )}\n\n      {/* Footer */}\n      {(tags || shareSlot) && (\n        <footer className=\"rz-blog-post__footer\">\n          {tags && tags.length > 0 && (\n            <div className=\"rz-blog-post__tags\">\n              {tags.map((t) => <span key={t} className=\"rz-blog-post__tag\">{t}</span>)}\n            </div>\n          )}\n          {shareSlot && <div className=\"rz-blog-post__share\">{shareSlot}</div>}\n        </footer>\n      )}\n    </article>\n  );\n}\n"],"names":["cn","jsxs","jsx"],"mappings":";;;;;AA4BO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkB;AAChB,QAAM,WAAW,SACb,OAAO,kBAAkB,OAAO,KAAK,MAAM,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,YAAA,IACtF;AAEJ,yCACG,WAAA,EAAQ,WAAWA,GAAAA,GAAG,gBAAgB,SAAS,GAE9C,UAAA;AAAA,IAAAC,2BAAAA,KAAC,UAAA,EAAO,WAAU,wBACf,UAAA;AAAA,MAAA,YAAYC,2BAAAA,IAAC,QAAA,EAAK,WAAU,0BAA0B,UAAA,UAAS;AAAA,MAChEA,2BAAAA,IAAC,MAAA,EAAG,WAAU,uBAAuB,UAAA,OAAM;AAAA,MAC1C,WAAWA,2BAAAA,IAAC,KAAA,EAAE,WAAU,yBAAyB,UAAA,SAAQ;AAAA,MAEzD,UACCD,2BAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,QAAAC,+BAAC,OAAA,EAAI,WAAU,+BACZ,UAAA,OAAO,YACNA,+BAAC,OAAA,EAAI,KAAK,OAAO,WAAW,KAAK,OAAO,KAAA,CAAM,IAE9C,UAEJ;AAAA,wCACC,OAAA,EACC,UAAA;AAAA,UAAAA,2BAAAA,IAAC,KAAA,EAAE,WAAU,6BAA6B,UAAA,OAAO,MAAK;AAAA,UACtDD,2BAAAA,KAAC,OAAA,EAAI,WAAU,6BACZ,UAAA;AAAA,YAAA,OAAO,QAAQC,+BAAC,QAAA,EAAM,UAAA,OAAO,MAAK;AAAA,YAClC,OAAO,SAAS,eAAe,gBAAgBA,2BAAAA,IAAC,QAAA,EAAK,WAAU,4BAA2B;AAAA,YAC1F,eAAeA,2BAAAA,IAAC,QAAA,EAAM,UAAA,IAAI,KAAK,WAAW,EAAE,mBAAmB,QAAW,EAAE,MAAM,WAAW,OAAO,QAAQ,KAAK,UAAA,CAAW,GAAE;AAAA,YAC9H,eAAe,eAAeA,2BAAAA,IAAC,QAAA,EAAK,WAAU,4BAA2B;AAAA,YACzE,eAAeA,2BAAAA,IAAC,QAAA,EAAM,UAAA,YAAA,CAAY;AAAA,UAAA,EAAA,CACrC;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IAGC,YACCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,uBACb,UAAAA,2BAAAA,IAAC,OAAA,EAAI,KAAK,UAAU,KAAK,SAAA,CAAU,EAAA,CACrC;AAAA,IAID,UACCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,sBAAqB,yBAAyB,EAAE,QAAQ,QAAA,GAAW,IAElFA,2BAAAA,IAAC,OAAA,EAAI,WAAU,sBAAsB,UAAS;AAAA,KAI9C,QAAQ,cACRD,2BAAAA,KAAC,UAAA,EAAO,WAAU,wBACf,UAAA;AAAA,MAAA,QAAQ,KAAK,SAAS,oCACpB,OAAA,EAAI,WAAU,sBACZ,UAAA,KAAK,IAAI,CAAC,qCAAO,QAAA,EAAa,WAAU,qBAAqB,UAAA,EAAA,GAAlC,CAAoC,CAAO,GACzE;AAAA,MAED,aAAaC,2BAAAA,IAAC,OAAA,EAAI,WAAU,uBAAuB,UAAA,UAAA,CAAU;AAAA,IAAA,EAAA,CAChE;AAAA,EAAA,GAEJ;AAEJ;;"}
+{"version":3,"file":"BlogPost.cjs","sources":["../../../src/blocks/blog-post/BlogPost.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Text } from '../../components/text';\nimport { Columns } from '../../components/columns';\nimport { Rows } from '../../components/rows';\nimport './blog-post.css';\n\nexport interface BlogPostAuthor {\n  name: string;\n  href?: string;\n  avatarSrc?: string;\n  avatarInitials?: string;\n  role?: string;\n}\n\nexport interface BlogPostTag {\n  label: string;\n  href?: string;\n}\n\nexport interface BlogPostProps {\n  title: string;\n  excerpt?: string;\n  category?: string;\n  coverSrc?: string;\n  coverAlt?: string;\n  author?: BlogPostAuthor;\n  publishedAt?: string;\n  readingTime?: string;\n  /** Tags can be plain strings or objects with label + href */\n  tags?: Array<BlogPostTag | string>;\n  children?: React.ReactNode;\n  /** Rendered instead of children when provided */\n  content?: string;\n  shareSlot?: React.ReactNode;\n  className?: string;\n}\n\nfunction resolveTag(tag: BlogPostTag | string): BlogPostTag {\n  return typeof tag === 'string' ? { label: tag } : tag;\n}\n\nexport function BlogPost({\n  title,\n  excerpt,\n  category,\n  coverSrc,\n  coverAlt = '',\n  author,\n  publishedAt,\n  readingTime,\n  tags,\n  children,\n  content,\n  shareSlot,\n  className,\n}: BlogPostProps) {\n  const initials = author\n    ? author.avatarInitials ?? author.name.split(' ').map((w) => w[0]).join('').slice(0, 2).toUpperCase()\n    : '';\n\n  /* ─── JSON-LD structured data ───────────────────────────── */\n  const jsonLd = {\n    '@context': 'https://schema.org',\n    '@type': 'BlogPosting',\n    headline: title,\n    ...(excerpt && { description: excerpt }),\n    ...(coverSrc && { image: coverSrc }),\n    ...(publishedAt && { datePublished: publishedAt }),\n    ...(author && {\n      author: {\n        '@type': 'Person',\n        name: author.name,\n        ...(author.href && { url: author.href }),\n      },\n    }),\n    ...(tags && tags.length > 0 && {\n      keywords: tags.map(resolveTag).map((t) => t.label).join(', '),\n    }),\n  };\n\n  const authorContent = author && (\n    <Columns className=\"rz-blog-post__author\">\n      <div className=\"rz-blog-post__author-avatar\">\n        {author.avatarSrc ? (\n          <img src={author.avatarSrc} alt={author.name} />\n        ) : (\n          initials\n        )}\n      </div>\n      <Rows>\n        <Text as=\"p\" className=\"rz-blog-post__author-name\">{author.name}</Text>\n        <Columns className=\"rz-blog-post__author-meta\">\n          {author.role && <span>{author.role}</span>}\n          {author.role && (publishedAt || readingTime) && <span className=\"rz-blog-post__author-dot\" />}\n          {publishedAt && <span>{new Date(publishedAt).toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' })}</span>}\n          {publishedAt && readingTime && <span className=\"rz-blog-post__author-dot\" />}\n          {readingTime && <span>{readingTime}</span>}\n        </Columns>\n      </Rows>\n    </Columns>\n  );\n\n  return (\n    <article className={cn('rz-blog-post', className)} itemScope itemType=\"https://schema.org/BlogPosting\">\n      {/* JSON-LD */}\n      <script\n        type=\"application/ld+json\"\n        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}\n      />\n\n      {/* Header */}\n      <header className=\"rz-blog-post__header\">\n        {category && (\n          <span className=\"rz-blog-post__category\" itemProp=\"articleSection\">{category}</span>\n        )}\n        <Text as=\"h1\" className=\"rz-blog-post__title\" itemProp=\"headline\">{title}</Text>\n        {excerpt && (\n          <Text as=\"p\" className=\"rz-blog-post__excerpt\" itemProp=\"description\">{excerpt}</Text>\n        )}\n\n        {author && (\n          author.href ? (\n            <a href={author.href} className=\"rz-blog-post__author-link\" itemProp=\"author\" itemScope itemType=\"https://schema.org/Person\">\n              {authorContent}\n            </a>\n          ) : (\n            <div itemProp=\"author\" itemScope itemType=\"https://schema.org/Person\">\n              {authorContent}\n            </div>\n          )\n        )}\n      </header>\n\n      {/* Cover image */}\n      {coverSrc && (\n        <div className=\"rz-blog-post__cover\">\n          <img src={coverSrc} alt={coverAlt} itemProp=\"image\" />\n        </div>\n      )}\n\n      {/* Body */}\n      {content ? (\n        <div className=\"rz-blog-post__body\" itemProp=\"articleBody\" dangerouslySetInnerHTML={{ __html: content }} />\n      ) : (\n        <div className=\"rz-blog-post__body\" itemProp=\"articleBody\">{children}</div>\n      )}\n\n      {/* Footer */}\n      {(tags || shareSlot) && (\n        <footer className=\"rz-blog-post__footer\">\n          {tags && tags.length > 0 && (\n            <div className=\"rz-blog-post__tags\">\n              {tags.map((t, i) => {\n                const tag = resolveTag(t);\n                return tag.href ? (\n                  <a key={i} href={tag.href} className=\"rz-blog-post__tag rz-blog-post__tag--link\">\n                    {tag.label}\n                  </a>\n                ) : (\n                  <span key={i} className=\"rz-blog-post__tag\">{tag.label}</span>\n                );\n              })}\n            </div>\n          )}\n          {shareSlot && <div className=\"rz-blog-post__share\">{shareSlot}</div>}\n        </footer>\n      )}\n    </article>\n  );\n}\n"],"names":["jsxs","Columns","jsx","Rows","Text","cn"],"mappings":"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"}