@arbidocs/blocks 0.3.184 → 0.4.0

package/dist/chunk-NBV56SGU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/workspaces/WorkspaceBadges.tsx"],"names":[],"mappings":";;;;AAYO,SAAS,SAAA,CAAU,EAAE,KAAA,EAAO,UAAA,EAAY,WAAU,EAAmB;AAC1E,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAQ,SAAA,EAAU,WAAA,EAAU,YAAA,EAAa,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA,EAChF,QAAA,EAAA,KAAA,EACH,CAAA;AAEJ;AAiBO,SAAS,sBAAA,CAAuB;AAAA,EACrC,IAAA,EAAM,IAAA;AAAA,EACN,OAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd,IAAA,GAAO,IAAA;AAAA,EACP,UAAA,GAAa,KAAA;AAAA,EACb;AACF,CAAA,EAAgC;AAC9B,EAAA,MAAM,KAAA,mBACJ,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,sBAAA;AAAA,MACV,aAAA,EAAY,sBAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,yCAAA;AAAA,QACA,OAAA;AAAA,QACA,IAAA,KAAS,OAAO,KAAA,GAAQ,OAAA;AAAA,QACxB,UAAA,IAAc,qBAAA;AAAA,QACd;AAAA,OACF;AAAA,MAEA,8BAAC,IAAA,EAAA,EAAK,SAAA,EAAW,IAAA,KAAS,IAAA,GAAO,WAAW,UAAA,EAAY;AAAA;AAAA,GAC1D;AAGF,EAAA,IAAI,CAAC,aAAa,OAAO,KAAA;AACzB,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC/B,GAAA,CAAC,cAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAG,qBAAU,CAAA,EAChB;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-NBV56SGU.js","sourcesContent":["import type { ComponentType } from 'react'\nimport { Badge, cn, Tooltip, TooltipContent, TooltipTrigger } from '@arbidocs/react/ui'\n\nexport interface RoleBadgeProps {\n  /** Display text (e.g. \"Owner\"). */\n  label: string\n  /** Colour classes of the role, supplied by the host so it owns the palette. */\n  badgeClass: string\n  className?: string\n}\n\n/** A user's role in a workspace as a coloured badge. */\nexport function RoleBadge({ label, badgeClass, className }: RoleBadgeProps) {\n  return (\n    <Badge variant=\"default\" data-slot=\"role-badge\" className={cn(badgeClass, className)}>\n      {label}\n    </Badge>\n  )\n}\n\nexport interface WorkspaceTypeBadgeViewProps {\n  /** Glyph of the type (person / people / globe). */\n  icon: ComponentType<{ className?: string }>\n  /** Background class of the type's colour. */\n  bgClass: string\n  /** Type name (Individual / Group / Common), shown as tooltip. */\n  typeLabel: string\n  showTooltip?: boolean\n  size?: 'sm' | 'md'\n  /** Drawn on a selected (coloured) row: adds a white outline. */\n  isSelected?: boolean\n  className?: string\n}\n\n/** Small coloured square telling a workspace's type, optionally with a tooltip. */\nexport function WorkspaceTypeBadgeView({\n  icon: Icon,\n  bgClass,\n  typeLabel,\n  showTooltip = false,\n  size = 'md',\n  isSelected = false,\n  className,\n}: WorkspaceTypeBadgeViewProps) {\n  const badge = (\n    <div\n      data-slot=\"workspace-type-badge\"\n      data-testid=\"workspace-type-badge\"\n      className={cn(\n        'inline-flex shrink-0 rounded text-white',\n        bgClass,\n        size === 'sm' ? 'p-1' : 'p-1.5',\n        isSelected && 'border border-white',\n        className\n      )}\n    >\n      <Icon className={size === 'sm' ? 'size-3' : 'size-3.5'} />\n    </div>\n  )\n\n  if (!showTooltip) return badge\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{badge}</TooltipTrigger>\n      <TooltipContent>\n        <p>{typeLabel}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"]}

package/dist/chunk-NPLYHR2E.js

@@ -0,0 +1,13 @@
+"use client";
+// src/lib/observe-resize.ts
+function observeResize(element, callback) {
+  if (typeof ResizeObserver === "undefined") return () => {
+  };
+  const observer = new ResizeObserver(callback);
+  observer.observe(element);
+  return () => observer.disconnect();
+}
+
+export { observeResize };
+//# sourceMappingURL=chunk-NPLYHR2E.js.map
+//# sourceMappingURL=chunk-NPLYHR2E.js.map

package/dist/chunk-NPLYHR2E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/observe-resize.ts"],"names":[],"mappings":";AAKO,SAAS,aAAA,CAAc,SAAkB,QAAA,EAA8C;AAC5F,EAAA,IAAI,OAAO,cAAA,KAAmB,WAAA,EAAa,OAAO,MAAM;AAAA,EAAC,CAAA;AACzD,EAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,QAAQ,CAAA;AAC5C,EAAA,QAAA,CAAS,QAAQ,OAAO,CAAA;AACxB,EAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AACnC","file":"chunk-NPLYHR2E.js","sourcesContent":["/**\n * Observe an element's size. Where `ResizeObserver` does not exist (jsdom, very old webviews)\n * this is a no-op, so blocks render everywhere without a host-provided polyfill. Returns the\n * disconnect function.\n */\nexport function observeResize(element: Element, callback: ResizeObserverCallback): () => void {\n  if (typeof ResizeObserver === 'undefined') return () => {}\n  const observer = new ResizeObserver(callback)\n  observer.observe(element)\n  return () => observer.disconnect()\n}\n"]}

package/dist/chunk-NUNKSZKU.js

@@ -0,0 +1,203 @@
+"use client";
+import { observeResize } from './chunk-NPLYHR2E.js';
+import { testIdOr } from './chunk-7F6CBP3Z.js';
+import { useRef, useState, useLayoutEffect } from 'react';
+import { X, BookOpen } from 'lucide-react';
+import { cn, Tooltip, TooltipTrigger, Button, TooltipContent } from '@arbidocs/react/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var NARROW_BELOW_PX = 480;
+var DEFAULT_SELECTION_BAR_LABELS = {
+  selected: "selected",
+  clearSelection: "Clear selection",
+  review: "Review",
+  selectionActions: "Selection actions"
+};
+function SelectionBar(props) {
+  if (props.count === 0 && !props.status) return null;
+  return /* @__PURE__ */ jsx(SelectionBarInner, { ...props });
+}
+function SelectionBarInner({
+  count,
+  onClear,
+  onReview,
+  actions,
+  children,
+  status,
+  selectedLabel,
+  labels,
+  testIds,
+  className
+}) {
+  const l = { ...DEFAULT_SELECTION_BAR_LABELS, ...labels };
+  const hasSelection = count > 0;
+  const rootRef = useRef(null);
+  const actionsRef = useRef(null);
+  const [isCompact, setIsCompact] = useState(false);
+  const [isNarrow, setIsNarrow] = useState(false);
+  const overflowRootWidthRef = useRef(Number.POSITIVE_INFINITY);
+  const measureRef = useRef(() => {
+  });
+  measureRef.current = () => {
+    const root = rootRef.current;
+    const el = actionsRef.current;
+    if (!root || !el) return;
+    const available = root.parentElement?.clientWidth ?? 0;
+    setIsNarrow(available > 0 && available < NARROW_BELOW_PX);
+    if (!isCompact) {
+      if (el.scrollWidth > el.clientWidth + 1) {
+        overflowRootWidthRef.current = root.clientWidth;
+        setIsCompact(true);
+      }
+    } else if (root.clientWidth > overflowRootWidthRef.current + 64) {
+      setIsCompact(false);
+    }
+  };
+  useLayoutEffect(() => {
+    measureRef.current();
+    const root = rootRef.current;
+    if (!root) return;
+    return observeResize(root, () => measureRef.current());
+  }, []);
+  useLayoutEffect(() => {
+    measureRef.current();
+    const inner = actionsRef.current;
+    if (!inner || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(() => measureRef.current());
+    inner.querySelectorAll("button").forEach((button) => observer.observe(button));
+    return () => observer.disconnect();
+  });
+  useLayoutEffect(() => {
+    let isCancelled = false;
+    void document.fonts?.ready.then(() => {
+      if (!isCancelled) measureRef.current();
+    });
+    return () => {
+      isCancelled = true;
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "selection-bar",
+      className: cn("pointer-events-none sticky bottom-0 z-30 h-0", className),
+      children: /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-4 flex justify-center px-3", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: rootRef,
+          role: "toolbar",
+          "aria-label": l.selectionActions,
+          "data-testid": testIdOr(testIds?.toolbar, { testId: "bulk-actions-toolbar" }),
+          "data-narrow": isNarrow || void 0,
+          className: "pointer-events-auto flex min-h-12 max-w-full items-center rounded-lg border border-border bg-popover px-2 py-1.5 shadow-xl",
+          children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 px-1", children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-testid": testIdOr(testIds?.count, { testId: "bulk-selected-count" }),
+                "aria-live": "polite",
+                className: cn(
+                  "flex shrink-0 items-center rounded-full bg-accent text-sm font-semibold tabular-nums text-accent-foreground",
+                  isCompact ? "gap-1 px-2.5 py-1" : "gap-2 px-3 py-1"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    count,
+                    !isCompact && ` ${selectedLabel ?? l.selected}`
+                  ] }),
+                  hasSelection && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onClear,
+                      "aria-label": l.clearSelection,
+                      "data-testid": testIdOr(testIds?.clear, { testId: "bulk-clear-selection-button" }),
+                      className: "rounded-full p-0.5 transition-colors hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:p-[15px]",
+                      children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+                    }
+                  )
+                ]
+              }
+            ),
+            onReview && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onReview,
+                "aria-label": isNarrow ? l.review : void 0,
+                "data-testid": testIdOr(testIds?.review, { testId: "bulk-review-button" }),
+                className: "flex h-8 shrink-0 items-center gap-1.5 rounded-md bg-accent px-2.5 text-sm font-medium text-accent-foreground transition-colors hover:bg-accent/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-11",
+                children: [
+                  /* @__PURE__ */ jsx(BookOpen, { className: "size-3.5" }),
+                  !isNarrow && l.review
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "h-6 w-px shrink-0 bg-border" }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ref: actionsRef,
+                className: "flex min-w-0 flex-1 items-center gap-2 overflow-x-auto overscroll-x-contain [scrollbar-width:none]",
+                children: [
+                  status && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: status }),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "flex min-w-0 items-center gap-2",
+                        !hasSelection && "pointer-events-none opacity-40"
+                      ),
+                      children: [
+                        actions?.map((a) => /* @__PURE__ */ jsx(SelectionBarAction, { ...a, isCompact }, a.id)),
+                        typeof children === "function" ? children(isCompact, isNarrow) : children
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        }
+      ) })
+    }
+  );
+}
+function SelectionBarAction({
+  icon: Icon,
+  label,
+  onClick,
+  disabled = false,
+  variant = "ghost",
+  tooltip,
+  testId,
+  className,
+  isCompact = false
+}) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant,
+        size: "sm",
+        onClick,
+        disabled,
+        "aria-label": isCompact ? label : void 0,
+        "data-testid": testId,
+        className: cn(
+          "h-8 shrink-0 gap-1.5 whitespace-nowrap px-2 disabled:opacity-50 pointer-coarse:h-11",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "size-4" }),
+          !isCompact && /* @__PURE__ */ jsx("span", { className: "text-sm", children: label })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: tooltip ?? label }) })
+  ] });
+}
+
+export { DEFAULT_SELECTION_BAR_LABELS, SelectionBar, SelectionBarAction };
+//# sourceMappingURL=chunk-NUNKSZKU.js.map
+//# sourceMappingURL=chunk-NUNKSZKU.js.map

package/dist/chunk-NUNKSZKU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/files/SelectionBar.tsx"],"names":[],"mappings":"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","file":"chunk-NUNKSZKU.js","sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { BookOpen, X } from 'lucide-react'\nimport { Button, Tooltip, TooltipContent, TooltipTrigger, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { observeResize } from '../lib/observe-resize'\n\nexport interface SelectionBarActionItem {\n  id: string\n  icon: LucideIcon\n  label: string\n  onClick: () => void\n  disabled?: boolean\n  variant?: 'default' | 'outline' | 'destructive' | 'ghost' | 'secondary'\n  /** Tooltip text; falls back to `label`. */\n  tooltip?: string\n  testId?: string\n  className?: string\n}\n\n/** Container width below which the bar is \"narrow\" (phones): only the essentials stay inline. */\nconst NARROW_BELOW_PX = 480\n\n/** Every fixed string of the selection bar. Pass a partial `labels` to translate or reword. */\nexport interface SelectionBarLabels {\n  selected: string\n  clearSelection: string\n  review: string\n  selectionActions: string\n}\n\nexport const DEFAULT_SELECTION_BAR_LABELS: SelectionBarLabels = {\n  selected: 'selected',\n  clearSelection: 'Clear selection',\n  review: 'Review',\n  selectionActions: 'Selection actions',\n}\n\nexport interface SelectionBarTestIds {\n  toolbar: string\n  count: string\n  clear: string\n  review: string\n}\n\nexport interface SelectionBarProps {\n  /** Number of selected rows. The bar renders only while this is > 0 (or `status` is set). */\n  count: number\n  onClear: () => void\n  /** Primary-in-bar \"Review\" shortcut (tonal, not the view's filled primary). */\n  onReview?: () => void\n  /** Actions as data. Rendered icon-only automatically when the bar is narrow. */\n  actions?: SelectionBarActionItem[]\n  /**\n   * Free-form actions; a function receives `isCompact` (icon-only) and `isNarrow` (a phone-width\n   * container: fold secondary actions into an overflow menu). Rendered after `actions`.\n   */\n  children?: ReactNode | ((isCompact: boolean, isNarrow: boolean) => ReactNode)\n  /** Always-legible content before the actions (e.g. a running budget); never dimmed. */\n  status?: ReactNode\n  /** Singular noun shown after the count; wins over `labels.selected`. */\n  selectedLabel?: string\n  labels?: Partial<SelectionBarLabels>\n  /** Overrides for the control test ids (defaults keep the current ids). */\n  testIds?: Partial<SelectionBarTestIds>\n  className?: string\n}\n\n/**\n * SelectionBar: the floating bar that appears while rows are selected.\n *\n * Stays on ONE row: when the actions overflow it flips to compact mode (icon-only actions and a\n * count-only badge) instead of wrapping. Sticky zero-height anchor, so showing/hiding it never\n * reflows the content beneath. Every control is always visible (nothing hover-only) and 44px on\n * coarse pointers.\n */\nexport function SelectionBar(props: SelectionBarProps) {\n  if (props.count === 0 && !props.status) return null\n  return <SelectionBarInner {...props} />\n}\n\nfunction SelectionBarInner({\n  count,\n  onClear,\n  onReview,\n  actions,\n  children,\n  status,\n  selectedLabel,\n  labels,\n  testIds,\n  className,\n}: SelectionBarProps) {\n  const l = { ...DEFAULT_SELECTION_BAR_LABELS, ...labels }\n  const hasSelection = count > 0\n  const rootRef = useRef<HTMLDivElement>(null)\n  const actionsRef = useRef<HTMLDivElement>(null)\n  const [isCompact, setIsCompact] = useState(false)\n  const [isNarrow, setIsNarrow] = useState(false)\n  // Root width at which the labelled actions last overflowed. Compared against the (stable) root\n  // width, never the actions' own width, which changes when we collapse labels and would oscillate.\n  const overflowRootWidthRef = useRef(Number.POSITIVE_INFINITY)\n\n  const measureRef = useRef<() => void>(() => {})\n  measureRef.current = () => {\n    const root = rootRef.current\n    const el = actionsRef.current\n    if (!root || !el) return\n    // The bar is content-sized, so judge narrowness by the space it is given (its anchor).\n    const available = root.parentElement?.clientWidth ?? 0\n    setIsNarrow(available > 0 && available < NARROW_BELOW_PX)\n    if (!isCompact) {\n      if (el.scrollWidth > el.clientWidth + 1) {\n        overflowRootWidthRef.current = root.clientWidth\n        setIsCompact(true)\n      }\n    } else if (root.clientWidth > overflowRootWidthRef.current + 64) {\n      setIsCompact(false)\n    }\n  }\n\n  useLayoutEffect(() => {\n    measureRef.current()\n    const root = rootRef.current\n    if (!root) return\n    return observeResize(root, () => measureRef.current())\n  }, [])\n  // The bar is capped by its anchor, so its own size does not change when the actions overflow, and\n  // the actions' text widens once the web font loads. Re-measure after every render and whenever\n  // an action changes size. The measurement only sets state on a change, so this cannot loop.\n  useLayoutEffect(() => {\n    measureRef.current()\n    const inner = actionsRef.current\n    if (!inner || typeof ResizeObserver === 'undefined') return\n    const observer = new ResizeObserver(() => measureRef.current())\n    inner.querySelectorAll('button').forEach((button) => observer.observe(button))\n    return () => observer.disconnect()\n  })\n  useLayoutEffect(() => {\n    let isCancelled = false\n    void document.fonts?.ready.then(() => {\n      if (!isCancelled) measureRef.current()\n    })\n    return () => {\n      isCancelled = true\n    }\n  }, [])\n\n  return (\n    <div\n      data-slot=\"selection-bar\"\n      className={cn('pointer-events-none sticky bottom-0 z-30 h-0', className)}\n    >\n      <div className=\"absolute inset-x-0 bottom-4 flex justify-center px-3\">\n        <div\n          ref={rootRef}\n          role=\"toolbar\"\n          aria-label={l.selectionActions}\n          data-testid={testIdOr(testIds?.toolbar, { testId: 'bulk-actions-toolbar' })}\n          data-narrow={isNarrow || undefined}\n          className=\"pointer-events-auto flex min-h-12 max-w-full items-center rounded-lg border border-border bg-popover px-2 py-1.5 shadow-xl\"\n        >\n          <div className=\"flex min-w-0 flex-1 items-center gap-2 px-1\">\n            <div\n              data-testid={testIdOr(testIds?.count, { testId: 'bulk-selected-count' })}\n              aria-live=\"polite\"\n              className={cn(\n                'flex shrink-0 items-center rounded-full bg-accent text-sm font-semibold tabular-nums text-accent-foreground',\n                isCompact ? 'gap-1 px-2.5 py-1' : 'gap-2 px-3 py-1'\n              )}\n            >\n              <span>\n                {count}\n                {!isCompact && ` ${selectedLabel ?? l.selected}`}\n              </span>\n              {hasSelection && (\n                <button\n                  type=\"button\"\n                  onClick={onClear}\n                  aria-label={l.clearSelection}\n                  data-testid={testIdOr(testIds?.clear, { testId: 'bulk-clear-selection-button' })}\n                  className=\"rounded-full p-0.5 transition-colors hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:p-[15px]\"\n                >\n                  <X className=\"size-3.5\" />\n                </button>\n              )}\n            </div>\n\n            {onReview && (\n              <button\n                type=\"button\"\n                onClick={onReview}\n                aria-label={isNarrow ? l.review : undefined}\n                data-testid={testIdOr(testIds?.review, { testId: 'bulk-review-button' })}\n                className=\"flex h-8 shrink-0 items-center gap-1.5 rounded-md bg-accent px-2.5 text-sm font-medium text-accent-foreground transition-colors hover:bg-accent/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-11\"\n              >\n                <BookOpen className=\"size-3.5\" />\n                {!isNarrow && l.review}\n              </button>\n            )}\n\n            <div className=\"h-6 w-px shrink-0 bg-border\" />\n\n            <div\n              ref={actionsRef}\n              className=\"flex min-w-0 flex-1 items-center gap-2 overflow-x-auto overscroll-x-contain [scrollbar-width:none]\"\n            >\n              {status && <div className=\"flex shrink-0 items-center gap-2\">{status}</div>}\n              <div\n                className={cn(\n                  'flex min-w-0 items-center gap-2',\n                  !hasSelection && 'pointer-events-none opacity-40'\n                )}\n              >\n                {actions?.map((a) => (\n                  <SelectionBarAction key={a.id} {...a} isCompact={isCompact} />\n                ))}\n                {typeof children === 'function' ? children(isCompact, isNarrow) : children}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport interface SelectionBarActionProps extends Omit<SelectionBarActionItem, 'id'> {\n  /** Icon-only (the bar passes this when narrow). */\n  isCompact?: boolean\n}\n\n/** One action button in the bar: icon + label, icon-only when compact, always with a tooltip. */\nexport function SelectionBarAction({\n  icon: Icon,\n  label,\n  onClick,\n  disabled = false,\n  variant = 'ghost',\n  tooltip,\n  testId,\n  className,\n  isCompact = false,\n}: SelectionBarActionProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          variant={variant}\n          size=\"sm\"\n          onClick={onClick}\n          disabled={disabled}\n          aria-label={isCompact ? label : undefined}\n          data-testid={testId}\n          className={cn(\n            'h-8 shrink-0 gap-1.5 whitespace-nowrap px-2 disabled:opacity-50 pointer-coarse:h-11',\n            className\n          )}\n        >\n          <Icon className=\"size-4\" />\n          {!isCompact && <span className=\"text-sm\">{label}</span>}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>\n        <p>{tooltip ?? label}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"]}

package/dist/chunk-OB5F4577.cjs

@@ -0,0 +1,40 @@
+"use client";
+'use strict';
+
+var chunkC54XEN5T_cjs = require('./chunk-C54XEN5T.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function isModifiedClick(event) {
+  return event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+}
+var ActionLink = react.forwardRef(function ActionLink2({ href, onSelect, disabled, children, ...rest }, ref) {
+  const { linkComponent: Link } = chunkC54XEN5T_cjs.useBlocksEnvironment();
+  if (!href || disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ...rest,
+        ref,
+        type: "button",
+        disabled,
+        onClick: onSelect,
+        children
+      }
+    );
+  }
+  const handleClick = (event) => {
+    if (!onSelect || event.defaultPrevented || isModifiedClick(event)) return;
+    event.preventDefault();
+    onSelect();
+  };
+  const anchorProps = { ...rest, href, onClick: handleClick };
+  if (Link) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Link, { ...anchorProps, ...{ ref }, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { ...anchorProps, ref, children });
+});
+
+exports.ActionLink = ActionLink;
+//# sourceMappingURL=chunk-OB5F4577.cjs.map
+//# sourceMappingURL=chunk-OB5F4577.cjs.map

package/dist/chunk-OB5F4577.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActionLink.tsx"],"names":["forwardRef","ActionLink","useBlocksEnvironment","jsx"],"mappings":";;;;;;AAyBA,SAAS,gBAAgB,KAAA,EAA4B;AACnD,EAAA,OAAO,KAAA,CAAM,WAAW,CAAA,IAAK,KAAA,CAAM,WAAW,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,QAAA,IAAY,KAAA,CAAM,MAAA;AACzF;AAOO,IAAM,UAAA,GAAaA,gBAAA,CAAyC,SAASC,WAAAA,CAC1E,EAAE,IAAA,EAAM,QAAA,EAAU,QAAA,EAAU,QAAA,EAAU,GAAG,IAAA,EAAK,EAC9C,GAAA,EACA;AACA,EAAA,MAAM,EAAE,aAAA,EAAe,IAAA,EAAK,GAAIC,sCAAA,EAAqB;AAErD,EAAA,IAAI,CAAC,QAAQ,QAAA,EAAU;AACrB,IAAA,uBACEC,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,QAAA;AAAA,QACA,OAAA,EAAS,QAAA;AAAA,QAER;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAyC;AAC5D,IAAA,IAAI,CAAC,QAAA,IAAY,KAAA,CAAM,gBAAA,IAAoB,eAAA,CAAgB,KAAK,CAAA,EAAG;AACnE,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,QAAA,EAAS;AAAA,EACX,CAAA;AACA,EAAA,MAAM,cAAc,EAAE,GAAG,IAAA,EAAM,IAAA,EAAM,SAAS,WAAA,EAAY;AAC1D,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,uBACEA,cAAA,CAAC,QAAM,GAAG,WAAA,EAAc,GAAI,EAAE,GAAA,IAC3B,QAAA,EACH,CAAA;AAAA,EAEJ;AACA,EAAA,uBACEA,cAAA,CAAC,GAAA,EAAA,EAAG,GAAG,WAAA,EAAa,KACjB,QAAA,EACH,CAAA;AAEJ,CAAC","file":"chunk-OB5F4577.cjs","sourcesContent":["import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { useBlocksEnvironment } from '../provider/BlocksProvider'\nimport type { BlockLinkRenderProps } from './blockLink'\n\nexport interface ActionLinkProps extends Omit<\n  ComponentPropsWithoutRef<'button'>,\n  'onClick' | 'type' | 'children'\n> {\n  /**\n   * Destination. When set (and not `disabled`) the control is a real anchor, rendered through\n   * `BlocksProvider`'s `linkComponent` (plain `<a>` by default), so ctrl/cmd-click and \"open in new\n   * tab\" work. Without `onSelect` a plain click navigates through the link; with `onSelect`, a plain\n   * click calls it instead (it owns navigation) and modified clicks still use the link.\n   */\n  href?: string\n  onSelect?: () => void\n  children?: ReactNode\n}\n\nfunction isModifiedClick(event: MouseEvent): boolean {\n  return event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey\n}\n\n/**\n * The one \"go somewhere / do something\" control of the link-like blocks: a `<button>` without an\n * `href`, an anchor with one. Forwards its ref and any extra props so it can sit under a\n * tooltip or popover trigger `asChild`.\n */\nexport const ActionLink = forwardRef<HTMLElement, ActionLinkProps>(function ActionLink(\n  { href, onSelect, disabled, children, ...rest },\n  ref\n) {\n  const { linkComponent: Link } = useBlocksEnvironment()\n\n  if (!href || disabled) {\n    return (\n      <button\n        {...rest}\n        ref={ref as Ref<HTMLButtonElement>}\n        type=\"button\"\n        disabled={disabled}\n        onClick={onSelect}\n      >\n        {children}\n      </button>\n    )\n  }\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (!onSelect || event.defaultPrevented || isModifiedClick(event)) return\n    event.preventDefault()\n    onSelect()\n  }\n  const anchorProps = { ...rest, href, onClick: handleClick } as BlockLinkRenderProps\n  if (Link) {\n    return (\n      <Link {...anchorProps} {...({ ref } as object)}>\n        {children}\n      </Link>\n    )\n  }\n  return (\n    <a {...anchorProps} ref={ref as Ref<HTMLAnchorElement>}>\n      {children}\n    </a>\n  )\n})\n"]}

package/dist/chunk-OUW6G4O2.cjs

@@ -0,0 +1,96 @@
+"use client";
+'use strict';
+
+var chunkC54XEN5T_cjs = require('./chunk-C54XEN5T.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DEFAULT_SEARCH_HIT_LABELS = {
+  showMore: "Show more",
+  showLess: "Show less"
+};
+function isModifiedClick(e) {
+  return e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey;
+}
+var SearchHit = react.memo(function SearchHit2({
+  header,
+  content,
+  terms,
+  renderSnippet,
+  onClick,
+  active = false,
+  selected = false,
+  headerRight,
+  href,
+  labels,
+  testId,
+  className
+}) {
+  const l = { ...DEFAULT_SEARCH_HIT_LABELS, ...labels };
+  const { linkComponent: Link } = chunkC54XEN5T_cjs.useBlocksEnvironment();
+  const [expanded, setExpanded] = react.useState(false);
+  const [overflowing, setOverflowing] = react.useState(false);
+  const bodyRef = react.useRef(null);
+  react.useLayoutEffect(() => {
+    const el = bodyRef.current;
+    if (!el || expanded) return;
+    setOverflowing(el.scrollHeight > el.clientHeight + 1);
+  }, [content, terms, expanded]);
+  const handleCardClick = (e) => {
+    if (href && isModifiedClick(e)) return;
+    if (href) e.preventDefault();
+    onClick(e);
+  };
+  const card = /* @__PURE__ */ jsxRuntime.jsx(
+    ui.PassageCard,
+    {
+      header,
+      className: ui.cn(
+        // Plain `:hover` (not Tailwind `hover:`) so touchscreen laptops also get the border.
+        "[&:hover]:border-primary",
+        active && "bg-yellow-100 dark:bg-yellow-800/40",
+        className
+      ),
+      active: selected,
+      headerRight: headerRight ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "size-4 text-muted-foreground", "aria-hidden": true }),
+      onClick: handleCardClick,
+      "data-testid": testId,
+      footer: (overflowing || expanded) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "mt-1 text-xs font-medium text-primary hover:underline pointer-coarse:min-h-11",
+          onClick: (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            setExpanded((v) => !v);
+          },
+          children: expanded ? l.showLess : l.showMore
+        }
+      ) }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: bodyRef,
+          "data-slot": "search-hit",
+          className: ui.cn("text-sm text-foreground/90", !expanded && "line-clamp-3"),
+          children: renderSnippet(content, terms)
+        }
+      )
+    }
+  );
+  if (!href) return card;
+  const linkProps = {
+    href,
+    className: "block",
+    "data-slot": "search-hit-link"
+  };
+  return Link ? /* @__PURE__ */ jsxRuntime.jsx(Link, { ...linkProps, children: card }) : /* @__PURE__ */ jsxRuntime.jsx("a", { ...linkProps, children: card });
+});
+
+exports.DEFAULT_SEARCH_HIT_LABELS = DEFAULT_SEARCH_HIT_LABELS;
+exports.SearchHit = SearchHit;
+//# sourceMappingURL=chunk-OUW6G4O2.cjs.map
+//# sourceMappingURL=chunk-OUW6G4O2.cjs.map

package/dist/chunk-OUW6G4O2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/retrieval/SearchHit.tsx"],"names":["memo","SearchHit","useBlocksEnvironment","useState","useRef","useLayoutEffect","jsx","PassageCard","cn","Eye"],"mappings":"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","file":"chunk-OUW6G4O2.cjs","sourcesContent":["import { memo, useLayoutEffect, useRef, useState, type MouseEvent, type ReactNode } from 'react'\nimport { Eye } from 'lucide-react'\n\nimport { cn, PassageCard } from '@arbidocs/react/ui'\nimport { useBlocksEnvironment } from '../provider/BlocksProvider'\nimport type { BlockLinkRenderProps } from '../components/blockLink'\n\nexport interface SearchHitLabels {\n  showMore: string\n  showLess: string\n}\n\nexport const DEFAULT_SEARCH_HIT_LABELS: SearchHitLabels = {\n  showMore: 'Show more',\n  showLess: 'Show less',\n}\n\nfunction isModifiedClick(e: MouseEvent): boolean {\n  return e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey\n}\n\nexport interface SearchHitProps {\n  /** Left side of the header row: a source pill or a small page label. */\n  header: ReactNode\n  /** Raw snippet text (passed through `renderSnippet`). */\n  content: string\n  /** Query terms to highlight; handed to `renderSnippet`. */\n  terms: string[]\n  /** Renders the snippet (markdown + highlight). The app owns the markdown pipeline. */\n  renderSnippet: (content: string, terms: string[]) => ReactNode\n  onClick: (e: MouseEvent) => void\n  /** This passage is the one open in the viewer (yellow wash). */\n  active?: boolean\n  /** Marks the hit as the one currently open elsewhere (accent border + ring). */\n  selected?: boolean\n  /** Replaces the default open-eye on the right of the header. */\n  headerRight?: ReactNode\n  /**\n   * Destination of the hit. Rendered as a real link (provider link component) so ctrl/cmd-click\n   * opens it in a new tab; a plain click calls `onClick` and does not navigate.\n   */\n  href?: string\n  labels?: Partial<SearchHitLabels>\n  testId?: string\n  className?: string\n}\n\n/**\n * Snippet-first search result: header over a 3-line clamped excerpt with a Show more toggle.\n * The card is a single click target; nothing interactive may sit inside its header.\n */\nexport const SearchHit = memo(function SearchHit({\n  header,\n  content,\n  terms,\n  renderSnippet,\n  onClick,\n  active = false,\n  selected = false,\n  headerRight,\n  href,\n  labels,\n  testId,\n  className,\n}: SearchHitProps) {\n  const l = { ...DEFAULT_SEARCH_HIT_LABELS, ...labels }\n  const { linkComponent: Link } = useBlocksEnvironment()\n  const [expanded, setExpanded] = useState(false)\n  const [overflowing, setOverflowing] = useState(false)\n  const bodyRef = useRef<HTMLDivElement>(null)\n\n  // Only offer \"Show more\" when the clamped snippet actually hides content.\n  useLayoutEffect(() => {\n    const el = bodyRef.current\n    if (!el || expanded) return\n    setOverflowing(el.scrollHeight > el.clientHeight + 1)\n  }, [content, terms, expanded])\n\n  const handleCardClick = (e: MouseEvent) => {\n    if (href && isModifiedClick(e)) return\n    if (href) e.preventDefault()\n    onClick(e)\n  }\n\n  const card = (\n    <PassageCard\n      header={header}\n      className={cn(\n        // Plain `:hover` (not Tailwind `hover:`) so touchscreen laptops also get the border.\n        '[&:hover]:border-primary',\n        active && 'bg-yellow-100 dark:bg-yellow-800/40',\n        className\n      )}\n      active={selected}\n      headerRight={headerRight ?? <Eye className=\"size-4 text-muted-foreground\" aria-hidden />}\n      onClick={handleCardClick}\n      data-testid={testId}\n      footer={\n        (overflowing || expanded) && (\n          <div className=\"flex justify-end\">\n            <button\n              type=\"button\"\n              className=\"mt-1 text-xs font-medium text-primary hover:underline pointer-coarse:min-h-11\"\n              onClick={(e) => {\n                e.stopPropagation()\n                e.preventDefault()\n                setExpanded((v) => !v)\n              }}\n            >\n              {expanded ? l.showLess : l.showMore}\n            </button>\n          </div>\n        )\n      }\n    >\n      <div\n        ref={bodyRef}\n        data-slot=\"search-hit\"\n        className={cn('text-sm text-foreground/90', !expanded && 'line-clamp-3')}\n      >\n        {renderSnippet(content, terms)}\n      </div>\n    </PassageCard>\n  )\n  if (!href) return card\n  const linkProps = {\n    href,\n    className: 'block',\n    'data-slot': 'search-hit-link',\n  } as unknown as BlockLinkRenderProps\n  return Link ? <Link {...linkProps}>{card}</Link> : <a {...linkProps}>{card}</a>\n})\n"]}

package/dist/chunk-OVEQERPO.js

@@ -0,0 +1,66 @@
+"use client";
+import { TimelineCalendar, TimelineGantt } from './chunk-4EZVCGRL.js';
+import { useState } from 'react';
+import { CalendarDays, GanttChartSquare } from 'lucide-react';
+import { cn } from '@arbidocs/react/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TOGGLE = [
+  { mode: "calendar", label: "Calendar", Icon: CalendarDays },
+  { mode: "gantt", label: "Gantt", Icon: GanttChartSquare }
+];
+function Timeline({
+  items,
+  view,
+  defaultView = "calendar",
+  onSelect,
+  renderDetail,
+  emptyMessage,
+  className,
+  testId = "timeline"
+}) {
+  const [picked, setPicked] = useState(defaultView);
+  const mode = view ?? picked;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col h-full min-h-0", className), "data-testid": testId, children: [
+    !view && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 p-2 border-b border-border", children: TOGGLE.map(({ mode: m, label, Icon }) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setPicked(m),
+        "aria-pressed": mode === m,
+        "data-testid": `${testId}-view-${m}`,
+        className: cn(
+          "flex items-center gap-1.5 rounded px-2 py-1 text-xs",
+          mode === m ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5" }),
+          label
+        ]
+      },
+      m
+    )) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0", children: mode === "calendar" ? /* @__PURE__ */ jsx(
+      TimelineCalendar,
+      {
+        items,
+        onSelect,
+        testId: `${testId}-calendar`,
+        emptyState: /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-8 text-sm text-muted-foreground", children: emptyMessage ?? "Nothing dated yet." })
+      }
+    ) : /* @__PURE__ */ jsx(
+      TimelineGantt,
+      {
+        items,
+        onSelect: (item) => item && onSelect?.(item),
+        renderDetail,
+        emptyMessage,
+        testId: `${testId}-gantt`
+      }
+    ) })
+  ] });
+}
+
+export { Timeline };
+//# sourceMappingURL=chunk-OVEQERPO.js.map
+//# sourceMappingURL=chunk-OVEQERPO.js.map

package/dist/chunk-OVEQERPO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/timeline/Timeline.tsx"],"names":[],"mappings":";;;;;;AAiCA,IAAM,MAAA,GAAS;AAAA,EACb,EAAE,IAAA,EAAM,UAAA,EAAqB,KAAA,EAAO,UAAA,EAAY,MAAM,YAAA,EAAa;AAAA,EACnE,EAAE,IAAA,EAAM,OAAA,EAAkB,KAAA,EAAO,OAAA,EAAS,MAAM,gBAAA;AAClD,CAAA;AAEO,SAAS,QAAA,CAAgD;AAAA,EAC9D,KAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,UAAA;AAAA,EACd,QAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA,GAAS;AACX,CAAA,EAAqB;AACnB,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAA2B,WAAW,CAAA;AAClE,EAAA,MAAM,OAAO,IAAA,IAAQ,MAAA;AAErB,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,gCAAgC,SAAS,CAAA,EAAG,eAAa,MAAA,EACzE,QAAA,EAAA;AAAA,IAAA,CAAC,IAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oDAAA,EACZ,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,EAAE,IAAA,EAAM,CAAA,EAAG,KAAA,EAAO,MAAK,qBAClC,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,SAAA,CAAU,CAAC,CAAA;AAAA,QAC1B,gBAAc,IAAA,KAAS,CAAA;AAAA,QACvB,aAAA,EAAa,CAAA,EAAG,MAAM,CAAA,MAAA,EAAS,CAAC,CAAA,CAAA;AAAA,QAChC,SAAA,EAAW,EAAA;AAAA,UACT,qDAAA;AAAA,UACA,IAAA,KAAS,IACL,0BAAA,GACA;AAAA,SACN;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,aAAA,EAAc,CAAA;AAAA,UAC7B;AAAA;AAAA,OAAA;AAAA,MAbI;AAAA,KAeR,CAAA,EACH,CAAA;AAAA,oBAGF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,mBAAS,UAAA,mBACR,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAA,EAAQ,GAAG,MAAM,CAAA,SAAA,CAAA;AAAA,QACjB,4BACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2EAAA,EACZ,0BAAgB,oBAAA,EACnB;AAAA;AAAA,KAEJ,mBAEA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,QAAA,EAAU,CAAC,IAAA,KAAS,IAAA,IAAQ,WAAW,IAAI,CAAA;AAAA,QAC3C,YAAA;AAAA,QACA,YAAA;AAAA,QACA,MAAA,EAAQ,GAAG,MAAM,CAAA,MAAA;AAAA;AAAA,KACnB,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-OVEQERPO.js","sourcesContent":["/**\n * A timeline you can drop anywhere: the same items, seen as a calendar or as a\n * Gantt, with a toggle between them.\n *\n * The two views answer different questions — a calendar says \"what falls in this\n * week\", a Gantt says \"how long did this run and what overlapped it\" — and both\n * read the identical {@link TimelineItem} array, so a host renders one component\n * and lets the reader choose. Fix `view` to pin it to one.\n */\nimport { useState, type ReactNode } from 'react'\nimport { CalendarDays, GanttChartSquare } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport type { TimelineItem } from './types'\nimport { TimelineCalendar } from './TimelineCalendar'\nimport { TimelineGantt } from './TimelineGantt'\n\nexport type TimelineViewMode = 'calendar' | 'gantt'\n\nexport interface TimelineProps<T extends TimelineItem = TimelineItem> {\n  items: T[]\n  /** Pin the view. Omit to show the toggle and let the reader switch. */\n  view?: TimelineViewMode\n  /** Which view the toggle starts on. */\n  defaultView?: TimelineViewMode\n  onSelect?: (item: T) => void\n  /** Extra Gantt detail-panel content — sources, links, actions. */\n  renderDetail?: (item: T) => ReactNode\n  /** Shown when nothing carries a date. */\n  emptyMessage?: string\n  className?: string\n  testId?: string\n}\n\nconst TOGGLE = [\n  { mode: 'calendar' as const, label: 'Calendar', Icon: CalendarDays },\n  { mode: 'gantt' as const, label: 'Gantt', Icon: GanttChartSquare },\n]\n\nexport function Timeline<T extends TimelineItem = TimelineItem>({\n  items,\n  view,\n  defaultView = 'calendar',\n  onSelect,\n  renderDetail,\n  emptyMessage,\n  className,\n  testId = 'timeline',\n}: TimelineProps<T>) {\n  const [picked, setPicked] = useState<TimelineViewMode>(defaultView)\n  const mode = view ?? picked\n\n  return (\n    <div className={cn('flex flex-col h-full min-h-0', className)} data-testid={testId}>\n      {!view && (\n        <div className=\"flex items-center gap-1 p-2 border-b border-border\">\n          {TOGGLE.map(({ mode: m, label, Icon }) => (\n            <button\n              key={m}\n              type=\"button\"\n              onClick={() => setPicked(m)}\n              aria-pressed={mode === m}\n              data-testid={`${testId}-view-${m}`}\n              className={cn(\n                'flex items-center gap-1.5 rounded px-2 py-1 text-xs',\n                mode === m\n                  ? 'bg-muted text-foreground'\n                  : 'text-muted-foreground hover:text-foreground'\n              )}\n            >\n              <Icon className=\"w-3.5 h-3.5\" />\n              {label}\n            </button>\n          ))}\n        </div>\n      )}\n\n      <div className=\"flex-1 min-h-0\">\n        {mode === 'calendar' ? (\n          <TimelineCalendar\n            items={items}\n            onSelect={onSelect}\n            testId={`${testId}-calendar`}\n            emptyState={\n              <div className=\"flex h-full items-center justify-center p-8 text-sm text-muted-foreground\">\n                {emptyMessage ?? 'Nothing dated yet.'}\n              </div>\n            }\n          />\n        ) : (\n          <TimelineGantt\n            items={items}\n            onSelect={(item) => item && onSelect?.(item)}\n            renderDetail={renderDetail}\n            emptyMessage={emptyMessage}\n            testId={`${testId}-gantt`}\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-P6GHJSLR.js

@@ -0,0 +1,34 @@
+"use client";
+import { cn } from '@arbidocs/react/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/EmptyState.tsx
+function EmptyState({
+  icon: Icon,
+  title,
+  description,
+  action,
+  className,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center rounded-lg bg-muted px-6 py-12 text-center",
+        className
+      ),
+      "data-testid": testId,
+      children: [
+        Icon && /* @__PURE__ */ jsx("div", { className: "mb-3 flex size-11 items-center justify-center rounded-full bg-background text-muted-foreground", children: /* @__PURE__ */ jsx(Icon, { className: "size-5" }) }),
+        /* @__PURE__ */ jsx("p", { className: "font-display text-base font-semibold text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description }),
+        action && /* @__PURE__ */ jsx("div", { className: "mt-4", children: action })
+      ]
+    }
+  );
+}
+
+export { EmptyState };
+//# sourceMappingURL=chunk-P6GHJSLR.js.map
+//# sourceMappingURL=chunk-P6GHJSLR.js.map

package/dist/chunk-P6GHJSLR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/EmptyState.tsx"],"names":[],"mappings":";;;;AAKO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,EAAM,IAAA;AAAA,EACN,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,sFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,aAAA,EAAa,MAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,QAAA,IAAA,oBACC,GAAA,CAAC,SAAI,SAAA,EAAU,gGAAA,EACb,8BAAC,IAAA,EAAA,EAAK,SAAA,EAAU,UAAS,CAAA,EAC3B,CAAA;AAAA,wBAEF,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sDAAA,EAAwD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC1E,WAAA,oBAAe,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+CAA+C,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,QACvF,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAQ,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA,GAC3C;AAEJ","file":"chunk-P6GHJSLR.js","sourcesContent":["import type { LucideIcon } from 'lucide-react'\nimport type { ReactNode } from 'react'\nimport { cn } from '@arbidocs/react/ui'\n\n/** Centered placeholder for empty lists/panels: icon + title + description + action. */\nexport function EmptyState({\n  icon: Icon,\n  title,\n  description,\n  action,\n  className,\n  testId,\n}: {\n  icon?: LucideIcon\n  title: string\n  description?: string\n  action?: ReactNode\n  className?: string\n  testId?: string\n}) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center rounded-lg bg-muted px-6 py-12 text-center',\n        className\n      )}\n      data-testid={testId}\n    >\n      {Icon && (\n        <div className=\"mb-3 flex size-11 items-center justify-center rounded-full bg-background text-muted-foreground\">\n          <Icon className=\"size-5\" />\n        </div>\n      )}\n      <p className=\"font-display text-base font-semibold text-foreground\">{title}</p>\n      {description && <p className=\"mt-1 max-w-sm text-sm text-muted-foreground\">{description}</p>}\n      {action && <div className=\"mt-4\">{action}</div>}\n    </div>\n  )\n}\n"]}

package/dist/chunk-PCB2BPN3.cjs

@@ -0,0 +1,41 @@
+"use client";
+'use strict';
+
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Callout.tsx
+var STYLES = {
+  info: { wrap: "border-primary/30 bg-primary/5", icon: "text-primary", Icon: lucideReact.Info },
+  success: { wrap: "border-success/30 bg-success/10", icon: "text-success", Icon: lucideReact.CheckCircle2 },
+  warning: { wrap: "border-warning/40 bg-warning/10", icon: "text-warning", Icon: lucideReact.AlertTriangle },
+  danger: {
+    wrap: "border-destructive/30 bg-destructive/10",
+    icon: "text-destructive",
+    Icon: lucideReact.XCircle
+  }
+};
+function Callout({ variant = "info", title, body, testId }) {
+  const style = STYLES[variant] ?? STYLES.info;
+  const Icon = style.Icon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn("flex gap-3 rounded-lg border p-4 text-foreground", style.wrap),
+      "data-testid": testId,
+      role: "note",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: ui.cn("mt-0.5 size-5 shrink-0", style.icon), "aria-hidden": true }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: title }),
+          body && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: body })
+        ] })
+      ]
+    }
+  );
+}
+
+exports.Callout = Callout;
+//# sourceMappingURL=chunk-PCB2BPN3.cjs.map
+//# sourceMappingURL=chunk-PCB2BPN3.cjs.map

package/dist/chunk-PCB2BPN3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Callout.tsx"],"names":["Info","CheckCircle2","AlertTriangle","XCircle","jsxs","cn","jsx"],"mappings":";;;;;;;AAaA,IAAM,MAAA,GAAmF;AAAA,EACvF,MAAM,EAAE,IAAA,EAAM,kCAAkC,IAAA,EAAM,cAAA,EAAgB,MAAMA,gBAAA,EAAK;AAAA,EACjF,SAAS,EAAE,IAAA,EAAM,mCAAmC,IAAA,EAAM,cAAA,EAAgB,MAAMC,wBAAA,EAAa;AAAA,EAC7F,SAAS,EAAE,IAAA,EAAM,mCAAmC,IAAA,EAAM,cAAA,EAAgB,MAAMC,yBAAA,EAAc;AAAA,EAC9F,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,yCAAA;AAAA,IACN,IAAA,EAAM,kBAAA;AAAA,IACN,IAAA,EAAMC;AAAA;AAEV,CAAA;AAGO,SAAS,QAAQ,EAAE,OAAA,GAAU,QAAQ,KAAA,EAAO,IAAA,EAAM,QAAO,EAAiB;AAC/E,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,OAAO,CAAA,IAAK,MAAA,CAAO,IAAA;AACxC,EAAA,MAAM,OAAO,KAAA,CAAM,IAAA;AACnB,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,KAAA,CAAG,kDAAA,EAAoD,KAAA,CAAM,IAAI,CAAA;AAAA,MAC5E,aAAA,EAAa,MAAA;AAAA,MACb,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,IAAA,EAAA,EAAK,WAAWD,KAAA,CAAG,wBAAA,EAA0B,MAAM,IAAI,CAAA,EAAG,eAAW,IAAA,EAAC,CAAA;AAAA,wBACvED,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACZ,QAAA,EAAA;AAAA,UAAA,KAAA,oBAASE,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UAC7C,IAAA,oBAAQA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iDAAiD,QAAA,EAAA,IAAA,EAAK;AAAA,SAAA,EAC9E;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-PCB2BPN3.cjs","sourcesContent":["import type { LucideIcon } from 'lucide-react'\nimport { AlertTriangle, CheckCircle2, Info, XCircle } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\nexport type CalloutVariant = 'info' | 'success' | 'warning' | 'danger'\n\nexport interface CalloutProps {\n  variant?: CalloutVariant\n  title?: string\n  body?: string\n  testId?: string\n}\n\nconst STYLES: Record<CalloutVariant, { wrap: string; icon: string; Icon: LucideIcon }> = {\n  info: { wrap: 'border-primary/30 bg-primary/5', icon: 'text-primary', Icon: Info },\n  success: { wrap: 'border-success/30 bg-success/10', icon: 'text-success', Icon: CheckCircle2 },\n  warning: { wrap: 'border-warning/40 bg-warning/10', icon: 'text-warning', Icon: AlertTriangle },\n  danger: {\n    wrap: 'border-destructive/30 bg-destructive/10',\n    icon: 'text-destructive',\n    Icon: XCircle,\n  },\n}\n\n/** Inline notice box in one of four semantic tones. */\nexport function Callout({ variant = 'info', title, body, testId }: CalloutProps) {\n  const style = STYLES[variant] ?? STYLES.info\n  const Icon = style.Icon\n  return (\n    <div\n      className={cn('flex gap-3 rounded-lg border p-4 text-foreground', style.wrap)}\n      data-testid={testId}\n      role=\"note\"\n    >\n      <Icon className={cn('mt-0.5 size-5 shrink-0', style.icon)} aria-hidden />\n      <div className=\"min-w-0\">\n        {title && <p className=\"font-semibold\">{title}</p>}\n        {body && <p className=\"text-sm leading-relaxed text-muted-foreground\">{body}</p>}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-PPCATBOY.cjs

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+// src/lib/observe-resize.ts
+function observeResize(element, callback) {
+  if (typeof ResizeObserver === "undefined") return () => {
+  };
+  const observer = new ResizeObserver(callback);
+  observer.observe(element);
+  return () => observer.disconnect();
+}
+
+exports.observeResize = observeResize;
+//# sourceMappingURL=chunk-PPCATBOY.cjs.map
+//# sourceMappingURL=chunk-PPCATBOY.cjs.map

package/dist/chunk-PPCATBOY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/observe-resize.ts"],"names":[],"mappings":";;;AAKO,SAAS,aAAA,CAAc,SAAkB,QAAA,EAA8C;AAC5F,EAAA,IAAI,OAAO,cAAA,KAAmB,WAAA,EAAa,OAAO,MAAM;AAAA,EAAC,CAAA;AACzD,EAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,QAAQ,CAAA;AAC5C,EAAA,QAAA,CAAS,QAAQ,OAAO,CAAA;AACxB,EAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AACnC","file":"chunk-PPCATBOY.cjs","sourcesContent":["/**\n * Observe an element's size. Where `ResizeObserver` does not exist (jsdom, very old webviews)\n * this is a no-op, so blocks render everywhere without a host-provided polyfill. Returns the\n * disconnect function.\n */\nexport function observeResize(element: Element, callback: ResizeObserverCallback): () => void {\n  if (typeof ResizeObserver === 'undefined') return () => {}\n  const observer = new ResizeObserver(callback)\n  observer.observe(element)\n  return () => observer.disconnect()\n}\n"]}