@ioca/react 1.4.80 → 1.5.1

package/lib/es/components/button/index.js

@@ -1,7 +1,6 @@
-import Button from "./button.js";
-//#region packages/components/button/index.tsx
-var button_default = Button;
-//#endregion
-export { button_default as default };
+import Button from './button.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Button as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/button/index.js.map

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

package/lib/es/components/button/toggle.js

@@ -1,44 +1,39 @@
-import Button from "./button.js";
-import classNames from "classnames";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/button/toggle.tsx
+import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { useState, useEffect } from 'react';
+import Button from './button.js';
+
 function Toggle(props) {
-	const { ref, active, activeClass, after, disabled, children, className, toggable, onClick, onToggle, ...restProps } = props;
-	const [isActive, setIsActive] = useState(active);
-	const [done, setDone] = 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();
-	};
-	useEffect(() => {
-		setIsActive(active);
-		setDone(true);
-	}, [active]);
-	return /* @__PURE__ */ jsx(Button, {
-		ref,
-		className: classNames(className, { [activeClass || ""]: isActive }, "i-btn-toggle"),
-		...restProps,
-		onClick: handleClick,
-		children: /* @__PURE__ */ jsx("div", {
-			className: classNames("i-btn-toggle-content", { "i-btn-toggle-active": done }),
-			children: isActive ? after ?? children : children
-		})
-	});
+    const { ref, active, activeClass, after, disabled, children, className, toggable, onClick, onToggle, ...restProps } = props;
+    const [isActive, setIsActive] = useState(active);
+    const [done, setDone] = useState(true);
+    const toggle = async () => {
+        const hasAfter = !!after;
+        const nextActive = !isActive;
+        const canToggle = toggable ? await toggable() : true;
+        if (!canToggle)
+            return;
+        setIsActive(nextActive);
+        setDone(!hasAfter);
+        onToggle?.(nextActive);
+        if (!hasAfter)
+            return;
+        setTimeout(() => {
+            setDone(true);
+        }, 16);
+    };
+    const handleClick = (e) => {
+        onClick?.(e);
+        !disabled && toggle();
+    };
+    useEffect(() => {
+        setIsActive(active);
+        setDone(true);
+    }, [active]);
+    return (jsx(Button, { ref: ref, className: classNames(className, { [activeClass || ""]: isActive }, "i-btn-toggle"), ...restProps, onClick: handleClick, children: jsx("div", { className: classNames("i-btn-toggle-content", {
+                "i-btn-toggle-active": done,
+            }), children: isActive ? (after ?? children) : children }) }));
 }
-//#endregion
-export { Toggle as default };
 
-//# sourceMappingURL=toggle.js.map
+export { Toggle as default };
+//# sourceMappingURL=toggle.js.map

package/lib/es/components/button/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":[],"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,eAAe,SAAS,OAAO;CAChD,MAAM,CAAC,MAAM,WAAW,SAAS,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,iBAAgB;AACf,cAAY,OAAO;AACnB,UAAQ,KAAK;IACX,CAAC,OAAO,CAAC;AAEZ,QACC,oBAAC,QAAD;EACM;EACL,WAAW,WACV,WACA,GAAG,eAAe,KAAK,UAAU,EACjC,eACA;EACD,GAAI;EACJ,SAAS;YAET,oBAAC,OAAD;GACC,WAAW,WAAW,wBAAwB,EAC7C,uBAAuB,MACvB,CAAC;aAED,WAAY,SAAS,WAAY;GAC7B,CAAA;EACE,CAAA"}
+{"version":3,"file":"toggle.js","sources":["../../../../packages/components/button/toggle.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { MouseEvent, useEffect, useState } from \"react\";\r\nimport Button from \"./button\";\r\nimport { IButtonToggle } from \"./type\";\r\n\r\nexport default function Toggle(props: IButtonToggle) {\r\n\tconst {\r\n\t\tref,\r\n\t\tactive,\r\n\t\tactiveClass,\r\n\t\tafter,\r\n\t\tdisabled,\r\n\t\tchildren,\r\n\t\tclassName,\r\n\t\ttoggable,\r\n\t\tonClick,\r\n\t\tonToggle,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst [isActive, setIsActive] = useState(active);\r\n\tconst [done, setDone] = useState(true);\r\n\r\n\tconst toggle = async () => {\r\n\t\tconst hasAfter = !!after;\r\n\t\tconst nextActive = !isActive;\r\n\r\n\t\tconst canToggle = toggable ? await toggable() : true;\r\n\t\tif (!canToggle) return;\r\n\r\n\t\tsetIsActive(nextActive);\r\n\t\tsetDone(!hasAfter);\r\n\t\tonToggle?.(nextActive);\r\n\r\n\t\tif (!hasAfter) return;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tsetDone(true);\r\n\t\t}, 16);\r\n\t};\r\n\r\n\tconst handleClick = (e: MouseEvent<HTMLElement>) => {\r\n\t\tonClick?.(e);\r\n\r\n\t\t!disabled && toggle();\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tsetIsActive(active);\r\n\t\tsetDone(true);\r\n\t}, [active]);\r\n\r\n\treturn (\r\n\t\t<Button\r\n\t\t\tref={ref}\r\n\t\t\tclassName={classNames(\r\n\t\t\t\tclassName,\r\n\t\t\t\t{ [activeClass || \"\"]: isActive },\r\n\t\t\t\t\"i-btn-toggle\",\r\n\t\t\t)}\r\n\t\t\t{...restProps}\r\n\t\t\tonClick={handleClick}\r\n\t\t>\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-btn-toggle-content\", {\r\n\t\t\t\t\t\"i-btn-toggle-active\": done,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t{isActive ? (after ?? children) : children}\r\n\t\t\t</div>\r\n\t\t</Button>\r\n\t);\r\n}\r\n"],"names":["_jsx"],"mappings":";;;;;AAKc,SAAU,MAAM,CAAC,KAAoB,EAAA;IAClD,MAAM,EACL,GAAG,EACH,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACZ,GAAG,KAAK;IAET,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC;IAChD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAEtC,IAAA,MAAM,MAAM,GAAG,YAAW;AACzB,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK;AACxB,QAAA,MAAM,UAAU,GAAG,CAAC,QAAQ;AAE5B,QAAA,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,QAAQ,EAAE,GAAG,IAAI;AACpD,QAAA,IAAI,CAAC,SAAS;YAAE;QAEhB,WAAW,CAAC,UAAU,CAAC;AACvB,QAAA,OAAO,CAAC,CAAC,QAAQ,CAAC;AAClB,QAAA,QAAQ,GAAG,UAAU,CAAC;AAEtB,QAAA,IAAI,CAAC,QAAQ;YAAE;QAEf,UAAU,CAAC,MAAK;YACf,OAAO,CAAC,IAAI,CAAC;QACd,CAAC,EAAE,EAAE,CAAC;AACP,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;AAClD,QAAA,OAAO,GAAG,CAAC,CAAC;AAEZ,QAAA,CAAC,QAAQ,IAAI,MAAM,EAAE;AACtB,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;QACd,WAAW,CAAC,MAAM,CAAC;QACnB,OAAO,CAAC,IAAI,CAAC;AACd,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACCA,GAAA,CAAC,MAAM,EAAA,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,SAAS,EACT,EAAE,CAAC,WAAW,IAAI,EAAE,GAAG,QAAQ,EAAE,EACjC,cAAc,CACd,EAAA,GACG,SAAS,EACb,OAAO,EAAE,WAAW,YAEpBA,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE;AAC7C,gBAAA,qBAAqB,EAAE,IAAI;AAC3B,aAAA,CAAC,YAED,QAAQ,IAAI,KAAK,IAAI,QAAQ,IAAI,QAAQ,EAAA,CACrC,EAAA,CACE;AAEX;;;;"}

package/lib/es/components/card/card.js

@@ -1,31 +1,13 @@
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/card/card.tsx
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+
 const Card = (props) => {
-	const { hideShadow, border, className, children, header, footer, ...restProps } = props;
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("i-card", className, {
-			shadow: !hideShadow,
-			"i-card-bordered": border
-		}),
-		...restProps,
-		children: [
-			header && /* @__PURE__ */ jsx("div", {
-				className: "i-card-header",
-				children: header
-			}),
-			children && /* @__PURE__ */ jsx("div", {
-				className: "i-card-content",
-				children
-			}),
-			footer && /* @__PURE__ */ jsx("div", {
-				className: "i-card-footer",
-				children: footer
-			})
-		]
-	});
+    const { hideShadow, border, className, children, header, footer, ...restProps } = props;
+    return (jsxs("div", { className: classNames("i-card", className, {
+            shadow: !hideShadow,
+            "i-card-bordered": border,
+        }), ...restProps, children: [header && jsx("div", { className: 'i-card-header', children: header }), children && jsx("div", { className: 'i-card-content', children: children }), footer && jsx("div", { className: 'i-card-footer', children: footer })] }));
 };
-//#endregion
-export { Card as default };
 
-//# sourceMappingURL=card.js.map
+export { Card as default };
+//# sourceMappingURL=card.js.map

package/lib/es/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","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":""}
+{"version":3,"file":"card.js","sources":["../../../../packages/components/card/card.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport \"./index.css\";\r\nimport { ICard } from \"./type\";\r\n\r\nconst Card = (props: ICard) => {\r\n\tconst {\r\n\t\thideShadow,\r\n\t\tborder,\r\n\t\tclassName,\r\n\t\tchildren,\r\n\t\theader,\r\n\t\tfooter,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={classNames(\"i-card\", className, {\r\n\t\t\t\tshadow: !hideShadow,\r\n\t\t\t\t\"i-card-bordered\": border,\r\n\t\t\t})}\r\n\t\t\t{...restProps}\r\n\t\t>\r\n\t\t\t{header && <div className='i-card-header'>{header}</div>}\r\n\r\n\t\t\t{children && <div className='i-card-content'>{children}</div>}\r\n\r\n\t\t\t{footer && <div className='i-card-footer'>{footer}</div>}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Card;\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,IAAI,GAAG,CAAC,KAAY,KAAI;AAC7B,IAAA,MAAM,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,GAAG,SAAS,EACZ,GAAG,KAAK;IAET,QACCA,cACC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE;YAC1C,MAAM,EAAE,CAAC,UAAU;AACnB,YAAA,iBAAiB,EAAE,MAAM;AACzB,SAAA,CAAC,EAAA,GACE,SAAS,EAAA,QAAA,EAAA,CAEZ,MAAM,IAAIC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,YAAE,MAAM,EAAA,CAAO,EAEvD,QAAQ,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EAE5D,MAAM,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAAE,MAAM,EAAA,CAAO,CAAA,EAAA,CACnD;AAER;;;;"}

package/lib/es/components/card/index.js

@@ -1,7 +1,6 @@
-import Card from "./card.js";
-//#region packages/components/card/index.tsx
-var card_default = Card;
-//#endregion
-export { card_default as default };
+import Card from './card.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Card as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/card/index.js.map

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

package/lib/es/components/checkbox/checkbox.js

@@ -1,64 +1,39 @@
-import { formatOption } from "../../js/utils.js";
-import CheckboxItem from "./item.js";
-import classNames from "classnames";
-import { useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/checkbox/checkbox.tsx
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { useState, useMemo, useEffect } from 'react';
+import { formatOption } from '../../js/utils.js';
+import CheckboxItem from './item.js';
+
 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] = useState(value);
-	const formattedOptions = useMemo(() => 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);
-	};
-	useEffect(() => {
-		setSelectedValues(value);
-	}, [value]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("i-checkbox i-input-label", {
-			[`i-checkbox-${status}`]: status !== "normal",
-			"i-input-inline": labelInline
-		}, className),
-		...restProps,
-		children: [label && /* @__PURE__ */ jsxs("span", {
-			className: "i-input-label-text",
-			children: [
-				required && /* @__PURE__ */ jsx("span", {
-					className: "error",
-					children: "*"
-				}),
-				label,
-				message && /* @__PURE__ */ jsx("p", {
-					className: "i-checkbox-message",
-					children: message
-				})
-			]
-		}), /* @__PURE__ */ jsx("div", {
-			className: classNames("i-checkbox-options", {
-				"i-options-block": !optionInline,
-				"i-checkbox-options-button": type === "button"
-			}),
-			children: formattedOptions.map((option) => {
-				return /* @__PURE__ */ jsx(CheckboxItem, {
-					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);
-			})
-		})]
-	});
+    const { label, name, options = [], value = "", type = "default", optionInline = true, labelInline, disabled, status = "normal", message, required, className, renderItem, onChange, ...restProps } = props;
+    const [selectedValues, setSelectedValues] = useState(value);
+    const formattedOptions = useMemo(() => 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);
+    };
+    useEffect(() => {
+        setSelectedValues(value);
+    }, [value]);
+    return (jsxs("div", { className: classNames("i-checkbox i-input-label", {
+            [`i-checkbox-${status}`]: status !== "normal",
+            "i-input-inline": labelInline,
+        }, className), ...restProps, children: [label && (jsxs("span", { className: 'i-input-label-text', children: [required && jsx("span", { className: 'error', children: "*" }), label, message && jsx("p", { className: 'i-checkbox-message', children: message })] })), jsx("div", { className: classNames("i-checkbox-options", {
+                    "i-options-block": !optionInline,
+                    "i-checkbox-options-button": type === "button",
+                }), children: formattedOptions.map((option) => {
+                    return (jsx(CheckboxItem, { name: name, value: selectedValues.includes(option.value), optionValue: option.value, type: type, disabled: disabled || option.disabled, onChange: (checked, e) => handleChange(checked, option, e), children: renderItem ?? option.label }, option.value));
+                }) })] }));
 }
 Checkbox.Item = CheckboxItem;
-//#endregion
-export { Checkbox as default };
 
-//# sourceMappingURL=checkbox.js.map
+export { Checkbox as default };
+//# sourceMappingURL=checkbox.js.map

package/lib/es/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","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":""}
+{"version":3,"file":"checkbox.js","sources":["../../../../packages/components/checkbox/checkbox.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { useEffect, useMemo, useState } from \"react\";\r\nimport \"../../css/input.css\";\r\nimport { formatOption } from \"../../js/utils\";\r\nimport \"./index.css\";\r\nimport CheckboxItem from \"./item\";\r\nimport type { ICheckbox } from \"./type\";\r\n\r\nfunction Checkbox(props: ICheckbox) {\r\n\tconst {\r\n\t\tlabel,\r\n\t\tname,\r\n\t\toptions = [],\r\n\t\tvalue = \"\",\r\n\t\ttype = \"default\",\r\n\t\toptionInline = true,\r\n\t\tlabelInline,\r\n\t\tdisabled,\r\n\t\tstatus = \"normal\",\r\n\t\tmessage,\r\n\t\trequired,\r\n\t\tclassName,\r\n\t\trenderItem,\r\n\t\tonChange,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst [selectedValues, setSelectedValues] = useState<any>(value);\r\n\r\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\r\n\r\n\tconst handleChange = (checked, opt, e) => {\r\n\t\tconst group = [...selectedValues];\r\n\t\tconst i = group.findIndex((item) => item === opt.value);\r\n\r\n\t\tif (checked && i < 0) {\r\n\t\t\tgroup.push(opt.value);\r\n\t\t} else if (!checked && i > -1) {\r\n\t\t\tgroup.splice(i, 1);\r\n\t\t}\r\n\r\n\t\tsetSelectedValues(group);\r\n\t\tonChange?.(group, opt, e);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tsetSelectedValues(value);\r\n\t}, [value]);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={classNames(\r\n\t\t\t\t\"i-checkbox i-input-label\",\r\n\t\t\t\t{\r\n\t\t\t\t\t[`i-checkbox-${status}`]: status !== \"normal\",\r\n\t\t\t\t\t\"i-input-inline\": labelInline,\r\n\t\t\t\t},\r\n\r\n\t\t\t\tclassName\r\n\t\t\t)}\r\n\t\t\t{...restProps}\r\n\t\t>\r\n\t\t\t{label && (\r\n\t\t\t\t<span className='i-input-label-text'>\r\n\t\t\t\t\t{required && <span className='error'>*</span>}\r\n\t\t\t\t\t{label}\r\n\r\n\t\t\t\t\t{message && <p className='i-checkbox-message'>{message}</p>}\r\n\t\t\t\t</span>\r\n\t\t\t)}\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-checkbox-options\", {\r\n\t\t\t\t\t\"i-options-block\": !optionInline,\r\n\t\t\t\t\t\"i-checkbox-options-button\": type === \"button\",\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t{formattedOptions.map((option) => {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<CheckboxItem\r\n\t\t\t\t\t\t\tkey={option.value as string}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={selectedValues.includes(option.value)}\r\n\t\t\t\t\t\t\toptionValue={option.value}\r\n\t\t\t\t\t\t\ttype={type}\r\n\t\t\t\t\t\t\tdisabled={disabled || option.disabled}\r\n\t\t\t\t\t\t\tonChange={(checked, e) =>\r\n\t\t\t\t\t\t\t\thandleChange(checked, option, e)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderItem ?? option.label}\r\n\t\t\t\t\t\t</CheckboxItem>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nCheckbox.Item = CheckboxItem;\r\n\r\nexport default Checkbox;\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAQA,SAAS,QAAQ,CAAC,KAAgB,EAAA;IACjC,MAAM,EACL,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,EAAE,EACZ,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,SAAS,EAChB,YAAY,GAAG,IAAI,EACnB,WAAW,EACX,QAAQ,EACR,MAAM,GAAG,QAAQ,EACjB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,SAAS,EACZ,GAAG,KAAK;IAET,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAM,KAAK,CAAC;AAEhE,IAAA,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAI;AACxC,QAAA,MAAM,KAAK,GAAG,CAAC,GAAG,cAAc,CAAC;AACjC,QAAA,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,GAAG,CAAC,KAAK,CAAC;AAEvD,QAAA,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,EAAE;AACrB,YAAA,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QACtB;aAAO,IAAI,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,EAAE;AAC9B,YAAA,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QACnB;QAEA,iBAAiB,CAAC,KAAK,CAAC;QACxB,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;AAC1B,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;QACd,iBAAiB,CAAC,KAAK,CAAC;AACzB,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,QACCA,IAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CACpB,0BAA0B,EAC1B;AACC,YAAA,CAAC,cAAc,MAAM,CAAA,CAAE,GAAG,MAAM,KAAK,QAAQ;AAC7C,YAAA,gBAAgB,EAAE,WAAW;AAC7B,SAAA,EAED,SAAS,CACT,EAAA,GACG,SAAS,EAAA,QAAA,EAAA,CAEZ,KAAK,KACLA,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAA,CAClC,QAAQ,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,OAAO,EAAA,QAAA,EAAA,GAAA,EAAA,CAAS,EAC5C,KAAK,EAEL,OAAO,IAAIA,WAAG,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAE,OAAO,GAAK,CAAA,EAAA,CACrD,CACP,EAEDA,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE;oBAC3C,iBAAiB,EAAE,CAAC,YAAY;oBAChC,2BAA2B,EAAE,IAAI,KAAK,QAAQ;iBAC9C,CAAC,EAAA,QAAA,EAED,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AAChC,oBAAA,QACCA,GAAA,CAAC,YAAY,EAAA,EAEZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAE,MAAM,CAAC,KAAK,EACzB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,KACpB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,EAAA,QAAA,EAGhC,UAAU,IAAI,MAAM,CAAC,KAAK,EAAA,EAVtB,MAAM,CAAC,KAAe,CAWb;AAEjB,gBAAA,CAAC,CAAC,EAAA,CACG,CAAA,EAAA,CACD;AAER;AAEA,QAAQ,CAAC,IAAI,GAAG,YAAY;;;;"}

package/lib/es/components/checkbox/index.js

@@ -1,7 +1,6 @@
-import Checkbox from "./checkbox.js";
-//#region packages/components/checkbox/index.tsx
-var checkbox_default = Checkbox;
-//#endregion
-export { checkbox_default as default };
+import Checkbox from './checkbox.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Checkbox as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/checkbox/index.js.map

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

package/lib/es/components/checkbox/item.js

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

package/lib/es/components/checkbox/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","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,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,YAAY,iBAAiB,SAAS,OAAO;CACpD,MAAM,CAAC,aAAa,kBAAkB,SAAS,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,iBAAgB;AACf,aAAW,MAAM;IACf,CAAC,MAAM,CAAC;AAEX,iBAAgB;AACf,gBAAc,OAAO;AACrB,iBAAe,QAAQ;IACrB,CAAC,QAAQ,QAAQ,CAAC;AAErB,QACC,qBAAC,SAAD;EACC,WAAW,WACV,mBACA;IACE,cAAc,eAAe,eAAe;GAC7C;GACA,EACD,UACA;EACD,GAAI;YATL;GAWC,oBAAC,SAAD;IACC,MAAK;IACC;IACN,WAAW,WAAW,oBAAoB;MACxC,cAAc,SAAS,CAAC;KACzB,qBAAqB;KACrB,CAAC;IACO;IACC;IACV,UAAU;IACT,CAAA;GAED,eACA,SAAS,SAAS,YAAY,GAE9B,oBAAC,QAAD;IAAM,WAAU;cAAmB,YAAY;IAAa,CAAA;GAG5D,eACA,qBAAC,QAAD;IAAM,WAAU;cAAhB,CAAqC,KAAE,YAAmB;;GAEpD"}
+{"version":3,"file":"item.js","sources":["../../../../packages/components/checkbox/item.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { ChangeEvent, useEffect, useState } from \"react\";\r\nimport { ICheckboxItem } from \"./type\";\r\n\r\nexport default function CheckboxItem(props: ICheckboxItem) {\r\n\tconst {\r\n\t\ttype = \"default\",\r\n\t\tlabel,\r\n\t\tname,\r\n\t\tvalue = false,\r\n\t\tclassName,\r\n\t\tstatus = \"normal\",\r\n\t\tmessage,\r\n\t\tdisabled,\r\n\t\tpartof,\r\n\t\toptionValue,\r\n\t\tchildren,\r\n\t\tonChange,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst [checked, setChecked] = useState(value);\r\n\tconst [itemStatus, setItemStatus] = useState(status);\r\n\tconst [itemMessage, setItemMessage] = useState(message);\r\n\tconst isChildrenFn = typeof children === \"function\";\r\n\r\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n\t\tconst next = e.target.checked;\r\n\t\tsetChecked(next);\r\n\t\tsetItemStatus(status);\r\n\t\tsetItemMessage(message);\r\n\t\tonChange?.(next, e);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tsetChecked(value);\r\n\t}, [value]);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetItemStatus(status);\r\n\t\tsetItemMessage(message);\r\n\t}, [status, message]);\r\n\r\n\treturn (\r\n\t\t<label\r\n\t\t\tclassName={classNames(\r\n\t\t\t\t\"i-checkbox-item\",\r\n\t\t\t\t{\r\n\t\t\t\t\t[`i-checkbox-${itemStatus}`]: itemStatus !== \"normal\",\r\n\t\t\t\t\tdisabled,\r\n\t\t\t\t},\r\n\t\t\t\tclassName\r\n\t\t\t)}\r\n\t\t\t{...restProps}\r\n\t\t>\r\n\t\t\t<input\r\n\t\t\t\ttype='checkbox'\r\n\t\t\t\tname={name}\r\n\t\t\t\tclassName={classNames(\"i-checkbox-input\", {\r\n\t\t\t\t\t[`i-checkbox-${type}`]: !partof,\r\n\t\t\t\t\t\"i-checkbox-partof\": partof,\r\n\t\t\t\t})}\r\n\t\t\t\tchecked={checked}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\tonChange={handleChange}\r\n\t\t\t/>\r\n\r\n\t\t\t{isChildrenFn ? (\r\n\t\t\t\tchildren(checked, optionValue)\r\n\t\t\t) : (\r\n\t\t\t\t<span className='i-checkbox-text'>{children || label}</span>\r\n\t\t\t)}\r\n\r\n\t\t\t{itemMessage && (\r\n\t\t\t\t<span className='i-checkbox-message'>*{itemMessage}</span>\r\n\t\t\t)}\r\n\t\t</label>\r\n\t);\r\n}\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAIc,SAAU,YAAY,CAAC,KAAoB,EAAA;AACxD,IAAA,MAAM,EACL,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,IAAI,EACJ,KAAK,GAAG,KAAK,EACb,SAAS,EACT,MAAM,GAAG,QAAQ,EACjB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,SAAS,EACZ,GAAG,KAAK;IAET,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC;AACvD,IAAA,MAAM,YAAY,GAAG,OAAO,QAAQ,KAAK,UAAU;AAEnD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAgC,KAAI;AACzD,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO;QAC7B,UAAU,CAAC,IAAI,CAAC;QAChB,aAAa,CAAC,MAAM,CAAC;QACrB,cAAc,CAAC,OAAO,CAAC;AACvB,QAAA,QAAQ,GAAG,IAAI,EAAE,CAAC,CAAC;AACpB,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;QACd,UAAU,CAAC,KAAK,CAAC;AAClB,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,SAAS,CAAC,MAAK;QACd,aAAa,CAAC,MAAM,CAAC;QACrB,cAAc,CAAC,OAAO,CAAC;AACxB,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAErB,IAAA,QACCA,IAAA,CAAA,OAAA,EAAA,EACC,SAAS,EAAE,UAAU,CACpB,iBAAiB,EACjB;AACC,YAAA,CAAC,cAAc,UAAU,CAAA,CAAE,GAAG,UAAU,KAAK,QAAQ;YACrD,QAAQ;AACR,SAAA,EACD,SAAS,CACT,EAAA,GACG,SAAS,EAAA,QAAA,EAAA,CAEbC,GAAA,CAAA,OAAA,EAAA,EACC,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;AACzC,oBAAA,CAAC,cAAc,IAAI,CAAA,CAAE,GAAG,CAAC,MAAM;AAC/B,oBAAA,mBAAmB,EAAE,MAAM;iBAC3B,CAAC,EACF,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,GACrB,EAED,YAAY,IACZ,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,KAE9BA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,IAAI,KAAK,EAAA,CAAQ,CAC5D,EAEA,WAAW,KACXD,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAA,CAAA,GAAA,EAAG,WAAW,CAAA,EAAA,CAAQ,CAC1D,CAAA,EAAA,CACM;AAEV;;;;"}

package/lib/es/components/collapse/collapse.js

@@ -1,82 +1,72 @@
-import helpericon_default from "../utils/helpericon/index.js";
-import Item from "./item.js";
-import classNames from "classnames";
-import { Children, useMemo, useState } from "react";
-import { MinusRound, PlusRound } from "@ricons/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/collapse/collapse.tsx
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { MinusRound, PlusRound } from '@ricons/material';
+import classNames from 'classnames';
+import { useState, useMemo, Children } from 'react';
+import Helpericon from '../utils/helpericon/helpericon.js';
+import Item from './item.js';
+
 const Collapse = (props) => {
-	const { active, items, multiple, border, headerClickable, className, children, renderToggle = (active) => active ? /* @__PURE__ */ jsx(MinusRound, {}) : /* @__PURE__ */ jsx(PlusRound, {}), onCollapse, ...restProps } = props;
-	const [activeKey, setActiveKey] = useState(active);
-	const collapses = useMemo(() => {
-		if (!items) {
-			if (!children) return [];
-			return Children.map(children, (node, i) => {
-				const { key, props: nodeProps } = node;
-				const { title, children, content, disabled, ...restProps } = nodeProps;
-				return {
-					...restProps,
-					key: key || i,
-					title,
-					content: children || content,
-					disabled
-				};
-			}) || [];
-		}
-		return items;
-	}, [children]);
-	const handleHeaderClick = (item) => {
-		if (!headerClickable) return;
-		handleToggle(item);
-	};
-	const handleToggle = (item, e) => {
-		const { key, disabled } = item;
-		e?.stopPropagation();
-		if (disabled) return;
-		if (!multiple) {
-			const nextActive = activeKey === key ? void 0 : key;
-			setActiveKey(nextActive);
-			onCollapse?.(key, nextActive !== void 0);
-			return;
-		}
-		const group = Array.isArray(activeKey) ? [...activeKey] : [];
-		const i = group.findIndex((k) => k === key);
-		if (i > -1) group.splice(i, 1);
-		else key !== void 0 && group.push(key);
-		setActiveKey(group);
-		onCollapse?.(key, i < 0);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: classNames("i-collapse", { "i-collapse-bordered": border }, className),
-		...restProps,
-		children: collapses.map((item) => {
-			const { key, title, content, disabled, className, ...restProps } = item;
-			const isActive = multiple ? (activeKey || []).includes(key) : activeKey === key;
-			return /* @__PURE__ */ jsxs("div", {
-				className: classNames("i-collapse-item", className, {
-					"i-collapse-active": isActive,
-					"i-collapse-disabled": disabled
-				}),
-				...restProps,
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "i-collapse-header",
-					onClick: () => handleHeaderClick(item),
-					children: [title, /* @__PURE__ */ jsx(helpericon_default, {
-						active: true,
-						className: "i-collapse-toggle",
-						icon: renderToggle(isActive),
-						onClick: (e) => handleToggle(item, e)
-					})]
-				}), /* @__PURE__ */ jsx("div", {
-					className: "i-collapse-content",
-					children: content
-				})]
-			}, key);
-		})
-	});
+    const { active, items, multiple, border, headerClickable, className, children, renderToggle = (active) => active ? jsx(MinusRound, {}) : jsx(PlusRound, {}), onCollapse, ...restProps } = props;
+    const [activeKey, setActiveKey] = useState(active);
+    const collapses = useMemo(() => {
+        if (!items) {
+            if (!children)
+                return [];
+            return (Children.map(children, (node, i) => {
+                const { key, props: nodeProps } = node;
+                const { title, children, content, disabled, ...restProps } = nodeProps;
+                return {
+                    ...restProps,
+                    key: key || i,
+                    title,
+                    content: children || content,
+                    disabled,
+                };
+            }) || []);
+        }
+        return items;
+    }, [children]);
+    const handleHeaderClick = (item) => {
+        if (!headerClickable)
+            return;
+        handleToggle(item);
+    };
+    const handleToggle = (item, e) => {
+        const { key, disabled } = item;
+        e?.stopPropagation();
+        if (disabled)
+            return;
+        if (!multiple) {
+            const nextActive = activeKey === key ? undefined : key;
+            setActiveKey(nextActive);
+            onCollapse?.(key, nextActive !== undefined);
+            return;
+        }
+        const group = Array.isArray(activeKey) ? [...activeKey] : [];
+        const i = group.findIndex((k) => k === key);
+        if (i > -1) {
+            group.splice(i, 1);
+        }
+        else {
+            key !== undefined && group.push(key);
+        }
+        setActiveKey(group);
+        onCollapse?.(key, i < 0);
+    };
+    return (jsx("div", { className: classNames("i-collapse", {
+            "i-collapse-bordered": border,
+        }, className), ...restProps, children: collapses.map((item) => {
+            const { key, title, content, disabled, className, ...restProps } = item;
+            const isActive = multiple
+                ? (activeKey || []).includes(key)
+                : activeKey === key;
+            return (jsxs("div", { className: classNames("i-collapse-item", className, {
+                    "i-collapse-active": isActive,
+                    "i-collapse-disabled": disabled,
+                }), ...restProps, children: [jsxs("div", { className: 'i-collapse-header', onClick: () => handleHeaderClick(item), children: [title, jsx(Helpericon, { active: true, className: 'i-collapse-toggle', icon: renderToggle(isActive), onClick: (e) => handleToggle(item, e) })] }), jsx("div", { className: 'i-collapse-content', children: content })] }, key));
+        }) }));
 };
 Collapse.Item = Item;
-//#endregion
-export { Collapse as default };
 
-//# sourceMappingURL=collapse.js.map
+export { Collapse as default };
+//# sourceMappingURL=collapse.js.map