@bioturing/components 0.25.0 → 0.27.0

package/dist/components/popup-panel/style.css

@@ -1 +1 @@
-@layer components{.ds-popup-panel-root{z-index:1030}.ds-popup-panel{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin);width:min(var(--size-width),var(--available-width));max-width:var(--available-width);max-height:var(--available-height);height:max-content;display:flex;flex-direction:column}.ds-popup-panel[data-ending-style],.ds-popup-panel[data-starting-style]{transform:scale(.9);opacity:0}.ds-popup-panel:focus{outline:none}.ds-popup-panel-header{border-bottom:1px solid var(--ds-color-split);margin-bottom:0;padding:calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);flex:0}.ds-popup-panel-title-wrapper{font-weight:500;font-size:var(--ds-font-size);line-height:var(--ds-line-height);color:var(--ds-color-text)}.ds-popup-panel-footer{border-top:1px solid var(--ds-color-split);margin-top:0;padding:calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);flex:0}.ds-popup-panel-content{display:flex;flex-direction:column;flex:1;overflow:auto}.ds-popup-panel-content .ds-popup-panel-content-inner{flex:1;padding:var(--ds-popup-panel-padding)}.ds-popup-panel-resize-handle{position:absolute;padding:.5rem;color:#fff;display:block}.ds-popup-panel-resize-handle[data-placement=top-left]{left:0;top:0;width:4px;height:100%;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;align-items:center}.ds-popup-panel-resize-handle[data-placement=top-right]{right:0;top:0;width:4px;height:100%;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;align-items:center}.ds-popup-panel-resize-handle[data-placement=bottom-left]{bottom:0;width:100%;height:4px;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;justify-content:center}}
+@layer components{.ds-popup-panel-root{z-index:1030}.ds-popup-panel{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin);width:min(var(--size-width),var(--available-width));max-width:var(--available-width);max-height:var(--available-height);height:max-content;display:flex;flex-direction:column}.ds-popup-panel[data-ending-style],.ds-popup-panel[data-starting-style]{transform:scale(.9);opacity:0}.ds-popup-panel:focus{outline:none}.ds-popup-panel-header{border-bottom:1px solid var(--ds-color-split);margin-bottom:0;padding:calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);flex:0}.ds-popup-panel-title-wrapper{font-weight:500;font-size:var(--ds-font-size);line-height:var(--ds-line-height);color:var(--ds-color-text)}.ds-popup-panel-footer{border-top:1px solid var(--ds-color-split);margin-top:0;padding:calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);flex:0}.ds-popup-panel-content{display:flex;flex-direction:column;flex:1;overflow:auto}.ds-popup-panel-content .ds-popup-panel-content-inner{flex:1;padding:var(--ds-popup-panel-padding)}}

package/dist/components/resizable/component.js

@@ -0,0 +1,171 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import O, { useState as p, useCallback as Q, useEffect as C, isValidElement as T } from "react";
+import { useResizable as U } from "react-use-resizable";
+import X from "merge-refs";
+import { mergeProps as Y } from "@base-ui-components/react";
+import './style.css';/* empty css          */
+import { getReactElementProp as y } from "../utils/reactElement.js";
+import { useCls as Z } from "../utils/antdUtils.js";
+import { clsx as u, cn as _ } from "../utils/cn.js";
+import { WithRenderProp as K } from "../utils/WithRenderProp.js";
+const he = ({
+  children: f,
+  resizable: d = !1,
+  handles: h = { bottom: !0, right: !0, left: !0, top: !0 },
+  absolutePositioning: H = !1,
+  classNames: t,
+  className: E,
+  style: V,
+  resetKey: b,
+  maxWidth: D,
+  maxHeight: S,
+  minWidth: W,
+  minHeight: $,
+  onResize: B,
+  maintainAspectRatio: A = !1,
+  ...N
+}) => {
+  const l = Z(), [i, I] = p(null), [g, v] = p(), [a, P] = p(), [z, w] = p(!1), j = Q(
+    (e) => {
+      if (I(e), e && !g && !a) {
+        const r = e.getBoundingClientRect();
+        r.width > 0 && r.height > 0 && (v(r.width), P(r.height));
+      }
+    },
+    [g, a]
+  );
+  C(() => {
+    if (b !== void 0 && i) {
+      i.style.width = "", i.style.height = "";
+      const e = i.getBoundingClientRect();
+      e.width > 0 && e.height > 0 && (v(e.width), P(e.height), i.style.width = `${e.width}px`, i.style.height = `${e.height}px`);
+    }
+  }, [b, i]);
+  const m = U({
+    initialWidth: g,
+    initialHeight: a,
+    maxWidth: D,
+    maxHeight: S,
+    minWidth: W,
+    minHeight: $,
+    onResize: B,
+    maintainAspectRatio: A,
+    onDragStart: () => w(!0),
+    onDragEnd: () => w(!1)
+  }), k = T(f);
+  C(() => {
+    z ? document.body.style.userSelect = "none" : document.body.style.userSelect = "";
+  }, [z]);
+  const { ref: q, ...F } = m.getRootProps(), s = m.getHandleProps, x = m.rootRef, G = (e, r) => {
+    if (!e.current || !H) return;
+    const { widthDiff: R } = r;
+    e.current.style.left = `${parseInt(e.current.style.left || "0") - R}px`;
+  }, J = (e, r) => {
+    if (!e.current || !H) return;
+    const { heightDiff: R } = r;
+    e.current.style.top = `${parseInt(e.current.style.top || "0") - R}px`;
+  }, L = d ? [
+    h.top && /* @__PURE__ */ n(
+      "div",
+      {
+        className: u(
+          l("resizable-resize-handle"),
+          t == null ? void 0 : t.resizeHandle
+        ),
+        "data-placement": "top-center",
+        ...s({
+          reverse: !0,
+          lockHorizontal: !0,
+          onResize: (e) => J(x, e)
+        })
+      },
+      "top"
+    ),
+    h.bottom && /* @__PURE__ */ n(
+      "div",
+      {
+        className: u(
+          l("resizable-resize-handle"),
+          t == null ? void 0 : t.resizeHandle
+        ),
+        "data-placement": "bottom-left",
+        ...s({
+          lockHorizontal: !0
+        })
+      },
+      "bottom"
+    ),
+    h.left && /* @__PURE__ */ n(
+      "div",
+      {
+        className: u(
+          l("resizable-resize-handle"),
+          t == null ? void 0 : t.resizeHandle
+        ),
+        "data-placement": "top-left",
+        ...s({
+          reverse: !0,
+          lockVertical: !0,
+          onResize: (e) => G(x, e)
+        })
+      },
+      "left"
+    ),
+    h.right && /* @__PURE__ */ n(
+      "div",
+      {
+        className: u(
+          l("resizable-resize-handle"),
+          t == null ? void 0 : t.resizeHandle
+        ),
+        "data-placement": "top-right",
+        ...s({
+          lockVertical: !0
+        })
+      },
+      "right"
+    )
+  ] : [], o = f, c = {
+    className: y(o, "className"),
+    style: y(o, "style"),
+    children: y(o, "children"),
+    ref: o.ref
+  }, M = {
+    className: _(
+      d && l("resizable"),
+      t == null ? void 0 : t.root,
+      c.className,
+      E
+    ),
+    ref: X(
+      d ? q : void 0,
+      j,
+      // Always need this for dimension measurement
+      o == null ? void 0 : o.ref
+    ),
+    style: { ...c.style, ...V },
+    ...z ? { "data-resizing": !0 } : {},
+    children: k ? [
+      ...Array.isArray(c.children) ? c.children : [c.children],
+      ...L.filter(Boolean)
+    ] : f
+  };
+  return /* @__PURE__ */ n(
+    K,
+    {
+      render: (e) => {
+        const r = Y(
+          e,
+          M,
+          d ? F : {}
+        );
+        return k ? O.cloneElement(o, r) : /* @__PURE__ */ n("div", { ...r, children: f });
+      }
+    }
+  );
+};
+export {
+  he as Resizable
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/resizable/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect, useState, isValidElement } from \"react\";\nimport { useResizable, type MoveValues } from \"react-use-resizable\";\nimport mergeRefs from \"merge-refs\";\nimport {\n  useCls,\n  clsx,\n  WithRenderProp,\n  WithRenderPropProps,\n  cn,\n  getReactElementProp,\n} from \"../utils\";\nimport { mergeProps } from \"@base-ui-components/react\";\n\nimport \"./style.css\";\n\nexport interface ResizableProps extends WithRenderPropProps {\n  /**\n   * Single React element child that will be enhanced with resize handles\n   */\n  children: React.ReactNode;\n  /**\n   * Whether the component should be resizable\n   * @default false\n   */\n  resizable?: boolean;\n  /**\n   * Configure which resize handles to show\n   * @default { bottom: true, right: true, left: true, top: true }\n   */\n  handles?: {\n    bottom?: boolean;\n    right?: boolean;\n    left?: boolean;\n    top?: boolean;\n  };\n  /**\n   * Whether to use absolute positioning for left handle resizing\n   * Set to true when used in absolutely positioned containers like PopupPanel\n   * @default false\n   */\n  absolutePositioning?: boolean;\n  /**\n   * Custom class names for different parts of the resizable component\n   */\n  classNames?: {\n    root?: string;\n    resizeHandle?: string;\n  };\n  /**\n   * Key to reset dimensions to current element size\n   * When this value changes, the component will recalculate its dimensions\n   * Similar to React's key prop pattern for forcing component resets\n   */\n  resetKey?: React.Key;\n  /**\n   * Maximum width the component can be resized to\n   */\n  maxWidth?: number;\n  /**\n   * Maximum height the component can be resized to\n   */\n  maxHeight?: number;\n  /**\n   * Minimum width the component can be resized to\n   */\n  minWidth?: number;\n  /**\n   * Minimum height the component can be resized to\n   */\n  minHeight?: number;\n  /**\n   * Callback fired during resize operations\n   */\n  onResize?: (values: MoveValues) => void;\n  /**\n   * Whether to maintain aspect ratio during resize\n   * @default false\n   */\n  maintainAspectRatio?: boolean;\n}\n\nexport const Resizable = ({\n  children,\n  resizable = false,\n  handles = { bottom: true, right: true, left: true, top: true },\n  absolutePositioning = false,\n  classNames,\n  className: containerClassName,\n  style: containerStyle,\n  resetKey,\n  maxWidth,\n  maxHeight,\n  minWidth,\n  minHeight,\n  onResize,\n  maintainAspectRatio = false,\n  ...rest\n}: ResizableProps) => {\n  // Validate that children is a single React element\n  // if (!isValidElement(children)) {\n  //   throw new Error(\n  //     \"Resizable component expects a single React element as children\"\n  //   );\n  // }\n\n  const cls = useCls();\n  const [panelRef, setPanelRef] = useState<HTMLDivElement | null>(null);\n  const [width, setWidth] = useState<number>();\n  const [height, setHeight] = useState<number>();\n  const [resizing, setResizing] = useState(false);\n\n  const callbackRef = useCallback(\n    (node: HTMLDivElement) => {\n      setPanelRef(node);\n\n      // Get initial dimensions only once when ref is set\n      if (node && !width && !height) {\n        const rect = node.getBoundingClientRect();\n        if (rect.width > 0 && rect.height > 0) {\n          setWidth(rect.width);\n          setHeight(rect.height);\n        }\n      }\n    },\n    [width, height]\n  );\n\n  // Reset dimensions when resetKey changes\n  useEffect(() => {\n    if (resetKey !== undefined && panelRef) {\n      // Clear the hook's inline styles to reset to natural size\n      panelRef.style.width = \"\";\n      panelRef.style.height = \"\";\n\n      // Force a reflow to get natural dimensions\n      const rect = panelRef.getBoundingClientRect();\n\n      if (rect.width > 0 && rect.height > 0) {\n        // Update the component state to match the reset dimensions\n        setWidth(rect.width);\n        setHeight(rect.height);\n\n        // Apply the reset dimensions directly to ensure they stick\n        panelRef.style.width = `${rect.width}px`;\n        panelRef.style.height = `${rect.height}px`;\n      }\n    }\n  }, [resetKey, panelRef]);\n\n  // Initialize useResizable with current dimensions (or undefined if not ready)\n  const resizableHook = useResizable({\n    initialWidth: width,\n    initialHeight: height,\n    maxWidth,\n    maxHeight,\n    minWidth,\n    minHeight,\n    onResize,\n    maintainAspectRatio,\n    onDragStart: () => setResizing(true),\n    onDragEnd: () => setResizing(false),\n  });\n\n  const isChildrenValidElement = isValidElement(children);\n\n  useEffect(() => {\n    if (resizing) {\n      document.body.style.userSelect = \"none\";\n    } else {\n      document.body.style.userSelect = \"\";\n    }\n  }, [resizing]);\n\n  // Get resizable props - useResizable hook handles cases where dimensions aren't ready\n  const { ref: rootRefProp, ...rootPropsWithoutRef } =\n    resizableHook.getRootProps();\n  const getHandleProps = resizableHook.getHandleProps;\n  const rootRef = resizableHook.rootRef;\n\n  // Handle reverse handle change for horizontal resizing (only for absolute positioning)\n  const onReverseHandleChangeHorizontal = (\n    parent: React.RefObject<HTMLDivElement>,\n    values: MoveValues\n  ) => {\n    if (!parent.current || !absolutePositioning) return;\n    const { widthDiff } = values;\n    parent.current.style.left = `${\n      parseInt(parent.current.style.left || \"0\") - widthDiff\n    }px`;\n  };\n\n  // Handle reverse handle change for vertical resizing (only for absolute positioning)\n  const onReverseHandleChangeVertical = (\n    parent: React.RefObject<HTMLDivElement>,\n    values: MoveValues\n  ) => {\n    if (!parent.current || !absolutePositioning) return;\n    const { heightDiff } = values;\n    parent.current.style.top = `${\n      parseInt(parent.current.style.top || \"0\") - heightDiff\n    }px`;\n  };\n\n  const resizeHandles = resizable\n    ? [\n        handles.top && (\n          <div\n            key=\"top\"\n            className={clsx(\n              cls(\"resizable-resize-handle\"),\n              classNames?.resizeHandle\n            )}\n            data-placement=\"top-center\"\n            {...getHandleProps({\n              reverse: true,\n              lockHorizontal: true,\n              onResize: (values) =>\n                onReverseHandleChangeVertical(rootRef, values),\n            })}\n          />\n        ),\n        handles.bottom && (\n          <div\n            key=\"bottom\"\n            className={clsx(\n              cls(\"resizable-resize-handle\"),\n              classNames?.resizeHandle\n            )}\n            data-placement=\"bottom-left\"\n            {...getHandleProps({\n              lockHorizontal: true,\n            })}\n          />\n        ),\n        handles.left && (\n          <div\n            key=\"left\"\n            className={clsx(\n              cls(\"resizable-resize-handle\"),\n              classNames?.resizeHandle\n            )}\n            data-placement=\"top-left\"\n            {...getHandleProps({\n              reverse: true,\n              lockVertical: true,\n              onResize: (values) =>\n                onReverseHandleChangeHorizontal(rootRef, values),\n            })}\n          />\n        ),\n        handles.right && (\n          <div\n            key=\"right\"\n            className={clsx(\n              cls(\"resizable-resize-handle\"),\n              classNames?.resizeHandle\n            )}\n            data-placement=\"top-right\"\n            {...getHandleProps({\n              lockVertical: true,\n            })}\n          />\n        ),\n      ]\n    : [];\n\n  const childElement = children as React.ReactElement & {\n    ref?: React.Ref<HTMLDivElement>;\n  };\n\n  const childElementProps = {\n    className: getReactElementProp<string>(childElement, \"className\"),\n    style: getReactElementProp<React.CSSProperties>(childElement, \"style\"),\n    children: getReactElementProp<React.ReactNode>(childElement, \"children\"),\n    ref: childElement.ref,\n  };\n\n  const childProps = {\n    className: cn(\n      resizable && cls(\"resizable\"),\n      classNames?.root,\n      childElementProps.className,\n      containerClassName\n    ),\n    ref: mergeRefs(\n      resizable ? rootRefProp : undefined,\n      callbackRef, // Always need this for dimension measurement\n      childElement?.ref\n    ),\n    style: { ...childElementProps.style, ...containerStyle },\n    ...(resizing ? { \"data-resizing\": true } : {}),\n    children: isChildrenValidElement\n      ? [\n          ...(Array.isArray(childElementProps.children)\n            ? childElementProps.children\n            : [childElementProps.children]),\n          ...resizeHandles.filter(Boolean),\n        ]\n      : children,\n  };\n\n  return (\n    <WithRenderProp\n      render={(props) => {\n        // Merge the props from WithRenderProp with our childProps\n        const mergedProps = mergeProps(\n          props,\n          childProps,\n          resizable ? rootPropsWithoutRef : {}\n        );\n        if (isChildrenValidElement) {\n          return React.cloneElement(childElement, mergedProps);\n        } else {\n          return <div {...mergedProps}>{children}</div>;\n        }\n      }}\n    />\n  );\n};\n"],"names":["Resizable","children","resizable","handles","absolutePositioning","classNames","containerClassName","containerStyle","resetKey","maxWidth","maxHeight","minWidth","minHeight","onResize","maintainAspectRatio","rest","cls","useCls","panelRef","setPanelRef","useState","width","setWidth","height","setHeight","resizing","setResizing","callbackRef","useCallback","node","rect","useEffect","resizableHook","useResizable","isChildrenValidElement","isValidElement","rootRefProp","rootPropsWithoutRef","getHandleProps","rootRef","onReverseHandleChangeHorizontal","parent","values","widthDiff","onReverseHandleChangeVertical","heightDiff","resizeHandles","jsx","clsx","childElement","childElementProps","getReactElementProp","childProps","cn","mergeRefs","WithRenderProp","props","mergedProps","mergeProps","React"],"mappings":"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"}

package/dist/components/resizable/style.css

@@ -0,0 +1 @@
+@layer components{.ds-resizable{position:relative}.ds-resizable-resize-handle{position:absolute;padding:.5rem;color:#fff;display:block}.ds-resizable-resize-handle[data-placement=top-left]{left:0;top:0;width:4px;height:100%;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;align-items:center}.ds-resizable-resize-handle[data-placement=top-right]{right:0;top:0;width:4px;height:100%;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;align-items:center}.ds-resizable-resize-handle[data-placement=bottom-left]{bottom:0;width:100%;height:4px;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;justify-content:center}.ds-resizable-resize-handle[data-placement=top-center]{top:0;width:100%;height:4px;border-top-left-radius:.5rem;border-top-right-radius:.5rem;justify-content:center}}

package/dist/components/segmented/component.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
 import r from "antd/es/segmented";
-import { forwardRef as m } from "react";
+import { forwardRef as o } from "react";
 import './style.css';/* empty css          */
-const o = ({ className: s, ...e }, t) => /* @__PURE__ */ n(r, { ref: t, ...e }), i = m(o), p = i;
+const m = (e, t) => /* @__PURE__ */ n(r, { ref: t, ...e }), i = o(m), c = i;
 export {
-  p as Segmented
+  c as Segmented
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/segmented/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntSegmented,\n  type SegmentedProps as AntSegmentedProps,\n} from \"antd/es/segmented\";\n\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type RcSegmentedValue = string | number;\n\n// Define props interface with default type parameter\nexport interface SegmentedProps<T = RcSegmentedValue>\n  extends AntSegmentedProps<T> {}\n\n// Create inner function with default type parameter\nconst MainSegmentedInner = <T,>(\n  { className, ...rest }: SegmentedProps<T>,\n  ref: React.Ref<React.ComponentRef<typeof AntSegmented>>\n) => {\n  return <AntSegmented ref={ref} {...rest} />;\n};\n\n// Use forwardRef with type assertion\nconst MainSegmented = forwardRef(MainSegmentedInner) as <T = RcSegmentedValue>(\n  props: SegmentedProps<T> & {\n    ref?: React.Ref<React.ComponentRef<typeof AntSegmented>>;\n  }\n) => ReturnType<typeof MainSegmentedInner>;\n\nexport const Segmented = MainSegmented;\n"],"names":["MainSegmentedInner","className","rest","ref","jsx","AntSegmented","MainSegmented","forwardRef","Segmented"],"mappings":";;;;;AAkBA,MAAMA,IAAqB,CACzB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAChBC,MAEQ,gBAAAC,EAAAC,GAAA,EAAa,KAAAF,GAAW,GAAGD,EAAM,CAAA,GAIrCI,IAAgBC,EAAWP,CAAkB,GAMtCQ,IAAYF;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/segmented/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntSegmented,\n  type SegmentedProps as AntSegmentedProps,\n} from \"antd/es/segmented\";\n\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type RcSegmentedValue = string | number;\n\n// Define props interface with default type parameter\nexport interface SegmentedProps<T = RcSegmentedValue>\n  extends AntSegmentedProps<T> {}\n\n// Create inner function with default type parameter\nconst MainSegmentedInner = <T,>(\n  props: SegmentedProps<T>,\n  ref: React.Ref<React.ComponentRef<typeof AntSegmented>>\n) => {\n  return <AntSegmented ref={ref} {...props} />;\n};\n\n// Use forwardRef with type assertion\nconst MainSegmented = forwardRef(MainSegmentedInner) as <T = RcSegmentedValue>(\n  props: SegmentedProps<T> & {\n    ref?: React.Ref<React.ComponentRef<typeof AntSegmented>>;\n  }\n) => ReturnType<typeof MainSegmentedInner>;\n\nexport const Segmented = MainSegmented;\n"],"names":["MainSegmentedInner","props","ref","jsx","AntSegmented","MainSegmented","forwardRef","Segmented"],"mappings":";;;;;AAkBA,MAAMA,IAAqB,CACzBC,GACAC,MAEQ,gBAAAC,EAAAC,GAAA,EAAa,KAAAF,GAAW,GAAGD,EAAO,CAAA,GAItCI,IAAgBC,EAAWN,CAAkB,GAMtCO,IAAYF;"}

package/dist/components/spin/component.js

@@ -1,23 +1,24 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
-import i from "antd/es/spin";
+import e from "antd/es/spin";
 import './style.css';/* empty css          */
-import { useCls as e } from "../utils/antdUtils.js";
-const d = ({ indicator: n, size: o, ...r }) => {
-  const p = e(), s = n || /* @__PURE__ */ t("span", { className: p("spin-loader") });
+import { useCls as m } from "../utils/antdUtils.js";
+const f = ({ indicator: n, size: o, className: r, ...p }) => {
+  const s = m(), i = n || /* @__PURE__ */ t("span", { className: s("spin-loader") });
   return /* @__PURE__ */ t(
-    i,
+    e,
     {
-      indicator: s,
+      className: r,
+      indicator: i,
       size: typeof o == "number" ? "default" : o,
       style: {
         "--spin-size": typeof o == "number" ? `${o}px` : void 0
       },
-      ...r
+      ...p
     }
   );
 };
 export {
-  d as Spin
+  f as Spin
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/spin/component.tsx"],"sourcesContent":["\"use client\";\nimport { useCls } from \"../utils\";\nimport { default as AntdSpin, SpinProps as AntdSpinProps } from \"antd/es/spin\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type SpinProps = Omit<AntdSpinProps, \"size\"> & {\n  size?: \"small\" | \"default\" | \"large\" | number;\n};\n\nexport const Spin = ({ indicator, size, ...rest }: SpinProps) => {\n  const cls = useCls();\n  const spinIndicator = indicator || <span className={cls(\"spin-loader\")} />;\n  return (\n    <AntdSpin\n      indicator={spinIndicator}\n      size={typeof size === \"number\" ? \"default\" : size}\n      style={\n        {\n          \"--spin-size\": typeof size == \"number\" ? `${size}px` : undefined,\n        } as React.CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n"],"names":["Spin","indicator","size","rest","cls","useCls","spinIndicator","jsx","AntdSpin"],"mappings":";;;;;AAWO,MAAMA,IAAO,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,QAAsB;AAC/D,QAAMC,IAAMC,EAAO,GACbC,IAAgBL,KAAa,gBAAAM,EAAC,UAAK,WAAWH,EAAI,aAAa,GAAG;AAEtE,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,MAAM,OAAOJ,KAAS,WAAW,YAAYA;AAAA,MAC7C,OACE;AAAA,QACE,eAAe,OAAOA,KAAQ,WAAW,GAAGA,CAAI,OAAO;AAAA,MACzD;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/spin/component.tsx"],"sourcesContent":["\"use client\";\nimport { useCls } from \"../utils\";\nimport { default as AntdSpin, SpinProps as AntdSpinProps } from \"antd/es/spin\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type SpinProps = Omit<AntdSpinProps, \"size\"> & {\n  size?: \"small\" | \"default\" | \"large\" | number;\n};\n\nexport const Spin = ({ indicator, size, className, ...rest }: SpinProps) => {\n  const cls = useCls();\n  const spinIndicator = indicator || <span className={cls(\"spin-loader\")} />;\n  return (\n    <AntdSpin\n      className={className}\n      indicator={spinIndicator}\n      size={typeof size === \"number\" ? \"default\" : size}\n      style={\n        {\n          \"--spin-size\": typeof size == \"number\" ? `${size}px` : undefined,\n        } as React.CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n"],"names":["Spin","indicator","size","className","rest","cls","useCls","spinIndicator","jsx","AntdSpin"],"mappings":";;;;;AAWa,MAAAA,IAAO,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,WAAAC,GAAW,GAAGC,QAAsB;AAC1E,QAAMC,IAAMC,EAAO,GACbC,IAAgBN,KAAa,gBAAAO,EAAC,UAAK,WAAWH,EAAI,aAAa,GAAG;AAEtE,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAN;AAAA,MACA,WAAWI;AAAA,MACX,MAAM,OAAOL,KAAS,WAAW,YAAYA;AAAA,MAC7C,OACE;AAAA,QACE,eAAe,OAAOA,KAAQ,WAAW,GAAGA,CAAI,OAAO;AAAA,MACzD;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/splitter/component.js

@@ -1,41 +1,12 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import n from "antd/es/splitter/Splitter";
-import p from "antd/es/splitter/Panel";
+import { MainSplitter as t } from "./splitter.js";
+import { SplitterPanel as i } from "./splitter-panel.js";
 import './style.css';/* empty css          */
-import { useCls as m } from "../utils/antdUtils.js";
-import { clsx as c } from "../utils/cn.js";
-const a = ({
-  children: t,
-  className: r,
-  style: e,
-  ...i
-}) => /* @__PURE__ */ l(p, { className: r, style: e, ...i, children: t }), S = ({
-  children: t,
-  className: r = "",
-  style: e = {},
-  showSplitBar: i = !0,
-  ...o
-}) => {
-  const s = m();
-  return /* @__PURE__ */ l(
-    n,
-    {
-      className: c(
-        s("splitter"),
-        !i && s("splitter-hidden-split-bar"),
-        r
-      ),
-      style: e,
-      ...o,
-      children: t
-    }
-  );
-}, f = Object.assign(S, {
-  Panel: a
-}), A = f;
+const e = Object.assign(t, {
+  Panel: i
+}), l = e;
 export {
-  A as Split,
-  f as Splitter
+  l as Split,
+  e as Splitter
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/splitter/component.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { default as AntdSplitter } from \"antd/es/splitter/Splitter\";\nimport { default as AntdSplitterPanel } from \"antd/es/splitter/Panel\";\nimport type {\n  SplitterProps as AntdSplitterProps,\n  PanelProps as AntdSplitterPanelProps,\n} from \"antd/es/splitter/interface\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type SplitterProps = React.PropsWithChildren<AntdSplitterProps> & {\n  showSplitBar?: boolean;\n};\n\nexport type SplitterPanelProps =\n  React.PropsWithChildren<AntdSplitterPanelProps>;\n\nconst SplitterPanel: React.FC<SplitterPanelProps> = ({\n  children,\n  className,\n  style,\n  ...rest\n}) => {\n  return (\n    <AntdSplitterPanel className={className} style={style} {...rest}>\n      {children}\n    </AntdSplitterPanel>\n  );\n};\n\nconst MainSplitter: React.FC<SplitterProps> = ({\n  children,\n  className = \"\",\n  style = {},\n  showSplitBar = true,\n  ...rest\n}) => {\n  const cls = useCls();\n  return (\n    <AntdSplitter\n      className={clsx(\n        cls(\"splitter\"),\n        !showSplitBar && cls(\"splitter-hidden-split-bar\"),\n        className\n      )}\n      style={style}\n      {...rest}\n    >\n      {children}\n    </AntdSplitter>\n  );\n};\n\nexport const Splitter = Object.assign(MainSplitter, {\n  Panel: SplitterPanel,\n});\n\n// For backward compatibility\nexport const Split = Splitter;\n"],"names":["SplitterPanel","children","className","style","rest","AntdSplitterPanel","MainSplitter","showSplitBar","cls","useCls","jsx","AntdSplitter","clsx","Splitter","Split"],"mappings":";;;;;;;AAoBA,MAAMA,IAA8C,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,wBAEKC,GAAkB,EAAA,WAAAH,GAAsB,OAAAC,GAAe,GAAGC,GACxD,UAAAH,GACH,GAIEK,IAAwC,CAAC;AAAA,EAC7C,UAAAL;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAC;AAAA,EACT,cAAAI,IAAe;AAAA,EACf,GAAGH;AACL,MAAM;AACJ,QAAMI,IAAMC,EAAO;AAEjB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTJ,EAAI,UAAU;AAAA,QACd,CAACD,KAAgBC,EAAI,2BAA2B;AAAA,QAChDN;AAAA,MACF;AAAA,MACA,OAAAC;AAAA,MACC,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EACH;AAEJ,GAEaY,IAAW,OAAO,OAAOP,GAAc;AAAA,EAClD,OAAON;AACT,CAAC,GAGYc,IAAQD;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/splitter/component.tsx"],"sourcesContent":["\"use client\";\nimport { MainSplitter, type SplitterProps } from \"./splitter\";\nimport { SplitterPanel, type SplitterPanelProps } from \"./splitter-panel\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Export types\nexport type { SplitterProps, SplitterPanelProps };\n\n// Create the compound component\nexport const Splitter = Object.assign(MainSplitter, {\n  Panel: SplitterPanel,\n});\n\n// For backward compatibility\nexport const Split = Splitter;\n"],"names":["Splitter","MainSplitter","SplitterPanel","Split"],"mappings":";;;;AAWa,MAAAA,IAAW,OAAO,OAAOC,GAAc;AAAA,EAClD,OAAOC;AACT,CAAC,GAGYC,IAAQH;"}

package/dist/components/splitter/context.js

@@ -0,0 +1,6 @@
+import t from "react";
+const o = t.createContext({});
+export {
+  o as SplitterContext
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/components/splitter/context.ts"],"sourcesContent":["import React from \"react\";\n\n// Context to provide layout direction to panels\nexport const SplitterContext = React.createContext<{ layout?: 'horizontal' | 'vertical' }>({});"],"names":["SplitterContext","React"],"mappings":";AAGO,MAAMA,IAAkBC,EAAM,cAAsD,CAAE,CAAA;"}

package/dist/components/splitter/splitter-panel.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import o from "react";
+import { InternalPanel as p } from "antd/es/splitter/Panel";
+import { useCls as f } from "../utils/antdUtils.js";
+import { clsx as x } from "../utils/cn.js";
+const R = o.forwardRef(({
+  children: t,
+  className: s,
+  style: m,
+  defaultSize: n,
+  ...e
+}, c) => {
+  const i = f(), r = n === "max-content" || n === "min-content" || n === "fit-content", l = x(
+    s,
+    r && i(`splitter-panel-${n}`)
+  );
+  return /* @__PURE__ */ a(
+    p,
+    {
+      className: l,
+      style: m,
+      defaultSize: n,
+      ...e,
+      children: r && o.isValidElement(t) ? o.cloneElement(
+        t,
+        { ref: c }
+      ) : t
+    }
+  );
+});
+export {
+  R as SplitterPanel
+};
+//# sourceMappingURL=splitter-panel.js.map

package/dist/components/splitter/splitter-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter-panel.js","sources":["../../../src/components/splitter/splitter-panel.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport { InternalPanel } from \"antd/es/splitter/Panel\";\nimport type { InternalPanelProps } from \"antd/es/splitter/interface\";\n\nexport type SplitterPanelProps = InternalPanelProps & {\n  children?: React.ReactNode;\n} & React.RefAttributes<HTMLElement> & {\n    /**\n     * Default size of the panel. Can be a percentage string, number, or CSS intrinsic sizing values\n     */\n    defaultSize?:\n      | string\n      | number\n      | \"max-content\"\n      | \"min-content\"\n      | \"fit-content\";\n  };\n\nexport const SplitterPanel = React.forwardRef<HTMLElement, SplitterPanelProps>(({\n  children,\n  className,\n  style,\n  defaultSize,\n  ...rest\n}, ref) => {\n  const cls = useCls();\n\n  const isIntrinsicSizing =\n    defaultSize === \"max-content\" ||\n    defaultSize === \"min-content\" ||\n    defaultSize === \"fit-content\";\n\n  const finalClassName = clsx(\n    className,\n    isIntrinsicSizing && cls(`splitter-panel-${defaultSize}`)\n  );\n\n  return (\n    <InternalPanel\n      className={finalClassName}\n      style={style}\n      defaultSize={defaultSize}\n      {...rest}\n    >\n      {isIntrinsicSizing && React.isValidElement(children)\n        ? React.cloneElement(\n            children as React.ReactElement<React.RefAttributes<HTMLElement>>,\n            { ref }\n          )\n        : children}\n    </InternalPanel>\n  );\n});\n"],"names":["SplitterPanel","React","children","className","style","defaultSize","rest","ref","cls","useCls","isIntrinsicSizing","finalClassName","clsx","jsx","InternalPanel"],"mappings":";;;;;;AAoBa,MAAAA,IAAgBC,EAAM,WAA4C,CAAC;AAAA,EAC9E,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAQ;AACT,QAAMC,IAAMC,EAAO,GAEbC,IACJL,MAAgB,iBAChBA,MAAgB,iBAChBA,MAAgB,eAEZM,IAAiBC;AAAA,IACrBT;AAAA,IACAO,KAAqBF,EAAI,kBAAkBH,CAAW,EAAE;AAAA,EAC1D;AAGE,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAAP;AAAA,MACA,aAAAC;AAAA,MACC,GAAGC;AAAA,MAEH,UAAqBI,KAAAT,EAAM,eAAeC,CAAQ,IAC/CD,EAAM;AAAA,QACJC;AAAA,QACA,EAAE,KAAAK,EAAI;AAAA,MAAA,IAERL;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;"}

package/dist/components/splitter/splitter.js

@@ -0,0 +1,158 @@
+import { jsx as f, jsxs as P } from "react/jsx-runtime";
+import u, { useState as ue } from "react";
+import ze from "rc-resize-observer";
+import { useEvent as z } from "rc-util";
+import { devUseWarning as Ce } from "antd/es/_util/warning";
+import { useComponentConfig as he } from "antd/es/config-provider/context";
+import de from "antd/es/config-provider/hooks/useCSSVarCls";
+import ge from "antd/es/splitter/hooks/useItems";
+import ve from "antd/es/splitter/hooks/useResizable";
+import Me from "antd/es/splitter/hooks/useResize";
+import Ne from "./useSizes.js";
+import { SplitterPanel as be } from "./splitter-panel.js";
+import ye from "antd/es/splitter/SplitBar";
+import xe from "antd/es/splitter/style";
+import { SplitterContext as Ie } from "./context.js";
+import { clsx as $ } from "../utils/cn.js";
+const Oe = (E) => {
+  const {
+    prefixCls: V,
+    className: U,
+    style: k,
+    layout: l = "horizontal",
+    children: w,
+    rootClassName: R,
+    onResizeStart: C,
+    onResize: a,
+    onResizeEnd: o,
+    lazy: B,
+    showSplitBar: W = !0
+  } = E, {
+    getPrefixCls: j,
+    direction: D,
+    className: _,
+    style: q
+  } = he("splitter"), n = j("splitter", V), M = de(n), [F, H, L] = xe(n, M), m = l === "vertical", p = D === "rtl", T = !m && p, i = ge(w), N = u.useMemo(() => i.map(() => u.createRef()), [i.length]);
+  if (process.env.NODE_ENV !== "production") {
+    const t = Ce("Splitter");
+    let e = !1, s = !1;
+    i.forEach((r) => {
+      r.size !== void 0 ? e = !0 : s = !0;
+    }), e && s && !a && t(
+      !1,
+      "usage",
+      "When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`."
+    );
+  }
+  const [h, A] = ue(), G = (t) => {
+    const { offsetWidth: e, offsetHeight: s } = t, r = m ? s : e;
+    r !== 0 && A(r);
+  }, [
+    J,
+    d,
+    g,
+    b,
+    y,
+    K
+  ] = Ne(i, h, l, N), x = ve(i, d, p), [Q, X, Y, Z, I] = Me(
+    i,
+    x,
+    g,
+    h,
+    K,
+    p
+  ), ee = z((t) => {
+    Q(t), C == null || C(d);
+  }), te = z(
+    (t, e, s) => {
+      const r = X(t, e);
+      s ? o == null || o(r) : a == null || a(r);
+    }
+  ), se = z((t) => {
+    Y(), t || o == null || o(d);
+  }), re = z(
+    (t, e) => {
+      const s = Z(t, e);
+      a == null || a(s), o == null || o(s);
+    }
+  ), oe = $(
+    n,
+    U,
+    `${n}-${l}`,
+    {
+      [`${n}-rtl`]: p,
+      [`${n}-hide-bars`]: !W
+    },
+    R,
+    _,
+    L,
+    M,
+    H
+  ), O = `${n}-mask`, c = u.useMemo(() => {
+    const t = [];
+    let e = 0;
+    for (let s = 0; s < i.length; s += 1)
+      e += g[s], t.push(e);
+    return t;
+  }, [g]), ne = { ...q, ...k };
+  return F(
+    /* @__PURE__ */ f(Ie.Provider, { value: { layout: l }, children: /* @__PURE__ */ f(ze, { onResize: G, children: /* @__PURE__ */ P("div", { style: ne, className: oe, children: [
+      i.map((t, e) => {
+        const s = /* @__PURE__ */ f(
+          be,
+          {
+            ...t,
+            prefixCls: n,
+            size: J[e],
+            ref: N[e]
+          }
+        );
+        let r = null;
+        const S = x[e];
+        if (S) {
+          const ie = (c[e - 1] || 0) + b[e], ae = (c[e + 1] || 100) - y[e + 1], le = (c[e - 1] || 0) + y[e], ce = (c[e + 1] || 100) - b[e + 1];
+          r = /* @__PURE__ */ f(
+            ye,
+            {
+              lazy: B,
+              index: e,
+              active: I === e,
+              prefixCls: n,
+              vertical: m,
+              resizable: S.resizable,
+              ariaNow: c[e] * 100,
+              ariaMin: Math.max(ie, ae) * 100,
+              ariaMax: Math.min(le, ce) * 100,
+              startCollapsible: S.startCollapsible,
+              endCollapsible: S.endCollapsible,
+              onOffsetStart: ee,
+              onOffsetUpdate: (fe, me, pe, Se) => {
+                let v = m ? pe : me;
+                T && (v = -v), te(fe, v, Se);
+              },
+              onOffsetEnd: se,
+              onCollapse: re,
+              containerSize: h || 0
+            }
+          );
+        }
+        return /* @__PURE__ */ P(u.Fragment, { children: [
+          s,
+          r
+        ] }, `split-panel-${e}`);
+      }),
+      typeof I == "number" && /* @__PURE__ */ f(
+        "div",
+        {
+          "aria-hidden": !0,
+          className: $(O, `${O}-${l}`)
+        }
+      )
+    ] }) }) })
+  );
+};
+process.env.NODE_ENV !== "production" && (Oe.displayName = "Splitter");
+export {
+  Oe as MainSplitter
+};
+//# sourceMappingURL=splitter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.js","sources":["../../../src/components/splitter/splitter.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { clsx } from \"../utils\";\nimport ResizeObserver from \"rc-resize-observer\";\nimport { useEvent } from \"rc-util\";\n\nimport type { GetProp } from \"antd/es/_util/type\";\nimport { devUseWarning } from \"antd/es/_util/warning\";\nimport { useComponentConfig } from \"antd/es/config-provider/context\";\nimport useCSSVarCls from \"antd/es/config-provider/hooks/useCSSVarCls\";\nimport useItems from \"antd/es/splitter/hooks/useItems\";\nimport useResizable from \"antd/es/splitter/hooks/useResizable\";\nimport useResize from \"antd/es/splitter/hooks/useResize\";\nimport useSizes from \"./useSizes\";\nimport type { SplitterProps as AntdSplitterProps } from \"antd/es/splitter/interface\";\nimport { SplitterPanel } from \"./splitter-panel\";\nimport SplitBar from \"antd/es/splitter/SplitBar\";\nimport useStyle from \"antd/es/splitter/style\";\nimport { SplitterContext } from \"./context\";\n\nexport interface SplitterProps extends AntdSplitterProps {\n  /**\n   * Whether to show the split bars between panels\n   * @default true\n   */\n  showSplitBar?: boolean;\n}\n\nexport const MainSplitter: React.FC<React.PropsWithChildren<SplitterProps>> = (\n  props\n) => {\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    style,\n    layout = \"horizontal\",\n    children,\n    rootClassName,\n    onResizeStart,\n    onResize,\n    onResizeEnd,\n    lazy,\n    showSplitBar = true,\n  } = props;\n\n  const {\n    getPrefixCls,\n    direction,\n    className: contextClassName,\n    style: contextStyle,\n  } = useComponentConfig(\"splitter\");\n  const prefixCls = getPrefixCls(\"splitter\", customizePrefixCls);\n  const rootCls = useCSSVarCls(prefixCls);\n  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n\n  // ======================== Direct ========================\n  const isVertical = layout === \"vertical\";\n  const isRTL = direction === \"rtl\";\n  const reverse = !isVertical && isRTL;\n\n  // ====================== Items Data ======================\n  const items = useItems(children);\n  \n  // Create refs for intrinsic panels to pass to useSizes\n  const elementRefs = React.useMemo(() => {\n    return items.map(() => React.createRef<HTMLElement>());\n  }, [items.length]);\n\n  // >>> Warning for uncontrolled\n  if (process.env.NODE_ENV !== \"production\") {\n    const warning = devUseWarning(\"Splitter\");\n\n    let existSize = false;\n    let existUndefinedSize = false;\n\n    items.forEach((item) => {\n      if (item.size !== undefined) {\n        existSize = true;\n      } else {\n        existUndefinedSize = true;\n      }\n    });\n\n    if (existSize && existUndefinedSize && !onResize) {\n      warning(\n        false,\n        \"usage\",\n        \"When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`.\"\n      );\n    }\n  }\n\n  // ====================== Container =======================\n  const [containerSize, setContainerSize] = useState<number | undefined>();\n\n  const onContainerResize: GetProp<typeof ResizeObserver, \"onResize\"> = (\n    size\n  ) => {\n    const { offsetWidth, offsetHeight } = size;\n    const containerSize = isVertical ? offsetHeight : offsetWidth;\n    // Skip when container has no size, Such as nested in a hidden tab panel\n    // to fix: https://github.com/ant-design/ant-design/issues/51106\n    if (containerSize === 0) {\n      return;\n    }\n    setContainerSize(containerSize);\n  };\n\n  // ========================= Size =========================\n  const [\n    panelSizes,\n    itemPxSizes,\n    itemPtgSizes,\n    itemPtgMinSizes,\n    itemPtgMaxSizes,\n    updateSizes,\n  ] = useSizes(items, containerSize, layout, elementRefs);\n\n  // ====================== Resizable =======================\n  const resizableInfos = useResizable(items, itemPxSizes, isRTL);\n\n  const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] =\n    useResize(\n      items,\n      resizableInfos,\n      itemPtgSizes,\n      containerSize,\n      updateSizes,\n      isRTL\n    );\n\n  // ======================== Events ========================\n  const onInternalResizeStart = useEvent((index: number) => {\n    onOffsetStart(index);\n    onResizeStart?.(itemPxSizes);\n  });\n\n  const onInternalResizeUpdate = useEvent(\n    (index: number, offset: number, lazyEnd?: boolean) => {\n      const nextSizes = onOffsetUpdate(index, offset);\n\n      if (lazyEnd) {\n        onResizeEnd?.(nextSizes);\n      } else {\n        onResize?.(nextSizes);\n      }\n    }\n  );\n\n  const onInternalResizeEnd = useEvent((lazyEnd?: boolean) => {\n    onOffsetEnd();\n\n    if (!lazyEnd) {\n      onResizeEnd?.(itemPxSizes);\n    }\n  });\n\n  const onInternalCollapse = useEvent(\n    (index: number, type: \"start\" | \"end\") => {\n      const nextSizes = onCollapse(index, type);\n      onResize?.(nextSizes);\n      onResizeEnd?.(nextSizes);\n    }\n  );\n\n  // ======================== Styles ========================\n  const containerClassName = clsx(\n    prefixCls,\n    className,\n    `${prefixCls}-${layout}`,\n    {\n      [`${prefixCls}-rtl`]: isRTL,\n      [`${prefixCls}-hide-bars`]: !showSplitBar,\n    },\n    rootClassName,\n    contextClassName,\n    cssVarCls,\n    rootCls,\n    hashId\n  );\n\n  // ======================== Render ========================\n  const maskCls = `${prefixCls}-mask`;\n\n  const stackSizes = React.useMemo(() => {\n    const mergedSizes: number[] = [];\n\n    let stack = 0;\n    for (let i = 0; i < items.length; i += 1) {\n      stack += itemPtgSizes[i];\n      mergedSizes.push(stack);\n    }\n\n    return mergedSizes;\n  }, [itemPtgSizes]);\n\n  const mergedStyle: React.CSSProperties = { ...contextStyle, ...style };\n\n  return wrapCSSVar(\n    <SplitterContext.Provider value={{ layout }}>\n      <ResizeObserver onResize={onContainerResize}>\n        <div style={mergedStyle} className={containerClassName}>\n          {items.map((item, idx) => {\n            // Panel\n            const panel = (\n              <SplitterPanel\n                {...item}\n                prefixCls={prefixCls}\n                size={panelSizes[idx]}\n                ref={elementRefs[idx]}\n              />\n            );\n\n            // Split Bar\n            let splitBar: React.ReactElement | null = null;\n\n            const resizableInfo = resizableInfos[idx];\n            if (resizableInfo) {\n              const ariaMinStart =\n                (stackSizes[idx - 1] || 0) + itemPtgMinSizes[idx];\n              const ariaMinEnd =\n                (stackSizes[idx + 1] || 100) - itemPtgMaxSizes[idx + 1];\n\n              const ariaMaxStart =\n                (stackSizes[idx - 1] || 0) + itemPtgMaxSizes[idx];\n              const ariaMaxEnd =\n                (stackSizes[idx + 1] || 100) - itemPtgMinSizes[idx + 1];\n\n              splitBar = (\n                <SplitBar\n                  lazy={lazy}\n                  index={idx}\n                  active={movingIndex === idx}\n                  prefixCls={prefixCls}\n                  vertical={isVertical}\n                  resizable={resizableInfo.resizable}\n                  ariaNow={stackSizes[idx] * 100}\n                  ariaMin={Math.max(ariaMinStart, ariaMinEnd) * 100}\n                  ariaMax={Math.min(ariaMaxStart, ariaMaxEnd) * 100}\n                  startCollapsible={resizableInfo.startCollapsible}\n                  endCollapsible={resizableInfo.endCollapsible}\n                  onOffsetStart={onInternalResizeStart}\n                  onOffsetUpdate={(index, offsetX, offsetY, lazyEnd) => {\n                    let offset = isVertical ? offsetY : offsetX;\n                    if (reverse) {\n                      offset = -offset;\n                    }\n                    onInternalResizeUpdate(index, offset, lazyEnd);\n                  }}\n                  onOffsetEnd={onInternalResizeEnd}\n                  onCollapse={onInternalCollapse}\n                  containerSize={containerSize || 0}\n                />\n              );\n            }\n\n            return (\n              <React.Fragment key={`split-panel-${idx}`}>\n                {panel}\n                {splitBar}\n              </React.Fragment>\n            );\n          })}\n\n          {/* Fake mask for cursor */}\n          {typeof movingIndex === \"number\" && (\n            <div\n              aria-hidden\n              className={clsx(maskCls, `${maskCls}-${layout}`)}\n            />\n          )}\n        </div>\n      </ResizeObserver>\n    </SplitterContext.Provider>\n  );\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n  MainSplitter.displayName = \"Splitter\";\n}\n"],"names":["MainSplitter","props","customizePrefixCls","className","style","layout","children","rootClassName","onResizeStart","onResize","onResizeEnd","lazy","showSplitBar","getPrefixCls","direction","contextClassName","contextStyle","useComponentConfig","prefixCls","rootCls","useCSSVarCls","wrapCSSVar","hashId","cssVarCls","useStyle","isVertical","isRTL","reverse","items","useItems","elementRefs","React","warning","devUseWarning","existSize","existUndefinedSize","item","containerSize","setContainerSize","useState","onContainerResize","size","offsetWidth","offsetHeight","panelSizes","itemPxSizes","itemPtgSizes","itemPtgMinSizes","itemPtgMaxSizes","updateSizes","useSizes","resizableInfos","useResizable","onOffsetStart","onOffsetUpdate","onOffsetEnd","onCollapse","movingIndex","useResize","onInternalResizeStart","useEvent","index","onInternalResizeUpdate","offset","lazyEnd","nextSizes","onInternalResizeEnd","onInternalCollapse","type","containerClassName","clsx","maskCls","stackSizes","mergedSizes","stack","i","mergedStyle","SplitterContext","jsx","ResizeObserver","jsxs","idx","panel","SplitterPanel","splitBar","resizableInfo","ariaMinStart","ariaMinEnd","ariaMaxStart","ariaMaxEnd","SplitBar","offsetX","offsetY"],"mappings":";;;;;;;;;;;;;;;;AA2Ba,MAAAA,KAAiE,CAC5EC,MACG;AACG,QAAA;AAAA,IACJ,WAAWC;AAAA,IACX,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,EAAA,IACbX,GAEE;AAAA,IACJ,cAAAY;AAAA,IACA,WAAAC;AAAA,IACA,WAAWC;AAAA,IACX,OAAOC;AAAA,EAAA,IACLC,GAAmB,UAAU,GAC3BC,IAAYL,EAAa,YAAYX,CAAkB,GACvDiB,IAAUC,GAAaF,CAAS,GAChC,CAACG,GAAYC,GAAQC,CAAS,IAAIC,GAASN,GAAWC,CAAO,GAG7DM,IAAapB,MAAW,YACxBqB,IAAQZ,MAAc,OACtBa,IAAU,CAACF,KAAcC,GAGzBE,IAAQC,GAASvB,CAAQ,GAGzBwB,IAAcC,EAAM,QAAQ,MACzBH,EAAM,IAAI,MAAMG,EAAM,WAAwB,GACpD,CAACH,EAAM,MAAM,CAAC;AAGb,MAAA,QAAQ,IAAI,aAAa,cAAc;AACnC,UAAAI,IAAUC,GAAc,UAAU;AAExC,QAAIC,IAAY,IACZC,IAAqB;AAEnB,IAAAP,EAAA,QAAQ,CAACQ,MAAS;AAClB,MAAAA,EAAK,SAAS,SACJF,IAAA,KAESC,IAAA;AAAA,IACvB,CACD,GAEGD,KAAaC,KAAsB,CAAC1B,KACtCuB;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAIF,QAAM,CAACK,GAAeC,CAAgB,IAAIC,GAA6B,GAEjEC,IAAgE,CACpEC,MACG;AACG,UAAA,EAAE,aAAAC,GAAa,cAAAC,EAAA,IAAiBF,GAChCJ,IAAgBZ,IAAakB,IAAeD;AAGlD,IAAIL,MAAkB,KAGtBC,EAAiBD,CAAa;AAAA,EAChC,GAGM;AAAA,IACJO;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EACE,IAAAC,GAAStB,GAAOS,GAAehC,GAAQyB,CAAW,GAGhDqB,IAAiBC,GAAaxB,GAAOiB,GAAanB,CAAK,GAEvD,CAAC2B,GAAeC,GAAgBC,GAAaC,GAAYC,CAAW,IACxEC;AAAA,IACE9B;AAAA,IACAuB;AAAA,IACAL;AAAA,IACAT;AAAA,IACAY;AAAA,IACAvB;AAAA,EACF,GAGIiC,KAAwBC,EAAS,CAACC,MAAkB;AACxD,IAAAR,EAAcQ,CAAK,GACnBrD,KAAA,QAAAA,EAAgBqC;AAAA,EAAW,CAC5B,GAEKiB,KAAyBF;AAAA,IAC7B,CAACC,GAAeE,GAAgBC,MAAsB;AAC9C,YAAAC,IAAYX,EAAeO,GAAOE,CAAM;AAE9C,MAAIC,IACFtD,KAAA,QAAAA,EAAcuD,KAEdxD,KAAA,QAAAA,EAAWwD;AAAA,IACb;AAAA,EAEJ,GAEMC,KAAsBN,EAAS,CAACI,MAAsB;AAC9C,IAAAT,EAAA,GAEPS,KACHtD,KAAA,QAAAA,EAAcmC;AAAA,EAChB,CACD,GAEKsB,KAAqBP;AAAA,IACzB,CAACC,GAAeO,MAA0B;AAClC,YAAAH,IAAYT,EAAWK,GAAOO,CAAI;AACxC,MAAA3D,KAAA,QAAAA,EAAWwD,IACXvD,KAAA,QAAAA,EAAcuD;AAAA,IAAS;AAAA,EAE3B,GAGMI,KAAqBC;AAAA,IACzBpD;AAAA,IACAf;AAAA,IACA,GAAGe,CAAS,IAAIb,CAAM;AAAA,IACtB;AAAA,MACE,CAAC,GAAGa,CAAS,MAAM,GAAGQ;AAAA,MACtB,CAAC,GAAGR,CAAS,YAAY,GAAG,CAACN;AAAA,IAC/B;AAAA,IACAL;AAAA,IACAQ;AAAA,IACAQ;AAAA,IACAJ;AAAA,IACAG;AAAA,EACF,GAGMiD,IAAU,GAAGrD,CAAS,SAEtBsD,IAAazC,EAAM,QAAQ,MAAM;AACrC,UAAM0C,IAAwB,CAAC;AAE/B,QAAIC,IAAQ;AACZ,aAASC,IAAI,GAAGA,IAAI/C,EAAM,QAAQ+C,KAAK;AACrC,MAAAD,KAAS5B,EAAa6B,CAAC,GACvBF,EAAY,KAAKC,CAAK;AAGjB,WAAAD;AAAA,EAAA,GACN,CAAC3B,CAAY,CAAC,GAEX8B,KAAmC,EAAE,GAAG5D,GAAc,GAAGZ,EAAM;AAE9D,SAAAiB;AAAA,sBACJwD,GAAgB,UAAhB,EAAyB,OAAO,EAAE,QAAAxE,KACjC,UAAC,gBAAAyE,EAAAC,IAAA,EAAe,UAAUvC,GACxB,UAAA,gBAAAwC,EAAC,SAAI,OAAOJ,IAAa,WAAWP,IACjC,UAAA;AAAA,MAAMzC,EAAA,IAAI,CAACQ,GAAM6C,MAAQ;AAExB,cAAMC,IACJ,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACE,GAAG/C;AAAA,YACJ,WAAAlB;AAAA,YACA,MAAM0B,EAAWqC,CAAG;AAAA,YACpB,KAAKnD,EAAYmD,CAAG;AAAA,UAAA;AAAA,QACtB;AAIF,YAAIG,IAAsC;AAEpC,cAAAC,IAAgBlC,EAAe8B,CAAG;AACxC,YAAII,GAAe;AACjB,gBAAMC,MACHd,EAAWS,IAAM,CAAC,KAAK,KAAKlC,EAAgBkC,CAAG,GAC5CM,MACHf,EAAWS,IAAM,CAAC,KAAK,OAAOjC,EAAgBiC,IAAM,CAAC,GAElDO,MACHhB,EAAWS,IAAM,CAAC,KAAK,KAAKjC,EAAgBiC,CAAG,GAC5CQ,MACHjB,EAAWS,IAAM,CAAC,KAAK,OAAOlC,EAAgBkC,IAAM,CAAC;AAGtD,UAAAG,IAAA,gBAAAN;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,MAAA/E;AAAA,cACA,OAAOsE;AAAA,cACP,QAAQxB,MAAgBwB;AAAA,cACxB,WAAA/D;AAAA,cACA,UAAUO;AAAA,cACV,WAAW4D,EAAc;AAAA,cACzB,SAASb,EAAWS,CAAG,IAAI;AAAA,cAC3B,SAAS,KAAK,IAAIK,IAAcC,EAAU,IAAI;AAAA,cAC9C,SAAS,KAAK,IAAIC,IAAcC,EAAU,IAAI;AAAA,cAC9C,kBAAkBJ,EAAc;AAAA,cAChC,gBAAgBA,EAAc;AAAA,cAC9B,eAAe1B;AAAA,cACf,gBAAgB,CAACE,IAAO8B,IAASC,IAAS5B,OAAY;AAChD,oBAAAD,IAAStC,IAAamE,KAAUD;AACpC,gBAAIhE,MACFoC,IAAS,CAACA,IAEWD,GAAAD,IAAOE,GAAQC,EAAO;AAAA,cAC/C;AAAA,cACA,aAAaE;AAAA,cACb,YAAYC;AAAA,cACZ,eAAe9B,KAAiB;AAAA,YAAA;AAAA,UAClC;AAAA,QAAA;AAKF,eAAA,gBAAA2C,EAACjD,EAAM,UAAN,EACE,UAAA;AAAA,UAAAmD;AAAA,UACAE;AAAA,QAFkB,EAAA,GAAA,eAAeH,CAAG,EAGvC;AAAA,MAAA,CAEH;AAAA,MAGA,OAAOxB,KAAgB,YACtB,gBAAAqB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAWR,EAAKC,GAAS,GAAGA,CAAO,IAAIlE,CAAM,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD,EAEJ,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EACF;AACF;AAEI,QAAQ,IAAI,aAAa,iBAC3BL,GAAa,cAAc;"}

package/dist/components/splitter/style.css

@@ -1 +1 @@
-@layer components{.ds-splitter>.ds-splitter-bar .ds-splitter-bar-collapse-bar.ds-splitter-bar-collapse-bar-start{opacity:1}}
+@layer components{.ds-splitter>.ds-splitter-bar .ds-splitter-bar-collapse-bar.ds-splitter-bar-collapse-bar-start{opacity:1}.ds-splitter-hide-bars .ds-splitter-bar{opacity:0;pointer-events:none;transition:opacity .2s ease}.ds-splitter-hide-bars .ds-splitter-bar:hover{opacity:1;pointer-events:auto}.ds-splitter-panel-max-content,.ds-splitter-panel-min-content,.ds-splitter-panel-fit-content{flex-shrink:0}}