@mieweb/ui 0.10.0-dev.14 → 0.10.0-dev.15

package/dist/hooks/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkAR7AKDM2_cjs = require('../chunk-AR7AKDM2.cjs');
+var chunkX2PPZJSL_cjs = require('../chunk-X2PPZJSL.cjs');
 var chunkIXFC7LK2_cjs = require('../chunk-IXFC7LK2.cjs');
 var chunk2O7D6F67_cjs = require('../chunk-2O7D6F67.cjs');
 var chunkVPTASZ2O_cjs = require('../chunk-VPTASZ2O.cjs');
@@ -20,53 +20,73 @@ require('../chunk-EUAMEVVI.cjs');
 
 
 
+Object.defineProperty(exports, "KEYBOARD_INSET_VAR", {
+  enumerable: true,
+  get: function () { return chunkX2PPZJSL_cjs.KEYBOARD_INSET_VAR; }
+});
+Object.defineProperty(exports, "KEYBOARD_OPEN_ATTRIBUTE", {
+  enumerable: true,
+  get: function () { return chunkX2PPZJSL_cjs.KEYBOARD_OPEN_ATTRIBUTE; }
+});
 Object.defineProperty(exports, "RTL_LOCALES", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.RTL_LOCALES; }
+  get: function () { return chunkX2PPZJSL_cjs.RTL_LOCALES; }
+});
+Object.defineProperty(exports, "VISUAL_VIEWPORT_HEIGHT_VAR", {
+  enumerable: true,
+  get: function () { return chunkX2PPZJSL_cjs.VISUAL_VIEWPORT_HEIGHT_VAR; }
+});
+Object.defineProperty(exports, "VISUAL_VIEWPORT_OFFSET_TOP_VAR", {
+  enumerable: true,
+  get: function () { return chunkX2PPZJSL_cjs.VISUAL_VIEWPORT_OFFSET_TOP_VAR; }
 });
 Object.defineProperty(exports, "isRtlLocale", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.isRtlLocale; }
+  get: function () { return chunkX2PPZJSL_cjs.isRtlLocale; }
 });
 Object.defineProperty(exports, "useCommandK", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useCommandK; }
+  get: function () { return chunkX2PPZJSL_cjs.useCommandK; }
 });
 Object.defineProperty(exports, "useDirection", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useDirection; }
+  get: function () { return chunkX2PPZJSL_cjs.useDirection; }
 });
 Object.defineProperty(exports, "useIsDesktop", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsDesktop; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsDesktop; }
 });
 Object.defineProperty(exports, "useIsLargeDesktop", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsLargeDesktop; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsLargeDesktop; }
 });
 Object.defineProperty(exports, "useIsMobile", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsMobile; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsMobile; }
 });
 Object.defineProperty(exports, "useIsMobileOrTablet", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsMobileOrTablet; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsMobileOrTablet; }
 });
 Object.defineProperty(exports, "useIsSmallTablet", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsSmallTablet; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsSmallTablet; }
 });
 Object.defineProperty(exports, "useIsTablet", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsTablet; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsTablet; }
+});
+Object.defineProperty(exports, "useKeyboardInset", {
+  enumerable: true,
+  get: function () { return chunkX2PPZJSL_cjs.useKeyboardInset; }
 });
 Object.defineProperty(exports, "useKeyboardShortcut", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useKeyboardShortcut; }
+  get: function () { return chunkX2PPZJSL_cjs.useKeyboardShortcut; }
 });
 Object.defineProperty(exports, "useMediaQuery", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useMediaQuery; }
+  get: function () { return chunkX2PPZJSL_cjs.useMediaQuery; }
 });
 Object.defineProperty(exports, "useYouTubeHoverPreview", {
   enumerable: true,

package/dist/hooks/index.d.cts

@@ -220,6 +220,62 @@ declare function useEscapeKey(callback: () => void, enabled?: boolean): void;
  */
 declare function useFocusTrap<T extends HTMLElement>(enabled?: boolean): RefObject<T | null>;
 
+/** CSS custom properties written to `<html>` while the hook is mounted. */
+declare const KEYBOARD_INSET_VAR = "--mieweb-keyboard-inset";
+declare const VISUAL_VIEWPORT_HEIGHT_VAR = "--mieweb-visual-viewport-height";
+declare const VISUAL_VIEWPORT_OFFSET_TOP_VAR = "--mieweb-visual-viewport-offset-top";
+/** Boolean attribute set on `<html>` while an on-screen keyboard is open. */
+declare const KEYBOARD_OPEN_ATTRIBUTE = "data-keyboard-open";
+interface KeyboardInsetState {
+    /** Pixels of the layout viewport covered by the on-screen keyboard. */
+    keyboardInset: number;
+    /** Whether an on-screen keyboard currently covers part of the page. */
+    isKeyboardOpen: boolean;
+}
+interface UseKeyboardInsetOptions {
+    /** Track the keyboard; `false` stops tracking and clears the CSS variables. @default true */
+    enabled?: boolean;
+}
+/**
+ * Tracks the on-screen keyboard via the Visual Viewport API.
+ *
+ * iOS Safari and WKWebView (Cordova) ignore
+ * `interactive-widget=resizes-content`, and `dvh` does not shrink for the
+ * keyboard: the page keeps its full height and iOS pans the visual viewport
+ * to reveal the focused input, pushing headers off-screen. This hook
+ * measures what is actually visible and publishes it on `<html>` so an app
+ * shell can follow the visible area instead:
+ *
+ * - `--mieweb-keyboard-inset` — keyboard height in px (0 when closed)
+ * - `--mieweb-visual-viewport-height` — visible height in px
+ * - `--mieweb-visual-viewport-offset-top` — how far iOS panned the page
+ * - `data-keyboard-open` — present while the keyboard is open
+ *
+ * On browsers that already resize the layout for the keyboard (Chrome on
+ * Android with `interactive-widget=resizes-content`) the inset stays 0 and
+ * the variables simply mirror the layout viewport.
+ *
+ * Mount it once, near the app root.
+ *
+ * @example
+ * ```tsx
+ * function AppShell({ children }) {
+ *   useKeyboardInset();
+ *   return (
+ *     <div
+ *       style={{
+ *         height: 'var(--mieweb-visual-viewport-height, 100dvh)',
+ *         transform: 'translateY(var(--mieweb-visual-viewport-offset-top, 0px))',
+ *       }}
+ *     >
+ *       {children}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useKeyboardInset(options?: UseKeyboardInsetOptions): KeyboardInsetState;
+
 /**
  * Options for keyboard shortcut hook
  */
@@ -896,4 +952,4 @@ interface UseTranscriptEditsResult {
  */
 declare function useTranscriptEdits(options: UseTranscriptEditsOptions): UseTranscriptEditsResult;
 
-export { type AnchoredPlacement, DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, type Direction, type DragOverState, type FillerAnalysis, type HoverPreviewState, type KeyboardShortcutOptions, type MediaTransportState, RTL_LOCALES, type ResolvedTheme, type SilenceThresholdCount, type Theme, type TranscriptClipboard, type TranscriptEditStats, type UseAnchoredPositionOptions, type UseAnchoredPositionReturn, type UseDragReorderOptions, type UseDragReorderReturn, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, type UseStickToBottomOptions, type UseStickToBottomReturn, type UseTranscriptEditsOptions, type UseTranscriptEditsResult, type UseYouTubeHoverPreviewOptions, type UseYouTubeHoverPreviewReturn, buildPlaybackSegments, dragIndicatorClasses, getSpeedAtIndex, initEditableWords, insertSilences, isDarkMode, isRtlLocale, reorderIds, useAnchoredPosition, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDarkMode, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, usePrefersReducedMotion, useScrollSpy, useStickToBottom, useStreamEndedBelowFold, useTheme, useTranscriptEdits, useYouTubeHoverPreview };
+export { type AnchoredPlacement, DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, type Direction, type DragOverState, type FillerAnalysis, type HoverPreviewState, KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, type KeyboardInsetState, type KeyboardShortcutOptions, type MediaTransportState, RTL_LOCALES, type ResolvedTheme, type SilenceThresholdCount, type Theme, type TranscriptClipboard, type TranscriptEditStats, type UseAnchoredPositionOptions, type UseAnchoredPositionReturn, type UseDragReorderOptions, type UseDragReorderReturn, type UseKeyboardInsetOptions, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, type UseStickToBottomOptions, type UseStickToBottomReturn, type UseTranscriptEditsOptions, type UseTranscriptEditsResult, type UseYouTubeHoverPreviewOptions, type UseYouTubeHoverPreviewReturn, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, buildPlaybackSegments, dragIndicatorClasses, getSpeedAtIndex, initEditableWords, insertSilences, isDarkMode, isRtlLocale, reorderIds, useAnchoredPosition, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDarkMode, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, usePrefersReducedMotion, useScrollSpy, useStickToBottom, useStreamEndedBelowFold, useTheme, useTranscriptEdits, useYouTubeHoverPreview };

package/dist/hooks/index.d.ts

@@ -220,6 +220,62 @@ declare function useEscapeKey(callback: () => void, enabled?: boolean): void;
  */
 declare function useFocusTrap<T extends HTMLElement>(enabled?: boolean): RefObject<T | null>;
 
+/** CSS custom properties written to `<html>` while the hook is mounted. */
+declare const KEYBOARD_INSET_VAR = "--mieweb-keyboard-inset";
+declare const VISUAL_VIEWPORT_HEIGHT_VAR = "--mieweb-visual-viewport-height";
+declare const VISUAL_VIEWPORT_OFFSET_TOP_VAR = "--mieweb-visual-viewport-offset-top";
+/** Boolean attribute set on `<html>` while an on-screen keyboard is open. */
+declare const KEYBOARD_OPEN_ATTRIBUTE = "data-keyboard-open";
+interface KeyboardInsetState {
+    /** Pixels of the layout viewport covered by the on-screen keyboard. */
+    keyboardInset: number;
+    /** Whether an on-screen keyboard currently covers part of the page. */
+    isKeyboardOpen: boolean;
+}
+interface UseKeyboardInsetOptions {
+    /** Track the keyboard; `false` stops tracking and clears the CSS variables. @default true */
+    enabled?: boolean;
+}
+/**
+ * Tracks the on-screen keyboard via the Visual Viewport API.
+ *
+ * iOS Safari and WKWebView (Cordova) ignore
+ * `interactive-widget=resizes-content`, and `dvh` does not shrink for the
+ * keyboard: the page keeps its full height and iOS pans the visual viewport
+ * to reveal the focused input, pushing headers off-screen. This hook
+ * measures what is actually visible and publishes it on `<html>` so an app
+ * shell can follow the visible area instead:
+ *
+ * - `--mieweb-keyboard-inset` — keyboard height in px (0 when closed)
+ * - `--mieweb-visual-viewport-height` — visible height in px
+ * - `--mieweb-visual-viewport-offset-top` — how far iOS panned the page
+ * - `data-keyboard-open` — present while the keyboard is open
+ *
+ * On browsers that already resize the layout for the keyboard (Chrome on
+ * Android with `interactive-widget=resizes-content`) the inset stays 0 and
+ * the variables simply mirror the layout viewport.
+ *
+ * Mount it once, near the app root.
+ *
+ * @example
+ * ```tsx
+ * function AppShell({ children }) {
+ *   useKeyboardInset();
+ *   return (
+ *     <div
+ *       style={{
+ *         height: 'var(--mieweb-visual-viewport-height, 100dvh)',
+ *         transform: 'translateY(var(--mieweb-visual-viewport-offset-top, 0px))',
+ *       }}
+ *     >
+ *       {children}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useKeyboardInset(options?: UseKeyboardInsetOptions): KeyboardInsetState;
+
 /**
  * Options for keyboard shortcut hook
  */
@@ -896,4 +952,4 @@ interface UseTranscriptEditsResult {
  */
 declare function useTranscriptEdits(options: UseTranscriptEditsOptions): UseTranscriptEditsResult;
 
-export { type AnchoredPlacement, DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, type Direction, type DragOverState, type FillerAnalysis, type HoverPreviewState, type KeyboardShortcutOptions, type MediaTransportState, RTL_LOCALES, type ResolvedTheme, type SilenceThresholdCount, type Theme, type TranscriptClipboard, type TranscriptEditStats, type UseAnchoredPositionOptions, type UseAnchoredPositionReturn, type UseDragReorderOptions, type UseDragReorderReturn, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, type UseStickToBottomOptions, type UseStickToBottomReturn, type UseTranscriptEditsOptions, type UseTranscriptEditsResult, type UseYouTubeHoverPreviewOptions, type UseYouTubeHoverPreviewReturn, buildPlaybackSegments, dragIndicatorClasses, getSpeedAtIndex, initEditableWords, insertSilences, isDarkMode, isRtlLocale, reorderIds, useAnchoredPosition, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDarkMode, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, usePrefersReducedMotion, useScrollSpy, useStickToBottom, useStreamEndedBelowFold, useTheme, useTranscriptEdits, useYouTubeHoverPreview };
+export { type AnchoredPlacement, DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, type Direction, type DragOverState, type FillerAnalysis, type HoverPreviewState, KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, type KeyboardInsetState, type KeyboardShortcutOptions, type MediaTransportState, RTL_LOCALES, type ResolvedTheme, type SilenceThresholdCount, type Theme, type TranscriptClipboard, type TranscriptEditStats, type UseAnchoredPositionOptions, type UseAnchoredPositionReturn, type UseDragReorderOptions, type UseDragReorderReturn, type UseKeyboardInsetOptions, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, type UseStickToBottomOptions, type UseStickToBottomReturn, type UseTranscriptEditsOptions, type UseTranscriptEditsResult, type UseYouTubeHoverPreviewOptions, type UseYouTubeHoverPreviewReturn, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, buildPlaybackSegments, dragIndicatorClasses, getSpeedAtIndex, initEditableWords, insertSilences, isDarkMode, isRtlLocale, reorderIds, useAnchoredPosition, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDarkMode, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, usePrefersReducedMotion, useScrollSpy, useStickToBottom, useStreamEndedBelowFold, useTheme, useTranscriptEdits, useYouTubeHoverPreview };

package/dist/hooks/index.js

@@ -1,4 +1,4 @@
-export { RTL_LOCALES, isRtlLocale, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useMediaQuery } from '../chunk-AWJBOND5.js';
+export { KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, RTL_LOCALES, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, isRtlLocale, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useMediaQuery } from '../chunk-LENW5YOC.js';
 export { useYouTubeHoverPreview } from '../chunk-POWS35OT.js';
 export { useTheme } from '../chunk-KJZNEVYM.js';
 export { useStickToBottom, useStreamEndedBelowFold } from '../chunk-BM35CACB.js';

package/dist/index.cjs

@@ -27,8 +27,8 @@ var chunkYGA35Z2P_cjs = require('./chunk-YGA35Z2P.cjs');
 var chunk2G75X6TS_cjs = require('./chunk-2G75X6TS.cjs');
 var chunk7RV6CAP6_cjs = require('./chunk-7RV6CAP6.cjs');
 var chunkMYHV2ND3_cjs = require('./chunk-MYHV2ND3.cjs');
-var chunkV43ZFGCE_cjs = require('./chunk-V43ZFGCE.cjs');
-var chunkYQ2NQV5C_cjs = require('./chunk-YQ2NQV5C.cjs');
+var chunk5FU7LVZF_cjs = require('./chunk-5FU7LVZF.cjs');
+var chunkPEUCQ2YP_cjs = require('./chunk-PEUCQ2YP.cjs');
 var chunkJTSKPDPH_cjs = require('./chunk-JTSKPDPH.cjs');
 var chunkGD7EBGC4_cjs = require('./chunk-GD7EBGC4.cjs');
 var chunk3SZQRMHM_cjs = require('./chunk-3SZQRMHM.cjs');
@@ -80,7 +80,7 @@ require('./chunk-RHNPILZQ.cjs');
 var chunkURAQIF67_cjs = require('./chunk-URAQIF67.cjs');
 var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
 var chunkXXVUHLQN_cjs = require('./chunk-XXVUHLQN.cjs');
-var chunkAR7AKDM2_cjs = require('./chunk-AR7AKDM2.cjs');
+var chunkX2PPZJSL_cjs = require('./chunk-X2PPZJSL.cjs');
 var chunkIXFC7LK2_cjs = require('./chunk-IXFC7LK2.cjs');
 var chunk2O7D6F67_cjs = require('./chunk-2O7D6F67.cjs');
 var chunkVPTASZ2O_cjs = require('./chunk-VPTASZ2O.cjs');
@@ -91,7 +91,7 @@ var chunkJYZW2PZS_cjs = require('./chunk-JYZW2PZS.cjs');
 require('./chunk-AT732HC6.cjs');
 var chunkC7RVKV25_cjs = require('./chunk-C7RVKV25.cjs');
 var chunkL7YQBSEL_cjs = require('./chunk-L7YQBSEL.cjs');
-var chunkASSDGS4F_cjs = require('./chunk-ASSDGS4F.cjs');
+var chunkPSXTXFLM_cjs = require('./chunk-PSXTXFLM.cjs');
 var chunkVROIMIHB_cjs = require('./chunk-VROIMIHB.cjs');
 var chunkNYJIXR4Y_cjs = require('./chunk-NYJIXR4Y.cjs');
 var chunkE4IBHYJ7_cjs = require('./chunk-E4IBHYJ7.cjs');
@@ -1429,7 +1429,7 @@ function AIEmptyState({
     /* @__PURE__ */ jsxRuntime.jsx(SuggestedActions, { actions: suggestions, onSelect: onSuggestionSelect })
   ] }) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkV43ZFGCE_cjs.EmptyState,
+    chunk5FU7LVZF_cjs.EmptyState,
     {
       title,
       description,
@@ -1490,7 +1490,7 @@ function AIChat({
   renderMessageFooter
 }) {
   React13__namespace.useEffect(() => {
-    chunkYQ2NQV5C_cjs.notifyComposerMigrationOnce("AIChat");
+    chunkPEUCQ2YP_cjs.notifyComposerMigrationOnce("AIChat");
   }, []);
   const messages = React13__namespace.useMemo(
     () => session?.messages || messagesProp || [],
@@ -1626,7 +1626,7 @@ function AIChat({
     },
     [isHostControlled, hostOnValueChange]
   );
-  const { stopTyping } = chunkV43ZFGCE_cjs.useTypingEmulation({
+  const { stopTyping } = chunk5FU7LVZF_cjs.useTypingEmulation({
     value: composerValue,
     onTypingStart,
     onTypingStop
@@ -1793,7 +1793,7 @@ function AIChat({
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "ai-chat-composer", className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkYQ2NQV5C_cjs.ChatComposer,
+                chunkPEUCQ2YP_cjs.ChatComposer,
                 {
                   onSend: hostOnSend ? (message) => sendWithRestore(message, hostOnSend) : handleSend,
                   placeholder: inputPlaceholder,
@@ -1815,8 +1815,8 @@ function AIChat({
                   allowAttachments: composerRest.allowAttachments ?? legacyAttachments,
                   maxLength: composerRest.maxLength ?? 1600,
                   inputLabel: composerRest.inputLabel ?? "Message",
-                  acceptedFileTypes: composerRest.acceptedFileTypes ?? (legacyAttachments ? chunkYQ2NQV5C_cjs.DEFAULT_ACCEPTED_FILE_TYPES : void 0),
-                  maxFileSize: composerRest.maxFileSize ?? (legacyAttachments ? chunkYQ2NQV5C_cjs.DEFAULT_MAX_FILE_SIZE : void 0),
+                  acceptedFileTypes: composerRest.acceptedFileTypes ?? (legacyAttachments ? chunkPEUCQ2YP_cjs.DEFAULT_ACCEPTED_FILE_TYPES : void 0),
+                  maxFileSize: composerRest.maxFileSize ?? (legacyAttachments ? chunkPEUCQ2YP_cjs.DEFAULT_MAX_FILE_SIZE : void 0),
                   value: composerValue,
                   onValueChange: handleComposerValueChange
                 }
@@ -2137,7 +2137,7 @@ function ToastContainer({
 }) {
   const context = useOptionalToast();
   const containerRef = React13__namespace.default.useRef(null);
-  const isRtl = chunkAR7AKDM2_cjs.useDirection(containerRef) === "rtl";
+  const isRtl = chunkX2PPZJSL_cjs.useDirection(containerRef) === "rtl";
   const resolvedPosition = position ?? context?.position ?? "bottom-end";
   const edge = toastEdge(resolvedPosition, isRtl);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -13347,7 +13347,7 @@ function CommandPaletteProvider({
       open();
     }
   }, [isOpen, open, close]);
-  chunkAR7AKDM2_cjs.useCommandK(toggle, enableShortcut);
+  chunkX2PPZJSL_cjs.useCommandK(toggle, enableShortcut);
   React13__namespace.default.useEffect(() => {
     if (!customEventName) return;
     const handler = () => open();
@@ -18406,7 +18406,7 @@ function DocumentScanner({
   const [error, setError] = React13__namespace.useState(null);
   const [isWebcamOpen, setIsWebcamOpen] = React13__namespace.useState(false);
   const [validationErrors, setValidationErrors] = React13__namespace.useState([]);
-  const isMobile = chunkAR7AKDM2_cjs.useIsMobile();
+  const isMobile = chunkX2PPZJSL_cjs.useIsMobile();
   const cameraInputRef = React13__namespace.useRef(null);
   const {
     files,
@@ -40492,7 +40492,7 @@ function SidebarProvider({
   defaultExpandedGroup = null,
   mobileBreakpoint = "(max-width: 1023px)"
 }) {
-  const isMobileViewport = chunkAR7AKDM2_cjs.useMediaQuery(mobileBreakpoint);
+  const isMobileViewport = chunkX2PPZJSL_cjs.useMediaQuery(mobileBreakpoint);
   const [isCollapsed, setIsCollapsed] = React13.useState(() => {
     if (typeof window !== "undefined" && persistCollapsed) {
       const stored = localStorage.getItem(storageKey);
@@ -40673,7 +40673,7 @@ function Sidebar({
 }) {
   const { isCollapsed, isMobileOpen, closeMobile, isMobileViewport } = useSidebar();
   const navRef = React13.useRef(null);
-  const isRtl = chunkAR7AKDM2_cjs.useDirection(navRef) === "rtl";
+  const isRtl = chunkX2PPZJSL_cjs.useDirection(navRef) === "rtl";
   const width = isMobileViewport ? expandedWidth : isCollapsed ? collapsedWidth : expandedWidth;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isMobileViewport && /* @__PURE__ */ jsxRuntime.jsx(chunkNV2CWBI2_cjs.AnimatedPresence, { children: isMobileOpen && /* @__PURE__ */ jsxRuntime.jsx(
@@ -44821,159 +44821,159 @@ Object.defineProperty(exports, "getToolIcon", {
 });
 Object.defineProperty(exports, "AttachmentPreview", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.AttachmentPreview; }
+  get: function () { return chunk5FU7LVZF_cjs.AttachmentPreview; }
 });
 Object.defineProperty(exports, "ConversationHeader", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.ConversationHeader; }
+  get: function () { return chunk5FU7LVZF_cjs.ConversationHeader; }
 });
 Object.defineProperty(exports, "ConversationListItem", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.ConversationListItem; }
+  get: function () { return chunk5FU7LVZF_cjs.ConversationListItem; }
 });
 Object.defineProperty(exports, "ConversationListSkeleton", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.ConversationListSkeleton; }
+  get: function () { return chunk5FU7LVZF_cjs.ConversationListSkeleton; }
 });
 Object.defineProperty(exports, "DateSeparator", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.DateSeparator; }
+  get: function () { return chunk5FU7LVZF_cjs.DateSeparator; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.EmptyState; }
+  get: function () { return chunk5FU7LVZF_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "LightboxModal", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.LightboxModal; }
+  get: function () { return chunk5FU7LVZF_cjs.LightboxModal; }
 });
 Object.defineProperty(exports, "LoadMoreButton", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.LoadMoreButton; }
+  get: function () { return chunk5FU7LVZF_cjs.LoadMoreButton; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.MessageBubble; }
+  get: function () { return chunk5FU7LVZF_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.MessageList; }
+  get: function () { return chunk5FU7LVZF_cjs.MessageList; }
 });
 Object.defineProperty(exports, "MessageStatusIcon", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.MessageStatusIcon; }
+  get: function () { return chunk5FU7LVZF_cjs.MessageStatusIcon; }
 });
 Object.defineProperty(exports, "MessageThread", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.MessageThread; }
+  get: function () { return chunk5FU7LVZF_cjs.MessageThread; }
 });
 Object.defineProperty(exports, "MessagingSplitView", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.MessagingSplitView; }
+  get: function () { return chunk5FU7LVZF_cjs.MessagingSplitView; }
 });
 Object.defineProperty(exports, "ReadReceiptIndicator", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.ReadReceiptIndicator; }
+  get: function () { return chunk5FU7LVZF_cjs.ReadReceiptIndicator; }
 });
 Object.defineProperty(exports, "SkeletonMessage", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.SkeletonMessage; }
+  get: function () { return chunk5FU7LVZF_cjs.SkeletonMessage; }
 });
 Object.defineProperty(exports, "TypingIndicator", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.TypingIndicator; }
+  get: function () { return chunk5FU7LVZF_cjs.TypingIndicator; }
 });
 Object.defineProperty(exports, "bubbleVariants", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.bubbleVariants; }
+  get: function () { return chunk5FU7LVZF_cjs.bubbleVariants; }
 });
 Object.defineProperty(exports, "formatDateLabel", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.formatDateLabel; }
+  get: function () { return chunk5FU7LVZF_cjs.formatDateLabel; }
 });
 Object.defineProperty(exports, "formatFileSize", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.formatFileSize; }
+  get: function () { return chunk5FU7LVZF_cjs.formatFileSize; }
 });
 Object.defineProperty(exports, "formatLastSeen", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.formatLastSeen; }
+  get: function () { return chunk5FU7LVZF_cjs.formatLastSeen; }
 });
 Object.defineProperty(exports, "getConversationSubtitle", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.getConversationSubtitle; }
+  get: function () { return chunk5FU7LVZF_cjs.getConversationSubtitle; }
 });
 Object.defineProperty(exports, "getConversationTitle", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.getConversationTitle; }
+  get: function () { return chunk5FU7LVZF_cjs.getConversationTitle; }
 });
 Object.defineProperty(exports, "groupMessagesByDate", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.groupMessagesByDate; }
+  get: function () { return chunk5FU7LVZF_cjs.groupMessagesByDate; }
 });
 Object.defineProperty(exports, "headerVariants", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.headerVariants; }
+  get: function () { return chunk5FU7LVZF_cjs.headerVariants; }
 });
 Object.defineProperty(exports, "isSameSenderGroup", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.isSameSenderGroup; }
+  get: function () { return chunk5FU7LVZF_cjs.isSameSenderGroup; }
 });
 Object.defineProperty(exports, "useMessageScroll", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.useMessageScroll; }
+  get: function () { return chunk5FU7LVZF_cjs.useMessageScroll; }
 });
 Object.defineProperty(exports, "useMessages", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.useMessages; }
+  get: function () { return chunk5FU7LVZF_cjs.useMessages; }
 });
 Object.defineProperty(exports, "useReadReceipts", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.useReadReceipts; }
+  get: function () { return chunk5FU7LVZF_cjs.useReadReceipts; }
 });
 Object.defineProperty(exports, "useTypingEmulation", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.useTypingEmulation; }
+  get: function () { return chunk5FU7LVZF_cjs.useTypingEmulation; }
 });
 Object.defineProperty(exports, "useTypingIndicator", {
   enumerable: true,
-  get: function () { return chunkV43ZFGCE_cjs.useTypingIndicator; }
+  get: function () { return chunk5FU7LVZF_cjs.useTypingIndicator; }
 });
 Object.defineProperty(exports, "AttachmentPicker", {
   enumerable: true,
-  get: function () { return chunkYQ2NQV5C_cjs.AttachmentPicker; }
+  get: function () { return chunkPEUCQ2YP_cjs.AttachmentPicker; }
 });
 Object.defineProperty(exports, "AttachmentPreviewItem", {
   enumerable: true,
-  get: function () { return chunkYQ2NQV5C_cjs.AttachmentPreviewItem; }
+  get: function () { return chunkPEUCQ2YP_cjs.AttachmentPreviewItem; }
 });
 Object.defineProperty(exports, "CameraButton", {
   enumerable: true,
-  get: function () { return chunkYQ2NQV5C_cjs.CameraButton; }
+  get: function () { return chunkPEUCQ2YP_cjs.CameraButton; }
 });
 Object.defineProperty(exports, "ChatComposer", {
   enumerable: true,
-  get: function () { return chunkYQ2NQV5C_cjs.ChatComposer; }
+  get: function () { return chunkPEUCQ2YP_cjs.ChatComposer; }
 });
 Object.defineProperty(exports, "ComposerModelSelector", {
   enumerable: true,
-  get: function () { return chunkYQ2NQV5C_cjs.ComposerModelSelector; }
+  get: function () { return chunkPEUCQ2YP_cjs.ComposerModelSelector; }
 });
 Object.defineProperty(exports, "DragDropZone", {
   enumerable: true,
-  get: function () { return chunkYQ2NQV5C_cjs.DragDropZone; }
+  get: function () { return chunkPEUCQ2YP_cjs.DragDropZone; }
 });
 Object.defineProperty(exports, "generateAttachmentId", {
   enumerable: true,
-  get: function () { return chunkYQ2NQV5C_cjs.generateAttachmentId; }
+  get: function () { return chunkPEUCQ2YP_cjs.generateAttachmentId; }
 });
 Object.defineProperty(exports, "getFileType", {
   enumerable: true,
-  get: function () { return chunkYQ2NQV5C_cjs.getFileType; }
+  get: function () { return chunkPEUCQ2YP_cjs.getFileType; }
 });
 Object.defineProperty(exports, "validateFile", {
   enumerable: true,
-  get: function () { return chunkYQ2NQV5C_cjs.validateFile; }
+  get: function () { return chunkPEUCQ2YP_cjs.validateFile; }
 });
 Object.defineProperty(exports, "RecordButton", {
   enumerable: true,
@@ -45523,53 +45523,73 @@ Object.defineProperty(exports, "spinnerVariants", {
   enumerable: true,
   get: function () { return chunkXXVUHLQN_cjs.spinnerVariants; }
 });
+Object.defineProperty(exports, "KEYBOARD_INSET_VAR", {
+  enumerable: true,
+  get: function () { return chunkX2PPZJSL_cjs.KEYBOARD_INSET_VAR; }
+});
+Object.defineProperty(exports, "KEYBOARD_OPEN_ATTRIBUTE", {
+  enumerable: true,
+  get: function () { return chunkX2PPZJSL_cjs.KEYBOARD_OPEN_ATTRIBUTE; }
+});
 Object.defineProperty(exports, "RTL_LOCALES", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.RTL_LOCALES; }
+  get: function () { return chunkX2PPZJSL_cjs.RTL_LOCALES; }
+});
+Object.defineProperty(exports, "VISUAL_VIEWPORT_HEIGHT_VAR", {
+  enumerable: true,
+  get: function () { return chunkX2PPZJSL_cjs.VISUAL_VIEWPORT_HEIGHT_VAR; }
+});
+Object.defineProperty(exports, "VISUAL_VIEWPORT_OFFSET_TOP_VAR", {
+  enumerable: true,
+  get: function () { return chunkX2PPZJSL_cjs.VISUAL_VIEWPORT_OFFSET_TOP_VAR; }
 });
 Object.defineProperty(exports, "isRtlLocale", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.isRtlLocale; }
+  get: function () { return chunkX2PPZJSL_cjs.isRtlLocale; }
 });
 Object.defineProperty(exports, "useCommandK", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useCommandK; }
+  get: function () { return chunkX2PPZJSL_cjs.useCommandK; }
 });
 Object.defineProperty(exports, "useDirection", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useDirection; }
+  get: function () { return chunkX2PPZJSL_cjs.useDirection; }
 });
 Object.defineProperty(exports, "useIsDesktop", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsDesktop; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsDesktop; }
 });
 Object.defineProperty(exports, "useIsLargeDesktop", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsLargeDesktop; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsLargeDesktop; }
 });
 Object.defineProperty(exports, "useIsMobile", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsMobile; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsMobile; }
 });
 Object.defineProperty(exports, "useIsMobileOrTablet", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsMobileOrTablet; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsMobileOrTablet; }
 });
 Object.defineProperty(exports, "useIsSmallTablet", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsSmallTablet; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsSmallTablet; }
 });
 Object.defineProperty(exports, "useIsTablet", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useIsTablet; }
+  get: function () { return chunkX2PPZJSL_cjs.useIsTablet; }
+});
+Object.defineProperty(exports, "useKeyboardInset", {
+  enumerable: true,
+  get: function () { return chunkX2PPZJSL_cjs.useKeyboardInset; }
 });
 Object.defineProperty(exports, "useKeyboardShortcut", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useKeyboardShortcut; }
+  get: function () { return chunkX2PPZJSL_cjs.useKeyboardShortcut; }
 });
 Object.defineProperty(exports, "useMediaQuery", {
   enumerable: true,
-  get: function () { return chunkAR7AKDM2_cjs.useMediaQuery; }
+  get: function () { return chunkX2PPZJSL_cjs.useMediaQuery; }
 });
 Object.defineProperty(exports, "useYouTubeHoverPreview", {
   enumerable: true,
@@ -45657,11 +45677,11 @@ Object.defineProperty(exports, "unformatPhoneNumber", {
 });
 Object.defineProperty(exports, "miewebUIPreset", {
   enumerable: true,
-  get: function () { return chunkASSDGS4F_cjs.miewebUIPreset; }
+  get: function () { return chunkPSXTXFLM_cjs.miewebUIPreset; }
 });
 Object.defineProperty(exports, "miewebUISafelist", {
   enumerable: true,
-  get: function () { return chunkASSDGS4F_cjs.miewebUISafelist; }
+  get: function () { return chunkPSXTXFLM_cjs.miewebUISafelist; }
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,