@ioca/react 1.4.77 → 1.4.79

package/lib/cjs/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/lib/cjs/components/affix/affix.cjs

@@ -0,0 +1,66 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_totop = require("./totop.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs = require("/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/affix/affix.tsx
+const Affix = (props) => {
+	const { position = "fixed", left, top, right, bottom, offset, style, className, children, getContainer = () => {
+		if (typeof document === "undefined") return null;
+		return document.body;
+	} } = props;
+	const [hidden, setHidden] = (0, react.useState)(false);
+	const hijackChildren = (0, react.useMemo)(() => {
+		return react.Children.map(children, (node) => {
+			if (node.type === require_totop.default) {
+				const { onClick } = node.props;
+				return (0, react.cloneElement)(node, {
+					key: node.key,
+					...node.props,
+					onClick: (e) => {
+						const container = getContainer();
+						onClick?.(e);
+						container?.scrollTo({
+							top: 0,
+							left: 0,
+							behavior: "smooth"
+						});
+					}
+				});
+			}
+			return node;
+		});
+	}, [children, getContainer]);
+	(0, react.useEffect)(() => {
+		const container = getContainer();
+		if (!offset || !container) return;
+		const listener = (0, _Users_iann_codes_ioca_react_node_modules__pnpm_radash_12_1_1_node_modules_radash_dist_esm_index_mjs.debounce)({ delay: 160 }, () => {
+			const top = container.scrollTop;
+			setHidden(top < offset);
+		});
+		listener();
+		container.addEventListener("scroll", listener);
+		return () => {
+			container.removeEventListener("scroll", listener);
+		};
+	}, [offset, getContainer]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)("i-affix", className, { "i-affix-hidden": hidden }),
+		style: {
+			...style,
+			position,
+			left,
+			top,
+			right,
+			bottom
+		},
+		children: hijackChildren
+	});
+};
+Affix.ToTop = require_totop.default;
+//#endregion
+exports.default = Affix;
+
+//# sourceMappingURL=affix.cjs.map

package/lib/cjs/components/affix/affix.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"affix.cjs","names":[],"sources":["../../../../packages/components/affix/affix.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport {\n\tChildren,\n\tMouseEvent,\n\tcloneElement,\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n} from \"react\";\nimport \"./index.css\";\nimport ToTop from \"./totop\";\nimport { IAffix } from \"./type\";\n\nconst Affix = (props: IAffix) => {\n\tconst {\n\t\tposition = \"fixed\",\n\t\tleft,\n\t\ttop,\n\t\tright,\n\t\tbottom,\n\t\toffset,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tgetContainer = () => {\n\t\t\tif (typeof document === \"undefined\") return null;\n\t\t\treturn document.body;\n\t\t},\n\t} = props;\n\n\tconst [hidden, setHidden] = useState<boolean>(false);\n\n\tconst hijackChildren = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tif (node.type === ToTop) {\n\t\t\t\tconst { onClick } = node.props;\n\n\t\t\t\treturn cloneElement(node, {\n\t\t\t\t\tkey: node.key,\n\t\t\t\t\t...node.props,\n\t\t\t\t\tonClick: (e: MouseEvent) => {\n\t\t\t\t\t\tconst container = getContainer();\n\n\t\t\t\t\t\tonClick?.(e);\n\t\t\t\t\t\tcontainer?.scrollTo({\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\tbehavior: \"smooth\",\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn node;\n\t\t});\n\t}, [children, getContainer]);\n\n\tuseEffect(() => {\n\t\tconst container = getContainer();\n\t\tif (!offset || !container) return;\n\n\t\tconst listener = debounce({ delay: 160 }, () => {\n\t\t\tconst top = container.scrollTop;\n\n\t\t\tsetHidden(top < offset);\n\t\t});\n\n\t\tlistener();\n\t\tcontainer.addEventListener(\"scroll\", listener);\n\n\t\treturn () => {\n\t\t\tcontainer.removeEventListener(\"scroll\", listener);\n\t\t};\n\t}, [offset, getContainer]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-affix\", className, {\n\t\t\t\t\"i-affix-hidden\": hidden,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tposition,\n\t\t\t\tleft,\n\t\t\t\ttop,\n\t\t\t\tright,\n\t\t\t\tbottom,\n\t\t\t}}\n\t\t>\n\t\t\t{hijackChildren}\n\t\t</div>\n\t);\n};\n\nAffix.ToTop = ToTop;\n\nexport default Affix;\n"],"mappings":";;;;;;;;;CAcA,MAAM,EACL,WAAM,SACL,MACA,KACA,OACA,QACA,QACA,OACA,WACA,UACA,qBAAQ;AACR,MAAA,OAAY,aAAS,YAAA,QAAA;AACpB,SAAI,SAAO;OAEX;;;AAKF,SAAM,MAAA,SAAA,IAAe,WAAW,SAAK;AACpC,OAAA,KAAO,SAAY,cAAA,SAAC;IACnB,MAAI,EAAK,YAAS,KAAO;;KAGxB,KAAM,KAAC;KACN,GAAG,KAAE;KACL,UAAQ,MAAK;MACb,MAAO,YAAM,cAAe;;AAG3B,iBAAW,SAAC;OACZ,KAAA;OACC,MAAM;OACN,UAAO;OACP,CAAA;;KAEF,CAAC;;;IAIH;IACC,CAAA,UAAA,aAAA,CAAA;;EAGH,MAAA,YAAgB,cAAA;AACf,MAAA,CAAK,UAAU,CAAC,UAAE;;GAGlB,MAAM,MAAA,UAAW;;IAGhB;;AAGD,YAAU,iBAAA,UAAA,SAAA;;AAGV,aAAW,oBAAE,UAAA,SAAA;;IAEZ,CAAA,QAAA,aAAA,CAAA;QAGF,iBAAA,GAAA,kBAAA,KAAA,OAAA;EACE,YAAA,GAAA,WAAA,SAAA,WAAA,WAAA,EACA,kBAAW,QACV,CAAC;EACF,OAAE;GACF,GAAA;GACC;GACA;GACA;GACA;GACA;GACA;YAEF;EACE,CAAA"}

package/lib/cjs/components/affix/index.cjs

@@ -0,0 +1,6 @@
+//#region packages/components/affix/index.tsx
+var affix_default = require("./affix.cjs").default;
+//#endregion
+exports.default = affix_default;
+
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/affix/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Affix"],"sources":["../../../../packages/components/affix/index.tsx"],"sourcesContent":["import Affix from \"./affix\";\n\nexport default Affix;\n"],"mappings":";AAEA,IAAA,uCAAeA"}

package/lib/cjs/components/affix/totop.cjs

@@ -0,0 +1,25 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../button/index.cjs");
+const require_index$1 = require("../icon/index.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let _ricons_material = require("@ricons/material");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/affix/totop.tsx
+function ToTop(props) {
+	const { style, className, onClick } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		square: true,
+		className: (0, classnames.default)("i-affix-totop", className),
+		style: { ...style },
+		onClick,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ricons_material.SkipPreviousRound, {}),
+			rotate: 90
+		})
+	});
+}
+//#endregion
+exports.default = ToTop;
+
+//# sourceMappingURL=totop.cjs.map

package/lib/cjs/components/affix/totop.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"totop.cjs","names":["Button","Icon","SkipPreviousRound"],"sources":["../../../../packages/components/affix/totop.tsx"],"sourcesContent":["import { SkipPreviousRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\nimport { IAffix } from \"./type\";\n\nfunction ToTop(props: IAffix) {\n\tconst { style, className, onClick } = props;\n\n\treturn (\n\t\t<Button\n\t\t\tsquare\n\t\t\tclassName={classNames(\"i-affix-totop\", className)}\n\t\t\tstyle={{ ...style }}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<Icon icon={<SkipPreviousRound />} rotate={90} />\n\t\t</Button>\n\t);\n}\n\nexport default ToTop;\n"],"mappings":";;;;;;;;AAMA,SAAS,MAAM,OAAe;CAC7B,MAAM,EAAE,OAAO,WAAW,YAAY;AAEtC,QACC,iBAAA,GAAA,kBAAA,KAACA,cAAAA,SAAD;EACC,QAAA;EACA,YAAA,GAAA,WAAA,SAAsB,iBAAiB,UAAU;EACjD,OAAO,EAAE,GAAG,OAAO;EACV;YAET,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;GAAM,MAAM,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,mBAAD,EAAqB,CAAA;GAAE,QAAQ;GAAM,CAAA;EACzC,CAAA"}

package/lib/cjs/components/badge/badge.cjs

@@ -0,0 +1,24 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/badge/badge.tsx
+const Badge = (props) => {
+	const { content, contentClass, dot, dotSize, round, disabled, style, className, children } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style,
+		className: (0, classnames.default)("i-badge", { rounded: round }, className),
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, classnames.default)("i-badge-content", contentClass, {
+				"i-badge-dot": dot,
+				"i-badge-hidden": disabled
+			}),
+			style: { fontSize: dotSize },
+			children: content
+		})]
+	});
+};
+//#endregion
+exports.default = Badge;
+
+//# sourceMappingURL=badge.cjs.map

package/lib/cjs/components/badge/badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.cjs","names":[],"sources":["../../../../packages/components/badge/badge.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport \"./index.css\";\nimport type { IBadge } from \"./type\";\n\nconst Badge = (props: IBadge) => {\n\tconst {\n\t\tcontent,\n\t\tcontentClass,\n\t\tdot,\n\t\tdotSize,\n\t\tround,\n\t\tdisabled,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\"i-badge\", { rounded: round }, className)}\n\t\t>\n\t\t\t{children}\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-badge-content\", contentClass, {\n\t\t\t\t\t\"i-badge-dot\": dot,\n\t\t\t\t\t\"i-badge-hidden\": disabled,\n\t\t\t\t})}\n\t\t\t\tstyle={{ fontSize: dotSize }}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Badge;\n"],"mappings":";;;;;;CAIA,MAAM,EACL,SACC,cACA,KACA,SACA,OACA,UACA,OACA,WACA,aACA;QAGD,iBAAA,GAAA,kBAAA,MAAA,OAAA;EACE;EACA,YAAA,GAAA,WAAA,SAAY,WAAA,EAAA,SAAA,OAAA,EAAA,UAAA;YAFd,CAIC,UAAA,iBAAA,GAAA,kBAAA,KAAA,OAAA;GAGE,YAAA,GAAA,WAAA,SAAA,mBAAA,cAAA;IACA,eAAW;IACV,kBAAkB;IAClB,CAAC;GACF,OAAE,EAAA,UAAA,SAAA;aAEH;GACE,CAAA,CACG"}

package/lib/cjs/components/badge/index.cjs

@@ -0,0 +1,6 @@
+//#region packages/components/badge/index.tsx
+var badge_default = require("./badge.cjs").default;
+//#endregion
+exports.default = badge_default;
+
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/badge/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Badge"],"sources":["../../../../packages/components/badge/index.tsx"],"sourcesContent":["import Badge from \"./badge\";\n\nexport default Badge;\n"],"mappings":";AAEA,IAAA,uCAAeA"}

package/lib/cjs/components/button/button.cjs

@@ -0,0 +1,64 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../js/useRipple/index.cjs");
+const require_index$1 = require("../loading/index.cjs");
+const require_confirm = require("./confirm.cjs");
+const require_group = require("./group.cjs");
+const require_toggle = require("./toggle.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/button/button.tsx
+const formatClass = ({ outline, flat, loading, disabled, size = "normal", block, round, square, secondary, className }) => (0, classnames.default)("i-btn", className, {
+	"i-btn-outline": outline,
+	"i-btn-flat": flat,
+	"i-btn-block": block,
+	"i-btn-loading": loading,
+	"i-btn-square": square,
+	"i-btn-secondary": secondary,
+	[`i-btn-${size}`]: size !== "normal",
+	round,
+	disabled
+});
+const Button = (props) => {
+	const { as: As = "a", ref, children, className, loading, flat, outline, square, secondary, size, round, href, ripple = true, onClick, ...restProps } = props;
+	const handleClick = (e) => {
+		if (loading || restProps.disabled) {
+			e.stopPropagation();
+			e.preventDefault();
+			return;
+		}
+		onClick?.(e);
+	};
+	if (!children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
+	const childNodes = [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {}, "loading"), (0, react.createElement)("span", {
+		key: "content",
+		className: "i-btn-content"
+	}, children)];
+	const attrs = {
+		className: formatClass(props),
+		["data-ripple"]: ripple && !loading && !restProps.disabled ? "" : void 0,
+		onClick: handleClick
+	};
+	(0, react.useEffect)(() => {
+		ripple && require_index.default();
+	}, [ripple]);
+	if (typeof As === "string") return (0, react.createElement)(As, {
+		ref,
+		href,
+		...attrs,
+		...restProps
+	}, childNodes);
+	return (0, react.createElement)(As, {
+		to: href || "",
+		...attrs,
+		...restProps
+	}, childNodes);
+};
+Button.Toggle = require_toggle.default;
+Button.Confirm = require_confirm.default;
+Button.Group = require_group.default;
+//#endregion
+exports.default = Button;
+
+//# sourceMappingURL=button.cjs.map

package/lib/cjs/components/button/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.cjs","names":[],"sources":["../../../../packages/components/button/button.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { MouseEvent, createElement, useEffect } from \"react\";\nimport useRipple from \"../../js/useRipple\";\nimport Loading from \"../loading\";\nimport Confirm from \"./confirm\";\nimport Group from \"./group\";\nimport \"./index.css\";\nimport Toggle from \"./toggle\";\nimport { CompositionButton, IButton } from \"./type\";\n\nconst formatClass = ({\n\toutline,\n\tflat,\n\tloading,\n\tdisabled,\n\tsize = \"normal\",\n\tblock,\n\tround,\n\tsquare,\n\tsecondary,\n\tclassName,\n}: IButton) =>\n\tclassnames(\"i-btn\", className, {\n\t\t\"i-btn-outline\": outline,\n\t\t\"i-btn-flat\": flat,\n\t\t\"i-btn-block\": block,\n\t\t\"i-btn-loading\": loading,\n\t\t\"i-btn-square\": square,\n\t\t\"i-btn-secondary\": secondary,\n\t\t[`i-btn-${size}`]: size !== \"normal\",\n\t\tround,\n\t\tdisabled,\n\t});\n\nconst Button = (props: IButton) => {\n\tconst {\n\t\tas: As = \"a\",\n\t\tref,\n\t\tchildren,\n\t\tclassName,\n\t\tloading,\n\t\tflat,\n\t\toutline,\n\t\tsquare,\n\t\tsecondary,\n\t\tsize,\n\t\tround,\n\t\thref,\n\t\tripple = true,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst handleClick = (e: MouseEvent<HTMLElement>) => {\n\t\tif (loading || restProps.disabled) {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tonClick?.(e);\n\t};\n\n\tif (!children) return <></>;\n\n\tconst childNodes = [\n\t\tloading && <Loading key='loading' />,\n\t\tcreateElement(\n\t\t\t\"span\",\n\t\t\t{ key: \"content\", className: \"i-btn-content\" },\n\t\t\tchildren,\n\t\t),\n\t];\n\n\tconst attrs = {\n\t\tclassName: formatClass(props),\n\t\t[\"data-ripple\"]:\n\t\t\tripple && !loading && !restProps.disabled ? \"\" : undefined,\n\t\tonClick: handleClick,\n\t};\n\n\tuseEffect(() => {\n\t\tripple && useRipple();\n\t}, [ripple]);\n\n\tif (typeof As === \"string\") {\n\t\treturn createElement(\n\t\t\tAs,\n\t\t\t{\n\t\t\t\tref,\n\t\t\t\thref,\n\t\t\t\t...attrs,\n\t\t\t\t...restProps,\n\t\t\t},\n\t\t\tchildNodes,\n\t\t);\n\t}\n\n\treturn createElement(\n\t\tAs,\n\t\t{\n\t\t\tto: href || \"\",\n\t\t\t...attrs,\n\t\t\t...restProps,\n\t\t},\n\t\tchildNodes,\n\t);\n};\n\nButton.Toggle = Toggle;\nButton.Confirm = Confirm;\nButton.Group = Group;\n\nexport default Button as CompositionButton;\n"],"mappings":";;;;;;;;;;;uBAUA,SACC,MACA,SACA,UACA,OAAA,UACA,OACA,OACA,QACA,WACA,iBAAA,GAAA,WAAA,SAEW,SAAC,WAAA;CACZ,iBAAkB;CACjB,cAAc;CACd,eAAc;CACd,iBAAe;CACf,gBAAgB;CAChB,mBAAgB;EACf,SAAM,SAAY,SAAS;CAC5B;CACA;CACA,CAAA;;CAGF,MAAM,EACL,IAAK,KAAC,KACL,KACA,UACA,WACA,SACA,MACA,SACA,QACA,WACA,MACA,OACA,MACA,SAAI,MACJ,SACA,GAAA,cACG;;AAGJ,MAAK,WAAC,UAAkB,UAAW;AAClC,KAAG,iBAAY;AACd,KAAE,gBAAgB;AAClB;;;;;qBASF,WAAM,iBAAA,GAAA,kBAAA,KAAA,gBAAA,SAAA,EAAa,EAAA,UAAA,GAAA,GAAA,MAAA,eAElB,QACC;EAAC,KAAK;EAAA,WAAA;EAAA,EACN,SACA,CACD;;EAGD,WAAY,YAAE,MAAA;GACb,gBACC,UAAM,CAAA,WAAQ,CAAA,UAAA,WAAA,KAAA,KAAA;EACf,SAAS;EACT;;AAGD,YAAW,cAAA,SAAK;IACf,CAAA,OAAU,CAAA;4BAGX,SAAA,GAAA,MAAA,eACC,IACC;EACA;EACC;EACA,GAAA;EACA,GAAG;EACH,EACD,WACA;iCAIF,IACC;EACA,IAAA,QAAA;EACC,GAAG;EACH,GAAG;EACH,EACD,WACA;;;AAIF,OAAO,UAAS,gBAAA;AAChB,OAAO,QAAQ,cAAA"}

package/lib/cjs/components/button/confirm.cjs

@@ -0,0 +1,60 @@
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_hooks = require("../../js/hooks.cjs");
+const require_button = require("./button.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/button/confirm.tsx
+const defaultOk = {
+	children: "确定",
+	className: "bg-error"
+};
+const defaultCancel = {
+	children: "取消",
+	secondary: true
+};
+function Confirm(props) {
+	const { ref, size, defaultActive, okButtonProps, cancelButtonProps, onOk, onCancel, onClick, ...restProps } = props;
+	const state = require_hooks.useReactive({
+		active: defaultActive ?? false,
+		loading: false
+	});
+	const ok = okButtonProps ? Object.assign({}, defaultOk, okButtonProps) : defaultOk;
+	const cancel = cancelButtonProps ? Object.assign({}, defaultCancel, cancelButtonProps) : defaultCancel;
+	const handleClick = (e) => {
+		onClick?.(e);
+		state.active = true;
+	};
+	const hanldeOk = async () => {
+		if (state.loading) return;
+		state.loading = true;
+		try {
+			if (await onOk?.() !== false) state.active = false;
+		} finally {
+			state.loading = false;
+		}
+	};
+	const handleCancel = () => {
+		onCancel?.();
+		state.active = false;
+	};
+	if (!state.active) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.default, {
+		ref,
+		size,
+		...restProps,
+		onClick: handleClick
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_button.default.Group, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.default, {
+		size,
+		...ok,
+		loading: state.loading,
+		onClick: hanldeOk
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.default, {
+		size,
+		...cancel,
+		disabled: state.loading,
+		onClick: handleCancel
+	})] });
+}
+//#endregion
+exports.default = Confirm;
+
+//# sourceMappingURL=confirm.cjs.map

package/lib/cjs/components/button/confirm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.cjs","names":["useReactive","Button"],"sources":["../../../../packages/components/button/confirm.tsx"],"sourcesContent":["import { useReactive } from \"../../js/hooks\";\nimport Button from \"./button\";\nimport type { IButton, IButtonConfirm } from \"./type\";\n\nconst defaultOk = {\n\tchildren: \"确定\",\n\tclassName: \"bg-error\",\n};\n\nconst defaultCancel = {\n\tchildren: \"取消\",\n\tsecondary: true,\n};\n\nexport default function Confirm(props: IButtonConfirm) {\n\tconst {\n\t\tref,\n\t\tsize,\n\t\tdefaultActive,\n\t\tokButtonProps,\n\t\tcancelButtonProps,\n\t\tonOk,\n\t\tonCancel,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive({\n\t\tactive: defaultActive ?? false,\n\t\tloading: false,\n\t});\n\n\tconst ok: IButton = okButtonProps\n\t\t? Object.assign({}, defaultOk, okButtonProps)\n\t\t: defaultOk;\n\tconst cancel: IButton = cancelButtonProps\n\t\t? Object.assign({}, defaultCancel, cancelButtonProps)\n\t\t: defaultCancel;\n\n\tconst handleClick = (e) => {\n\t\tonClick?.(e);\n\t\tstate.active = true;\n\t};\n\n\tconst hanldeOk = async () => {\n\t\tif (state.loading) return;\n\t\tstate.loading = true;\n\n\t\ttry {\n\t\t\tconst res = await onOk?.();\n\n\t\t\tif (res !== false) {\n\t\t\t\tstate.active = false;\n\t\t\t}\n\t\t} finally {\n\t\t\tstate.loading = false;\n\t\t}\n\t};\n\n\tconst handleCancel = () => {\n\t\tonCancel?.();\n\t\tstate.active = false;\n\t};\n\n\tif (!state.active) {\n\t\treturn (\n\t\t\t<Button\n\t\t\t\tref={ref}\n\t\t\t\tsize={size}\n\t\t\t\t{...restProps}\n\t\t\t\tonClick={handleClick}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Button.Group>\n\t\t\t<Button\n\t\t\t\tsize={size}\n\t\t\t\t{...ok}\n\t\t\t\tloading={state.loading}\n\t\t\t\tonClick={hanldeOk}\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tsize={size}\n\t\t\t\t{...cancel}\n\t\t\t\tdisabled={state.loading}\n\t\t\t\tonClick={handleCancel}\n\t\t\t/>\n\t\t</Button.Group>\n\t);\n}\n"],"mappings":";;;;;AAIA,MAAM,YAAY;CACjB,UAAU;CACV,WAAW;CACX;AAED,MAAM,gBAAgB;CACrB,UAAU;CACV,WAAW;CACX;AAED,SAAwB,QAAQ,OAAuB;CACtD,MAAM,EACL,KACA,MACA,eACA,eACA,mBACA,MACA,UACA,SACA,GAAG,cACA;CAEJ,MAAM,QAAQA,cAAAA,YAAY;EACzB,QAAQ,iBAAiB;EACzB,SAAS;EACT,CAAC;CAEF,MAAM,KAAc,gBACjB,OAAO,OAAO,EAAE,EAAE,WAAW,cAAc,GAC3C;CACH,MAAM,SAAkB,oBACrB,OAAO,OAAO,EAAE,EAAE,eAAe,kBAAkB,GACnD;CAEH,MAAM,eAAe,MAAM;AAC1B,YAAU,EAAE;AACZ,QAAM,SAAS;;CAGhB,MAAM,WAAW,YAAY;AAC5B,MAAI,MAAM,QAAS;AACnB,QAAM,UAAU;AAEhB,MAAI;AAGH,OAFY,MAAM,QAAQ,KAEd,MACX,OAAM,SAAS;YAEP;AACT,SAAM,UAAU;;;CAIlB,MAAM,qBAAqB;AAC1B,cAAY;AACZ,QAAM,SAAS;;AAGhB,KAAI,CAAC,MAAM,OACV,QACC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD;EACM;EACC;EACN,GAAI;EACJ,SAAS;EACR,CAAA;AAIJ,QACC,iBAAA,GAAA,kBAAA,MAACA,eAAAA,QAAO,OAAR,EAAA,UAAA,CACC,iBAAA,GAAA,kBAAA,KAACA,eAAAA,SAAD;EACO;EACN,GAAI;EACJ,SAAS,MAAM;EACf,SAAS;EACR,CAAA,EACF,iBAAA,GAAA,kBAAA,KAACA,eAAAA,SAAD;EACO;EACN,GAAI;EACJ,UAAU,MAAM;EAChB,SAAS;EACR,CAAA,CACY,EAAA,CAAA"}

package/lib/cjs/components/button/group.cjs

@@ -0,0 +1,26 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_button = require("./button.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/button/group.tsx
+function Group(props) {
+	const { children, vertical, buttonProps, className, style } = props;
+	const nodes = (0, react.useMemo)(() => {
+		return react.Children.map(children, (node) => {
+			const { type } = node;
+			if (type === require_button.default) return (0, react.cloneElement)(node, Object.assign({}, node.props, buttonProps));
+			return node;
+		});
+	}, [children]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)(className, vertical ? "i-btn-group-vertical" : "i-btn-group-horizonal"),
+		style,
+		children: nodes
+	});
+}
+//#endregion
+exports.default = Group;
+
+//# sourceMappingURL=group.cjs.map

package/lib/cjs/components/button/group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.cjs","names":["Children","Button"],"sources":["../../../../packages/components/button/group.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, cloneElement, useMemo } from \"react\";\nimport Button from \"./button\";\nimport { IButtonGroup } from \"./type\";\n\nexport default function Group(props: IButtonGroup) {\n\tconst { children, vertical, buttonProps, className, style } = props;\n\n\tconst nodes = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tconst { type } = node;\n\n\t\t\tif (type === Button) {\n\t\t\t\treturn cloneElement(\n\t\t\t\t\tnode,\n\t\t\t\t\tObject.assign({}, node.props, buttonProps)\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn node;\n\t\t});\n\t}, [children]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\tclassName,\n\t\t\t\tvertical ? \"i-btn-group-vertical\" : \"i-btn-group-horizonal\"\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{nodes}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAKA,SAAwB,MAAM,OAAqB;CAClD,MAAM,EAAE,UAAU,UAAU,aAAa,WAAW,UAAU;CAE9D,MAAM,SAAA,GAAA,MAAA,eAAsB;AAC3B,SAAOA,MAAAA,SAAS,IAAI,WAAW,SAAc;GAC5C,MAAM,EAAE,SAAS;AAEjB,OAAI,SAASC,eAAAA,QACZ,SAAA,GAAA,MAAA,cACC,MACA,OAAO,OAAO,EAAE,EAAE,KAAK,OAAO,YAAY,CAC1C;AAGF,UAAO;IACN;IACA,CAAC,SAAS,CAAC;AAEd,QACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACC,YAAA,GAAA,WAAA,SACC,WACA,WAAW,yBAAyB,wBACpC;EACM;YAEN;EACI,CAAA"}

package/lib/cjs/components/button/index.cjs

@@ -0,0 +1,6 @@
+//#region packages/components/button/index.tsx
+var button_default = require("./button.cjs").default;
+//#endregion
+exports.default = button_default;
+
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/button/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Button"],"sources":["../../../../packages/components/button/index.tsx"],"sourcesContent":["import Button from \"./button\";\n\nexport default Button;\n"],"mappings":";AAEA,IAAA,yCAAeA"}

package/lib/cjs/components/button/toggle.cjs

@@ -0,0 +1,46 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_button = require("./button.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/button/toggle.tsx
+function Toggle(props) {
+	const { ref, active, activeClass, after, disabled, children, className, toggable, onClick, onToggle, ...restProps } = props;
+	const [isActive, setIsActive] = (0, react.useState)(active);
+	const [done, setDone] = (0, react.useState)(true);
+	const toggle = async () => {
+		const hasAfter = !!after;
+		const nextActive = !isActive;
+		if (!(toggable ? await toggable() : true)) return;
+		setIsActive(nextActive);
+		setDone(!hasAfter);
+		onToggle?.(nextActive);
+		if (!hasAfter) return;
+		setTimeout(() => {
+			setDone(true);
+		}, 16);
+	};
+	const handleClick = (e) => {
+		onClick?.(e);
+		!disabled && toggle();
+	};
+	(0, react.useEffect)(() => {
+		setIsActive(active);
+		setDone(true);
+	}, [active]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.default, {
+		ref,
+		className: (0, classnames.default)(className, { [activeClass || ""]: isActive }, "i-btn-toggle"),
+		...restProps,
+		onClick: handleClick,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, classnames.default)("i-btn-toggle-content", { "i-btn-toggle-active": done }),
+			children: isActive ? after ?? children : children
+		})
+	});
+}
+//#endregion
+exports.default = Toggle;
+
+//# sourceMappingURL=toggle.cjs.map

package/lib/cjs/components/button/toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.cjs","names":["Button"],"sources":["../../../../packages/components/button/toggle.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { MouseEvent, useEffect, useState } from \"react\";\nimport Button from \"./button\";\nimport { IButtonToggle } from \"./type\";\n\nexport default function Toggle(props: IButtonToggle) {\n\tconst {\n\t\tref,\n\t\tactive,\n\t\tactiveClass,\n\t\tafter,\n\t\tdisabled,\n\t\tchildren,\n\t\tclassName,\n\t\ttoggable,\n\t\tonClick,\n\t\tonToggle,\n\t\t...restProps\n\t} = props;\n\n\tconst [isActive, setIsActive] = useState(active);\n\tconst [done, setDone] = useState(true);\n\n\tconst toggle = async () => {\n\t\tconst hasAfter = !!after;\n\t\tconst nextActive = !isActive;\n\n\t\tconst canToggle = toggable ? await toggable() : true;\n\t\tif (!canToggle) return;\n\n\t\tsetIsActive(nextActive);\n\t\tsetDone(!hasAfter);\n\t\tonToggle?.(nextActive);\n\n\t\tif (!hasAfter) return;\n\n\t\tsetTimeout(() => {\n\t\t\tsetDone(true);\n\t\t}, 16);\n\t};\n\n\tconst handleClick = (e: MouseEvent<HTMLElement>) => {\n\t\tonClick?.(e);\n\n\t\t!disabled && toggle();\n\t};\n\n\tuseEffect(() => {\n\t\tsetIsActive(active);\n\t\tsetDone(true);\n\t}, [active]);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\n\t\t\t\tclassName,\n\t\t\t\t{ [activeClass || \"\"]: isActive },\n\t\t\t\t\"i-btn-toggle\",\n\t\t\t)}\n\t\t\t{...restProps}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-btn-toggle-content\", {\n\t\t\t\t\t\"i-btn-toggle-active\": done,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{isActive ? (after ?? children) : children}\n\t\t\t</div>\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;AAKA,SAAwB,OAAO,OAAsB;CACpD,MAAM,EACL,KACA,QACA,aACA,OACA,UACA,UACA,WACA,UACA,SACA,UACA,GAAG,cACA;CAEJ,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAwB,OAAO;CAChD,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAAoB,KAAK;CAEtC,MAAM,SAAS,YAAY;EAC1B,MAAM,WAAW,CAAC,CAAC;EACnB,MAAM,aAAa,CAAC;AAGpB,MAAI,EADc,WAAW,MAAM,UAAU,GAAG,MAChC;AAEhB,cAAY,WAAW;AACvB,UAAQ,CAAC,SAAS;AAClB,aAAW,WAAW;AAEtB,MAAI,CAAC,SAAU;AAEf,mBAAiB;AAChB,WAAQ,KAAK;KACX,GAAG;;CAGP,MAAM,eAAe,MAA+B;AACnD,YAAU,EAAE;AAEZ,GAAC,YAAY,QAAQ;;AAGtB,EAAA,GAAA,MAAA,iBAAgB;AACf,cAAY,OAAO;AACnB,UAAQ,KAAK;IACX,CAAC,OAAO,CAAC;AAEZ,QACC,iBAAA,GAAA,kBAAA,KAACA,eAAAA,SAAD;EACM;EACL,YAAA,GAAA,WAAA,SACC,WACA,GAAG,eAAe,KAAK,UAAU,EACjC,eACA;EACD,GAAI;EACJ,SAAS;YAET,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACC,YAAA,GAAA,WAAA,SAAsB,wBAAwB,EAC7C,uBAAuB,MACvB,CAAC;aAED,WAAY,SAAS,WAAY;GAC7B,CAAA;EACE,CAAA"}

package/lib/cjs/components/card/card.cjs

@@ -0,0 +1,33 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/card/card.tsx
+const Card = (props) => {
+	const { hideShadow, border, className, children, header, footer, ...restProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)("i-card", className, {
+			shadow: !hideShadow,
+			"i-card-bordered": border
+		}),
+		...restProps,
+		children: [
+			header && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-card-header",
+				children: header
+			}),
+			children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-card-content",
+				children
+			}),
+			footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "i-card-footer",
+				children: footer
+			})
+		]
+	});
+};
+//#endregion
+exports.default = Card;
+
+//# sourceMappingURL=card.cjs.map

package/lib/cjs/components/card/card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.cjs","names":[],"sources":["../../../../packages/components/card/card.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport \"./index.css\";\nimport { ICard } from \"./type\";\n\nconst Card = (props: ICard) => {\n\tconst {\n\t\thideShadow,\n\t\tborder,\n\t\tclassName,\n\t\tchildren,\n\t\theader,\n\t\tfooter,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-card\", className, {\n\t\t\t\tshadow: !hideShadow,\n\t\t\t\t\"i-card-bordered\": border,\n\t\t\t})}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{header && <div className='i-card-header'>{header}</div>}\n\n\t\t\t{children && <div className='i-card-content'>{children}</div>}\n\n\t\t\t{footer && <div className='i-card-footer'>{footer}</div>}\n\t\t</div>\n\t);\n};\n\nexport default Card;\n"],"mappings":";;;;;;CAIA,MAAM,EACL,YACC,QACA,WACA,UACA,QACA,QACA,GAAA,cACG;QAGJ,iBAAA,GAAA,kBAAA,MAAA,OAAA;EACE,YAAA,GAAA,WAAA,SAAA,UAAA,WAAA;GACA,QAAS,CAAC;GACT,mBAAmB;GACnB,CAAC;EACF,GAAE;YALJ;GAOC,UAAA,iBAAA,GAAA,kBAAA,KAAA,OAAA;IAAA,WAAA;cAAA;IAAA,CAAA;;;;;;;;;GAKE"}

package/lib/cjs/components/card/index.cjs

@@ -0,0 +1,6 @@
+//#region packages/components/card/index.tsx
+var card_default = require("./card.cjs").default;
+//#endregion
+exports.default = card_default;
+
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/card/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Card"],"sources":["../../../../packages/components/card/index.tsx"],"sourcesContent":["import Card from \"./card\";\n\nexport default Card;\n"],"mappings":";AAEA,IAAA,qCAAeA"}

package/lib/cjs/components/checkbox/checkbox.cjs

@@ -0,0 +1,66 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../js/utils.cjs");
+const require_item = require("./item.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/checkbox/checkbox.tsx
+function Checkbox(props) {
+	const { label, name, options = [], value = "", type = "default", optionInline = true, labelInline, disabled, status = "normal", message, required, className, renderItem, onChange, ...restProps } = props;
+	const [selectedValues, setSelectedValues] = (0, react.useState)(value);
+	const formattedOptions = (0, react.useMemo)(() => require_utils.formatOption(options), [options]);
+	const handleChange = (checked, opt, e) => {
+		const group = [...selectedValues];
+		const i = group.findIndex((item) => item === opt.value);
+		if (checked && i < 0) group.push(opt.value);
+		else if (!checked && i > -1) group.splice(i, 1);
+		setSelectedValues(group);
+		onChange?.(group, opt, e);
+	};
+	(0, react.useEffect)(() => {
+		setSelectedValues(value);
+	}, [value]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)("i-checkbox i-input-label", {
+			[`i-checkbox-${status}`]: status !== "normal",
+			"i-input-inline": labelInline
+		}, className),
+		...restProps,
+		children: [label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "i-input-label-text",
+			children: [
+				required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "error",
+					children: "*"
+				}),
+				label,
+				message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "i-checkbox-message",
+					children: message
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, classnames.default)("i-checkbox-options", {
+				"i-options-block": !optionInline,
+				"i-checkbox-options-button": type === "button"
+			}),
+			children: formattedOptions.map((option) => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_item.default, {
+					name,
+					value: selectedValues.includes(option.value),
+					optionValue: option.value,
+					type,
+					disabled: disabled || option.disabled,
+					onChange: (checked, e) => handleChange(checked, option, e),
+					children: renderItem ?? option.label
+				}, option.value);
+			})
+		})]
+	});
+}
+Checkbox.Item = require_item.default;
+//#endregion
+exports.default = Checkbox;
+
+//# sourceMappingURL=checkbox.cjs.map

package/lib/cjs/components/checkbox/checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.cjs","names":[],"sources":["../../../../packages/components/checkbox/checkbox.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport \"./index.css\";\nimport CheckboxItem from \"./item\";\nimport type { ICheckbox } from \"./type\";\n\nfunction Checkbox(props: ICheckbox) {\n\tconst {\n\t\tlabel,\n\t\tname,\n\t\toptions = [],\n\t\tvalue = \"\",\n\t\ttype = \"default\",\n\t\toptionInline = true,\n\t\tlabelInline,\n\t\tdisabled,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\trequired,\n\t\tclassName,\n\t\trenderItem,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst [selectedValues, setSelectedValues] = useState<any>(value);\n\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\n\n\tconst handleChange = (checked, opt, e) => {\n\t\tconst group = [...selectedValues];\n\t\tconst i = group.findIndex((item) => item === opt.value);\n\n\t\tif (checked && i < 0) {\n\t\t\tgroup.push(opt.value);\n\t\t} else if (!checked && i > -1) {\n\t\t\tgroup.splice(i, 1);\n\t\t}\n\n\t\tsetSelectedValues(group);\n\t\tonChange?.(group, opt, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValues(value);\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-checkbox i-input-label\",\n\t\t\t\t{\n\t\t\t\t\t[`i-checkbox-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t\t},\n\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{label && (\n\t\t\t\t<span className='i-input-label-text'>\n\t\t\t\t\t{required && <span className='error'>*</span>}\n\t\t\t\t\t{label}\n\n\t\t\t\t\t{message && <p className='i-checkbox-message'>{message}</p>}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-checkbox-options\", {\n\t\t\t\t\t\"i-options-block\": !optionInline,\n\t\t\t\t\t\"i-checkbox-options-button\": type === \"button\",\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{formattedOptions.map((option) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<CheckboxItem\n\t\t\t\t\t\t\tkey={option.value as string}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tvalue={selectedValues.includes(option.value)}\n\t\t\t\t\t\t\toptionValue={option.value}\n\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\t\t\tonChange={(checked, e) =>\n\t\t\t\t\t\t\t\thandleChange(checked, option, e)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderItem ?? option.label}\n\t\t\t\t\t\t</CheckboxItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nCheckbox.Item = CheckboxItem;\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;AAMA,SAAO,SAAO,OAAoB;SAElC,OACC,MACC,UAAK,EAAA,EACL,QAAI,IACJ,OAAO,WACP,eAAU,MACV,aACA,UACA,SAAA,UACA,SACA,UACA,WACA,YACA,UACA,GAAA,cACA;CAED,MAAI,CAAA,gBAAK,sBAAA,GAAA,MAAA,UAAA,MAAA;CAET,MAAM,oBAAA,GAAA,MAAA,eAAiB,cAAA,aAA6B,QAAM,EAAA,CAAK,QAAC,CAAA;CAEhE,MAAM,gBAAgB,SAAG,KAAW,MAAG;;EAEvC,MAAM,IAAA,MAAA,WAAgB,SAAe,SAAK,IAAA,MAAA;AAEzC,MAAA,WAAe,IAAC,EAAA,OAAA,KAAA,IAAA,MAAA;WAEL,CAAC,WAAU,IAAA,GACrB,OAAM,OAAK,GAAI,EAAA;AAGhB,oBAAA,MAAA;;;AAID,EAAA,GAAA,MAAA,iBAAC;;IAED,CAAA,MAAU,CAAC;AAEX,QAAA,iBAAA,GAAA,kBAAA,MAAA,OAAA;EAEA,YAAA,GAAA,WAAA,SACE,4BACA;IACG,cAAY,WAAY,WAAA;GAC1B,kBAAA;GACC,EAED,UAAA;EAED,GAAC;aAEA,SACF,iBAAA,GAAA,kBAAA,MAAA,QAAA;GAAA,WAAA;aAAA;IACE,YAAS,iBAAA,GAAA,kBAAA,KAAA,QAAA;KAAA,WAAA;eAAA;KAAA,CAAA;IACR;IAEC,WAAK,iBAAA,GAAA,kBAAA,KAAA,KAAA;KAAA,WAAA;eAAA;KAAA,CAAA;;MAIR,iBAAA,GAAA,kBAAA,KAAC,OAAD;;IAEC,mBAAA,CAAA;IACA,6BAAyB,SAAS;IACjC,CAAC;aAED,iBAAC,KAAA,WAAA;AACH,WACE,iBAAA,GAAA,kBAAA,KAAA,aAAA,SAAA;KAEE;KACA,OAAK,eAAgB,SAAM,OAAA,MAAA;KAC3B,aAAU,OAAA;KACJ;KACN,UAAA,YAAoB,OAAK;KACzB,WAAU,SAAA,MACV,aAAU,SAAY,QAAO,EAAA;eAG7B,cAAA,OAAA;KACD,EAXM,OAAA,MAWN;KAEA;GACA,CAAA,CACA;;;AAIN,SAAA,OAAA,aAAA"}

package/lib/cjs/components/checkbox/index.cjs

@@ -0,0 +1,6 @@
+//#region packages/components/checkbox/index.tsx
+var checkbox_default = require("./checkbox.cjs").default;
+//#endregion
+exports.default = checkbox_default;
+
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/checkbox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Checkbox"],"sources":["../../../../packages/components/checkbox/index.tsx"],"sourcesContent":["import Checkbox from \"./checkbox\";\n\nexport default Checkbox;\n"],"mappings":";AAEA,IAAA,6CAAeA"}

package/lib/cjs/components/checkbox/item.cjs

@@ -0,0 +1,59 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/components/checkbox/item.tsx
+function CheckboxItem(props) {
+	const { type = "default", label, name, value = false, className, status = "normal", message, disabled, partof, optionValue, children, onChange, ...restProps } = props;
+	const [checked, setChecked] = (0, react.useState)(value);
+	const [itemStatus, setItemStatus] = (0, react.useState)(status);
+	const [itemMessage, setItemMessage] = (0, react.useState)(message);
+	const isChildrenFn = typeof children === "function";
+	const handleChange = (e) => {
+		const next = e.target.checked;
+		setChecked(next);
+		setItemStatus(status);
+		setItemMessage(message);
+		onChange?.(next, e);
+	};
+	(0, react.useEffect)(() => {
+		setChecked(value);
+	}, [value]);
+	(0, react.useEffect)(() => {
+		setItemStatus(status);
+		setItemMessage(message);
+	}, [status, message]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: (0, classnames.default)("i-checkbox-item", {
+			[`i-checkbox-${itemStatus}`]: itemStatus !== "normal",
+			disabled
+		}, className),
+		...restProps,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "checkbox",
+				name,
+				className: (0, classnames.default)("i-checkbox-input", {
+					[`i-checkbox-${type}`]: !partof,
+					"i-checkbox-partof": partof
+				}),
+				checked,
+				disabled,
+				onChange: handleChange
+			}),
+			isChildrenFn ? children(checked, optionValue) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "i-checkbox-text",
+				children: children || label
+			}),
+			itemMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "i-checkbox-message",
+				children: ["*", itemMessage]
+			})
+		]
+	});
+}
+//#endregion
+exports.default = CheckboxItem;
+
+//# sourceMappingURL=item.cjs.map

package/lib/cjs/components/checkbox/item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.cjs","names":[],"sources":["../../../../packages/components/checkbox/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { ChangeEvent, useEffect, useState } from \"react\";\nimport { ICheckboxItem } from \"./type\";\n\nexport default function CheckboxItem(props: ICheckboxItem) {\n\tconst {\n\t\ttype = \"default\",\n\t\tlabel,\n\t\tname,\n\t\tvalue = false,\n\t\tclassName,\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\tdisabled,\n\t\tpartof,\n\t\toptionValue,\n\t\tchildren,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst [checked, setChecked] = useState(value);\n\tconst [itemStatus, setItemStatus] = useState(status);\n\tconst [itemMessage, setItemMessage] = useState(message);\n\tconst isChildrenFn = typeof children === \"function\";\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tconst next = e.target.checked;\n\t\tsetChecked(next);\n\t\tsetItemStatus(status);\n\t\tsetItemMessage(message);\n\t\tonChange?.(next, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetChecked(value);\n\t}, [value]);\n\n\tuseEffect(() => {\n\t\tsetItemStatus(status);\n\t\tsetItemMessage(message);\n\t}, [status, message]);\n\n\treturn (\n\t\t<label\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-checkbox-item\",\n\t\t\t\t{\n\t\t\t\t\t[`i-checkbox-${itemStatus}`]: itemStatus !== \"normal\",\n\t\t\t\t\tdisabled,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t<input\n\t\t\t\ttype='checkbox'\n\t\t\t\tname={name}\n\t\t\t\tclassName={classNames(\"i-checkbox-input\", {\n\t\t\t\t\t[`i-checkbox-${type}`]: !partof,\n\t\t\t\t\t\"i-checkbox-partof\": partof,\n\t\t\t\t})}\n\t\t\t\tchecked={checked}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={handleChange}\n\t\t\t/>\n\n\t\t\t{isChildrenFn ? (\n\t\t\t\tchildren(checked, optionValue)\n\t\t\t) : (\n\t\t\t\t<span className='i-checkbox-text'>{children || label}</span>\n\t\t\t)}\n\n\t\t\t{itemMessage && (\n\t\t\t\t<span className='i-checkbox-message'>*{itemMessage}</span>\n\t\t\t)}\n\t\t</label>\n\t);\n}\n"],"mappings":";;;;;;AAIA,SAAwB,aAAa,OAAsB;CAC1D,MAAM,EACL,OAAO,WACP,OACA,MACA,QAAQ,OACR,WACA,SAAS,UACT,SACA,UACA,QACA,aACA,UACA,UACA,GAAG,cACA;CAEJ,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAC7C,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAA0B,OAAO;CACpD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA2B,QAAQ;CACvD,MAAM,eAAe,OAAO,aAAa;CAEzC,MAAM,gBAAgB,MAAqC;EAC1D,MAAM,OAAO,EAAE,OAAO;AACtB,aAAW,KAAK;AAChB,gBAAc,OAAO;AACrB,iBAAe,QAAQ;AACvB,aAAW,MAAM,EAAE;;AAGpB,EAAA,GAAA,MAAA,iBAAgB;AACf,aAAW,MAAM;IACf,CAAC,MAAM,CAAC;AAEX,EAAA,GAAA,MAAA,iBAAgB;AACf,gBAAc,OAAO;AACrB,iBAAe,QAAQ;IACrB,CAAC,QAAQ,QAAQ,CAAC;AAErB,QACC,iBAAA,GAAA,kBAAA,MAAC,SAAD;EACC,YAAA,GAAA,WAAA,SACC,mBACA;IACE,cAAc,eAAe,eAAe;GAC7C;GACA,EACD,UACA;EACD,GAAI;YATL;GAWC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACC,MAAK;IACC;IACN,YAAA,GAAA,WAAA,SAAsB,oBAAoB;MACxC,cAAc,SAAS,CAAC;KACzB,qBAAqB;KACrB,CAAC;IACO;IACC;IACV,UAAU;IACT,CAAA;GAED,eACA,SAAS,SAAS,YAAY,GAE9B,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAU;cAAmB,YAAY;IAAa,CAAA;GAG5D,eACA,iBAAA,GAAA,kBAAA,MAAC,QAAD;IAAM,WAAU;cAAhB,CAAqC,KAAE,YAAmB;;GAEpD"}