@epicbagel/saas-kit 1.25.1 → 1.27.0

package/dist/chunk-U7XNNLVP.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkWABCLRBRcjs = require('./chunk-WABCLRBR.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/person-avatar.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function initials(name) {
+  const words = name.trim().split(/\s+/).filter(Boolean);
+  const first = words[0];
+  if (!first) return "?";
+  const last = words[words.length - 1];
+  if (words.length === 1 || !last) return first.slice(0, 2).toUpperCase();
+  return (first.charAt(0) + last.charAt(0)).toUpperCase();
+}
+function PersonAvatar({
+  name,
+  photoUrl,
+  size,
+  className,
+  fallbackClassName,
+  fallbackSize = "default"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkWABCLRBRcjs.Avatar,
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "shrink-0 overflow-hidden rounded-full bg-muted", className),
+      style: size != null ? { width: size, height: size } : void 0,
+      children: [
+        photoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkWABCLRBRcjs.AvatarImage,
+          {
+            src: photoUrl,
+            alt: name,
+            className: "h-full w-full object-cover"
+          }
+        ) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkWABCLRBRcjs.AvatarFallback,
+          {
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, "h-full w-full font-medium", fallbackSize === "default" ? "text-xs" : "text-xl", fallbackClassName),
+            children: initials(name)
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+
+exports.initials = initials; exports.PersonAvatar = PersonAvatar;

package/dist/chunk-ZBWL7OUW.cjs

@@ -0,0 +1,158 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+
+var _chunk23IETCLVcjs = require('./chunk-23IETCLV.cjs');
+
+
+
+
+
+var _chunkU2NES7VRcjs = require('./chunk-U2NES7VR.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/chat-turn-navigator.tsx
+var _react = require('react');
+var _reacttooltip = require('@radix-ui/react-tooltip'); var TooltipPrimitive = _interopRequireWildcard(_reacttooltip);
+var _jsxruntime = require('react/jsx-runtime');
+var RAIL_WIDTH = 40;
+var RAIL_GAP = 16;
+function activeNavigatorItem(items, order, visibleMessageIds) {
+  if (items.length === 0) return null;
+  const position = new Map(order.map((id, index) => [id, index]));
+  const firstVisible = visibleMessageIds.map((id) => position.get(id)).filter((index) => index !== void 0).sort((a, b) => a - b)[0];
+  if (firstVisible === void 0) return null;
+  let active = null;
+  for (const item of items) {
+    const index = position.get(item.messageId);
+    if (index !== void 0 && index <= firstVisible) active = item.messageId;
+  }
+  return _nullishCoalesce(active, () => ( items[0].messageId));
+}
+function ChatTurnNavigator({
+  items,
+  order,
+  label = "Conversation",
+  side = "start",
+  columnWidth = 768
+}) {
+  const { scrollToMessage } = _chunk23IETCLVcjs.useMessageScroller.call(void 0, );
+  const { visibleMessageIds } = _chunk23IETCLVcjs.useMessageScrollerVisibility.call(void 0, );
+  const navRef = _react.useRef.call(void 0, null);
+  const listRef = _react.useRef.call(void 0, null);
+  const [fits, setFits] = _react.useState.call(void 0, false);
+  const [focusIndex, setFocusIndex] = _react.useState.call(void 0, 0);
+  const active = _react.useMemo.call(void 0, 
+    () => activeNavigatorItem(items, order, visibleMessageIds),
+    [items, order, visibleMessageIds]
+  );
+  _react.useLayoutEffect.call(void 0, () => {
+    const root = _optionalChain([navRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.parentElement]);
+    if (!root) return;
+    const measure = () => setFits((root.clientWidth - columnWidth) / 2 >= RAIL_WIDTH + RAIL_GAP * 2);
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(root);
+    return () => observer.disconnect();
+  }, [columnWidth]);
+  _react.useEffect.call(void 0, () => {
+    const list = listRef.current;
+    const index = items.findIndex((item) => item.messageId === active);
+    const tick = _optionalChain([list, 'optionalAccess', _3 => _3.children, 'access', _4 => _4[index]]);
+    if (!list || !tick) return;
+    if (tick.offsetTop < list.scrollTop) list.scrollTop = tick.offsetTop;
+    else if (tick.offsetTop + tick.offsetHeight > list.scrollTop + list.clientHeight) {
+      list.scrollTop = tick.offsetTop + tick.offsetHeight - list.clientHeight;
+    }
+    if (index >= 0) setFocusIndex(index);
+  }, [active, items]);
+  if (items.length === 0) return null;
+  function jump(item) {
+    const reduced = typeof window !== "undefined" && _optionalChain([window, 'access', _5 => _5.matchMedia, 'optionalCall', _6 => _6("(prefers-reduced-motion: reduce)"), 'access', _7 => _7.matches]);
+    scrollToMessage(item.messageId, { align: "start", behavior: reduced ? "instant" : "smooth", scrollMargin: 16 });
+  }
+  function onKeyDown(event, index) {
+    const next = event.key === "ArrowDown" ? index + 1 : event.key === "ArrowUp" ? index - 1 : event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : null;
+    if (next === null) return;
+    event.preventDefault();
+    const target = Math.max(0, Math.min(items.length - 1, next));
+    setFocusIndex(target);
+    _optionalChain([listRef, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.children, 'access', _10 => _10[target], 'optionalAccess', _11 => _11.querySelector, 'call', _12 => _12("button"), 'optionalAccess', _13 => _13.focus, 'call', _14 => _14({ preventScroll: true })]);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "nav",
+    {
+      ref: navRef,
+      "aria-label": label,
+      hidden: !fits,
+      "data-slot": "chat-turn-navigator",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "absolute top-1/2 z-10 -translate-y-1/2",
+        side === "start" ? "left-4" : "right-5"
+      ),
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipProvider, { delayDuration: 150, skipDelayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "ol",
+        {
+          ref: listRef,
+          className: "flex max-h-[60vh] flex-col overflow-y-auto py-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+          children: items.map((item, index) => {
+            const current = item.messageId === active;
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU2NES7VRcjs.Tooltip, { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  "aria-label": item.kind ? `${item.kind}: ${item.title}` : item.title,
+                  "aria-current": current ? "location" : void 0,
+                  tabIndex: index === focusIndex ? 0 : -1,
+                  onClick: () => jump(item),
+                  onKeyDown: (event) => onKeyDown(event, index),
+                  className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                    "group flex h-3.5 w-10 items-center rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    side === "start" ? "justify-start ps-1" : "justify-end pe-1"
+                  ),
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                        "h-0.5 rounded-full transition-[width,background-color] duration-150",
+                        current ? "w-6 bg-foreground" : "w-3.5 bg-muted-foreground/45 group-hover:w-5 group-hover:bg-muted-foreground group-focus-visible:w-5"
+                      )
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                _chunkU2NES7VRcjs.TooltipContent,
+                {
+                  side: side === "start" ? "right" : "left",
+                  sideOffset: 10,
+                  className: "flex max-w-80 flex-col gap-1 rounded-xl px-3.5 py-2.5",
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "truncate font-medium", children: [
+                      item.kind ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground", children: [
+                        item.kind,
+                        " \xB7 "
+                      ] }) : null,
+                      item.title
+                    ] }),
+                    item.excerpt ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-3 text-xs leading-5 text-muted-foreground", children: item.excerpt }) : null
+                  ]
+                }
+              ) })
+            ] }) }, item.messageId);
+          })
+        }
+      ) })
+    }
+  );
+}
+
+
+
+
+exports.activeNavigatorItem = activeNavigatorItem; exports.ChatTurnNavigator = ChatTurnNavigator;

package/dist/primitives/board-view.cjs

@@ -2,16 +2,16 @@
 "use client";
 
 
-var _chunkFBVZRRA4cjs = require('../chunk-FBVZRRA4.cjs');
+var _chunkMOJHETNOcjs = require('../chunk-MOJHETNO.cjs');
 require('../chunk-EUFV25KL.cjs');
 require('../chunk-7YCKII7G.cjs');
 require('../chunk-MW67PHAQ.cjs');
 require('../chunk-PPX2VPGI.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
+require('../chunk-LELBCBDT.cjs');
 require('../chunk-U2NES7VR.cjs');
 require('../chunk-JH4GAGOQ.cjs');
-require('../chunk-LELBCBDT.cjs');
 require('../chunk-YYFVG5A6.cjs');
 require('../chunk-XLIAY56V.cjs');
 require('../chunk-V5SPFLKW.cjs');
@@ -57,7 +57,7 @@ function BoardView({
   onSortChange
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkFBVZRRA4cjs.ResourceList,
+    _chunkMOJHETNOcjs.ResourceList,
     {
       data,
       loading,

package/dist/primitives/board-view.js

@@ -2,16 +2,16 @@
 "use client";
 import {
   ResourceList
-} from "../chunk-LQPJGZIE.js";
+} from "../chunk-JS6BLIWL.js";
 import "../chunk-43UMPZWD.js";
 import "../chunk-EEHIMPD7.js";
 import "../chunk-UFFHGKI7.js";
 import "../chunk-G76JANB4.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
+import "../chunk-H2O6NMLZ.js";
 import "../chunk-ZRLUUZHK.js";
 import "../chunk-OICAYRVH.js";
-import "../chunk-H2O6NMLZ.js";
 import "../chunk-62UTAG2C.js";
 import "../chunk-LELFPLTE.js";
 import "../chunk-J6NXDZR5.js";

package/dist/primitives/chat-turn-navigator.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+var _chunkZBWL7OUWcjs = require('../chunk-ZBWL7OUW.cjs');
+require('../chunk-23IETCLV.cjs');
+require('../chunk-DMPSKGFM.cjs');
+require('../chunk-Z2H4LJVG.cjs');
+require('../chunk-U2NES7VR.cjs');
+require('../chunk-WABCLRBR.cjs');
+require('../chunk-JDEXZGIY.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+exports.ChatTurnNavigator = _chunkZBWL7OUWcjs.ChatTurnNavigator; exports.activeNavigatorItem = _chunkZBWL7OUWcjs.activeNavigatorItem;

package/dist/primitives/chat-turn-navigator.d.cts

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** One place in a conversation the navigator can jump to. */
+interface ChatNavigatorItem {
+    /** The id of the thread message it jumps to. */
+    messageId: string;
+    /** Its preview's first line, and the tick's accessible name. */
+    title: string;
+    /** A few lines under the title in the preview, such as the reply. */
+    excerpt?: string;
+    /** What it is, shown before the title ("Plan", "Summary"). */
+    kind?: string;
+}
+interface ChatTurnNavigatorProps {
+    items: readonly ChatNavigatorItem[];
+    /** Every message id in the thread, in order: how an item in view is found. */
+    order: readonly string[];
+    /** The navigation landmark's name. */
+    label?: string;
+    /** Which gutter the rail sits in. */
+    side?: "start" | "end";
+    /** The reading column's width, so the rail only shows where it has room beside it. */
+    columnWidth?: number;
+}
+/**
+ * The item a reader is on: the last one at or before the first message in
+ * view, in thread order, or the first item when none comes before it.
+ */
+declare function activeNavigatorItem(items: readonly ChatNavigatorItem[], order: readonly string[], visibleMessageIds: readonly string[]): string | null;
+/**
+ * A conversation's turns as a rail of ticks in the thread's gutter: the one
+ * in view marked, a preview of each on hover or focus, and a jump on click.
+ * Render it inside `ChatThread` (its `navigator` prop), where the thread's
+ * scroller is: jumps use the scroller's anchoring, so incoming content never
+ * snaps the reader back to the end. It shows only where the gutter beside
+ * the reading column has room for it.
+ */
+declare function ChatTurnNavigator({ items, order, label, side, columnWidth, }: ChatTurnNavigatorProps): react_jsx_runtime.JSX.Element | null;
+
+export { type ChatNavigatorItem, ChatTurnNavigator, type ChatTurnNavigatorProps, activeNavigatorItem };

package/dist/primitives/chat-turn-navigator.d.ts

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** One place in a conversation the navigator can jump to. */
+interface ChatNavigatorItem {
+    /** The id of the thread message it jumps to. */
+    messageId: string;
+    /** Its preview's first line, and the tick's accessible name. */
+    title: string;
+    /** A few lines under the title in the preview, such as the reply. */
+    excerpt?: string;
+    /** What it is, shown before the title ("Plan", "Summary"). */
+    kind?: string;
+}
+interface ChatTurnNavigatorProps {
+    items: readonly ChatNavigatorItem[];
+    /** Every message id in the thread, in order: how an item in view is found. */
+    order: readonly string[];
+    /** The navigation landmark's name. */
+    label?: string;
+    /** Which gutter the rail sits in. */
+    side?: "start" | "end";
+    /** The reading column's width, so the rail only shows where it has room beside it. */
+    columnWidth?: number;
+}
+/**
+ * The item a reader is on: the last one at or before the first message in
+ * view, in thread order, or the first item when none comes before it.
+ */
+declare function activeNavigatorItem(items: readonly ChatNavigatorItem[], order: readonly string[], visibleMessageIds: readonly string[]): string | null;
+/**
+ * A conversation's turns as a rail of ticks in the thread's gutter: the one
+ * in view marked, a preview of each on hover or focus, and a jump on click.
+ * Render it inside `ChatThread` (its `navigator` prop), where the thread's
+ * scroller is: jumps use the scroller's anchoring, so incoming content never
+ * snaps the reader back to the end. It shows only where the gutter beside
+ * the reading column has room for it.
+ */
+declare function ChatTurnNavigator({ items, order, label, side, columnWidth, }: ChatTurnNavigatorProps): react_jsx_runtime.JSX.Element | null;
+
+export { type ChatNavigatorItem, ChatTurnNavigator, type ChatTurnNavigatorProps, activeNavigatorItem };

package/dist/primitives/chat-turn-navigator.js

@@ -0,0 +1,16 @@
+"use client";
+import {
+  ChatTurnNavigator,
+  activeNavigatorItem
+} from "../chunk-HO6DRDGD.js";
+import "../chunk-OUZSIA5G.js";
+import "../chunk-36LNA4WM.js";
+import "../chunk-GA5SX7FE.js";
+import "../chunk-ZRLUUZHK.js";
+import "../chunk-3OWGL4Q2.js";
+import "../chunk-W326GKML.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  ChatTurnNavigator,
+  activeNavigatorItem
+};