@arbidocs/blocks 0.4.10 → 0.4.12

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-RMIACB7N.cjs → chunk-67HGXV4I.cjs}

@@ -1,14 +1,14 @@
 "use client";
 'use strict';
 
-var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
+var chunkV4ISCZJ7_cjs = require('./chunk-V4ISCZJ7.cjs');
 var chunkZVPTFTGV_cjs = require('./chunk-ZVPTFTGV.cjs');
-var chunkOB5F4577_cjs = require('./chunk-OB5F4577.cjs');
 var chunkRFIBUWLF_cjs = require('./chunk-RFIBUWLF.cjs');
-var chunk2ZTONLT5_cjs = require('./chunk-2ZTONLT5.cjs');
-var chunkV4ISCZJ7_cjs = require('./chunk-V4ISCZJ7.cjs');
 var chunk5B4PXAKI_cjs = require('./chunk-5B4PXAKI.cjs');
+var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
+var chunkOB5F4577_cjs = require('./chunk-OB5F4577.cjs');
 var chunkC54XEN5T_cjs = require('./chunk-C54XEN5T.cjs');
+var chunk2ZTONLT5_cjs = require('./chunk-2ZTONLT5.cjs');
 var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var react = require('react');
@@ -5825,5 +5825,5 @@ exports.workflowFromFrontmatter = workflowFromFrontmatter;
 exports.workflowTaskFields = workflowTaskFields;
 exports.workflowsAccepting = workflowsAccepting;
 exports.workflowsForHost = workflowsForHost;
-//# sourceMappingURL=chunk-RMIACB7N.cjs.map
-//# sourceMappingURL=chunk-RMIACB7N.cjs.map
+//# sourceMappingURL=chunk-67HGXV4I.cjs.map
+//# sourceMappingURL=chunk-67HGXV4I.cjs.map