@mieweb/ui 0.7.3-dev.17 → 0.7.3-dev.19

package/dist/hooks/index.d.cts

@@ -41,6 +41,21 @@ interface UseScrollSpyReturn {
  */
 declare function useScrollSpy({ selectors, ids, rootMargin, threshold, root, enabled, }?: UseScrollSpyOptions): UseScrollSpyReturn;
 
+/** Read the current dark-mode state from the document root. */
+declare function isDarkMode(): boolean;
+/**
+ * Track dark mode reactively, for the cases a CSS swap cannot cover — content
+ * rendered *from* the theme (Mermaid bakes colors into the SVG) or third-party
+ * DOM that wants a class of its own (the Kerebron editor surface).
+ *
+ * @example
+ * ```tsx
+ * const dark = useIsDarkMode();
+ * <div className={dark ? 'kb-component kb-component--dark' : 'kb-component'} />
+ * ```
+ */
+declare function useIsDarkMode(): boolean;
+
 type Direction = 'ltr' | 'rtl';
 /** Locales whose primary script reads right-to-left. */
 declare const RTL_LOCALES: readonly ["ar", "he", "fa", "ur"];
@@ -389,4 +404,4 @@ interface UseMediaTransportReturn {
  */
 declare function useMediaTransport(options?: UseMediaTransportOptions): UseMediaTransportReturn;
 
-export { type Direction, type DragOverState, type KeyboardShortcutOptions, type MediaTransportState, RTL_LOCALES, type UseDragReorderOptions, type UseDragReorderReturn, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, dragIndicatorClasses, isRtlLocale, reorderIds, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, usePrefersReducedMotion, useScrollSpy };
+export { type Direction, type DragOverState, type KeyboardShortcutOptions, type MediaTransportState, RTL_LOCALES, type UseDragReorderOptions, type UseDragReorderReturn, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, dragIndicatorClasses, isDarkMode, isRtlLocale, reorderIds, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDarkMode, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, usePrefersReducedMotion, useScrollSpy };

package/dist/hooks/index.d.ts

@@ -41,6 +41,21 @@ interface UseScrollSpyReturn {
  */
 declare function useScrollSpy({ selectors, ids, rootMargin, threshold, root, enabled, }?: UseScrollSpyOptions): UseScrollSpyReturn;
 
+/** Read the current dark-mode state from the document root. */
+declare function isDarkMode(): boolean;
+/**
+ * Track dark mode reactively, for the cases a CSS swap cannot cover — content
+ * rendered *from* the theme (Mermaid bakes colors into the SVG) or third-party
+ * DOM that wants a class of its own (the Kerebron editor surface).
+ *
+ * @example
+ * ```tsx
+ * const dark = useIsDarkMode();
+ * <div className={dark ? 'kb-component kb-component--dark' : 'kb-component'} />
+ * ```
+ */
+declare function useIsDarkMode(): boolean;
+
 type Direction = 'ltr' | 'rtl';
 /** Locales whose primary script reads right-to-left. */
 declare const RTL_LOCALES: readonly ["ar", "he", "fa", "ur"];
@@ -389,4 +404,4 @@ interface UseMediaTransportReturn {
  */
 declare function useMediaTransport(options?: UseMediaTransportOptions): UseMediaTransportReturn;
 
-export { type Direction, type DragOverState, type KeyboardShortcutOptions, type MediaTransportState, RTL_LOCALES, type UseDragReorderOptions, type UseDragReorderReturn, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, dragIndicatorClasses, isRtlLocale, reorderIds, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, usePrefersReducedMotion, useScrollSpy };
+export { type Direction, type DragOverState, type KeyboardShortcutOptions, type MediaTransportState, RTL_LOCALES, type UseDragReorderOptions, type UseDragReorderReturn, type UseMediaTransportOptions, type UseMediaTransportReturn, type UseScrollSpyOptions, type UseScrollSpyReturn, dragIndicatorClasses, isDarkMode, isRtlLocale, reorderIds, useClickOutside, useCommandK, useDirection, useDragReorder, useEscapeKey, useFocusTrap, useIsDarkMode, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useLiveAnnouncement, useMediaQuery, useMediaTransport, usePrefersReducedMotion, useScrollSpy };

package/dist/hooks/index.js

@@ -1,4 +1,4 @@
-export { RTL_LOCALES, isRtlLocale, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useMediaQuery, useScrollSpy } from '../chunk-GTHNWP4P.js';
+export { RTL_LOCALES, isRtlLocale, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useMediaQuery, useScrollSpy } from '../chunk-KGS7BL5T.js';
 export { useTheme } from '../chunk-KJZNEVYM.js';
 export { DEFAULT_FILLER_WORDS, DEFAULT_MIN_SILENCE_MS, DEFAULT_NL_SILENCE_MS, buildPlaybackSegments, getSpeedAtIndex, initEditableWords, insertSilences, useTranscriptEdits } from '../chunk-UUI7WXI5.js';
 import '../chunk-6CGM5H4J.js';
@@ -9,6 +9,7 @@ export { useFocusTrap } from '../chunk-4SMSH4OY.js';
 export { useEscapeKey } from '../chunk-T4ME7QCT.js';
 export { useClickOutside } from '../chunk-62ZOA6PX.js';
 export { useAnchoredPosition } from '../chunk-BOOJDRJO.js';
+export { isDarkMode, useIsDarkMode } from '../chunk-RUGHNFQG.js';
 import '../chunk-VSQF22GL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.cjs

@@ -53,12 +53,12 @@ var chunkSPWVKDGC_cjs = require('./chunk-SPWVKDGC.cjs');
 var chunkYVIH26FG_cjs = require('./chunk-YVIH26FG.cjs');
 var chunkPLMXN23Q_cjs = require('./chunk-PLMXN23Q.cjs');
 var chunkRS5VA6QU_cjs = require('./chunk-RS5VA6QU.cjs');
-var chunkGJD4OW7P_cjs = require('./chunk-GJD4OW7P.cjs');
+var chunkCGVDGVZS_cjs = require('./chunk-CGVDGVZS.cjs');
 var chunkEPQPUFS6_cjs = require('./chunk-EPQPUFS6.cjs');
 var chunkTVLZZI5Q_cjs = require('./chunk-TVLZZI5Q.cjs');
 var chunkZZJ4ZVYR_cjs = require('./chunk-ZZJ4ZVYR.cjs');
 var chunkW4Q4UEXA_cjs = require('./chunk-W4Q4UEXA.cjs');
-var chunkLRFH6KM3_cjs = require('./chunk-LRFH6KM3.cjs');
+var chunkJHGMZX4I_cjs = require('./chunk-JHGMZX4I.cjs');
 var chunkU3JU6BI5_cjs = require('./chunk-U3JU6BI5.cjs');
 require('./chunk-VBWRH4UW.cjs');
 var chunkRI56YPED_cjs = require('./chunk-RI56YPED.cjs');
@@ -76,7 +76,7 @@ var chunkZ5S5JEJD_cjs = require('./chunk-Z5S5JEJD.cjs');
 var chunkPAM5UUBL_cjs = require('./chunk-PAM5UUBL.cjs');
 var chunkRDGRKYQ5_cjs = require('./chunk-RDGRKYQ5.cjs');
 var chunkYVL3XATO_cjs = require('./chunk-YVL3XATO.cjs');
-var chunkXB54G7WS_cjs = require('./chunk-XB54G7WS.cjs');
+var chunkWG6MPHWK_cjs = require('./chunk-WG6MPHWK.cjs');
 var chunk2O7D6F67_cjs = require('./chunk-2O7D6F67.cjs');
 var chunkNPKPCYAT_cjs = require('./chunk-NPKPCYAT.cjs');
 var chunkNUFUV43P_cjs = require('./chunk-NUFUV43P.cjs');
@@ -87,6 +87,7 @@ var chunkNNEFAUHV_cjs = require('./chunk-NNEFAUHV.cjs');
 var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
 var chunkFSGEDDF2_cjs = require('./chunk-FSGEDDF2.cjs');
 var chunkMYFZYUPR_cjs = require('./chunk-MYFZYUPR.cjs');
+var chunkNMBYU7D7_cjs = require('./chunk-NMBYU7D7.cjs');
 require('./chunk-AT732HC6.cjs');
 var chunkC7RVKV25_cjs = require('./chunk-C7RVKV25.cjs');
 var chunkL7YQBSEL_cjs = require('./chunk-L7YQBSEL.cjs');
@@ -8599,6 +8600,7 @@ var Assessment = React13__namespace.forwardRef(
     onReorderOrders,
     renderOrderSearch,
     readOnly = false,
+    defaultAddMode = "auto",
     billableOnly = false,
     className,
     "data-testid": dataTestId,
@@ -8606,7 +8608,7 @@ var Assessment = React13__namespace.forwardRef(
   }, ref) => {
     const [addingFor, setAddingFor] = React13__namespace.useState(null);
     const [addMode, setAddMode] = React13__namespace.useState(
-      "auto"
+      defaultAddMode
     );
     const [pendingFreeText, setPendingFreeText] = React13__namespace.useState(
       null
@@ -13587,7 +13589,7 @@ function CommandPaletteProvider({
       open();
     }
   }, [isOpen, open, close]);
-  chunkXB54G7WS_cjs.useCommandK(toggle, enableShortcut);
+  chunkWG6MPHWK_cjs.useCommandK(toggle, enableShortcut);
   React13__namespace.default.useEffect(() => {
     if (!customEventName) return;
     const handler = () => open();
@@ -18641,7 +18643,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 = chunkXB54G7WS_cjs.useIsMobile();
+  const isMobile = chunkWG6MPHWK_cjs.useIsMobile();
   const cameraInputRef = React13__namespace.useRef(null);
   const {
     files,
@@ -18979,6 +18981,252 @@ function DocumentScanner({
   );
 }
 DocumentScanner.displayName = "DocumentScanner";
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[contenteditable="true"]',
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+var inertClaims = /* @__PURE__ */ new WeakMap();
+function claimInert(element) {
+  const claims = inertClaims.get(element) ?? 0;
+  if (claims === 0) element.setAttribute("inert", "");
+  inertClaims.set(element, claims + 1);
+}
+function releaseInert(element) {
+  const claims = inertClaims.get(element) ?? 0;
+  if (claims <= 1) {
+    inertClaims.delete(element);
+    element.removeAttribute("inert");
+  } else {
+    inertClaims.set(element, claims - 1);
+  }
+}
+function DockablePanel({
+  title,
+  children,
+  onClose,
+  mode = "full",
+  onModeChange,
+  dirty = false,
+  dockSummary,
+  discardMessage,
+  container,
+  className
+}) {
+  const panelRef = React13__namespace.useRef(null);
+  const contentRef = React13__namespace.useRef(null);
+  const onCloseRef = React13__namespace.useRef(onClose);
+  onCloseRef.current = onClose;
+  const onModeChangeRef = React13__namespace.useRef(onModeChange);
+  onModeChangeRef.current = onModeChange;
+  const dirtyRef = React13__namespace.useRef(dirty);
+  dirtyRef.current = dirty;
+  const modeRef = React13__namespace.useRef(mode);
+  modeRef.current = mode;
+  const discardRef = React13__namespace.useRef(discardMessage);
+  discardRef.current = discardMessage;
+  const dockable = Boolean(onModeChange);
+  const docked = dockable && mode === "docked";
+  const contentId = React13__namespace.useId();
+  const [announcement, announce] = chunkYVPC65ZJ_cjs.useLiveAnnouncement();
+  const requestClose = React13__namespace.useCallback(() => {
+    const view = panelRef.current?.ownerDocument.defaultView;
+    if (dirtyRef.current && view?.confirm && !view.confirm(discardRef.current ?? `Discard ${title}?`)) {
+      return;
+    }
+    onCloseRef.current();
+  }, [title]);
+  React13__namespace.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      if (modeRef.current === "docked" && !panelRef.current?.contains(event.target)) {
+        return;
+      }
+      if (dockable && dirtyRef.current && modeRef.current === "full") {
+        onModeChangeRef.current?.("docked");
+        return;
+      }
+      requestClose();
+    };
+    const doc = panelRef.current?.ownerDocument ?? document;
+    doc.addEventListener("keydown", handleKeyDown);
+    return () => doc.removeEventListener("keydown", handleKeyDown);
+  }, [dockable, requestClose]);
+  React13__namespace.useEffect(() => {
+    if (!dirty || typeof window === "undefined") return;
+    const handleBeforeUnload = (event) => {
+      event.preventDefault();
+      event.returnValue = "";
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+  }, [dirty]);
+  React13__namespace.useEffect(() => {
+    const panel2 = panelRef.current;
+    if (!panel2 || mode !== "full") return;
+    const root = panel2.closest('[data-slot="dockable-panel-dock"]') ?? panel2;
+    const inerted = Array.from(panel2.ownerDocument.body.children).filter(
+      (child) => child !== root && !child.contains(root) && // Inert applied by something that isn't a DockablePanel is not ours
+      // to count or to remove.
+      (inertClaims.has(child) || !child.hasAttribute("inert"))
+    );
+    for (const element of inerted) claimInert(element);
+    return () => {
+      for (const element of inerted) releaseInert(element);
+    };
+  }, [mode]);
+  React13__namespace.useEffect(() => {
+    contentRef.current?.toggleAttribute("inert", docked);
+  }, [docked]);
+  React13__namespace.useEffect(() => {
+    if (docked) return;
+    const target2 = contentRef.current?.querySelector(FOCUSABLE_SELECTOR) ?? panelRef.current;
+    target2?.focus();
+  }, [docked]);
+  React13__namespace.useEffect(() => {
+    if (!docked) return;
+    announce(`${title} collapsed to dock`);
+    panelRef.current?.querySelector('[data-slot="dockable-panel-restore"]')?.focus();
+  }, [announce, docked, title]);
+  const handleTabTrap = (event) => {
+    if (event.key !== "Tab" || mode !== "full") return;
+    const panel2 = panelRef.current;
+    if (!panel2) return;
+    const focusable = Array.from(
+      panel2.querySelectorAll(FOCUSABLE_SELECTOR)
+    ).filter((element) => element.offsetParent !== null || element === panel2);
+    if (focusable.length === 0) return;
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    const active = panel2.ownerDocument.activeElement;
+    if (event.shiftKey && (active === first || !panel2.contains(active))) {
+      event.preventDefault();
+      last.focus();
+    } else if (!event.shiftKey && active === last) {
+      event.preventDefault();
+      first.focus();
+    }
+  };
+  const target = container ?? (typeof document === "undefined" ? null : document.body);
+  if (!target) return null;
+  const panel = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    !docked && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-slot": "dockable-panel-scrim",
+        className: "fixed inset-0 bg-slate-900/45",
+        style: { zIndex: "calc(var(--mieweb-dockable-panel-z, 45) - 1)" },
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-slot": "dockable-panel-dock",
+        "data-mode": docked ? "docked" : "full",
+        className: chunkS5RVSXDV_cjs.cn(
+          "fixed",
+          docked ? "inset-auto end-6 bottom-0 w-[26rem] max-w-[calc(100vw-3rem)] overflow-hidden max-sm:inset-x-0 max-sm:w-full max-sm:max-w-full" : "inset-6 flex justify-center max-sm:inset-0"
+        ),
+        style: { zIndex: "var(--mieweb-dockable-panel-z, 45)" },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: panelRef,
+            "data-slot": "dockable-panel",
+            "data-mode": docked ? "docked" : "full",
+            className: chunkS5RVSXDV_cjs.cn(
+              "border-border bg-card text-card-foreground relative flex flex-col overflow-hidden border shadow-[0_1.25rem_2.5rem_rgb(15_23_42/0.22)]",
+              docked ? "w-full rounded-t-lg border-b-0" : "h-full w-full max-w-[90rem] rounded-lg",
+              className
+            ),
+            role: "dialog",
+            "aria-modal": docked ? void 0 : true,
+            "aria-label": title,
+            tabIndex: -1,
+            onKeyDown: handleTabTrap,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  "data-slot": "dockable-panel-header",
+                  className: "border-border flex items-center justify-between gap-2 border-b px-3 py-2.5",
+                  children: [
+                    docked ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        "data-slot": "dockable-panel-summary",
+                        className: "flex min-w-0 items-center gap-2 text-sm",
+                        children: dockSummary ?? title
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx(
+                      "h3",
+                      {
+                        "data-slot": "dockable-panel-title",
+                        className: "m-0 text-[0.9375rem] font-semibold capitalize",
+                        children: title
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+                      dockable && /* @__PURE__ */ jsxRuntime.jsx(
+                        chunkRDGRKYQ5_cjs.Button,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "sm",
+                          "data-slot": docked ? "dockable-panel-restore" : "dockable-panel-collapse",
+                          "aria-expanded": !docked,
+                          "aria-controls": contentId,
+                          onClick: () => onModeChange?.(docked ? "full" : "docked"),
+                          "aria-label": docked ? "Restore" : "Collapse to dock",
+                          title: docked ? "Restore" : "Collapse to dock",
+                          children: docked ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { size: 16, "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minimize2, { size: 16, "aria-hidden": "true" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        chunkRDGRKYQ5_cjs.Button,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "sm",
+                          "data-slot": "dockable-panel-close",
+                          onClick: requestClose,
+                          "aria-label": docked ? "Discard" : "Close",
+                          title: docked ? "Discard" : "Close",
+                          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 16, "aria-hidden": "true" })
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  ref: contentRef,
+                  id: contentId,
+                  "data-slot": "dockable-panel-content",
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "flex min-h-0 flex-1 flex-col",
+                    docked && "absolute end-0 top-full h-[calc(100vh-4rem)] w-[min(90rem,100vw-3rem)] max-sm:w-screen"
+                  ),
+                  children
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "sr-only", "aria-live": "polite", children: announcement })
+  ] });
+  return ReactDOM.createPortal(panel, target);
+}
+DockablePanel.displayName = "DockablePanel";
 var iconMap = {
   upload: lucideReact.Upload,
   file: lucideReact.FileUp,
@@ -40466,7 +40714,7 @@ function SidebarProvider({
   defaultExpandedGroup = null,
   mobileBreakpoint = "(max-width: 1023px)"
 }) {
-  const isMobileViewport = chunkXB54G7WS_cjs.useMediaQuery(mobileBreakpoint);
+  const isMobileViewport = chunkWG6MPHWK_cjs.useMediaQuery(mobileBreakpoint);
   const [isCollapsed, setIsCollapsed] = React13.useState(() => {
     if (typeof window !== "undefined" && persistCollapsed) {
       const stored = localStorage.getItem(storageKey);
@@ -43089,7 +43337,7 @@ function TableOfContents({
   }, [manualItems, selector, maxDepth, contentEl]);
   const ids = React13__namespace.useMemo(() => flatItems.map((i) => i.id), [flatItems]);
   const isControlled = controlledActiveId !== void 0;
-  const { activeId: spyActiveId } = chunkXB54G7WS_cjs.useScrollSpy({
+  const { activeId: spyActiveId } = chunkWG6MPHWK_cjs.useScrollSpy({
     ids,
     root: contentRef,
     enabled: !isControlled && ids.length > 0,
@@ -45114,11 +45362,11 @@ Object.defineProperty(exports, "sheetOverlayVariants", {
 });
 Object.defineProperty(exports, "miewebUIPreset", {
   enumerable: true,
-  get: function () { return chunkGJD4OW7P_cjs.miewebUIPreset; }
+  get: function () { return chunkCGVDGVZS_cjs.miewebUIPreset; }
 });
 Object.defineProperty(exports, "miewebUISafelist", {
   enumerable: true,
-  get: function () { return chunkGJD4OW7P_cjs.miewebUISafelist; }
+  get: function () { return chunkCGVDGVZS_cjs.miewebUISafelist; }
 });
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -45182,7 +45430,7 @@ Object.defineProperty(exports, "waveformContainerVariants", {
 });
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
-  get: function () { return chunkLRFH6KM3_cjs.Autocomplete; }
+  get: function () { return chunkJHGMZX4I_cjs.Autocomplete; }
 });
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
@@ -46182,55 +46430,55 @@ Object.defineProperty(exports, "badgeVariants", {
 });
 Object.defineProperty(exports, "RTL_LOCALES", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.RTL_LOCALES; }
+  get: function () { return chunkWG6MPHWK_cjs.RTL_LOCALES; }
 });
 Object.defineProperty(exports, "isRtlLocale", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.isRtlLocale; }
+  get: function () { return chunkWG6MPHWK_cjs.isRtlLocale; }
 });
 Object.defineProperty(exports, "useCommandK", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useCommandK; }
+  get: function () { return chunkWG6MPHWK_cjs.useCommandK; }
 });
 Object.defineProperty(exports, "useDirection", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useDirection; }
+  get: function () { return chunkWG6MPHWK_cjs.useDirection; }
 });
 Object.defineProperty(exports, "useIsDesktop", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useIsDesktop; }
+  get: function () { return chunkWG6MPHWK_cjs.useIsDesktop; }
 });
 Object.defineProperty(exports, "useIsLargeDesktop", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useIsLargeDesktop; }
+  get: function () { return chunkWG6MPHWK_cjs.useIsLargeDesktop; }
 });
 Object.defineProperty(exports, "useIsMobile", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useIsMobile; }
+  get: function () { return chunkWG6MPHWK_cjs.useIsMobile; }
 });
 Object.defineProperty(exports, "useIsMobileOrTablet", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useIsMobileOrTablet; }
+  get: function () { return chunkWG6MPHWK_cjs.useIsMobileOrTablet; }
 });
 Object.defineProperty(exports, "useIsSmallTablet", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useIsSmallTablet; }
+  get: function () { return chunkWG6MPHWK_cjs.useIsSmallTablet; }
 });
 Object.defineProperty(exports, "useIsTablet", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useIsTablet; }
+  get: function () { return chunkWG6MPHWK_cjs.useIsTablet; }
 });
 Object.defineProperty(exports, "useKeyboardShortcut", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useKeyboardShortcut; }
+  get: function () { return chunkWG6MPHWK_cjs.useKeyboardShortcut; }
 });
 Object.defineProperty(exports, "useMediaQuery", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useMediaQuery; }
+  get: function () { return chunkWG6MPHWK_cjs.useMediaQuery; }
 });
 Object.defineProperty(exports, "useScrollSpy", {
   enumerable: true,
-  get: function () { return chunkXB54G7WS_cjs.useScrollSpy; }
+  get: function () { return chunkWG6MPHWK_cjs.useScrollSpy; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
@@ -46312,6 +46560,14 @@ Object.defineProperty(exports, "useAnchoredPosition", {
   enumerable: true,
   get: function () { return chunkMYFZYUPR_cjs.useAnchoredPosition; }
 });
+Object.defineProperty(exports, "isDarkMode", {
+  enumerable: true,
+  get: function () { return chunkNMBYU7D7_cjs.isDarkMode; }
+});
+Object.defineProperty(exports, "useIsDarkMode", {
+  enumerable: true,
+  get: function () { return chunkNMBYU7D7_cjs.useIsDarkMode; }
+});
 Object.defineProperty(exports, "isHtmlEmpty", {
   enumerable: true,
   get: function () { return chunkC7RVKV25_cjs.isHtmlEmpty; }
@@ -46467,6 +46723,7 @@ exports.DateRangeFilter = DateRangeFilter;
 exports.DateRangePicker = DateRangePicker;
 exports.DialogOverlay = DialogOverlay;
 exports.DisclaimerText = DisclaimerText;
+exports.DockablePanel = DockablePanel;
 exports.DocumentDetectionOverlay = DocumentDetectionOverlay;
 exports.DocumentScanner = DocumentScanner;
 exports.DropZone = DropZone;