@arbidocs/blocks 0.4.20 → 0.4.21

package/dist/{chunk-BV7FEMSI.js → chunk-5LUI4G5R.js}

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

package/dist/{chunk-BV7FEMSI.js.map → chunk-5LUI4G5R.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-5LUI4G5R.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-QJEJBLHI.js → chunk-B6N5UXQX.js}

@@ -1,6 +1,6 @@
 "use client";
-import { Toaster } from './chunk-BV7FEMSI.js';
-import { useAssistantDock, useChatSurface } from './chunk-UVIOQUJA.js';
+import { Toaster } from './chunk-5LUI4G5R.js';
+import { useAssistantDock, useChatSurface } from './chunk-JLPYOPCX.js';
 import { BlocksTooltipProvider } from './chunk-KZJAG7T3.js';
 import { prefixedTestId, testIdOr } from './chunk-7F6CBP3Z.js';
 import { memo, useId, useRef, useEffect, forwardRef, useState, useCallback, useMemo, Fragment as Fragment$1 } from 'react';
@@ -1960,5 +1960,5 @@ function AssistantToaster(props) {
 }
 
 export { AssistantModeToggle, AssistantToaster, BranchControls, ComposerAccessories, ComposerTools, ContextActionButton, ContextCheckRow, ContextPanelContent, ContextPanelFooter, ContextPanelTabs, ContextPickerList, ContextPickerRow, ContextSearchInput, ContextSelectList, ContextSelectRow, Conversation, ConversationBody, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSearchView, ConversationSettingsButton, DEFAULT_ASSISTANT_MODE_TOGGLE_LABELS, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_CONVERSATION_SEARCH_LABELS, DEFAULT_LABEL_PIN_ROW_LABELS, DEFAULT_MENTION_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_PINNED_DOC_CHIP_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, LabelPinRow, MENTION_HREF_PREFIX, MentionChip, MentionMenu, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, PinnedDocChip, SlashMenu, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, extractMentions, filterMentionCandidates, findMentionQuery, insertMention, isLongPastedText, linkMentions, mentionFromHref, toMessageMentions, useDismissibleCard, useListKeyNav, useLongPaste, useMentionAutocomplete };
-//# sourceMappingURL=chunk-QJEJBLHI.js.map
-//# sourceMappingURL=chunk-QJEJBLHI.js.map
+//# sourceMappingURL=chunk-B6N5UXQX.js.map
+//# sourceMappingURL=chunk-B6N5UXQX.js.map