@bioturing/components 0.26.2 → 0.28.1

package/dist/components/splitter/useSizes.js

@@ -0,0 +1,86 @@
+import u from "react";
+const I = (s, l, d) => {
+  const o = s.cloneNode(!0);
+  o.style.position = "absolute", o.style.visibility = "hidden", o.style.pointerEvents = "none", o.style.zIndex = "-1", o.style.top = "0", o.style.left = "0", d === "horizontal" ? (o.style.width = l, o.style.height = "100%") : (o.style.width = "100%", o.style.height = l), document.body.appendChild(o);
+  const p = o.getBoundingClientRect(), a = d === "horizontal" ? p.width : p.height;
+  return document.body.removeChild(o), a > 0 ? Math.ceil(a) : 0;
+};
+function y(s) {
+  return Number(s.slice(0, -1)) / 100;
+}
+function M(s) {
+  return typeof s == "string" && s.endsWith("%");
+}
+function _(s, l, d = "horizontal", o = []) {
+  const p = s.map((e) => e.size), a = s.length, c = l || 0, w = (e) => e * c, [v, C] = u.useState(() => s.map((e) => e.defaultSize)), [z, P] = u.useState(/* @__PURE__ */ new Map()), b = (e) => e === "max-content" || e === "min-content" || e === "fit-content";
+  u.useEffect(() => {
+    const e = /* @__PURE__ */ new Map();
+    let i = !1;
+    s.forEach((r, n) => {
+      if (b(r.defaultSize)) {
+        const t = o[n];
+        if (t != null && t.current) {
+          const f = I(t.current, r.defaultSize, d);
+          if (f > 0) {
+            const g = z.get(n);
+            g === void 0 || g !== f ? (e.set(n, f), i = !0) : e.set(n, g);
+          }
+        }
+      }
+    }), i && P((r) => new Map([...r, ...e]));
+  }, [s, o, d, l]);
+  const m = u.useMemo(() => {
+    const e = [];
+    for (let i = 0; i < a; i += 1) {
+      let r = p[i] ?? v[i];
+      b(r) && z.has(i) && (r = z.get(i)), e[i] = r;
+    }
+    return e;
+  }, [a, v, p, z]), h = u.useMemo(() => {
+    let e = [], i = 0;
+    for (let n = 0; n < a; n += 1) {
+      const t = m[n];
+      if (M(t))
+        e[n] = y(t);
+      else if (t || t === 0) {
+        const f = Number(t);
+        Number.isNaN(f) || (e[n] = f / c);
+      } else
+        i += 1, e[n] = void 0;
+    }
+    const r = e.reduce((n, t) => n + (t || 0), 0);
+    if (r > 1 || !i) {
+      const n = 1 / r;
+      e = e.map((t) => t === void 0 ? 0 : t * n);
+    } else {
+      const n = (1 - r) / i;
+      e = e.map((t) => t === void 0 ? n : t);
+    }
+    return e;
+  }, [m, c]), S = u.useMemo(
+    () => h.map(w),
+    [h, c]
+  ), x = u.useMemo(
+    () => s.map((e) => M(e.min) ? y(e.min) : (e.min || 0) / c),
+    [s, c]
+  ), N = u.useMemo(
+    () => s.map((e) => M(e.max) ? y(e.max) : (e.max || c) / c),
+    [s, c]
+  );
+  return [
+    u.useMemo(
+      () => l ? S : m,
+      [S, l]
+    ),
+    S,
+    h,
+    x,
+    N,
+    C
+  ];
+}
+export {
+  _ as default,
+  y as getPtg
+};
+//# sourceMappingURL=useSizes.js.map

package/dist/components/splitter/useSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSizes.js","sources":["../../../src/components/splitter/useSizes.ts"],"sourcesContent":["import React from \"react\";\n\nimport type { SplitterPanelProps } from \"./splitter-panel\";\n\n// Helper to measure intrinsic content size\nconst measureIntrinsicSize = (\n  element: HTMLElement, \n  intrinsicType: \"max-content\" | \"min-content\" | \"fit-content\",\n  layout: \"horizontal\" | \"vertical\"\n): number => {\n  const clonedElement = element.cloneNode(true) as HTMLElement;\n  \n  // Set up the cloned element for measurement\n  clonedElement.style.position = \"absolute\";\n  clonedElement.style.visibility = \"hidden\";\n  clonedElement.style.pointerEvents = \"none\";\n  clonedElement.style.zIndex = \"-1\";\n  clonedElement.style.top = \"0\";\n  clonedElement.style.left = \"0\";\n\n  if (layout === \"horizontal\") {\n    clonedElement.style.width = intrinsicType;\n    clonedElement.style.height = \"100%\";\n  } else {\n    clonedElement.style.width = \"100%\";\n    clonedElement.style.height = intrinsicType;\n  }\n\n  document.body.appendChild(clonedElement);\n  const rect = clonedElement.getBoundingClientRect();\n  const size = layout === \"horizontal\" ? rect.width : rect.height;\n  document.body.removeChild(clonedElement);\n\n  return size > 0 ? Math.ceil(size) : 0;\n};\n\nexport function getPtg(str: string) {\n  return Number(str.slice(0, -1)) / 100;\n}\n\nfunction isPtg(itemSize: string | number | undefined): itemSize is string {\n  return typeof itemSize === \"string\" && itemSize.endsWith(\"%\");\n}\n\n/**\n * Save the size state.\n * Align the size into flex percentage base.\n */\nexport default function useSizes(\n  items: SplitterPanelProps[],\n  containerSize?: number,\n  layout: \"horizontal\" | \"vertical\" = \"horizontal\",\n  elementRefs: React.RefObject<HTMLElement>[] = []\n) {\n  const propSizes = items.map((item) => item.size);\n\n  const itemsCount = items.length;\n\n  const mergedContainerSize = containerSize || 0;\n  const ptg2px = (ptg: number) => ptg * mergedContainerSize;\n\n  // We do not need care the size state match the `items` length in `useState`.\n  // It will calculate later.\n  const [innerSizes, setInnerSizes] = React.useState<\n    (string | number | undefined)[]\n  >(() => items.map((item) => item.defaultSize));\n\n  // Track measured intrinsic sizes\n  const [intrinsicSizes, setIntrinsicSizes] = React.useState<Map<number, number>>(new Map());\n  \n  // Helper function to check if a size is intrinsic\n  const isIntrinsicSize = (size: string | number | undefined): size is \"max-content\" | \"min-content\" | \"fit-content\" => {\n    return size === \"max-content\" || size === \"min-content\" || size === \"fit-content\";\n  };\n\n  // Measure intrinsic sizes directly using element refs\n  React.useEffect(() => {\n    const newSizes = new Map<number, number>();\n    let hasChanges = false;\n\n    items.forEach((item, index) => {\n      if (isIntrinsicSize(item.defaultSize)) {\n        const ref = elementRefs[index];\n        if (ref?.current) {\n          const measuredSize = measureIntrinsicSize(ref.current, item.defaultSize, layout);\n          if (measuredSize > 0) {\n            const currentSize = intrinsicSizes.get(index);\n            if (currentSize === undefined || currentSize !== measuredSize) {\n              newSizes.set(index, measuredSize);\n              hasChanges = true;\n            } else {\n              newSizes.set(index, currentSize);\n            }\n          }\n        }\n      }\n    });\n\n    if (hasChanges) {\n      setIntrinsicSizes(prev => new Map([...prev, ...newSizes]));\n    }\n  }, [items, elementRefs, layout, containerSize]); // Re-measure when container size changes for responsiveness\n  const sizes = React.useMemo(() => {\n    const mergedSizes: SplitterPanelProps[\"size\"][] = [];\n\n    for (let i = 0; i < itemsCount; i += 1) {\n      let size = propSizes[i] ?? innerSizes[i];\n      \n      // Replace intrinsic sizes with measured pixel values\n      if (isIntrinsicSize(size) && intrinsicSizes.has(i)) {\n        size = intrinsicSizes.get(i);\n      }\n      \n      mergedSizes[i] = size;\n    }\n\n    return mergedSizes;\n  }, [itemsCount, innerSizes, propSizes, intrinsicSizes]);\n\n  // Post handle the size. Will do:\n  // 1. Convert all the px into percentage if not empty.\n  // 2. Get rest percentage for exist percentage.\n  // 3. Fill the rest percentage into empty item.\n  const postPercentSizes = React.useMemo(() => {\n    let ptgList: (number | undefined)[] = [];\n    let emptyCount = 0;\n\n    // Fill default percentage\n    for (let i = 0; i < itemsCount; i += 1) {\n      const itemSize = sizes[i];\n\n      if (isPtg(itemSize)) {\n        ptgList[i] = getPtg(itemSize);\n      } else if (itemSize || itemSize === 0) {\n        const num = Number(itemSize);\n        if (!Number.isNaN(num)) {\n          ptgList[i] = num / mergedContainerSize;\n        }\n      } else {\n        emptyCount += 1;\n        ptgList[i] = undefined;\n      }\n    }\n\n    const totalPtg = ptgList.reduce<number>((acc, ptg) => acc + (ptg || 0), 0);\n\n    if (totalPtg > 1 || !emptyCount) {\n      // If total percentage is larger than 1, we will scale it down.\n      const scale = 1 / totalPtg;\n      ptgList = ptgList.map((ptg) => (ptg === undefined ? 0 : ptg * scale));\n    } else {\n      // If total percentage is smaller than 1, we will fill the rest.\n      const avgRest = (1 - totalPtg) / emptyCount;\n      ptgList = ptgList.map((ptg) => (ptg === undefined ? avgRest : ptg));\n    }\n\n    return ptgList as number[];\n  }, [sizes, mergedContainerSize]);\n\n  const postPxSizes = React.useMemo(\n    () => postPercentSizes.map(ptg2px),\n    [postPercentSizes, mergedContainerSize]\n  );\n\n  const postPercentMinSizes = React.useMemo(\n    () =>\n      items.map((item) => {\n        if (isPtg(item.min)) {\n          return getPtg(item.min);\n        }\n        return (item.min || 0) / mergedContainerSize;\n      }),\n    [items, mergedContainerSize]\n  );\n\n  const postPercentMaxSizes = React.useMemo(\n    () =>\n      items.map((item) => {\n        if (isPtg(item.max)) {\n          return getPtg(item.max);\n        }\n        return (item.max || mergedContainerSize) / mergedContainerSize;\n      }),\n    [items, mergedContainerSize]\n  );\n\n  // If ssr, we will use the size from developer config first.\n  const panelSizes = React.useMemo(\n    () => (containerSize ? postPxSizes : sizes),\n    [postPxSizes, containerSize]\n  );\n\n  return [\n    panelSizes,\n    postPxSizes,\n    postPercentSizes,\n    postPercentMinSizes,\n    postPercentMaxSizes,\n    setInnerSizes,\n  ] as const;\n}\n"],"names":["measureIntrinsicSize","element","intrinsicType","layout","clonedElement","rect","size","getPtg","str","isPtg","itemSize","useSizes","items","containerSize","elementRefs","propSizes","item","itemsCount","mergedContainerSize","ptg2px","ptg","innerSizes","setInnerSizes","React","intrinsicSizes","setIntrinsicSizes","isIntrinsicSize","newSizes","hasChanges","index","ref","measuredSize","currentSize","prev","sizes","mergedSizes","postPercentSizes","ptgList","emptyCount","i","num","totalPtg","acc","scale","avgRest","postPxSizes","postPercentMinSizes","postPercentMaxSizes"],"mappings":"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"}

package/dist/components/stack/StackChild.js

@@ -5,8 +5,8 @@ import { useRender as w } from "@base-ui-components/react/use-render";
 import { mergeProps as E } from "@base-ui-components/react/merge-props";
 import { Stack as P } from "./Stack.js";
 import { useCls as V } from "../utils/antdUtils.js";
-import { cn as j } from "../utils/cn.js";
-const x = g(
+import { cn as _ } from "../utils/cn.js";
+const j = g(
   ({
     flex: s,
     grow: m = !1,
@@ -15,8 +15,8 @@ const x = g(
     style: n,
     stack: f = !1,
     // stack props
-    hug: p = !1,
-    align: d = "flex-start",
+    hug: d = !1,
+    align: p = "flex-start",
     justify: k = "flex-start",
     vertical: u = !1,
     gap: h = 0,
@@ -25,13 +25,13 @@ const x = g(
     ...o
   }, a) => {
     const t = V(), N = {
-      hug: p,
-      align: d,
+      hug: d,
+      align: p,
       justify: k,
       vertical: u,
       gap: h,
       wrap: C
-    }, r = v(() => typeof s == "boolean" || s === 0 || s === 1 ? t(s === !0 || s === 1 ? "stack-child-flex-1" : "stack-child-flex-0") : "", [s, t]), c = j(
+    }, r = v(() => typeof s == "boolean" || s === 0 || s === 1 ? t(s === !0 || s === 1 ? "stack-child-flex-1" : "stack-child-flex-0") : "", [s, t]), c = _(
       t("stack-child"),
       m && t("stack-child-grow"),
       i && t("stack-child-shrink"),
@@ -55,8 +55,8 @@ const x = g(
     return f ? /* @__PURE__ */ l(P, { ...N, ref: a, className: c, ...o, children: e }) : R;
   }
 );
-x.displayName = "StackChild";
+j.displayName = "StackChild";
 export {
-  x as StackChild
+  j as StackChild
 };
 //# sourceMappingURL=StackChild.js.map

package/dist/components/transition/component.js

@@ -3,7 +3,7 @@ import { jsx as y } from "react/jsx-runtime";
 import { useMemo as j, useRef as F, useCallback as A, isValidElement as E, useEffect as N } from "react";
 import { useRender as S } from "@base-ui-components/react/use-render";
 import { mergeProps as L } from "@base-ui-components/react/merge-props";
-import { useTransitionStatus as O } from "@base-ui-components/react/utils";
+import { useTransitionStatus as O } from "../hooks/useTransitionStatus.js";
 import './style.css';/* empty css          */
 import { useLatestRef as P, useAnimationsFinished as V } from "../hooks/base-ui.js";
 import { useCls as q } from "../utils/antdUtils.js";

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/transition/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  CSSProperties,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport { mergeProps } from \"@base-ui-components/react/merge-props\";\nimport { useTransitionStatus } from \"@base-ui-components/react/utils\";\nimport { clsx, useCls } from \"../utils\";\nimport { useAnimationsFinished, useLatestRef } from \"../hooks\";\n\nimport \"./style.css\";\n\nexport type TransitionProps = Omit<\n  useRender.ComponentProps<\"div\">,\n  \"render\" | \"children\"\n> & {\n  /** Whether the component should be shown */\n  show?: boolean;\n  /** CSS classes to apply when the component is opened */\n  starting?: string | CSSProperties;\n  /** CSS classes to apply when the component is closed */\n  ending?: string | CSSProperties;\n  /** CSS classes to apply to the component */\n  className?: string;\n  /** Keep mounted */\n  keepMounted?: boolean;\n  /**\n   * Callback function to be called when the transition ends\n   */\n  onTransitionComplete?: (show?: boolean) => void;\n  /**\n   * Whether to listen for animations in child elements\n   */\n  listenToChildAnimations?: boolean;\n  /**\n   * Whether to render the child as a child element\n   * @default true\n   */\n  asChild?: boolean;\n  children?: React.ReactNode | useRender.ComponentProps<\"div\">[\"render\"];\n};\n\nexport function Transition({\n  children = <div />,\n  className,\n  starting,\n  ending,\n  show = true,\n  keepMounted = false,\n  onTransitionComplete,\n  listenToChildAnimations = false,\n  asChild = true,\n  ...otherProps\n}: TransitionProps) {\n  const { mounted, setMounted, transitionStatus } = useTransitionStatus(show);\n  const showRef = useLatestRef(show);\n\n  const cls = useCls();\n\n  const combinedClassName = useMemo(\n    () =>\n      clsx(\n        className,\n        transitionStatus === \"starting\" &&\n          typeof starting == \"string\" &&\n          starting,\n        transitionStatus === \"ending\" && typeof ending == \"string\" && ending,\n        // hide by display: none when not mounted and keepMounted is true\n        mounted == false && keepMounted ? cls(\"transition-hidden\") : undefined\n      ),\n    [className, starting, ending, transitionStatus, mounted, keepMounted, cls]\n  );\n\n  const ref = useRef<HTMLDivElement>(null);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, {\n    waitForNextTick: show,\n    subtree: listenToChildAnimations,\n  });\n\n  const getRender = useCallback(() => {\n    if (typeof children === \"function\") {\n      return children;\n    }\n    if (asChild && isValidElement(children)) {\n      return children;\n    }\n    return <div>{children}</div>;\n  }, [children, asChild]);\n\n  const rendered = useRender({\n    render: getRender(),\n    props: mergeProps<\"div\">(otherProps, {\n      ref,\n      className: combinedClassName,\n      ...{\n        \"data-starting\": transitionStatus === \"starting\" ? \"true\" : undefined,\n        \"data-ending\": transitionStatus === \"ending\" ? \"true\" : undefined,\n      },\n      style: {\n        ...(transitionStatus === \"starting\" && typeof starting === \"object\"\n          ? starting\n          : {}),\n        ...(transitionStatus === \"ending\" && typeof ending === \"object\"\n          ? ending\n          : {}),\n      },\n    }),\n  });\n\n  useEffect(() => {\n    runOnceAnimationsFinish(() => {\n      if (show === showRef.current) {\n        setMounted(show);\n        onTransitionComplete?.(show);\n      }\n    });\n  }, [\n    show,\n    keepMounted,\n    runOnceAnimationsFinish,\n    setMounted,\n    showRef,\n    onTransitionComplete,\n  ]);\n\n  return mounted || keepMounted ? rendered : null;\n}\n"],"names":["Transition","children","className","starting","ending","show","keepMounted","onTransitionComplete","listenToChildAnimations","asChild","otherProps","mounted","setMounted","transitionStatus","useTransitionStatus","showRef","useLatestRef","cls","useCls","combinedClassName","useMemo","clsx","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","getRender","useCallback","isValidElement","jsx","rendered","useRender","mergeProps","useEffect"],"mappings":";;;;;;;;;;AA+CO,SAASA,EAAW;AAAA,EACzB,UAAAC,sBAAY,OAAI,EAAA;AAAA,EAChB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,sBAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAoB;AAClB,QAAM,EAAE,SAAAC,GAAS,YAAAC,GAAY,kBAAAC,EAAiB,IAAIC,EAAoBT,CAAI,GACpEU,IAAUC,EAAaX,CAAI,GAE3BY,IAAMC,EAAO,GAEbC,IAAoBC;AAAA,IACxB,MACEC;AAAA,MACEnB;AAAA,MACAW,MAAqB,cACnB,OAAOV,KAAY,YACnBA;AAAA,MACFU,MAAqB,YAAY,OAAOT,KAAU,YAAYA;AAAA;AAAA,MAE9DO,KAAW,MAASL,IAAcW,EAAI,mBAAmB,IAAI;AAAA,IAC/D;AAAA,IACF,CAACf,GAAWC,GAAUC,GAAQS,GAAkBF,GAASL,GAAaW,CAAG;AAAA,EAC3E,GAEMK,IAAMC,EAAuB,IAAI,GACjCC,IAA0BC,EAAsBH,GAAK;AAAA,IACzD,iBAAiBjB;AAAA,IACjB,SAASG;AAAA,EAAA,CACV,GAEKkB,IAAYC,EAAY,MACxB,OAAO1B,KAAa,cAGpBQ,KAAWmB,EAAe3B,CAAQ,IAC7BA,IAEF,gBAAA4B,EAAC,SAAK,UAAA5B,GAAS,GACrB,CAACA,GAAUQ,CAAO,CAAC,GAEhBqB,IAAWC,EAAU;AAAA,IACzB,QAAQL,EAAU;AAAA,IAClB,OAAOM,EAAkBtB,GAAY;AAAA,MACnC,KAAAY;AAAA,MACA,WAAWH;AAAA,MAET,iBAAiBN,MAAqB,aAAa,SAAS;AAAA,MAC5D,eAAeA,MAAqB,WAAW,SAAS;AAAA,MAE1D,OAAO;AAAA,QACL,GAAIA,MAAqB,cAAc,OAAOV,KAAa,WACvDA,IACA,CAAC;AAAA,QACL,GAAIU,MAAqB,YAAY,OAAOT,KAAW,WACnDA,IACA,CAAA;AAAA,MAAC;AAAA,IAER,CAAA;AAAA,EAAA,CACF;AAED,SAAA6B,EAAU,MAAM;AACd,IAAAT,EAAwB,MAAM;AACxB,MAAAnB,MAASU,EAAQ,YACnBH,EAAWP,CAAI,GACfE,KAAA,QAAAA,EAAuBF;AAAA,IACzB,CACD;AAAA,EAAA,GACA;AAAA,IACDA;AAAA,IACAC;AAAA,IACAkB;AAAA,IACAZ;AAAA,IACAG;AAAA,IACAR;AAAA,EAAA,CACD,GAEMI,KAAWL,IAAcwB,IAAW;AAC7C;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/transition/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  CSSProperties,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport { mergeProps } from \"@base-ui-components/react/merge-props\";\nimport { useTransitionStatus } from \"../hooks/useTransitionStatus\";\nimport { clsx, useCls } from \"../utils\";\nimport { useAnimationsFinished, useLatestRef } from \"../hooks\";\n\nimport \"./style.css\";\n\nexport type TransitionProps = Omit<\n  useRender.ComponentProps<\"div\">,\n  \"render\" | \"children\"\n> & {\n  /** Whether the component should be shown */\n  show?: boolean;\n  /** CSS classes to apply when the component is opened */\n  starting?: string | CSSProperties;\n  /** CSS classes to apply when the component is closed */\n  ending?: string | CSSProperties;\n  /** CSS classes to apply to the component */\n  className?: string;\n  /** Keep mounted */\n  keepMounted?: boolean;\n  /**\n   * Callback function to be called when the transition ends\n   */\n  onTransitionComplete?: (show?: boolean) => void;\n  /**\n   * Whether to listen for animations in child elements\n   */\n  listenToChildAnimations?: boolean;\n  /**\n   * Whether to render the child as a child element\n   * @default true\n   */\n  asChild?: boolean;\n  children?: React.ReactNode | useRender.ComponentProps<\"div\">[\"render\"];\n};\n\nexport function Transition({\n  children = <div />,\n  className,\n  starting,\n  ending,\n  show = true,\n  keepMounted = false,\n  onTransitionComplete,\n  listenToChildAnimations = false,\n  asChild = true,\n  ...otherProps\n}: TransitionProps) {\n  const { mounted, setMounted, transitionStatus } = useTransitionStatus(show);\n  const showRef = useLatestRef(show);\n\n  const cls = useCls();\n\n  const combinedClassName = useMemo(\n    () =>\n      clsx(\n        className,\n        transitionStatus === \"starting\" &&\n          typeof starting == \"string\" &&\n          starting,\n        transitionStatus === \"ending\" && typeof ending == \"string\" && ending,\n        // hide by display: none when not mounted and keepMounted is true\n        mounted == false && keepMounted ? cls(\"transition-hidden\") : undefined\n      ),\n    [className, starting, ending, transitionStatus, mounted, keepMounted, cls]\n  );\n\n  const ref = useRef<HTMLDivElement>(null);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, {\n    waitForNextTick: show,\n    subtree: listenToChildAnimations,\n  });\n\n  const getRender = useCallback(() => {\n    if (typeof children === \"function\") {\n      return children;\n    }\n    if (asChild && isValidElement(children)) {\n      return children;\n    }\n    return <div>{children}</div>;\n  }, [children, asChild]);\n\n  const rendered = useRender({\n    render: getRender(),\n    props: mergeProps<\"div\">(otherProps, {\n      ref,\n      className: combinedClassName,\n      ...{\n        \"data-starting\": transitionStatus === \"starting\" ? \"true\" : undefined,\n        \"data-ending\": transitionStatus === \"ending\" ? \"true\" : undefined,\n      },\n      style: {\n        ...(transitionStatus === \"starting\" && typeof starting === \"object\"\n          ? starting\n          : {}),\n        ...(transitionStatus === \"ending\" && typeof ending === \"object\"\n          ? ending\n          : {}),\n      },\n    }),\n  });\n\n  useEffect(() => {\n    runOnceAnimationsFinish(() => {\n      if (show === showRef.current) {\n        setMounted(show);\n        onTransitionComplete?.(show);\n      }\n    });\n  }, [\n    show,\n    keepMounted,\n    runOnceAnimationsFinish,\n    setMounted,\n    showRef,\n    onTransitionComplete,\n  ]);\n\n  return mounted || keepMounted ? rendered : null;\n}\n"],"names":["Transition","children","className","starting","ending","show","keepMounted","onTransitionComplete","listenToChildAnimations","asChild","otherProps","mounted","setMounted","transitionStatus","useTransitionStatus","showRef","useLatestRef","cls","useCls","combinedClassName","useMemo","clsx","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","getRender","useCallback","isValidElement","jsx","rendered","useRender","mergeProps","useEffect"],"mappings":";;;;;;;;;;AA+CO,SAASA,EAAW;AAAA,EACzB,UAAAC,sBAAY,OAAI,EAAA;AAAA,EAChB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,sBAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAoB;AAClB,QAAM,EAAE,SAAAC,GAAS,YAAAC,GAAY,kBAAAC,EAAiB,IAAIC,EAAoBT,CAAI,GACpEU,IAAUC,EAAaX,CAAI,GAE3BY,IAAMC,EAAO,GAEbC,IAAoBC;AAAA,IACxB,MACEC;AAAA,MACEnB;AAAA,MACAW,MAAqB,cACnB,OAAOV,KAAY,YACnBA;AAAA,MACFU,MAAqB,YAAY,OAAOT,KAAU,YAAYA;AAAA;AAAA,MAE9DO,KAAW,MAASL,IAAcW,EAAI,mBAAmB,IAAI;AAAA,IAC/D;AAAA,IACF,CAACf,GAAWC,GAAUC,GAAQS,GAAkBF,GAASL,GAAaW,CAAG;AAAA,EAC3E,GAEMK,IAAMC,EAAuB,IAAI,GACjCC,IAA0BC,EAAsBH,GAAK;AAAA,IACzD,iBAAiBjB;AAAA,IACjB,SAASG;AAAA,EAAA,CACV,GAEKkB,IAAYC,EAAY,MACxB,OAAO1B,KAAa,cAGpBQ,KAAWmB,EAAe3B,CAAQ,IAC7BA,IAEF,gBAAA4B,EAAC,SAAK,UAAA5B,GAAS,GACrB,CAACA,GAAUQ,CAAO,CAAC,GAEhBqB,IAAWC,EAAU;AAAA,IACzB,QAAQL,EAAU;AAAA,IAClB,OAAOM,EAAkBtB,GAAY;AAAA,MACnC,KAAAY;AAAA,MACA,WAAWH;AAAA,MAET,iBAAiBN,MAAqB,aAAa,SAAS;AAAA,MAC5D,eAAeA,MAAqB,WAAW,SAAS;AAAA,MAE1D,OAAO;AAAA,QACL,GAAIA,MAAqB,cAAc,OAAOV,KAAa,WACvDA,IACA,CAAC;AAAA,QACL,GAAIU,MAAqB,YAAY,OAAOT,KAAW,WACnDA,IACA,CAAA;AAAA,MAAC;AAAA,IAER,CAAA;AAAA,EAAA,CACF;AAED,SAAA6B,EAAU,MAAM;AACd,IAAAT,EAAwB,MAAM;AACxB,MAAAnB,MAASU,EAAQ,YACnBH,EAAWP,CAAI,GACfE,KAAA,QAAAA,EAAuBF;AAAA,IACzB,CACD;AAAA,EAAA,GACA;AAAA,IACDA;AAAA,IACAC;AAAA,IACAkB;AAAA,IACAZ;AAAA,IACAG;AAAA,IACAR;AAAA,EAAA,CACD,GAEMI,KAAWL,IAAcwB,IAAW;AAC7C;"}

package/dist/components/upload/dragger.js

@@ -1,22 +1,31 @@
 "use client";
-import { jsx as r, jsxs as i, Fragment as p } from "react/jsx-runtime";
-import m from "antd/es/upload";
-import { CloudArrowUp as u } from "@bioturing/assets";
-import { useUploadItemRender as c } from "./hooks.js";
-import { useCls as f } from "../utils/antdUtils.js";
+import { jsx as r, jsxs as p, Fragment as m } from "react/jsx-runtime";
+import c from "antd/es/upload";
+import { CloudArrowUpIcon as u } from "@bioturing/assets";
+import { useUploadItemRender as f } from "./hooks.js";
+import { useCls as g } from "../utils/antdUtils.js";
 const N = ({
   children: o,
   uploadTitle: t = "Click or drag file to this area to upload",
   uploadDescription: l = "Support for a single or bulk upload.",
-  itemRender: a,
-  ...n
+  itemRender: n,
+  className: a,
+  ...s
 }) => {
-  const e = f(), s = () => /* @__PURE__ */ i(p, { children: [
+  const e = g(), d = () => /* @__PURE__ */ p(m, { children: [
     /* @__PURE__ */ r("p", { className: e("upload-drag-icon"), children: /* @__PURE__ */ r(u, { size: 40 }) }),
     /* @__PURE__ */ r("p", { className: e("upload-text"), children: t }),
     /* @__PURE__ */ r("p", { className: e("upload-hint"), children: l })
-  ] }), d = c({ showRemoveButton: !0 });
-  return /* @__PURE__ */ r(m.Dragger, { itemRender: a || d, ...n, children: o || s() });
+  ] }), i = f({ showRemoveButton: !0 });
+  return /* @__PURE__ */ r(
+    c.Dragger,
+    {
+      className: a,
+      itemRender: n || i,
+      ...s,
+      children: o || d()
+    }
+  );
 };
 export {
   N as Dragger

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 { CloudArrowUp } 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  ...rest\n}: DraggerProps) => {\n  const cls = useCls();\n  const renderChildren = () => {\n    return (\n      <>\n        <p className={cls(\"upload-drag-icon\")}>\n          <CloudArrowUp 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 itemRender={itemRender || defaultItemRender} {...rest}>\n      {children ? children : renderChildren()}\n    </AntUpload.Dragger>\n  );\n};\n"],"names":["Dragger","children","uploadTitle","uploadDescription","itemRender","rest","cls","useCls","renderChildren","jsxs","Fragment","jsx","CloudArrowUp","defaultItemRender","useUploadItemRender","AntUpload"],"mappings":";;;;;;AAqBO,MAAMA,IAAU,CAAC;AAAA,EACtB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,YAAAC;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,EAAa,MAAM,GAAA,CAAI,EAC1B,CAAA;AAAA,sBACC,KAAE,EAAA,WAAWN,EAAI,aAAa,GAAI,UAAYJ,GAAA;AAAA,sBAC9C,KAAE,EAAA,WAAWI,EAAI,aAAa,GAAI,UAAkBH,EAAA,CAAA;AAAA,EAAA,GACvD,GAGEU,IAAoBC,EAAoB,EAAE,kBAAkB,IAAM;AACxE,SACG,gBAAAH,EAAAI,EAAU,SAAV,EAAkB,YAAYX,KAAcS,GAAoB,GAAGR,GACjE,UAAAJ,KAAsBO,EACzB,EAAA,CAAA;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,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;"}

package/dist/components/upload/item.js

@@ -1,23 +1,25 @@
 "use client";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import n from "antd/es/flex";
-import u from "antd/es/progress";
-import { Trash as g } from "@bioturing/assets";
-import { Truncate as f } from "../truncate/component.js";
-import { getUploadFileIcon as h } from "./utils.js";
-import { useCls as x } from "../utils/antdUtils.js";
-import { clsx as N } from "../utils/cn.js";
-import { IconButton as v } from "../icon-button/component.js";
-const U = ({
+import f from "antd/es/progress";
+import { Trash as h } from "@bioturing/assets";
+import { Truncate as x } from "../truncate/component.js";
+import { getUploadFileIcon as N } from "./utils.js";
+import { useCls as v } from "../utils/antdUtils.js";
+import { clsx as j } from "../utils/cn.js";
+import { IconButton as z } from "../icon-button/component.js";
+const y = ({
   fileName: t,
   fileType: s,
   status: o = "pending",
   percent: a,
   removable: m = !0,
   onRemove: c,
-  extraActions: p
+  extraActions: p,
+  className: d,
+  ...u
 }) => {
-  const r = x(), d = Math.round(a || 0), l = {
+  const r = v(), g = Math.round(a || 0), l = {
     done: "success",
     error: "exception",
     uploading: "active",
@@ -27,10 +29,11 @@ const U = ({
   return /* @__PURE__ */ e(
     n,
     {
-      className: N(r("upload-item")),
+      className: j(r("upload-item"), d),
       justify: "space-between",
       align: "center",
       "data-error": o === "error",
+      ...u,
       children: /* @__PURE__ */ i(
         n,
         {
@@ -39,7 +42,7 @@ const U = ({
           flex: 1,
           className: r("upload-item-content"),
           children: [
-            /* @__PURE__ */ e("span", { className: r("upload-item-icon"), children: h(s) }),
+            /* @__PURE__ */ e("span", { className: r("upload-item-icon"), children: N(s) }),
             /* @__PURE__ */ i(
               n,
               {
@@ -48,11 +51,11 @@ const U = ({
                 flex: 1,
                 className: r("upload-item-name-progress"),
                 children: [
-                  /* @__PURE__ */ e(f, { position: "middle", children: t }),
+                  /* @__PURE__ */ e(x, { position: "middle", children: t }),
                   /* @__PURE__ */ e(
-                    u,
+                    f,
                     {
-                      percent: d,
+                      percent: g,
                       size: "small",
                       className: r("upload-item-progress"),
                       status: o && o in l ? l[o] : "normal"
@@ -64,10 +67,10 @@ const U = ({
             /* @__PURE__ */ i(n, { gap: 8, align: "center", children: [
               p,
               m && /* @__PURE__ */ e(
-                v,
+                z,
                 {
                   label: "Remove",
-                  children: /* @__PURE__ */ e(g, { size: 16 }),
+                  children: /* @__PURE__ */ e(h, { size: 16 }),
                   onClick: c,
                   size: "small"
                 }
@@ -80,6 +83,6 @@ const U = ({
   );
 };
 export {
-  U as UploadItem
+  y as UploadItem
 };
 //# sourceMappingURL=item.js.map

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 {\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}: 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\"))}\n      justify=\"space-between\"\n      align=\"center\"\n      data-error={status === \"error\"}\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","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;AACF,MAAuB;AACrB,QAAMC,IAAMC,EAAO,GACbC,IAAc,KAAK,MAAMN,KAAW,CAAC,GACrCO,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,CAAC;AAAA,MAClC,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,cAAYL,MAAW;AAAA,MAEvB,UAAA,gBAAAY;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,EAAkBd,CAAQ,GAC7B;AAAA,YACA,gBAAAa;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,UAAShB,GAAA;AAAA,kBACtC,gBAAAW;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACC,SAASR;AAAA,sBACT,MAAK;AAAA,sBACL,WAAWF,EAAI,sBAAsB;AAAA,sBACrC,QACEL,KAAUA,KAAUQ,IAChBA,EAAmBR,CAAM,IACzB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAER;AAAA,cAAA;AAAA,YACF;AAAA,YACC,gBAAAY,EAAAF,GAAA,EAAK,KAAK,GAAG,OAAM,UACjB,UAAA;AAAA,cAAAN;AAAA,cACAF,KACC,gBAAAO;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,UAAU,gBAAAP,EAACQ,GAAM,EAAA,MAAM,GAAI,CAAA;AAAA,kBAC3B,SAASd;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,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;"}

package/dist/components/utils/antdUtils.js

@@ -1,62 +1,24 @@
 "use client";
-import n from "antd/es/config-provider";
-import c from "antd/es/theme/useToken";
-import { useContext as i, useCallback as a } from "react";
-import { cx as l } from "./cn.js";
-const b = () => {
-  const { getPrefixCls: s } = i(n.ConfigContext);
-  return { getPrefixCls: s };
-}, g = () => {
-  var t;
-  return (t = c()[4]) == null ? void 0 : t.key;
-}, k = () => {
-  const { getPrefixCls: s } = i(n.ConfigContext);
-  return a(
-    (...e) => l(...e).map((o) => s(o)).join(" "),
-    [s]
+import o from "antd/es/config-provider";
+import i from "antd/es/theme/useToken";
+import { useContext as n, useCallback as C } from "react";
+import { cx as c } from "./cn.js";
+const x = () => {
+  const { getPrefixCls: t } = n(o.ConfigContext);
+  return { getPrefixCls: t };
+}, a = () => {
+  var e;
+  return (e = i()[4]) == null ? void 0 : e.key;
+}, p = () => {
+  const { getPrefixCls: t } = n(o.ConfigContext);
+  return C(
+    (...s) => c(...s).map((r) => t(r)).join(" "),
+    [t]
   );
 };
-function f(s) {
-  const t = [];
-  let e = "";
-  for (const o of s)
-    o >= "A" && o <= "Z" ? (e && t.push(e), e = o.toLowerCase()) : e += o;
-  return e && t.push(e), t.length > 0 ? t : [s];
-}
-const h = (s = "bottomLeft") => {
-  const [t, e] = f(s);
-  let o, r = "center";
-  if (t === "top" || t === "bottom") {
-    if (o = t, e)
-      switch (e) {
-        case "left":
-          r = "start";
-          break;
-        case "right":
-          r = "end";
-          break;
-      }
-  } else if (t === "left" || t === "right") {
-    if (o = t, e)
-      switch (e) {
-        case "top":
-          r = "start";
-          break;
-        case "bottom":
-          r = "end";
-          break;
-      }
-  } else
-    o = "bottom";
-  return {
-    placement: o,
-    align: r
-  };
-};
 export {
-  h as parseAntdPlacement,
-  g as useAntdCssVarClassname,
-  k as useCls,
-  b as useGetPrefixCls
+  a as useAntdCssVarClassname,
+  p as useCls,
+  x as useGetPrefixCls
 };
 //# sourceMappingURL=antdUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"antdUtils.js","sources":["../../../src/components/utils/antdUtils.ts"],"sourcesContent":["\"use client\";\nimport { default as ConfigProvider } from \"antd/es/config-provider\";\nimport useToken from \"antd/es/theme/useToken\";\nimport { useCallback, useContext } from \"react\";\nimport type { ClassValue } from \"./types\";\nimport { cx } from \"./cn\";\nimport { PopoverProps } from \"antd/es/popover\";\n\nexport const useGetPrefixCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  return { getPrefixCls };\n};\n\n/**\n *\n * @returns the antd classname providing css variables\n */\nexport const useAntdCssVarClassname = () => {\n  const token = useToken();\n  return token[4]?.key;\n};\n\nexport const useCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const cls = useCallback(\n    (...args: ClassValue[]) => {\n      return cx(...args)\n        .map((cls) => getPrefixCls(cls))\n        .join(\" \");\n    },\n    [getPrefixCls]\n  );\n  return cls;\n};\n\nfunction splitCamelCase(text: string): string[] {\n  const result: string[] = [];\n  let currentWord = \"\";\n\n  for (const char of text) {\n    if (char >= \"A\" && char <= \"Z\") {\n      if (currentWord) {\n        result.push(currentWord);\n      }\n      currentWord = char.toLowerCase();\n    } else {\n      currentWord += char;\n    }\n  }\n\n  if (currentWord) {\n    result.push(currentWord);\n  }\n\n  return result.length > 0 ? result : [text];\n}\n\nexport const parseAntdPlacement = (\n  placement: PopoverProps[\"placement\"] = \"bottomLeft\"\n): {\n  placement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align: \"start\" | \"end\" | \"center\";\n} => {\n  const [position1, position2] = splitCamelCase(placement);\n\n  // Determine primary placement\n  let primaryPlacement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  let align: \"start\" | \"end\" | \"center\" = \"center\";\n\n  // First check if it's a vertical or horizontal primary placement\n  if (position1 === \"top\" || position1 === \"bottom\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"left\":\n          align = \"start\";\n          break;\n        case \"right\":\n          align = \"end\";\n          break;\n        // \"top\" or \"bottom\" as second position is invalid, defaults to center\n      }\n    }\n  } else if (position1 === \"left\" || position1 === \"right\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"top\":\n          align = \"start\";\n          break;\n        case \"bottom\":\n          align = \"end\";\n          break;\n        // \"left\" or \"right\" as second position is invalid, defaults to center\n      }\n    }\n  } else {\n    // Fallback for invalid placement\n    primaryPlacement = \"bottom\";\n  }\n\n  return {\n    placement: primaryPlacement,\n    align,\n  };\n};\n"],"names":["useGetPrefixCls","getPrefixCls","useContext","ConfigProvider","useAntdCssVarClassname","_a","useToken","useCls","useCallback","args","cx","cls","splitCamelCase","text","result","currentWord","char","parseAntdPlacement","placement","position1","position2","primaryPlacement","align"],"mappings":";;;;;AAQO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,cAAAC,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AAChE,SAAO,EAAE,cAAAF,EAAa;AACxB,GAMaG,IAAyB,MAAM;;AAEnC,UAAAC,IADOC,EAAS,EACV,CAAC,MAAP,gBAAAD,EAAU;AACnB,GAEaE,IAAS,MAAM;AAC1B,QAAM,EAAE,cAAAN,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AASzD,SARKK;AAAA,IACV,IAAIC,MACKC,EAAG,GAAGD,CAAI,EACd,IAAI,CAACE,MAAQV,EAAaU,CAAG,CAAC,EAC9B,KAAK,GAAG;AAAA,IAEb,CAACV,CAAY;AAAA,EACf;AAEF;AAEA,SAASW,EAAeC,GAAwB;AAC9C,QAAMC,IAAmB,CAAC;AAC1B,MAAIC,IAAc;AAElB,aAAWC,KAAQH;AACb,IAAAG,KAAQ,OAAOA,KAAQ,OACrBD,KACFD,EAAO,KAAKC,CAAW,GAEzBA,IAAcC,EAAK,YAAY,KAEhBD,KAAAC;AAInB,SAAID,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAEa,MAAAI,IAAqB,CAChCC,IAAuC,iBAIpC;AACH,QAAM,CAACC,GAAWC,CAAS,IAAIR,EAAeM,CAAS;AAGnD,MAAAG,GACAC,IAAoC;AAGpC,MAAAH,MAAc,SAASA,MAAc;AAEvC,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA,aAIGH,MAAc,UAAUA,MAAc;AAE/C,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA;AAMa,IAAAD,IAAA;AAGd,SAAA;AAAA,IACL,WAAWA;AAAA,IACX,OAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"antdUtils.js","sources":["../../../src/components/utils/antdUtils.ts"],"sourcesContent":["\"use client\";\nimport { default as ConfigProvider } from \"antd/es/config-provider\";\nimport useToken from \"antd/es/theme/useToken\";\nimport { useCallback, useContext } from \"react\";\nimport type { ClassValue } from \"./types\";\nimport { cx } from \"./cn\";\nimport { PopoverProps } from \"antd/es/popover\";\n\nexport const useGetPrefixCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  return { getPrefixCls };\n};\n\n/**\n *\n * @returns the antd classname providing css variables\n */\nexport const useAntdCssVarClassname = () => {\n  const token = useToken();\n  return token[4]?.key;\n};\n\nexport const useCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const cls = useCallback(\n    (...args: ClassValue[]) => {\n      return cx(...args)\n        .map((cls) => getPrefixCls(cls))\n        .join(\" \");\n    },\n    [getPrefixCls]\n  );\n  return cls;\n};\n\n// Placement utilities moved to ./placement.ts\n"],"names":["useGetPrefixCls","getPrefixCls","useContext","ConfigProvider","useAntdCssVarClassname","_a","useToken","useCls","useCallback","args","cx","cls"],"mappings":";;;;;AAQO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,cAAAC,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AAChE,SAAO,EAAE,cAAAF,EAAa;AACxB,GAMaG,IAAyB,MAAM;;AAEnC,UAAAC,IADOC,EAAS,EACV,CAAC,MAAP,gBAAAD,EAAU;AACnB,GAEaE,IAAS,MAAM;AAC1B,QAAM,EAAE,cAAAN,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AASzD,SARKK;AAAA,IACV,IAAIC,MACKC,EAAG,GAAGD,CAAI,EACd,IAAI,CAACE,MAAQV,EAAaU,CAAG,CAAC,EAC9B,KAAK,GAAG;AAAA,IAEb,CAACV,CAAY;AAAA,EACf;AAEF;"}

package/dist/components/utils/placement.js

@@ -0,0 +1,58 @@
+function i(r) {
+  const e = [];
+  let o = "";
+  for (let t = 0; t < r.length; t++) {
+    const n = r[t];
+    n >= "A" && n <= "Z" && o.length > 0 ? (e.push(o), o = n) : o += n;
+  }
+  return o && e.push(o), e.length > 0 ? e : [r];
+}
+function a(r = "bottomLeft") {
+  const [e, o] = i(r);
+  let t, n = "center";
+  if (["top", "bottom", "left", "right"].includes(e.toLowerCase())) {
+    if (t = e.toLowerCase(), o) {
+      const s = o.toLowerCase();
+      t === "top" || t === "bottom" ? s === "left" ? n = "start" : s === "right" && (n = "end") : s === "top" ? n = "start" : s === "bottom" && (n = "end");
+    }
+  } else
+    t = "bottom";
+  return {
+    side: t,
+    align: n
+  };
+}
+function l(r) {
+  const { side: e = "bottom", align: o = "center" } = r;
+  if (o === "center")
+    return e;
+  let t;
+  if (e === "top" || e === "bottom")
+    switch (o) {
+      case "start":
+        t = "Left";
+        break;
+      case "end":
+        t = "Right";
+        break;
+      default:
+        return e;
+    }
+  else
+    switch (o) {
+      case "start":
+        t = "Top";
+        break;
+      case "end":
+        t = "Bottom";
+        break;
+      default:
+        return e;
+    }
+  return `${e}${t}`;
+}
+export {
+  l as buildAntdPlacement,
+  a as parseAntdPlacement
+};
+//# sourceMappingURL=placement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placement.js","sources":["../../../src/components/utils/placement.ts"],"sourcesContent":["import type { PopoverProps } from \"antd/es/popover\";\n\n// Base UI placement types\nexport type BaseUISide = \"top\" | \"bottom\" | \"left\" | \"right\";\nexport type BaseUIAlign = \"start\" | \"end\" | \"center\";\n\n// Antd placement type (re-export for convenience)\nexport type AntdPlacement = PopoverProps[\"placement\"];\n\n// Base UI placement interface - used for both parsing and building\nexport interface BaseUIPlacement {\n  side: BaseUISide;\n  align: BaseUIAlign;\n}\n\n/**\n * Utility to split camelCase strings into parts\n * e.g., \"bottomLeft\" -> [\"bottom\", \"Left\"]\n */\nfunction splitCamelCase(text: string): string[] {\n  const result: string[] = [];\n  let currentWord = \"\";\n\n  for (let i = 0; i < text.length; i++) {\n    const char = text[i];\n\n    if (char >= \"A\" && char <= \"Z\" && currentWord.length > 0) {\n      result.push(currentWord);\n      currentWord = char;\n    } else {\n      currentWord += char;\n    }\n  }\n\n  if (currentWord) {\n    result.push(currentWord);\n  }\n\n  return result.length > 0 ? result : [text];\n}\n\n/**\n * Parse Antd placement string into BaseUI side and align values\n * @param placement - Antd placement string (e.g., \"bottomLeft\", \"top\", \"rightTop\")\n * @returns Object with side and align properties for BaseUI components\n */\nexport function parseAntdPlacement(\n  placement: AntdPlacement = \"bottomLeft\"\n): BaseUIPlacement {\n  const [position1, position2] = splitCamelCase(placement);\n\n  // Determine primary placement\n  let side: BaseUISide;\n  let align: BaseUIAlign = \"center\";\n\n  // Check if first position is a side\n  if ([\"top\", \"bottom\", \"left\", \"right\"].includes(position1.toLowerCase())) {\n    side = position1.toLowerCase() as BaseUISide;\n\n    // Determine alignment based on side and secondary position\n    if (position2) {\n      const secondaryLower = position2.toLowerCase();\n      \n      if (side === \"top\" || side === \"bottom\") {\n        // For vertical sides, Left/Right become start/end\n        if (secondaryLower === \"left\") align = \"start\";\n        else if (secondaryLower === \"right\") align = \"end\";\n      } else {\n        // For horizontal sides, Top/Bottom become start/end\n        if (secondaryLower === \"top\") align = \"start\";\n        else if (secondaryLower === \"bottom\") align = \"end\";\n      }\n    }\n  } else {\n    // Fallback for invalid placement\n    side = \"bottom\";\n  }\n\n  return {\n    side,\n    align,\n  };\n}\n\n/**\n * Build Antd placement string from BaseUI side and align values\n * @param placement - Object with side and align properties\n * @returns Antd placement string\n */\nexport function buildAntdPlacement(placement: BaseUIPlacement): AntdPlacement {\n  const { side = \"bottom\", align = \"center\" } = placement;\n  \n  if (align === \"center\") {\n    return side;\n  }\n\n  let alignmentPart: string;\n\n  // For vertical sides (top/bottom), alignment is horizontal\n  if (side === \"top\" || side === \"bottom\") {\n    switch (align) {\n      case \"start\":\n        alignmentPart = \"Left\";\n        break;\n      case \"end\":\n        alignmentPart = \"Right\";\n        break;\n      default:\n        return side;\n    }\n  }\n  // For horizontal sides (left/right), alignment is vertical\n  else {\n    switch (align) {\n      case \"start\":\n        alignmentPart = \"Top\";\n        break;\n      case \"end\":\n        alignmentPart = \"Bottom\";\n        break;\n      default:\n        return side;\n    }\n  }\n\n  return `${side}${alignmentPart}` as AntdPlacement;\n}"],"names":["splitCamelCase","text","result","currentWord","i","char","parseAntdPlacement","placement","position1","position2","side","align","secondaryLower","buildAntdPlacement","alignmentPart"],"mappings":"AAmBA,SAASA,EAAeC,GAAwB;AAC9C,QAAMC,IAAmB,CAAC;AAC1B,MAAIC,IAAc;AAElB,WAASC,IAAI,GAAGA,IAAIH,EAAK,QAAQG,KAAK;AAC9B,UAAAC,IAAOJ,EAAKG,CAAC;AAEnB,IAAIC,KAAQ,OAAOA,KAAQ,OAAOF,EAAY,SAAS,KACrDD,EAAO,KAAKC,CAAW,GACTA,IAAAE,KAECF,KAAAE;AAAA,EACjB;AAGF,SAAIF,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAOgB,SAAAK,EACdC,IAA2B,cACV;AACjB,QAAM,CAACC,GAAWC,CAAS,IAAIT,EAAeO,CAAS;AAGnD,MAAAG,GACAC,IAAqB;AAGrB,MAAA,CAAC,OAAO,UAAU,QAAQ,OAAO,EAAE,SAASH,EAAU,YAAY,CAAC;AAIrE,QAHAE,IAAOF,EAAU,YAAY,GAGzBC,GAAW;AACP,YAAAG,IAAiBH,EAAU,YAAY;AAEzC,MAAAC,MAAS,SAASA,MAAS,WAEzBE,MAAmB,SAAgBD,IAAA,UAC9BC,MAAmB,YAAiBD,IAAA,SAGzCC,MAAmB,QAAeD,IAAA,UAC7BC,MAAmB,aAAkBD,IAAA;AAAA,IAChD;AAAA;AAIK,IAAAD,IAAA;AAGF,SAAA;AAAA,IACL,MAAAA;AAAA,IACA,OAAAC;AAAA,EACF;AACF;AAOO,SAASE,EAAmBN,GAA2C;AAC5E,QAAM,EAAE,MAAAG,IAAO,UAAU,OAAAC,IAAQ,SAAa,IAAAJ;AAE9C,MAAII,MAAU;AACL,WAAAD;AAGL,MAAAI;AAGA,MAAAJ,MAAS,SAASA,MAAS;AAC7B,YAAQC,GAAO;AAAA,MACb,KAAK;AACa,QAAAG,IAAA;AAChB;AAAA,MACF,KAAK;AACa,QAAAA,IAAA;AAChB;AAAA,MACF;AACS,eAAAJ;AAAA,IAAA;AAAA;AAKX,YAAQC,GAAO;AAAA,MACb,KAAK;AACa,QAAAG,IAAA;AAChB;AAAA,MACF,KAAK;AACa,QAAAA,IAAA;AAChB;AAAA,MACF;AACS,eAAAJ;AAAA,IAAA;AAIN,SAAA,GAAGA,CAAI,GAAGI,CAAa;AAChC;"}

package/dist/components/utils/reactElement.js

@@ -0,0 +1,5 @@
+const r = (o, p, t) => o.props && typeof o.props == "object" && p in o.props && o.props[p] !== void 0 ? o.props[p] : t;
+export {
+  r as getReactElementProp
+};
+//# sourceMappingURL=reactElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reactElement.js","sources":["../../../src/components/utils/reactElement.ts"],"sourcesContent":["export const getReactElementProp = <T>(\n  el: React.ReactElement,\n  propKey: string,\n  defaultValue?: T\n) => {\n  return el.props &&\n    typeof el.props === \"object\" &&\n    propKey in el.props &&\n    el.props[propKey] !== undefined\n    ? (el.props[propKey] as T)\n    : defaultValue;\n};\n"],"names":["getReactElementProp","el","propKey","defaultValue"],"mappings":"AAAO,MAAMA,IAAsB,CACjCC,GACAC,GACAC,MAEOF,EAAG,SACR,OAAOA,EAAG,SAAU,YACpBC,KAAWD,EAAG,SACdA,EAAG,MAAMC,CAAO,MAAM,SACnBD,EAAG,MAAMC,CAAO,IACjBC;"}