tiny-ui 1.0.3 → 1.0.4

package/lib/scroll-indicator/scroll-indicator.js

@@ -1,41 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const dom_1 = require("../_utils/dom");
-const hooks_1 = require("../_utils/hooks");
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_dom = require("../_utils/dom.js");
+const require_hooks = require("../_utils/hooks.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/scroll-indicator/scroll-indicator.tsx
 const ScrollIndicator = (props) => {
-    const { prefixCls: customisedCls, fixed = true, target, className, style, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('scroll-indicator', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className, {
-        [`${prefixCls}_fixed`]: fixed,
-    });
-    const [width, setWidth] = (0, react_1.useState)('0%');
-    const handleScroll = (0, react_1.useCallback)((e) => {
-        let container = e.target;
-        // If the container is not provided, the target will be the root element. So set it as Window
-        // if the container is not determined.
-        if (container !== (target && target())) {
-            container = window;
-        }
-        if (container) {
-            const el = container;
-            const scrollTop = (0, dom_1.getScroll)(el, true);
-            const height = (0, dom_1.getNodeScrollHeight)(el) - (0, dom_1.getNodeHeight)(el);
-            const scrolled = (scrollTop / height) * 100;
-            setWidth(`${scrolled}%`);
-        }
-    }, [target]);
-    const element = target ? (target() ? target() : window) : window;
-    (0, hooks_1.useEventListener)('scroll', handleScroll, element);
-    const numericWidth = parseFloat(width) || 0;
-    return (0, jsx_runtime_1.jsx)("div", { ...otherProps, className: cls, style: { ...style, width }, role: "progressbar", "aria-valuenow": Math.round(numericWidth), "aria-valuemin": 0, "aria-valuemax": 100 });
+	const { prefixCls: customisedCls, fixed = true, target, className, style, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("scroll-indicator", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, { [`${prefixCls}_fixed`]: fixed });
+	const [width, setWidth] = (0, react.useState)("0%");
+	require_hooks.useEventListener("scroll", (0, react.useCallback)((e) => {
+		let container = e.target;
+		if (container !== (target && target())) container = window;
+		if (container) {
+			const el = container;
+			setWidth(`${require_dom.getScroll(el, true) / (require_dom.getNodeScrollHeight(el) - require_dom.getNodeHeight(el)) * 100}%`);
+		}
+	}, [target]), target ? target() ? target() : window : window);
+	const numericWidth = parseFloat(width) || 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...otherProps,
+		className: cls,
+		style: {
+			...style,
+			width
+		},
+		role: "progressbar",
+		"aria-valuenow": Math.round(numericWidth),
+		"aria-valuemin": 0,
+		"aria-valuemax": 100
+	});
 };
-ScrollIndicator.displayName = 'ScrollIndicator';
+ScrollIndicator.displayName = "ScrollIndicator";
+//#endregion
 exports.default = ScrollIndicator;
+
 //# sourceMappingURL=scroll-indicator.js.map

package/lib/scroll-indicator/scroll-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-indicator.js","sourceRoot":"","sources":["../../components/scroll-indicator/scroll-indicator.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiE;AACjE,oEAAoC;AACpC,uCAAsF;AACtF,2CAAmD;AACnD,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAsB,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,GAAG,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAClG,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,kBAAkB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC3F,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,KAAK;KAC9B,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEzC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAQ,EAAE,EAAE;QACX,IAAI,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;QACzB,6FAA6F;QAC7F,sCAAsC;QACtC,IAAI,SAAS,KAAK,CAAC,MAAM,IAAI,MAAM,EAAE,CAAC,EAAE,CAAC;YACvC,SAAS,GAAG,MAAM,CAAC;QACrB,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,EAAE,GAAG,SAAmB,CAAC;YAC/B,MAAM,SAAS,GAAG,IAAA,eAAS,EAAC,EAAE,EAAE,IAAI,CAAC,CAAC;YACtC,MAAM,MAAM,GAAG,IAAA,yBAAmB,EAAC,EAAE,CAAC,GAAG,IAAA,mBAAa,EAAC,EAAE,CAAC,CAAC;YAC3D,MAAM,QAAQ,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC;YAC5C,QAAQ,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACjE,IAAA,wBAAgB,EAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC5C,OAAO,mCAAS,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,IAAI,EAAC,aAAa,mBAAgB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,mBAAiB,CAAC,mBAAiB,GAAG,GAAI,CAAC;AAC/K,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,kBAAe,eAAe,CAAC"}
+{"version":3,"file":"scroll-indicator.js","names":["getPrefixCls","ConfigContext","getScroll","getNodeScrollHeight","getNodeHeight"],"sources":["../../components/scroll-indicator/scroll-indicator.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { Target, getScroll, getNodeScrollHeight, getNodeHeight } from '../_utils/dom';\nimport { useEventListener } from '../_utils/hooks';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { ScrollIndicatorProps } from './types';\n\nconst ScrollIndicator = (props: ScrollIndicatorProps): React.ReactElement => {\n  const { prefixCls: customisedCls, fixed = true, target, className, style, ...otherProps } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('scroll-indicator', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_fixed`]: fixed,\n  });\n  const [width, setWidth] = useState('0%');\n\n  const handleScroll = useCallback(\n    (e: Event) => {\n      let container = e.target;\n      // If the container is not provided, the target will be the root element. So set it as Window\n      // if the container is not determined.\n      if (container !== (target && target())) {\n        container = window;\n      }\n      if (container) {\n        const el = container as Target;\n        const scrollTop = getScroll(el, true);\n        const height = getNodeScrollHeight(el) - getNodeHeight(el);\n        const scrolled = (scrollTop / height) * 100;\n        setWidth(`${scrolled}%`);\n      }\n    },\n    [target]\n  );\n\n  const element = target ? (target() ? target() : window) : window;\n  useEventListener('scroll', handleScroll, element);\n\n  const numericWidth = parseFloat(width) || 0;\n  return <div {...otherProps} className={cls} style={{ ...style, width }} role=\"progressbar\" aria-valuenow={Math.round(numericWidth)} aria-valuemin={0} aria-valuemax={100} />;\n};\n\nScrollIndicator.displayName = 'ScrollIndicator';\n\nexport default ScrollIndicator;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,mBAAmB,UAAoD;CAC3E,MAAM,EAAE,WAAW,eAAe,QAAQ,MAAM,QAAQ,WAAW,OAAO,GAAG,eAAe;CAE5F,MAAM,YAAYA,gBAAAA,aAAa,qBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACkB,WAAW,cAAc;CAC1F,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAC1C,GAAG,UAAU,UAAU,OACzB,CAAC;CACF,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,KAAK;AAsBxC,eAAA,iBAAiB,WAAA,GAAA,MAAA,cAnBd,MAAa;EACZ,IAAI,YAAY,EAAE;AAGlB,MAAI,eAAe,UAAU,QAAQ,EACnC,aAAY;AAEd,MAAI,WAAW;GACb,MAAM,KAAK;AAIX,YAAS,GAHSC,YAAAA,UAAU,IAAI,KAAK,IACtBC,YAAAA,oBAAoB,GAAG,GAAGC,YAAAA,cAAc,GAAG,IAClB,IACnB,GAAG;;IAG5B,CAAC,OAAO,CACT,EAEe,SAAU,QAAQ,GAAG,QAAQ,GAAG,SAAU,OACT;CAEjD,MAAM,eAAe,WAAW,MAAM,IAAI;AAC1C,QAAO,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAY,WAAW;EAAK,OAAO;GAAE,GAAG;GAAO;GAAO;EAAE,MAAK;EAAc,iBAAe,KAAK,MAAM,aAAa;EAAE,iBAAe;EAAG,iBAAe;EAAO,CAAA;;AAG9K,gBAAgB,cAAc"}

package/lib/scroll-indicator/style/index.css

@@ -0,0 +1,12 @@
+.ty-scroll-indicator {
+  box-sizing: border-box;
+  height: 3px;
+  transform: translateZ(0);
+  background: var(--ty-color-primary);
+}
+.ty-scroll-indicator_fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999;
+}

package/lib/scroll-indicator/style/index.d.ts

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

package/lib/scroll-indicator/style/index.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");

package/lib/scroll-indicator/types.d.ts

@@ -1,7 +1,12 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-import { Target } from '../_utils/dom';
-export interface ScrollIndicatorProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    fixed?: boolean;
-    target?: () => Target;
+import { BaseProps } from "../_utils/props.js";
+import { Target } from "../_utils/dom.js";
+import React from "react";
+
+//#region components/scroll-indicator/types.d.ts
+interface ScrollIndicatorProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  fixed?: boolean;
+  target?: () => Target;
 }
+//#endregion
+export { ScrollIndicatorProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/segmented/index.js

@@ -1,6 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const segmented_1 = tslib_1.__importDefault(require("./segmented"));
-exports.default = segmented_1.default;
+require('../style/base.css');
+require('./style/index.css');
+//#region components/segmented/index.tsx
+var segmented_default = require("./segmented.js").default;
+//#endregion
+exports.default = segmented_default;
+
 //# sourceMappingURL=index.js.map

package/lib/segmented/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/segmented/index.tsx"],"names":[],"mappings":";;;AAAA,oEAAoC;AAEpC,kBAAe,mBAAS,CAAC"}
+{"version":3,"file":"index.js","names":["Segmented"],"sources":["../../components/segmented/index.tsx"],"sourcesContent":["import Segmented from './segmented';\n\nexport default Segmented;\n"],"mappings":";AAEA,IAAA,8CAAeA"}

package/lib/segmented/segmented.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { SegmentedProps } from './types';
+import { SegmentedProps } from "./types.js";
+import React from "react";
+
+//#region components/segmented/segmented.d.ts
 declare const Segmented: React.ForwardRefExoticComponent<SegmentedProps & React.RefAttributes<HTMLDivElement>>;
-export default Segmented;
+//#endregion
+export { Segmented };
+//# sourceMappingURL=segmented.d.ts.map

package/lib/segmented/segmented.js

@@ -1,55 +1,79 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/segmented/segmented.tsx
 const normalizeOptions = (options) => {
-    return options.map((opt) => {
-        if (typeof opt === 'string' || typeof opt === 'number') {
-            return { label: String(opt), value: opt };
-        }
-        return opt;
-    });
+	return options.map((opt) => {
+		if (typeof opt === "string" || typeof opt === "number") return {
+			label: String(opt),
+			value: opt
+		};
+		return opt;
+	});
 };
-const Segmented = react_1.default.forwardRef((props, ref) => {
-    const { options, defaultValue, block = false, disabled = false, size, prefixCls: customisedCls, className, style, onChange, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('segmented', configContext.prefixCls, customisedCls);
-    const segSize = size || configContext.componentSize || 'md';
-    const normalizedOptions = normalizeOptions(options);
-    const [selected, setSelected] = (0, react_1.useState)('value' in props
-        ? props.value
-        : defaultValue ?? normalizedOptions[0]?.value);
-    (0, react_1.useEffect)(() => {
-        if ('value' in props) {
-            setSelected(props.value);
-        }
-    }, [props.value]);
-    const cls = (0, classnames_1.default)(prefixCls, className, {
-        [`${prefixCls}_${segSize}`]: segSize,
-        [`${prefixCls}_block`]: block,
-        [`${prefixCls}_disabled`]: disabled,
-    });
-    const handleClick = (value, optDisabled) => {
-        if (disabled || optDisabled)
-            return;
-        if (!('value' in props)) {
-            setSelected(value);
-        }
-        onChange?.(value);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { ...otherProps, ref: ref, className: cls, style: style, role: "radiogroup", children: normalizedOptions.map((opt) => {
-            const isActive = opt.value === selected;
-            const itemCls = (0, classnames_1.default)(`${prefixCls}__item`, {
-                [`${prefixCls}__item_active`]: isActive,
-                [`${prefixCls}__item_disabled`]: opt.disabled,
-            });
-            return ((0, jsx_runtime_1.jsxs)("label", { className: itemCls, onClick: () => handleClick(opt.value, opt.disabled), children: [(0, jsx_runtime_1.jsx)("input", { type: "radio", className: `${prefixCls}__input`, checked: isActive, disabled: disabled || opt.disabled, onChange: () => handleClick(opt.value, opt.disabled), value: opt.value }), opt.icon && (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__icon`, children: opt.icon }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__label`, children: opt.label })] }, opt.value));
-        }) }));
+const Segmented = react.default.forwardRef((props, ref) => {
+	const { options, defaultValue, block = false, disabled = false, size, prefixCls: customisedCls, className, style, onChange, ...otherProps } = props;
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const prefixCls = require_general.getPrefixCls("segmented", configContext.prefixCls, customisedCls);
+	const segSize = size || configContext.componentSize || "md";
+	const normalizedOptions = normalizeOptions(options);
+	const [selected, setSelected] = (0, react.useState)("value" in props ? props.value : defaultValue ?? normalizedOptions[0]?.value);
+	(0, react.useEffect)(() => {
+		if ("value" in props) setSelected(props.value);
+	}, [props.value]);
+	const cls = (0, classnames.default)(prefixCls, className, {
+		[`${prefixCls}_${segSize}`]: segSize,
+		[`${prefixCls}_block`]: block,
+		[`${prefixCls}_disabled`]: disabled
+	});
+	const handleClick = (value, optDisabled) => {
+		if (disabled || optDisabled) return;
+		if (!("value" in props)) setSelected(value);
+		onChange?.(value);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		role: "radiogroup",
+		children: normalizedOptions.map((opt) => {
+			const isActive = opt.value === selected;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: (0, classnames.default)(`${prefixCls}__item`, {
+					[`${prefixCls}__item_active`]: isActive,
+					[`${prefixCls}__item_disabled`]: opt.disabled
+				}),
+				onClick: () => handleClick(opt.value, opt.disabled),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "radio",
+						className: `${prefixCls}__input`,
+						checked: isActive,
+						disabled: disabled || opt.disabled,
+						onChange: () => handleClick(opt.value, opt.disabled),
+						value: opt.value
+					}),
+					opt.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: `${prefixCls}__icon`,
+						children: opt.icon
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: `${prefixCls}__label`,
+						children: opt.label
+					})
+				]
+			}, opt.value);
+		})
+	});
 });
-Segmented.displayName = 'Segmented';
+Segmented.displayName = "Segmented";
+//#endregion
 exports.default = Segmented;
+
 //# sourceMappingURL=segmented.js.map

package/lib/segmented/segmented.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented.js","sourceRoot":"","sources":["../../components/segmented/segmented.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"segmented.js","names":["React","ConfigContext","getPrefixCls"],"sources":["../../components/segmented/segmented.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SegmentedProps, SegmentedOption, SegmentedValue } from './types';\n\nconst normalizeOptions = (\n  options: (string | number | SegmentedOption)[]\n): SegmentedOption[] => {\n  return options.map((opt) => {\n    if (typeof opt === 'string' || typeof opt === 'number') {\n      return { label: String(opt), value: opt };\n    }\n    return opt;\n  });\n};\n\nconst Segmented = React.forwardRef<HTMLDivElement, SegmentedProps>((props, ref) => {\n  const {\n    options,\n    defaultValue,\n    block = false,\n    disabled = false,\n    size,\n    prefixCls: customisedCls,\n    className,\n    style,\n    onChange,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('segmented', configContext.prefixCls, customisedCls);\n  const segSize = size || configContext.componentSize || 'md';\n\n  const normalizedOptions = normalizeOptions(options);\n  const [selected, setSelected] = useState<SegmentedValue>(\n    'value' in props\n      ? (props.value as SegmentedValue)\n      : defaultValue ?? normalizedOptions[0]?.value\n  );\n\n  useEffect(() => {\n    if ('value' in props) {\n      setSelected(props.value as SegmentedValue);\n    }\n  }, [props.value]);\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${segSize}`]: segSize,\n    [`${prefixCls}_block`]: block,\n    [`${prefixCls}_disabled`]: disabled,\n  });\n\n  const handleClick = (value: SegmentedValue, optDisabled?: boolean) => {\n    if (disabled || optDisabled) return;\n    if (!('value' in props)) {\n      setSelected(value);\n    }\n    onChange?.(value);\n  };\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cls}\n      style={style}\n      role=\"radiogroup\"\n    >\n      {normalizedOptions.map((opt) => {\n        const isActive = opt.value === selected;\n        const itemCls = classNames(`${prefixCls}__item`, {\n          [`${prefixCls}__item_active`]: isActive,\n          [`${prefixCls}__item_disabled`]: opt.disabled,\n        });\n        return (\n          <label\n            key={opt.value}\n            className={itemCls}\n            onClick={() => handleClick(opt.value, opt.disabled)}\n          >\n            <input\n              type=\"radio\"\n              className={`${prefixCls}__input`}\n              checked={isActive}\n              disabled={disabled || opt.disabled}\n              onChange={() => handleClick(opt.value, opt.disabled)}\n              value={opt.value}\n            />\n            {opt.icon && <span className={`${prefixCls}__icon`}>{opt.icon}</span>}\n            <span className={`${prefixCls}__label`}>{opt.label}</span>\n          </label>\n        );\n      })}\n    </div>\n  );\n});\n\nSegmented.displayName = 'Segmented';\nexport default Segmented;\n"],"mappings":";;;;;;;;;AAMA,MAAM,oBACJ,YACsB;AACtB,QAAO,QAAQ,KAAK,QAAQ;AAC1B,MAAI,OAAO,QAAQ,YAAY,OAAO,QAAQ,SAC5C,QAAO;GAAE,OAAO,OAAO,IAAI;GAAE,OAAO;GAAK;AAE3C,SAAO;GACP;;AAGJ,MAAM,YAAYA,MAAAA,QAAM,YAA4C,OAAO,QAAQ;CACjF,MAAM,EACJ,SACA,cACA,QAAQ,OACR,WAAW,OACX,MACA,WAAW,eACX,WACA,OACA,UACA,GAAG,eACD;CAEJ,MAAM,iBAAA,GAAA,MAAA,YAA2BC,uBAAAA,cAAc;CAC/C,MAAM,YAAYC,gBAAAA,aAAa,aAAa,cAAc,WAAW,cAAc;CACnF,MAAM,UAAU,QAAQ,cAAc,iBAAiB;CAEvD,MAAM,oBAAoB,iBAAiB,QAAQ;CACnD,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UACf,WAAW,QACN,MAAM,QACP,gBAAgB,kBAAkB,IAAI,MAC3C;AAED,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,WAAW,MACb,aAAY,MAAM,MAAwB;IAE3C,CAAC,MAAM,MAAM,CAAC;CAEjB,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW;GAC1C,GAAG,UAAU,GAAG,YAAY;GAC5B,GAAG,UAAU,UAAU;GACvB,GAAG,UAAU,aAAa;EAC5B,CAAC;CAEF,MAAM,eAAe,OAAuB,gBAA0B;AACpE,MAAI,YAAY,YAAa;AAC7B,MAAI,EAAE,WAAW,OACf,aAAY,MAAM;AAEpB,aAAW,MAAM;;AAGnB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW;EACJ;EACP,MAAK;YAEJ,kBAAkB,KAAK,QAAQ;GAC9B,MAAM,WAAW,IAAI,UAAU;AAK/B,UACE,iBAAA,GAAA,kBAAA,MAAC,SAAD;IAEE,YAAA,GAAA,WAAA,SAPuB,GAAG,UAAU,SAAS;MAC9C,GAAG,UAAU,iBAAiB;MAC9B,GAAG,UAAU,mBAAmB,IAAI;KACtC,CAAC;IAKE,eAAe,YAAY,IAAI,OAAO,IAAI,SAAS;cAHrD;KAKE,iBAAA,GAAA,kBAAA,KAAC,SAAD;MACE,MAAK;MACL,WAAW,GAAG,UAAU;MACxB,SAAS;MACT,UAAU,YAAY,IAAI;MAC1B,gBAAgB,YAAY,IAAI,OAAO,IAAI,SAAS;MACpD,OAAO,IAAI;MACX,CAAA;KACD,IAAI,QAAQ,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAW,GAAG,UAAU;gBAAU,IAAI;MAAY,CAAA;KACrE,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAW,GAAG,UAAU;gBAAW,IAAI;MAAa,CAAA;KACpD;MAdD,IAAI,MAcH;IAEV;EACE,CAAA;EAER;AAEF,UAAU,cAAc"}

package/lib/segmented/style/index.css

@@ -0,0 +1,79 @@
+.ty-segmented {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px;
+  background: var(--ty-segmented-bg, #e9ecef);
+  border-radius: 2px;
+  box-sizing: border-box;
+}
+.ty-segmented_block {
+  display: flex;
+  width: 100%;
+}
+.ty-segmented_block .ty-segmented__item {
+  flex: 1;
+  justify-content: center;
+}
+.ty-segmented_disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.ty-segmented_disabled .ty-segmented__item {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.ty-segmented_sm .ty-segmented__item {
+  padding: 0 8px;
+  height: calc(24px - 4px);
+  font-size: 0.875rem;
+}
+.ty-segmented_md .ty-segmented__item {
+  padding: 0 12px;
+  height: calc(32px - 4px);
+  font-size: 1rem;
+}
+.ty-segmented_lg .ty-segmented__item {
+  padding: 0 16px;
+  height: calc(42px - 4px);
+  font-size: 1.25rem;
+}
+.ty-segmented__item {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  cursor: pointer;
+  border-radius: 2px;
+  transition: all 0.2s;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  white-space: nowrap;
+}
+.ty-segmented__item:hover:not(.ty-segmented__item_active):not(.ty-segmented__item_disabled) {
+  color: var(--ty-color-text, #212529);
+}
+.ty-segmented__item_active {
+  background: var(--ty-segmented-active-bg, #fff);
+  color: var(--ty-color-text, #212529);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+  font-weight: 500;
+}
+.ty-segmented__item_disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.ty-segmented__input {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+  pointer-events: none;
+}
+.ty-segmented__icon {
+  display: inline-flex;
+  align-items: center;
+}
+.ty-segmented__label {
+  display: inline-block;
+}

package/lib/segmented/style/index.d.ts

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

package/lib/segmented/style/index.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");

package/lib/segmented/types.d.ts

@@ -1,18 +1,23 @@
-import React from 'react';
-import { BaseProps, SizeType } from '../_utils/props';
-export interface SegmentedOption {
-    label: React.ReactNode;
-    value: string | number;
-    disabled?: boolean;
-    icon?: React.ReactNode;
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region components/segmented/types.d.ts
+interface SegmentedOption {
+  label: React.ReactNode;
+  value: string | number;
+  disabled?: boolean;
+  icon?: React.ReactNode;
 }
-export type SegmentedValue = string | number;
-export interface SegmentedProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
-    options: (string | number | SegmentedOption)[];
-    value?: SegmentedValue;
-    defaultValue?: SegmentedValue;
-    onChange?: (value: SegmentedValue) => void;
-    block?: boolean;
-    disabled?: boolean;
-    size?: SizeType;
+type SegmentedValue = string | number;
+interface SegmentedProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
+  options: (string | number | SegmentedOption)[];
+  value?: SegmentedValue;
+  defaultValue?: SegmentedValue;
+  onChange?: (value: SegmentedValue) => void;
+  block?: boolean;
+  disabled?: boolean;
+  size?: SizeType;
 }
+//#endregion
+export { SegmentedProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/select/index.d.ts

@@ -1,9 +1,13 @@
-import Select from './select';
-import SelectOption from './option';
-import SelectOptGroup from './opt-group';
+import { Select } from "./select.js";
+import { SelectOption } from "./option.js";
+import { SelectOptGroup } from "./opt-group.js";
+
+//#region components/select/index.d.ts
 type ISelect = typeof Select & {
-    Option: typeof SelectOption;
-    OptGroup: typeof SelectOptGroup;
+  Option: typeof SelectOption;
+  OptGroup: typeof SelectOptGroup;
 };
 declare const DefaultSelect: ISelect;
-export default DefaultSelect;
+//#endregion
+export { DefaultSelect };
+//# sourceMappingURL=index.d.ts.map

package/lib/select/index.js

@@ -1,11 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const select_1 = tslib_1.__importDefault(require("./select"));
-const option_1 = tslib_1.__importDefault(require("./option"));
-const opt_group_1 = tslib_1.__importDefault(require("./opt-group"));
-const DefaultSelect = select_1.default;
-DefaultSelect.Option = option_1.default;
-DefaultSelect.OptGroup = opt_group_1.default;
+require('../style/base.css');
+require('./style/index.css');
+require('../popup/style/index.css');
+require('../input/style/index.css');
+const require_select = require("./select.js");
+const require_option = require("./option.js");
+const require_opt_group = require("./opt-group.js");
+//#region components/select/index.tsx
+const DefaultSelect = require_select.default;
+DefaultSelect.Option = require_option.default;
+DefaultSelect.OptGroup = require_opt_group.default;
+//#endregion
 exports.default = DefaultSelect;
+
 //# sourceMappingURL=index.js.map

package/lib/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/select/index.tsx"],"names":[],"mappings":";;;AAAA,8DAA8B;AAC9B,8DAAoC;AACpC,oEAAyC;AAOzC,MAAM,aAAa,GAAG,gBAAiB,CAAC;AACxC,aAAa,CAAC,MAAM,GAAG,gBAAY,CAAC;AACpC,aAAa,CAAC,QAAQ,GAAG,mBAAc,CAAC;AAExC,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","names":["Select","SelectOption","SelectOptGroup"],"sources":["../../components/select/index.tsx"],"sourcesContent":["import Select from './select';\nimport SelectOption from './option';\nimport SelectOptGroup from './opt-group';\n\ntype ISelect = typeof Select & {\n  Option: typeof SelectOption;\n  OptGroup: typeof SelectOptGroup;\n};\n\nconst DefaultSelect = Select as ISelect;\nDefaultSelect.Option = SelectOption;\nDefaultSelect.OptGroup = SelectOptGroup;\n\nexport default DefaultSelect;\n"],"mappings":";;;;AASA,MAAM,gBAAgBA,eAAAA;AACtB,cAAc,SAASC,eAAAA;AACvB,cAAc,WAAWC,kBAAAA"}

package/lib/select/opt-group.d.ts

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

package/lib/select/opt-group.js

@@ -1,33 +1,39 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/select/opt-group.tsx
 const SelectOptGroup = (props) => {
-    const { prefixCls: customisedCls, label, className, children, ...otherProps } = props;
-    const configContext = (0, react_2.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('select-group', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className);
-    return ((0, react_1.createElement)("li", { ...otherProps, key: label, className: cls },
-        (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__title`, children: label }),
-        (0, jsx_runtime_1.jsx)("ul", { className: `${prefixCls}__list`, children: react_2.default.Children.map(children, (child) => {
-                const childElement = child;
-                if (childElement.type.displayName === 'SelectOption') {
-                    const childProps = {
-                        ...childElement.props,
-                    };
-                    return react_2.default.cloneElement(childElement, childProps);
-                }
-                else {
-                    console.warn('Select has a child that is not neither SelectOption nor SelectOptGroup component.');
-                    return null;
-                }
-            }) })));
+	const { prefixCls: customisedCls, label, className, children, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("select-group", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	return /* @__PURE__ */ (0, react.createElement)("li", {
+		...otherProps,
+		key: label,
+		className: cls
+	}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `${prefixCls}__title`,
+		children: label
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		className: `${prefixCls}__list`,
+		children: react.default.Children.map(children, (child) => {
+			const childElement = child;
+			if (childElement.type.displayName === "SelectOption") {
+				const childProps = { ...childElement.props };
+				return react.default.cloneElement(childElement, childProps);
+			} else {
+				console.warn("Select has a child that is not neither SelectOption nor SelectOptGroup component.");
+				return null;
+			}
+		})
+	}));
 };
-SelectOptGroup.displayName = 'SelectOptGroup';
+SelectOptGroup.displayName = "SelectOptGroup";
+//#endregion
 exports.default = SelectOptGroup;
+
 //# sourceMappingURL=opt-group.js.map