rothzerg-ui 0.1.0

package/dist/blocks/navbar/Navbar.js

@@ -0,0 +1,74 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css           */
+import X from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import Menu from "../../node_modules/lucide-react/dist/esm/icons/menu.js";
+function Navbar({
+  brand,
+  links = [],
+  actions,
+  variant = "default",
+  className,
+  renderLink
+}) {
+  const [mobileOpen, setMobileOpen] = useState(false);
+  const defaultRenderLink = (link, cls) => /* @__PURE__ */ jsxs("a", { href: link.href, className: cls, children: [
+    link.icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: link.icon }),
+    link.label
+  ] }, link.href);
+  const linkRenderer = renderLink ?? defaultRenderLink;
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      className: cn(
+        "rz-navbar",
+        variant !== "default" && `rz-navbar--${variant}`,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "rz-navbar__inner", children: [
+          brand && /* @__PURE__ */ jsx("div", { className: "rz-navbar__brand", children: brand }),
+          /* @__PURE__ */ jsx("nav", { className: "rz-navbar__nav", "aria-label": "Main navigation", children: links.map(
+            (link) => linkRenderer(
+              link,
+              cn("rz-navbar__link", link.active && "rz-navbar__link--active")
+            )
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "rz-navbar__actions", children: [
+            actions,
+            links.length > 0 && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "rz-navbar__menu-toggle",
+                "aria-label": mobileOpen ? "Close menu" : "Open menu",
+                "aria-expanded": mobileOpen,
+                onClick: () => setMobileOpen((v) => !v),
+                children: mobileOpen ? /* @__PURE__ */ jsx(X, { size: 20 }) : /* @__PURE__ */ jsx(Menu, { size: 20 })
+              }
+            )
+          ] })
+        ] }),
+        links.length > 0 && /* @__PURE__ */ jsx(
+          "nav",
+          {
+            className: cn("rz-navbar__mobile-nav", mobileOpen && "rz-navbar__mobile-nav--open"),
+            "aria-label": "Mobile navigation",
+            "aria-hidden": !mobileOpen,
+            children: links.map(
+              (link) => linkRenderer(
+                link,
+                cn("rz-navbar__link", link.active && "rz-navbar__link--active")
+              )
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Navbar
+};
+//# sourceMappingURL=Navbar.js.map

package/dist/blocks/navbar/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sources":["../../../src/blocks/navbar/Navbar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Menu, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './navbar.css';\n\nexport interface NavLink {\n  label: string;\n  href: string;\n  active?: boolean;\n  icon?: React.ReactNode;\n}\n\nexport interface NavbarProps {\n  /** Brand name or logo component */\n  brand?: React.ReactNode;\n  /** Navigation links */\n  links?: NavLink[];\n  /** Right-side actions (buttons, avatar, etc.) */\n  actions?: React.ReactNode;\n  variant?: 'default' | 'transparent' | 'opaque';\n  className?: string;\n  /** Custom link renderer (for router integration) */\n  renderLink?: (link: NavLink, className: string) => React.ReactNode;\n}\n\n/**\n * Navbar\n *\n * A responsive sticky navigation bar with mobile drawer.\n * Use `renderLink` to integrate with your router (Next.js Link, React Router, etc.).\n *\n * @example\n * <Navbar\n *   brand={<span>MyApp</span>}\n *   links={[{ label: 'Home', href: '/' }, { label: 'Docs', href: '/docs' }]}\n *   actions={<Button size=\"sm\">Sign in</Button>}\n * />\n */\nexport function Navbar({\n  brand,\n  links = [],\n  actions,\n  variant = 'default',\n  className,\n  renderLink,\n}: NavbarProps) {\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  const defaultRenderLink = (link: NavLink, cls: string) => (\n    <a key={link.href} href={link.href} className={cls}>\n      {link.icon && <span aria-hidden=\"true\">{link.icon}</span>}\n      {link.label}\n    </a>\n  );\n\n  const linkRenderer = renderLink ?? defaultRenderLink;\n\n  return (\n    <header\n      className={cn(\n        'rz-navbar',\n        variant !== 'default' && `rz-navbar--${variant}`,\n        className,\n      )}\n    >\n      <div className=\"rz-navbar__inner\">\n        {brand && (\n          <div className=\"rz-navbar__brand\">{brand}</div>\n        )}\n\n        <nav className=\"rz-navbar__nav\" aria-label=\"Main navigation\">\n          {links.map((link) =>\n            linkRenderer(\n              link,\n              cn('rz-navbar__link', link.active && 'rz-navbar__link--active'),\n            ),\n          )}\n        </nav>\n\n        <div className=\"rz-navbar__actions\">\n          {actions}\n          {links.length > 0 && (\n            <button\n              type=\"button\"\n              className=\"rz-navbar__menu-toggle\"\n              aria-label={mobileOpen ? 'Close menu' : 'Open menu'}\n              aria-expanded={mobileOpen}\n              onClick={() => setMobileOpen((v) => !v)}\n            >\n              {mobileOpen ? <X size={20} /> : <Menu size={20} />}\n            </button>\n          )}\n        </div>\n      </div>\n\n      {links.length > 0 && (\n        <nav\n          className={cn('rz-navbar__mobile-nav', mobileOpen && 'rz-navbar__mobile-nav--open')}\n          aria-label=\"Mobile navigation\"\n          aria-hidden={!mobileOpen}\n        >\n          {links.map((link) =>\n            linkRenderer(\n              link,\n              cn('rz-navbar__link', link.active && 'rz-navbar__link--active'),\n            ),\n          )}\n        </nav>\n      )}\n    </header>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAsCO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA,QAAQ,CAAA;AAAA,EACR;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAAgB;AACd,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,oBAAoB,CAAC,MAAe,QACxC,qBAAC,OAAkB,MAAM,KAAK,MAAM,WAAW,KAC5C,UAAA;AAAA,IAAA,KAAK,QAAQ,oBAAC,QAAA,EAAK,eAAY,QAAQ,eAAK,MAAK;AAAA,IACjD,KAAK;AAAA,EAAA,EAAA,GAFA,KAAK,IAGb;AAGF,QAAM,eAAe,cAAc;AAEnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,YAAY,aAAa,cAAc,OAAO;AAAA,QAC9C;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,oBACZ,UAAA;AAAA,UAAA,SACC,oBAAC,OAAA,EAAI,WAAU,oBAAoB,UAAA,OAAM;AAAA,8BAG1C,OAAA,EAAI,WAAU,kBAAiB,cAAW,mBACxC,UAAA,MAAM;AAAA,YAAI,CAAC,SACV;AAAA,cACE;AAAA,cACA,GAAG,mBAAmB,KAAK,UAAU,yBAAyB;AAAA,YAAA;AAAA,UAChE,GAEJ;AAAA,UAEA,qBAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,YAAA;AAAA,YACA,MAAM,SAAS,KACd;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,cAAY,aAAa,eAAe;AAAA,gBACxC,iBAAe;AAAA,gBACf,SAAS,MAAM,cAAc,CAAC,MAAM,CAAC,CAAC;AAAA,gBAErC,UAAA,iCAAc,GAAA,EAAE,MAAM,IAAI,IAAK,oBAAC,MAAA,EAAK,MAAM,GAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAClD,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAEC,MAAM,SAAS,KACd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,yBAAyB,cAAc,6BAA6B;AAAA,YAClF,cAAW;AAAA,YACX,eAAa,CAAC;AAAA,YAEb,UAAA,MAAM;AAAA,cAAI,CAAC,SACV;AAAA,gBACE;AAAA,gBACA,GAAG,mBAAmB,KAAK,UAAU,yBAAyB;AAAA,cAAA;AAAA,YAChE;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

@@ -0,0 +1,3 @@
+export { Navbar } from './Navbar';
+export type { NavbarProps, NavLink } from './Navbar';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/blocks/newsletter/Newsletter.cjs

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+;/* empty css                 */
+function CheckIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) });
+}
+function Newsletter({
+  title = "Stay in the loop",
+  subtitle = "Get the latest updates, articles, and resources delivered straight to your inbox.",
+  badge,
+  placeholder = "Enter your email",
+  ctaText = "Subscribe",
+  disclaimer = "No spam ever. Unsubscribe at any time.",
+  layout = "centered",
+  background = "default",
+  stats,
+  onSubmit,
+  className = ""
+}) {
+  const [email, setEmail] = React.useState("");
+  const [loading, setLoading] = React.useState(false);
+  const [submitted, setSubmitted] = React.useState(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!email) return;
+    setLoading(true);
+    try {
+      await (onSubmit == null ? void 0 : onSubmit(email));
+      setSubmitted(true);
+    } catch {
+    } finally {
+      setLoading(false);
+    }
+  };
+  const classes = [
+    "rz-newsletter",
+    `rz-newsletter--${layout}`,
+    background !== "default" ? `rz-newsletter--${background}` : "",
+    className
+  ].filter(Boolean).join(" ");
+  const formContent = submitted ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-newsletter__success", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-newsletter__success-icon", children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "rz-newsletter__success-title", children: "You're subscribed!" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-newsletter__success-text", children: "Thanks for subscribing. Check your inbox for a confirmation email." })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "rz-newsletter__form", onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        className: "rz-newsletter__input",
+        type: "email",
+        placeholder,
+        value: email,
+        onChange: (e) => setEmail(e.target.value),
+        required: true,
+        "aria-label": "Email address"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        className: "rz-newsletter__submit",
+        type: "submit",
+        disabled: loading,
+        children: loading ? "Subscribing…" : ctaText
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: classes, "aria-label": "Newsletter signup", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-newsletter__inner", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-newsletter__content", children: [
+    badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-newsletter__badge", children: badge }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-newsletter__title", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-newsletter__subtitle", children: subtitle }),
+    formContent,
+    !submitted && disclaimer && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-newsletter__disclaimer", children: disclaimer }),
+    stats && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-newsletter__stats", children: stats.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-newsletter__stat-value", children: s.value }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-newsletter__stat-label", children: s.label })
+    ] }, s.label)) })
+  ] }) }) });
+}
+exports.Newsletter = Newsletter;
+//# sourceMappingURL=Newsletter.cjs.map

package/dist/blocks/newsletter/Newsletter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Newsletter.cjs","sources":["../../../src/blocks/newsletter/Newsletter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport './newsletter.css';\n\nexport type NewsletterLayout = 'centered' | 'split';\nexport type NewsletterBackground = 'default' | 'gradient' | 'dark';\n\nexport interface NewsletterStat {\n  value: string;\n  label: string;\n}\n\nexport interface NewsletterProps {\n  title?: string;\n  subtitle?: string;\n  badge?: string;\n  placeholder?: string;\n  ctaText?: string;\n  disclaimer?: string;\n  layout?: NewsletterLayout;\n  background?: NewsletterBackground;\n  stats?: NewsletterStat[];\n  onSubmit?: (email: string) => Promise<void> | void;\n  className?: string;\n}\n\nfunction CheckIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" 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\nexport function Newsletter({\n  title = 'Stay in the loop',\n  subtitle = 'Get the latest updates, articles, and resources delivered straight to your inbox.',\n  badge,\n  placeholder = 'Enter your email',\n  ctaText = 'Subscribe',\n  disclaimer = 'No spam ever. Unsubscribe at any time.',\n  layout = 'centered',\n  background = 'default',\n  stats,\n  onSubmit,\n  className = '',\n}: NewsletterProps) {\n  const [email, setEmail] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [submitted, setSubmitted] = useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!email) return;\n    setLoading(true);\n    try {\n      await onSubmit?.(email);\n      setSubmitted(true);\n    } catch {\n      // ignore\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const classes = [\n    'rz-newsletter',\n    `rz-newsletter--${layout}`,\n    background !== 'default' ? `rz-newsletter--${background}` : '',\n    className,\n  ].filter(Boolean).join(' ');\n\n  const formContent = submitted ? (\n    <div className=\"rz-newsletter__success\">\n      <div className=\"rz-newsletter__success-icon\">\n        <CheckIcon />\n      </div>\n      <h3 className=\"rz-newsletter__success-title\">You're subscribed!</h3>\n      <p className=\"rz-newsletter__success-text\">Thanks for subscribing. Check your inbox for a confirmation email.</p>\n    </div>\n  ) : (\n    <form className=\"rz-newsletter__form\" onSubmit={handleSubmit}>\n      <input\n        className=\"rz-newsletter__input\"\n        type=\"email\"\n        placeholder={placeholder}\n        value={email}\n        onChange={(e) => setEmail(e.target.value)}\n        required\n        aria-label=\"Email address\"\n      />\n      <button\n        className=\"rz-newsletter__submit\"\n        type=\"submit\"\n        disabled={loading}\n      >\n        {loading ? 'Subscribing…' : ctaText}\n      </button>\n    </form>\n  );\n\n  return (\n    <section className={classes} aria-label=\"Newsletter signup\">\n      <div className=\"rz-newsletter__inner\">\n        <div className=\"rz-newsletter__content\">\n          {badge && <span className=\"rz-newsletter__badge\">{badge}</span>}\n          <h2 className=\"rz-newsletter__title\">{title}</h2>\n          <p className=\"rz-newsletter__subtitle\">{subtitle}</p>\n          {formContent}\n          {!submitted && disclaimer && (\n            <p className=\"rz-newsletter__disclaimer\">{disclaimer}</p>\n          )}\n          {stats && (\n            <div className=\"rz-newsletter__stats\">\n              {stats.map((s) => (\n                <div key={s.label}>\n                  <span className=\"rz-newsletter__stat-value\">{s.value}</span>\n                  <span className=\"rz-newsletter__stat-label\">{s.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["jsx","useState","jsxs"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+export type NewsletterLayout = 'centered' | 'split';
+export type NewsletterBackground = 'default' | 'gradient' | 'dark';
+export interface NewsletterStat {
+    value: string;
+    label: string;
+}
+export interface NewsletterProps {
+    title?: string;
+    subtitle?: string;
+    badge?: string;
+    placeholder?: string;
+    ctaText?: string;
+    disclaimer?: string;
+    layout?: NewsletterLayout;
+    background?: NewsletterBackground;
+    stats?: NewsletterStat[];
+    onSubmit?: (email: string) => Promise<void> | void;
+    className?: string;
+}
+export declare function Newsletter({ title, subtitle, badge, placeholder, ctaText, disclaimer, layout, background, stats, onSubmit, className, }: NewsletterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Newsletter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Newsletter.d.ts","sourceRoot":"","sources":["../../../src/blocks/newsletter/Newsletter.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,UAAU,CAAC,EACzB,KAA0B,EAC1B,QAA8F,EAC9F,KAAK,EACL,WAAgC,EAChC,OAAqB,EACrB,UAAqD,EACrD,MAAmB,EACnB,UAAsB,EACtB,KAAK,EACL,QAAQ,EACR,SAAc,GACf,EAAE,eAAe,2CAgFjB"}

package/dist/blocks/newsletter/Newsletter.js

@@ -0,0 +1,83 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+/* empty css               */
+function CheckIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) });
+}
+function Newsletter({
+  title = "Stay in the loop",
+  subtitle = "Get the latest updates, articles, and resources delivered straight to your inbox.",
+  badge,
+  placeholder = "Enter your email",
+  ctaText = "Subscribe",
+  disclaimer = "No spam ever. Unsubscribe at any time.",
+  layout = "centered",
+  background = "default",
+  stats,
+  onSubmit,
+  className = ""
+}) {
+  const [email, setEmail] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!email) return;
+    setLoading(true);
+    try {
+      await (onSubmit == null ? void 0 : onSubmit(email));
+      setSubmitted(true);
+    } catch {
+    } finally {
+      setLoading(false);
+    }
+  };
+  const classes = [
+    "rz-newsletter",
+    `rz-newsletter--${layout}`,
+    background !== "default" ? `rz-newsletter--${background}` : "",
+    className
+  ].filter(Boolean).join(" ");
+  const formContent = submitted ? /* @__PURE__ */ jsxs("div", { className: "rz-newsletter__success", children: [
+    /* @__PURE__ */ jsx("div", { className: "rz-newsletter__success-icon", children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
+    /* @__PURE__ */ jsx("h3", { className: "rz-newsletter__success-title", children: "You're subscribed!" }),
+    /* @__PURE__ */ jsx("p", { className: "rz-newsletter__success-text", children: "Thanks for subscribing. Check your inbox for a confirmation email." })
+  ] }) : /* @__PURE__ */ jsxs("form", { className: "rz-newsletter__form", onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        className: "rz-newsletter__input",
+        type: "email",
+        placeholder,
+        value: email,
+        onChange: (e) => setEmail(e.target.value),
+        required: true,
+        "aria-label": "Email address"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "rz-newsletter__submit",
+        type: "submit",
+        disabled: loading,
+        children: loading ? "Subscribing…" : ctaText
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx("section", { className: classes, "aria-label": "Newsletter signup", children: /* @__PURE__ */ jsx("div", { className: "rz-newsletter__inner", children: /* @__PURE__ */ jsxs("div", { className: "rz-newsletter__content", children: [
+    badge && /* @__PURE__ */ jsx("span", { className: "rz-newsletter__badge", children: badge }),
+    /* @__PURE__ */ jsx("h2", { className: "rz-newsletter__title", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "rz-newsletter__subtitle", children: subtitle }),
+    formContent,
+    !submitted && disclaimer && /* @__PURE__ */ jsx("p", { className: "rz-newsletter__disclaimer", children: disclaimer }),
+    stats && /* @__PURE__ */ jsx("div", { className: "rz-newsletter__stats", children: stats.map((s) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("span", { className: "rz-newsletter__stat-value", children: s.value }),
+      /* @__PURE__ */ jsx("span", { className: "rz-newsletter__stat-label", children: s.label })
+    ] }, s.label)) })
+  ] }) }) });
+}
+export {
+  Newsletter
+};
+//# sourceMappingURL=Newsletter.js.map

package/dist/blocks/newsletter/Newsletter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Newsletter.js","sources":["../../../src/blocks/newsletter/Newsletter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport './newsletter.css';\n\nexport type NewsletterLayout = 'centered' | 'split';\nexport type NewsletterBackground = 'default' | 'gradient' | 'dark';\n\nexport interface NewsletterStat {\n  value: string;\n  label: string;\n}\n\nexport interface NewsletterProps {\n  title?: string;\n  subtitle?: string;\n  badge?: string;\n  placeholder?: string;\n  ctaText?: string;\n  disclaimer?: string;\n  layout?: NewsletterLayout;\n  background?: NewsletterBackground;\n  stats?: NewsletterStat[];\n  onSubmit?: (email: string) => Promise<void> | void;\n  className?: string;\n}\n\nfunction CheckIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" 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\nexport function Newsletter({\n  title = 'Stay in the loop',\n  subtitle = 'Get the latest updates, articles, and resources delivered straight to your inbox.',\n  badge,\n  placeholder = 'Enter your email',\n  ctaText = 'Subscribe',\n  disclaimer = 'No spam ever. Unsubscribe at any time.',\n  layout = 'centered',\n  background = 'default',\n  stats,\n  onSubmit,\n  className = '',\n}: NewsletterProps) {\n  const [email, setEmail] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [submitted, setSubmitted] = useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!email) return;\n    setLoading(true);\n    try {\n      await onSubmit?.(email);\n      setSubmitted(true);\n    } catch {\n      // ignore\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const classes = [\n    'rz-newsletter',\n    `rz-newsletter--${layout}`,\n    background !== 'default' ? `rz-newsletter--${background}` : '',\n    className,\n  ].filter(Boolean).join(' ');\n\n  const formContent = submitted ? (\n    <div className=\"rz-newsletter__success\">\n      <div className=\"rz-newsletter__success-icon\">\n        <CheckIcon />\n      </div>\n      <h3 className=\"rz-newsletter__success-title\">You're subscribed!</h3>\n      <p className=\"rz-newsletter__success-text\">Thanks for subscribing. Check your inbox for a confirmation email.</p>\n    </div>\n  ) : (\n    <form className=\"rz-newsletter__form\" onSubmit={handleSubmit}>\n      <input\n        className=\"rz-newsletter__input\"\n        type=\"email\"\n        placeholder={placeholder}\n        value={email}\n        onChange={(e) => setEmail(e.target.value)}\n        required\n        aria-label=\"Email address\"\n      />\n      <button\n        className=\"rz-newsletter__submit\"\n        type=\"submit\"\n        disabled={loading}\n      >\n        {loading ? 'Subscribing…' : ctaText}\n      </button>\n    </form>\n  );\n\n  return (\n    <section className={classes} aria-label=\"Newsletter signup\">\n      <div className=\"rz-newsletter__inner\">\n        <div className=\"rz-newsletter__content\">\n          {badge && <span className=\"rz-newsletter__badge\">{badge}</span>}\n          <h2 className=\"rz-newsletter__title\">{title}</h2>\n          <p className=\"rz-newsletter__subtitle\">{subtitle}</p>\n          {formContent}\n          {!submitted && disclaimer && (\n            <p className=\"rz-newsletter__disclaimer\">{disclaimer}</p>\n          )}\n          {stats && (\n            <div className=\"rz-newsletter__stats\">\n              {stats.map((s) => (\n                <div key={s.label}>\n                  <span className=\"rz-newsletter__stat-value\">{s.value}</span>\n                  <span className=\"rz-newsletter__stat-label\">{s.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { Newsletter } from './Newsletter';
+export type { NewsletterProps, NewsletterLayout, NewsletterBackground, NewsletterStat } from './Newsletter';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/blocks/notification-center/NotificationCenter.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                          */
+const BellIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0" }) });
+function NotificationCenter({
+  notifications,
+  onRead,
+  onDismiss,
+  onMarkAllRead,
+  onSeeAll,
+  showTabs = true,
+  className
+}) {
+  const [tab, setTab] = React.useState("all");
+  const unreadCount = notifications.filter((n) => !n.read).length;
+  const visible = tab === "unread" ? notifications.filter((n) => !n.read) : notifications;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-notif", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-notif__header", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "rz-notif__title", children: [
+        "Notifications",
+        unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-notif__badge", children: unreadCount })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-notif__header-actions", children: onMarkAllRead && unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rz-notif__action-btn", onClick: onMarkAllRead, children: "Mark all read" }) })
+    ] }),
+    showTabs && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-notif__tabs", role: "tablist", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", role: "tab", "aria-selected": tab === "all", className: cn.cn("rz-notif__tab", tab === "all" && "rz-notif__tab--active"), onClick: () => setTab("all"), children: "All" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", role: "tab", "aria-selected": tab === "unread", className: cn.cn("rz-notif__tab", tab === "unread" && "rz-notif__tab--active"), onClick: () => setTab("unread"), children: [
+        "Unread ",
+        unreadCount > 0 && `(${unreadCount})`
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-notif__list", role: "list", children: visible.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-notif__empty", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-notif__empty-icon", "aria-hidden": "true", children: "🔔" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: tab === "unread" ? "No unread notifications" : "No notifications yet" })
+    ] }) : visible.map((n) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn.cn("rz-notif__item", !n.read && "rz-notif__item--unread"),
+        role: "listitem",
+        onClick: () => onRead == null ? void 0 : onRead(n.id),
+        children: [
+          !n.read && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-notif__unread-dot", "aria-label": "Unread" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-notif__icon", n.variant && `rz-notif__icon--${n.variant}`), children: n.icon ?? /* @__PURE__ */ jsxRuntime.jsx(BellIcon, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-notif__content", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-notif__item-title", children: n.title }),
+            n.body && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-notif__item-body", children: n.body }),
+            n.time && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-notif__item-time", children: n.time })
+          ] }),
+          onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "rz-notif__dismiss",
+              onClick: (e) => {
+                e.stopPropagation();
+                onDismiss(n.id);
+              },
+              "aria-label": "Dismiss notification",
+              children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) })
+            }
+          )
+        ]
+      },
+      n.id
+    )) }),
+    onSeeAll && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-notif__footer", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rz-notif__see-all", onClick: onSeeAll, children: "View all notifications" }) })
+  ] });
+}
+exports.NotificationCenter = NotificationCenter;
+//# sourceMappingURL=NotificationCenter.cjs.map

package/dist/blocks/notification-center/NotificationCenter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.cjs","sources":["../../../src/blocks/notification-center/NotificationCenter.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './notification-center.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport type NotificationVariant = 'default' | 'primary' | 'success' | 'warning' | 'destructive';\n\nexport interface Notification {\n  id: string;\n  title: string;\n  body?: string;\n  time?: string;\n  read?: boolean;\n  variant?: NotificationVariant;\n  icon?: React.ReactNode;\n}\n\nexport interface NotificationCenterProps {\n  notifications: Notification[];\n  onRead?: (id: string) => void;\n  onDismiss?: (id: string) => void;\n  onMarkAllRead?: () => void;\n  onSeeAll?: () => void;\n  showTabs?: boolean;\n  className?: string;\n}\n\n/* ─── Default icons ───────────────────────────────────────── */\n\nconst BellIcon = () => (\n  <svg width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0\" />\n  </svg>\n);\n\n/* ─── Component ───────────────────────────────────────────── */\n\nexport function NotificationCenter({\n  notifications,\n  onRead,\n  onDismiss,\n  onMarkAllRead,\n  onSeeAll,\n  showTabs = true,\n  className,\n}: NotificationCenterProps) {\n  const [tab, setTab] = React.useState<'all' | 'unread'>('all');\n\n  const unreadCount = notifications.filter((n) => !n.read).length;\n  const visible = tab === 'unread' ? notifications.filter((n) => !n.read) : notifications;\n\n  return (\n    <div className={cn('rz-notif', className)}>\n      {/* Header */}\n      <div className=\"rz-notif__header\">\n        <h2 className=\"rz-notif__title\">\n          Notifications\n          {unreadCount > 0 && <span className=\"rz-notif__badge\">{unreadCount}</span>}\n        </h2>\n        <div className=\"rz-notif__header-actions\">\n          {onMarkAllRead && unreadCount > 0 && (\n            <button type=\"button\" className=\"rz-notif__action-btn\" onClick={onMarkAllRead}>\n              Mark all read\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Tabs */}\n      {showTabs && (\n        <div className=\"rz-notif__tabs\" role=\"tablist\">\n          <button type=\"button\" role=\"tab\" aria-selected={tab === 'all'} className={cn('rz-notif__tab', tab === 'all' && 'rz-notif__tab--active')} onClick={() => setTab('all')}>All</button>\n          <button type=\"button\" role=\"tab\" aria-selected={tab === 'unread'} className={cn('rz-notif__tab', tab === 'unread' && 'rz-notif__tab--active')} onClick={() => setTab('unread')}>\n            Unread {unreadCount > 0 && `(${unreadCount})`}\n          </button>\n        </div>\n      )}\n\n      {/* List */}\n      <div className=\"rz-notif__list\" role=\"list\">\n        {visible.length === 0 ? (\n          <div className=\"rz-notif__empty\">\n            <span className=\"rz-notif__empty-icon\" aria-hidden=\"true\">🔔</span>\n            <p>{tab === 'unread' ? 'No unread notifications' : 'No notifications yet'}</p>\n          </div>\n        ) : (\n          visible.map((n) => (\n            <div\n              key={n.id}\n              className={cn('rz-notif__item', !n.read && 'rz-notif__item--unread')}\n              role=\"listitem\"\n              onClick={() => onRead?.(n.id)}\n            >\n              {!n.read && <span className=\"rz-notif__unread-dot\" aria-label=\"Unread\" />}\n              <div className={cn('rz-notif__icon', n.variant && `rz-notif__icon--${n.variant}`)}>\n                {n.icon ?? <BellIcon />}\n              </div>\n              <div className=\"rz-notif__content\">\n                <p className=\"rz-notif__item-title\">{n.title}</p>\n                {n.body && <p className=\"rz-notif__item-body\">{n.body}</p>}\n                {n.time && <p className=\"rz-notif__item-time\">{n.time}</p>}\n              </div>\n              {onDismiss && (\n                <button\n                  type=\"button\"\n                  className=\"rz-notif__dismiss\"\n                  onClick={(e) => { e.stopPropagation(); onDismiss(n.id); }}\n                  aria-label=\"Dismiss notification\"\n                >\n                  <svg width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\n                  </svg>\n                </button>\n              )}\n            </div>\n          ))\n        )}\n      </div>\n\n      {/* Footer */}\n      {onSeeAll && (\n        <div className=\"rz-notif__footer\">\n          <button type=\"button\" className=\"rz-notif__see-all\" onClick={onSeeAll}>\n            View all notifications\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","cn","jsxs"],"mappings":"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"}

package/dist/blocks/notification-center/NotificationCenter.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export type NotificationVariant = 'default' | 'primary' | 'success' | 'warning' | 'destructive';
+export interface Notification {
+    id: string;
+    title: string;
+    body?: string;
+    time?: string;
+    read?: boolean;
+    variant?: NotificationVariant;
+    icon?: React.ReactNode;
+}
+export interface NotificationCenterProps {
+    notifications: Notification[];
+    onRead?: (id: string) => void;
+    onDismiss?: (id: string) => void;
+    onMarkAllRead?: () => void;
+    onSeeAll?: () => void;
+    showTabs?: boolean;
+    className?: string;
+}
+export declare function NotificationCenter({ notifications, onRead, onDismiss, onMarkAllRead, onSeeAll, showTabs, className, }: NotificationCenterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotificationCenter.d.ts.map

package/dist/blocks/notification-center/NotificationCenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../../src/blocks/notification-center/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,2BAA2B,CAAC;AAInC,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAEhG,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,MAAM,EACN,SAAS,EACT,aAAa,EACb,QAAQ,EACR,QAAe,EACf,SAAS,GACV,EAAE,uBAAuB,2CAoFzB"}

package/dist/blocks/notification-center/NotificationCenter.js

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css                        */
+const BellIcon = () => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0" }) });
+function NotificationCenter({
+  notifications,
+  onRead,
+  onDismiss,
+  onMarkAllRead,
+  onSeeAll,
+  showTabs = true,
+  className
+}) {
+  const [tab, setTab] = React__default.useState("all");
+  const unreadCount = notifications.filter((n) => !n.read).length;
+  const visible = tab === "unread" ? notifications.filter((n) => !n.read) : notifications;
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-notif", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "rz-notif__header", children: [
+      /* @__PURE__ */ jsxs("h2", { className: "rz-notif__title", children: [
+        "Notifications",
+        unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "rz-notif__badge", children: unreadCount })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "rz-notif__header-actions", children: onMarkAllRead && unreadCount > 0 && /* @__PURE__ */ jsx("button", { type: "button", className: "rz-notif__action-btn", onClick: onMarkAllRead, children: "Mark all read" }) })
+    ] }),
+    showTabs && /* @__PURE__ */ jsxs("div", { className: "rz-notif__tabs", role: "tablist", children: [
+      /* @__PURE__ */ jsx("button", { type: "button", role: "tab", "aria-selected": tab === "all", className: cn("rz-notif__tab", tab === "all" && "rz-notif__tab--active"), onClick: () => setTab("all"), children: "All" }),
+      /* @__PURE__ */ jsxs("button", { type: "button", role: "tab", "aria-selected": tab === "unread", className: cn("rz-notif__tab", tab === "unread" && "rz-notif__tab--active"), onClick: () => setTab("unread"), children: [
+        "Unread ",
+        unreadCount > 0 && `(${unreadCount})`
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rz-notif__list", role: "list", children: visible.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rz-notif__empty", children: [
+      /* @__PURE__ */ jsx("span", { className: "rz-notif__empty-icon", "aria-hidden": "true", children: "🔔" }),
+      /* @__PURE__ */ jsx("p", { children: tab === "unread" ? "No unread notifications" : "No notifications yet" })
+    ] }) : visible.map((n) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("rz-notif__item", !n.read && "rz-notif__item--unread"),
+        role: "listitem",
+        onClick: () => onRead == null ? void 0 : onRead(n.id),
+        children: [
+          !n.read && /* @__PURE__ */ jsx("span", { className: "rz-notif__unread-dot", "aria-label": "Unread" }),
+          /* @__PURE__ */ jsx("div", { className: cn("rz-notif__icon", n.variant && `rz-notif__icon--${n.variant}`), children: n.icon ?? /* @__PURE__ */ jsx(BellIcon, {}) }),
+          /* @__PURE__ */ jsxs("div", { className: "rz-notif__content", children: [
+            /* @__PURE__ */ jsx("p", { className: "rz-notif__item-title", children: n.title }),
+            n.body && /* @__PURE__ */ jsx("p", { className: "rz-notif__item-body", children: n.body }),
+            n.time && /* @__PURE__ */ jsx("p", { className: "rz-notif__item-time", children: n.time })
+          ] }),
+          onDismiss && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "rz-notif__dismiss",
+              onClick: (e) => {
+                e.stopPropagation();
+                onDismiss(n.id);
+              },
+              "aria-label": "Dismiss notification",
+              children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) })
+            }
+          )
+        ]
+      },
+      n.id
+    )) }),
+    onSeeAll && /* @__PURE__ */ jsx("div", { className: "rz-notif__footer", children: /* @__PURE__ */ jsx("button", { type: "button", className: "rz-notif__see-all", onClick: onSeeAll, children: "View all notifications" }) })
+  ] });
+}
+export {
+  NotificationCenter
+};
+//# sourceMappingURL=NotificationCenter.js.map

package/dist/blocks/notification-center/NotificationCenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.js","sources":["../../../src/blocks/notification-center/NotificationCenter.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './notification-center.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport type NotificationVariant = 'default' | 'primary' | 'success' | 'warning' | 'destructive';\n\nexport interface Notification {\n  id: string;\n  title: string;\n  body?: string;\n  time?: string;\n  read?: boolean;\n  variant?: NotificationVariant;\n  icon?: React.ReactNode;\n}\n\nexport interface NotificationCenterProps {\n  notifications: Notification[];\n  onRead?: (id: string) => void;\n  onDismiss?: (id: string) => void;\n  onMarkAllRead?: () => void;\n  onSeeAll?: () => void;\n  showTabs?: boolean;\n  className?: string;\n}\n\n/* ─── Default icons ───────────────────────────────────────── */\n\nconst BellIcon = () => (\n  <svg width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0\" />\n  </svg>\n);\n\n/* ─── Component ───────────────────────────────────────────── */\n\nexport function NotificationCenter({\n  notifications,\n  onRead,\n  onDismiss,\n  onMarkAllRead,\n  onSeeAll,\n  showTabs = true,\n  className,\n}: NotificationCenterProps) {\n  const [tab, setTab] = React.useState<'all' | 'unread'>('all');\n\n  const unreadCount = notifications.filter((n) => !n.read).length;\n  const visible = tab === 'unread' ? notifications.filter((n) => !n.read) : notifications;\n\n  return (\n    <div className={cn('rz-notif', className)}>\n      {/* Header */}\n      <div className=\"rz-notif__header\">\n        <h2 className=\"rz-notif__title\">\n          Notifications\n          {unreadCount > 0 && <span className=\"rz-notif__badge\">{unreadCount}</span>}\n        </h2>\n        <div className=\"rz-notif__header-actions\">\n          {onMarkAllRead && unreadCount > 0 && (\n            <button type=\"button\" className=\"rz-notif__action-btn\" onClick={onMarkAllRead}>\n              Mark all read\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Tabs */}\n      {showTabs && (\n        <div className=\"rz-notif__tabs\" role=\"tablist\">\n          <button type=\"button\" role=\"tab\" aria-selected={tab === 'all'} className={cn('rz-notif__tab', tab === 'all' && 'rz-notif__tab--active')} onClick={() => setTab('all')}>All</button>\n          <button type=\"button\" role=\"tab\" aria-selected={tab === 'unread'} className={cn('rz-notif__tab', tab === 'unread' && 'rz-notif__tab--active')} onClick={() => setTab('unread')}>\n            Unread {unreadCount > 0 && `(${unreadCount})`}\n          </button>\n        </div>\n      )}\n\n      {/* List */}\n      <div className=\"rz-notif__list\" role=\"list\">\n        {visible.length === 0 ? (\n          <div className=\"rz-notif__empty\">\n            <span className=\"rz-notif__empty-icon\" aria-hidden=\"true\">🔔</span>\n            <p>{tab === 'unread' ? 'No unread notifications' : 'No notifications yet'}</p>\n          </div>\n        ) : (\n          visible.map((n) => (\n            <div\n              key={n.id}\n              className={cn('rz-notif__item', !n.read && 'rz-notif__item--unread')}\n              role=\"listitem\"\n              onClick={() => onRead?.(n.id)}\n            >\n              {!n.read && <span className=\"rz-notif__unread-dot\" aria-label=\"Unread\" />}\n              <div className={cn('rz-notif__icon', n.variant && `rz-notif__icon--${n.variant}`)}>\n                {n.icon ?? <BellIcon />}\n              </div>\n              <div className=\"rz-notif__content\">\n                <p className=\"rz-notif__item-title\">{n.title}</p>\n                {n.body && <p className=\"rz-notif__item-body\">{n.body}</p>}\n                {n.time && <p className=\"rz-notif__item-time\">{n.time}</p>}\n              </div>\n              {onDismiss && (\n                <button\n                  type=\"button\"\n                  className=\"rz-notif__dismiss\"\n                  onClick={(e) => { e.stopPropagation(); onDismiss(n.id); }}\n                  aria-label=\"Dismiss notification\"\n                >\n                  <svg width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\n                  </svg>\n                </button>\n              )}\n            </div>\n          ))\n        )}\n      </div>\n\n      {/* Footer */}\n      {onSeeAll && (\n        <div className=\"rz-notif__footer\">\n          <button type=\"button\" className=\"rz-notif__see-all\" onClick={onSeeAll}>\n            View all notifications\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/blocks/notification-center/index.d.ts

@@ -0,0 +1,3 @@
+export { NotificationCenter } from './NotificationCenter';
+export type { NotificationCenterProps, Notification, NotificationVariant } from './NotificationCenter';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/notification-center/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/notification-center/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}