@ioca/react 1.4.80 → 1.5.1

package/lib/es/components/tag/tag.js

@@ -1,30 +1,18 @@
-import helpericon_default from "../utils/helpericon/index.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/tag/tag.tsx
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import Helpericon from '../utils/helpericon/helpericon.js';
+
 const Tag = (props) => {
-	const { dot, dotClass, outline, round, size = "normal", hoverShowClose, className, children, onClose, onClick, ...restProps } = props;
-	return /* @__PURE__ */ jsxs("span", {
-		className: classNames("i-tag", {
-			"i-tag-outline": outline,
-			"i-tag-clickable": onClick,
-			[`i-tag-${size}`]: size !== "normal",
-			round
-		}, className),
-		onClick,
-		...restProps,
-		children: [
-			dot && /* @__PURE__ */ jsx("span", { className: classNames("i-tag-dot", dotClass) }),
-			children,
-			onClose && /* @__PURE__ */ jsx(helpericon_default, {
-				active: true,
-				className: classNames("i-tag-close", { "i-tag-hover-close": hoverShowClose }),
-				onClick: onClose
-			})
-		]
-	});
+    const { dot, dotClass, outline, round, size = "normal", hoverShowClose, className, children, onClose, onClick, ...restProps } = props;
+    return (jsxs("span", { className: classNames("i-tag", {
+            "i-tag-outline": outline,
+            "i-tag-clickable": onClick,
+            [`i-tag-${size}`]: size !== "normal",
+            round,
+        }, className), onClick: onClick, ...restProps, children: [dot && jsx("span", { className: classNames("i-tag-dot", dotClass) }), children, onClose && (jsx(Helpericon, { active: true, className: classNames("i-tag-close", {
+                    "i-tag-hover-close": hoverShowClose,
+                }), onClick: onClose }))] }));
 };
-//#endregion
-export { Tag as default };
 
-//# sourceMappingURL=tag.js.map
+export { Tag as default };
+//# sourceMappingURL=tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.js","names":[],"sources":["../../../../packages/components/tag/tag.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { ITag } from \"./type\";\n\nconst Tag = (props: ITag) => {\n\tconst {\n\t\tdot,\n\t\tdotClass,\n\t\toutline,\n\t\tround,\n\t\tsize = \"normal\",\n\t\thoverShowClose,\n\t\tclassName,\n\t\tchildren,\n\t\tonClose,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<span\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-tag\",\n\t\t\t\t{\n\t\t\t\t\t\"i-tag-outline\": outline,\n\t\t\t\t\t\"i-tag-clickable\": onClick,\n\t\t\t\t\t[`i-tag-${size}`]: size !== \"normal\",\n\t\t\t\t\tround,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClick={onClick}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{dot && <span className={classNames(\"i-tag-dot\", dotClass)}></span>}\n\n\t\t\t{children}\n\n\t\t\t{onClose && (\n\t\t\t\t<Helpericon\n\t\t\t\t\tactive\n\t\t\t\t\tclassName={classNames(\"i-tag-close\", {\n\t\t\t\t\t\t\"i-tag-hover-close\": hoverShowClose,\n\t\t\t\t\t})}\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</span>\n\t);\n};\n\nexport default Tag;\n"],"mappings":""}
+{"version":3,"file":"tag.js","sources":["../../../../packages/components/tag/tag.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport Helpericon from \"../utils/helpericon\";\r\nimport \"./index.css\";\r\nimport { ITag } from \"./type\";\r\n\r\nconst Tag = (props: ITag) => {\r\n\tconst {\r\n\t\tdot,\r\n\t\tdotClass,\r\n\t\toutline,\r\n\t\tround,\r\n\t\tsize = \"normal\",\r\n\t\thoverShowClose,\r\n\t\tclassName,\r\n\t\tchildren,\r\n\t\tonClose,\r\n\t\tonClick,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<span\r\n\t\t\tclassName={classNames(\r\n\t\t\t\t\"i-tag\",\r\n\t\t\t\t{\r\n\t\t\t\t\t\"i-tag-outline\": outline,\r\n\t\t\t\t\t\"i-tag-clickable\": onClick,\r\n\t\t\t\t\t[`i-tag-${size}`]: size !== \"normal\",\r\n\t\t\t\t\tround,\r\n\t\t\t\t},\r\n\t\t\t\tclassName\r\n\t\t\t)}\r\n\t\t\tonClick={onClick}\r\n\t\t\t{...restProps}\r\n\t\t>\r\n\t\t\t{dot && <span className={classNames(\"i-tag-dot\", dotClass)}></span>}\r\n\r\n\t\t\t{children}\r\n\r\n\t\t\t{onClose && (\r\n\t\t\t\t<Helpericon\r\n\t\t\t\t\tactive\r\n\t\t\t\t\tclassName={classNames(\"i-tag-close\", {\r\n\t\t\t\t\t\t\"i-tag-hover-close\": hoverShowClose,\r\n\t\t\t\t\t})}\r\n\t\t\t\t\tonClick={onClose}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</span>\r\n\t);\r\n};\r\n\r\nexport default Tag;\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,GAAG,GAAG,CAAC,KAAW,KAAI;AAC3B,IAAA,MAAM,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,cAAc,EACd,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,EACP,GAAG,SAAS,EACZ,GAAG,KAAK;AAET,IAAA,QACCA,IAAA,CAAA,MAAA,EAAA,EACC,SAAS,EAAE,UAAU,CACpB,OAAO,EACP;AACC,YAAA,eAAe,EAAE,OAAO;AACxB,YAAA,iBAAiB,EAAE,OAAO;AAC1B,YAAA,CAAC,SAAS,IAAI,CAAA,CAAE,GAAG,IAAI,KAAK,QAAQ;YACpC,KAAK;AACL,SAAA,EACD,SAAS,CACT,EACD,OAAO,EAAE,OAAO,EAAA,GACZ,SAAS,EAAA,QAAA,EAAA,CAEZ,GAAG,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAS,EAElE,QAAQ,EAER,OAAO,KACPA,GAAA,CAAC,UAAU,EAAA,EACV,MAAM,EAAA,IAAA,EACN,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE;AACpC,oBAAA,mBAAmB,EAAE,cAAc;iBACnC,CAAC,EACF,OAAO,EAAE,OAAO,GACf,CACF,CAAA,EAAA,CACK;AAET;;;;"}

package/lib/es/components/text/highlight.js

@@ -1,34 +1,28 @@
-import Text from "./text.js";
-import { Fragment, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { findAll } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/highlight-words-core@1.2.3/node_modules/highlight-words-core/dist/index.js";
-//#region packages/components/text/highlight.tsx
+import { jsx } from 'react/jsx-runtime';
+import { findAll } from 'highlight-words-core';
+import { useMemo, Fragment } from 'react';
+import Text from './text.js';
+
 function HighLight(props) {
-	const { keyword, text, escape, caseSensitive, renderWord = (word) => /* @__PURE__ */ jsx("mark", { children: word }), ...restProps } = props;
-	const content = useMemo(() => {
-		const source = text;
-		return findAll({
-			searchWords: typeof keyword === "string" ? [keyword] : keyword,
-			textToHighlight: text,
-			caseSensitive,
-			autoEscape: escape
-		}).map((chunk, i) => {
-			const { end, highlight, start } = chunk;
-			const word = source.slice(start, end);
-			return highlight ? /* @__PURE__ */ jsx(Fragment, { children: renderWord(word) }, i) : word;
-		});
-	}, [
-		keyword,
-		text,
-		escape,
-		caseSensitive
-	]);
-	return /* @__PURE__ */ jsx(Text, {
-		...restProps,
-		children: content
-	});
+    const { keyword, text, escape, caseSensitive, renderWord = (word) => jsx("mark", { children: word }), ...restProps } = props;
+    const content = useMemo(() => {
+        const source = text;
+        const searchWords = typeof keyword === "string" ? [keyword] : keyword;
+        const chunks = findAll({
+            searchWords,
+            textToHighlight: text,
+            caseSensitive,
+            autoEscape: escape,
+        });
+        const result = chunks.map((chunk, i) => {
+            const { end, highlight, start } = chunk;
+            const word = source.slice(start, end);
+            return highlight ? (jsx(Fragment, { children: renderWord(word) }, i)) : (word);
+        });
+        return result;
+    }, [keyword, text, escape, caseSensitive]);
+    return jsx(Text, { ...restProps, children: content });
 }
-//#endregion
-export { HighLight as default };
 
-//# sourceMappingURL=highlight.js.map
+export { HighLight as default };
+//# sourceMappingURL=highlight.js.map

package/lib/es/components/text/highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.js","names":[],"sources":["../../../../packages/components/text/highlight.tsx"],"sourcesContent":["import { findAll } from \"highlight-words-core\";\nimport { Fragment, useMemo } from \"react\";\nimport Text from \"./text\";\nimport { ITextHighLight } from \"./type\";\n\nexport default function HighLight(props: ITextHighLight) {\n\tconst {\n\t\tkeyword,\n\t\ttext,\n\t\tescape,\n\t\tcaseSensitive,\n\t\trenderWord = (word) => <mark>{word}</mark>,\n\t\t...restProps\n\t} = props;\n\n\tconst content = useMemo(() => {\n\t\tconst source = text;\n\t\tconst searchWords = typeof keyword === \"string\" ? [keyword] : keyword;\n\n\t\tconst chunks = findAll({\n\t\t\tsearchWords,\n\t\t\ttextToHighlight: text,\n\t\t\tcaseSensitive,\n\t\t\tautoEscape: escape,\n\t\t});\n\n\t\tconst result = chunks.map((chunk, i) => {\n\t\t\tconst { end, highlight, start } = chunk;\n\t\t\tconst word = source.slice(start, end);\n\n\t\t\treturn highlight ? (\n\t\t\t\t<Fragment key={i}>{renderWord(word)}</Fragment>\n\t\t\t) : (\n\t\t\t\tword\n\t\t\t);\n\t\t});\n\n\t\treturn result;\n\t}, [keyword, text, escape, caseSensitive]);\n\n\treturn <Text {...restProps}>{content}</Text>;\n}\n"],"mappings":";;;;;AAKA,SAAwB,UAAU,OAAuB;CACxD,MAAM,EACL,SACA,MACA,QACA,eACA,cAAc,SAAS,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA,EAC1C,GAAG,cACA;CAEJ,MAAM,UAAU,cAAc;EAC7B,MAAM,SAAS;AAqBf,SAlBe,QAAQ;GACtB,aAHmB,OAAO,YAAY,WAAW,CAAC,QAAQ,GAAG;GAI7D,iBAAiB;GACjB;GACA,YAAY;GACZ,CAAC,CAEoB,KAAK,OAAO,MAAM;GACvC,MAAM,EAAE,KAAK,WAAW,UAAU;GAClC,MAAM,OAAO,OAAO,MAAM,OAAO,IAAI;AAErC,UAAO,YACN,oBAAC,UAAD,EAAA,UAAmB,WAAW,KAAK,EAAY,EAAhC,EAAgC,GAE/C;IAEA;IAGA;EAAC;EAAS;EAAM;EAAQ;EAAc,CAAC;AAE1C,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAY;EAAe,CAAA"}
+{"version":3,"file":"highlight.js","sources":["../../../../packages/components/text/highlight.tsx"],"sourcesContent":["import { findAll } from \"highlight-words-core\";\r\nimport { Fragment, useMemo } from \"react\";\r\nimport Text from \"./text\";\r\nimport { ITextHighLight } from \"./type\";\r\n\r\nexport default function HighLight(props: ITextHighLight) {\r\n\tconst {\r\n\t\tkeyword,\r\n\t\ttext,\r\n\t\tescape,\r\n\t\tcaseSensitive,\r\n\t\trenderWord = (word) => <mark>{word}</mark>,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst content = useMemo(() => {\r\n\t\tconst source = text;\r\n\t\tconst searchWords = typeof keyword === \"string\" ? [keyword] : keyword;\r\n\r\n\t\tconst chunks = findAll({\r\n\t\t\tsearchWords,\r\n\t\t\ttextToHighlight: text,\r\n\t\t\tcaseSensitive,\r\n\t\t\tautoEscape: escape,\r\n\t\t});\r\n\r\n\t\tconst result = chunks.map((chunk, i) => {\r\n\t\t\tconst { end, highlight, start } = chunk;\r\n\t\t\tconst word = source.slice(start, end);\r\n\r\n\t\t\treturn highlight ? (\r\n\t\t\t\t<Fragment key={i}>{renderWord(word)}</Fragment>\r\n\t\t\t) : (\r\n\t\t\t\tword\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\treturn result;\r\n\t}, [keyword, text, escape, caseSensitive]);\r\n\r\n\treturn <Text {...restProps}>{content}</Text>;\r\n}\r\n"],"names":["_jsx"],"mappings":";;;;;AAKc,SAAU,SAAS,CAAC,KAAqB,EAAA;IACtD,MAAM,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,aAAa,EACb,UAAU,GAAG,CAAC,IAAI,KAAKA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,EAAA,CAAQ,EAC1C,GAAG,SAAS,EACZ,GAAG,KAAK;AAET,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAK;QAC5B,MAAM,MAAM,GAAG,IAAI;AACnB,QAAA,MAAM,WAAW,GAAG,OAAO,OAAO,KAAK,QAAQ,GAAG,CAAC,OAAO,CAAC,GAAG,OAAO;QAErE,MAAM,MAAM,GAAG,OAAO,CAAC;YACtB,WAAW;AACX,YAAA,eAAe,EAAE,IAAI;YACrB,aAAa;AACb,YAAA,UAAU,EAAE,MAAM;AAClB,SAAA,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAI;YACtC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK;YACvC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;YAErC,OAAO,SAAS,IACfA,GAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAU,UAAU,CAAC,IAAI,CAAC,EAAA,EAApB,CAAC,CAA+B,KAE/C,IAAI,CACJ;AACF,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,MAAM;IACd,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC;AAE1C,IAAA,OAAOA,IAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAG,OAAO,GAAQ;AAC7C;;;;"}

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

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

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

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

package/lib/es/components/text/number.js

@@ -1,31 +1,27 @@
-import { animate, formatNumber } from "../../js/utils.js";
-import Text from "./text.js";
-import { useEffect, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/text/number.tsx
+import { jsx } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect } from 'react';
+import { formatNumber, animate } from '../../js/utils.js';
+import Text from './text.js';
+
 function Number(props) {
-	const { count, to, decimal, thousand = ",", duration = 2400, easing, ...restProps } = props;
-	const [n, setN] = useState(count);
-	const number = useMemo(() => {
-		if (n === void 0) return;
-		const z = n.toFixed(decimal);
-		if (!thousand) return z;
-		return formatNumber(n, {
-			precision: decimal,
-			thousand
-		});
-	}, [n, thousand]);
-	useEffect(() => {
-		if (count === void 0 || to === void 0) return;
-		animate(count, to, duration, (v) => setN(count + v), easing);
-	}, [to]);
-	useEffect(() => setN(count), [count]);
-	return /* @__PURE__ */ jsx(Text, {
-		...restProps,
-		children: number
-	});
+    const { count, to, decimal, thousand = ",", duration = 2400, easing, ...restProps } = props;
+    const [n, setN] = useState(count);
+    const number = useMemo(() => {
+        if (n === undefined)
+            return;
+        const z = n.toFixed(decimal);
+        if (!thousand)
+            return z;
+        return formatNumber(n, { precision: decimal, thousand });
+    }, [n, thousand]);
+    useEffect(() => {
+        if (count === undefined || to === undefined)
+            return;
+        animate(count, to, duration, (v) => setN(count + v), easing);
+    }, [to]);
+    useEffect(() => setN(count), [count]);
+    return jsx(Text, { ...restProps, children: number });
 }
-//#endregion
-export { Number as default };
 
-//# sourceMappingURL=number.js.map
+export { Number as default };
+//# sourceMappingURL=number.js.map

package/lib/es/components/text/number.js.map

@@ -1 +1 @@
-{"version":3,"file":"number.js","names":[],"sources":["../../../../packages/components/text/number.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { animate, formatNumber } from \"../../js/utils\";\nimport Text from \"./text\";\nimport { ITextNumber } from \"./type\";\n\nexport default function Number(props: ITextNumber) {\n\tconst {\n\t\tcount,\n\t\tto,\n\t\tdecimal,\n\t\tthousand = \",\",\n\t\tduration = 2400,\n\t\teasing,\n\t\t...restProps\n\t} = props;\n\tconst [n, setN] = useState(count);\n\n\tconst number = useMemo(() => {\n\t\tif (n === undefined) return;\n\n\t\tconst z = n.toFixed(decimal);\n\n\t\tif (!thousand) return z;\n\n\t\treturn formatNumber(n, { precision: decimal, thousand });\n\t}, [n, thousand]);\n\n\tuseEffect(() => {\n\t\tif (count === undefined || to === undefined) return;\n\n\t\tanimate(count, to, duration, (v) => setN(count + v), easing);\n\t}, [to]);\n\n\tuseEffect(() => setN(count), [count]);\n\n\treturn <Text {...restProps}>{number}</Text>;\n}\n"],"mappings":";;;;;AAKA,SAAwB,OAAO,OAAoB;CAClD,MAAM,EACL,OACA,IACA,SACA,WAAW,KACX,WAAW,MACX,QACA,GAAG,cACA;CACJ,MAAM,CAAC,GAAG,QAAQ,SAAS,MAAM;CAEjC,MAAM,SAAS,cAAc;AAC5B,MAAI,MAAM,KAAA,EAAW;EAErB,MAAM,IAAI,EAAE,QAAQ,QAAQ;AAE5B,MAAI,CAAC,SAAU,QAAO;AAEtB,SAAO,aAAa,GAAG;GAAE,WAAW;GAAS;GAAU,CAAC;IACtD,CAAC,GAAG,SAAS,CAAC;AAEjB,iBAAgB;AACf,MAAI,UAAU,KAAA,KAAa,OAAO,KAAA,EAAW;AAE7C,UAAQ,OAAO,IAAI,WAAW,MAAM,KAAK,QAAQ,EAAE,EAAE,OAAO;IAC1D,CAAC,GAAG,CAAC;AAER,iBAAgB,KAAK,MAAM,EAAE,CAAC,MAAM,CAAC;AAErC,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAY;EAAc,CAAA"}
+{"version":3,"file":"number.js","sources":["../../../../packages/components/text/number.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\r\nimport { animate, formatNumber } from \"../../js/utils\";\r\nimport Text from \"./text\";\r\nimport { ITextNumber } from \"./type\";\r\n\r\nexport default function Number(props: ITextNumber) {\r\n\tconst {\r\n\t\tcount,\r\n\t\tto,\r\n\t\tdecimal,\r\n\t\tthousand = \",\",\r\n\t\tduration = 2400,\r\n\t\teasing,\r\n\t\t...restProps\r\n\t} = props;\r\n\tconst [n, setN] = useState(count);\r\n\r\n\tconst number = useMemo(() => {\r\n\t\tif (n === undefined) return;\r\n\r\n\t\tconst z = n.toFixed(decimal);\r\n\r\n\t\tif (!thousand) return z;\r\n\r\n\t\treturn formatNumber(n, { precision: decimal, thousand });\r\n\t}, [n, thousand]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (count === undefined || to === undefined) return;\r\n\r\n\t\tanimate(count, to, duration, (v) => setN(count + v), easing);\r\n\t}, [to]);\r\n\r\n\tuseEffect(() => setN(count), [count]);\r\n\r\n\treturn <Text {...restProps}>{number}</Text>;\r\n}\r\n"],"names":["_jsx"],"mappings":";;;;;AAKc,SAAU,MAAM,CAAC,KAAkB,EAAA;IAChD,MAAM,EACL,KAAK,EACL,EAAE,EACF,OAAO,EACP,QAAQ,GAAG,GAAG,EACd,QAAQ,GAAG,IAAI,EACf,MAAM,EACN,GAAG,SAAS,EACZ,GAAG,KAAK;IACT,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEjC,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAK;QAC3B,IAAI,CAAC,KAAK,SAAS;YAAE;QAErB,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC;AAE5B,QAAA,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,CAAC;AAEvB,QAAA,OAAO,YAAY,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AACzD,IAAA,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAEjB,SAAS,CAAC,MAAK;AACd,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS;YAAE;QAE7C,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC;AAC7D,IAAA,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAER,IAAA,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAErC,IAAA,OAAOA,IAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAG,MAAM,GAAQ;AAC5C;;;;"}

package/lib/es/components/text/text.js

@@ -1,37 +1,34 @@
-import HighLight from "./highlight.js";
-import Number from "./number.js";
-import Number$1 from "./time.js";
-import classNames from "classnames";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/text/text.tsx
+import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { useMemo } from 'react';
+import HighLight from './highlight.js';
+import Number from './number.js';
+import Number$1 from './time.js';
+
 const Text = (props) => {
-	const { as: Tag = "span", size, weight, decoration, gradient, wave, style, className, children } = props;
-	return /* @__PURE__ */ jsx(Tag, {
-		style: {
-			fontSize: size,
-			fontWeight: weight,
-			textDecoration: decoration,
-			...useMemo(() => {
-				if (!gradient || !Array.isArray(gradient)) return {};
-				return {
-					backgroundImage: `-webkit-linear-gradient(${gradient.join(",")})`,
-					backgroundClip: "text"
-				};
-			}, [gradient]),
-			...style
-		},
-		className: classNames(className, {
-			"i-text-gradient": gradient,
-			"i-text-gradient-wave": wave
-		}),
-		children
-	});
+    const { as: Tag = "span", size, weight, decoration, gradient, wave, style, className, children, } = props;
+    const gradients = useMemo(() => {
+        if (!gradient || !Array.isArray(gradient))
+            return {};
+        return {
+            backgroundImage: `-webkit-linear-gradient(${gradient.join(",")})`,
+            backgroundClip: "text",
+        };
+    }, [gradient]);
+    return (jsx(Tag, { style: {
+            fontSize: size,
+            fontWeight: weight,
+            textDecoration: decoration,
+            ...gradients,
+            ...style,
+        }, className: classNames(className, {
+            "i-text-gradient": gradient,
+            "i-text-gradient-wave": wave,
+        }), children: children }));
 };
 Text.Number = Number;
 Text.Time = Number$1;
 Text.HighLight = HighLight;
-//#endregion
-export { Text as default };
 
-//# sourceMappingURL=text.js.map
+export { Text as default };
+//# sourceMappingURL=text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":[],"sources":["../../../../packages/components/text/text.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useMemo } from \"react\";\nimport HighLight from \"./highlight\";\nimport \"./index.css\";\nimport Number from \"./number\";\nimport Time from \"./time\";\nimport { CompositionText, IText } from \"./type\";\n\nconst Text = (props: IText) => {\n\tconst {\n\t\tas: Tag = \"span\",\n\t\tsize,\n\t\tweight,\n\t\tdecoration,\n\t\tgradient,\n\t\twave,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t} = props;\n\n\tconst gradients = useMemo(() => {\n\t\tif (!gradient || !Array.isArray(gradient)) return {};\n\n\t\treturn {\n\t\t\tbackgroundImage: `-webkit-linear-gradient(${gradient.join(\",\")})`,\n\t\t\tbackgroundClip: \"text\",\n\t\t};\n\t}, [gradient]);\n\n\treturn (\n\t\t<Tag\n\t\t\tstyle={{\n\t\t\t\tfontSize: size,\n\t\t\t\tfontWeight: weight,\n\t\t\t\ttextDecoration: decoration,\n\t\t\t\t...gradients,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\tclassName={classNames(className, {\n\t\t\t\t\"i-text-gradient\": gradient,\n\t\t\t\t\"i-text-gradient-wave\": wave,\n\t\t\t})}\n\t\t>\n\t\t\t{children}\n\t\t</Tag>\n\t);\n};\n\nText.Number = Number;\nText.Time = Time;\nText.HighLight = HighLight;\n\nexport default Text as CompositionText;\n"],"mappings":""}
+{"version":3,"file":"text.js","sources":["../../../../packages/components/text/text.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { useMemo } from \"react\";\r\nimport HighLight from \"./highlight\";\r\nimport \"./index.css\";\r\nimport Number from \"./number\";\r\nimport Time from \"./time\";\r\nimport { CompositionText, IText } from \"./type\";\r\n\r\nconst Text = (props: IText) => {\r\n\tconst {\r\n\t\tas: Tag = \"span\",\r\n\t\tsize,\r\n\t\tweight,\r\n\t\tdecoration,\r\n\t\tgradient,\r\n\t\twave,\r\n\t\tstyle,\r\n\t\tclassName,\r\n\t\tchildren,\r\n\t} = props;\r\n\r\n\tconst gradients = useMemo(() => {\r\n\t\tif (!gradient || !Array.isArray(gradient)) return {};\r\n\r\n\t\treturn {\r\n\t\t\tbackgroundImage: `-webkit-linear-gradient(${gradient.join(\",\")})`,\r\n\t\t\tbackgroundClip: \"text\",\r\n\t\t};\r\n\t}, [gradient]);\r\n\r\n\treturn (\r\n\t\t<Tag\r\n\t\t\tstyle={{\r\n\t\t\t\tfontSize: size,\r\n\t\t\t\tfontWeight: weight,\r\n\t\t\t\ttextDecoration: decoration,\r\n\t\t\t\t...gradients,\r\n\t\t\t\t...style,\r\n\t\t\t}}\r\n\t\t\tclassName={classNames(className, {\r\n\t\t\t\t\"i-text-gradient\": gradient,\r\n\t\t\t\t\"i-text-gradient-wave\": wave,\r\n\t\t\t})}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</Tag>\r\n\t);\r\n};\r\n\r\nText.Number = Number;\r\nText.Time = Time;\r\nText.HighLight = HighLight;\r\n\r\nexport default Text as CompositionText;\r\n"],"names":["_jsx","Time"],"mappings":";;;;;;;AAQA,MAAM,IAAI,GAAG,CAAC,KAAY,KAAI;IAC7B,MAAM,EACL,EAAE,EAAE,GAAG,GAAG,MAAM,EAChB,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,GACR,GAAG,KAAK;AAET,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,MAAK;QAC9B,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,EAAE;QAEpD,OAAO;YACN,eAAe,EAAE,2BAA2B,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAA,CAAG;AACjE,YAAA,cAAc,EAAE,MAAM;SACtB;AACF,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,QACCA,GAAA,CAAC,GAAG,EAAA,EACH,KAAK,EAAE;AACN,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,cAAc,EAAE,UAAU;AAC1B,YAAA,GAAG,SAAS;AACZ,YAAA,GAAG,KAAK;AACR,SAAA,EACD,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;AAChC,YAAA,iBAAiB,EAAE,QAAQ;AAC3B,YAAA,sBAAsB,EAAE,IAAI;AAC5B,SAAA,CAAC,EAAA,QAAA,EAED,QAAQ,EAAA,CACJ;AAER;AAEA,IAAI,CAAC,MAAM,GAAG,MAAM;AACpB,IAAI,CAAC,IAAI,GAAGC,QAAI;AAChB,IAAI,CAAC,SAAS,GAAG,SAAS;;;;"}

package/lib/es/components/text/time.js

@@ -1,23 +1,20 @@
-import { formatTime } from "../../js/utils.js";
-import Text from "./text.js";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/text/time.tsx
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { formatTime } from '../../js/utils.js';
+import Text from './text.js';
+
 function Number(props) {
-	const { seconds, zero, units, ...restProps } = props;
-	const text = useMemo(() => {
-		if (seconds === void 0) return "";
-		return formatTime(seconds, {
-			zero,
-			units
-		});
-	}, [seconds]);
-	return /* @__PURE__ */ jsx(Text, {
-		...restProps,
-		children: text
-	});
+    const { seconds, zero, units, ...restProps } = props;
+    const text = useMemo(() => {
+        if (seconds === undefined)
+            return "";
+        return formatTime(seconds, {
+            zero,
+            units,
+        });
+    }, [seconds]);
+    return jsx(Text, { ...restProps, children: text });
 }
-//#endregion
-export { Number as default };
 
-//# sourceMappingURL=time.js.map
+export { Number as default };
+//# sourceMappingURL=time.js.map

package/lib/es/components/text/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","names":[],"sources":["../../../../packages/components/text/time.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { formatTime } from \"../../js/utils\";\nimport Text from \"./text\";\nimport { ITextTime } from \"./type\";\n\nexport default function Number(props: ITextTime) {\n\tconst { seconds, zero, units, ...restProps } = props;\n\n\tconst text = useMemo(() => {\n\t\tif (seconds === undefined) return \"\";\n\n\t\treturn formatTime(seconds, {\n\t\t\tzero,\n\t\t\tunits,\n\t\t});\n\t}, [seconds]);\n\n\treturn <Text {...restProps}>{text}</Text>;\n}\n"],"mappings":";;;;;AAKA,SAAwB,OAAO,OAAkB;CAChD,MAAM,EAAE,SAAS,MAAM,OAAO,GAAG,cAAc;CAE/C,MAAM,OAAO,cAAc;AAC1B,MAAI,YAAY,KAAA,EAAW,QAAO;AAElC,SAAO,WAAW,SAAS;GAC1B;GACA;GACA,CAAC;IACA,CAAC,QAAQ,CAAC;AAEb,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAY;EAAY,CAAA"}
+{"version":3,"file":"time.js","sources":["../../../../packages/components/text/time.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { formatTime } from \"../../js/utils\";\r\nimport Text from \"./text\";\r\nimport { ITextTime } from \"./type\";\r\n\r\nexport default function Number(props: ITextTime) {\r\n\tconst { seconds, zero, units, ...restProps } = props;\r\n\r\n\tconst text = useMemo(() => {\r\n\t\tif (seconds === undefined) return \"\";\r\n\r\n\t\treturn formatTime(seconds, {\r\n\t\t\tzero,\r\n\t\t\tunits,\r\n\t\t});\r\n\t}, [seconds]);\r\n\r\n\treturn <Text {...restProps}>{text}</Text>;\r\n}\r\n"],"names":["_jsx"],"mappings":";;;;;AAKc,SAAU,MAAM,CAAC,KAAgB,EAAA;AAC9C,IAAA,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEpD,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;QACzB,IAAI,OAAO,KAAK,SAAS;AAAE,YAAA,OAAO,EAAE;QAEpC,OAAO,UAAU,CAAC,OAAO,EAAE;YAC1B,IAAI;YACJ,KAAK;AACL,SAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,OAAOA,IAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAG,IAAI,GAAQ;AAC1C;;;;"}

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

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

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

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

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

@@ -1,134 +1,73 @@
-import icon_default from "../icon/index.js";
-import checkbox_default from "../checkbox/index.js";
-import classNames from "classnames";
-import { useState } from "react";
-import { KeyboardArrowDownRound } from "@ricons/material";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/tree/item.tsx
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { KeyboardArrowDownRound } from '@ricons/material';
+import classNames from 'classnames';
+import { useState } from 'react';
+import Checkbox from '../checkbox/checkbox.js';
+import Icon from '../icon/icon.js';
+
 function TreeList(props) {
-	const { data = [], depth = 0, round, style, className, parent, nodeProps, ...restProps } = props;
-	const contents = data.map((item, i) => {
-		const { type } = item;
-		const title = item[nodeProps.title];
-		const itemKey = item[nodeProps.key] || (parent?.key !== void 0 ? `${parent.key}-${i}` : `${i}`);
-		item.key = itemKey;
-		item.parent = parent;
-		if (type === "title") return /* @__PURE__ */ jsx("div", {
-			className: "i-tree-group-title",
-			children: title
-		}, i);
-		if (type && type !== "item") return /* @__PURE__ */ jsx("div", {
-			className: `i-tree-type-${type}`,
-			children: title
-		}, i);
-		return /* @__PURE__ */ jsx(TreeItem, {
-			index: i,
-			item,
-			depth,
-			nodeProps,
-			...restProps
-		}, itemKey);
-	});
-	if (depth > 0) return /* @__PURE__ */ jsx(Fragment$1, { children: contents });
-	return /* @__PURE__ */ jsx("div", {
-		className: classNames("i-tree", className, { "i-tree-round": round }),
-		style,
-		children: contents
-	});
+    const { data = [], depth = 0, round, style, className, parent, nodeProps, ...restProps } = props;
+    const contents = data.map((item, i) => {
+        const { type } = item;
+        const title = item[nodeProps.title];
+        const itemKey = item[nodeProps.key] ||
+            (parent?.key !== undefined ? `${parent.key}-${i}` : `${i}`);
+        item.key = itemKey;
+        item.parent = parent;
+        if (type === "title") {
+            return (jsx("div", { className: 'i-tree-group-title', children: title }, i));
+        }
+        if (type && type !== "item") {
+            return (jsx("div", { className: `i-tree-type-${type}`, children: title }, i));
+        }
+        return (jsx(TreeItem, { index: i, item: item, depth: depth, nodeProps: nodeProps, ...restProps }, itemKey));
+    });
+    if (depth > 0)
+        return jsx(Fragment, { children: contents });
+    return (jsx("div", { className: classNames("i-tree", className, {
+            "i-tree-round": round,
+        }), style: style, children: contents }));
 }
 const Header = (props) => {
-	const { as: Tag = "a", href, selected, children, ...restProps } = props;
-	const className = classNames("i-tree-item-header", { "i-tree-item-selected": selected });
-	if (typeof Tag === "string") return /* @__PURE__ */ jsx(Tag, {
-		href,
-		className,
-		...restProps,
-		children
-	});
-	return /* @__PURE__ */ jsx(Tag, {
-		to: href || "",
-		className,
-		...restProps,
-		children
-	});
+    const { as: Tag = "a", href, selected, children, ...restProps } = props;
+    const className = classNames("i-tree-item-header", {
+        "i-tree-item-selected": selected,
+    });
+    if (typeof Tag === "string") {
+        return (jsx(Tag, { href: href, className: className, ...restProps, children: children }));
+    }
+    return (jsx(Tag, { to: href || "", className: className, ...restProps, children: children }));
 };
 const TreeItem = (props) => {
-	const { item, depth = 0, index, selected, checked = [], partofs = {}, checkable, nodeProps, renderExtra, onItemClick, onItemSelect, onItemCheck, ...restProps } = props;
-	const { as, key = "", href, icon, title, expanded, disabled } = item;
-	const children = item[nodeProps.children];
-	const [expand, setExpand] = useState(expanded);
-	const handleExpand = (e, fromToggle) => {
-		if (fromToggle) {
-			e.preventDefault();
-			e.stopPropagation();
-		}
-		if (disabled || !children?.length) return;
-		setExpand((v) => !v);
-	};
-	const handleItemClick = (e) => {
-		if (disabled) {
-			e.preventDefault();
-			e.stopPropagation();
-			return;
-		}
-		handleExpand(e);
-		onItemClick?.(item, e);
-		onItemSelect?.(key, item);
-	};
-	const handleItemCheck = (checked) => onItemCheck?.(item, checked, []);
-	const itemChecked = checked.includes(key);
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("i-tree-item", { "i-tree-expand": expand }),
-		children: [/* @__PURE__ */ jsxs(Header, {
-			as,
-			href,
-			style: { paddingLeft: `${depth * 1.5 + .5}em` },
-			selected: selected === key,
-			onClick: handleItemClick,
-			children: [
-				checkable && /* @__PURE__ */ jsx(checkbox_default.Item, {
-					value: itemChecked,
-					partof: !itemChecked && partofs[key],
-					className: "i-tree-checkbox",
-					onChange: handleItemCheck,
-					onClick: (e) => e.stopPropagation()
-				}),
-				icon && /* @__PURE__ */ jsx("span", {
-					className: "i-tree-item-icon",
-					children: icon
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "i-tree-item-title",
-					children: title
-				}),
-				renderExtra?.(item),
-				children && /* @__PURE__ */ jsx(icon_default, {
-					icon: /* @__PURE__ */ jsx(KeyboardArrowDownRound, {}),
-					className: "i-tree-toggle",
-					onClick: (e) => handleExpand(e, true)
-				})
-			]
-		}), children?.length && /* @__PURE__ */ jsx("div", {
-			className: "i-tree-item-content",
-			children: /* @__PURE__ */ jsx(TreeList, {
-				data: children,
-				depth: depth + 1,
-				selected,
-				checkable,
-				parent: item,
-				partofs,
-				checked,
-				nodeProps,
-				renderExtra,
-				onItemClick,
-				onItemSelect,
-				onItemCheck,
-				...restProps
-			})
-		})]
-	});
+    const { item, depth = 0, index, selected, checked = [], partofs = {}, checkable, nodeProps, renderExtra, onItemClick, onItemSelect, onItemCheck, ...restProps } = props;
+    const { as, key = "", href, icon, title, expanded, disabled } = item;
+    const children = item[nodeProps.children];
+    const [expand, setExpand] = useState(expanded);
+    const handleExpand = (e, fromToggle) => {
+        if (fromToggle) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        if (disabled || !children?.length)
+            return;
+        setExpand((v) => !v);
+    };
+    const handleItemClick = (e) => {
+        if (disabled) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        handleExpand(e);
+        onItemClick?.(item, e);
+        onItemSelect?.(key, item);
+    };
+    const handleItemCheck = (checked) => onItemCheck?.(item, checked, []);
+    const itemChecked = checked.includes(key);
+    return (jsxs("div", { className: classNames("i-tree-item", {
+            "i-tree-expand": expand,
+        }), children: [jsxs(Header, { as: as, href: href, style: { paddingLeft: `${depth * 1.5 + 0.5}em` }, selected: selected === key, onClick: handleItemClick, children: [checkable && (jsx(Checkbox.Item, { value: itemChecked, partof: !itemChecked && partofs[key], className: 'i-tree-checkbox', onChange: handleItemCheck, onClick: (e) => e.stopPropagation() })), icon && jsx("span", { className: 'i-tree-item-icon', children: icon }), jsx("span", { className: 'i-tree-item-title', children: title }), renderExtra?.(item), children && (jsx(Icon, { icon: jsx(KeyboardArrowDownRound, {}), className: 'i-tree-toggle', onClick: (e) => handleExpand(e, true) }))] }), children?.length && (jsx("div", { className: 'i-tree-item-content', children: jsx(TreeList, { data: children, depth: depth + 1, selected: selected, checkable: checkable, parent: item, partofs: partofs, checked: checked, nodeProps: nodeProps, renderExtra: renderExtra, onItemClick: onItemClick, onItemSelect: onItemSelect, onItemCheck: onItemCheck, ...restProps }) }))] }));
 };
-//#endregion
-export { TreeList };
 
-//# sourceMappingURL=item.js.map
+export { TreeItem, TreeList };
+//# sourceMappingURL=item.js.map