@bioturing/components 0.37.0 → 0.38.0

package/dist/components/window-portal/component.js

@@ -0,0 +1,120 @@
+"use client";
+import { useState as C, useRef as g, useCallback as I, useEffect as i } from "react";
+import { createPortal as P } from "react-dom";
+function z({
+  children: w,
+  width: $ = 600,
+  height: N = 400,
+  left: W = 200,
+  top: k = 200,
+  title: d = "",
+  copyStyles: f = !0,
+  onClose: y,
+  windowFeatures: x = {}
+}) {
+  const [l, S] = C(null), c = g(null), [h, E] = C(!1), b = I((e) => {
+    if (!e || e.closed) return;
+    e.document.head.querySelectorAll("style, link[rel='stylesheet']").forEach((o) => o.remove()), Array.from(document.styleSheets).forEach((o) => {
+      try {
+        if (o.cssRules) {
+          const t = e.document.createElement("style");
+          Array.from(o.cssRules).forEach((r) => {
+            t.appendChild(
+              e.document.createTextNode(r.cssText)
+            );
+          }), e.document.head.appendChild(t);
+        }
+      } catch {
+        if (o.href) {
+          const r = e.document.createElement("link");
+          r.rel = "stylesheet", r.href = o.href, e.document.head.appendChild(r);
+        }
+      }
+    }), Array.from(document.querySelectorAll("style")).forEach((o) => {
+      const t = e.document.createElement("style");
+      t.textContent = o.textContent, e.document.head.appendChild(t);
+    });
+  }, []);
+  return i(() => {
+    const e = document.createElement("div");
+    S(e);
+  }, []), i(() => {
+    if (!l || c.current && !c.current.closed)
+      return;
+    const {
+      resizable: e = !0,
+      scrollbars: u = !0,
+      toolbar: o = !1,
+      menubar: t = !1,
+      location: r = !1,
+      status: s = !1
+    } = x, m = [
+      `width=${$}`,
+      `height=${N}`,
+      `left=${W}`,
+      `top=${k}`,
+      `resizable=${e ? "yes" : "no"}`,
+      `scrollbars=${u ? "yes" : "no"}`,
+      `toolbar=${o ? "yes" : "no"}`,
+      `menubar=${t ? "yes" : "no"}`,
+      `location=${r ? "yes" : "no"}`,
+      `status=${s ? "yes" : "no"}`
+    ].join(","), n = window.open("", "", m);
+    if (!n) {
+      console.warn(
+        "WindowPortal: Failed to open new window. It may have been blocked by a popup blocker."
+      );
+      return;
+    }
+    if (c.current = n, d && (n.document.title = d), f) {
+      b(n);
+      const v = document.documentElement.className;
+      v && (n.document.documentElement.className = v), Array.from(document.documentElement.attributes).forEach((a) => {
+        a.name.startsWith("data-") && n.document.documentElement.setAttribute(a.name, a.value);
+      });
+      const A = document.body.className;
+      A && (n.document.body.className = A), Array.from(document.body.attributes).forEach((a) => {
+        a.name.startsWith("data-") && n.document.body.setAttribute(a.name, a.value);
+      });
+    }
+    n.document.body.appendChild(l), E(!0);
+    const R = () => {
+      y && y();
+    }, p = setInterval(() => {
+      n.closed && (clearInterval(p), R());
+    }, 500);
+    return () => {
+      clearInterval(p), E(!1), n && !n.closed && n.close();
+    };
+  }, [l]), i(() => {
+    c.current && !c.current.closed && (c.current.document.title = d);
+  }, [d]), i(() => {
+    if (!f || !h || !c.current || c.current.closed)
+      return;
+    const e = c.current, u = new MutationObserver((t) => {
+      t.forEach((r) => {
+        if (r.type === "attributes") {
+          const s = r.attributeName;
+          if (!s) return;
+          if (s === "class")
+            e.document.documentElement.className = document.documentElement.className, b(e);
+          else if (s.startsWith("data-")) {
+            const m = document.documentElement.getAttribute(s);
+            m !== null ? e.document.documentElement.setAttribute(s, m) : e.document.documentElement.removeAttribute(s);
+          }
+        }
+      });
+    }), o = Array.from(document.documentElement.attributes).filter((t) => t.name.startsWith("data-")).map((t) => t.name);
+    return u.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["class", ...o],
+      attributeOldValue: !1
+    }), () => {
+      u.disconnect();
+    };
+  }, [f, b, h]), l ? P(w, l) : null;
+}
+export {
+  z as WindowPortal
+};
+//# sourceMappingURL=component.js.map

package/dist/components/window-portal/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/window-portal/component.tsx"],"sourcesContent":["\"use client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { WindowPortalProps } from \"./types\";\n\n/**\n * WindowPortal - Renders content in a separate browser window\n *\n * This component creates a new browser window and renders its children inside it.\n * It automatically copies parent window styles for consistent theming and handles\n * cleanup when the component unmounts or the window is closed.\n *\n * **Performance Note**: Rapid state updates (e.g., text input) may have slight latency\n * due to React reconciliation across different window contexts. This is expected behavior\n * when using portals across window boundaries.\n *\n * **Theme Synchronization**: The component automatically syncs theme changes (light/dark mode)\n * from the parent window to the popup window using a MutationObserver.\n *\n * @example\n * ```tsx\n * <WindowPortal width={800} height={600} title=\"My Window\">\n *   <div>Content rendered in separate window</div>\n * </WindowPortal>\n * ```\n */\nexport function WindowPortal({\n  children,\n  width = 600,\n  height = 400,\n  left = 200,\n  top = 200,\n  title = \"\",\n  copyStyles = true,\n  onClose,\n  windowFeatures = {},\n}: WindowPortalProps) {\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n  const newWindow = useRef<Window | null>(null);\n  const [windowReady, setWindowReady] = useState(false);\n\n  // Function to copy styles from parent to popup window\n  const copyStylesToWindow = useCallback((win: Window) => {\n    if (!win || win.closed) return;\n\n    // Clear existing styles in popup window\n    const existingStyles = win.document.head.querySelectorAll(\"style, link[rel='stylesheet']\");\n    existingStyles.forEach((style) => style.remove());\n\n    // Copy all stylesheets\n    Array.from(document.styleSheets).forEach((stylesheet) => {\n      try {\n        // Try to copy via cssRules (for same-origin stylesheets)\n        if (stylesheet.cssRules) {\n          const newStyleElement = win.document.createElement(\"style\");\n          Array.from(stylesheet.cssRules).forEach((rule) => {\n            newStyleElement.appendChild(\n              win.document.createTextNode(rule.cssText)\n            );\n          });\n          win.document.head.appendChild(newStyleElement);\n        }\n      } catch (e) {\n        // If cssRules is not accessible (CORS), copy via link element\n        if (stylesheet.href) {\n          const link = win.document.createElement(\"link\");\n          link.rel = \"stylesheet\";\n          link.href = stylesheet.href;\n          win.document.head.appendChild(link);\n        }\n      }\n    });\n\n    // Copy inline style elements\n    Array.from(document.querySelectorAll(\"style\")).forEach((style) => {\n      const newStyle = win.document.createElement(\"style\");\n      newStyle.textContent = style.textContent;\n      win.document.head.appendChild(newStyle);\n    });\n  }, []);\n\n  useEffect(() => {\n    // Create container element on client-side\n    const div = document.createElement(\"div\");\n    setContainer(div);\n  }, []);\n\n  useEffect(() => {\n    // When container is ready\n    if (!container) return;\n\n    // Only create the window once - don't recreate on every render\n    if (newWindow.current && !newWindow.current.closed) {\n      return;\n    }\n\n    // Build window features string\n    const {\n      resizable = true,\n      scrollbars = true,\n      toolbar = false,\n      menubar = false,\n      location = false,\n      status = false,\n    } = windowFeatures;\n\n    const features = [\n      `width=${width}`,\n      `height=${height}`,\n      `left=${left}`,\n      `top=${top}`,\n      `resizable=${resizable ? \"yes\" : \"no\"}`,\n      `scrollbars=${scrollbars ? \"yes\" : \"no\"}`,\n      `toolbar=${toolbar ? \"yes\" : \"no\"}`,\n      `menubar=${menubar ? \"yes\" : \"no\"}`,\n      `location=${location ? \"yes\" : \"no\"}`,\n      `status=${status ? \"yes\" : \"no\"}`,\n    ].join(\",\");\n\n    // Create window\n    const win = window.open(\"\", \"\", features);\n\n    if (!win) {\n      console.warn(\n        \"WindowPortal: Failed to open new window. It may have been blocked by a popup blocker.\"\n      );\n      return;\n    }\n\n    newWindow.current = win;\n\n    // Set initial window title\n    if (title) {\n      win.document.title = title;\n    }\n\n    // Copy styles from parent window\n    if (copyStyles) {\n      copyStylesToWindow(win);\n\n      // Copy theme classes from html element to maintain dark/light mode\n      const htmlClasses = document.documentElement.className;\n      if (htmlClasses) {\n        win.document.documentElement.className = htmlClasses;\n      }\n\n      // Copy data attributes from html element (for theme)\n      Array.from(document.documentElement.attributes).forEach((attr) => {\n        if (attr.name.startsWith(\"data-\")) {\n          win.document.documentElement.setAttribute(attr.name, attr.value);\n        }\n      });\n\n      // Also copy body classes and attributes\n      const bodyClasses = document.body.className;\n      if (bodyClasses) {\n        win.document.body.className = bodyClasses;\n      }\n\n      Array.from(document.body.attributes).forEach((attr) => {\n        if (attr.name.startsWith(\"data-\")) {\n          win.document.body.setAttribute(attr.name, attr.value);\n        }\n      });\n    }\n\n    // Append container to new window's body\n    win.document.body.appendChild(container);\n\n    // Mark window as ready for theme sync\n    setWindowReady(true);\n\n    // Set up cleanup handler\n    const handleClose = () => {\n      if (onClose) {\n        onClose();\n      }\n    };\n\n    // Poll for window closure (since 'beforeunload' doesn't always work reliably)\n    const checkClosed = setInterval(() => {\n      if (win.closed) {\n        clearInterval(checkClosed);\n        handleClose();\n      }\n    }, 500);\n\n    // Return cleanup function\n    return () => {\n      clearInterval(checkClosed);\n      setWindowReady(false);\n      if (win && !win.closed) {\n        win.close();\n      }\n    };\n    // Only depend on container - window should only be created once\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [container]);\n\n  // Update window title when it changes\n  useEffect(() => {\n    if (newWindow.current && !newWindow.current.closed) {\n      newWindow.current.document.title = title;\n    }\n  }, [title]);\n\n  // Sync theme changes from parent to popup window\n  useEffect(() => {\n    if (!copyStyles || !windowReady || !newWindow.current || newWindow.current.closed) {\n      return;\n    }\n\n    const win = newWindow.current;\n\n    // Create a MutationObserver to watch for class and data attribute changes on html element\n    // Theme classes (light/dark) are applied to the html element in this design system\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.type === \"attributes\") {\n          const attrName = mutation.attributeName;\n          if (!attrName) return;\n\n          // Sync class changes from html element (this is where theme classes are applied)\n          if (attrName === \"class\") {\n            win.document.documentElement.className = document.documentElement.className;\n\n            // Re-copy all styles to get the updated theme-specific CSS\n            // This ensures CSS variables and theme-specific rules are updated\n            copyStylesToWindow(win);\n          }\n          // Sync data attributes (for theme)\n          else if (attrName.startsWith(\"data-\")) {\n            const value = document.documentElement.getAttribute(attrName);\n            if (value !== null) {\n              win.document.documentElement.setAttribute(attrName, value);\n            } else {\n              win.document.documentElement.removeAttribute(attrName);\n            }\n          }\n        }\n      });\n    });\n\n    // Collect all data-* attributes to watch\n    const allDataAttrs = Array.from(document.documentElement.attributes)\n      .filter((attr) => attr.name.startsWith(\"data-\"))\n      .map((attr) => attr.name);\n\n    // Observe the parent window's html element for attribute changes\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"class\", ...allDataAttrs],\n      attributeOldValue: false,\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [copyStyles, copyStylesToWindow, windowReady]);\n\n  return container ? createPortal(children, container) : null;\n}\n"],"names":["WindowPortal","children","width","height","left","top","title","copyStyles","onClose","windowFeatures","container","setContainer","useState","newWindow","useRef","windowReady","setWindowReady","copyStylesToWindow","useCallback","win","style","stylesheet","newStyleElement","rule","link","newStyle","useEffect","div","resizable","scrollbars","toolbar","menubar","location","status","features","htmlClasses","attr","bodyClasses","handleClose","checkClosed","observer","mutations","mutation","attrName","value","allDataAttrs","createPortal"],"mappings":"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"}

package/dist/components/window-portal/index.d.ts

@@ -0,0 +1,3 @@
+export { WindowPortal } from './component';
+export type { WindowPortalProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/window-portal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/window-portal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/window-portal/types.d.ts

@@ -0,0 +1,77 @@
+import { ReactNode } from 'react';
+export interface WindowPortalProps {
+    /**
+     * Content to render in the new window
+     */
+    children: ReactNode;
+    /**
+     * Width of the new window in pixels
+     * @default 600
+     */
+    width?: number;
+    /**
+     * Height of the new window in pixels
+     * @default 400
+     */
+    height?: number;
+    /**
+     * Left position of the new window in pixels from the screen's left edge
+     * @default 200
+     */
+    left?: number;
+    /**
+     * Top position of the new window in pixels from the screen's top edge
+     * @default 200
+     */
+    top?: number;
+    /**
+     * Title of the new window
+     * @default ""
+     */
+    title?: string;
+    /**
+     * Whether to copy parent window's stylesheets to the new window
+     * @default true
+     */
+    copyStyles?: boolean;
+    /**
+     * Callback fired when the window is closed
+     */
+    onClose?: () => void;
+    /**
+     * Native window features configuration
+     */
+    windowFeatures?: {
+        /**
+         * Whether the window should be resizable
+         * @default true
+         */
+        resizable?: boolean;
+        /**
+         * Whether to show scrollbars
+         * @default true
+         */
+        scrollbars?: boolean;
+        /**
+         * Whether to show the toolbar
+         * @default false
+         */
+        toolbar?: boolean;
+        /**
+         * Whether to show the menubar
+         * @default false
+         */
+        menubar?: boolean;
+        /**
+         * Whether to show the location bar
+         * @default false
+         */
+        location?: boolean;
+        /**
+         * Whether to show the status bar
+         * @default false
+         */
+        status?: boolean;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/window-portal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/window-portal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE;QACf;;;WAGG;QACH,SAAS,CAAC,EAAE,OAAO,CAAC;QAEpB;;;WAGG;QACH,UAAU,CAAC,EAAE,OAAO,CAAC;QAErB;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAElB;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAElB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QAEnB;;;WAGG;QACH,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
 import { default as m } from "./components/utils/createSyntheticClickEvent.js";
-import { Affix as f, Alert as x, Anchor as s, App as l, AutoComplete as n, Avatar as i, BackTop as C, Calendar as c, Card as u, Carousel as T, Cascader as d, Col as g, ColorPicker as S, ConfigProvider as h, DatePicker as A, Descriptions as E, Divider as P, Drawer as b, Dropdown as R, Flex as k, FloatButton as D, Grid as I, InputNumber as L, Layout as O, List as y, Mentions as B, Menu as v, Pagination as N, Popconfirm as M, Progress as _, QRCode as w, Rate as U, Result as F, Row as W, Skeleton as V, Space as K, Statistic as q, Steps as z, Tabs as G, TimePicker as Q, Timeline as H, Transfer as j, TreeSelect as J, Typography as X, Watermark as Y, message as Z, notification as $, theme as ee, unstableSetRender as oe, version as re } from "antd";
+import { Affix as f, Alert as x, Anchor as s, App as l, AutoComplete as n, Avatar as i, BackTop as C, Calendar as c, Card as u, Carousel as T, Cascader as d, Col as g, ColorPicker as S, ConfigProvider as h, DatePicker as A, Descriptions as E, Divider as P, Drawer as b, Dropdown as R, Flex as k, FloatButton as D, Grid as I, InputNumber as L, Layout as O, List as B, Mentions as v, Menu as y, Pagination as N, Popconfirm as M, Progress as w, QRCode as _, Rate as U, Result as W, Row as F, Skeleton as V, Space as K, Statistic as q, Steps as z, Tabs as G, TimePicker as Q, Timeline as H, Transfer as j, TreeSelect as J, Typography as X, Watermark as Y, message as Z, notification as $, theme as ee, unstableSetRender as oe, version as re } from "antd";
 import { DataTable as ae } from "./components/data-table/component.js";
 import { Select as pe } from "./components/select/component.js";
 import { Modal as xe } from "./components/modal/index.js";
@@ -14,11 +14,11 @@ import { TagList as Ee } from "./components/tag/list.js";
 import { ThemeProvider as be } from "./components/theme-provider/component.js";
 import { ThemeContext as ke, useTheme as De } from "./components/theme-provider/context/themeStore.js";
 import { ThemeContextProvider as Le } from "./components/theme-provider/context/provider.js";
-import { Split as ye, Splitter as Be } from "./components/splitter/component.js";
+import { Split as Be, Splitter as ve } from "./components/splitter/component.js";
 import { Truncate as Ne } from "./components/truncate/component.js";
-import { DropdownMenu as _e } from "./components/dropdown-menu/component.js";
+import { DropdownMenu as we } from "./components/dropdown-menu/component.js";
 import { DropdownMenuItem as Ue } from "./components/dropdown-menu/item.js";
-import { CommandPalette as We } from "./components/command-palette/component.js";
+import { CommandPalette as Fe } from "./components/command-palette/component.js";
 import { KeyboardShortcut as Ke } from "./components/keyboard-shortcut/component.js";
 import { Transition as ze } from "./components/transition/component.js";
 import { DefaultUpload as Qe, Upload as He } from "./components/upload/component.js";
@@ -37,59 +37,60 @@ import { DROPDOWN_COLLISION_AVOIDANCE as Eo, POPUP_COLLISION_AVOIDANCE as Po } f
 import { buildAntdPlacement as Ro, parseAntdPlacement as ko } from "./components/utils/placement.js";
 import { ScrollArea as Io } from "./components/scroll-area/component.js";
 import { Popover as Oo } from "./components/popover/component.js";
-import { Slider as Bo } from "./components/slider/component.js";
+import { Slider as vo } from "./components/slider/component.js";
 import { Tooltip as No } from "./components/tooltip/component.js";
-import { Breadcrumb as _o } from "./components/breadcrumb/component.js";
+import { Breadcrumb as wo } from "./components/breadcrumb/component.js";
 import { BreadcrumbItem as Uo } from "./components/breadcrumb/item.js";
-import { useUniqueKeysTree as Wo } from "./components/tree/useUniqueKeysTree.js";
+import { useUniqueKeysTree as Fo } from "./components/tree/useUniqueKeysTree.js";
 import { getUniqueKeysFromOriginals as Ko, processTreeData as qo } from "./components/tree/helpers.js";
 import { Tree as Go } from "./components/tree/components.js";
 import { Spin as Ho } from "./components/spin/component.js";
-import { Empty as Jo, EmptyIcon as Xo } from "./components/empty/component.js";
-import { Form as Zo } from "./components/form/component.js";
-import { Field as er } from "./components/field/component.js";
-import { Tour as rr } from "./components/tour/component.js";
-import { Toast as ar } from "./components/toast/component.js";
-import { toast as pr, toastManager as fr } from "./components/toast/function.js";
-import { VerticalCollapsiblePanel as sr } from "./components/vertical-collapsible-panel/component.js";
-import { PopupPanel as nr } from "./components/popup-panel/component.js";
-import { CodeBlock as Cr } from "./components/code-block/component.js";
-import { StackChild as ur } from "./components/stack/StackChild.js";
-import { Stack as dr } from "./components/stack/index.js";
-import { Collapse as Sr } from "./components/collapse/component.js";
-import { Input as Ar } from "./components/input/component.js";
-import { Badge as Pr, InternalBadge as br } from "./components/badge/component.js";
-import { Radio as kr } from "./components/radio/component.js";
-import { Button as Ir } from "./components/button/component.js";
-import { DSRoot as Or } from "./components/ds-root/component.js";
+import { Empty as Jo } from "./components/empty/component.js";
+import { Form as Yo } from "./components/form/component.js";
+import { Field as $o } from "./components/field/component.js";
+import { Tour as or } from "./components/tour/component.js";
+import { Toast as tr } from "./components/toast/component.js";
+import { toast as mr, toastManager as pr } from "./components/toast/function.js";
+import { VerticalCollapsiblePanel as xr } from "./components/vertical-collapsible-panel/component.js";
+import { PopupPanel as lr } from "./components/popup-panel/component.js";
+import { CodeBlock as ir } from "./components/code-block/component.js";
+import { StackChild as cr } from "./components/stack/StackChild.js";
+import { Stack as Tr } from "./components/stack/index.js";
+import { Collapse as gr } from "./components/collapse/component.js";
+import { Input as hr } from "./components/input/component.js";
+import { Badge as Er, InternalBadge as Pr } from "./components/badge/component.js";
+import { Radio as Rr } from "./components/radio/component.js";
+import { Button as Dr } from "./components/button/component.js";
+import { DSRoot as Lr } from "./components/ds-root/component.js";
 import { useDS as Br } from "./components/ds-root/hook.js";
-import { DragDrop as Nr, DragDropRoot as Mr } from "./components/drag-drop/index.js";
+import { DragDrop as yr, DragDropRoot as Nr } from "./components/drag-drop/index.js";
 import { ColorSelect as wr } from "./components/color-select/component.js";
-import { Nav as Fr } from "./components/nav/index.js";
-import { ChoiceList as Vr } from "./components/choice-list/component.js";
-import { StatusIcon as qr } from "./components/status-icon/component.js";
-import { Resizable as Gr } from "./components/resizable/component.js";
-import { Combobox as Hr } from "./components/combobox/component.js";
-import { SelectTrigger as Jr, SelectTriggerArrow as Xr, SelectTriggerClear as Yr, SelectTriggerContent as Zr, SelectTriggerRoot as $r } from "./components/select-trigger/component.js";
-import { Loader as ot } from "./components/loader/component.js";
-import { useForm as tt, useWatch as at } from "antd/es/form/Form";
-import { useMessage as pt, useModal as ft, useToken as xt } from "./components/hooks/antd.js";
-import { default as lt } from "antd/es/app/useApp";
-import { useAnimationsFinished as it, useEnhancedEffect as Ct, useEventCallback as ct, useLatestRef as ut } from "./components/hooks/base-ui.js";
-import { useControlledState as dt } from "./components/hooks/useControlledState.js";
-import { useCharts as St } from "./components/hooks/useCharts.js";
-import { useCSSVariables as At } from "./components/hooks/useCSSVariables.js";
-import { useHover as Pt } from "./components/hooks/useHover.js";
-import { useDraggable as Rt } from "./components/hooks/useDraggable.js";
-import { BREAKPOINTS as Dt, useBreakpoint as It } from "./components/hooks/useBreakpoint.js";
-import { useWindowSize as Ot } from "./components/hooks/useWindowSize.js";
-import { useElementSize as Bt, useResizeObserver as vt } from "./components/hooks/useResizeObserver.js";
-import { antdColorTokens as Mt, darkTheme as _t, lightTheme as wt } from "./tokens/and-theme/tokens.js";
-import { categoricalChartColorKeys as Ft, categoricalChartColorTokens as Wt, categoricalChartsColors as Vt, chartColorTokens as Kt, rawChartColorTokens as qt } from "./tokens/charts/palettes/cloudscape.js";
-import { COLORBREWER as Gt } from "./tokens/charts/palettes/colorbrewer.js";
-import { tab10 as Ht, tab20 as jt, tab20b as Jt, tab20c as Xt } from "./tokens/charts/palettes/tableau.js";
-import { CATEGORICAL_PALETTES as Zt, CATEGORICAL_PALETTE_NAMES as $t, SEQUENTIAL_PALETTES as ea, SEQUENTIAL_PALETTE_NAMES as oa, getAllCategoricalChartColors as ra, getAllSequentialChartColors as ta, getCategoricalChartColors as aa, getSequentialChartColors as ma } from "./tokens/charts/palettes/index.js";
-import { getColorsByTheme as fa, getTokensByTheme as xa, resolveColorTokens as sa } from "./tokens/utils.js";
+import { Nav as Ur } from "./components/nav/index.js";
+import { ChoiceList as Fr } from "./components/choice-list/component.js";
+import { StatusIcon as Kr } from "./components/status-icon/component.js";
+import { Resizable as zr } from "./components/resizable/component.js";
+import { Combobox as Qr } from "./components/combobox/component.js";
+import { SelectTrigger as jr, SelectTriggerArrow as Jr, SelectTriggerClear as Xr, SelectTriggerContent as Yr, SelectTriggerRoot as Zr } from "./components/select-trigger/component.js";
+import { Loader as et } from "./components/loader/component.js";
+import { WindowPortal as rt } from "./components/window-portal/component.js";
+import { useForm as at, useWatch as mt } from "antd/es/form/Form";
+import { useMessage as ft, useModal as xt, useToken as st } from "./components/hooks/antd.js";
+import { default as nt } from "antd/es/app/useApp";
+import { useAnimationsFinished as Ct, useEnhancedEffect as ct, useEventCallback as ut, useLatestRef as Tt } from "./components/hooks/base-ui.js";
+import { useControlledState as gt } from "./components/hooks/useControlledState.js";
+import { useCharts as ht } from "./components/hooks/useCharts.js";
+import { useCSSVariables as Et } from "./components/hooks/useCSSVariables.js";
+import { useHover as bt } from "./components/hooks/useHover.js";
+import { useDraggable as kt } from "./components/hooks/useDraggable.js";
+import { BREAKPOINTS as It, useBreakpoint as Lt } from "./components/hooks/useBreakpoint.js";
+import { useWindowSize as Bt } from "./components/hooks/useWindowSize.js";
+import { useElementSize as yt, useResizeObserver as Nt } from "./components/hooks/useResizeObserver.js";
+import { antdColorTokens as wt, darkTheme as _t, lightTheme as Ut } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as Ft, categoricalChartColorTokens as Vt, categoricalChartsColors as Kt, chartColorTokens as qt, rawChartColorTokens as zt } from "./tokens/charts/palettes/cloudscape.js";
+import { COLORBREWER as Qt } from "./tokens/charts/palettes/colorbrewer.js";
+import { tab10 as jt, tab20 as Jt, tab20b as Xt, tab20c as Yt } from "./tokens/charts/palettes/tableau.js";
+import { CATEGORICAL_PALETTES as $t, CATEGORICAL_PALETTE_NAMES as ea, SEQUENTIAL_PALETTES as oa, SEQUENTIAL_PALETTE_NAMES as ra, getAllCategoricalChartColors as ta, getAllSequentialChartColors as aa, getCategoricalChartColors as ma, getSequentialChartColors as pa } from "./tokens/charts/palettes/index.js";
+import { getColorsByTheme as xa, getTokensByTheme as sa, resolveColorTokens as la } from "./tokens/utils.js";
 export {
   f as Affix,
   x as Alert,
@@ -97,93 +98,92 @@ export {
   l as App,
   n as AutoComplete,
   i as Avatar,
-  Dt as BREAKPOINTS,
+  It as BREAKPOINTS,
   C as BackTop,
-  Pr as Badge,
-  _o as Breadcrumb,
+  Er as Badge,
+  wo as Breadcrumb,
   Uo as BreadcrumbItem,
-  Ir as Button,
-  Zt as CATEGORICAL_PALETTES,
-  $t as CATEGORICAL_PALETTE_NAMES,
-  Gt as COLORBREWER,
+  Dr as Button,
+  $t as CATEGORICAL_PALETTES,
+  ea as CATEGORICAL_PALETTE_NAMES,
+  Qt as COLORBREWER,
   c as Calendar,
   u as Card,
   T as Carousel,
   d as Cascader,
   ce as Checkbox,
-  Vr as ChoiceList,
-  Cr as CodeBlock,
+  Fr as ChoiceList,
+  ir as CodeBlock,
   g as Col,
-  Sr as Collapse,
+  gr as Collapse,
   S as ColorPicker,
   wr as ColorSelect,
-  Hr as Combobox,
-  We as CommandPalette,
+  Qr as Combobox,
+  Fe as CommandPalette,
   h as ConfigProvider,
   Eo as DROPDOWN_COLLISION_AVOIDANCE,
-  Or as DSRoot,
+  Lr as DSRoot,
   ae as DataTable,
   A as DatePicker,
   Qe as DefaultUpload,
   E as Descriptions,
   P as Divider,
-  Nr as DragDrop,
-  Mr as DragDropRoot,
+  yr as DragDrop,
+  Nr as DragDropRoot,
   b as Drawer,
   R as Dropdown,
-  _e as DropdownMenu,
+  we as DropdownMenu,
   Ue as DropdownMenuItem,
   Jo as Empty,
-  Xo as EmptyIcon,
-  er as Field,
+  $o as Field,
   k as Flex,
   D as FloatButton,
-  Zo as Form,
+  Yo as Form,
   I as Grid,
   le as IconButton,
-  Ar as Input,
+  hr as Input,
   L as InputNumber,
-  br as InternalBadge,
+  Pr as InternalBadge,
   Ke as KeyboardShortcut,
   O as Layout,
-  y as List,
-  ot as Loader,
-  B as Mentions,
-  v as Menu,
+  B as List,
+  et as Loader,
+  v as Mentions,
+  y as Menu,
   xe as Modal,
-  Fr as Nav,
+  Ur as Nav,
   Po as POPUP_COLLISION_AVOIDANCE,
   N as Pagination,
   M as Popconfirm,
   Oo as Popover,
-  nr as PopupPanel,
-  _ as Progress,
-  w as QRCode,
-  kr as Radio,
+  lr as PopupPanel,
+  w as Progress,
+  _ as QRCode,
+  Rr as Radio,
   U as Rate,
-  Gr as Resizable,
-  F as Result,
-  W as Row,
-  ea as SEQUENTIAL_PALETTES,
-  oa as SEQUENTIAL_PALETTE_NAMES,
+  zr as Resizable,
+  W as Result,
+  F as Row,
+  oa as SEQUENTIAL_PALETTES,
+  ra as SEQUENTIAL_PALETTE_NAMES,
   Io as ScrollArea,
   Te as Segmented,
   pe as Select,
-  Jr as SelectTrigger,
-  Xr as SelectTriggerArrow,
-  Yr as SelectTriggerClear,
-  Zr as SelectTriggerContent,
-  $r as SelectTriggerRoot,
+  jr as SelectTrigger,
+  Jr as SelectTriggerArrow,
+  Xr as SelectTriggerClear,
+  Yr as SelectTriggerContent,
+  Zr as SelectTriggerRoot,
   V as Skeleton,
-  Bo as Slider,
+  vo as Slider,
   K as Space,
   Ho as Spin,
-  ye as Split,
-  Be as Splitter,
-  dr as Stack,
-  ur as StackChild,
+  Be as Split,
+  ve as Splitter,
+  Tr as Stack,
+  cr as StackChild,
   q as Statistic,
-  qr as StatusIcon,
+  Kr as StatusIcon,
   z as Steps,
   ie as Switch,
   ge as Table,
@@ -195,9 +195,9 @@ export {
   be as ThemeProvider,
   Q as TimePicker,
   H as Timeline,
-  ar as Toast,
+  tr as Toast,
   No as Tooltip,
-  rr as Tour,
+  or as Tour,
   j as Transfer,
   ze as Transition,
   Go as Tree,
@@ -205,77 +205,78 @@ export {
   Ne as Truncate,
   X as Typography,
   He as Upload,
-  sr as VerticalCollapsiblePanel,
+  xr as VerticalCollapsiblePanel,
   Y as Watermark,
+  rt as WindowPortal,
   fo as WithRenderProp,
-  Mt as antdColorTokens,
+  wt as antdColorTokens,
   Ro as buildAntdPlacement,
   Ft as categoricalChartColorKeys,
-  Wt as categoricalChartColorTokens,
-  Vt as categoricalChartsColors,
+  Vt as categoricalChartColorTokens,
+  Kt as categoricalChartsColors,
   go as changeThemeWithoutTransition,
-  Kt as chartColorTokens,
+  qt as chartColorTokens,
   Ye as clsx,
   Ze as cn,
   r as componentMetadata,
   m as createSyntheticClickEvent,
   $e as cx,
   _t as darkTheme,
-  ra as getAllCategoricalChartColors,
-  ta as getAllSequentialChartColors,
-  aa as getCategoricalChartColors,
-  fa as getColorsByTheme,
+  ta as getAllCategoricalChartColors,
+  aa as getAllSequentialChartColors,
+  ma as getCategoricalChartColors,
+  xa as getColorsByTheme,
   t as getComponentsByCategory,
   so as getReactElementProp,
-  ma as getSequentialChartColors,
-  xa as getTokensByTheme,
+  pa as getSequentialChartColors,
+  sa as getTokensByTheme,
   Ko as getUniqueKeysFromOriginals,
   to as isTracebackError,
   mo as isValidHexColor,
-  wt as lightTheme,
+  Ut as lightTheme,
   no as mergeRefs,
   Z as message,
   ho as moveTypingCursorToEnd,
   $ as notification,
   ko as parseAntdPlacement,
   qo as processTreeData,
-  qt as rawChartColorTokens,
+  zt as rawChartColorTokens,
   oo as reactNodeToString,
-  sa as resolveColorTokens,
-  Ht as tab10,
-  jt as tab20,
-  Jt as tab20b,
-  Xt as tab20c,
+  la as resolveColorTokens,
+  jt as tab10,
+  Jt as tab20,
+  Xt as tab20b,
+  Yt as tab20c,
   ee as theme,
-  pr as toast,
-  fr as toastManager,
+  mr as toast,
+  pr as toastManager,
   oe as unstableSetRender,
-  it as useAnimationsFinished,
+  Ct as useAnimationsFinished,
   Co as useAntdCssVarClassname,
-  lt as useApp,
-  It as useBreakpoint,
-  At as useCSSVariables,
-  St as useCharts,
+  nt as useApp,
+  Lt as useBreakpoint,
+  Et as useCSSVariables,
+  ht as useCharts,
   co as useCls,
-  dt as useControlledState,
+  gt as useControlledState,
   Br as useDS,
-  Rt as useDraggable,
-  Bt as useElementSize,
-  Ct as useEnhancedEffect,
-  ct as useEventCallback,
-  tt as useForm,
+  kt as useDraggable,
+  yt as useElementSize,
+  ct as useEnhancedEffect,
+  ut as useEventCallback,
+  at as useForm,
   uo as useGetPrefixCls,
-  Pt as useHover,
-  ut as useLatestRef,
-  pt as useMessage,
-  ft as useModal,
-  vt as useResizeObserver,
+  bt as useHover,
+  Tt as useLatestRef,
+  ft as useMessage,
+  xt as useModal,
+  Nt as useResizeObserver,
   De as useTheme,
-  xt as useToken,
-  Wo as useUniqueKeysTree,
+  st as useToken,
+  Fo as useUniqueKeysTree,
   Je as useUploadItemRender,
-  at as useWatch,
-  Ot as useWindowSize,
+  mt as useWatch,
+  Bt as useWindowSize,
   re as version
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}