rothzerg-ui 0.1.0

package/dist/blocks/maintenance/Maintenance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Maintenance.d.ts","sourceRoot":"","sources":["../../../src/blocks/maintenance/Maintenance.tsx"],"names":[],"mappings":"AACA,OAAO,mBAAmB,CAAC;AAE3B,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,aAAa,CAAC;AAEvE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0CD,wBAAgB,WAAW,CAAC,EAC1B,KAA8B,EAC9B,WAAuG,EACvG,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,aAAa,EACb,cAAqB,EACrB,QAAQ,EACR,SAAc,GACf,EAAE,gBAAgB,2CA+FlB"}

package/dist/blocks/maintenance/Maintenance.js

@@ -0,0 +1,109 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+/* empty css                */
+const STATUS_LABELS = {
+  ok: "Operational",
+  degraded: "Degraded",
+  down: "Outage",
+  maintenance: "Maintenance"
+};
+function WrenchIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }) });
+}
+function useCountdown(targetDate) {
+  const getTime = useCallback(() => {
+    if (!targetDate) return null;
+    const diff = new Date(targetDate).getTime() - Date.now();
+    if (diff <= 0) return { d: 0, h: 0, m: 0, s: 0 };
+    const d = Math.floor(diff / 864e5);
+    const h = Math.floor(diff % 864e5 / 36e5);
+    const m = Math.floor(diff % 36e5 / 6e4);
+    const s = Math.floor(diff % 6e4 / 1e3);
+    return { d, h, m, s };
+  }, [targetDate]);
+  const [time, setTime] = useState(getTime);
+  useEffect(() => {
+    if (!targetDate) return;
+    const id = setInterval(() => setTime(getTime()), 1e3);
+    return () => clearInterval(id);
+  }, [targetDate, getTime]);
+  return time;
+}
+function pad(n) {
+  return String(n).padStart(2, "0");
+}
+function Maintenance({
+  title = "We'll be right back",
+  description = "We're performing scheduled maintenance to improve our service. Please check back soon.",
+  progress,
+  targetDate,
+  services,
+  statusPageUrl,
+  showNotifyForm = true,
+  onNotify,
+  className = ""
+}) {
+  const [email, setEmail] = useState("");
+  const [notified, setNotified] = useState(false);
+  const countdown = useCountdown(targetDate);
+  const handleNotify = (e) => {
+    e.preventDefault();
+    if (!email) return;
+    onNotify == null ? void 0 : onNotify(email);
+    setNotified(true);
+  };
+  return /* @__PURE__ */ jsx("div", { className: `rz-maintenance ${className}`, children: /* @__PURE__ */ jsxs("div", { className: "rz-maintenance__inner", children: [
+    /* @__PURE__ */ jsx("div", { className: "rz-maintenance__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(WrenchIcon, {}) }),
+    /* @__PURE__ */ jsx("p", { className: "rz-maintenance__eyebrow", children: "Scheduled Maintenance" }),
+    /* @__PURE__ */ jsx("h1", { className: "rz-maintenance__title", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "rz-maintenance__description", children: description }),
+    progress !== void 0 && /* @__PURE__ */ jsxs("div", { className: "rz-maintenance__progress-wrap", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rz-maintenance__progress-header", children: [
+        /* @__PURE__ */ jsx("span", { children: "Progress" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          progress,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "rz-maintenance__progress-bar", children: /* @__PURE__ */ jsx("div", { className: "rz-maintenance__progress-fill", style: { width: `${progress}%` } }) })
+    ] }),
+    countdown && /* @__PURE__ */ jsx("div", { className: "rz-maintenance__countdown", "aria-label": "Time remaining", children: [
+      { value: countdown.d, label: "Days" },
+      { value: countdown.h, label: "Hours" },
+      { value: countdown.m, label: "Minutes" },
+      { value: countdown.s, label: "Seconds" }
+    ].map(({ value, label }) => /* @__PURE__ */ jsxs("div", { className: "rz-maintenance__countdown-unit", children: [
+      /* @__PURE__ */ jsx("span", { className: "rz-maintenance__countdown-value", children: pad(value) }),
+      /* @__PURE__ */ jsx("span", { className: "rz-maintenance__countdown-label", children: label })
+    ] }, label)) }),
+    services && services.length > 0 && /* @__PURE__ */ jsx("ul", { className: "rz-maintenance__status-list", "aria-label": "Service status", children: services.map((svc) => /* @__PURE__ */ jsxs("li", { className: "rz-maintenance__status-item", children: [
+      /* @__PURE__ */ jsx("span", { className: "rz-maintenance__status-name", children: svc.name }),
+      /* @__PURE__ */ jsx("span", { className: `rz-maintenance__status-badge rz-maintenance__status-badge--${svc.status}`, children: STATUS_LABELS[svc.status] })
+    ] }, svc.name)) }),
+    showNotifyForm && !notified && /* @__PURE__ */ jsxs("form", { className: "rz-maintenance__notify-form", onSubmit: handleNotify, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: "rz-maintenance__notify-input",
+          type: "email",
+          placeholder: "your@email.com",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          required: true,
+          "aria-label": "Email address"
+        }
+      ),
+      /* @__PURE__ */ jsx("button", { className: "rz-maintenance__notify-btn", type: "submit", children: "Notify me" })
+    ] }),
+    notified && /* @__PURE__ */ jsx("p", { style: { color: "var(--rz-color-success)", fontSize: "var(--rz-font-size-sm)", marginBottom: 24 }, children: "✓ We'll notify you when the service is back!" }),
+    statusPageUrl && /* @__PURE__ */ jsxs("p", { className: "rz-maintenance__footer", children: [
+      "Check our ",
+      /* @__PURE__ */ jsx("a", { href: statusPageUrl, target: "_blank", rel: "noopener noreferrer", children: "status page" }),
+      " for updates."
+    ] })
+  ] }) });
+}
+export {
+  Maintenance
+};
+//# sourceMappingURL=Maintenance.js.map

package/dist/blocks/maintenance/Maintenance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Maintenance.js","sources":["../../../src/blocks/maintenance/Maintenance.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport './maintenance.css';\n\nexport type ServiceStatus = 'ok' | 'degraded' | 'down' | 'maintenance';\n\nexport interface MaintenanceService {\n  name: string;\n  status: ServiceStatus;\n}\n\nexport interface MaintenanceProps {\n  title?: string;\n  description?: string;\n  progress?: number; // 0-100\n  targetDate?: string | Date; // ISO or Date for countdown\n  services?: MaintenanceService[];\n  statusPageUrl?: string;\n  showNotifyForm?: boolean;\n  onNotify?: (email: string) => void;\n  className?: string;\n}\n\nconst STATUS_LABELS: Record<ServiceStatus, string> = {\n  ok: 'Operational',\n  degraded: 'Degraded',\n  down: 'Outage',\n  maintenance: 'Maintenance',\n};\n\nfunction WrenchIcon() {\n  return (\n    <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"/>\n    </svg>\n  );\n}\n\nfunction useCountdown(targetDate?: string | Date) {\n  const getTime = useCallback(() => {\n    if (!targetDate) return null;\n    const diff = new Date(targetDate).getTime() - Date.now();\n    if (diff <= 0) return { d: 0, h: 0, m: 0, s: 0 };\n    const d = Math.floor(diff / 86400000);\n    const h = Math.floor((diff % 86400000) / 3600000);\n    const m = Math.floor((diff % 3600000) / 60000);\n    const s = Math.floor((diff % 60000) / 1000);\n    return { d, h, m, s };\n  }, [targetDate]);\n\n  const [time, setTime] = useState(getTime);\n\n  useEffect(() => {\n    if (!targetDate) return;\n    const id = setInterval(() => setTime(getTime()), 1000);\n    return () => clearInterval(id);\n  }, [targetDate, getTime]);\n\n  return time;\n}\n\nfunction pad(n: number) { return String(n).padStart(2, '0'); }\n\nexport function Maintenance({\n  title = 'We\\'ll be right back',\n  description = 'We\\'re performing scheduled maintenance to improve our service. Please check back soon.',\n  progress,\n  targetDate,\n  services,\n  statusPageUrl,\n  showNotifyForm = true,\n  onNotify,\n  className = '',\n}: MaintenanceProps) {\n  const [email, setEmail] = useState('');\n  const [notified, setNotified] = useState(false);\n  const countdown = useCountdown(targetDate);\n\n  const handleNotify = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!email) return;\n    onNotify?.(email);\n    setNotified(true);\n  };\n\n  return (\n    <div className={`rz-maintenance ${className}`}>\n      <div className=\"rz-maintenance__inner\">\n        <div className=\"rz-maintenance__icon\" aria-hidden=\"true\">\n          <WrenchIcon />\n        </div>\n\n        <p className=\"rz-maintenance__eyebrow\">Scheduled Maintenance</p>\n        <h1 className=\"rz-maintenance__title\">{title}</h1>\n        <p className=\"rz-maintenance__description\">{description}</p>\n\n        {progress !== undefined && (\n          <div className=\"rz-maintenance__progress-wrap\">\n            <div className=\"rz-maintenance__progress-header\">\n              <span>Progress</span>\n              <span>{progress}%</span>\n            </div>\n            <div className=\"rz-maintenance__progress-bar\">\n              <div className=\"rz-maintenance__progress-fill\" style={{ width: `${progress}%` }} />\n            </div>\n          </div>\n        )}\n\n        {countdown && (\n          <div className=\"rz-maintenance__countdown\" aria-label=\"Time remaining\">\n            {[\n              { value: countdown.d, label: 'Days' },\n              { value: countdown.h, label: 'Hours' },\n              { value: countdown.m, label: 'Minutes' },\n              { value: countdown.s, label: 'Seconds' },\n            ].map(({ value, label }) => (\n              <div key={label} className=\"rz-maintenance__countdown-unit\">\n                <span className=\"rz-maintenance__countdown-value\">{pad(value)}</span>\n                <span className=\"rz-maintenance__countdown-label\">{label}</span>\n              </div>\n            ))}\n          </div>\n        )}\n\n        {services && services.length > 0 && (\n          <ul className=\"rz-maintenance__status-list\" aria-label=\"Service status\">\n            {services.map((svc) => (\n              <li key={svc.name} className=\"rz-maintenance__status-item\">\n                <span className=\"rz-maintenance__status-name\">{svc.name}</span>\n                <span className={`rz-maintenance__status-badge rz-maintenance__status-badge--${svc.status}`}>\n                  {STATUS_LABELS[svc.status]}\n                </span>\n              </li>\n            ))}\n          </ul>\n        )}\n\n        {showNotifyForm && !notified && (\n          <form className=\"rz-maintenance__notify-form\" onSubmit={handleNotify}>\n            <input\n              className=\"rz-maintenance__notify-input\"\n              type=\"email\"\n              placeholder=\"your@email.com\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              required\n              aria-label=\"Email address\"\n            />\n            <button className=\"rz-maintenance__notify-btn\" type=\"submit\">\n              Notify me\n            </button>\n          </form>\n        )}\n\n        {notified && (\n          <p style={{ color: 'var(--rz-color-success)', fontSize: 'var(--rz-font-size-sm)', marginBottom: 24 }}>\n            ✓ We'll notify you when the service is back!\n          </p>\n        )}\n\n        {statusPageUrl && (\n          <p className=\"rz-maintenance__footer\">\n            Check our <a href={statusPageUrl} target=\"_blank\" rel=\"noopener noreferrer\">status page</a> for updates.\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAsBA,MAAM,gBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,MAAM;AAAA,EACN,aAAa;AACf;AAEA,SAAS,aAAa;AACpB,SACE,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SACvI,UAAA,oBAAC,QAAA,EAAK,GAAE,2JAAA,CAA0J,EAAA,CACpK;AAEJ;AAEA,SAAS,aAAa,YAA4B;AAChD,QAAM,UAAU,YAAY,MAAM;AAChC,QAAI,CAAC,WAAY,QAAO;AACxB,UAAM,OAAO,IAAI,KAAK,UAAU,EAAE,QAAA,IAAY,KAAK,IAAA;AACnD,QAAI,QAAQ,EAAG,QAAO,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAA;AAC7C,UAAM,IAAI,KAAK,MAAM,OAAO,KAAQ;AACpC,UAAM,IAAI,KAAK,MAAO,OAAO,QAAY,IAAO;AAChD,UAAM,IAAI,KAAK,MAAO,OAAO,OAAW,GAAK;AAC7C,UAAM,IAAI,KAAK,MAAO,OAAO,MAAS,GAAI;AAC1C,WAAO,EAAE,GAAG,GAAG,GAAG,EAAA;AAAA,EACpB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,OAAO;AAExC,YAAU,MAAM;AACd,QAAI,CAAC,WAAY;AACjB,UAAM,KAAK,YAAY,MAAM,QAAQ,QAAA,CAAS,GAAG,GAAI;AACrD,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,SAAO;AACT;AAEA,SAAS,IAAI,GAAW;AAAE,SAAO,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG;AAAG;AAEtD,SAAS,YAAY;AAAA,EAC1B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AACd,GAAqB;AACnB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,YAAY,aAAa,UAAU;AAEzC,QAAM,eAAe,CAAC,MAAuB;AAC3C,MAAE,eAAA;AACF,QAAI,CAAC,MAAO;AACZ,yCAAW;AACX,gBAAY,IAAI;AAAA,EAClB;AAEA,SACE,oBAAC,SAAI,WAAW,kBAAkB,SAAS,IACzC,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,wBAAuB,eAAY,QAChD,UAAA,oBAAC,cAAW,EAAA,CACd;AAAA,IAEA,oBAAC,KAAA,EAAE,WAAU,2BAA0B,UAAA,yBAAqB;AAAA,IAC5D,oBAAC,MAAA,EAAG,WAAU,yBAAyB,UAAA,OAAM;AAAA,IAC7C,oBAAC,KAAA,EAAE,WAAU,+BAA+B,UAAA,aAAY;AAAA,IAEvD,aAAa,UACZ,qBAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,QAAA,oBAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,6BACb,QAAA,EAAM,UAAA;AAAA,UAAA;AAAA,UAAS;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,GACnB;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,gCACb,8BAAC,OAAA,EAAI,WAAU,iCAAgC,OAAO,EAAE,OAAO,GAAG,QAAQ,IAAA,GAAO,EAAA,CACnF;AAAA,IAAA,GACF;AAAA,IAGD,aACC,oBAAC,OAAA,EAAI,WAAU,6BAA4B,cAAW,kBACnD,UAAA;AAAA,MACC,EAAE,OAAO,UAAU,GAAG,OAAO,OAAA;AAAA,MAC7B,EAAE,OAAO,UAAU,GAAG,OAAO,QAAA;AAAA,MAC7B,EAAE,OAAO,UAAU,GAAG,OAAO,UAAA;AAAA,MAC7B,EAAE,OAAO,UAAU,GAAG,OAAO,UAAA;AAAA,IAAU,EACvC,IAAI,CAAC,EAAE,OAAO,YACd,qBAAC,OAAA,EAAgB,WAAU,kCACzB,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,mCAAmC,UAAA,IAAI,KAAK,GAAE;AAAA,MAC9D,oBAAC,QAAA,EAAK,WAAU,mCAAmC,UAAA,MAAA,CAAM;AAAA,IAAA,KAFjD,KAGV,CACD,GACH;AAAA,IAGD,YAAY,SAAS,SAAS,KAC7B,oBAAC,QAAG,WAAU,+BAA8B,cAAW,kBACpD,mBAAS,IAAI,CAAC,QACb,qBAAC,MAAA,EAAkB,WAAU,+BAC3B,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,+BAA+B,UAAA,IAAI,MAAK;AAAA,MACxD,oBAAC,QAAA,EAAK,WAAW,8DAA8D,IAAI,MAAM,IACtF,UAAA,cAAc,IAAI,MAAM,EAAA,CAC3B;AAAA,IAAA,EAAA,GAJO,IAAI,IAKb,CACD,GACH;AAAA,IAGD,kBAAkB,CAAC,YAClB,qBAAC,UAAK,WAAU,+BAA8B,UAAU,cACtD,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC,UAAQ;AAAA,UACR,cAAW;AAAA,QAAA;AAAA,MAAA;AAAA,0BAEZ,UAAA,EAAO,WAAU,8BAA6B,MAAK,UAAS,UAAA,YAAA,CAE7D;AAAA,IAAA,GACF;AAAA,IAGD,YACC,oBAAC,KAAA,EAAE,OAAO,EAAE,OAAO,2BAA2B,UAAU,0BAA0B,cAAc,GAAA,GAAM,UAAA,+CAAA,CAEtG;AAAA,IAGD,iBACC,qBAAC,KAAA,EAAE,WAAU,0BAAyB,UAAA;AAAA,MAAA;AAAA,MAC1B,oBAAC,OAAE,MAAM,eAAe,QAAO,UAAS,KAAI,uBAAsB,UAAA,cAAA,CAAW;AAAA,MAAI;AAAA,IAAA,EAAA,CAC7F;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,3 @@
+export { Maintenance } from './Maintenance';
+export type { MaintenanceProps, MaintenanceService, ServiceStatus } from './Maintenance';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/blocks/media-gallery/MediaGallery.cjs

@@ -0,0 +1,114 @@
+"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                    */
+function MediaGallery({
+  images,
+  title,
+  columns = 3,
+  layout = "grid",
+  lightbox = true,
+  className
+}) {
+  const [lightboxIdx, setLightboxIdx] = React.useState(null);
+  function open(i) {
+    if (lightbox) setLightboxIdx(i);
+  }
+  function close() {
+    setLightboxIdx(null);
+  }
+  function prev() {
+    setLightboxIdx((i) => i != null ? Math.max(0, i - 1) : null);
+  }
+  function next() {
+    setLightboxIdx((i) => i != null ? Math.min(images.length - 1, i + 1) : null);
+  }
+  React.useEffect(() => {
+    if (lightboxIdx == null) return;
+    function onKey(e) {
+      if (e.key === "Escape") close();
+      if (e.key === "ArrowLeft") prev();
+      if (e.key === "ArrowRight") next();
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [lightboxIdx]);
+  const current = lightboxIdx != null ? images[lightboxIdx] : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-gallery", className), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-gallery__header", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-gallery__title", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-gallery__count", children: [
+        images.length,
+        " photos"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-gallery__grid", layout === "masonry" ? "rz-gallery__grid--masonry" : `rz-gallery__grid--${columns}`), children: images.map((img, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "rz-gallery__item",
+        role: lightbox ? "button" : void 0,
+        tabIndex: lightbox ? 0 : void 0,
+        onClick: () => open(i),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") open(i);
+        },
+        "aria-label": lightbox ? `View ${img.alt ?? `image ${i + 1}`}` : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: img.src,
+              alt: img.alt ?? "",
+              className: "rz-gallery__img",
+              loading: "lazy",
+              width: img.width,
+              height: img.height
+            }
+          ),
+          img.caption && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-gallery__overlay", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-gallery__caption", children: img.caption }) })
+        ]
+      },
+      i
+    )) }),
+    lightboxIdx != null && current && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "rz-gallery__lightbox",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Image lightbox",
+        onClick: close,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-gallery__lightbox-counter", children: [
+            lightboxIdx + 1,
+            " / ",
+            images.length
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rz-gallery__lightbox-close", onClick: close, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rz-gallery__lightbox-nav rz-gallery__lightbox-prev", onClick: (e) => {
+            e.stopPropagation();
+            prev();
+          }, disabled: lightboxIdx === 0, "aria-label": "Previous image", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: current.src,
+              alt: current.alt ?? "",
+              className: "rz-gallery__lightbox-img",
+              onClick: (e) => e.stopPropagation()
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rz-gallery__lightbox-nav rz-gallery__lightbox-next", onClick: (e) => {
+            e.stopPropagation();
+            next();
+          }, disabled: lightboxIdx === images.length - 1, "aria-label": "Next image", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) }) }),
+          current.caption && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-gallery__lightbox-caption", children: current.caption })
+        ]
+      }
+    )
+  ] });
+}
+exports.MediaGallery = MediaGallery;
+//# sourceMappingURL=MediaGallery.cjs.map

package/dist/blocks/media-gallery/MediaGallery.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaGallery.cjs","sources":["../../../src/blocks/media-gallery/MediaGallery.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './media-gallery.css';\n\nexport type GalleryColumns = 2 | 3 | 4;\nexport type GalleryLayout = 'grid' | 'masonry';\n\nexport interface GalleryImage {\n  src: string;\n  alt?: string;\n  caption?: string;\n  width?: number;\n  height?: number;\n}\n\nexport interface MediaGalleryProps {\n  images: GalleryImage[];\n  title?: string;\n  columns?: GalleryColumns;\n  layout?: GalleryLayout;\n  lightbox?: boolean;\n  className?: string;\n}\n\nexport function MediaGallery({\n  images,\n  title,\n  columns = 3,\n  layout = 'grid',\n  lightbox = true,\n  className,\n}: MediaGalleryProps) {\n  const [lightboxIdx, setLightboxIdx] = React.useState<number | null>(null);\n\n  function open(i: number) { if (lightbox) setLightboxIdx(i); }\n  function close() { setLightboxIdx(null); }\n  function prev() { setLightboxIdx((i) => (i != null ? Math.max(0, i - 1) : null)); }\n  function next() { setLightboxIdx((i) => (i != null ? Math.min(images.length - 1, i + 1) : null)); }\n\n  // Keyboard navigation\n  React.useEffect(() => {\n    if (lightboxIdx == null) return;\n    function onKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') close();\n      if (e.key === 'ArrowLeft') prev();\n      if (e.key === 'ArrowRight') next();\n    }\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [lightboxIdx]);\n\n  const current = lightboxIdx != null ? images[lightboxIdx] : null;\n\n  return (\n    <div className={cn('rz-gallery', className)}>\n      {/* Header */}\n      {title && (\n        <div className=\"rz-gallery__header\">\n          <h2 className=\"rz-gallery__title\">{title}</h2>\n          <span className=\"rz-gallery__count\">{images.length} photos</span>\n        </div>\n      )}\n\n      {/* Grid */}\n      <div className={cn('rz-gallery__grid', layout === 'masonry' ? 'rz-gallery__grid--masonry' : `rz-gallery__grid--${columns}`)}>\n        {images.map((img, i) => (\n          <div\n            key={i}\n            className=\"rz-gallery__item\"\n            role={lightbox ? 'button' : undefined}\n            tabIndex={lightbox ? 0 : undefined}\n            onClick={() => open(i)}\n            onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') open(i); }}\n            aria-label={lightbox ? `View ${img.alt ?? `image ${i + 1}`}` : undefined}\n          >\n            <img\n              src={img.src}\n              alt={img.alt ?? ''}\n              className=\"rz-gallery__img\"\n              loading=\"lazy\"\n              width={img.width}\n              height={img.height}\n            />\n            {img.caption && (\n              <div className=\"rz-gallery__overlay\">\n                <p className=\"rz-gallery__caption\">{img.caption}</p>\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* Lightbox */}\n      {lightboxIdx != null && current && (\n        <div\n          className=\"rz-gallery__lightbox\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Image lightbox\"\n          onClick={close}\n        >\n          <span className=\"rz-gallery__lightbox-counter\">{lightboxIdx + 1} / {images.length}</span>\n\n          <button type=\"button\" className=\"rz-gallery__lightbox-close\" onClick={close} aria-label=\"Close\">\n            <svg width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\n            </svg>\n          </button>\n\n          <button type=\"button\" className=\"rz-gallery__lightbox-nav rz-gallery__lightbox-prev\" onClick={(e) => { e.stopPropagation(); prev(); }} disabled={lightboxIdx === 0} aria-label=\"Previous image\">\n            <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 19l-7-7 7-7\" />\n            </svg>\n          </button>\n\n          <img\n            src={current.src}\n            alt={current.alt ?? ''}\n            className=\"rz-gallery__lightbox-img\"\n            onClick={(e) => e.stopPropagation()}\n          />\n\n          <button type=\"button\" className=\"rz-gallery__lightbox-nav rz-gallery__lightbox-next\" onClick={(e) => { e.stopPropagation(); next(); }} disabled={lightboxIdx === images.length - 1} aria-label=\"Next image\">\n            <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n            </svg>\n          </button>\n\n          {current.caption && (\n            <p className=\"rz-gallery__lightbox-caption\">{current.caption}</p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["cn","jsxs","jsx"],"mappings":"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"}

package/dist/blocks/media-gallery/MediaGallery.d.ts

@@ -0,0 +1,19 @@
+export type GalleryColumns = 2 | 3 | 4;
+export type GalleryLayout = 'grid' | 'masonry';
+export interface GalleryImage {
+    src: string;
+    alt?: string;
+    caption?: string;
+    width?: number;
+    height?: number;
+}
+export interface MediaGalleryProps {
+    images: GalleryImage[];
+    title?: string;
+    columns?: GalleryColumns;
+    layout?: GalleryLayout;
+    lightbox?: boolean;
+    className?: string;
+}
+export declare function MediaGallery({ images, title, columns, layout, lightbox, className, }: MediaGalleryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaGallery.d.ts.map

package/dist/blocks/media-gallery/MediaGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../src/blocks/media-gallery/MediaGallery.tsx"],"names":[],"mappings":"AAEA,OAAO,qBAAqB,CAAC;AAE7B,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACvC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/C,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,OAAW,EACX,MAAe,EACf,QAAe,EACf,SAAS,GACV,EAAE,iBAAiB,2CAwGnB"}

package/dist/blocks/media-gallery/MediaGallery.js

@@ -0,0 +1,114 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css                  */
+function MediaGallery({
+  images,
+  title,
+  columns = 3,
+  layout = "grid",
+  lightbox = true,
+  className
+}) {
+  const [lightboxIdx, setLightboxIdx] = React__default.useState(null);
+  function open(i) {
+    if (lightbox) setLightboxIdx(i);
+  }
+  function close() {
+    setLightboxIdx(null);
+  }
+  function prev() {
+    setLightboxIdx((i) => i != null ? Math.max(0, i - 1) : null);
+  }
+  function next() {
+    setLightboxIdx((i) => i != null ? Math.min(images.length - 1, i + 1) : null);
+  }
+  React__default.useEffect(() => {
+    if (lightboxIdx == null) return;
+    function onKey(e) {
+      if (e.key === "Escape") close();
+      if (e.key === "ArrowLeft") prev();
+      if (e.key === "ArrowRight") next();
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [lightboxIdx]);
+  const current = lightboxIdx != null ? images[lightboxIdx] : null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-gallery", className), children: [
+    title && /* @__PURE__ */ jsxs("div", { className: "rz-gallery__header", children: [
+      /* @__PURE__ */ jsx("h2", { className: "rz-gallery__title", children: title }),
+      /* @__PURE__ */ jsxs("span", { className: "rz-gallery__count", children: [
+        images.length,
+        " photos"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn("rz-gallery__grid", layout === "masonry" ? "rz-gallery__grid--masonry" : `rz-gallery__grid--${columns}`), children: images.map((img, i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "rz-gallery__item",
+        role: lightbox ? "button" : void 0,
+        tabIndex: lightbox ? 0 : void 0,
+        onClick: () => open(i),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") open(i);
+        },
+        "aria-label": lightbox ? `View ${img.alt ?? `image ${i + 1}`}` : void 0,
+        children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: img.src,
+              alt: img.alt ?? "",
+              className: "rz-gallery__img",
+              loading: "lazy",
+              width: img.width,
+              height: img.height
+            }
+          ),
+          img.caption && /* @__PURE__ */ jsx("div", { className: "rz-gallery__overlay", children: /* @__PURE__ */ jsx("p", { className: "rz-gallery__caption", children: img.caption }) })
+        ]
+      },
+      i
+    )) }),
+    lightboxIdx != null && current && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "rz-gallery__lightbox",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Image lightbox",
+        onClick: close,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "rz-gallery__lightbox-counter", children: [
+            lightboxIdx + 1,
+            " / ",
+            images.length
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "rz-gallery__lightbox-close", onClick: close, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) }) }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "rz-gallery__lightbox-nav rz-gallery__lightbox-prev", onClick: (e) => {
+            e.stopPropagation();
+            prev();
+          }, disabled: lightboxIdx === 0, "aria-label": "Previous image", children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) }) }),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: current.src,
+              alt: current.alt ?? "",
+              className: "rz-gallery__lightbox-img",
+              onClick: (e) => e.stopPropagation()
+            }
+          ),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "rz-gallery__lightbox-nav rz-gallery__lightbox-next", onClick: (e) => {
+            e.stopPropagation();
+            next();
+          }, disabled: lightboxIdx === images.length - 1, "aria-label": "Next image", children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) }) }),
+          current.caption && /* @__PURE__ */ jsx("p", { className: "rz-gallery__lightbox-caption", children: current.caption })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  MediaGallery
+};
+//# sourceMappingURL=MediaGallery.js.map

package/dist/blocks/media-gallery/MediaGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaGallery.js","sources":["../../../src/blocks/media-gallery/MediaGallery.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './media-gallery.css';\n\nexport type GalleryColumns = 2 | 3 | 4;\nexport type GalleryLayout = 'grid' | 'masonry';\n\nexport interface GalleryImage {\n  src: string;\n  alt?: string;\n  caption?: string;\n  width?: number;\n  height?: number;\n}\n\nexport interface MediaGalleryProps {\n  images: GalleryImage[];\n  title?: string;\n  columns?: GalleryColumns;\n  layout?: GalleryLayout;\n  lightbox?: boolean;\n  className?: string;\n}\n\nexport function MediaGallery({\n  images,\n  title,\n  columns = 3,\n  layout = 'grid',\n  lightbox = true,\n  className,\n}: MediaGalleryProps) {\n  const [lightboxIdx, setLightboxIdx] = React.useState<number | null>(null);\n\n  function open(i: number) { if (lightbox) setLightboxIdx(i); }\n  function close() { setLightboxIdx(null); }\n  function prev() { setLightboxIdx((i) => (i != null ? Math.max(0, i - 1) : null)); }\n  function next() { setLightboxIdx((i) => (i != null ? Math.min(images.length - 1, i + 1) : null)); }\n\n  // Keyboard navigation\n  React.useEffect(() => {\n    if (lightboxIdx == null) return;\n    function onKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') close();\n      if (e.key === 'ArrowLeft') prev();\n      if (e.key === 'ArrowRight') next();\n    }\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [lightboxIdx]);\n\n  const current = lightboxIdx != null ? images[lightboxIdx] : null;\n\n  return (\n    <div className={cn('rz-gallery', className)}>\n      {/* Header */}\n      {title && (\n        <div className=\"rz-gallery__header\">\n          <h2 className=\"rz-gallery__title\">{title}</h2>\n          <span className=\"rz-gallery__count\">{images.length} photos</span>\n        </div>\n      )}\n\n      {/* Grid */}\n      <div className={cn('rz-gallery__grid', layout === 'masonry' ? 'rz-gallery__grid--masonry' : `rz-gallery__grid--${columns}`)}>\n        {images.map((img, i) => (\n          <div\n            key={i}\n            className=\"rz-gallery__item\"\n            role={lightbox ? 'button' : undefined}\n            tabIndex={lightbox ? 0 : undefined}\n            onClick={() => open(i)}\n            onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') open(i); }}\n            aria-label={lightbox ? `View ${img.alt ?? `image ${i + 1}`}` : undefined}\n          >\n            <img\n              src={img.src}\n              alt={img.alt ?? ''}\n              className=\"rz-gallery__img\"\n              loading=\"lazy\"\n              width={img.width}\n              height={img.height}\n            />\n            {img.caption && (\n              <div className=\"rz-gallery__overlay\">\n                <p className=\"rz-gallery__caption\">{img.caption}</p>\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* Lightbox */}\n      {lightboxIdx != null && current && (\n        <div\n          className=\"rz-gallery__lightbox\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Image lightbox\"\n          onClick={close}\n        >\n          <span className=\"rz-gallery__lightbox-counter\">{lightboxIdx + 1} / {images.length}</span>\n\n          <button type=\"button\" className=\"rz-gallery__lightbox-close\" onClick={close} aria-label=\"Close\">\n            <svg width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\n            </svg>\n          </button>\n\n          <button type=\"button\" className=\"rz-gallery__lightbox-nav rz-gallery__lightbox-prev\" onClick={(e) => { e.stopPropagation(); prev(); }} disabled={lightboxIdx === 0} aria-label=\"Previous image\">\n            <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 19l-7-7 7-7\" />\n            </svg>\n          </button>\n\n          <img\n            src={current.src}\n            alt={current.alt ?? ''}\n            className=\"rz-gallery__lightbox-img\"\n            onClick={(e) => e.stopPropagation()}\n          />\n\n          <button type=\"button\" className=\"rz-gallery__lightbox-nav rz-gallery__lightbox-next\" onClick={(e) => { e.stopPropagation(); next(); }} disabled={lightboxIdx === images.length - 1} aria-label=\"Next image\">\n            <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n            </svg>\n          </button>\n\n          {current.caption && (\n            <p className=\"rz-gallery__lightbox-caption\">{current.caption}</p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/blocks/media-gallery/index.d.ts

@@ -0,0 +1,3 @@
+export { MediaGallery } from './MediaGallery';
+export type { MediaGalleryProps, GalleryImage, GalleryColumns, GalleryLayout } from './MediaGallery';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/media-gallery/index.d.ts.map

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

package/dist/blocks/navbar/Navbar.cjs

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css             */
+const x = require("../../node_modules/lucide-react/dist/esm/icons/x.cjs");
+const menu = require("../../node_modules/lucide-react/dist/esm/icons/menu.cjs");
+function Navbar({
+  brand,
+  links = [],
+  actions,
+  variant = "default",
+  className,
+  renderLink
+}) {
+  const [mobileOpen, setMobileOpen] = React.useState(false);
+  const defaultRenderLink = (link, cls) => /* @__PURE__ */ jsxRuntime.jsxs("a", { href: link.href, className: cls, children: [
+    link.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: link.icon }),
+    link.label
+  ] }, link.href);
+  const linkRenderer = renderLink ?? defaultRenderLink;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "header",
+    {
+      className: cn.cn(
+        "rz-navbar",
+        variant !== "default" && `rz-navbar--${variant}`,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-navbar__inner", children: [
+          brand && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-navbar__brand", children: brand }),
+          /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "rz-navbar__nav", "aria-label": "Main navigation", children: links.map(
+            (link) => linkRenderer(
+              link,
+              cn.cn("rz-navbar__link", link.active && "rz-navbar__link--active")
+            )
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-navbar__actions", children: [
+            actions,
+            links.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(x, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(menu, { size: 20 })
+              }
+            )
+          ] })
+        ] }),
+        links.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "nav",
+          {
+            className: cn.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.cn("rz-navbar__link", link.active && "rz-navbar__link--active")
+              )
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+exports.Navbar = Navbar;
+//# sourceMappingURL=Navbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.cjs","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":["useState","jsxs","jsx","cn","X","Menu"],"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,IAAIA,MAAAA,SAAS,KAAK;AAElD,QAAM,oBAAoB,CAAC,MAAe,QACxCC,2BAAAA,KAAC,OAAkB,MAAM,KAAK,MAAM,WAAW,KAC5C,UAAA;AAAA,IAAA,KAAK,QAAQC,2BAAAA,IAAC,QAAA,EAAK,eAAY,QAAQ,eAAK,MAAK;AAAA,IACjD,KAAK;AAAA,EAAA,EAAA,GAFA,KAAK,IAGb;AAGF,QAAM,eAAe,cAAc;AAEnC,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,GAAAA;AAAAA,QACT;AAAA,QACA,YAAY,aAAa,cAAc,OAAO;AAAA,QAC9C;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAF,2BAAAA,KAAC,OAAA,EAAI,WAAU,oBACZ,UAAA;AAAA,UAAA,SACCC,2BAAAA,IAAC,OAAA,EAAI,WAAU,oBAAoB,UAAA,OAAM;AAAA,yCAG1C,OAAA,EAAI,WAAU,kBAAiB,cAAW,mBACxC,UAAA,MAAM;AAAA,YAAI,CAAC,SACV;AAAA,cACE;AAAA,cACAC,GAAAA,GAAG,mBAAmB,KAAK,UAAU,yBAAyB;AAAA,YAAA;AAAA,UAChE,GAEJ;AAAA,UAEAF,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,YAAA;AAAA,YACA,MAAM,SAAS,KACdC,2BAAAA;AAAAA,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,4CAAcE,GAAA,EAAE,MAAM,IAAI,IAAKF,2BAAAA,IAACG,MAAA,EAAK,MAAM,GAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAClD,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAEC,MAAM,SAAS,KACdH,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,GAAAA,GAAG,yBAAyB,cAAc,6BAA6B;AAAA,YAClF,cAAW;AAAA,YACX,eAAa,CAAC;AAAA,YAEb,UAAA,MAAM;AAAA,cAAI,CAAC,SACV;AAAA,gBACE;AAAA,gBACAA,GAAAA,GAAG,mBAAmB,KAAK,UAAU,yBAAyB;AAAA,cAAA;AAAA,YAChE;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

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

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export interface NavLink {
+    label: string;
+    href: string;
+    active?: boolean;
+    icon?: React.ReactNode;
+}
+export interface NavbarProps {
+    /** Brand name or logo component */
+    brand?: React.ReactNode;
+    /** Navigation links */
+    links?: NavLink[];
+    /** Right-side actions (buttons, avatar, etc.) */
+    actions?: React.ReactNode;
+    variant?: 'default' | 'transparent' | 'opaque';
+    className?: string;
+    /** Custom link renderer (for router integration) */
+    renderLink?: (link: NavLink, className: string) => React.ReactNode;
+}
+/**
+ * Navbar
+ *
+ * A responsive sticky navigation bar with mobile drawer.
+ * Use `renderLink` to integrate with your router (Next.js Link, React Router, etc.).
+ *
+ * @example
+ * <Navbar
+ *   brand={<span>MyApp</span>}
+ *   links={[{ label: 'Home', href: '/' }, { label: 'Docs', href: '/docs' }]}
+ *   actions={<Button size="sm">Sign in</Button>}
+ * />
+ */
+export declare function Navbar({ brand, links, actions, variant, className, renderLink, }: NavbarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Navbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/blocks/navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,iDAAiD;IACjD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACpE;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,KAAU,EACV,OAAO,EACP,OAAmB,EACnB,SAAS,EACT,UAAU,GACX,EAAE,WAAW,2CAkEb"}