@bioturing/components 0.36.2 → 0.37.1

package/dist/components/truncate/helpers.js

@@ -1,83 +1,111 @@
-const b = (t) => {
-  const o = document.createElement("span");
-  o.style.opacity = "0", o.style.position = "absolute", o.style.top = "-1000px", o.style.left = "-1000px", o.style.whiteSpace = "nowrap", o.style.pointerEvents = "none";
-  const l = t.getBoundingClientRect(), e = t.cloneNode(!0);
-  return e.style.maxWidth = `${l.width}px`, e.style.position = "absolute", e.style.pointerEvents = "none", e.style.top = "-99px", e.style.left = "-99px", e.style.zIndex = "-1", t.parentElement?.appendChild(e), e.appendChild(o), {
-    measure: (r) => (o.innerText = r, o.clientWidth),
+import v from "react";
+import { renderToStaticMarkup as w } from "react-dom/server";
+const d = /* @__PURE__ */ new Map(), W = (e, n) => {
+  const t = document.createElement("span");
+  t.style.opacity = "0", t.style.position = "absolute", t.style.top = "-1000px", t.style.left = "-1000px", t.style.whiteSpace = "nowrap", t.style.pointerEvents = "none";
+  const o = e.getBoundingClientRect(), s = e.cloneNode(!0);
+  return s.style.maxWidth = `${o.width}px`, s.style.position = "absolute", s.style.pointerEvents = "none", s.style.top = "-99px", s.style.left = "-99px", s.style.zIndex = "-1", e.parentElement?.appendChild(s), s.appendChild(t), {
+    measure: (l) => {
+      if (n) {
+        const r = `${l}-styled`;
+        if (d.has(r))
+          return d.get(r);
+        t.innerHTML = "";
+        const c = n(l);
+        if (typeof c == "string")
+          t.innerHTML = c;
+        else if (v.isValidElement(c))
+          try {
+            const i = w(c);
+            t.innerHTML = i;
+          } catch {
+            t.innerText = l;
+          }
+        else
+          t.innerText = l;
+        const h = t.clientWidth;
+        if (d.set(r, h), d.size > 100) {
+          const i = d.keys().next().value;
+          d.delete(i);
+        }
+        return h;
+      }
+      return t.innerText = l, t.clientWidth;
+    },
     destroy: () => {
-      e.removeChild(o), t.parentElement?.removeChild(e);
+      s.removeChild(t), e.parentElement?.removeChild(s);
     }
   };
-}, H = (t, o, l) => {
-  if (!t) return t;
-  const { measure: e, destroy: r } = b(l), s = e(t), n = l.clientWidth, f = Math.floor(
-    n / s * t.length
+}, M = (e, n, t, o) => {
+  if (!e) return e;
+  const { measure: s, destroy: l } = W(t, o), r = s(e), c = t.clientWidth, h = Math.floor(
+    c / r * e.length
   );
-  if (s <= n)
-    return r(), t;
-  let i = f;
-  const c = {}, g = 20, m = 4;
-  for (; Object.values(c).length <= g && !c[i]; ) {
+  if (r <= c)
+    return l(), e;
+  let i = h;
+  const a = {}, g = 20, b = 4;
+  for (; Object.values(a).length <= g && !a[i]; ) {
     if (i <= 1) {
-      c[0] = [0, o];
+      a[0] = [0, n];
       break;
     }
-    const d = t.slice(0, Math.ceil((i - o.length) / 2 - 1)).trimEnd(), y = t.slice(Math.floor((i - o.length) / 2) - i).trimStart(), p = d + o + y, a = e(p);
-    if (c[i] = [a, p], a >= n)
+    const p = e.slice(0, Math.ceil((i - n.length) / 2 - 1)).trimEnd(), H = e.slice(Math.floor((i - n.length) / 2) - i).trimStart(), m = p + n + H, f = s(m);
+    if (a[i] = [f, m], f >= c)
       i = i - 2;
     else {
-      if (n - a < m) break;
+      if (c - f < b) break;
       i = i + 2;
     }
   }
-  return r(), Object.values(c).reverse().find(([d]) => d < n)?.[1] ?? Object.values(c)[0][1];
-}, v = (t, o) => {
-  const l = window.getComputedStyle(o), e = document.createElement("span");
-  return e.style.visibility = "hidden", e.style.position = "absolute", e.style.width = `${o.clientWidth}px`, e.style.fontSize = l.fontSize, e.style.fontFamily = l.fontFamily, e.style.lineHeight = l.lineHeight, e.textContent = t, document.body.appendChild(e), e;
-}, W = (t) => {
-  const o = t.parentElement;
-  if (!o) return 0;
-  const l = window.getComputedStyle(o), e = parseFloat(l.paddingTop) || 0, r = parseFloat(l.paddingBottom) || 0, s = parseFloat(l.borderTopWidth) || 0, n = parseFloat(l.borderBottomWidth) || 0;
-  return o.clientHeight - e - r - s - n;
-}, h = (t) => t.scrollWidth > t.clientWidth, u = (t, o) => {
-  const l = o ?? (t.clientHeight || t.offsetHeight);
-  return t.scrollHeight > l;
-}, w = (t, o = {}) => {
-  const { type: l = "horizontal", availableHeight: e, text: r } = o;
-  if (r) {
-    const s = v(r, t);
-    let n = !1;
-    switch (l) {
+  return l(), Object.values(a).reverse().find(([p]) => p < c)?.[1] ?? Object.values(a)[0][1];
+}, C = (e, n) => {
+  const t = window.getComputedStyle(n), o = document.createElement("span");
+  return o.style.visibility = "hidden", o.style.position = "absolute", o.style.width = `${n.clientWidth}px`, o.style.fontSize = t.fontSize, o.style.fontFamily = t.fontFamily, o.style.lineHeight = t.lineHeight, o.textContent = e, document.body.appendChild(o), o;
+}, S = (e) => {
+  const n = e.parentElement;
+  if (!n) return 0;
+  const t = window.getComputedStyle(n), o = parseFloat(t.paddingTop) || 0, s = parseFloat(t.paddingBottom) || 0, l = parseFloat(t.borderTopWidth) || 0, r = parseFloat(t.borderBottomWidth) || 0;
+  return n.clientHeight - o - s - l - r;
+}, u = (e) => e.scrollWidth > e.clientWidth, y = (e, n) => {
+  const t = n ?? (e.clientHeight || e.offsetHeight);
+  return e.scrollHeight > t;
+}, E = (e, n = {}) => {
+  const { type: t = "horizontal", availableHeight: o, text: s } = n;
+  if (s) {
+    const l = C(s, e);
+    let r = !1;
+    switch (t) {
       case "horizontal":
-        n = s.scrollWidth > t.clientWidth;
+        r = l.scrollWidth > e.clientWidth;
         break;
       case "vertical":
-        n = e ? s.scrollHeight > e : s.scrollHeight > (t.clientHeight || t.offsetHeight);
+        r = o ? l.scrollHeight > o : l.scrollHeight > (e.clientHeight || e.offsetHeight);
         break;
       case "both":
-        n = s.scrollWidth > t.clientWidth || (e ? s.scrollHeight > e : s.scrollHeight > (t.clientHeight || t.offsetHeight));
+        r = l.scrollWidth > e.clientWidth || (o ? l.scrollHeight > o : l.scrollHeight > (e.clientHeight || e.offsetHeight));
         break;
     }
-    return document.body.removeChild(s), n;
+    return document.body.removeChild(l), r;
   }
-  switch (l) {
+  switch (t) {
     case "horizontal":
-      return h(t);
+      return u(e);
     case "vertical":
-      return u(t, e);
+      return y(e, o);
     case "both":
-      return h(t) || u(t, e);
+      return u(e) || y(e, o);
     default:
-      return h(t);
+      return u(e);
   }
 };
 export {
-  W as calculateAvailableHeight,
-  h as checkHorizontalOverflow,
-  w as checkOverflow,
-  u as checkVerticalOverflow,
-  v as createMeasurementClone,
-  H as getMiddleTruncatedString,
-  b as measureText
+  S as calculateAvailableHeight,
+  u as checkHorizontalOverflow,
+  E as checkOverflow,
+  y as checkVerticalOverflow,
+  C as createMeasurementClone,
+  M as getMiddleTruncatedString,
+  W as measureText
 };
 //# sourceMappingURL=helpers.js.map

package/dist/components/truncate/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/components/truncate/helpers.ts"],"sourcesContent":["/**\n * Finds the closest parent element that has inline flex display\n * @param element - The starting HTMLElement\n * @returns The closest inline flex parent or null if not found\n */\nexport function findClosestInlineFlexParent(\n  element: HTMLElement\n): HTMLElement | null {\n  if (!element) return null;\n\n  let currentElement = element.parentElement;\n  let attempts = 0;\n  const maxAttempts = 10;\n\n  while (currentElement && attempts < maxAttempts) {\n    const computedStyle = window.getComputedStyle(currentElement);\n\n    // Check if display is inline-flex\n    if (computedStyle.display === \"inline-flex\") {\n      return currentElement;\n    }\n\n    // Move to the next parent\n    currentElement = currentElement.parentElement;\n    attempts++;\n  }\n\n  return null;\n}\n\nexport function getFlexRemainingSpace(\n  flexContainer: HTMLElement,\n  ignoreElement: HTMLElement | ((e: HTMLElement) => boolean) = null\n) {\n  const style = window.getComputedStyle(flexContainer);\n  const isRow =\n    style.flexDirection === \"row\" || style.flexDirection === \"row-reverse\";\n  const containerSize = isRow\n    ? flexContainer.offsetWidth\n    : flexContainer.offsetHeight;\n  const gap = parseFloat(style.gap) || 0;\n  const paddingStart =\n    parseFloat(isRow ? style.paddingLeft : style.paddingTop) || 0;\n  const paddingEnd =\n    parseFloat(isRow ? style.paddingRight : style.paddingBottom) || 0;\n\n  let totalItemSize = 0;\n  const items: HTMLElement[] = (\n    [...flexContainer.children] as HTMLElement[]\n  ).filter(\n    (child) =>\n      child instanceof HTMLElement &&\n      (typeof ignoreElement === \"function\"\n        ? !ignoreElement(child)\n        : child !== ignoreElement)\n  );\n  for (let i = 0; i < items.length; i++) {\n    const itemStyle = window.getComputedStyle(items[i]);\n    const marginStart =\n      parseFloat(isRow ? itemStyle.marginLeft : itemStyle.marginTop) || 0;\n    const marginEnd =\n      parseFloat(isRow ? itemStyle.marginRight : itemStyle.marginBottom) || 0;\n    totalItemSize +=\n      (isRow ? items[i].offsetWidth : items[i].offsetHeight) +\n      marginStart +\n      marginEnd;\n  }\n\n  // Add gaps (n-1 gaps for n items)\n  totalItemSize += gap * (items.length - 1);\n\n  // Calculate remaining space\n  const remainingSpace =\n    containerSize - totalItemSize - paddingStart - paddingEnd;\n  return Math.max(0, remainingSpace);\n}\n\nexport const measureText = (container: HTMLElement) => {\n  const span = document.createElement(\"span\");\n  span.style.opacity = \"0\";\n  span.style.position = \"absolute\";\n  span.style.top = \"-1000px\";\n  span.style.left = \"-1000px\";\n  span.style.whiteSpace = \"nowrap\";\n  span.style.pointerEvents = \"none\";\n\n  const nodeRect = container.getBoundingClientRect();\n\n  const containerClone = container.cloneNode(true) as HTMLElement;\n  containerClone.style.maxWidth = `${nodeRect.width}px`;\n  containerClone.style.position = \"absolute\";\n  containerClone.style.pointerEvents = \"none\";\n  containerClone.style.top = \"-99px\";\n  containerClone.style.left = \"-99px\";\n  containerClone.style.zIndex = \"-1\";\n\n  container.parentElement?.appendChild(containerClone);\n  containerClone.appendChild(span);\n\n  return {\n    measure: (text: string) => {\n      span.innerText = text;\n      return span.clientWidth;\n    },\n    destroy: () => {\n      containerClone.removeChild(span);\n      container.parentElement?.removeChild(containerClone);\n    },\n  };\n};\n\nexport const getMiddleTruncatedString = (\n  text: string,\n  ellipsis: string,\n  container: HTMLElement\n): string => {\n  if (!text) return text;\n\n  const { measure: getTextWidth, destroy: destroyMeasure } =\n    measureText(container);\n\n  const textWidth = getTextWidth(text);\n\n  const containerWidthToCompare = container.clientWidth;\n\n  const initialOffset = Math.floor(\n    (containerWidthToCompare / textWidth) * text.length\n  );\n\n  if (textWidth <= containerWidthToCompare) {\n    destroyMeasure();\n    return text;\n  }\n\n  let offset = initialOffset;\n  const attempts: Record<number, [number, string]> = {};\n  const maxAttempts = 20;\n  const buffer = 4;\n\n  while (Object.values(attempts).length <= maxAttempts) {\n    // If we have already tried this offset, stop\n    if (attempts[offset]) break;\n\n    // If we are at the beginning of the string, just return the ellipsis\n    if (offset <= 1) {\n      attempts[0] = [0, ellipsis];\n      break;\n    }\n\n    const start = text\n      .slice(0, Math.ceil((offset - ellipsis.length) / 2 - 1))\n      .trimEnd();\n    const end = text\n      .slice(Math.floor((offset - ellipsis.length) / 2) - offset)\n      .trimStart();\n    const truncatedStr = start + ellipsis + end;\n    const width = getTextWidth(truncatedStr);\n\n    attempts[offset] = [width, truncatedStr];\n\n    if (width >= containerWidthToCompare) {\n      offset = offset - 2;\n    } else {\n      // If we are close to the container width, stop\n      if (containerWidthToCompare - width < buffer) break;\n      offset = offset + 2;\n    }\n  }\n\n  // Remove the span element used for measuring text\n  destroyMeasure();\n\n  // Find the closest attempt that is smaller than the container width\n  return (\n    Object.values(attempts)\n      .reverse()\n      .find(([width]) => width < containerWidthToCompare)?.[1] ??\n    Object.values(attempts)[0][1]\n  );\n};\n\n// Utility functions for measurements\nexport const createMeasurementClone = (\n  text: string,\n  container: HTMLElement\n) => {\n  const styles = window.getComputedStyle(container);\n  const clone = document.createElement(\"span\");\n  clone.style.visibility = \"hidden\";\n  clone.style.position = \"absolute\";\n  clone.style.width = `${container.clientWidth}px`;\n  clone.style.fontSize = styles.fontSize;\n  clone.style.fontFamily = styles.fontFamily;\n  clone.style.lineHeight = styles.lineHeight;\n  clone.textContent = text;\n  document.body.appendChild(clone);\n  return clone;\n};\n\nexport const checkIfTextTruncated = (\n  text: string,\n  container: HTMLElement,\n  availableHeight?: number\n) => {\n  // Use the new checkOverflow utility for consistency\n  return checkOverflow(container, {\n    type: \"vertical\",\n    availableHeight,\n    text,\n  });\n};\n\nexport const calculateAvailableHeight = (container: HTMLElement) => {\n  const parent = container.parentElement;\n  if (!parent) return 0;\n\n  const parentStyles = window.getComputedStyle(parent);\n  const paddingTop = parseFloat(parentStyles.paddingTop) || 0;\n  const paddingBottom = parseFloat(parentStyles.paddingBottom) || 0;\n  const borderTopWidth = parseFloat(parentStyles.borderTopWidth) || 0;\n  const borderBottomWidth = parseFloat(parentStyles.borderBottomWidth) || 0;\n\n  return (\n    parent.clientHeight -\n    paddingTop -\n    paddingBottom -\n    borderTopWidth -\n    borderBottomWidth\n  );\n};\n\nexport const calculateAvailableWidth = (container: HTMLElement) => {\n  const parent = container.parentElement;\n  if (!parent) return 0;\n\n  const parentStyles = window.getComputedStyle(parent);\n  const paddingLeft = parseFloat(parentStyles.paddingLeft) || 0;\n  const paddingRight = parseFloat(parentStyles.paddingRight) || 0;\n  const borderLeftWidth = parseFloat(parentStyles.borderLeftWidth) || 0;\n  const borderRightWidth = parseFloat(parentStyles.borderRightWidth) || 0;\n\n  return (\n    parent.clientWidth -\n    paddingLeft -\n    paddingRight -\n    borderLeftWidth -\n    borderRightWidth\n  );\n};\n\n// Overflow detection utilities\nexport type OverflowType = \"horizontal\" | \"vertical\" | \"both\";\n\nexport interface OverflowCheckOptions {\n  type?: OverflowType;\n  availableHeight?: number;\n  text?: string;\n}\n\nexport const checkHorizontalOverflow = (container: HTMLElement): boolean => {\n  return container.scrollWidth > container.clientWidth;\n};\n\nexport const checkVerticalOverflow = (\n  container: HTMLElement,\n  availableHeight?: number\n): boolean => {\n  const compareHeight = availableHeight ?? (container.clientHeight || container.offsetHeight);\n  return container.scrollHeight > compareHeight;\n};\n\nexport const checkOverflow = (\n  container: HTMLElement,\n  options: OverflowCheckOptions = {}\n): boolean => {\n  const { type = \"horizontal\", availableHeight, text } = options;\n\n  // If text is provided, use measurement clone for more accurate detection\n  if (text) {\n    const clone = createMeasurementClone(text, container);\n    let isOverflowing = false;\n\n    switch (type) {\n      case \"horizontal\":\n        isOverflowing = clone.scrollWidth > container.clientWidth;\n        break;\n      case \"vertical\":\n        isOverflowing = availableHeight\n          ? clone.scrollHeight > availableHeight\n          : clone.scrollHeight > (container.clientHeight || container.offsetHeight);\n        break;\n      case \"both\":\n        isOverflowing =\n          clone.scrollWidth > container.clientWidth ||\n          (availableHeight\n            ? clone.scrollHeight > availableHeight\n            : clone.scrollHeight > (container.clientHeight || container.offsetHeight));\n        break;\n    }\n\n    document.body.removeChild(clone);\n    return isOverflowing;\n  }\n\n  // Use direct container measurements\n  switch (type) {\n    case \"horizontal\":\n      return checkHorizontalOverflow(container);\n    case \"vertical\":\n      return checkVerticalOverflow(container, availableHeight);\n    case \"both\":\n      return checkHorizontalOverflow(container) || checkVerticalOverflow(container, availableHeight);\n    default:\n      return checkHorizontalOverflow(container);\n  }\n};\n"],"names":["measureText","container","span","nodeRect","containerClone","text","getMiddleTruncatedString","ellipsis","getTextWidth","destroyMeasure","textWidth","containerWidthToCompare","initialOffset","offset","attempts","maxAttempts","buffer","start","end","truncatedStr","width","createMeasurementClone","styles","clone","calculateAvailableHeight","parent","parentStyles","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","checkHorizontalOverflow","checkVerticalOverflow","availableHeight","compareHeight","checkOverflow","options","type","isOverflowing"],"mappings":"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"}
+{"version":3,"file":"helpers.js","sources":["../../../src/components/truncate/helpers.ts"],"sourcesContent":["import React from \"react\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\n\n/**\n * Finds the closest parent element that has inline flex display\n * @param element - The starting HTMLElement\n * @returns The closest inline flex parent or null if not found\n */\nexport function findClosestInlineFlexParent(\n  element: HTMLElement\n): HTMLElement | null {\n  if (!element) return null;\n\n  let currentElement = element.parentElement;\n  let attempts = 0;\n  const maxAttempts = 10;\n\n  while (currentElement && attempts < maxAttempts) {\n    const computedStyle = window.getComputedStyle(currentElement);\n\n    // Check if display is inline-flex\n    if (computedStyle.display === \"inline-flex\") {\n      return currentElement;\n    }\n\n    // Move to the next parent\n    currentElement = currentElement.parentElement;\n    attempts++;\n  }\n\n  return null;\n}\n\nexport function getFlexRemainingSpace(\n  flexContainer: HTMLElement,\n  ignoreElement: HTMLElement | ((e: HTMLElement) => boolean) = null\n) {\n  const style = window.getComputedStyle(flexContainer);\n  const isRow =\n    style.flexDirection === \"row\" || style.flexDirection === \"row-reverse\";\n  const containerSize = isRow\n    ? flexContainer.offsetWidth\n    : flexContainer.offsetHeight;\n  const gap = parseFloat(style.gap) || 0;\n  const paddingStart =\n    parseFloat(isRow ? style.paddingLeft : style.paddingTop) || 0;\n  const paddingEnd =\n    parseFloat(isRow ? style.paddingRight : style.paddingBottom) || 0;\n\n  let totalItemSize = 0;\n  const items: HTMLElement[] = (\n    [...flexContainer.children] as HTMLElement[]\n  ).filter(\n    (child) =>\n      child instanceof HTMLElement &&\n      (typeof ignoreElement === \"function\"\n        ? !ignoreElement(child)\n        : child !== ignoreElement)\n  );\n  for (let i = 0; i < items.length; i++) {\n    const itemStyle = window.getComputedStyle(items[i]);\n    const marginStart =\n      parseFloat(isRow ? itemStyle.marginLeft : itemStyle.marginTop) || 0;\n    const marginEnd =\n      parseFloat(isRow ? itemStyle.marginRight : itemStyle.marginBottom) || 0;\n    totalItemSize +=\n      (isRow ? items[i].offsetWidth : items[i].offsetHeight) +\n      marginStart +\n      marginEnd;\n  }\n\n  // Add gaps (n-1 gaps for n items)\n  totalItemSize += gap * (items.length - 1);\n\n  // Calculate remaining space\n  const remainingSpace =\n    containerSize - totalItemSize - paddingStart - paddingEnd;\n  return Math.max(0, remainingSpace);\n}\n\n// Cache for measurement results to optimize performance (only used with renderText)\nconst measurementCache = new Map<string, number>();\n\n/**\n * Measures text width with optional render function for styled content\n * @param container - The container element to clone styles from\n * @param renderText - Optional render function to apply styling to text before measurement\n */\nexport const measureText = (\n  container: HTMLElement,\n  renderText?: ((text: string) => React.ReactNode) | null\n) => {\n  const span = document.createElement(\"span\");\n  span.style.opacity = \"0\";\n  span.style.position = \"absolute\";\n  span.style.top = \"-1000px\";\n  span.style.left = \"-1000px\";\n  span.style.whiteSpace = \"nowrap\";\n  span.style.pointerEvents = \"none\";\n\n  const nodeRect = container.getBoundingClientRect();\n\n  const containerClone = container.cloneNode(true) as HTMLElement;\n  containerClone.style.maxWidth = `${nodeRect.width}px`;\n  containerClone.style.position = \"absolute\";\n  containerClone.style.pointerEvents = \"none\";\n  containerClone.style.top = \"-99px\";\n  containerClone.style.left = \"-99px\";\n  containerClone.style.zIndex = \"-1\";\n\n  container.parentElement?.appendChild(containerClone);\n  containerClone.appendChild(span);\n\n  return {\n    measure: (text: string) => {\n      // Only use cache when measuring styled content (renderText case)\n      // This preserves original behavior for default case\n      if (renderText) {\n        const cacheKey = `${text}-styled`;\n\n        // Check cache first\n        if (measurementCache.has(cacheKey)) {\n          return measurementCache.get(cacheKey)!;\n        }\n\n        // Clear previous content\n        span.innerHTML = \"\";\n\n        // Render the content using renderText\n        const rendered = renderText(text);\n\n        // Handle different types of rendered content\n        if (typeof rendered === \"string\") {\n          // Simple string - just set innerHTML\n          span.innerHTML = rendered;\n        } else if (React.isValidElement(rendered)) {\n          // React element - use renderToStaticMarkup for synchronous rendering\n          try {\n            const html = renderToStaticMarkup(rendered);\n            span.innerHTML = html;\n          } catch (_e) {\n            // Fallback to plain text if renderToStaticMarkup fails\n            span.innerText = text;\n          }\n        } else {\n          // Fallback to plain text\n          span.innerText = text;\n        }\n\n        const width = span.clientWidth;\n\n        // Cache the result\n        measurementCache.set(cacheKey, width);\n\n        // Limit cache size to prevent memory leaks\n        if (measurementCache.size > 100) {\n          const firstKey = measurementCache.keys().next().value;\n          measurementCache.delete(firstKey);\n        }\n\n        return width;\n      }\n\n      // Original behavior when renderText is not provided\n      span.innerText = text;\n      return span.clientWidth;\n    },\n    destroy: () => {\n      containerClone.removeChild(span);\n      container.parentElement?.removeChild(containerClone);\n    },\n  };\n};\n\nexport const getMiddleTruncatedString = (\n  text: string,\n  ellipsis: string,\n  container: HTMLElement,\n  renderText?: ((text: string) => React.ReactNode) | null\n): string => {\n  if (!text) return text;\n\n  const { measure: getTextWidth, destroy: destroyMeasure } =\n    measureText(container, renderText);\n\n  const textWidth = getTextWidth(text);\n\n  const containerWidthToCompare = container.clientWidth;\n\n  const initialOffset = Math.floor(\n    (containerWidthToCompare / textWidth) * text.length\n  );\n\n  if (textWidth <= containerWidthToCompare) {\n    destroyMeasure();\n    return text;\n  }\n\n  let offset = initialOffset;\n  const attempts: Record<number, [number, string]> = {};\n  const maxAttempts = 20;\n  const buffer = 4;\n\n  while (Object.values(attempts).length <= maxAttempts) {\n    // If we have already tried this offset, stop\n    if (attempts[offset]) break;\n\n    // If we are at the beginning of the string, just return the ellipsis\n    if (offset <= 1) {\n      attempts[0] = [0, ellipsis];\n      break;\n    }\n\n    const start = text\n      .slice(0, Math.ceil((offset - ellipsis.length) / 2 - 1))\n      .trimEnd();\n    const end = text\n      .slice(Math.floor((offset - ellipsis.length) / 2) - offset)\n      .trimStart();\n    const truncatedStr = start + ellipsis + end;\n    const width = getTextWidth(truncatedStr);\n\n    attempts[offset] = [width, truncatedStr];\n\n    if (width >= containerWidthToCompare) {\n      offset = offset - 2;\n    } else {\n      // If we are close to the container width, stop\n      if (containerWidthToCompare - width < buffer) break;\n      offset = offset + 2;\n    }\n  }\n\n  // Remove the span element used for measuring text\n  destroyMeasure();\n\n  // Find the closest attempt that is smaller than the container width\n  return (\n    Object.values(attempts)\n      .reverse()\n      .find(([width]) => width < containerWidthToCompare)?.[1] ??\n    Object.values(attempts)[0][1]\n  );\n};\n\n// Utility functions for measurements\nexport const createMeasurementClone = (\n  text: string,\n  container: HTMLElement\n) => {\n  const styles = window.getComputedStyle(container);\n  const clone = document.createElement(\"span\");\n  clone.style.visibility = \"hidden\";\n  clone.style.position = \"absolute\";\n  clone.style.width = `${container.clientWidth}px`;\n  clone.style.fontSize = styles.fontSize;\n  clone.style.fontFamily = styles.fontFamily;\n  clone.style.lineHeight = styles.lineHeight;\n  clone.textContent = text;\n  document.body.appendChild(clone);\n  return clone;\n};\n\nexport const checkIfTextTruncated = (\n  text: string,\n  container: HTMLElement,\n  availableHeight?: number\n) => {\n  // Use the new checkOverflow utility for consistency\n  return checkOverflow(container, {\n    type: \"vertical\",\n    availableHeight,\n    text,\n  });\n};\n\nexport const calculateAvailableHeight = (container: HTMLElement) => {\n  const parent = container.parentElement;\n  if (!parent) return 0;\n\n  const parentStyles = window.getComputedStyle(parent);\n  const paddingTop = parseFloat(parentStyles.paddingTop) || 0;\n  const paddingBottom = parseFloat(parentStyles.paddingBottom) || 0;\n  const borderTopWidth = parseFloat(parentStyles.borderTopWidth) || 0;\n  const borderBottomWidth = parseFloat(parentStyles.borderBottomWidth) || 0;\n\n  return (\n    parent.clientHeight -\n    paddingTop -\n    paddingBottom -\n    borderTopWidth -\n    borderBottomWidth\n  );\n};\n\nexport const calculateAvailableWidth = (container: HTMLElement) => {\n  const parent = container.parentElement;\n  if (!parent) return 0;\n\n  const parentStyles = window.getComputedStyle(parent);\n  const paddingLeft = parseFloat(parentStyles.paddingLeft) || 0;\n  const paddingRight = parseFloat(parentStyles.paddingRight) || 0;\n  const borderLeftWidth = parseFloat(parentStyles.borderLeftWidth) || 0;\n  const borderRightWidth = parseFloat(parentStyles.borderRightWidth) || 0;\n\n  return (\n    parent.clientWidth -\n    paddingLeft -\n    paddingRight -\n    borderLeftWidth -\n    borderRightWidth\n  );\n};\n\n// Overflow detection utilities\nexport type OverflowType = \"horizontal\" | \"vertical\" | \"both\";\n\nexport interface OverflowCheckOptions {\n  type?: OverflowType;\n  availableHeight?: number;\n  text?: string;\n}\n\nexport const checkHorizontalOverflow = (container: HTMLElement): boolean => {\n  return container.scrollWidth > container.clientWidth;\n};\n\nexport const checkVerticalOverflow = (\n  container: HTMLElement,\n  availableHeight?: number\n): boolean => {\n  const compareHeight = availableHeight ?? (container.clientHeight || container.offsetHeight);\n  return container.scrollHeight > compareHeight;\n};\n\nexport const checkOverflow = (\n  container: HTMLElement,\n  options: OverflowCheckOptions = {}\n): boolean => {\n  const { type = \"horizontal\", availableHeight, text } = options;\n\n  // If text is provided, use measurement clone for more accurate detection\n  if (text) {\n    const clone = createMeasurementClone(text, container);\n    let isOverflowing = false;\n\n    switch (type) {\n      case \"horizontal\":\n        isOverflowing = clone.scrollWidth > container.clientWidth;\n        break;\n      case \"vertical\":\n        isOverflowing = availableHeight\n          ? clone.scrollHeight > availableHeight\n          : clone.scrollHeight > (container.clientHeight || container.offsetHeight);\n        break;\n      case \"both\":\n        isOverflowing =\n          clone.scrollWidth > container.clientWidth ||\n          (availableHeight\n            ? clone.scrollHeight > availableHeight\n            : clone.scrollHeight > (container.clientHeight || container.offsetHeight));\n        break;\n    }\n\n    document.body.removeChild(clone);\n    return isOverflowing;\n  }\n\n  // Use direct container measurements\n  switch (type) {\n    case \"horizontal\":\n      return checkHorizontalOverflow(container);\n    case \"vertical\":\n      return checkVerticalOverflow(container, availableHeight);\n    case \"both\":\n      return checkHorizontalOverflow(container) || checkVerticalOverflow(container, availableHeight);\n    default:\n      return checkHorizontalOverflow(container);\n  }\n};\n"],"names":["measurementCache","measureText","container","renderText","span","nodeRect","containerClone","text","cacheKey","rendered","React","html","renderToStaticMarkup","width","firstKey","getMiddleTruncatedString","ellipsis","getTextWidth","destroyMeasure","textWidth","containerWidthToCompare","initialOffset","offset","attempts","maxAttempts","buffer","start","end","truncatedStr","createMeasurementClone","styles","clone","calculateAvailableHeight","parent","parentStyles","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","checkHorizontalOverflow","checkVerticalOverflow","availableHeight","compareHeight","checkOverflow","options","type","isOverflowing"],"mappings":"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"}

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 _, 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 { 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,7 +14,7 @@ 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 { DropdownMenuItem as Ue } from "./components/dropdown-menu/item.js";
@@ -37,7 +37,7 @@ 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 { BreadcrumbItem as Uo } from "./components/breadcrumb/item.js";
@@ -45,51 +45,51 @@ import { useUniqueKeysTree as Wo } 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 { 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 { DragDrop as yr, DragDropRoot as Nr } from "./components/drag-drop/index.js";
+import { ColorSelect as _r } from "./components/color-select/component.js";
+import { Nav as Ur } from "./components/nav/index.js";
+import { ChoiceList as Wr } 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 { useForm as rt, useWatch as tt } from "antd/es/form/Form";
+import { useMessage as mt, useModal as pt, useToken as ft } from "./components/hooks/antd.js";
+import { default as st } from "antd/es/app/useApp";
+import { useAnimationsFinished as nt, useEnhancedEffect as it, useEventCallback as Ct, useLatestRef as ct } from "./components/hooks/base-ui.js";
+import { useControlledState as Tt } from "./components/hooks/useControlledState.js";
+import { useCharts as gt } from "./components/hooks/useCharts.js";
+import { useCSSVariables as ht } from "./components/hooks/useCSSVariables.js";
+import { useHover as Et } from "./components/hooks/useHover.js";
+import { useDraggable as bt } from "./components/hooks/useDraggable.js";
+import { BREAKPOINTS as kt, useBreakpoint as Dt } from "./components/hooks/useBreakpoint.js";
+import { useWindowSize as Lt } 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 { antdColorTokens as Nt, darkTheme as Mt, lightTheme as _t } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as Ut, categoricalChartColorTokens as Ft, categoricalChartsColors as Wt, chartColorTokens as Vt, rawChartColorTokens as Kt } from "./tokens/charts/palettes/cloudscape.js";
+import { COLORBREWER as zt } from "./tokens/charts/palettes/colorbrewer.js";
+import { tab10 as Qt, tab20 as Ht, tab20b as jt, tab20c as Jt } from "./tokens/charts/palettes/tableau.js";
+import { CATEGORICAL_PALETTES as Yt, CATEGORICAL_PALETTE_NAMES as Zt, SEQUENTIAL_PALETTES as $t, SEQUENTIAL_PALETTE_NAMES as ea, getAllCategoricalChartColors as oa, getAllSequentialChartColors as ra, getCategoricalChartColors as ta, getSequentialChartColors as aa } from "./tokens/charts/palettes/index.js";
+import { getColorsByTheme as pa, getTokensByTheme as fa, resolveColorTokens as xa } from "./tokens/utils.js";
 export {
   f as Affix,
   x as Alert,
@@ -97,93 +97,92 @@ export {
   l as App,
   n as AutoComplete,
   i as Avatar,
-  Dt as BREAKPOINTS,
+  kt as BREAKPOINTS,
   C as BackTop,
-  Pr as Badge,
+  Er as Badge,
   _o as Breadcrumb,
   Uo as BreadcrumbItem,
-  Ir as Button,
-  Zt as CATEGORICAL_PALETTES,
-  $t as CATEGORICAL_PALETTE_NAMES,
-  Gt as COLORBREWER,
+  Dr as Button,
+  Yt as CATEGORICAL_PALETTES,
+  Zt as CATEGORICAL_PALETTE_NAMES,
+  zt as COLORBREWER,
   c as Calendar,
   u as Card,
   T as Carousel,
   d as Cascader,
   ce as Checkbox,
-  Vr as ChoiceList,
-  Cr as CodeBlock,
+  Wr as ChoiceList,
+  ir as CodeBlock,
   g as Col,
-  Sr as Collapse,
+  gr as Collapse,
   S as ColorPicker,
-  wr as ColorSelect,
-  Hr as Combobox,
+  _r as ColorSelect,
+  Qr as Combobox,
   We 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,
   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,
+  lr as PopupPanel,
   _ as Progress,
   w as QRCode,
-  kr as Radio,
+  Rr as Radio,
   U as Rate,
-  Gr as Resizable,
+  zr as Resizable,
   F as Result,
   W as Row,
-  ea as SEQUENTIAL_PALETTES,
-  oa as SEQUENTIAL_PALETTE_NAMES,
+  $t as SEQUENTIAL_PALETTES,
+  ea 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 +194,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 +204,77 @@ export {
   Ne as Truncate,
   X as Typography,
   He as Upload,
-  sr as VerticalCollapsiblePanel,
+  xr as VerticalCollapsiblePanel,
   Y as Watermark,
   fo as WithRenderProp,
-  Mt as antdColorTokens,
+  Nt as antdColorTokens,
   Ro as buildAntdPlacement,
-  Ft as categoricalChartColorKeys,
-  Wt as categoricalChartColorTokens,
-  Vt as categoricalChartsColors,
+  Ut as categoricalChartColorKeys,
+  Ft as categoricalChartColorTokens,
+  Wt as categoricalChartsColors,
   go as changeThemeWithoutTransition,
-  Kt as chartColorTokens,
+  Vt 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,
+  Mt as darkTheme,
+  oa as getAllCategoricalChartColors,
+  ra as getAllSequentialChartColors,
+  ta as getCategoricalChartColors,
+  pa as getColorsByTheme,
   t as getComponentsByCategory,
   so as getReactElementProp,
-  ma as getSequentialChartColors,
-  xa as getTokensByTheme,
+  aa as getSequentialChartColors,
+  fa as getTokensByTheme,
   Ko as getUniqueKeysFromOriginals,
   to as isTracebackError,
   mo as isValidHexColor,
-  wt as lightTheme,
+  _t as lightTheme,
   no as mergeRefs,
   Z as message,
   ho as moveTypingCursorToEnd,
   $ as notification,
   ko as parseAntdPlacement,
   qo as processTreeData,
-  qt as rawChartColorTokens,
+  Kt as rawChartColorTokens,
   oo as reactNodeToString,
-  sa as resolveColorTokens,
-  Ht as tab10,
-  jt as tab20,
-  Jt as tab20b,
-  Xt as tab20c,
+  xa as resolveColorTokens,
+  Qt as tab10,
+  Ht as tab20,
+  jt as tab20b,
+  Jt as tab20c,
   ee as theme,
-  pr as toast,
-  fr as toastManager,
+  mr as toast,
+  pr as toastManager,
   oe as unstableSetRender,
-  it as useAnimationsFinished,
+  nt as useAnimationsFinished,
   Co as useAntdCssVarClassname,
-  lt as useApp,
-  It as useBreakpoint,
-  At as useCSSVariables,
-  St as useCharts,
+  st as useApp,
+  Dt as useBreakpoint,
+  ht as useCSSVariables,
+  gt as useCharts,
   co as useCls,
-  dt as useControlledState,
+  Tt as useControlledState,
   Br as useDS,
-  Rt as useDraggable,
+  bt as useDraggable,
   Bt as useElementSize,
-  Ct as useEnhancedEffect,
-  ct as useEventCallback,
-  tt as useForm,
+  it as useEnhancedEffect,
+  Ct as useEventCallback,
+  rt as useForm,
   uo as useGetPrefixCls,
-  Pt as useHover,
-  ut as useLatestRef,
-  pt as useMessage,
-  ft as useModal,
+  Et as useHover,
+  ct as useLatestRef,
+  mt as useMessage,
+  pt as useModal,
   vt as useResizeObserver,
   De as useTheme,
-  xt as useToken,
+  ft as useToken,
   Wo as useUniqueKeysTree,
   Je as useUploadItemRender,
-  at as useWatch,
-  Ot as useWindowSize,
+  tt as useWatch,
+  Lt as useWindowSize,
   re as version
 };
 //# sourceMappingURL=index.js.map