@arbidocs/blocks 0.4.112 → 0.4.114

package/dist/{chunk-BV7FEMSI.js → chunk-OKERRHLH.js}

@@ -1,5 +1,5 @@
 "use client";
-import { SHELL_BOTTOM_INSET_VAR } from './chunk-KZJAG7T3.js';
+import { SHELL_BOTTOM_INSET_VAR } from './chunk-7XF5SFJ2.js';
 import { useIsPhone } from './chunk-SLSBJRWW.js';
 import { useMemo } from 'react';
 import { Toaster as Toaster$1 } from '@arbidocs/react/shell';
@@ -30,5 +30,5 @@ function Toaster({
 }
 
 export { DEFAULT_DOCK_WIDTH, Toaster };
-//# sourceMappingURL=chunk-BV7FEMSI.js.map
-//# sourceMappingURL=chunk-BV7FEMSI.js.map
+//# sourceMappingURL=chunk-OKERRHLH.js.map
+//# sourceMappingURL=chunk-OKERRHLH.js.map

package/dist/{chunk-BV7FEMSI.js.map → chunk-OKERRHLH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/shell/Toaster.tsx"],"names":["KitToaster"],"mappings":";;;;;;AAMO,IAAM,kBAAA,GAAqB;AAelC,IAAM,QAAA,GAAW,CAAC,CAAA,KAAwB,OAAO,MAAM,QAAA,GAAW,CAAA,EAAG,CAAC,CAAA,EAAA,CAAA,GAAO,CAAA;AActE,SAAS,OAAA,CAAQ;AAAA,EACtB,QAAA,GAAW,cAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,kBAAA;AAAA,EACZ,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,EAAA,MAAM,GAAA,GAAM,OAAA,KAAY,OAAA,GAAU,SAAA,GAAY,MAAA,CAAA;AAC9C,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,UAAA,CAAW,QAAQ,CAAA;AAC7C,EAAA,MAAM,OAAA,GAAU,QAAA,CAAS,QAAA,CAAS,OAAO,CAAA;AACzC,EAAA,MAAM,YAAA,GAAe,QAAA,IAAY,OAAA,IAAW,CAAC,OAAA;AAE7C,EAAA,MAAM,MAAA,GAAS,QAAQ,MAAM;AAC3B,IAAA,MAAM,KAAA,GAAQ,CAAA,aAAA,EAAgB,sBAAsB,CAAA,4CAAA,EAA+C,GAAG,CAAA,CAAA,CAAA;AACtG,IAAA,MAAM,GAAA,GAAM,wCAAwC,GAAG,CAAA,CAAA,CAAA;AACvD,IAAA,MAAM,KAAA,GAAQ,YAAA,GACV,CAAA,KAAA,EAAQ,QAAA,CAAS,SAAS,CAAC,CAAA,GAAA,EAAM,GAAG,CAAA,CAAA,CAAA,GACpC,CAAA,uCAAA,EAA0C,GAAG,CAAA,CAAA,CAAA;AACjD,IAAA,MAAM,IAAA,GAAO,yCAAyC,GAAG,CAAA,CAAA,CAAA;AACzD,IAAA,OAAO,QAAA,GAAW,EAAE,MAAA,EAAQ,KAAA,EAAO,KAAA,EAAO,MAAK,GAAI,EAAE,GAAA,EAAK,KAAA,EAAO,IAAA,EAAK;AAAA,EACxE,GAAG,CAAC,GAAA,EAAK,QAAA,EAAU,YAAA,EAAc,SAAS,CAAC,CAAA;AAE3C,EAAA,2BAAQA,SAAA,EAAA,EAAW,QAAA,EAAoB,QAAgB,YAAA,EAAc,MAAA,EAAS,GAAG,KAAA,EAAO,CAAA;AAC1F","file":"chunk-BV7FEMSI.js","sourcesContent":["import { useMemo } from 'react'\nimport { Toaster as KitToaster, type ToasterProps } from '@arbidocs/react/shell'\nimport { SHELL_BOTTOM_INSET_VAR } from '../lib/bottom-inset'\nimport { useIsPhone } from '../lib/use-media-query'\n\n/** The assistant dock's default width, in CSS px (`AssistantDock`'s `width` default). */\nexport const DEFAULT_DOCK_WIDTH = 380\n\nexport interface ShellToasterProps extends Omit<ToasterProps, 'offset' | 'mobileOffset'> {\n  /**\n   * A right-hand dock (the assistant chat) is open beside the content. A right-aligned stack then\n   * slides left by `dockWidth` so it never sits on the dock. On a phone the dock is a full-screen\n   * modal, so no shift applies. `AssistantToaster` from `@arbidocs/blocks/chat` wires this for you.\n   */\n  dockOpen?: boolean\n  /** Width of the open dock: a number is px, a string any CSS length. Default 380. */\n  dockWidth?: number | string\n  /** Gap kept to the screen edges, any CSS length. Default `1rem` (`0.75rem` on a phone). */\n  edgeGap?: string\n}\n\nconst asLength = (v: number | string) => (typeof v === 'number' ? `${v}px` : v)\n\n/**\n * The shell's toast stack: the shared sonner `Toaster` placed so it never covers shell chrome.\n * Default position is bottom-right. It keeps clear of:\n *\n *  - pinned bottom bars (the phone tab bar, the chat composer), through `--shell-bottom-inset`\n *    that `useShellBottomInset` publishes; a bottom stack sits `edgeGap` above it;\n *  - the device's home indicator and notch (`env(safe-area-inset-*)`);\n *  - an open right-hand dock (`dockOpen` + `dockWidth`).\n *\n * Mount it once near the app root. Every other sonner prop (`theme`, `closeButton`,\n * `toastOptions`, ...) passes through; fire toasts with `notify.*` / `toast` from `@arbidocs/react`.\n */\nexport function Toaster({\n  position = 'bottom-right',\n  dockOpen = false,\n  dockWidth = DEFAULT_DOCK_WIDTH,\n  edgeGap,\n  ...props\n}: ShellToasterProps) {\n  const isPhone = useIsPhone()\n  const gap = edgeGap ?? (isPhone ? '0.75rem' : '1rem')\n  const isBottom = position.startsWith('bottom')\n  const isRight = position.endsWith('right')\n  const shiftForDock = dockOpen && isRight && !isPhone\n\n  const offset = useMemo(() => {\n    const inset = `calc(max(var(${SHELL_BOTTOM_INSET_VAR}, 0px), env(safe-area-inset-bottom, 0px)) + ${gap})`\n    const top = `calc(env(safe-area-inset-top, 0px) + ${gap})`\n    const right = shiftForDock\n      ? `calc(${asLength(dockWidth)} + ${gap})`\n      : `calc(env(safe-area-inset-right, 0px) + ${gap})`\n    const left = `calc(env(safe-area-inset-left, 0px) + ${gap})`\n    return isBottom ? { bottom: inset, right, left } : { top, right, left }\n  }, [gap, isBottom, shiftForDock, dockWidth])\n\n  return <KitToaster position={position} offset={offset} mobileOffset={offset} {...props} />\n}\n"]}
+{"version":3,"sources":["../src/shell/Toaster.tsx"],"names":["KitToaster"],"mappings":";;;;;;AAMO,IAAM,kBAAA,GAAqB;AAelC,IAAM,QAAA,GAAW,CAAC,CAAA,KAAwB,OAAO,MAAM,QAAA,GAAW,CAAA,EAAG,CAAC,CAAA,EAAA,CAAA,GAAO,CAAA;AActE,SAAS,OAAA,CAAQ;AAAA,EACtB,QAAA,GAAW,cAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,kBAAA;AAAA,EACZ,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,EAAA,MAAM,GAAA,GAAM,OAAA,KAAY,OAAA,GAAU,SAAA,GAAY,MAAA,CAAA;AAC9C,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,UAAA,CAAW,QAAQ,CAAA;AAC7C,EAAA,MAAM,OAAA,GAAU,QAAA,CAAS,QAAA,CAAS,OAAO,CAAA;AACzC,EAAA,MAAM,YAAA,GAAe,QAAA,IAAY,OAAA,IAAW,CAAC,OAAA;AAE7C,EAAA,MAAM,MAAA,GAAS,QAAQ,MAAM;AAC3B,IAAA,MAAM,KAAA,GAAQ,CAAA,aAAA,EAAgB,sBAAsB,CAAA,4CAAA,EAA+C,GAAG,CAAA,CAAA,CAAA;AACtG,IAAA,MAAM,GAAA,GAAM,wCAAwC,GAAG,CAAA,CAAA,CAAA;AACvD,IAAA,MAAM,KAAA,GAAQ,YAAA,GACV,CAAA,KAAA,EAAQ,QAAA,CAAS,SAAS,CAAC,CAAA,GAAA,EAAM,GAAG,CAAA,CAAA,CAAA,GACpC,CAAA,uCAAA,EAA0C,GAAG,CAAA,CAAA,CAAA;AACjD,IAAA,MAAM,IAAA,GAAO,yCAAyC,GAAG,CAAA,CAAA,CAAA;AACzD,IAAA,OAAO,QAAA,GAAW,EAAE,MAAA,EAAQ,KAAA,EAAO,KAAA,EAAO,MAAK,GAAI,EAAE,GAAA,EAAK,KAAA,EAAO,IAAA,EAAK;AAAA,EACxE,GAAG,CAAC,GAAA,EAAK,QAAA,EAAU,YAAA,EAAc,SAAS,CAAC,CAAA;AAE3C,EAAA,2BAAQA,SAAA,EAAA,EAAW,QAAA,EAAoB,QAAgB,YAAA,EAAc,MAAA,EAAS,GAAG,KAAA,EAAO,CAAA;AAC1F","file":"chunk-OKERRHLH.js","sourcesContent":["import { useMemo } from 'react'\nimport { Toaster as KitToaster, type ToasterProps } from '@arbidocs/react/shell'\nimport { SHELL_BOTTOM_INSET_VAR } from '../lib/bottom-inset'\nimport { useIsPhone } from '../lib/use-media-query'\n\n/** The assistant dock's default width, in CSS px (`AssistantDock`'s `width` default). */\nexport const DEFAULT_DOCK_WIDTH = 380\n\nexport interface ShellToasterProps extends Omit<ToasterProps, 'offset' | 'mobileOffset'> {\n  /**\n   * A right-hand dock (the assistant chat) is open beside the content. A right-aligned stack then\n   * slides left by `dockWidth` so it never sits on the dock. On a phone the dock is a full-screen\n   * modal, so no shift applies. `AssistantToaster` from `@arbidocs/blocks/chat` wires this for you.\n   */\n  dockOpen?: boolean\n  /** Width of the open dock: a number is px, a string any CSS length. Default 380. */\n  dockWidth?: number | string\n  /** Gap kept to the screen edges, any CSS length. Default `1rem` (`0.75rem` on a phone). */\n  edgeGap?: string\n}\n\nconst asLength = (v: number | string) => (typeof v === 'number' ? `${v}px` : v)\n\n/**\n * The shell's toast stack: the shared sonner `Toaster` placed so it never covers shell chrome.\n * Default position is bottom-right. It keeps clear of:\n *\n *  - pinned bottom bars (the phone tab bar, the chat composer), through `--shell-bottom-inset`\n *    that `useShellBottomInset` publishes; a bottom stack sits `edgeGap` above it;\n *  - the device's home indicator and notch (`env(safe-area-inset-*)`);\n *  - an open right-hand dock (`dockOpen` + `dockWidth`).\n *\n * Mount it once near the app root. Every other sonner prop (`theme`, `closeButton`,\n * `toastOptions`, ...) passes through; fire toasts with `notify.*` / `toast` from `@arbidocs/react`.\n */\nexport function Toaster({\n  position = 'bottom-right',\n  dockOpen = false,\n  dockWidth = DEFAULT_DOCK_WIDTH,\n  edgeGap,\n  ...props\n}: ShellToasterProps) {\n  const isPhone = useIsPhone()\n  const gap = edgeGap ?? (isPhone ? '0.75rem' : '1rem')\n  const isBottom = position.startsWith('bottom')\n  const isRight = position.endsWith('right')\n  const shiftForDock = dockOpen && isRight && !isPhone\n\n  const offset = useMemo(() => {\n    const inset = `calc(max(var(${SHELL_BOTTOM_INSET_VAR}, 0px), env(safe-area-inset-bottom, 0px)) + ${gap})`\n    const top = `calc(env(safe-area-inset-top, 0px) + ${gap})`\n    const right = shiftForDock\n      ? `calc(${asLength(dockWidth)} + ${gap})`\n      : `calc(env(safe-area-inset-right, 0px) + ${gap})`\n    const left = `calc(env(safe-area-inset-left, 0px) + ${gap})`\n    return isBottom ? { bottom: inset, right, left } : { top, right, left }\n  }, [gap, isBottom, shiftForDock, dockWidth])\n\n  return <KitToaster position={position} offset={offset} mobileOffset={offset} {...props} />\n}\n"]}

package/dist/{chunk-VP4KJ4LK.cjs → chunk-S2KVJYBD.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkVGOFFCMT_cjs = require('./chunk-VGOFFCMT.cjs');
+var chunkB6MVQCXW_cjs = require('./chunk-B6MVQCXW.cjs');
 var chunkB4SRYJLM_cjs = require('./chunk-B4SRYJLM.cjs');
 var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var chunkPPCATBOY_cjs = require('./chunk-PPCATBOY.cjs');
@@ -159,7 +159,10 @@ function MessageContent({
       "data-slot": "message-content",
       "data-testid": testId,
       className: ui.cn(
-        "w-full max-w-full overflow-hidden text-chat",
+        // min-w-0, not overflow-hidden: the column must shrink in its flex row, but clipping here
+        // cut what deliberately reaches past its edge — the author pill's hover inset, the
+        // avatar's presence dot, focus rings. Wide content is clipped by the bubble itself.
+        "w-full min-w-0 max-w-full text-chat",
         role === "user" && "flex flex-col",
         role === "user" && (align === "start" ? "items-start" : "items-end"),
         className
@@ -817,7 +820,7 @@ function ComposerRoot({
   ...rest
 }) {
   const rootRef = react.useRef(null);
-  chunkVGOFFCMT_cjs.useShellBottomInset(rootRef);
+  chunkB6MVQCXW_cjs.useShellBottomInset(rootRef);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -2407,7 +2410,7 @@ function AssistantDockToggle({
   const { isDockAvailable } = useChatSurface();
   const dock = useAssistantDock();
   if (!isDockAvailable) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkVGOFFCMT_cjs.ToolButton, { onClick: dock.toggle, label, active: dock.isOpen, "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "size-4", "aria-hidden": "true" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkB6MVQCXW_cjs.ToolButton, { onClick: dock.toggle, label, active: dock.isOpen, "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "size-4", "aria-hidden": "true" }) });
 }
 function AssistantDock({
   chat,
@@ -2422,7 +2425,7 @@ function AssistantDock({
   const dock = useAssistantDock();
   if (!isDockAvailable) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVGOFFCMT_cjs.Shell.Dock,
+    chunkB6MVQCXW_cjs.Shell.Dock,
     {
       isOpen: dock.isOpen,
       onOpenChange: dock.setOpen,
@@ -2441,7 +2444,7 @@ function AssistantDock({
           headerActions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             headerActions,
             !isMobile && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkVGOFFCMT_cjs.ToolButton,
+              chunkB6MVQCXW_cjs.ToolButton,
               {
                 onClick: () => dock.setOpen(false),
                 label: closeLabel,
@@ -2515,5 +2518,5 @@ exports.useAssistantDock = useAssistantDock;
 exports.useChatSurface = useChatSurface;
 exports.useRegisterEmbeddedChat = useRegisterEmbeddedChat;
 exports.useStreamAnnouncement = useStreamAnnouncement;
-//# sourceMappingURL=chunk-VP4KJ4LK.cjs.map
-//# sourceMappingURL=chunk-VP4KJ4LK.cjs.map
+//# sourceMappingURL=chunk-S2KVJYBD.cjs.map
+//# sourceMappingURL=chunk-S2KVJYBD.cjs.map