rothzerg-ui 0.1.0

package/dist/blocks/kanban/Kanban.js

@@ -0,0 +1,223 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useCallback } from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css           */
+function KanbanCardView({
+  card,
+  columnId,
+  isDragging,
+  isDropTarget,
+  onCardClick,
+  onDragStart,
+  onDragEnd,
+  onDragOver,
+  onDrop
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isDropTarget && /* @__PURE__ */ jsx("div", { className: "rz-kanban__drop-indicator", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("rz-kanban__card", isDragging && "rz-kanban__card--dragging"),
+        draggable: true,
+        role: "button",
+        tabIndex: 0,
+        "aria-grabbed": isDragging,
+        onClick: () => onCardClick == null ? void 0 : onCardClick(card, columnId),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") onCardClick == null ? void 0 : onCardClick(card, columnId);
+        },
+        onDragStart: (e) => onDragStart(e, card, columnId),
+        onDragEnd,
+        onDragOver: (e) => onDragOver(e, card.id, columnId),
+        onDrop: (e) => onDrop(e, card.id, columnId),
+        children: [
+          card.tags && card.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "rz-kanban__card-tags", children: card.tags.map((t) => /* @__PURE__ */ jsx("span", { className: "rz-kanban__tag", children: t }, t)) }),
+          /* @__PURE__ */ jsx("p", { className: "rz-kanban__card-title", children: card.title }),
+          card.description && /* @__PURE__ */ jsx("p", { className: "rz-kanban__card-desc", children: card.description }),
+          card.extra,
+          (card.priority || card.assignees || card.dueDate) && /* @__PURE__ */ jsxs("div", { className: "rz-kanban__card-footer", children: [
+            /* @__PURE__ */ jsxs("div", { className: "rz-kanban__card-meta", children: [
+              card.priority && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn("rz-kanban__priority", `rz-kanban__priority--${card.priority}`),
+                  title: card.priority
+                }
+              ),
+              card.dueDate && /* @__PURE__ */ jsx("span", { children: new Date(card.dueDate).toLocaleDateString(void 0, { month: "short", day: "numeric" }) })
+            ] }),
+            card.assignees && card.assignees.length > 0 && /* @__PURE__ */ jsx("div", { className: "rz-kanban__avatars", children: card.assignees.slice(0, 3).map((a, i) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "rz-kanban__avatar",
+                style: { backgroundColor: a.color },
+                title: a.initials,
+                children: a.initials
+              },
+              i
+            )) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function moveCard(columns, dragCardId, sourceColumnId, targetCardId, targetColumnId) {
+  let draggedCard;
+  const next = columns.map((col) => {
+    if (col.id !== sourceColumnId) return col;
+    const cards = col.cards.filter((c) => {
+      if (c.id === dragCardId) {
+        draggedCard = c;
+        return false;
+      }
+      return true;
+    });
+    return { ...col, cards };
+  });
+  if (!draggedCard) return columns;
+  return next.map((col) => {
+    if (col.id !== targetColumnId) return col;
+    if (targetCardId === null) {
+      return { ...col, cards: [...col.cards, draggedCard] };
+    }
+    const idx = col.cards.findIndex((c) => c.id === targetCardId);
+    const cards = [...col.cards];
+    cards.splice(idx, 0, draggedCard);
+    return { ...col, cards };
+  });
+}
+function Kanban({
+  columns: initialColumns,
+  onColumnsChange,
+  onAddCard,
+  onCardClick,
+  addCardLabel = "Add card",
+  className
+}) {
+  const [columns, setColumns] = useState(initialColumns);
+  const prevInitial = useRef(initialColumns);
+  if (initialColumns !== prevInitial.current) {
+    prevInitial.current = initialColumns;
+    setColumns(initialColumns);
+  }
+  const dragRef = useRef(null);
+  const [dropTarget, setDropTarget] = useState(null);
+  const [overColumn, setOverColumn] = useState(null);
+  const [draggingCardId, setDraggingCardId] = useState(null);
+  const applyChange = useCallback((next) => {
+    setColumns(next);
+    onColumnsChange == null ? void 0 : onColumnsChange(next);
+  }, [onColumnsChange]);
+  const handleDragStart = useCallback((e, card, sourceColumnId) => {
+    dragRef.current = { cardId: card.id, sourceColumnId };
+    setDraggingCardId(card.id);
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", card.id);
+  }, []);
+  const handleDragEnd = useCallback(() => {
+    dragRef.current = null;
+    setDraggingCardId(null);
+    setDropTarget(null);
+    setOverColumn(null);
+  }, []);
+  const handleCardDragOver = useCallback((e, cardId, columnId) => {
+    var _a;
+    e.preventDefault();
+    e.stopPropagation();
+    e.dataTransfer.dropEffect = "move";
+    if (((_a = dragRef.current) == null ? void 0 : _a.cardId) === cardId) return;
+    setDropTarget({ cardId, columnId });
+    setOverColumn(null);
+  }, []);
+  const handleColumnDragOver = useCallback((e, columnId) => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    setDropTarget(null);
+    setOverColumn(columnId);
+  }, []);
+  const handleDrop = useCallback((e, targetCardId, targetColumnId) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const drag = dragRef.current;
+    if (!drag) return;
+    if (drag.cardId === targetCardId) return;
+    const next = moveCard(columns, drag.cardId, drag.sourceColumnId, targetCardId, targetColumnId);
+    dragRef.current = null;
+    setDraggingCardId(null);
+    setDropTarget(null);
+    setOverColumn(null);
+    applyChange(next);
+  }, [columns, applyChange]);
+  const handleColumnDrop = useCallback((e, targetColumnId) => {
+    handleDrop(e, null, targetColumnId);
+  }, [handleDrop]);
+  return /* @__PURE__ */ jsx("div", { className: cn("rz-kanban", className), children: columns.map((col) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("rz-kanban__column", overColumn === col.id && "rz-kanban__column--over"),
+      onDragOver: (e) => handleColumnDragOver(e, col.id),
+      onDrop: (e) => handleColumnDrop(e, col.id),
+      onDragLeave: (e) => {
+        if (!e.currentTarget.contains(e.relatedTarget)) {
+          setOverColumn(null);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "rz-kanban__column-header", children: [
+          /* @__PURE__ */ jsxs("span", { className: "rz-kanban__column-title", children: [
+            col.color && /* @__PURE__ */ jsx("span", { className: "rz-kanban__column-dot", style: { backgroundColor: col.color } }),
+            col.title
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "rz-kanban__column-count", children: col.cards.length })
+        ] }),
+        col.cards.map((card) => /* @__PURE__ */ jsx(
+          KanbanCardView,
+          {
+            card,
+            columnId: col.id,
+            isDragging: draggingCardId === card.id,
+            isDropTarget: (dropTarget == null ? void 0 : dropTarget.cardId) === card.id && (dropTarget == null ? void 0 : dropTarget.columnId) === col.id,
+            onCardClick,
+            onDragStart: handleDragStart,
+            onDragEnd: handleDragEnd,
+            onDragOver: handleCardDragOver,
+            onDrop: handleDrop
+          },
+          card.id
+        )),
+        overColumn === col.id && col.cards.length === 0 && /* @__PURE__ */ jsx("div", { className: "rz-kanban__drop-indicator rz-kanban__drop-indicator--empty", "aria-hidden": "true" }),
+        onAddCard && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "rz-kanban__add-btn",
+            onClick: () => onAddCard(col.id),
+            children: [
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: 2,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" })
+                }
+              ),
+              addCardLabel
+            ]
+          }
+        )
+      ]
+    },
+    col.id
+  )) });
+}
+export {
+  Kanban
+};
+//# sourceMappingURL=Kanban.js.map

package/dist/blocks/kanban/Kanban.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.js","sources":["../../../src/blocks/kanban/Kanban.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from 'react';\nimport { cn } from '../../utils/cn';\nimport './kanban.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport type KanbanPriority = 'low' | 'medium' | 'high';\n\nexport interface KanbanCardAssignee {\n  initials: string;\n  color?: string;\n}\n\nexport interface KanbanCard {\n  id: string;\n  title: string;\n  description?: string;\n  tags?: string[];\n  priority?: KanbanPriority;\n  assignees?: KanbanCardAssignee[];\n  /** ISO date string */\n  dueDate?: string;\n  extra?: React.ReactNode;\n}\n\nexport interface KanbanColumn {\n  id: string;\n  title: string;\n  color?: string;\n  cards: KanbanCard[];\n}\n\nexport interface KanbanProps {\n  columns: KanbanColumn[];\n  onColumnsChange?: (columns: KanbanColumn[]) => void;\n  onAddCard?: (columnId: string) => void;\n  onCardClick?: (card: KanbanCard, columnId: string) => void;\n  addCardLabel?: string;\n  className?: string;\n}\n\n/* ─── Drag state (held in refs to avoid mid-drag re-renders) ─ */\n\ninterface DragInfo {\n  cardId: string;\n  sourceColumnId: string;\n}\n\n/* ─── Card ────────────────────────────────────────────────── */\n\ninterface CardViewProps {\n  card: KanbanCard;\n  columnId: string;\n  isDragging: boolean;\n  isDropTarget: boolean; // true = show indicator above this card\n  onCardClick?: KanbanProps['onCardClick'];\n  onDragStart: (e: React.DragEvent, card: KanbanCard, columnId: string) => void;\n  onDragEnd: (e: React.DragEvent) => void;\n  onDragOver: (e: React.DragEvent, cardId: string, columnId: string) => void;\n  onDrop: (e: React.DragEvent, targetCardId: string | null, targetColumnId: string) => void;\n}\n\nfunction KanbanCardView({\n  card,\n  columnId,\n  isDragging,\n  isDropTarget,\n  onCardClick,\n  onDragStart,\n  onDragEnd,\n  onDragOver,\n  onDrop,\n}: CardViewProps) {\n  return (\n    <>\n      {isDropTarget && <div className=\"rz-kanban__drop-indicator\" aria-hidden=\"true\" />}\n      <div\n        className={cn('rz-kanban__card', isDragging && 'rz-kanban__card--dragging')}\n        draggable\n        role=\"button\"\n        tabIndex={0}\n        aria-grabbed={isDragging}\n        onClick={() => onCardClick?.(card, columnId)}\n        onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onCardClick?.(card, columnId); }}\n        onDragStart={(e) => onDragStart(e, card, columnId)}\n        onDragEnd={onDragEnd}\n        onDragOver={(e) => onDragOver(e, card.id, columnId)}\n        onDrop={(e) => onDrop(e, card.id, columnId)}\n      >\n        {card.tags && card.tags.length > 0 && (\n          <div className=\"rz-kanban__card-tags\">\n            {card.tags.map((t) => <span key={t} className=\"rz-kanban__tag\">{t}</span>)}\n          </div>\n        )}\n\n        <p className=\"rz-kanban__card-title\">{card.title}</p>\n        {card.description && <p className=\"rz-kanban__card-desc\">{card.description}</p>}\n\n        {card.extra}\n\n        {(card.priority || card.assignees || card.dueDate) && (\n          <div className=\"rz-kanban__card-footer\">\n            <div className=\"rz-kanban__card-meta\">\n              {card.priority && (\n                <span\n                  className={cn('rz-kanban__priority', `rz-kanban__priority--${card.priority}`)}\n                  title={card.priority}\n                />\n              )}\n              {card.dueDate && (\n                <span>\n                  {new Date(card.dueDate).toLocaleDateString(undefined, { month: 'short', day: 'numeric' })}\n                </span>\n              )}\n            </div>\n            {card.assignees && card.assignees.length > 0 && (\n              <div className=\"rz-kanban__avatars\">\n                {card.assignees.slice(0, 3).map((a, i) => (\n                  <div\n                    key={i}\n                    className=\"rz-kanban__avatar\"\n                    style={{ backgroundColor: a.color }}\n                    title={a.initials}\n                  >\n                    {a.initials}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n\n/* ─── Move logic ──────────────────────────────────────────── */\n\nfunction moveCard(\n  columns: KanbanColumn[],\n  dragCardId: string,\n  sourceColumnId: string,\n  targetCardId: string | null,\n  targetColumnId: string,\n): KanbanColumn[] {\n  // Find and remove dragged card from source\n  let draggedCard: KanbanCard | undefined;\n  const next = columns.map((col) => {\n    if (col.id !== sourceColumnId) return col;\n    const cards = col.cards.filter((c) => {\n      if (c.id === dragCardId) { draggedCard = c; return false; }\n      return true;\n    });\n    return { ...col, cards };\n  });\n\n  if (!draggedCard) return columns;\n\n  // Insert into target column\n  return next.map((col) => {\n    if (col.id !== targetColumnId) return col;\n    if (targetCardId === null) {\n      // Drop at end of column\n      return { ...col, cards: [...col.cards, draggedCard!] };\n    }\n    const idx = col.cards.findIndex((c) => c.id === targetCardId);\n    const cards = [...col.cards];\n    cards.splice(idx, 0, draggedCard!);\n    return { ...col, cards };\n  });\n}\n\n/* ─── Main ────────────────────────────────────────────────── */\n\nexport function Kanban({\n  columns: initialColumns,\n  onColumnsChange,\n  onAddCard,\n  onCardClick,\n  addCardLabel = 'Add card',\n  className,\n}: KanbanProps) {\n  const [columns, setColumns] = useState<KanbanColumn[]>(initialColumns);\n\n  // Keep in sync if parent passes new columns (controlled-ish)\n  const prevInitial = useRef(initialColumns);\n  if (initialColumns !== prevInitial.current) {\n    prevInitial.current = initialColumns;\n    setColumns(initialColumns);\n  }\n\n  const dragRef = useRef<DragInfo | null>(null);\n\n  // Which card should show the drop indicator ABOVE it\n  const [dropTarget, setDropTarget] = useState<{ cardId: string; columnId: string } | null>(null);\n  // Which empty column should be highlighted (no card target)\n  const [overColumn, setOverColumn] = useState<string | null>(null);\n  // Which card is being dragged\n  const [draggingCardId, setDraggingCardId] = useState<string | null>(null);\n\n  const applyChange = useCallback((next: KanbanColumn[]) => {\n    setColumns(next);\n    onColumnsChange?.(next);\n  }, [onColumnsChange]);\n\n  /* handlers */\n\n  const handleDragStart = useCallback((e: React.DragEvent, card: KanbanCard, sourceColumnId: string) => {\n    dragRef.current = { cardId: card.id, sourceColumnId };\n    setDraggingCardId(card.id);\n    e.dataTransfer.effectAllowed = 'move';\n    // required for Firefox\n    e.dataTransfer.setData('text/plain', card.id);\n  }, []);\n\n  const handleDragEnd = useCallback(() => {\n    dragRef.current = null;\n    setDraggingCardId(null);\n    setDropTarget(null);\n    setOverColumn(null);\n  }, []);\n\n  const handleCardDragOver = useCallback((e: React.DragEvent, cardId: string, columnId: string) => {\n    e.preventDefault();\n    e.stopPropagation();\n    e.dataTransfer.dropEffect = 'move';\n    if (dragRef.current?.cardId === cardId) return; // hovering over self\n    setDropTarget({ cardId, columnId });\n    setOverColumn(null);\n  }, []);\n\n  const handleColumnDragOver = useCallback((e: React.DragEvent, columnId: string) => {\n    e.preventDefault();\n    e.dataTransfer.dropEffect = 'move';\n    // Only set overColumn if we're not already hovering a specific card\n    // (card dragover fires first and calls stopPropagation)\n    setDropTarget(null);\n    setOverColumn(columnId);\n  }, []);\n\n  const handleDrop = useCallback((e: React.DragEvent, targetCardId: string | null, targetColumnId: string) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const drag = dragRef.current;\n    if (!drag) return;\n    if (drag.cardId === targetCardId) return;\n\n    const next = moveCard(columns, drag.cardId, drag.sourceColumnId, targetCardId, targetColumnId);\n    dragRef.current = null;\n    setDraggingCardId(null);\n    setDropTarget(null);\n    setOverColumn(null);\n    applyChange(next);\n  }, [columns, applyChange]);\n\n  const handleColumnDrop = useCallback((e: React.DragEvent, targetColumnId: string) => {\n    // Drop onto empty column area → append to end\n    handleDrop(e, null, targetColumnId);\n  }, [handleDrop]);\n\n  return (\n    <div className={cn('rz-kanban', className)}>\n      {columns.map((col) => (\n        <div\n          key={col.id}\n          className={cn('rz-kanban__column', overColumn === col.id && 'rz-kanban__column--over')}\n          onDragOver={(e) => handleColumnDragOver(e, col.id)}\n          onDrop={(e) => handleColumnDrop(e, col.id)}\n          onDragLeave={(e) => {\n            // Only clear if leaving the column entirely (not entering a child)\n            if (!e.currentTarget.contains(e.relatedTarget as Node)) {\n              setOverColumn(null);\n            }\n          }}\n        >\n          <div className=\"rz-kanban__column-header\">\n            <span className=\"rz-kanban__column-title\">\n              {col.color && (\n                <span className=\"rz-kanban__column-dot\" style={{ backgroundColor: col.color }} />\n              )}\n              {col.title}\n            </span>\n            <span className=\"rz-kanban__column-count\">{col.cards.length}</span>\n          </div>\n\n          {col.cards.map((card) => (\n            <KanbanCardView\n              key={card.id}\n              card={card}\n              columnId={col.id}\n              isDragging={draggingCardId === card.id}\n              isDropTarget={\n                dropTarget?.cardId === card.id && dropTarget?.columnId === col.id\n              }\n              onCardClick={onCardClick}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragOver={handleCardDragOver}\n              onDrop={handleDrop}\n            />\n          ))}\n\n          {/* Append-to-end indicator when dragging over empty space */}\n          {overColumn === col.id && col.cards.length === 0 && (\n            <div className=\"rz-kanban__drop-indicator rz-kanban__drop-indicator--empty\" aria-hidden=\"true\" />\n          )}\n\n          {onAddCard && (\n            <button\n              type=\"button\"\n              className=\"rz-kanban__add-btn\"\n              onClick={() => onAddCard(col.id)}\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                strokeWidth={2}\n                aria-hidden=\"true\"\n              >\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 5v14M5 12h14\" />\n              </svg>\n              {addCardLabel}\n            </button>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { Kanban } from './Kanban';
+export type { KanbanProps, KanbanColumn, KanbanCard, KanbanCardAssignee, KanbanPriority } from './Kanban';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/blocks/loading-page/LoadingPage.cjs

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                   */
+function Skel({ className, animation, style }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn.cn(
+        "rz-loading-page__skel",
+        animation === "pulse" ? "rz-loading-page__skel--pulse" : "rz-loading-page__skel--wave",
+        className
+      ),
+      style,
+      "aria-hidden": "true"
+    }
+  );
+}
+function LoadingPage({
+  animation = "pulse",
+  showSidebar = true,
+  statsCount = 4,
+  tableRows = 5,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-loading-page", className), "aria-label": "Loading…", role: "status", children: [
+    showSidebar && /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "rz-loading-page__sidebar", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__sidebar-logo", animation }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-loading-page__sidebar-nav", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        Skel,
+        {
+          className: "rz-loading-page__sidebar-item",
+          animation,
+          style: { opacity: 1 - i * 0.08 }
+        },
+        i
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-loading-page__main", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-loading-page__topbar", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__topbar-left", animation }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-loading-page__topbar-right", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__topbar-action", style: { width: "6rem" }, animation }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__topbar-action", style: { width: "2rem" }, animation })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-loading-page__content", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-loading-page__page-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__page-title", animation }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__page-subtitle", animation })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-loading-page__card-grid", children: Array.from({ length: statsCount }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-loading-page__card", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__card-icon", animation }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__card-value", animation }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__card-label", animation })
+        ] }, i)) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-loading-page__table", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__table-header", animation }),
+          Array.from({ length: tableRows }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-loading-page__table-row", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__table-cell", style: { width: "2rem" }, animation }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__table-cell", style: { flex: 2 }, animation }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__table-cell", style: { flex: 1 }, animation }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skel, { className: "rz-loading-page__table-cell", style: { width: "5rem" }, animation })
+          ] }, i))
+        ] })
+      ] })
+    ] })
+  ] });
+}
+exports.LoadingPage = LoadingPage;
+//# sourceMappingURL=LoadingPage.cjs.map

package/dist/blocks/loading-page/LoadingPage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingPage.cjs","sources":["../../../src/blocks/loading-page/LoadingPage.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './loading-page.css';\n\nexport type LoadingPageAnimation = 'pulse' | 'wave';\n\nexport interface LoadingPageProps {\n  animation?: LoadingPageAnimation;\n  showSidebar?: boolean;\n  statsCount?: number;\n  tableRows?: number;\n  className?: string;\n}\n\nfunction Skel({ className, animation, style }: { className?: string; animation: LoadingPageAnimation; style?: React.CSSProperties }) {\n  return (\n    <div\n      className={cn(\n        'rz-loading-page__skel',\n        animation === 'pulse' ? 'rz-loading-page__skel--pulse' : 'rz-loading-page__skel--wave',\n        className\n      )}\n      style={style}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\nexport function LoadingPage({\n  animation = 'pulse',\n  showSidebar = true,\n  statsCount = 4,\n  tableRows = 5,\n  className,\n}: LoadingPageProps) {\n  return (\n    <div className={cn('rz-loading-page', className)} aria-label=\"Loading…\" role=\"status\">\n      {/* Sidebar */}\n      {showSidebar && (\n        <aside className=\"rz-loading-page__sidebar\">\n          <Skel className=\"rz-loading-page__sidebar-logo\" animation={animation} />\n          <div className=\"rz-loading-page__sidebar-nav\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <Skel\n                key={i}\n                className=\"rz-loading-page__sidebar-item\"\n                animation={animation}\n                style={{ opacity: 1 - i * 0.08 } as React.CSSProperties}\n              />\n            ))}\n          </div>\n        </aside>\n      )}\n\n      {/* Main */}\n      <div className=\"rz-loading-page__main\">\n        {/* Topbar */}\n        <div className=\"rz-loading-page__topbar\">\n          <Skel className=\"rz-loading-page__topbar-left\" animation={animation} />\n          <div className=\"rz-loading-page__topbar-right\">\n            <Skel className=\"rz-loading-page__topbar-action\" style={{ width: '6rem' } as React.CSSProperties} animation={animation} />\n            <Skel className=\"rz-loading-page__topbar-action\" style={{ width: '2rem' } as React.CSSProperties} animation={animation} />\n          </div>\n        </div>\n\n        {/* Content */}\n        <div className=\"rz-loading-page__content\">\n          {/* Page header */}\n          <div className=\"rz-loading-page__page-header\">\n            <Skel className=\"rz-loading-page__page-title\" animation={animation} />\n            <Skel className=\"rz-loading-page__page-subtitle\" animation={animation} />\n          </div>\n\n          {/* Stat cards */}\n          <div className=\"rz-loading-page__card-grid\">\n            {Array.from({ length: statsCount }).map((_, i) => (\n              <div key={i} className=\"rz-loading-page__card\">\n                <Skel className=\"rz-loading-page__card-icon\" animation={animation} />\n                <Skel className=\"rz-loading-page__card-value\" animation={animation} />\n                <Skel className=\"rz-loading-page__card-label\" animation={animation} />\n              </div>\n            ))}\n          </div>\n\n          {/* Table */}\n          <div className=\"rz-loading-page__table\">\n            <Skel className=\"rz-loading-page__table-header\" animation={animation} />\n            {Array.from({ length: tableRows }).map((_, i) => (\n              <div key={i} className=\"rz-loading-page__table-row\">\n                <Skel className=\"rz-loading-page__table-cell\" style={{ width: '2rem' } as React.CSSProperties} animation={animation} />\n                <Skel className=\"rz-loading-page__table-cell\" style={{ flex: 2 } as React.CSSProperties} animation={animation} />\n                <Skel className=\"rz-loading-page__table-cell\" style={{ flex: 1 } as React.CSSProperties} animation={animation} />\n                <Skel className=\"rz-loading-page__table-cell\" style={{ width: '5rem' } as React.CSSProperties} animation={animation} />\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","cn","jsxs"],"mappings":"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"}

package/dist/blocks/loading-page/LoadingPage.d.ts

@@ -0,0 +1,10 @@
+export type LoadingPageAnimation = 'pulse' | 'wave';
+export interface LoadingPageProps {
+    animation?: LoadingPageAnimation;
+    showSidebar?: boolean;
+    statsCount?: number;
+    tableRows?: number;
+    className?: string;
+}
+export declare function LoadingPage({ animation, showSidebar, statsCount, tableRows, className, }: LoadingPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadingPage.d.ts.map

package/dist/blocks/loading-page/LoadingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingPage.d.ts","sourceRoot":"","sources":["../../../src/blocks/loading-page/LoadingPage.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAE5B,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,WAAW,CAAC,EAC1B,SAAmB,EACnB,WAAkB,EAClB,UAAc,EACd,SAAa,EACb,SAAS,GACV,EAAE,gBAAgB,2CAkElB"}

package/dist/blocks/loading-page/LoadingPage.js

@@ -0,0 +1,72 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+/* empty css                 */
+function Skel({ className, animation, style }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "rz-loading-page__skel",
+        animation === "pulse" ? "rz-loading-page__skel--pulse" : "rz-loading-page__skel--wave",
+        className
+      ),
+      style,
+      "aria-hidden": "true"
+    }
+  );
+}
+function LoadingPage({
+  animation = "pulse",
+  showSidebar = true,
+  statsCount = 4,
+  tableRows = 5,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-loading-page", className), "aria-label": "Loading…", role: "status", children: [
+    showSidebar && /* @__PURE__ */ jsxs("aside", { className: "rz-loading-page__sidebar", children: [
+      /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__sidebar-logo", animation }),
+      /* @__PURE__ */ jsx("div", { className: "rz-loading-page__sidebar-nav", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(
+        Skel,
+        {
+          className: "rz-loading-page__sidebar-item",
+          animation,
+          style: { opacity: 1 - i * 0.08 }
+        },
+        i
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rz-loading-page__main", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rz-loading-page__topbar", children: [
+        /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__topbar-left", animation }),
+        /* @__PURE__ */ jsxs("div", { className: "rz-loading-page__topbar-right", children: [
+          /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__topbar-action", style: { width: "6rem" }, animation }),
+          /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__topbar-action", style: { width: "2rem" }, animation })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rz-loading-page__content", children: [
+        /* @__PURE__ */ jsxs("div", { className: "rz-loading-page__page-header", children: [
+          /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__page-title", animation }),
+          /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__page-subtitle", animation })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "rz-loading-page__card-grid", children: Array.from({ length: statsCount }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "rz-loading-page__card", children: [
+          /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__card-icon", animation }),
+          /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__card-value", animation }),
+          /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__card-label", animation })
+        ] }, i)) }),
+        /* @__PURE__ */ jsxs("div", { className: "rz-loading-page__table", children: [
+          /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__table-header", animation }),
+          Array.from({ length: tableRows }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "rz-loading-page__table-row", children: [
+            /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__table-cell", style: { width: "2rem" }, animation }),
+            /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__table-cell", style: { flex: 2 }, animation }),
+            /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__table-cell", style: { flex: 1 }, animation }),
+            /* @__PURE__ */ jsx(Skel, { className: "rz-loading-page__table-cell", style: { width: "5rem" }, animation })
+          ] }, i))
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  LoadingPage
+};
+//# sourceMappingURL=LoadingPage.js.map

package/dist/blocks/loading-page/LoadingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingPage.js","sources":["../../../src/blocks/loading-page/LoadingPage.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './loading-page.css';\n\nexport type LoadingPageAnimation = 'pulse' | 'wave';\n\nexport interface LoadingPageProps {\n  animation?: LoadingPageAnimation;\n  showSidebar?: boolean;\n  statsCount?: number;\n  tableRows?: number;\n  className?: string;\n}\n\nfunction Skel({ className, animation, style }: { className?: string; animation: LoadingPageAnimation; style?: React.CSSProperties }) {\n  return (\n    <div\n      className={cn(\n        'rz-loading-page__skel',\n        animation === 'pulse' ? 'rz-loading-page__skel--pulse' : 'rz-loading-page__skel--wave',\n        className\n      )}\n      style={style}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\nexport function LoadingPage({\n  animation = 'pulse',\n  showSidebar = true,\n  statsCount = 4,\n  tableRows = 5,\n  className,\n}: LoadingPageProps) {\n  return (\n    <div className={cn('rz-loading-page', className)} aria-label=\"Loading…\" role=\"status\">\n      {/* Sidebar */}\n      {showSidebar && (\n        <aside className=\"rz-loading-page__sidebar\">\n          <Skel className=\"rz-loading-page__sidebar-logo\" animation={animation} />\n          <div className=\"rz-loading-page__sidebar-nav\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <Skel\n                key={i}\n                className=\"rz-loading-page__sidebar-item\"\n                animation={animation}\n                style={{ opacity: 1 - i * 0.08 } as React.CSSProperties}\n              />\n            ))}\n          </div>\n        </aside>\n      )}\n\n      {/* Main */}\n      <div className=\"rz-loading-page__main\">\n        {/* Topbar */}\n        <div className=\"rz-loading-page__topbar\">\n          <Skel className=\"rz-loading-page__topbar-left\" animation={animation} />\n          <div className=\"rz-loading-page__topbar-right\">\n            <Skel className=\"rz-loading-page__topbar-action\" style={{ width: '6rem' } as React.CSSProperties} animation={animation} />\n            <Skel className=\"rz-loading-page__topbar-action\" style={{ width: '2rem' } as React.CSSProperties} animation={animation} />\n          </div>\n        </div>\n\n        {/* Content */}\n        <div className=\"rz-loading-page__content\">\n          {/* Page header */}\n          <div className=\"rz-loading-page__page-header\">\n            <Skel className=\"rz-loading-page__page-title\" animation={animation} />\n            <Skel className=\"rz-loading-page__page-subtitle\" animation={animation} />\n          </div>\n\n          {/* Stat cards */}\n          <div className=\"rz-loading-page__card-grid\">\n            {Array.from({ length: statsCount }).map((_, i) => (\n              <div key={i} className=\"rz-loading-page__card\">\n                <Skel className=\"rz-loading-page__card-icon\" animation={animation} />\n                <Skel className=\"rz-loading-page__card-value\" animation={animation} />\n                <Skel className=\"rz-loading-page__card-label\" animation={animation} />\n              </div>\n            ))}\n          </div>\n\n          {/* Table */}\n          <div className=\"rz-loading-page__table\">\n            <Skel className=\"rz-loading-page__table-header\" animation={animation} />\n            {Array.from({ length: tableRows }).map((_, i) => (\n              <div key={i} className=\"rz-loading-page__table-row\">\n                <Skel className=\"rz-loading-page__table-cell\" style={{ width: '2rem' } as React.CSSProperties} animation={animation} />\n                <Skel className=\"rz-loading-page__table-cell\" style={{ flex: 2 } as React.CSSProperties} animation={animation} />\n                <Skel className=\"rz-loading-page__table-cell\" style={{ flex: 1 } as React.CSSProperties} animation={animation} />\n                <Skel className=\"rz-loading-page__table-cell\" style={{ width: '5rem' } as React.CSSProperties} animation={animation} />\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/blocks/loading-page/index.d.ts

@@ -0,0 +1,3 @@
+export { LoadingPage } from './LoadingPage';
+export type { LoadingPageProps, LoadingPageAnimation } from './LoadingPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/loading-page/index.d.ts.map

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

package/dist/blocks/maintenance/Maintenance.cjs

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+;/* empty css                  */
+const STATUS_LABELS = {
+  ok: "Operational",
+  degraded: "Degraded",
+  down: "Outage",
+  maintenance: "Maintenance"
+};
+function WrenchIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.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 = React.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] = React.useState(getTime);
+  React.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] = React.useState("");
+  const [notified, setNotified] = React.useState(false);
+  const countdown = useCountdown(targetDate);
+  const handleNotify = (e) => {
+    e.preventDefault();
+    if (!email) return;
+    onNotify == null ? void 0 : onNotify(email);
+    setNotified(true);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rz-maintenance ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-maintenance__inner", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-maintenance__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(WrenchIcon, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-maintenance__eyebrow", children: "Scheduled Maintenance" }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "rz-maintenance__title", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-maintenance__description", children: description }),
+    progress !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-maintenance__progress-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-maintenance__progress-header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Progress" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          progress,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-maintenance__progress-bar", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-maintenance__progress-fill", style: { width: `${progress}%` } }) })
+    ] }),
+    countdown && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rz-maintenance__countdown-unit", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-maintenance__countdown-value", children: pad(value) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-maintenance__countdown-label", children: label })
+    ] }, label)) }),
+    services && services.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "rz-maintenance__status-list", "aria-label": "Service status", children: services.map((svc) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "rz-maintenance__status-item", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-maintenance__status-name", children: svc.name }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rz-maintenance__status-badge rz-maintenance__status-badge--${svc.status}`, children: STATUS_LABELS[svc.status] })
+    ] }, svc.name)) }),
+    showNotifyForm && !notified && /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "rz-maintenance__notify-form", onSubmit: handleNotify, children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("button", { className: "rz-maintenance__notify-btn", type: "submit", children: "Notify me" })
+    ] }),
+    notified && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("p", { className: "rz-maintenance__footer", children: [
+      "Check our ",
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: statusPageUrl, target: "_blank", rel: "noopener noreferrer", children: "status page" }),
+      " for updates."
+    ] })
+  ] }) });
+}
+exports.Maintenance = Maintenance;
+//# sourceMappingURL=Maintenance.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Maintenance.cjs","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":["jsx","useCallback","useState","useEffect","jsxs"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+export type ServiceStatus = 'ok' | 'degraded' | 'down' | 'maintenance';
+export interface MaintenanceService {
+    name: string;
+    status: ServiceStatus;
+}
+export interface MaintenanceProps {
+    title?: string;
+    description?: string;
+    progress?: number;
+    targetDate?: string | Date;
+    services?: MaintenanceService[];
+    statusPageUrl?: string;
+    showNotifyForm?: boolean;
+    onNotify?: (email: string) => void;
+    className?: string;
+}
+export declare function Maintenance({ title, description, progress, targetDate, services, statusPageUrl, showNotifyForm, onNotify, className, }: MaintenanceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Maintenance.d.ts.map