@withpotter/components 0.13.0-next.101

package/dist/blog-editor/toolbars/EditorBubbleMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blog-editor/toolbars/EditorBubbleMenu.tsx"],"sourcesContent":["// Floating bubble menu — appears over a non-empty text selection like Medium.\n// Exposes the full standard formatting set, organized into groups separated\n// by thin dividers: headings · inline marks · link · block transforms ·\n// alignment.\n\n'use client'\n\nimport {\n  Bold,\n  Italic,\n  Underline as UnderlineIcon,\n  Link as LinkIcon,\n  Heading1,\n  Heading2,\n  Heading3,\n  Quote,\n  List,\n  ListOrdered,\n  AlignLeft,\n  AlignCenter,\n  AlignRight,\n} from 'lucide-react'\nimport type { Editor } from '@tiptap/react'\nimport { BubbleMenu } from '@tiptap/react/menus'\n// Load the chained-command type augmentations (toggleHeading, setTextAlign,\n// toggleUnderline, …) so this file's standalone .d.ts build resolves them;\n// erased at emit.\nimport type {} from '@tiptap/starter-kit'\nimport type {} from '@tiptap/extension-text-align'\nimport type {} from '@tiptap/extension-underline'\n\ninterface EditorBubbleMenuProps {\n  editor: Editor | null\n  onOpenLinkModal: () => void\n}\n\ninterface MenuButtonProps {\n  active?: boolean\n  onClick: () => void\n  label: string\n  children: React.ReactNode\n}\n\nfunction MenuButton({ active, onClick, label, children }: MenuButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      onMouseDown={(e) => e.preventDefault()}\n      onClick={onClick}\n      title={label}\n      aria-label={label}\n      aria-pressed={active}\n      className={`p-2 transition-colors ${\n        active\n          ? 'bg-[var(--interactive-active)] text-[var(--text-primary)]'\n          : 'text-[var(--text-secondary)] hover:bg-[var(--interactive-hover)]'\n      }`}\n    >\n      {children}\n    </button>\n  )\n}\n\nfunction Divider() {\n  return <div className=\"w-px self-stretch bg-[var(--border-default)]\" />\n}\n\nexport function EditorBubbleMenu({ editor, onOpenLinkModal }: EditorBubbleMenuProps) {\n  if (!editor) return null\n\n  const setHeading = (level: 1 | 2 | 3) => editor.chain().focus().toggleHeading({ level }).run()\n\n  return (\n    <BubbleMenu\n      editor={editor}\n      shouldShow={({ editor: e, from, to }) =>\n        from !== to && !e.isActive('image') && !e.isActive('codeBlock')\n      }\n      options={{ placement: 'top', offset: 8 }}\n    >\n      <div className=\"flex items-stretch rounded-[2px] border border-[var(--border-default)] bg-[var(--bg-base)] overflow-hidden\">\n        {/* Headings */}\n        <MenuButton\n          label=\"Heading 1\"\n          active={editor.isActive('heading', { level: 1 })}\n          onClick={() => setHeading(1)}\n        >\n          <Heading1 className=\"w-4 h-4\" />\n        </MenuButton>\n        <MenuButton\n          label=\"Heading 2\"\n          active={editor.isActive('heading', { level: 2 })}\n          onClick={() => setHeading(2)}\n        >\n          <Heading2 className=\"w-4 h-4\" />\n        </MenuButton>\n        <MenuButton\n          label=\"Heading 3\"\n          active={editor.isActive('heading', { level: 3 })}\n          onClick={() => setHeading(3)}\n        >\n          <Heading3 className=\"w-4 h-4\" />\n        </MenuButton>\n\n        <Divider />\n\n        {/* Inline marks */}\n        <MenuButton\n          label=\"Bold\"\n          active={editor.isActive('bold')}\n          onClick={() => editor.chain().focus().toggleBold().run()}\n        >\n          <Bold className=\"w-4 h-4\" />\n        </MenuButton>\n        <MenuButton\n          label=\"Italic\"\n          active={editor.isActive('italic')}\n          onClick={() => editor.chain().focus().toggleItalic().run()}\n        >\n          <Italic className=\"w-4 h-4\" />\n        </MenuButton>\n        <MenuButton\n          label=\"Underline\"\n          active={editor.isActive('underline')}\n          onClick={() => editor.chain().focus().toggleUnderline().run()}\n        >\n          <UnderlineIcon className=\"w-4 h-4\" />\n        </MenuButton>\n\n        <Divider />\n\n        {/* Link */}\n        <MenuButton label=\"Link\" active={editor.isActive('link')} onClick={onOpenLinkModal}>\n          <LinkIcon className=\"w-4 h-4\" />\n        </MenuButton>\n\n        <Divider />\n\n        {/* Block-level transforms */}\n        <MenuButton\n          label=\"Quote\"\n          active={editor.isActive('blockquote')}\n          onClick={() => editor.chain().focus().toggleBlockquote().run()}\n        >\n          <Quote className=\"w-4 h-4\" />\n        </MenuButton>\n        <MenuButton\n          label=\"Bullet list\"\n          active={editor.isActive('bulletList')}\n          onClick={() => editor.chain().focus().toggleBulletList().run()}\n        >\n          <List className=\"w-4 h-4\" />\n        </MenuButton>\n        <MenuButton\n          label=\"Numbered list\"\n          active={editor.isActive('orderedList')}\n          onClick={() => editor.chain().focus().toggleOrderedList().run()}\n        >\n          <ListOrdered className=\"w-4 h-4\" />\n        </MenuButton>\n\n        <Divider />\n\n        {/* Alignment */}\n        <MenuButton\n          label=\"Align left\"\n          active={editor.isActive({ textAlign: 'left' })}\n          onClick={() => editor.chain().focus().setTextAlign('left').run()}\n        >\n          <AlignLeft className=\"w-4 h-4\" />\n        </MenuButton>\n        <MenuButton\n          label=\"Align center\"\n          active={editor.isActive({ textAlign: 'center' })}\n          onClick={() => editor.chain().focus().setTextAlign('center').run()}\n        >\n          <AlignCenter className=\"w-4 h-4\" />\n        </MenuButton>\n        <MenuButton\n          label=\"Align right\"\n          active={editor.isActive({ textAlign: 'right' })}\n          onClick={() => editor.chain().focus().setTextAlign('right').run()}\n        >\n          <AlignRight className=\"w-4 h-4\" />\n        </MenuButton>\n      </div>\n    </BubbleMenu>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blog-editor/toolbars/EditorStickyToolbar.d.ts

@@ -0,0 +1,18 @@
+import type { Editor } from '@tiptap/react';
+import { type BlogTypographySettings, type ReaderTheme } from '@withpotter/lib/blog/density';
+interface EditorStickyToolbarProps {
+    editor: Editor | null;
+    onInsertImage: () => void;
+    onOpenLinkModal: () => void;
+    typography: BlogTypographySettings;
+    onTypographyChange: <K extends keyof BlogTypographySettings>(key: K, value: BlogTypographySettings[K]) => void;
+    previewOpen: boolean;
+    onTogglePreview: () => void;
+    previewTheme: ReaderTheme;
+    previewTypography: Partial<BlogTypographySettings>;
+    onPreviewThemeChange: (theme: ReaderTheme) => void;
+    onPreviewTypographyChange: <K extends keyof BlogTypographySettings>(key: K, value: BlogTypographySettings[K] | undefined) => void;
+    showSubheadingHint: boolean;
+}
+export declare function EditorStickyToolbar({ editor, onInsertImage, onOpenLinkModal, typography, onTypographyChange, previewOpen, onTogglePreview, previewTheme, previewTypography, onPreviewThemeChange, onPreviewTypographyChange, showSubheadingHint, }: EditorStickyToolbarProps): import("react").JSX.Element;
+export {};

package/dist/blog-editor/toolbars/EditorStickyToolbar.js

@@ -0,0 +1,296 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import {
+  Heading1,
+  Heading2,
+  Heading3,
+  List,
+  ListOrdered,
+  Quote,
+  Code2,
+  Link as LinkIcon,
+  ImagePlus,
+  Minus,
+  Undo2,
+  Redo2,
+  Eye
+} from "lucide-react";
+import {
+  TYPOGRAPHY_OPTION_LABELS,
+  READER_THEME_OPTIONS
+} from "@withpotter/lib/blog/density";
+import { Select } from "@withpotter/ui-kit/select";
+import { OPEN_LINK_MODAL_EVENT } from "../extensions/editor-shortcuts";
+function ToolbarButton({ active, disabled, onClick, label, children }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onMouseDown: (e) => e.preventDefault(),
+      onClick,
+      disabled,
+      title: label,
+      "aria-label": label,
+      "aria-pressed": active,
+      className: `p-2 rounded-[2px] transition-colors disabled:opacity-40 disabled:cursor-not-allowed ${active ? "bg-[var(--interactive-active)] text-[var(--text-primary)]" : "text-[var(--text-secondary)] hover:bg-[var(--interactive-hover)]"}`,
+      children
+    }
+  );
+}
+function Divider() {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "w-px h-5 mx-1 bg-[var(--border-default)]" });
+}
+const lineHeightOptions = Object.entries(TYPOGRAPHY_OPTION_LABELS.lineHeight).map(([value, label]) => ({ value, label }));
+const paragraphSpacingOptions = Object.entries(TYPOGRAPHY_OPTION_LABELS.paragraphSpacing).map(([value, label]) => ({ value, label }));
+const measureOptions = Object.entries(TYPOGRAPHY_OPTION_LABELS.measure).map(([value, label]) => ({ value, label }));
+const previewLineHeightOptions = [
+  { value: "post-default", label: "Post default" },
+  ...lineHeightOptions
+];
+const previewParagraphSpacingOptions = [
+  { value: "post-default", label: "Post default" },
+  ...paragraphSpacingOptions
+];
+const previewMeasureOptions = [{ value: "post-default", label: "Post default" }, ...measureOptions];
+function ToolbarSelect({ label, value, options, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-[150px] flex-1 sm:flex-none", children: [
+    /* @__PURE__ */ jsx("label", { className: "mb-1 block text-[11px] font-medium uppercase tracking-[0.08em] text-[var(--text-tertiary)]", children: label }),
+    /* @__PURE__ */ jsx(Select, { value, onChange, options })
+  ] });
+}
+function EditorStickyToolbar({
+  editor,
+  onInsertImage,
+  onOpenLinkModal,
+  typography,
+  onTypographyChange,
+  previewOpen,
+  onTogglePreview,
+  previewTheme,
+  previewTypography,
+  onPreviewThemeChange,
+  onPreviewTypographyChange,
+  showSubheadingHint
+}) {
+  useEffect(() => {
+    const handleOpenLinkModal = () => onOpenLinkModal();
+    window.addEventListener(OPEN_LINK_MODAL_EVENT, handleOpenLinkModal);
+    return () => window.removeEventListener(OPEN_LINK_MODAL_EVENT, handleOpenLinkModal);
+  }, [onOpenLinkModal]);
+  const toggleHeading = (level) => editor?.chain().focus().toggleHeading({ level }).run();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "sticky top-0 z-20 -mx-4 border-b border-[var(--border-subtle)] bg-[var(--bg-base)] px-4 py-2",
+      role: "toolbar",
+      "aria-label": "Formatting",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-wrap", children: [
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              label: "Heading 1",
+              active: editor?.isActive("heading", { level: 1 }),
+              disabled: !editor,
+              onClick: () => toggleHeading(1),
+              children: /* @__PURE__ */ jsx(Heading1, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              label: "Heading 2",
+              active: editor?.isActive("heading", { level: 2 }),
+              disabled: !editor,
+              onClick: () => toggleHeading(2),
+              children: /* @__PURE__ */ jsx(Heading2, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              label: "Heading 3",
+              active: editor?.isActive("heading", { level: 3 }),
+              disabled: !editor,
+              onClick: () => toggleHeading(3),
+              children: /* @__PURE__ */ jsx(Heading3, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              label: "Bullet list",
+              active: editor?.isActive("bulletList"),
+              disabled: !editor,
+              onClick: () => editor?.chain().focus().toggleBulletList().run(),
+              children: /* @__PURE__ */ jsx(List, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              label: "Numbered list",
+              active: editor?.isActive("orderedList"),
+              disabled: !editor,
+              onClick: () => editor?.chain().focus().toggleOrderedList().run(),
+              children: /* @__PURE__ */ jsx(ListOrdered, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              label: "Quote",
+              active: editor?.isActive("blockquote"),
+              disabled: !editor,
+              onClick: () => editor?.chain().focus().toggleBlockquote().run(),
+              children: /* @__PURE__ */ jsx(Quote, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              label: "Code block",
+              active: editor?.isActive("codeBlock"),
+              disabled: !editor,
+              onClick: () => editor?.chain().focus().toggleCodeBlock().run(),
+              children: /* @__PURE__ */ jsx(Code2, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Insert link", disabled: !editor, onClick: onOpenLinkModal, children: /* @__PURE__ */ jsx(LinkIcon, { className: "w-4 h-4" }) }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Insert image", disabled: !editor, onClick: onInsertImage, children: /* @__PURE__ */ jsx(ImagePlus, { className: "w-4 h-4" }) }),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              label: "Horizontal rule",
+              disabled: !editor,
+              onClick: () => editor?.chain().focus().setHorizontalRule().run(),
+              children: /* @__PURE__ */ jsx(Minus, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              label: "Undo",
+              disabled: !editor?.can().undo(),
+              onClick: () => editor?.chain().focus().undo().run(),
+              children: /* @__PURE__ */ jsx(Undo2, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              label: "Redo",
+              disabled: !editor?.can().redo(),
+              onClick: () => editor?.chain().focus().redo().run(),
+              children: /* @__PURE__ */ jsx(Redo2, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onTogglePreview,
+              className: `inline-flex items-center gap-2 rounded-[2px] border px-3 py-2 text-sm transition-colors ${previewOpen ? "border-[var(--accent-primary)] bg-[var(--interactive-active)] text-[var(--text-primary)]" : "border-[var(--border-default)] text-[var(--text-secondary)] hover:bg-[var(--interactive-hover)]"}`,
+              children: [
+                /* @__PURE__ */ jsx(Eye, { className: "w-4 h-4" }),
+                "Preview"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 grid gap-3 lg:grid-cols-[repeat(3,minmax(0,1fr))]", children: [
+          /* @__PURE__ */ jsx(
+            ToolbarSelect,
+            {
+              label: "Line height",
+              value: typography.lineHeight,
+              options: lineHeightOptions,
+              onChange: (value) => onTypographyChange("lineHeight", value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarSelect,
+            {
+              label: "Paragraph spacing",
+              value: typography.paragraphSpacing,
+              options: paragraphSpacingOptions,
+              onChange: (value) => onTypographyChange("paragraphSpacing", value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarSelect,
+            {
+              label: "Measure",
+              value: typography.measure,
+              options: measureOptions,
+              onChange: (value) => onTypographyChange("measure", value)
+            }
+          )
+        ] }),
+        showSubheadingHint ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-xs text-[var(--text-secondary)]", children: "Add a subheading to break up this draft for easier reading." }) : null,
+        previewOpen ? /* @__PURE__ */ jsxs("div", { className: "mt-3 rounded-[2px] border border-[var(--border-default)] bg-[var(--bg-base)] p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Reader preview" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-[var(--text-secondary)]", children: "These preview settings are session-only and never touch reader preferences." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-3 lg:grid-cols-[repeat(2,minmax(0,1fr))] xl:grid-cols-[repeat(4,minmax(0,1fr))]", children: [
+            /* @__PURE__ */ jsx(
+              ToolbarSelect,
+              {
+                label: "Theme",
+                value: previewTheme,
+                options: READER_THEME_OPTIONS,
+                onChange: (value) => onPreviewThemeChange(value)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ToolbarSelect,
+              {
+                label: "Preview line height",
+                value: previewTypography.lineHeight ?? "post-default",
+                options: previewLineHeightOptions,
+                onChange: (value) => onPreviewTypographyChange(
+                  "lineHeight",
+                  value === "post-default" ? void 0 : value
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ToolbarSelect,
+              {
+                label: "Preview paragraph spacing",
+                value: previewTypography.paragraphSpacing ?? "post-default",
+                options: previewParagraphSpacingOptions,
+                onChange: (value) => onPreviewTypographyChange(
+                  "paragraphSpacing",
+                  value === "post-default" ? void 0 : value
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ToolbarSelect,
+              {
+                label: "Preview measure",
+                value: previewTypography.measure ?? "post-default",
+                options: previewMeasureOptions,
+                onChange: (value) => onPreviewTypographyChange(
+                  "measure",
+                  value === "post-default" ? void 0 : value
+                )
+              }
+            )
+          ] })
+        ] }) : null
+      ]
+    }
+  );
+}
+export {
+  EditorStickyToolbar
+};
+//# sourceMappingURL=EditorStickyToolbar.js.map

package/dist/blog-editor/toolbars/EditorStickyToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blog-editor/toolbars/EditorStickyToolbar.tsx"],"sourcesContent":["// Sticky formatting toolbar for the editor. Stays pinned while the editor\n// area scrolls. Block-level + image insert; inline formatting lives in the\n// floating bubble menu so the sticky bar stays compact.\n\n'use client'\n\nimport { useEffect } from 'react'\nimport {\n  Heading1,\n  Heading2,\n  Heading3,\n  List,\n  ListOrdered,\n  Quote,\n  Code2,\n  Link as LinkIcon,\n  ImagePlus,\n  Minus,\n  Undo2,\n  Redo2,\n  Eye,\n} from 'lucide-react'\nimport type { Editor } from '@tiptap/react'\n// Load StarterKit's chained-command type augmentations (toggleHeading, …) so\n// this file's standalone .d.ts build resolves them; erased at emit.\nimport type {} from '@tiptap/starter-kit'\nimport {\n  TYPOGRAPHY_OPTION_LABELS,\n  READER_THEME_OPTIONS,\n  type BlogTypographySettings,\n  type ReaderTheme,\n  type TypographyLineHeight,\n  type TypographyMeasure,\n  type TypographyParagraphSpacing,\n} from '@withpotter/lib/blog/density'\nimport { Select } from '@withpotter/ui-kit/select'\nimport { OPEN_LINK_MODAL_EVENT } from '../extensions/editor-shortcuts'\n\ninterface EditorStickyToolbarProps {\n  editor: Editor | null\n  onInsertImage: () => void\n  onOpenLinkModal: () => void\n  typography: BlogTypographySettings\n  onTypographyChange: <K extends keyof BlogTypographySettings>(\n    key: K,\n    value: BlogTypographySettings[K],\n  ) => void\n  previewOpen: boolean\n  onTogglePreview: () => void\n  previewTheme: ReaderTheme\n  previewTypography: Partial<BlogTypographySettings>\n  onPreviewThemeChange: (theme: ReaderTheme) => void\n  onPreviewTypographyChange: <K extends keyof BlogTypographySettings>(\n    key: K,\n    value: BlogTypographySettings[K] | undefined,\n  ) => void\n  showSubheadingHint: boolean\n}\n\ninterface ToolbarButtonProps {\n  active?: boolean\n  disabled?: boolean\n  onClick: () => void\n  label: string\n  children: React.ReactNode\n}\n\nfunction ToolbarButton({ active, disabled, onClick, label, children }: ToolbarButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      onMouseDown={(e) => e.preventDefault()}\n      onClick={onClick}\n      disabled={disabled}\n      title={label}\n      aria-label={label}\n      aria-pressed={active}\n      className={`p-2 rounded-[2px] transition-colors disabled:opacity-40 disabled:cursor-not-allowed ${\n        active\n          ? 'bg-[var(--interactive-active)] text-[var(--text-primary)]'\n          : 'text-[var(--text-secondary)] hover:bg-[var(--interactive-hover)]'\n      }`}\n    >\n      {children}\n    </button>\n  )\n}\n\nfunction Divider() {\n  return <span aria-hidden className=\"w-px h-5 mx-1 bg-[var(--border-default)]\" />\n}\n\nconst lineHeightOptions = (\n  Object.entries(TYPOGRAPHY_OPTION_LABELS.lineHeight) as Array<[TypographyLineHeight, string]>\n).map(([value, label]) => ({ value, label }))\n\nconst paragraphSpacingOptions = (\n  Object.entries(TYPOGRAPHY_OPTION_LABELS.paragraphSpacing) as Array<\n    [TypographyParagraphSpacing, string]\n  >\n).map(([value, label]) => ({ value, label }))\n\nconst measureOptions = (\n  Object.entries(TYPOGRAPHY_OPTION_LABELS.measure) as Array<[TypographyMeasure, string]>\n).map(([value, label]) => ({ value, label }))\n\nconst previewLineHeightOptions = [\n  { value: 'post-default', label: 'Post default' },\n  ...lineHeightOptions,\n]\n\nconst previewParagraphSpacingOptions = [\n  { value: 'post-default', label: 'Post default' },\n  ...paragraphSpacingOptions,\n]\n\nconst previewMeasureOptions = [{ value: 'post-default', label: 'Post default' }, ...measureOptions]\n\ninterface ToolbarSelectProps {\n  label: string\n  value: string\n  options: ReadonlyArray<{ value: string; label: string }>\n  onChange: (value: string) => void\n}\n\nfunction ToolbarSelect({ label, value, options, onChange }: ToolbarSelectProps) {\n  return (\n    <div className=\"min-w-[150px] flex-1 sm:flex-none\">\n      <label className=\"mb-1 block text-[11px] font-medium uppercase tracking-[0.08em] text-[var(--text-tertiary)]\">\n        {label}\n      </label>\n      <Select value={value} onChange={onChange} options={options} />\n    </div>\n  )\n}\n\nexport function EditorStickyToolbar({\n  editor,\n  onInsertImage,\n  onOpenLinkModal,\n  typography,\n  onTypographyChange,\n  previewOpen,\n  onTogglePreview,\n  previewTheme,\n  previewTypography,\n  onPreviewThemeChange,\n  onPreviewTypographyChange,\n  showSubheadingHint,\n}: EditorStickyToolbarProps) {\n  useEffect(() => {\n    const handleOpenLinkModal = () => onOpenLinkModal()\n    window.addEventListener(OPEN_LINK_MODAL_EVENT, handleOpenLinkModal)\n    return () => window.removeEventListener(OPEN_LINK_MODAL_EVENT, handleOpenLinkModal)\n  }, [onOpenLinkModal])\n\n  const toggleHeading = (level: 1 | 2 | 3) => editor?.chain().focus().toggleHeading({ level }).run()\n\n  return (\n    <div\n      className=\"sticky top-0 z-20 -mx-4 border-b border-[var(--border-subtle)] bg-[var(--bg-base)] px-4 py-2\"\n      role=\"toolbar\"\n      aria-label=\"Formatting\"\n    >\n      <div className=\"flex items-center gap-1 flex-wrap\">\n        <ToolbarButton\n          label=\"Heading 1\"\n          active={editor?.isActive('heading', { level: 1 })}\n          disabled={!editor}\n          onClick={() => toggleHeading(1)}\n        >\n          <Heading1 className=\"w-4 h-4\" />\n        </ToolbarButton>\n        <ToolbarButton\n          label=\"Heading 2\"\n          active={editor?.isActive('heading', { level: 2 })}\n          disabled={!editor}\n          onClick={() => toggleHeading(2)}\n        >\n          <Heading2 className=\"w-4 h-4\" />\n        </ToolbarButton>\n        <ToolbarButton\n          label=\"Heading 3\"\n          active={editor?.isActive('heading', { level: 3 })}\n          disabled={!editor}\n          onClick={() => toggleHeading(3)}\n        >\n          <Heading3 className=\"w-4 h-4\" />\n        </ToolbarButton>\n\n        <Divider />\n\n        <ToolbarButton\n          label=\"Bullet list\"\n          active={editor?.isActive('bulletList')}\n          disabled={!editor}\n          onClick={() => editor?.chain().focus().toggleBulletList().run()}\n        >\n          <List className=\"w-4 h-4\" />\n        </ToolbarButton>\n        <ToolbarButton\n          label=\"Numbered list\"\n          active={editor?.isActive('orderedList')}\n          disabled={!editor}\n          onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n        >\n          <ListOrdered className=\"w-4 h-4\" />\n        </ToolbarButton>\n        <ToolbarButton\n          label=\"Quote\"\n          active={editor?.isActive('blockquote')}\n          disabled={!editor}\n          onClick={() => editor?.chain().focus().toggleBlockquote().run()}\n        >\n          <Quote className=\"w-4 h-4\" />\n        </ToolbarButton>\n        <ToolbarButton\n          label=\"Code block\"\n          active={editor?.isActive('codeBlock')}\n          disabled={!editor}\n          onClick={() => editor?.chain().focus().toggleCodeBlock().run()}\n        >\n          <Code2 className=\"w-4 h-4\" />\n        </ToolbarButton>\n\n        <Divider />\n\n        <ToolbarButton label=\"Insert link\" disabled={!editor} onClick={onOpenLinkModal}>\n          <LinkIcon className=\"w-4 h-4\" />\n        </ToolbarButton>\n        <ToolbarButton label=\"Insert image\" disabled={!editor} onClick={onInsertImage}>\n          <ImagePlus className=\"w-4 h-4\" />\n        </ToolbarButton>\n        <ToolbarButton\n          label=\"Horizontal rule\"\n          disabled={!editor}\n          onClick={() => editor?.chain().focus().setHorizontalRule().run()}\n        >\n          <Minus className=\"w-4 h-4\" />\n        </ToolbarButton>\n\n        <Divider />\n\n        <ToolbarButton\n          label=\"Undo\"\n          disabled={!editor?.can().undo()}\n          onClick={() => editor?.chain().focus().undo().run()}\n        >\n          <Undo2 className=\"w-4 h-4\" />\n        </ToolbarButton>\n        <ToolbarButton\n          label=\"Redo\"\n          disabled={!editor?.can().redo()}\n          onClick={() => editor?.chain().focus().redo().run()}\n        >\n          <Redo2 className=\"w-4 h-4\" />\n        </ToolbarButton>\n\n        <Divider />\n\n        <button\n          type=\"button\"\n          onClick={onTogglePreview}\n          className={`inline-flex items-center gap-2 rounded-[2px] border px-3 py-2 text-sm transition-colors ${\n            previewOpen\n              ? 'border-[var(--accent-primary)] bg-[var(--interactive-active)] text-[var(--text-primary)]'\n              : 'border-[var(--border-default)] text-[var(--text-secondary)] hover:bg-[var(--interactive-hover)]'\n          }`}\n        >\n          <Eye className=\"w-4 h-4\" />\n          Preview\n        </button>\n      </div>\n\n      <div className=\"mt-3 grid gap-3 lg:grid-cols-[repeat(3,minmax(0,1fr))]\">\n        <ToolbarSelect\n          label=\"Line height\"\n          value={typography.lineHeight}\n          options={lineHeightOptions}\n          onChange={(value) => onTypographyChange('lineHeight', value as TypographyLineHeight)}\n        />\n        <ToolbarSelect\n          label=\"Paragraph spacing\"\n          value={typography.paragraphSpacing}\n          options={paragraphSpacingOptions}\n          onChange={(value) =>\n            onTypographyChange('paragraphSpacing', value as TypographyParagraphSpacing)\n          }\n        />\n        <ToolbarSelect\n          label=\"Measure\"\n          value={typography.measure}\n          options={measureOptions}\n          onChange={(value) => onTypographyChange('measure', value as TypographyMeasure)}\n        />\n      </div>\n\n      {showSubheadingHint ? (\n        <div className=\"mt-3 text-xs text-[var(--text-secondary)]\">\n          Add a subheading to break up this draft for easier reading.\n        </div>\n      ) : null}\n\n      {previewOpen ? (\n        <div className=\"mt-3 rounded-[2px] border border-[var(--border-default)] bg-[var(--bg-base)] p-4\">\n          <div className=\"mb-3\">\n            <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">Reader preview</h3>\n            <p className=\"mt-1 text-xs text-[var(--text-secondary)]\">\n              These preview settings are session-only and never touch reader preferences.\n            </p>\n          </div>\n\n          <div className=\"grid gap-3 lg:grid-cols-[repeat(2,minmax(0,1fr))] xl:grid-cols-[repeat(4,minmax(0,1fr))]\">\n            <ToolbarSelect\n              label=\"Theme\"\n              value={previewTheme}\n              options={READER_THEME_OPTIONS}\n              onChange={(value) => onPreviewThemeChange(value as ReaderTheme)}\n            />\n            <ToolbarSelect\n              label=\"Preview line height\"\n              value={previewTypography.lineHeight ?? 'post-default'}\n              options={previewLineHeightOptions}\n              onChange={(value) =>\n                onPreviewTypographyChange(\n                  'lineHeight',\n                  value === 'post-default' ? undefined : (value as TypographyLineHeight),\n                )\n              }\n            />\n            <ToolbarSelect\n              label=\"Preview paragraph spacing\"\n              value={previewTypography.paragraphSpacing ?? 'post-default'}\n              options={previewParagraphSpacingOptions}\n              onChange={(value) =>\n                onPreviewTypographyChange(\n                  'paragraphSpacing',\n                  value === 'post-default' ? undefined : (value as TypographyParagraphSpacing),\n                )\n              }\n            />\n            <ToolbarSelect\n              label=\"Preview measure\"\n              value={previewTypography.measure ?? 'post-default'}\n              options={previewMeasureOptions}\n              onChange={(value) =>\n                onPreviewTypographyChange(\n                  'measure',\n                  value === 'post-default' ? undefined : (value as TypographyMeasure),\n                )\n              }\n            />\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blog-editor/types.d.ts

@@ -0,0 +1,23 @@
+import { type BlogTypographySettings } from '@withpotter/lib/blog/density';
+export { estimateReadTime, stripHtml } from '@withpotter/lib/blog/density';
+export interface BlogEditorState {
+    title: string;
+    slug: string;
+    shortDescription: string;
+    category: string;
+    tags: string;
+    coverImage: string;
+    metaTitle: string;
+    metaDescription: string;
+    ogImage: string;
+    author: string;
+    status: 'draft' | 'published' | 'scheduled';
+    publishAt: string;
+    featured: boolean;
+    bodyHtml: string;
+    typography: BlogTypographySettings;
+}
+export declare const EMPTY_BLOG_STATE: BlogEditorState;
+export type EditorMode = 'create' | 'edit';
+export type UploadTarget = 'cover' | 'inline';
+export declare function slugify(value: string): string;

package/dist/blog-editor/types.js

@@ -0,0 +1,31 @@
+import {
+  DEFAULT_BLOG_TYPOGRAPHY
+} from "@withpotter/lib/blog/density";
+import { estimateReadTime, stripHtml } from "@withpotter/lib/blog/density";
+const EMPTY_BLOG_STATE = {
+  title: "",
+  slug: "",
+  shortDescription: "",
+  category: "",
+  tags: "",
+  coverImage: "",
+  metaTitle: "",
+  metaDescription: "",
+  ogImage: "",
+  author: "",
+  status: "draft",
+  publishAt: "",
+  featured: false,
+  bodyHtml: "",
+  typography: { ...DEFAULT_BLOG_TYPOGRAPHY }
+};
+function slugify(value) {
+  return value.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
+}
+export {
+  EMPTY_BLOG_STATE,
+  estimateReadTime,
+  slugify,
+  stripHtml
+};
+//# sourceMappingURL=types.js.map

package/dist/blog-editor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/blog-editor/types.ts"],"sourcesContent":["// Shared types for the blog editor.\n\nimport {\n  DEFAULT_BLOG_TYPOGRAPHY,\n  type BlogTypographySettings,\n} from '@withpotter/lib/blog/density';\nexport { estimateReadTime, stripHtml } from '@withpotter/lib/blog/density';\n\nexport interface BlogEditorState {\n  title: string;\n  slug: string;\n  shortDescription: string;\n  category: string;\n  tags: string;\n  coverImage: string;\n  metaTitle: string;\n  metaDescription: string;\n  ogImage: string;\n  author: string;\n  status: 'draft' | 'published' | 'scheduled';\n  publishAt: string;\n  featured: boolean;\n  bodyHtml: string;\n  typography: BlogTypographySettings;\n}\n\nexport const EMPTY_BLOG_STATE: BlogEditorState = {\n  title: '',\n  slug: '',\n  shortDescription: '',\n  category: '',\n  tags: '',\n  coverImage: '',\n  metaTitle: '',\n  metaDescription: '',\n  ogImage: '',\n  author: '',\n  status: 'draft',\n  publishAt: '',\n  featured: false,\n  bodyHtml: '',\n  typography: { ...DEFAULT_BLOG_TYPOGRAPHY },\n};\n\nexport type EditorMode = 'create' | 'edit';\nexport type UploadTarget = 'cover' | 'inline';\n\nexport function slugify(value: string): string {\n  return value\n    .toLowerCase()\n    .trim()\n    .replace(/[^a-z0-9\\s-]/g, '')\n    .replace(/\\s+/g, '-')\n    .replace(/-+/g, '-');\n}\n"],"mappings":"AAEA;AAAA,EACE;AAAA,OAEK;AACP,SAAS,kBAAkB,iBAAiB;AAoBrC,MAAM,mBAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY,EAAE,GAAG,wBAAwB;AAC3C;AAKO,SAAS,QAAQ,OAAuB;AAC7C,SAAO,MACJ,YAAY,EACZ,KAAK,EACL,QAAQ,iBAAiB,EAAE,EAC3B,QAAQ,QAAQ,GAAG,EACnB,QAAQ,OAAO,GAAG;AACvB;","names":[]}

package/dist/bookings/resource-time-grid.d.ts

@@ -0,0 +1,42 @@
+/**
+ * A resource × time booking grid.
+ *
+ * Generic on purpose: this is console's CourtGridPicker rebuilt with no padel
+ * in it. Columns are resources — courts, rooms, lanes, chairs, tables — and
+ * rows are time slots. A padel club is just its first configuration
+ * (resources named "Court 1..4", 60-minute slots); every other slot-booking
+ * vertical inherits it for free. The vertical lives in the data, never here.
+ *
+ * Takes a NORMALISED shape (not the raw Booking API type) so it stays a pure,
+ * reusable primitive: the page maps its data in.
+ *
+ * Design: dashboard tokens + radius scale; a free cell is a quiet tap target
+ * with a spring press (a tap is a grab); a booked cell is accent-tinted and
+ * carries the name on its first slot. State is never colour alone — booked
+ * cells show text; status rides a dot plus a label.
+ */
+export interface GridResource {
+    id: string;
+    name: string;
+}
+export interface GridBooking {
+    id: string;
+    resourceId: string;
+    /** Minutes from the grid's start-of-day, inclusive. */
+    startMin: number;
+    /** Minutes from the grid's start-of-day, exclusive. */
+    endMin: number;
+    label: string;
+    status?: 'confirmed' | 'pending' | 'blocked';
+}
+export declare function ResourceTimeGrid({ resources, bookings, openMin, closeMin, slotMinutes, nowMin, onSelectSlot, }: {
+    resources: GridResource[];
+    bookings: GridBooking[];
+    /** Grid window, minutes from midnight. */
+    openMin?: number;
+    closeMin?: number;
+    slotMinutes?: number;
+    /** Optional "now" line, minutes from midnight. */
+    nowMin?: number;
+    onSelectSlot?: (resourceId: string, startMin: number) => void;
+}): import("react").JSX.Element;

package/dist/bookings/resource-time-grid.js

@@ -0,0 +1,139 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { motion, useReducedMotion } from "motion/react";
+import { cn } from "@withpotter/lib/utils";
+import { PRESS_SCALE_LARGE } from "@withpotter/lib/motion";
+const STATUS_DOT = {
+  confirmed: "bg-[var(--success)]",
+  pending: "bg-[var(--warning)]",
+  blocked: "bg-[var(--text-muted)]"
+};
+function label(min) {
+  const h = Math.floor(min / 60);
+  const m = min % 60;
+  const ampm = h < 12 ? "am" : "pm";
+  const h12 = h % 12 === 0 ? 12 : h % 12;
+  return m === 0 ? `${h12}${ampm}` : `${h12}:${String(m).padStart(2, "0")}${ampm}`;
+}
+function ResourceTimeGrid({
+  resources,
+  bookings,
+  openMin = 6 * 60,
+  closeMin = 22 * 60,
+  slotMinutes = 60,
+  nowMin,
+  onSelectSlot
+}) {
+  const reduce = useReducedMotion();
+  const slots = useMemo(() => {
+    const out = [];
+    for (let t = openMin; t < closeMin; t += slotMinutes) out.push(t);
+    return out;
+  }, [openMin, closeMin, slotMinutes]);
+  const byResource = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const b of bookings) {
+      const arr = map.get(b.resourceId) ?? [];
+      arr.push(b);
+      map.set(b.resourceId, arr);
+    }
+    return map;
+  }, [bookings]);
+  const bookingAt = (resourceId, startMin) => byResource.get(resourceId)?.find((b) => startMin >= b.startMin && startMin < b.endMin);
+  const colTemplate = `72px repeat(${resources.length}, minmax(120px, 1fr))`;
+  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-xl border border-line-2 bg-surface", children: /* @__PURE__ */ jsxs("div", { className: "min-w-max", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "sticky top-0 z-10 grid border-b border-line-2 bg-elevated",
+        style: { gridTemplateColumns: colTemplate },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "px-3 py-3 text-2xs font-medium uppercase tracking-wide text-ink-4", children: "Time" }),
+          resources.map((r) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "border-l border-line px-3 py-3 text-sm font-medium text-ink",
+              children: r.name
+            },
+            r.id
+          ))
+        ]
+      }
+    ),
+    slots.map((slotStart) => {
+      const isNow = nowMin != null && nowMin >= slotStart && nowMin < slotStart + slotMinutes;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "grid border-b border-line last:border-b-0",
+          style: { gridTemplateColumns: colTemplate },
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "sticky left-0 z-[5] flex items-start bg-surface px-3 py-2 text-xs tabular-nums",
+                  isNow ? "text-brand-500" : "text-ink-3"
+                ),
+                children: label(slotStart)
+              }
+            ),
+            resources.map((r) => {
+              const b = bookingAt(r.id, slotStart);
+              const isBookingStart = b && b.startMin === slotStart;
+              if (b) {
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "min-h-[3rem] border-l border-line bg-[var(--accent-secondary)] px-3 py-2",
+                      isBookingStart ? "" : "opacity-60"
+                    ),
+                    children: isBookingStart && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: cn(
+                              "h-1.5 w-1.5 rounded-full",
+                              STATUS_DOT[b.status ?? "confirmed"]
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-ink", children: b.label })
+                      ] }),
+                      /* @__PURE__ */ jsxs("span", { className: "mt-0.5 block text-2xs text-ink-3", children: [
+                        label(b.startMin),
+                        " \u2013 ",
+                        label(b.endMin)
+                      ] })
+                    ] })
+                  },
+                  r.id
+                );
+              }
+              return /* @__PURE__ */ jsx(
+                motion.button,
+                {
+                  type: "button",
+                  onClick: () => onSelectSlot?.(r.id, slotStart),
+                  whileTap: reduce ? void 0 : { scale: PRESS_SCALE_LARGE },
+                  className: "group min-h-[3rem] border-l border-line text-left transition-colors duration-[var(--motion-fast)] hover:bg-[var(--interactive-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--focus-ring)]",
+                  "aria-label": `Book ${r.name} at ${label(slotStart)}`,
+                  children: /* @__PURE__ */ jsx("span", { className: "flex h-full items-center px-3 text-sm text-transparent group-hover:text-ink-4", children: "+" })
+                },
+                r.id
+              );
+            })
+          ]
+        },
+        slotStart
+      );
+    })
+  ] }) });
+}
+export {
+  ResourceTimeGrid
+};
+//# sourceMappingURL=resource-time-grid.js.map

package/dist/bookings/resource-time-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/bookings/resource-time-grid.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { motion, useReducedMotion } from 'motion/react';\nimport { cn } from '@withpotter/lib/utils';\nimport { PRESS_SCALE_LARGE } from '@withpotter/lib/motion';\n\n/**\n * A resource × time booking grid.\n *\n * Generic on purpose: this is console's CourtGridPicker rebuilt with no padel\n * in it. Columns are resources — courts, rooms, lanes, chairs, tables — and\n * rows are time slots. A padel club is just its first configuration\n * (resources named \"Court 1..4\", 60-minute slots); every other slot-booking\n * vertical inherits it for free. The vertical lives in the data, never here.\n *\n * Takes a NORMALISED shape (not the raw Booking API type) so it stays a pure,\n * reusable primitive: the page maps its data in.\n *\n * Design: dashboard tokens + radius scale; a free cell is a quiet tap target\n * with a spring press (a tap is a grab); a booked cell is accent-tinted and\n * carries the name on its first slot. State is never colour alone — booked\n * cells show text; status rides a dot plus a label.\n */\n\nexport interface GridResource {\n  id: string;\n  name: string;\n}\n\nexport interface GridBooking {\n  id: string;\n  resourceId: string;\n  /** Minutes from the grid's start-of-day, inclusive. */\n  startMin: number;\n  /** Minutes from the grid's start-of-day, exclusive. */\n  endMin: number;\n  label: string;\n  status?: 'confirmed' | 'pending' | 'blocked';\n}\n\nconst STATUS_DOT: Record<NonNullable<GridBooking['status']>, string> = {\n  confirmed: 'bg-[var(--success)]',\n  pending: 'bg-[var(--warning)]',\n  blocked: 'bg-[var(--text-muted)]',\n};\n\nfunction label(min: number) {\n  const h = Math.floor(min / 60);\n  const m = min % 60;\n  const ampm = h < 12 ? 'am' : 'pm';\n  const h12 = h % 12 === 0 ? 12 : h % 12;\n  return m === 0\n    ? `${h12}${ampm}`\n    : `${h12}:${String(m).padStart(2, '0')}${ampm}`;\n}\n\nexport function ResourceTimeGrid({\n  resources,\n  bookings,\n  openMin = 6 * 60,\n  closeMin = 22 * 60,\n  slotMinutes = 60,\n  nowMin,\n  onSelectSlot,\n}: {\n  resources: GridResource[];\n  bookings: GridBooking[];\n  /** Grid window, minutes from midnight. */\n  openMin?: number;\n  closeMin?: number;\n  slotMinutes?: number;\n  /** Optional \"now\" line, minutes from midnight. */\n  nowMin?: number;\n  onSelectSlot?: (resourceId: string, startMin: number) => void;\n}) {\n  const reduce = useReducedMotion();\n\n  const slots = useMemo(() => {\n    const out: number[] = [];\n    for (let t = openMin; t < closeMin; t += slotMinutes) out.push(t);\n    return out;\n  }, [openMin, closeMin, slotMinutes]);\n\n  // Index bookings by resource for quick per-cell lookup.\n  const byResource = useMemo(() => {\n    const map = new Map<string, GridBooking[]>();\n    for (const b of bookings) {\n      const arr = map.get(b.resourceId) ?? [];\n      arr.push(b);\n      map.set(b.resourceId, arr);\n    }\n    return map;\n  }, [bookings]);\n\n  const bookingAt = (resourceId: string, startMin: number) =>\n    byResource\n      .get(resourceId)\n      ?.find((b) => startMin >= b.startMin && startMin < b.endMin);\n\n  const colTemplate = `72px repeat(${resources.length}, minmax(120px, 1fr))`;\n\n  return (\n    <div className=\"overflow-x-auto rounded-xl border border-line-2 bg-surface\">\n      <div className=\"min-w-max\">\n        {/* Header: resource names. Sticky so they stay while scrolling rows. */}\n        <div\n          className=\"sticky top-0 z-10 grid border-b border-line-2 bg-elevated\"\n          style={{ gridTemplateColumns: colTemplate }}\n        >\n          <div className=\"px-3 py-3 text-2xs font-medium uppercase tracking-wide text-ink-4\">\n            Time\n          </div>\n          {resources.map((r) => (\n            <div\n              key={r.id}\n              className=\"border-l border-line px-3 py-3 text-sm font-medium text-ink\"\n            >\n              {r.name}\n            </div>\n          ))}\n        </div>\n\n        {/* Rows: one per slot. */}\n        {slots.map((slotStart) => {\n          const isNow =\n            nowMin != null &&\n            nowMin >= slotStart &&\n            nowMin < slotStart + slotMinutes;\n          return (\n            <div\n              key={slotStart}\n              className=\"grid border-b border-line last:border-b-0\"\n              style={{ gridTemplateColumns: colTemplate }}\n            >\n              {/* Time gutter (sticky-left) */}\n              <div\n                className={cn(\n                  'sticky left-0 z-[5] flex items-start bg-surface px-3 py-2 text-xs tabular-nums',\n                  isNow ? 'text-brand-500' : 'text-ink-3',\n                )}\n              >\n                {label(slotStart)}\n              </div>\n\n              {resources.map((r) => {\n                const b = bookingAt(r.id, slotStart);\n                const isBookingStart = b && b.startMin === slotStart;\n\n                if (b) {\n                  // Continuation cells stay quiet; the start cell carries text.\n                  return (\n                    <div\n                      key={r.id}\n                      className={cn(\n                        'min-h-[3rem] border-l border-line bg-[var(--accent-secondary)] px-3 py-2',\n                        isBookingStart ? '' : 'opacity-60',\n                      )}\n                    >\n                      {isBookingStart && (\n                        <>\n                          <div className=\"flex items-center gap-2\">\n                            <span\n                              className={cn(\n                                'h-1.5 w-1.5 rounded-full',\n                                STATUS_DOT[b.status ?? 'confirmed'],\n                              )}\n                            />\n                            <span className=\"truncate text-sm font-medium text-ink\">\n                              {b.label}\n                            </span>\n                          </div>\n                          <span className=\"mt-0.5 block text-2xs text-ink-3\">\n                            {label(b.startMin)} – {label(b.endMin)}\n                          </span>\n                        </>\n                      )}\n                    </div>\n                  );\n                }\n\n                // Free slot: quiet tap target.\n                return (\n                  <motion.button\n                    key={r.id}\n                    type=\"button\"\n                    onClick={() => onSelectSlot?.(r.id, slotStart)}\n                    whileTap={reduce ? undefined : { scale: PRESS_SCALE_LARGE }}\n                    className=\"group min-h-[3rem] border-l border-line text-left transition-colors duration-[var(--motion-fast)] hover:bg-[var(--interactive-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--focus-ring)]\"\n                    aria-label={`Book ${r.name} at ${label(slotStart)}`}\n                  >\n                    <span className=\"flex h-full items-center px-3 text-sm text-transparent group-hover:text-ink-4\">\n                      +\n                    </span>\n                  </motion.button>\n                );\n              })}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA0GQ,SAsDgB,UAlDd,KAJF;AAxGR,SAAS,eAAe;AACxB,SAAS,QAAQ,wBAAwB;AACzC,SAAS,UAAU;AACnB,SAAS,yBAAyB;AAoClC,MAAM,aAAiE;AAAA,EACrE,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACX;AAEA,SAAS,MAAM,KAAa;AAC1B,QAAM,IAAI,KAAK,MAAM,MAAM,EAAE;AAC7B,QAAM,IAAI,MAAM;AAChB,QAAM,OAAO,IAAI,KAAK,OAAO;AAC7B,QAAM,MAAM,IAAI,OAAO,IAAI,KAAK,IAAI;AACpC,SAAO,MAAM,IACT,GAAG,GAAG,GAAG,IAAI,KACb,GAAG,GAAG,IAAI,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,GAAG,IAAI;AACjD;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,UAAU,IAAI;AAAA,EACd,WAAW,KAAK;AAAA,EAChB,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAUG;AACD,QAAM,SAAS,iBAAiB;AAEhC,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,MAAgB,CAAC;AACvB,aAAS,IAAI,SAAS,IAAI,UAAU,KAAK,YAAa,KAAI,KAAK,CAAC;AAChE,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,UAAU,WAAW,CAAC;AAGnC,QAAM,aAAa,QAAQ,MAAM;AAC/B,UAAM,MAAM,oBAAI,IAA2B;AAC3C,eAAW,KAAK,UAAU;AACxB,YAAM,MAAM,IAAI,IAAI,EAAE,UAAU,KAAK,CAAC;AACtC,UAAI,KAAK,CAAC;AACV,UAAI,IAAI,EAAE,YAAY,GAAG;AAAA,IAC3B;AACA,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAY,CAAC,YAAoB,aACrC,WACG,IAAI,UAAU,GACb,KAAK,CAAC,MAAM,YAAY,EAAE,YAAY,WAAW,EAAE,MAAM;AAE/D,QAAM,cAAc,eAAe,UAAU,MAAM;AAEnD,SACE,oBAAC,SAAI,WAAU,8DACb,+BAAC,SAAI,WAAU,aAEb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,qBAAqB,YAAY;AAAA,QAE1C;AAAA,8BAAC,SAAI,WAAU,qEAAoE,kBAEnF;AAAA,UACC,UAAU,IAAI,CAAC,MACd;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA,cAET,YAAE;AAAA;AAAA,YAHE,EAAE;AAAA,UAIT,CACD;AAAA;AAAA;AAAA,IACH;AAAA,IAGC,MAAM,IAAI,CAAC,cAAc;AACxB,YAAM,QACJ,UAAU,QACV,UAAU,aACV,SAAS,YAAY;AACvB,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UACV,OAAO,EAAE,qBAAqB,YAAY;AAAA,UAG1C;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,QAAQ,mBAAmB;AAAA,gBAC7B;AAAA,gBAEC,gBAAM,SAAS;AAAA;AAAA,YAClB;AAAA,YAEC,UAAU,IAAI,CAAC,MAAM;AACpB,oBAAM,IAAI,UAAU,EAAE,IAAI,SAAS;AACnC,oBAAM,iBAAiB,KAAK,EAAE,aAAa;AAE3C,kBAAI,GAAG;AAEL,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC,WAAW;AAAA,sBACT;AAAA,sBACA,iBAAiB,KAAK;AAAA,oBACxB;AAAA,oBAEC,4BACC,iCACE;AAAA,2CAAC,SAAI,WAAU,2BACb;AAAA;AAAA,0BAAC;AAAA;AAAA,4BACC,WAAW;AAAA,8BACT;AAAA,8BACA,WAAW,EAAE,UAAU,WAAW;AAAA,4BACpC;AAAA;AAAA,wBACF;AAAA,wBACA,oBAAC,UAAK,WAAU,yCACb,YAAE,OACL;AAAA,yBACF;AAAA,sBACA,qBAAC,UAAK,WAAU,oCACb;AAAA,8BAAM,EAAE,QAAQ;AAAA,wBAAE;AAAA,wBAAI,MAAM,EAAE,MAAM;AAAA,yBACvC;AAAA,uBACF;AAAA;AAAA,kBAtBG,EAAE;AAAA,gBAwBT;AAAA,cAEJ;AAGA,qBACE;AAAA,gBAAC,OAAO;AAAA,gBAAP;AAAA,kBAEC,MAAK;AAAA,kBACL,SAAS,MAAM,eAAe,EAAE,IAAI,SAAS;AAAA,kBAC7C,UAAU,SAAS,SAAY,EAAE,OAAO,kBAAkB;AAAA,kBAC1D,WAAU;AAAA,kBACV,cAAY,QAAQ,EAAE,IAAI,OAAO,MAAM,SAAS,CAAC;AAAA,kBAEjD,8BAAC,UAAK,WAAU,iFAAgF,eAEhG;AAAA;AAAA,gBATK,EAAE;AAAA,cAUT;AAAA,YAEJ,CAAC;AAAA;AAAA;AAAA,QAjEI;AAAA,MAkEP;AAAA,IAEJ,CAAC;AAAA,KACH,GACF;AAEJ;","names":[]}