@bioturing/components 0.32.0 → 0.32.1

package/dist/components/truncate/component.js

@@ -1,99 +1,98 @@
 "use client";
 import { jsx as y } from "react/jsx-runtime";
-import { useRef as k, useState as M, useCallback as g, useLayoutEffect as z } from "react";
-import { calculateAvailableHeight as A, checkIfTextTruncated as b, getMiddleTruncatedString as F } from "./helpers.js";
+import { useRef as L, useState as M, useCallback as g, useLayoutEffect as k } from "react";
+import { calculateAvailableHeight as z, checkIfTextTruncated as b, getMiddleTruncatedString as A } from "./helpers.js";
 import './style.css';/* empty css          */
-import { useCls as O } from "../utils/antdUtils.js";
-import { clsx as R } from "../utils/cn.js";
-const D = ({
+import { useCls as F } from "../utils/antdUtils.js";
+import { clsx as O } from "../utils/cn.js";
+const N = ({
   children: x,
-  position: f = "end",
+  position: d = "end",
   lines: r = 1,
   className: C,
-  style: m,
+  style: f,
   container: l,
   ...E
 }) => {
-  const d = O(), h = k(null), [S, T] = M(!1), [p, v] = M(x), c = x, H = g(() => r !== "auto" ? {
-    ...m,
+  const u = F(), m = L(null), [S, h] = M(!1), [p, v] = M(x), c = x, H = g(() => r !== "auto" ? {
+    ...f,
     ...r > 1 ? { "--ds-line-clamp": r } : {}
   } : {
-    ...m,
+    ...f,
     // Set a temporary high value to ensure it fits the parent
     "--ds-line-clamp": 999
-  }, [r, m]), w = g(() => {
-    const e = h.current;
+  }, [r, f]), w = g(() => {
+    const e = m.current;
     if (!e) return;
-    const t = window.getComputedStyle(e), u = parseFloat(t.fontSize), n = t.lineHeight === "normal" ? u * 1.2 : parseFloat(t.lineHeight), a = A(e), o = Math.max(1, Math.floor(a / n));
+    const t = window.getComputedStyle(e), s = parseFloat(t.fontSize), n = t.lineHeight === "normal" ? s * 1.2 : parseFloat(t.lineHeight), a = z(e), o = Math.max(1, Math.floor(a / n));
     e.style.setProperty("--ds-line-clamp", String(o));
-    const i = b(c, e, a);
-    T(i);
-  }, [c]), s = g(
-    (e, t, u) => {
-      var o, i;
+    const T = b(c, e, a);
+    h(T);
+  }, [c]), i = g(
+    (e, t, s) => {
       const n = e.filter(Boolean);
       if (n.length === 0) return;
-      (i = (o = window.document.fonts) == null ? void 0 : o.ready) == null || i.then(t);
+      window.document.fonts?.ready?.then(t);
       const a = new ResizeObserver(() => {
         window.requestAnimationFrame(t);
       });
-      return n.forEach((L) => a.observe(L)), () => {
-        a.disconnect(), u && u();
+      return n.forEach((o) => a.observe(o)), () => {
+        a.disconnect(), s && s();
       };
     },
     []
   );
-  return z(() => {
-    const e = h.current;
+  return k(() => {
+    const e = m.current;
     let t = l instanceof HTMLElement ? l : l && "current" in l ? l.current : null;
     if (!e || (t || (t = e.closest("[data-truncate-container]")), typeof l < "u" && !t)) return;
     if (v(c), r === "auto")
-      return s(
+      return i(
         [e, e.parentElement],
         w
       );
     if (typeof r == "number" && r > 1)
-      return s([e], () => {
+      return i([e], () => {
         const a = b(c, e);
-        T(a);
+        h(a);
       });
-    if (f == "middle") {
+    if (d == "middle") {
       let n = { cancelled: !1 };
-      return s(
+      return i(
         [t || e],
         () => {
           n && (n.cancelled = !0);
           const o = { cancelled: !1 };
           n = o;
-          const i = F(c, "…", e);
-          o.cancelled || v(i);
+          const T = A(c, "…", e);
+          o.cancelled || v(T);
         },
         () => {
           n.cancelled = !0;
         }
       );
     }
-    return s(
+    return i(
       [t || e],
       () => {
-        e.scrollWidth > e.clientWidth && T(!0);
+        e.scrollWidth > e.clientWidth && h(!0);
       }
     );
   }, [
     c,
-    f,
+    d,
     r,
     l,
     w,
-    s
+    i
   ]), /* @__PURE__ */ y(
     "span",
     {
-      ref: h,
+      ref: m,
       style: H(),
-      className: R(
-        d(r === 1 ? "truncate" : "truncate-multiline"),
-        d(f === "middle" ? "truncate-middle" : "truncate-end"),
+      className: O(
+        u(r === 1 ? "truncate" : "truncate-multiline"),
+        u(d === "middle" ? "truncate-middle" : "truncate-end"),
         C
       ),
       title: S ? c : void 0,
@@ -104,6 +103,6 @@ const D = ({
   );
 };
 export {
-  D as Truncate
+  N as Truncate
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/truncate/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport {\n  calculateAvailableHeight,\n  checkIfTextTruncated,\n  getMiddleTruncatedString,\n} from \"./helpers\";\n\nimport \"./style.css\";\n\nexport type TruncatePosition = \"middle\" | \"end\";\n\nexport interface TruncateProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"title\"> {\n  /** Text content to be truncated */\n  children: string;\n  /** Position where the truncation should occur */\n  position?: TruncatePosition;\n  /**\n   * Number of lines to display before truncating\n   * @default 1\n   * @remarks Use 'auto' to fit parent height\n   */\n  lines?: number | \"auto\";\n  /*\n   * Ref to the container element of the truncated text. It will have resize observer attached to it.\n   */\n  container?: HTMLElement | React.RefObject<HTMLElement>;\n}\n\nexport const Truncate: React.FC<TruncateProps> = ({\n  children,\n  position = \"end\",\n  lines = 1,\n  className,\n  style,\n  container: containerProp,\n  ...rest\n}) => {\n  const cls = useCls();\n  const containerRef = useRef<HTMLElement>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n  const [truncatedText, setTruncatedText] = useState(children);\n\n  const text = children;\n\n  // Get appropriate container styles based on position and lines\n  const getContainerStyles = useCallback(() => {\n    // For explicit line numbers or single line\n    if (lines !== \"auto\") {\n      return {\n        ...style,\n        ...(lines > 1 ? { \"--ds-line-clamp\": lines } : {}),\n      } as React.CSSProperties;\n    }\n\n    // For auto line calculation, we'll let the useLayoutEffect handle it\n    return {\n      ...style,\n      // Set a temporary high value to ensure it fits the parent\n      \"--ds-line-clamp\": 999,\n    } as React.CSSProperties;\n  }, [lines, style]);\n\n  // Handle auto line calculation\n  const handleAutoLineCalculation = useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const styles = window.getComputedStyle(container);\n    const fontSize = parseFloat(styles.fontSize);\n    const lineHeight =\n      styles.lineHeight === \"normal\"\n        ? fontSize * 1.2\n        : parseFloat(styles.lineHeight);\n\n    const availableHeight = calculateAvailableHeight(container);\n    const maxLines = Math.max(1, Math.floor(availableHeight / lineHeight));\n\n    container.style.setProperty(\"--ds-line-clamp\", String(maxLines));\n    const isTruncated = checkIfTextTruncated(text, container, availableHeight);\n    setIsTruncated(isTruncated);\n  }, [text]);\n\n  const observe = useCallback(\n    (\n      elements: (HTMLElement | null)[],\n      callback: () => void,\n      cleanup?: () => void\n    ) => {\n      const validElements = elements.filter(Boolean) as HTMLElement[];\n      if (validElements.length === 0) return;\n\n      window.document.fonts?.ready?.then(callback);\n\n      const observer = new ResizeObserver(() => {\n        window.requestAnimationFrame(callback);\n      });\n\n      validElements.forEach((el) => observer.observe(el));\n      return () => {\n        observer.disconnect();\n        if (cleanup) cleanup();\n      };\n    },\n    []\n  );\n\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    let flexContainer =\n      containerProp instanceof HTMLElement\n        ? containerProp\n        : containerProp && \"current\" in containerProp\n        ? containerProp.current\n        : null;\n    if (!container) return;\n    if (!flexContainer) {\n      flexContainer = container.closest(\"[data-truncate-container]\");\n    }\n    if (typeof containerProp !== \"undefined\" && !flexContainer) return;\n\n    // reset\n    setTruncatedText(text);\n\n    // Handle auto-height calculation\n    if (lines === \"auto\") {\n      return observe(\n        [container, container.parentElement],\n        handleAutoLineCalculation\n      );\n    }\n\n    // Skip custom truncation logic for multi-line mode\n    if (typeof lines === \"number\" && lines > 1) {\n      // Check if text is truncated by comparing heights\n      const handleMultilineTruncation = () => {\n        const isTruncated = checkIfTextTruncated(text, container);\n        setIsTruncated(isTruncated);\n      };\n\n      return observe([container], handleMultilineTruncation);\n    }\n\n    if (position == \"middle\") {\n      // Middle truncate\n      let cancellationToken = { cancelled: false };\n\n      const handleMiddleTruncate = () => {\n        if (cancellationToken) cancellationToken.cancelled = true;\n\n        const requestCancellationToken = { cancelled: false };\n        cancellationToken = requestCancellationToken;\n\n        const truncated = getMiddleTruncatedString(text, \"\\u2026\", container);\n\n        if (requestCancellationToken.cancelled) return;\n\n        setTruncatedText(truncated);\n      };\n      // to do: optimize resize observer here to avoid re-calculate\n      return observe(\n        [flexContainer ? flexContainer : container],\n        handleMiddleTruncate,\n        () => {\n          cancellationToken.cancelled = true;\n        }\n      );\n    }\n\n    // End truncate\n    const handleEndTruncate = () => {\n      const isOverflowing = container.scrollWidth > container.clientWidth;\n      if (isOverflowing) {\n        setIsTruncated(true);\n      }\n    };\n\n    return observe(\n      [flexContainer ? flexContainer : container],\n      handleEndTruncate\n    );\n  }, [\n    text,\n    position,\n    lines,\n    containerProp,\n    handleAutoLineCalculation,\n    observe,\n  ]);\n\n  return (\n    <span\n      ref={containerRef}\n      style={getContainerStyles()}\n      className={clsx(\n        lines === 1 ? cls(\"truncate\") : cls(\"truncate-multiline\"),\n        position === \"middle\" ? cls(\"truncate-middle\") : cls(\"truncate-end\"),\n        className\n      )}\n      title={isTruncated ? text : undefined}\n      data-truncate-text-node\n      {...rest}\n    >\n      {text === truncatedText ? text : <span>{truncatedText}</span>}\n    </span>\n  );\n};\n"],"names":["Truncate","children","position","lines","className","style","containerProp","rest","cls","useCls","containerRef","useRef","isTruncated","setIsTruncated","useState","truncatedText","setTruncatedText","text","getContainerStyles","useCallback","handleAutoLineCalculation","container","styles","fontSize","lineHeight","availableHeight","calculateAvailableHeight","maxLines","checkIfTextTruncated","observe","elements","callback","cleanup","validElements","_b","_a","observer","el","useLayoutEffect","flexContainer","cancellationToken","requestCancellationToken","truncated","getMiddleTruncatedString","jsx","clsx"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/truncate/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport {\n  calculateAvailableHeight,\n  checkIfTextTruncated,\n  getMiddleTruncatedString,\n} from \"./helpers\";\n\nimport \"./style.css\";\n\nexport type TruncatePosition = \"middle\" | \"end\";\n\nexport interface TruncateProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"title\"> {\n  /** Text content to be truncated */\n  children: string;\n  /** Position where the truncation should occur */\n  position?: TruncatePosition;\n  /**\n   * Number of lines to display before truncating\n   * @default 1\n   * @remarks Use 'auto' to fit parent height\n   */\n  lines?: number | \"auto\";\n  /*\n   * Ref to the container element of the truncated text. It will have resize observer attached to it.\n   */\n  container?: HTMLElement | React.RefObject<HTMLElement>;\n}\n\nexport const Truncate: React.FC<TruncateProps> = ({\n  children,\n  position = \"end\",\n  lines = 1,\n  className,\n  style,\n  container: containerProp,\n  ...rest\n}) => {\n  const cls = useCls();\n  const containerRef = useRef<HTMLElement>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n  const [truncatedText, setTruncatedText] = useState(children);\n\n  const text = children;\n\n  // Get appropriate container styles based on position and lines\n  const getContainerStyles = useCallback(() => {\n    // For explicit line numbers or single line\n    if (lines !== \"auto\") {\n      return {\n        ...style,\n        ...(lines > 1 ? { \"--ds-line-clamp\": lines } : {}),\n      } as React.CSSProperties;\n    }\n\n    // For auto line calculation, we'll let the useLayoutEffect handle it\n    return {\n      ...style,\n      // Set a temporary high value to ensure it fits the parent\n      \"--ds-line-clamp\": 999,\n    } as React.CSSProperties;\n  }, [lines, style]);\n\n  // Handle auto line calculation\n  const handleAutoLineCalculation = useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const styles = window.getComputedStyle(container);\n    const fontSize = parseFloat(styles.fontSize);\n    const lineHeight =\n      styles.lineHeight === \"normal\"\n        ? fontSize * 1.2\n        : parseFloat(styles.lineHeight);\n\n    const availableHeight = calculateAvailableHeight(container);\n    const maxLines = Math.max(1, Math.floor(availableHeight / lineHeight));\n\n    container.style.setProperty(\"--ds-line-clamp\", String(maxLines));\n    const isTruncated = checkIfTextTruncated(text, container, availableHeight);\n    setIsTruncated(isTruncated);\n  }, [text]);\n\n  const observe = useCallback(\n    (\n      elements: (HTMLElement | null)[],\n      callback: () => void,\n      cleanup?: () => void\n    ) => {\n      const validElements = elements.filter(Boolean) as HTMLElement[];\n      if (validElements.length === 0) return;\n\n      window.document.fonts?.ready?.then(callback);\n\n      const observer = new ResizeObserver(() => {\n        window.requestAnimationFrame(callback);\n      });\n\n      validElements.forEach((el) => observer.observe(el));\n      return () => {\n        observer.disconnect();\n        if (cleanup) cleanup();\n      };\n    },\n    []\n  );\n\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    let flexContainer =\n      containerProp instanceof HTMLElement\n        ? containerProp\n        : containerProp && \"current\" in containerProp\n        ? containerProp.current\n        : null;\n    if (!container) return;\n    if (!flexContainer) {\n      flexContainer = container.closest(\"[data-truncate-container]\");\n    }\n    if (typeof containerProp !== \"undefined\" && !flexContainer) return;\n\n    // reset\n    setTruncatedText(text);\n\n    // Handle auto-height calculation\n    if (lines === \"auto\") {\n      return observe(\n        [container, container.parentElement],\n        handleAutoLineCalculation\n      );\n    }\n\n    // Skip custom truncation logic for multi-line mode\n    if (typeof lines === \"number\" && lines > 1) {\n      // Check if text is truncated by comparing heights\n      const handleMultilineTruncation = () => {\n        const isTruncated = checkIfTextTruncated(text, container);\n        setIsTruncated(isTruncated);\n      };\n\n      return observe([container], handleMultilineTruncation);\n    }\n\n    if (position == \"middle\") {\n      // Middle truncate\n      let cancellationToken = { cancelled: false };\n\n      const handleMiddleTruncate = () => {\n        if (cancellationToken) cancellationToken.cancelled = true;\n\n        const requestCancellationToken = { cancelled: false };\n        cancellationToken = requestCancellationToken;\n\n        const truncated = getMiddleTruncatedString(text, \"\\u2026\", container);\n\n        if (requestCancellationToken.cancelled) return;\n\n        setTruncatedText(truncated);\n      };\n      // to do: optimize resize observer here to avoid re-calculate\n      return observe(\n        [flexContainer ? flexContainer : container],\n        handleMiddleTruncate,\n        () => {\n          cancellationToken.cancelled = true;\n        }\n      );\n    }\n\n    // End truncate\n    const handleEndTruncate = () => {\n      const isOverflowing = container.scrollWidth > container.clientWidth;\n      if (isOverflowing) {\n        setIsTruncated(true);\n      }\n    };\n\n    return observe(\n      [flexContainer ? flexContainer : container],\n      handleEndTruncate\n    );\n  }, [\n    text,\n    position,\n    lines,\n    containerProp,\n    handleAutoLineCalculation,\n    observe,\n  ]);\n\n  return (\n    <span\n      ref={containerRef}\n      style={getContainerStyles()}\n      className={clsx(\n        lines === 1 ? cls(\"truncate\") : cls(\"truncate-multiline\"),\n        position === \"middle\" ? cls(\"truncate-middle\") : cls(\"truncate-end\"),\n        className\n      )}\n      title={isTruncated ? text : undefined}\n      data-truncate-text-node\n      {...rest}\n    >\n      {text === truncatedText ? text : <span>{truncatedText}</span>}\n    </span>\n  );\n};\n"],"names":["Truncate","children","position","lines","className","style","containerProp","rest","cls","useCls","containerRef","useRef","isTruncated","setIsTruncated","useState","truncatedText","setTruncatedText","text","getContainerStyles","useCallback","handleAutoLineCalculation","container","styles","fontSize","lineHeight","availableHeight","calculateAvailableHeight","maxLines","checkIfTextTruncated","observe","elements","callback","cleanup","validElements","observer","el","useLayoutEffect","flexContainer","cancellationToken","requestCancellationToken","truncated","getMiddleTruncatedString","jsx","clsx"],"mappings":"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"}

package/dist/components/truncate/helpers.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Finds the closest parent element that has inline flex display
+ * @param element - The starting HTMLElement
+ * @returns The closest inline flex parent or null if not found
+ */
+export declare function findClosestInlineFlexParent(element: HTMLElement): HTMLElement | null;
+export declare function getFlexRemainingSpace(flexContainer: HTMLElement, ignoreElement?: HTMLElement | ((e: HTMLElement) => boolean)): number;
+export declare const measureText: (container: HTMLElement) => {
+    measure: (text: string) => number;
+    destroy: () => void;
+};
+export declare const getMiddleTruncatedString: (text: string, ellipsis: string, container: HTMLElement) => string;
+export declare const createMeasurementClone: (text: string, container: HTMLElement) => HTMLSpanElement;
+export declare const checkIfTextTruncated: (text: string, container: HTMLElement, availableHeight?: number) => boolean;
+export declare const calculateAvailableHeight: (container: HTMLElement) => number;
+export declare const calculateAvailableWidth: (container: HTMLElement) => number;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/truncate/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/truncate/helpers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,WAAW,GACnB,WAAW,GAAG,IAAI,CAqBpB;AAED,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,WAAW,EAC1B,aAAa,GAAE,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW,KAAK,OAAO,CAAQ,UA2ClE;AAED,eAAO,MAAM,WAAW,GAAI,WAAW,WAAW;oBAuB9B,MAAM;;CASzB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,MAAM,MAAM,EACZ,UAAU,MAAM,EAChB,WAAW,WAAW,KACrB,MAgEF,CAAC;AAGF,eAAO,MAAM,sBAAsB,GACjC,MAAM,MAAM,EACZ,WAAW,WAAW,oBAavB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,MAAM,MAAM,EACZ,WAAW,WAAW,EACtB,kBAAkB,MAAM,YAQzB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAW,WAAW,WAiB9D,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,WAAW,WAAW,WAiB7D,CAAC"}

package/dist/components/truncate/helpers.js

@@ -1,56 +1,53 @@
-const g = (n) => {
-  var l;
+const f = (n) => {
   const e = document.createElement("span");
   e.style.opacity = "0", e.style.position = "absolute", e.style.top = "-1000px", e.style.left = "-1000px", e.style.whiteSpace = "nowrap", e.style.pointerEvents = "none";
   const o = n.getBoundingClientRect(), t = n.cloneNode(!0);
-  return t.style.maxWidth = `${o.width}px`, t.style.position = "absolute", t.style.pointerEvents = "none", t.style.top = "-99px", t.style.left = "-99px", t.style.zIndex = "-1", (l = n.parentElement) == null || l.appendChild(t), t.appendChild(e), {
-    measure: (i) => (e.innerText = i, e.clientWidth),
+  return t.style.maxWidth = `${o.width}px`, t.style.position = "absolute", t.style.pointerEvents = "none", t.style.top = "-99px", t.style.left = "-99px", t.style.zIndex = "-1", n.parentElement?.appendChild(t), t.appendChild(e), {
+    measure: (l) => (e.innerText = l, e.clientWidth),
     destroy: () => {
-      var i;
-      t.removeChild(e), (i = n.parentElement) == null || i.removeChild(t);
+      t.removeChild(e), n.parentElement?.removeChild(t);
     }
   };
-}, C = (n, e, o) => {
-  var p;
+}, b = (n, e, o) => {
   if (!n) return n;
-  const { measure: t, destroy: l } = g(o), i = t(n), r = o.clientWidth, u = Math.floor(
-    r / i * n.length
+  const { measure: t, destroy: l } = f(o), d = t(n), i = o.clientWidth, h = Math.floor(
+    i / d * n.length
   );
-  if (i <= r)
+  if (d <= i)
     return l(), n;
-  let s = u;
-  const d = {}, m = 20, y = 4;
-  for (; Object.values(d).length <= m && !d[s]; ) {
+  let s = h;
+  const r = {}, u = 20, m = 4;
+  for (; Object.values(r).length <= u && !r[s]; ) {
     if (s <= 1) {
-      d[0] = [0, e];
+      r[0] = [0, e];
       break;
     }
-    const c = n.slice(0, Math.ceil((s - e.length) / 2 - 1)).trimEnd(), f = n.slice(Math.floor((s - e.length) / 2) - s).trimStart(), h = c + e + f, a = t(h);
-    if (d[s] = [a, h], a >= r)
+    const c = n.slice(0, Math.ceil((s - e.length) / 2 - 1)).trimEnd(), y = n.slice(Math.floor((s - e.length) / 2) - s).trimStart(), p = c + e + y, a = t(p);
+    if (r[s] = [a, p], a >= i)
       s = s - 2;
     else {
-      if (r - a < y) break;
+      if (i - a < m) break;
       s = s + 2;
     }
   }
-  return l(), ((p = Object.values(d).reverse().find(([c]) => c < r)) == null ? void 0 : p[1]) ?? Object.values(d)[0][1];
-}, b = (n, e) => {
+  return l(), Object.values(r).reverse().find(([c]) => c < i)?.[1] ?? Object.values(r)[0][1];
+}, g = (n, e) => {
   const o = window.getComputedStyle(e), t = document.createElement("span");
   return t.style.visibility = "hidden", t.style.position = "absolute", t.style.width = `${e.clientWidth}px`, t.style.fontSize = o.fontSize, t.style.fontFamily = o.fontFamily, t.style.lineHeight = o.lineHeight, t.textContent = n, document.body.appendChild(t), t;
-}, T = (n, e, o) => {
-  const t = b(n, e), l = o ? t.scrollHeight > o : t.scrollHeight > (e.clientHeight || e.offsetHeight);
+}, C = (n, e, o) => {
+  const t = g(n, e), l = o ? t.scrollHeight > o : t.scrollHeight > (e.clientHeight || e.offsetHeight);
   return document.body.removeChild(t), l;
-}, W = (n) => {
+}, T = (n) => {
   const e = n.parentElement;
   if (!e) return 0;
-  const o = window.getComputedStyle(e), t = parseFloat(o.paddingTop) || 0, l = parseFloat(o.paddingBottom) || 0, i = parseFloat(o.borderTopWidth) || 0, r = parseFloat(o.borderBottomWidth) || 0;
-  return e.clientHeight - t - l - i - r;
+  const o = window.getComputedStyle(e), t = parseFloat(o.paddingTop) || 0, l = parseFloat(o.paddingBottom) || 0, d = parseFloat(o.borderTopWidth) || 0, i = parseFloat(o.borderBottomWidth) || 0;
+  return e.clientHeight - t - l - d - i;
 };
 export {
-  W as calculateAvailableHeight,
-  T as checkIfTextTruncated,
-  b as createMeasurementClone,
-  C as getMiddleTruncatedString,
-  g as measureText
+  T as calculateAvailableHeight,
+  C as checkIfTextTruncated,
+  g as createMeasurementClone,
+  b as getMiddleTruncatedString,
+  f 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  const clone = createMeasurementClone(text, container);\n  const isTruncated = availableHeight\n    ? clone.scrollHeight > availableHeight\n    : clone.scrollHeight > (container.clientHeight || container.offsetHeight);\n  document.body.removeChild(clone);\n  return isTruncated;\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"],"names":["measureText","container","_a","span","nodeRect","containerClone","text","getMiddleTruncatedString","ellipsis","getTextWidth","destroyMeasure","textWidth","containerWidthToCompare","initialOffset","offset","attempts","maxAttempts","buffer","start","end","truncatedStr","width","createMeasurementClone","styles","clone","checkIfTextTruncated","availableHeight","isTruncated","calculateAvailableHeight","parent","parentStyles","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth"],"mappings":"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"}
+{"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  const clone = createMeasurementClone(text, container);\n  const isTruncated = availableHeight\n    ? clone.scrollHeight > availableHeight\n    : clone.scrollHeight > (container.clientHeight || container.offsetHeight);\n  document.body.removeChild(clone);\n  return isTruncated;\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"],"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","checkIfTextTruncated","availableHeight","isTruncated","calculateAvailableHeight","parent","parentStyles","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth"],"mappings":"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"}

package/dist/components/truncate/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/truncate/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/truncate/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/upload/component.d.ts

@@ -0,0 +1,17 @@
+import { UploadFile as AntUploadFile, UploadProps as AntUploadProps, RcFile, UploadChangeParam } from 'antd/es/upload';
+export type UploadFile = AntUploadFile;
+export type { RcFile, UploadChangeParam };
+export type { UploadItemProps, UploadFileStatus } from './item';
+export interface UploadProps extends AntUploadProps {
+    /**
+     * Show remove button for uploaded files
+     * @default true
+     */
+    showRemoveButton?: boolean;
+}
+export declare const DefaultUpload: ({ showRemoveButton, className, fileList, children, ...restProps }: UploadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Upload: (({ showRemoveButton, className, fileList, children, ...restProps }: UploadProps) => import("react/jsx-runtime").JSX.Element) & {
+    Dragger: ({ children, uploadTitle, uploadDescription, itemRender, className, ...rest }: import('./dragger').DraggerProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ fileName, fileType, status, percent, removable, onRemove, extraActions, className, ...rest }: import('./item').UploadItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=component.d.ts.map

package/dist/components/upload/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/upload/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,IAAI,aAAa,EAChC,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,MAAM,EACX,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AASxB,OAAO,aAAa,CAAC;AAGrB,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AACvC,YAAY,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC;AAE1C,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAGhE,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAU5B;AAGD,eAAO,MAAM,aAAa,GAAI,mEAQ3B,WAAW,4CAsBb,CAAC;AAEF,eAAO,MAAM,MAAM,uEAxBhB,WAAW;;;CA4BZ,CAAC"}

package/dist/components/upload/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/upload/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntUpload,\n  type UploadFile as AntUploadFile,\n  type UploadProps as AntUploadProps,\n  type RcFile,\n  type UploadChangeParam,\n} from \"antd/es/upload\";\nimport { Button } from \"..\";\nimport { CloudArrowUp } from \"@bioturing/assets\";\nimport { clsx, useCls } from \"../utils\";\nimport { Dragger } from \"./dragger\";\nimport { useUploadItemRender } from \"./hooks\";\nimport { UploadItem } from \"./item\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Re-export UploadFile and other types for consumers\nexport type UploadFile = AntUploadFile;\nexport type { RcFile, UploadChangeParam };\n\nexport type { UploadItemProps, UploadFileStatus } from \"./item\";\n\n// Define props interface extending Ant Design's UploadProps\nexport interface UploadProps extends AntUploadProps {\n  /**\n   * Show remove button for uploaded files\n   * @default true\n   */\n  showRemoveButton?: boolean;\n  // /**\n  //  * Show file list\n  //  * @default true\n  //  */\n  // showFileList?: boolean;\n  // /**\n  //  * Custom icon\n  //  */\n  // icon?: React.ReactNode;\n}\n\n// Default icons for file types\nexport const DefaultUpload = ({\n  // icon = <CloudArrowUp size={24} />,\n  showRemoveButton = true,\n  // showFileList = true,\n  className,\n  fileList,\n  children,\n  ...restProps\n}: UploadProps) => {\n  const cls = useCls();\n  const icon = <CloudArrowUp size={24} />;\n\n  // Default children if none provided\n  const defaultChildren = (\n    <Button icon={icon} type=\"default\">\n      Upload Files\n    </Button>\n  );\n  const itemRender = useUploadItemRender({ showRemoveButton });\n\n  return (\n    <AntUpload\n      className={clsx(cls(\"upload\"), className)}\n      {...restProps}\n      fileList={fileList}\n      itemRender={itemRender}\n    >\n      {children || defaultChildren}\n    </AntUpload>\n  );\n};\n\nexport const Upload = Object.assign(DefaultUpload, {\n  // Dragger,\n  Dragger: Dragger,\n  Item: UploadItem,\n});\n"],"names":["DefaultUpload","showRemoveButton","className","fileList","children","restProps","cls","useCls","defaultChildren","jsx","Button","CloudArrowUp","itemRender","useUploadItemRender","AntUpload","clsx","Upload","Dragger","UploadItem"],"mappings":";;;;;;;;;;;AA2CO,MAAMA,IAAgB,CAAC;AAAA;AAAA,EAE5B,kBAAAC,IAAmB;AAAA;AAAA,EAEnB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACjB,QAAMC,IAAMC,EAAO,GAIbC,IACH,gBAAAC,EAAAC,GAAA,EAAO,MAJG,gBAAAD,EAACE,GAAa,EAAA,MAAM,GAAI,CAAA,GAIf,MAAK,WAAU,UAEnC,gBAAA,GAEIC,IAAaC,EAAoB,EAAE,kBAAAZ,GAAkB;AAGzD,SAAA,gBAAAQ;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKT,EAAI,QAAQ,GAAGJ,CAAS;AAAA,MACvC,GAAGG;AAAA,MACJ,UAAAF;AAAA,MACA,YAAAS;AAAA,MAEC,UAAYR,KAAAI;AAAA,IAAA;AAAA,EACf;AAEJ,GAEaQ,IAAS,OAAO,OAAOhB,GAAe;AAAA;AAAA,EAEjD,SAAAiB;AAAA,EACA,MAAMC;AACR,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/upload/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntUpload,\n  type UploadFile as AntUploadFile,\n  type UploadProps as AntUploadProps,\n  type RcFile,\n  type UploadChangeParam,\n} from \"antd/es/upload\";\nimport { Button } from \"..\";\nimport { CloudArrowUp } from \"@bioturing/assets\";\nimport { clsx, useCls } from \"../utils\";\nimport { Dragger } from \"./dragger\";\nimport { useUploadItemRender } from \"./hooks\";\nimport { UploadItem } from \"./item\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Re-export UploadFile and other types for consumers\nexport type UploadFile = AntUploadFile;\nexport type { RcFile, UploadChangeParam };\n\nexport type { UploadItemProps, UploadFileStatus } from \"./item\";\n\n// Define props interface extending Ant Design's UploadProps\nexport interface UploadProps extends AntUploadProps {\n  /**\n   * Show remove button for uploaded files\n   * @default true\n   */\n  showRemoveButton?: boolean;\n  // /**\n  //  * Show file list\n  //  * @default true\n  //  */\n  // showFileList?: boolean;\n  // /**\n  //  * Custom icon\n  //  */\n  // icon?: React.ReactNode;\n}\n\n// Default icons for file types\nexport const DefaultUpload = ({\n  // icon = <CloudArrowUp size={24} />,\n  showRemoveButton = true,\n  // showFileList = true,\n  className,\n  fileList,\n  children,\n  ...restProps\n}: UploadProps) => {\n  const cls = useCls();\n  const icon = <CloudArrowUp size={24} />;\n\n  // Default children if none provided\n  const defaultChildren = (\n    <Button icon={icon} type=\"default\">\n      Upload Files\n    </Button>\n  );\n  const itemRender = useUploadItemRender({ showRemoveButton });\n\n  return (\n    <AntUpload\n      className={clsx(cls(\"upload\"), className)}\n      {...restProps}\n      fileList={fileList}\n      itemRender={itemRender}\n    >\n      {children || defaultChildren}\n    </AntUpload>\n  );\n};\n\nexport const Upload = Object.assign(DefaultUpload, {\n  // Dragger,\n  Dragger: Dragger,\n  Item: UploadItem,\n});\n"],"names":["DefaultUpload","showRemoveButton","className","fileList","children","restProps","cls","useCls","defaultChildren","jsx","Button","CloudArrowUp","itemRender","useUploadItemRender","AntUpload","clsx","Upload","Dragger","UploadItem"],"mappings":";;;;;;;;;;;AA2CO,MAAMA,IAAgB,CAAC;AAAA;AAAA,EAE5B,kBAAAC,IAAmB;AAAA;AAAA,EAEnB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACjB,QAAMC,IAAMC,EAAA,GAINC,IACJ,gBAAAC,EAACC,GAAA,EAAO,MAJG,gBAAAD,EAACE,GAAA,EAAa,MAAM,GAAA,CAAI,GAIf,MAAK,WAAU,UAAA,gBAEnC,GAEIC,IAAaC,EAAoB,EAAE,kBAAAZ,GAAkB;AAE3D,SACE,gBAAAQ;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKT,EAAI,QAAQ,GAAGJ,CAAS;AAAA,MACvC,GAAGG;AAAA,MACJ,UAAAF;AAAA,MACA,YAAAS;AAAA,MAEC,UAAAR,KAAYI;AAAA,IAAA;AAAA,EAAA;AAGnB,GAEaQ,IAAS,OAAO,OAAOhB,GAAe;AAAA;AAAA,EAEjD,SAAAiB;AAAA,EACA,MAAMC;AACR,CAAC;"}

package/dist/components/upload/dragger.d.ts

@@ -0,0 +1,14 @@
+import { DraggerProps as AntDraggerProps } from 'antd/es/upload';
+import { default as React } from 'react';
+export interface DraggerProps extends AntDraggerProps {
+    /**
+     * Custom title for the upload component
+     */
+    uploadTitle?: React.ReactNode;
+    /**
+     * Custom description for the upload component
+     **/
+    uploadDescription?: React.ReactNode;
+}
+export declare const Dragger: ({ children, uploadTitle, uploadDescription, itemRender, className, ...rest }: DraggerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dragger.d.ts.map

package/dist/components/upload/dragger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragger.d.ts","sourceRoot":"","sources":["../../../src/components/upload/dragger.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,YAAa,SAAQ,eAAe;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;QAEI;IACJ,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,OAAO,GAAI,8EAOrB,YAAY,4CAuBd,CAAC"}

package/dist/components/upload/dragger.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragger.js","sources":["../../../src/components/upload/dragger.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntUpload,\n  type DraggerProps as AntDraggerProps,\n} from \"antd/es/upload\";\nimport React from \"react\";\nimport { CloudArrowUpIcon } from \"@bioturing/assets\";\nimport { useCls } from \"../utils\";\nimport { useUploadItemRender } from \"./hooks\";\n\nexport interface DraggerProps extends AntDraggerProps {\n  /**\n   * Custom title for the upload component\n   */\n  uploadTitle?: React.ReactNode;\n  /**\n   * Custom description for the upload component\n   **/\n  uploadDescription?: React.ReactNode;\n}\n\nexport const Dragger = ({\n  children,\n  uploadTitle = \"Click or drag file to this area to upload\",\n  uploadDescription = \"Support for a single or bulk upload.\",\n  itemRender,\n  className,\n  ...rest\n}: DraggerProps) => {\n  const cls = useCls();\n  const renderChildren = () => {\n    return (\n      <>\n        <p className={cls(\"upload-drag-icon\")}>\n          <CloudArrowUpIcon size={40} />\n        </p>\n        <p className={cls(\"upload-text\")}>{uploadTitle}</p>\n        <p className={cls(\"upload-hint\")}>{uploadDescription}</p>\n      </>\n    );\n  };\n  const defaultItemRender = useUploadItemRender({ showRemoveButton: true });\n  return (\n    <AntUpload.Dragger \n      className={className}\n      itemRender={itemRender || defaultItemRender} \n      {...rest}\n    >\n      {children ? children : renderChildren()}\n    </AntUpload.Dragger>\n  );\n};\n"],"names":["Dragger","children","uploadTitle","uploadDescription","itemRender","className","rest","cls","useCls","renderChildren","jsxs","Fragment","jsx","CloudArrowUpIcon","defaultItemRender","useUploadItemRender","AntUpload"],"mappings":";;;;;;AAqBO,MAAMA,IAAU,CAAC;AAAA,EACtB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAoB;AAClB,QAAMC,IAAMC,EAAO,GACbC,IAAiB,MAGjB,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAA,KAAA,EAAE,WAAWL,EAAI,kBAAkB,GAClC,UAAC,gBAAAK,EAAAC,GAAA,EAAiB,MAAM,GAAA,CAAI,EAC9B,CAAA;AAAA,sBACC,KAAE,EAAA,WAAWN,EAAI,aAAa,GAAI,UAAYL,GAAA;AAAA,sBAC9C,KAAE,EAAA,WAAWK,EAAI,aAAa,GAAI,UAAkBJ,EAAA,CAAA;AAAA,EAAA,GACvD,GAGEW,IAAoBC,EAAoB,EAAE,kBAAkB,IAAM;AAEtE,SAAA,gBAAAH;AAAA,IAACI,EAAU;AAAA,IAAV;AAAA,MACC,WAAAX;AAAA,MACA,YAAYD,KAAcU;AAAA,MACzB,GAAGR;AAAA,MAEH,UAAAL,KAAsBQ,EAAe;AAAA,IAAA;AAAA,EACxC;AAEJ;"}
+{"version":3,"file":"dragger.js","sources":["../../../src/components/upload/dragger.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntUpload,\n  type DraggerProps as AntDraggerProps,\n} from \"antd/es/upload\";\nimport React from \"react\";\nimport { CloudArrowUpIcon } from \"@bioturing/assets\";\nimport { useCls } from \"../utils\";\nimport { useUploadItemRender } from \"./hooks\";\n\nexport interface DraggerProps extends AntDraggerProps {\n  /**\n   * Custom title for the upload component\n   */\n  uploadTitle?: React.ReactNode;\n  /**\n   * Custom description for the upload component\n   **/\n  uploadDescription?: React.ReactNode;\n}\n\nexport const Dragger = ({\n  children,\n  uploadTitle = \"Click or drag file to this area to upload\",\n  uploadDescription = \"Support for a single or bulk upload.\",\n  itemRender,\n  className,\n  ...rest\n}: DraggerProps) => {\n  const cls = useCls();\n  const renderChildren = () => {\n    return (\n      <>\n        <p className={cls(\"upload-drag-icon\")}>\n          <CloudArrowUpIcon size={40} />\n        </p>\n        <p className={cls(\"upload-text\")}>{uploadTitle}</p>\n        <p className={cls(\"upload-hint\")}>{uploadDescription}</p>\n      </>\n    );\n  };\n  const defaultItemRender = useUploadItemRender({ showRemoveButton: true });\n  return (\n    <AntUpload.Dragger \n      className={className}\n      itemRender={itemRender || defaultItemRender} \n      {...rest}\n    >\n      {children ? children : renderChildren()}\n    </AntUpload.Dragger>\n  );\n};\n"],"names":["Dragger","children","uploadTitle","uploadDescription","itemRender","className","rest","cls","useCls","renderChildren","jsxs","Fragment","jsx","CloudArrowUpIcon","defaultItemRender","useUploadItemRender","AntUpload"],"mappings":";;;;;;AAqBO,MAAMA,IAAU,CAAC;AAAA,EACtB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAoB;AAClB,QAAMC,IAAMC,EAAA,GACNC,IAAiB,MAEnB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,KAAA,EAAE,WAAWL,EAAI,kBAAkB,GAClC,UAAA,gBAAAK,EAACC,GAAA,EAAiB,MAAM,GAAA,CAAI,EAAA,CAC9B;AAAA,sBACC,KAAA,EAAE,WAAWN,EAAI,aAAa,GAAI,UAAAL,GAAY;AAAA,sBAC9C,KAAA,EAAE,WAAWK,EAAI,aAAa,GAAI,UAAAJ,EAAA,CAAkB;AAAA,EAAA,GACvD,GAGEW,IAAoBC,EAAoB,EAAE,kBAAkB,IAAM;AACxE,SACE,gBAAAH;AAAA,IAACI,EAAU;AAAA,IAAV;AAAA,MACC,WAAAX;AAAA,MACA,YAAYD,KAAcU;AAAA,MACzB,GAAGR;AAAA,MAEH,UAAAL,KAAsBQ,EAAA;AAAA,IAAe;AAAA,EAAA;AAG5C;"}

package/dist/components/upload/hooks.d.ts

@@ -0,0 +1,6 @@
+import { UploadProps } from 'antd/es/upload';
+export type UseUploadItemRenderProps = {
+    showRemoveButton?: boolean;
+};
+export declare const useUploadItemRender: (props: UseUploadItemRenderProps) => UploadProps["itemRender"];
+//# sourceMappingURL=hooks.d.ts.map

package/dist/components/upload/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/upload/hooks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,MAAM,MAAM,wBAAwB,GAAG;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,CAChC,KAAK,EAAE,wBAAwB,KAC5B,WAAW,CAAC,YAAY,CAuB5B,CAAC"}

package/dist/components/upload/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/components/upload/hooks.tsx"],"sourcesContent":["\"use client\";\nimport { type UploadProps } from \"antd/es/upload\";\nimport { useCallback } from \"react\";\nimport { UploadItem } from \"./item\";\n\nexport type UseUploadItemRenderProps = {\n  showRemoveButton?: boolean;\n};\n\nexport const useUploadItemRender: (\n  props: UseUploadItemRenderProps\n) => UploadProps[\"itemRender\"] = ({ showRemoveButton = true }) => {\n  // If showFileList is false, don't render anything\n  // if (!showFileList) return null;\n\n  // Custom rendering of file items\n  const itemRender: UploadProps[\"itemRender\"] = (\n    _originNode,\n    file,\n    _fileList,\n    actions\n  ) => {\n    return (\n      <UploadItem\n        fileName={file.name}\n        fileType={file.type}\n        status={file.status}\n        percent={file.percent}\n        removable={showRemoveButton}\n        onRemove={() => actions.remove()}\n      />\n    );\n  };\n  return useCallback(itemRender, [showRemoveButton]);\n};\n"],"names":["useUploadItemRender","showRemoveButton","useCallback","_originNode","file","_fileList","actions","jsx","UploadItem"],"mappings":";;;;AASO,MAAMA,IAEoB,CAAC,EAAE,kBAAAC,IAAmB,SAsB9CC,EAjBuC,CAC5CC,GACAC,GACAC,GACAC,MAGE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAUJ,EAAK;AAAA,IACf,UAAUA,EAAK;AAAA,IACf,QAAQA,EAAK;AAAA,IACb,SAASA,EAAK;AAAA,IACd,WAAWH;AAAA,IACX,UAAU,MAAMK,EAAQ,OAAO;AAAA,EAAA;AACjC,GAG2B,CAACL,CAAgB,CAAC;"}
+{"version":3,"file":"hooks.js","sources":["../../../src/components/upload/hooks.tsx"],"sourcesContent":["\"use client\";\nimport { type UploadProps } from \"antd/es/upload\";\nimport { useCallback } from \"react\";\nimport { UploadItem } from \"./item\";\n\nexport type UseUploadItemRenderProps = {\n  showRemoveButton?: boolean;\n};\n\nexport const useUploadItemRender: (\n  props: UseUploadItemRenderProps\n) => UploadProps[\"itemRender\"] = ({ showRemoveButton = true }) => {\n  // If showFileList is false, don't render anything\n  // if (!showFileList) return null;\n\n  // Custom rendering of file items\n  const itemRender: UploadProps[\"itemRender\"] = (\n    _originNode,\n    file,\n    _fileList,\n    actions\n  ) => {\n    return (\n      <UploadItem\n        fileName={file.name}\n        fileType={file.type}\n        status={file.status}\n        percent={file.percent}\n        removable={showRemoveButton}\n        onRemove={() => actions.remove()}\n      />\n    );\n  };\n  return useCallback(itemRender, [showRemoveButton]);\n};\n"],"names":["useUploadItemRender","showRemoveButton","useCallback","_originNode","file","_fileList","actions","jsx","UploadItem"],"mappings":";;;;AASO,MAAMA,IAEoB,CAAC,EAAE,kBAAAC,IAAmB,SAsB9CC,EAjBuC,CAC5CC,GACAC,GACAC,GACAC,MAGE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAUJ,EAAK;AAAA,IACf,UAAUA,EAAK;AAAA,IACf,QAAQA,EAAK;AAAA,IACb,SAASA,EAAK;AAAA,IACd,WAAWH;AAAA,IACX,UAAU,MAAMK,EAAQ,OAAA;AAAA,EAAO;AAAA,GAIN,CAACL,CAAgB,CAAC;"}

package/dist/components/upload/index.d.ts

@@ -0,0 +1,4 @@
+export * from './component';
+export * from './hooks';
+export * from '../utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/upload/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/components/upload/item.d.ts

@@ -0,0 +1,12 @@
+export type UploadFileStatus = "error" | "done" | "uploading" | "removed" | "pending";
+export interface UploadItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    fileName: string;
+    fileType?: string;
+    status?: UploadFileStatus;
+    percent?: number;
+    removable?: boolean;
+    onRemove?: () => void;
+    extraActions?: React.ReactNode;
+}
+export declare const UploadItem: ({ fileName, fileType, status, percent, removable, onRemove, extraActions, className, ...rest }: UploadItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=item.d.ts.map

package/dist/components/upload/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/upload/item.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,gBAAgB,GACxB,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,UAAU,GAAI,gGAUxB,eAAe,4CA4DjB,CAAC"}

package/dist/components/upload/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/upload/item.tsx"],"sourcesContent":["\"use client\";\nimport Flex from \"antd/es/flex\";\nimport Progress from \"antd/es/progress\";\nimport { type ProgressProps } from \"antd/es/progress\";\nimport { Trash } from \"@bioturing/assets\";\nimport { IconButton } from \"../icon-button\";\nimport { Truncate } from \"../truncate/component\";\nimport { clsx, useCls } from \"../utils\";\nimport { getUploadFileIcon } from \"./utils\";\n\nexport type UploadFileStatus =\n  | \"error\"\n  | \"done\"\n  | \"uploading\"\n  | \"removed\"\n  | \"pending\";\n\nexport interface UploadItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  fileName: string;\n  fileType?: string;\n  status?: UploadFileStatus;\n  percent?: number;\n  removable?: boolean;\n  onRemove?: () => void;\n  extraActions?: React.ReactNode;\n}\n\nexport const UploadItem = ({\n  fileName,\n  fileType,\n  status = \"pending\",\n  percent,\n  removable = true,\n  onRemove,\n  extraActions,\n  className,\n  ...rest\n}: UploadItemProps) => {\n  const cls = useCls();\n  const showPercent = Math.round(percent || 0);\n  const statusWithProgress: Record<UploadFileStatus, ProgressProps[\"status\"]> =\n    {\n      done: \"success\",\n      error: \"exception\",\n      uploading: \"active\",\n      removed: \"normal\",\n      pending: \"normal\",\n    };\n  return (\n    <Flex\n      className={clsx(cls(\"upload-item\"), className)}\n      justify=\"space-between\"\n      align=\"center\"\n      data-error={status === \"error\"}\n      {...rest}\n    >\n      <Flex\n        align=\"center\"\n        gap={16}\n        flex={1}\n        className={cls(\"upload-item-content\")}\n      >\n        <span className={cls(\"upload-item-icon\")}>\n          {getUploadFileIcon(fileType)}\n        </span>\n        <Flex\n          align=\"start\"\n          vertical\n          flex={1}\n          className={cls(\"upload-item-name-progress\")}\n        >\n          <Truncate position=\"middle\">{fileName}</Truncate>\n          <Progress\n            percent={showPercent}\n            size=\"small\"\n            className={cls(\"upload-item-progress\")}\n            status={\n              status && status in statusWithProgress\n                ? statusWithProgress[status]\n                : \"normal\"\n            }\n          />\n        </Flex>\n        <Flex gap={8} align=\"center\">\n          {extraActions}\n          {removable && (\n            <IconButton\n              label=\"Remove\"\n              children={<Trash size={16} />}\n              onClick={onRemove}\n              size=\"small\"\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n"],"names":["UploadItem","fileName","fileType","status","percent","removable","onRemove","extraActions","className","rest","cls","useCls","showPercent","statusWithProgress","jsx","Flex","clsx","jsxs","getUploadFileIcon","Truncate","Progress","IconButton","Trash"],"mappings":";;;;;;;;;;AA2BO,MAAMA,IAAa,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAMC,EAAO,GACbC,IAAc,KAAK,MAAMR,KAAW,CAAC,GACrCS,IACJ;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAEA,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKN,EAAI,aAAa,GAAGF,CAAS;AAAA,MAC7C,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,cAAYL,MAAW;AAAA,MACtB,GAAGM;AAAA,MAEJ,UAAA,gBAAAQ;AAAA,QAACF;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,WAAWL,EAAI,qBAAqB;AAAA,UAEpC,UAAA;AAAA,YAAA,gBAAAI,EAAC,UAAK,WAAWJ,EAAI,kBAAkB,GACpC,UAAAQ,EAAkBhB,CAAQ,GAC7B;AAAA,YACA,gBAAAe;AAAA,cAACF;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,UAAQ;AAAA,gBACR,MAAM;AAAA,gBACN,WAAWL,EAAI,2BAA2B;AAAA,gBAE1C,UAAA;AAAA,kBAAC,gBAAAI,EAAAK,GAAA,EAAS,UAAS,UAAU,UAASlB,GAAA;AAAA,kBACtC,gBAAAa;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACC,SAASR;AAAA,sBACT,MAAK;AAAA,sBACL,WAAWF,EAAI,sBAAsB;AAAA,sBACrC,QACEP,KAAUA,KAAUU,IAChBA,EAAmBV,CAAM,IACzB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAER;AAAA,cAAA;AAAA,YACF;AAAA,YACC,gBAAAc,EAAAF,GAAA,EAAK,KAAK,GAAG,OAAM,UACjB,UAAA;AAAA,cAAAR;AAAA,cACAF,KACC,gBAAAS;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,UAAU,gBAAAP,EAACQ,GAAM,EAAA,MAAM,GAAI,CAAA;AAAA,kBAC3B,SAAShB;AAAA,kBACT,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YACP,EAEJ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"item.js","sources":["../../../src/components/upload/item.tsx"],"sourcesContent":["\"use client\";\nimport Flex from \"antd/es/flex\";\nimport Progress from \"antd/es/progress\";\nimport { type ProgressProps } from \"antd/es/progress\";\nimport { Trash } from \"@bioturing/assets\";\nimport { IconButton } from \"../icon-button\";\nimport { Truncate } from \"../truncate/component\";\nimport { clsx, useCls } from \"../utils\";\nimport { getUploadFileIcon } from \"./utils\";\n\nexport type UploadFileStatus =\n  | \"error\"\n  | \"done\"\n  | \"uploading\"\n  | \"removed\"\n  | \"pending\";\n\nexport interface UploadItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  fileName: string;\n  fileType?: string;\n  status?: UploadFileStatus;\n  percent?: number;\n  removable?: boolean;\n  onRemove?: () => void;\n  extraActions?: React.ReactNode;\n}\n\nexport const UploadItem = ({\n  fileName,\n  fileType,\n  status = \"pending\",\n  percent,\n  removable = true,\n  onRemove,\n  extraActions,\n  className,\n  ...rest\n}: UploadItemProps) => {\n  const cls = useCls();\n  const showPercent = Math.round(percent || 0);\n  const statusWithProgress: Record<UploadFileStatus, ProgressProps[\"status\"]> =\n    {\n      done: \"success\",\n      error: \"exception\",\n      uploading: \"active\",\n      removed: \"normal\",\n      pending: \"normal\",\n    };\n  return (\n    <Flex\n      className={clsx(cls(\"upload-item\"), className)}\n      justify=\"space-between\"\n      align=\"center\"\n      data-error={status === \"error\"}\n      {...rest}\n    >\n      <Flex\n        align=\"center\"\n        gap={16}\n        flex={1}\n        className={cls(\"upload-item-content\")}\n      >\n        <span className={cls(\"upload-item-icon\")}>\n          {getUploadFileIcon(fileType)}\n        </span>\n        <Flex\n          align=\"start\"\n          vertical\n          flex={1}\n          className={cls(\"upload-item-name-progress\")}\n        >\n          <Truncate position=\"middle\">{fileName}</Truncate>\n          <Progress\n            percent={showPercent}\n            size=\"small\"\n            className={cls(\"upload-item-progress\")}\n            status={\n              status && status in statusWithProgress\n                ? statusWithProgress[status]\n                : \"normal\"\n            }\n          />\n        </Flex>\n        <Flex gap={8} align=\"center\">\n          {extraActions}\n          {removable && (\n            <IconButton\n              label=\"Remove\"\n              children={<Trash size={16} />}\n              onClick={onRemove}\n              size=\"small\"\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n"],"names":["UploadItem","fileName","fileType","status","percent","removable","onRemove","extraActions","className","rest","cls","useCls","showPercent","statusWithProgress","jsx","Flex","clsx","jsxs","getUploadFileIcon","Truncate","Progress","IconButton","Trash"],"mappings":";;;;;;;;;;AA2BO,MAAMA,IAAa,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAMC,EAAA,GACNC,IAAc,KAAK,MAAMR,KAAW,CAAC,GACrCS,IACJ;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKN,EAAI,aAAa,GAAGF,CAAS;AAAA,MAC7C,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,cAAYL,MAAW;AAAA,MACtB,GAAGM;AAAA,MAEJ,UAAA,gBAAAQ;AAAA,QAACF;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,WAAWL,EAAI,qBAAqB;AAAA,UAEpC,UAAA;AAAA,YAAA,gBAAAI,EAAC,UAAK,WAAWJ,EAAI,kBAAkB,GACpC,UAAAQ,EAAkBhB,CAAQ,GAC7B;AAAA,YACA,gBAAAe;AAAA,cAACF;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,UAAQ;AAAA,gBACR,MAAM;AAAA,gBACN,WAAWL,EAAI,2BAA2B;AAAA,gBAE1C,UAAA;AAAA,kBAAA,gBAAAI,EAACK,GAAA,EAAS,UAAS,UAAU,UAAAlB,GAAS;AAAA,kBACtC,gBAAAa;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACC,SAASR;AAAA,sBACT,MAAK;AAAA,sBACL,WAAWF,EAAI,sBAAsB;AAAA,sBACrC,QACEP,KAAUA,KAAUU,IAChBA,EAAmBV,CAAM,IACzB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAER;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,gBAAAc,EAACF,GAAA,EAAK,KAAK,GAAG,OAAM,UACjB,UAAA;AAAA,cAAAR;AAAA,cACAF,KACC,gBAAAS;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,UAAU,gBAAAP,EAACQ,GAAA,EAAM,MAAM,GAAA,CAAI;AAAA,kBAC3B,SAAShB;AAAA,kBACT,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YACP,EAAA,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/upload/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getUploadFileIcon: (fileType?: string) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/upload/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/upload/utils.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,4CAMlD,CAAC"}

package/dist/components/upload/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/upload/utils.tsx"],"sourcesContent":["import { File, Folder } from \"@bioturing/assets\";\n\nexport const getUploadFileIcon = (fileType?: string) => {\n  return fileType === \"folder\" ? (\n    <Folder size={20} weight=\"fill\" />\n  ) : (\n    <File size={20} weight=\"fill\" />\n  );\n};\n"],"names":["getUploadFileIcon","fileType","jsx","Folder","File"],"mappings":";;AAEa,MAAAA,IAAoB,CAACC,MACzBA,MAAa,WACjB,gBAAAC,EAAAC,GAAA,EAAO,MAAM,IAAI,QAAO,OAAO,CAAA,IAE/B,gBAAAD,EAAAE,GAAA,EAAK,MAAM,IAAI,QAAO,QAAO;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/upload/utils.tsx"],"sourcesContent":["import { File, Folder } from \"@bioturing/assets\";\n\nexport const getUploadFileIcon = (fileType?: string) => {\n  return fileType === \"folder\" ? (\n    <Folder size={20} weight=\"fill\" />\n  ) : (\n    <File size={20} weight=\"fill\" />\n  );\n};\n"],"names":["getUploadFileIcon","fileType","jsx","Folder","File"],"mappings":";;AAEO,MAAMA,IAAoB,CAACC,MACzBA,MAAa,WAClB,gBAAAC,EAACC,GAAA,EAAO,MAAM,IAAI,QAAO,OAAA,CAAO,IAEhC,gBAAAD,EAACE,GAAA,EAAK,MAAM,IAAI,QAAO,QAAO;"}

package/dist/components/utils/WithAntdTokens.d.ts

@@ -0,0 +1,8 @@
+import { JSX, ComponentProps, JSXElementConstructor } from 'react';
+type IntrinsicElement = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
+export type WidthAntdTokensProps<T extends IntrinsicElement> = {
+    as?: IntrinsicElement;
+} & ComponentProps<T>;
+export declare const WithAntdTokens: <T extends IntrinsicElement = "div">({ as: Tag, ref, className, ...rest }: WidthAntdTokensProps<T>) => null;
+export {};
+//# sourceMappingURL=WithAntdTokens.d.ts.map

package/dist/components/utils/WithAntdTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithAntdTokens.d.ts","sourceRoot":"","sources":["../../../src/components/utils/WithAntdTokens.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,GAAG,EACH,cAAc,EACd,qBAAqB,EACtB,MAAM,OAAO,CAAC;AAIf,KAAK,gBAAgB,GACjB,MAAM,GAAG,CAAC,iBAAiB,GAE3B,qBAAqB,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,gBAAgB,IAAI;IAC7D,EAAE,CAAC,EAAE,gBAAgB,CAAC;CACvB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;AAEtB,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,gBAAgB,GAAG,KAAK,EAAE,sCAKhE,oBAAoB,CAAC,CAAC,CAAC,SAYzB,CAAC"}

package/dist/components/utils/WithAntdTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithAntdTokens.js","sources":["../../../src/components/utils/WithAntdTokens.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRender } from \"@base-ui-components/react\";\nimport type {\n  ElementType,\n  JSX,\n  ComponentProps,\n  JSXElementConstructor,\n} from \"react\";\nimport { useAntdCssVarClassname } from \"./antdUtils\";\nimport { clsx } from \"./cn\";\n\ntype IntrinsicElement =\n  | keyof JSX.IntrinsicElements\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  | JSXElementConstructor<any>;\n\nexport type WidthAntdTokensProps<T extends IntrinsicElement> = {\n  as?: IntrinsicElement;\n} & ComponentProps<T>;\n\nexport const WithAntdTokens = <T extends IntrinsicElement = \"div\">({\n  as: Tag = \"div\",\n  ref,\n  className,\n  ...rest\n}: WidthAntdTokensProps<T>) => {\n  const Component = Tag as ElementType;\n  const cssVar = useAntdCssVarClassname();\n  const renderedElement = useRender({\n    render: <Component />,\n    ref,\n    props: {\n      ...rest,\n      className: clsx(className, cssVar),\n    },\n  });\n  return renderedElement;\n};\n"],"names":["WithAntdTokens","Tag","ref","className","rest","Component","cssVar","useAntdCssVarClassname","useRender","clsx"],"mappings":";;;;;AAqBO,MAAMA,IAAiB,CAAqC;AAAA,EACjE,IAAIC,IAAM;AAAA,EACV,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA+B;AAC7B,QAAMC,IAAYJ,GACZK,IAASC,EAAuB;AAS/B,SARiBC,EAAU;AAAA,IAChC,0BAASH,GAAU,EAAA;AAAA,IACnB,KAAAH;AAAA,IACA,OAAO;AAAA,MACL,GAAGE;AAAA,MACH,WAAWK,EAAKN,GAAWG,CAAM;AAAA,IAAA;AAAA,EACnC,CACD;AAEH;"}
+{"version":3,"file":"WithAntdTokens.js","sources":["../../../src/components/utils/WithAntdTokens.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRender } from \"@base-ui-components/react\";\nimport type {\n  ElementType,\n  JSX,\n  ComponentProps,\n  JSXElementConstructor,\n} from \"react\";\nimport { useAntdCssVarClassname } from \"./antdUtils\";\nimport { clsx } from \"./cn\";\n\ntype IntrinsicElement =\n  | keyof JSX.IntrinsicElements\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  | JSXElementConstructor<any>;\n\nexport type WidthAntdTokensProps<T extends IntrinsicElement> = {\n  as?: IntrinsicElement;\n} & ComponentProps<T>;\n\nexport const WithAntdTokens = <T extends IntrinsicElement = \"div\">({\n  as: Tag = \"div\",\n  ref,\n  className,\n  ...rest\n}: WidthAntdTokensProps<T>) => {\n  const Component = Tag as ElementType;\n  const cssVar = useAntdCssVarClassname();\n  const renderedElement = useRender({\n    render: <Component />,\n    ref,\n    props: {\n      ...rest,\n      className: clsx(className, cssVar),\n    },\n  });\n  return renderedElement;\n};\n"],"names":["WithAntdTokens","Tag","ref","className","rest","Component","cssVar","useAntdCssVarClassname","useRender","clsx"],"mappings":";;;;;AAqBO,MAAMA,IAAiB,CAAqC;AAAA,EACjE,IAAIC,IAAM;AAAA,EACV,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA+B;AAC7B,QAAMC,IAAYJ,GACZK,IAASC,EAAA;AASf,SARwBC,EAAU;AAAA,IAChC,0BAASH,GAAA,EAAU;AAAA,IACnB,KAAAH;AAAA,IACA,OAAO;AAAA,MACL,GAAGE;AAAA,MACH,WAAWK,EAAKN,GAAWG,CAAM;AAAA,IAAA;AAAA,EACnC,CACD;AAEH;"}

package/dist/components/utils/WithRenderProp.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { useRender } from '@base-ui-components/react/use-render';
+import { ElementTypeToDOMType } from './types';
+export type WithRenderPropProps<T extends React.ElementType = "div", State extends Record<string | number | symbol, unknown> = Record<string, unknown>> = React.ComponentPropsWithoutRef<T> & {
+    render?: useRender.RenderProp<State>;
+    as?: T;
+    state?: State;
+};
+declare const WithRenderPropInner: <T extends React.ElementType = "div", State extends Record<string, unknown> = Record<string, unknown>>(props: WithRenderPropProps<T, State>, ref: React.ForwardedRef<T>) => null;
+export declare const WithRenderProp: <T extends React.ElementType = "div", State extends Record<string, unknown> = Record<string, unknown>>(props: WithRenderPropProps<T, State> & {
+    ref?: React.Ref<ElementTypeToDOMType<T>>;
+}) => ReturnType<typeof WithRenderPropInner>;
+export {};
+//# sourceMappingURL=WithRenderProp.d.ts.map

package/dist/components/utils/WithRenderProp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithRenderProp.d.ts","sourceRoot":"","sources":["../../../src/components/utils/WithRenderProp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,mBAAmB,CAC7B,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACnC,KAAK,SAAS,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAC9D,MAAM,EACN,OAAO,CACR,IACC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG;IACtC,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,mBAAmB,GACvB,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACnC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE/D,OAAO,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,EACpC,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,SAU3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAsC,CAC/D,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACnC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE/D,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CAC1C,KACE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC"}