tiny-ui 1.0.3 → 1.0.4

package/es/split/split-pane.js

@@ -1,26 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { SplitContext } from './split-context';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { SplitContext } from "./split-context.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region components/split/split-pane.tsx
 const SplitPane = React.forwardRef((props, ref) => {
-    const { size, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('split-pane', configContext.prefixCls, customisedCls);
-    const cls = classNames(prefixCls, className);
-    const { mode } = useContext(SplitContext);
-    const paneStyle = {
-        ...style,
-    };
-    if (mode === 'vertical') {
-        paneStyle.width = size;
-    }
-    else {
-        paneStyle.height = size;
-    }
-    return (_jsx("div", { ref: ref, ...otherProps, className: cls, style: paneStyle, children: children }));
+	const { size, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const cls = classNames(getPrefixCls("split-pane", useContext(ConfigContext).prefixCls, customisedCls), className);
+	const { mode } = useContext(SplitContext);
+	const paneStyle = { ...style };
+	if (mode === "vertical") paneStyle.width = size;
+	else paneStyle.height = size;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		...otherProps,
+		className: cls,
+		style: paneStyle,
+		children
+	});
 });
-SplitPane.displayName = 'SplitPane';
-export default SplitPane;
+SplitPane.displayName = "SplitPane";
+//#endregion
+export { SplitPane as default };
+
 //# sourceMappingURL=split-pane.js.map

package/es/split/split-pane.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-pane.js","sourceRoot":"","sources":["../../components/split/split-pane.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,KAAqB,EAAE,GAAG,EAAe,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC5F,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACrF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAwB;QACrC,GAAG,KAAK;KACT,CAAC;IACF,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;IACzB,CAAC;SAAM,CAAC;QACN,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,KAAM,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,YAC5D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}
+{"version":3,"file":"split-pane.js","names":[],"sources":["../../components/split/split-pane.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { BaseProps } from '../_utils/props';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SplitContext } from './split-context';\n\nexport interface SplitPaneProps\n  extends BaseProps,\n    React.PropsWithRef<JSX.IntrinsicElements['div']> {\n  size?: number;\n}\n\nconst SplitPane = React.forwardRef<HTMLDivElement, SplitPaneProps>(\n  (props: SplitPaneProps, ref): JSX.Element => {\n    const { size, className, style, children, prefixCls: customisedCls, ...otherProps } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('split-pane', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n    const { mode } = useContext(SplitContext);\n\n    const paneStyle: React.CSSProperties = {\n      ...style,\n    };\n    if (mode === 'vertical') {\n      paneStyle.width = size;\n    } else {\n      paneStyle.height = size;\n    }\n\n    return (\n      <div ref={ref} {...otherProps} className={cls} style={paneStyle}>\n        {children}\n      </div>\n    );\n  }\n);\n\nSplitPane.displayName = 'SplitPane';\n\nexport default SplitPane;\n"],"mappings":";;;;;;;AAaA,MAAM,YAAY,MAAM,YACrB,OAAuB,QAAqB;CAC3C,MAAM,EAAE,MAAM,WAAW,OAAO,UAAU,WAAW,eAAe,GAAG,eAAe;CAGtF,MAAM,MAAM,WADM,aAAa,cADT,WAAW,cAAc,CACY,WAAW,cAAc,EAClD,UAAU;CAC5C,MAAM,EAAE,SAAS,WAAW,aAAa;CAEzC,MAAM,YAAiC,EACrC,GAAG,OACJ;AACD,KAAI,SAAS,WACX,WAAU,QAAQ;KAElB,WAAU,SAAS;AAGrB,QACE,oBAAC,OAAD;EAAU;EAAK,GAAI;EAAY,WAAW;EAAK,OAAO;EACnD;EACG,CAAA;EAGX;AAED,UAAU,cAAc"}

package/es/split/split.d.ts

@@ -1,6 +1,10 @@
-import { SplitProps } from './types';
+import { SplitProps } from "./types.js";
+
+//#region components/split/split.d.ts
 declare const Split: {
-    (props: SplitProps): JSX.Element;
-    displayName: string;
+  (props: SplitProps): JSX.Element;
+  displayName: string;
 };
-export default Split;
+//#endregion
+export { Split };
+//# sourceMappingURL=split.d.ts.map

package/es/split/split.js

@@ -1,121 +1,141 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import classNames from 'classnames';
-import Resizer from './resizer';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import Pane from './split-pane';
-import warning from '../_utils/warning';
-import { SplitContext } from './split-context';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import warning from "../_utils/warning.js";
+import Resizer from "./resizer.js";
+import { SplitContext } from "./split-context.js";
+import SplitPane from "./split-pane.js";
+import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/split/split.tsx
 const Split = (props) => {
-    const { mode = 'vertical', disabled = false, min = 50, max = 50, resizerSize = 6, defaultSize, step, onChange, onDragStarted, onDragFinished, prefixCls: customisedCls, style: defaultStyle, resizerProps, className, children, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('split', configContext.prefixCls, customisedCls);
-    const cls = classNames(prefixCls, className, {
-        [`${prefixCls}_${mode}`]: mode,
-        [`${prefixCls}_disabled`]: disabled,
-    });
-    const [pane1Size, setPane1Size] = useState(undefined);
-    const wrapperRef = useRef(null);
-    const paneRef = useRef(null);
-    const isActiveMove = useRef(false);
-    const lastPosition = useRef(0);
-    const wrapper = wrapperRef.current;
-    const getSizeNumber = useCallback((size) => {
-        if (typeof size === 'string') {
-            if (wrapper) {
-                const { width, height } = wrapper.getBoundingClientRect();
-                return ((mode === 'vertical' ? width : height) * parseFloat(size)) / 100;
-            }
-        }
-        else {
-            return size;
-        }
-        return 0;
-    }, [mode, wrapper]);
-    const minSize = getSizeNumber(min);
-    let maxSize = getSizeNumber(max);
-    if (wrapper) {
-        const { width, height } = wrapper.getBoundingClientRect();
-        maxSize = (mode === 'vertical' ? width : height) - maxSize - resizerSize;
-    }
-    const onResizerMouseDown = (e) => {
-        isActiveMove.current = true;
-        lastPosition.current = e[mode === 'vertical' ? 'clientX' : 'clientY'];
-        onDragStarted && onDragStarted();
-    };
-    const onMouseMove = useCallback((e) => {
-        if (!disabled && isActiveMove.current) {
-            const pane = paneRef.current;
-            if (pane) {
-                if (pane.getBoundingClientRect) {
-                    const width = pane.getBoundingClientRect().width;
-                    const height = pane.getBoundingClientRect().height;
-                    const current = e[mode === 'vertical' ? 'clientX' : 'clientY'];
-                    const size = mode === 'vertical' ? width : height;
-                    let offset = lastPosition.current - current;
-                    if (step) {
-                        if (Math.abs(offset) < step) {
-                            return;
-                        }
-                        offset = Math.round((offset / step) * step);
-                    }
-                    let newSize = size - offset;
-                    const newPosition = lastPosition.current - offset;
-                    if (newSize < minSize) {
-                        newSize = minSize;
-                    }
-                    else if (newSize > maxSize) {
-                        newSize = maxSize;
-                    }
-                    else {
-                        lastPosition.current = newPosition;
-                    }
-                    !('size' in props) && setPane1Size(newSize);
-                    onChange && onChange(newSize);
-                }
-            }
-        }
-    }, [props, disabled, maxSize, minSize, mode, onChange, step]);
-    const onMouseUp = useCallback(() => {
-        isActiveMove.current = false;
-        onDragFinished && onDragFinished();
-    }, [onDragFinished]);
-    let style;
-    if (mode === 'vertical') {
-        style = {
-            ...defaultStyle,
-        };
-    }
-    else {
-        style = {
-            ...defaultStyle,
-            minHeight: '100%',
-            width: '100%',
-        };
-    }
-    useEffect(() => {
-        window.addEventListener('mousemove', onMouseMove);
-        window.addEventListener('mouseup', onMouseUp);
-        return () => {
-            window.removeEventListener('mousemove', onMouseMove);
-            window.removeEventListener('mouseup', onMouseUp);
-        };
-    }, [onMouseMove, onMouseUp]);
-    useEffect(() => {
-        const initialSize = getSizeNumber(props.size || defaultSize || minSize);
-        setPane1Size(initialSize);
-    }, [getSizeNumber, props.size, defaultSize, minSize]);
-    useEffect(() => {
-        if ('size' in props) {
-            const size = getSizeNumber(props.size);
-            setPane1Size(size);
-        }
-    }, [props, getSizeNumber]);
-    warning(React.Children.count(children) > 2, 'There are more than 2 children inside Split.');
-    const childrenList = React.Children.toArray(children).filter((child) => child);
-    return (_jsx(SplitContext.Provider, { value: { mode }, children: _jsxs("div", { ref: wrapperRef, ...otherProps, className: cls, style: style, children: [_jsx(Pane, { ref: paneRef, size: pane1Size, style: { flex: '0 0 auto' }, children: childrenList[0] }), _jsx(Resizer, { ...resizerProps, size: resizerSize, mode: mode, onResizerMouseDown: onResizerMouseDown }), _jsx(Pane, { style: { flex: '1 1 0%' }, children: childrenList[1] })] }) }));
+	const { mode = "vertical", disabled = false, min = 50, max = 50, resizerSize = 6, defaultSize, step, onChange, onDragStarted, onDragFinished, prefixCls: customisedCls, style: defaultStyle, resizerProps, className, children, ...otherProps } = props;
+	const prefixCls = getPrefixCls("split", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, {
+		[`${prefixCls}_${mode}`]: mode,
+		[`${prefixCls}_disabled`]: disabled
+	});
+	const [pane1Size, setPane1Size] = useState(void 0);
+	const wrapperRef = useRef(null);
+	const paneRef = useRef(null);
+	const isActiveMove = useRef(false);
+	const lastPosition = useRef(0);
+	const wrapper = wrapperRef.current;
+	const getSizeNumber = useCallback((size) => {
+		if (typeof size === "string") {
+			if (wrapper) {
+				const { width, height } = wrapper.getBoundingClientRect();
+				return (mode === "vertical" ? width : height) * parseFloat(size) / 100;
+			}
+		} else return size;
+		return 0;
+	}, [mode, wrapper]);
+	const minSize = getSizeNumber(min);
+	let maxSize = getSizeNumber(max);
+	if (wrapper) {
+		const { width, height } = wrapper.getBoundingClientRect();
+		maxSize = (mode === "vertical" ? width : height) - maxSize - resizerSize;
+	}
+	const onResizerMouseDown = (e) => {
+		isActiveMove.current = true;
+		lastPosition.current = e[mode === "vertical" ? "clientX" : "clientY"];
+		onDragStarted && onDragStarted();
+	};
+	const onMouseMove = useCallback((e) => {
+		if (!disabled && isActiveMove.current) {
+			const pane = paneRef.current;
+			if (pane) {
+				if (pane.getBoundingClientRect) {
+					const width = pane.getBoundingClientRect().width;
+					const height = pane.getBoundingClientRect().height;
+					const current = e[mode === "vertical" ? "clientX" : "clientY"];
+					const size = mode === "vertical" ? width : height;
+					let offset = lastPosition.current - current;
+					if (step) {
+						if (Math.abs(offset) < step) return;
+						offset = Math.round(offset / step * step);
+					}
+					let newSize = size - offset;
+					const newPosition = lastPosition.current - offset;
+					if (newSize < minSize) newSize = minSize;
+					else if (newSize > maxSize) newSize = maxSize;
+					else lastPosition.current = newPosition;
+					!("size" in props) && setPane1Size(newSize);
+					onChange && onChange(newSize);
+				}
+			}
+		}
+	}, [
+		props,
+		disabled,
+		maxSize,
+		minSize,
+		mode,
+		onChange,
+		step
+	]);
+	const onMouseUp = useCallback(() => {
+		isActiveMove.current = false;
+		onDragFinished && onDragFinished();
+	}, [onDragFinished]);
+	let style;
+	if (mode === "vertical") style = { ...defaultStyle };
+	else style = {
+		...defaultStyle,
+		minHeight: "100%",
+		width: "100%"
+	};
+	useEffect(() => {
+		window.addEventListener("mousemove", onMouseMove);
+		window.addEventListener("mouseup", onMouseUp);
+		return () => {
+			window.removeEventListener("mousemove", onMouseMove);
+			window.removeEventListener("mouseup", onMouseUp);
+		};
+	}, [onMouseMove, onMouseUp]);
+	useEffect(() => {
+		setPane1Size(getSizeNumber(props.size || defaultSize || minSize));
+	}, [
+		getSizeNumber,
+		props.size,
+		defaultSize,
+		minSize
+	]);
+	useEffect(() => {
+		if ("size" in props) setPane1Size(getSizeNumber(props.size));
+	}, [props, getSizeNumber]);
+	warning(React.Children.count(children) > 2, "There are more than 2 children inside Split.");
+	const childrenList = React.Children.toArray(children).filter((child) => child);
+	return /* @__PURE__ */ jsx(SplitContext.Provider, {
+		value: { mode },
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: wrapperRef,
+			...otherProps,
+			className: cls,
+			style,
+			children: [
+				/* @__PURE__ */ jsx(SplitPane, {
+					ref: paneRef,
+					size: pane1Size,
+					style: { flex: "0 0 auto" },
+					children: childrenList[0]
+				}),
+				/* @__PURE__ */ jsx(Resizer, {
+					...resizerProps,
+					size: resizerSize,
+					mode,
+					onResizerMouseDown
+				}),
+				/* @__PURE__ */ jsx(SplitPane, {
+					style: { flex: "1 1 0%" },
+					children: childrenList[1]
+				})
+			]
+		})
+	});
 };
-Split.displayName = 'Split';
-export default Split;
+Split.displayName = "Split";
+//#endregion
+export { Split as default };
+
 //# sourceMappingURL=split.js.map

package/es/split/split.js.map

@@ -1 +1 @@
-{"version":3,"file":"split.js","sourceRoot":"","sources":["../../components/split/split.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"split.js","names":["Pane"],"sources":["../../components/split/split.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Resizer from './resizer';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport Pane from './split-pane';\nimport warning from '../_utils/warning';\nimport { SplitContext } from './split-context';\nimport { SplitProps } from './types';\n\nconst Split = (props: SplitProps): JSX.Element => {\n  const {\n    mode = 'vertical',\n    disabled = false,\n    min = 50,\n    max = 50,\n    resizerSize = 6,\n    defaultSize,\n    step,\n    onChange,\n    onDragStarted,\n    onDragFinished,\n    prefixCls: customisedCls,\n    style: defaultStyle,\n    resizerProps,\n    className,\n    children,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('split', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${mode}`]: mode,\n    [`${prefixCls}_disabled`]: disabled,\n  });\n  const [pane1Size, setPane1Size] = useState<number | undefined>(undefined);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const paneRef = useRef<HTMLDivElement | null>(null);\n  const isActiveMove = useRef(false);\n  const lastPosition = useRef(0);\n  const wrapper = wrapperRef.current;\n\n  const getSizeNumber = useCallback(\n    (size: number | string): number => {\n      if (typeof size === 'string') {\n        if (wrapper) {\n          const { width, height } = wrapper.getBoundingClientRect();\n          return ((mode === 'vertical' ? width : height) * parseFloat(size)) / 100;\n        }\n      } else {\n        return size;\n      }\n      return 0;\n    },\n    [mode, wrapper]\n  );\n  const minSize = getSizeNumber(min);\n  let maxSize = getSizeNumber(max);\n  if (wrapper) {\n    const { width, height } = wrapper.getBoundingClientRect();\n    maxSize = (mode === 'vertical' ? width : height) - maxSize - resizerSize;\n  }\n\n  const onResizerMouseDown = (e: React.MouseEvent<HTMLElement>): void => {\n    isActiveMove.current = true;\n    lastPosition.current = e[mode === 'vertical' ? 'clientX' : 'clientY'];\n    onDragStarted && onDragStarted();\n  };\n\n  const onMouseMove = useCallback(\n    (e: MouseEvent): void => {\n      if (!disabled && isActiveMove.current) {\n        const pane = paneRef.current;\n        if (pane) {\n          if (pane.getBoundingClientRect) {\n            const width = pane.getBoundingClientRect().width;\n            const height = pane.getBoundingClientRect().height;\n            const current = e[mode === 'vertical' ? 'clientX' : 'clientY'];\n            const size = mode === 'vertical' ? width : height;\n            let offset = lastPosition.current - current;\n            if (step) {\n              if (Math.abs(offset) < step) {\n                return;\n              }\n              offset = Math.round((offset / step) * step);\n            }\n\n            let newSize = size - offset;\n            const newPosition = lastPosition.current - offset;\n\n            if (newSize < minSize) {\n              newSize = minSize;\n            } else if (newSize > maxSize) {\n              newSize = maxSize;\n            } else {\n              lastPosition.current = newPosition;\n            }\n\n            !('size' in props) && setPane1Size(newSize);\n            onChange && onChange(newSize);\n          }\n        }\n      }\n    },\n    [props, disabled, maxSize, minSize, mode, onChange, step]\n  );\n\n  const onMouseUp = useCallback((): void => {\n    isActiveMove.current = false;\n    onDragFinished && onDragFinished();\n  }, [onDragFinished]);\n\n  let style: React.CSSProperties;\n  if (mode === 'vertical') {\n    style = {\n      ...defaultStyle,\n    };\n  } else {\n    style = {\n      ...defaultStyle,\n      minHeight: '100%',\n      width: '100%',\n    };\n  }\n\n  useEffect(() => {\n    window.addEventListener('mousemove', onMouseMove);\n    window.addEventListener('mouseup', onMouseUp);\n\n    return (): void => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [onMouseMove, onMouseUp]);\n\n  useEffect(() => {\n    const initialSize = getSizeNumber(props.size || defaultSize || minSize);\n    setPane1Size(initialSize);\n  }, [getSizeNumber, props.size, defaultSize, minSize]);\n\n  useEffect(() => {\n    if ('size' in props) {\n      const size = getSizeNumber(props.size as number | string);\n      setPane1Size(size);\n    }\n  }, [props, getSizeNumber]);\n\n  warning(React.Children.count(children) > 2, 'There are more than 2 children inside Split.');\n  const childrenList = React.Children.toArray(children).filter((child) => child);\n\n  return (\n    <SplitContext.Provider value={{ mode }}>\n      <div ref={wrapperRef} {...otherProps} className={cls} style={style}>\n        <Pane ref={paneRef} size={pane1Size} style={{ flex: '0 0 auto' }}>\n          {childrenList[0]}\n        </Pane>\n        <Resizer\n          {...resizerProps}\n          size={resizerSize}\n          mode={mode}\n          onResizerMouseDown={onResizerMouseDown}\n        />\n        <Pane style={{ flex: '1 1 0%' }}>{childrenList[1]}</Pane>\n      </div>\n    </SplitContext.Provider>\n  );\n};\n\nSplit.displayName = 'Split';\n\nexport default Split;\n"],"mappings":"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"}

package/es/split/style/index.css

@@ -0,0 +1,82 @@
+.ty-split {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  outline: none;
+  overflow: hidden;
+  -webkit-user-select: text;
+     -moz-user-select: text;
+          user-select: text;
+}
+.ty-split_horizontal {
+  flex-direction: column;
+}
+.ty-split_vertical {
+  flex-direction: row;
+}
+
+.ty-split-pane {
+  box-sizing: border-box;
+  position: relative;
+  outline: none;
+}
+
+.ty-split-bar {
+  position: relative;
+  box-sizing: border-box;
+  background-color: var(--ty-split-bar-bg);
+  border: 1px solid var(--ty-split-bar-border);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ty-split-bar:before, .ty-split-bar:after {
+  content: "";
+  box-sizing: border-box;
+  display: block;
+  border: 1px solid var(--ty-split-bar-line);
+}
+.ty-split-bar_vertical {
+  height: 100%;
+  cursor: col-resize;
+  flex-direction: column;
+  border-top: none;
+  border-bottom: none;
+}
+.ty-split-bar_vertical:active {
+  cursor: ew-resize;
+}
+.ty-split-bar_vertical:before, .ty-split-bar_vertical:after {
+  height: 4px;
+  width: 100%;
+  border-left: 0;
+  border-right: 0;
+}
+.ty-split-bar_vertical:before {
+  margin-bottom: 1px;
+}
+.ty-split-bar_vertical:after {
+  margin-top: 1px;
+}
+.ty-split-bar_horizontal {
+  width: 100%;
+  cursor: row-resize;
+  border-left: none;
+  border-right: none;
+}
+.ty-split-bar_horizontal:active {
+  cursor: ns-resize;
+}
+.ty-split-bar_horizontal:before, .ty-split-bar_horizontal:after {
+  height: 100%;
+  width: 4px;
+  border-top: 0;
+  border-bottom: 0;
+}
+.ty-split-bar_horizontal:before {
+  margin-right: 1px;
+}
+.ty-split-bar_horizontal:after {
+  margin-left: 1px;
+}

package/es/split/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/es/split/style/index.js

@@ -1,2 +1 @@
-import './index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";

package/es/split/types.d.ts

@@ -1,25 +1,30 @@
-import React from 'react';
-import { BaseProps, DirectionType } from '../_utils/props';
-import { ResizerProps } from './resizer';
-export interface SplitProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
-    /** Split mode */
-    mode?: DirectionType;
-    /** Disabled flag */
-    disabled?: boolean;
-    /** Minimum width / height of the target pane */
-    min?: number | string;
-    /** Maximum width / height of the target pane */
-    max?: number | string;
-    /** Control the size of target pane */
-    size?: number | string;
-    /** Default size of target pane */
-    defaultSize?: number | string;
-    /** Resizer's other props */
-    resizerProps?: ResizerProps;
-    /** Drag step */
-    step?: number;
-    resizerSize?: number;
-    onChange?: (size: number) => void;
-    onDragStarted?: () => void;
-    onDragFinished?: () => void;
+import { BaseProps, DirectionType } from "../_utils/props.js";
+import { ResizerProps } from "./resizer.js";
+import React from "react";
+
+//#region components/split/types.d.ts
+interface SplitProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
+  /** Split mode */
+  mode?: DirectionType;
+  /** Disabled flag */
+  disabled?: boolean;
+  /** Minimum width / height of the target pane */
+  min?: number | string;
+  /** Maximum width / height of the target pane */
+  max?: number | string;
+  /** Control the size of target pane */
+  size?: number | string;
+  /** Default size of target pane */
+  defaultSize?: number | string;
+  /** Resizer's other props */
+  resizerProps?: ResizerProps;
+  /** Drag step */
+  step?: number;
+  resizerSize?: number;
+  onChange?: (size: number) => void;
+  onDragStarted?: () => void;
+  onDragFinished?: () => void;
 }
+//#endregion
+export { SplitProps };
+//# sourceMappingURL=types.d.ts.map

package/es/split-button/index.d.ts

@@ -1,2 +1 @@
-import SplitButton from './split-button';
-export default SplitButton;
+import { SplitButton } from "./split-button.js";

package/es/split-button/index.js

@@ -1,3 +1,11 @@
-import SplitButton from './split-button';
-export default SplitButton;
+import '../style/base.css';
+import './style/index.css';
+import '../button/style/index.css';
+import '../dropdown/style/index.css';
+import SplitButton from "./split-button.js";
+//#region components/split-button/index.tsx
+var split_button_default = SplitButton;
+//#endregion
+export { split_button_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/split-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/split-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/split-button/index.tsx"],"sourcesContent":["import SplitButton from './split-button';\n\nexport default SplitButton;\n"],"mappings":";;AAEA,IAAA,uBAAe"}

package/es/split-button/split-button.d.ts

@@ -1,7 +1,11 @@
-import React from 'react';
-import { SplitButtonProps } from './types';
+import { SplitButtonProps } from "./types.js";
+import React from "react";
+
+//#region components/split-button/split-button.d.ts
 declare const SplitButton: {
-    (props: SplitButtonProps): React.ReactElement;
-    displayName: string;
+  (props: SplitButtonProps): React.ReactElement;
+  displayName: string;
 };
-export default SplitButton;
+//#endregion
+export { SplitButton };
+//# sourceMappingURL=split-button.d.ts.map