@lobehub/ui 5.57.2 → 6.0.0-beta.1

package/es/base-ui/Spin/NetworkGlyph.mjs

@@ -1,70 +0,0 @@
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/base-ui/Spin/NetworkGlyph.tsx
-const layers = [
-	0,
-	1,
-	2
-];
-const unit = 25;
-const nodes = layers.flatMap((layer) => layers.map((row) => ({
-	x: unit + layer * unit,
-	y: unit + row * unit
-})));
-const lines = layers.slice(0, -1).flatMap((layer) => layers.flatMap((from) => layers.map((to) => ({
-	x1: unit + layer * unit,
-	x2: unit + (layer + 1) * unit,
-	y1: unit + from * unit,
-	y2: unit + to * unit
-}))));
-const particles = [
-	0,
-	1,
-	2
-];
-const minRenderedPx = (units, px, floorPx) => Math.max(units, floorPx * 100 / px);
-const NetworkGlyph = memo(({ px }) => {
-	const boxStyle = {
-		"--spin-node-size": `${minRenderedPx(6, px, 2)}px`,
-		"--spin-particle-size": `${minRenderedPx(3, px, 1.5)}px`,
-		"transform": `scale(${px / 100})`
-	};
-	return /* @__PURE__ */ jsx("span", {
-		className: styles.network,
-		style: {
-			height: px,
-			width: px
-		},
-		children: /* @__PURE__ */ jsxs("span", {
-			className: styles.networkBox,
-			style: boxStyle,
-			children: [
-				/* @__PURE__ */ jsx("svg", {
-					className: styles.networkLines,
-					viewBox: "0 0 100 100",
-					children: lines.map((line) => /* @__PURE__ */ jsx("line", { ...line }, `${line.x1}-${line.y1}-${line.y2}`))
-				}),
-				nodes.map(({ x, y }, index) => /* @__PURE__ */ jsx("i", {
-					className: styles.networkNode,
-					style: {
-						animationDelay: `${index * .2}s`,
-						left: x,
-						top: y
-					}
-				}, `${x}-${y}`)),
-				particles.map((index) => /* @__PURE__ */ jsx("i", {
-					className: styles.networkParticle,
-					style: { animationDelay: `${index * .6}s` }
-				}, index)),
-				/* @__PURE__ */ jsx("b", { className: styles.networkCore }),
-				/* @__PURE__ */ jsx("u", { className: styles.networkRing })
-			]
-		})
-	});
-});
-NetworkGlyph.displayName = "NetworkGlyph";
-//#endregion
-export { NetworkGlyph as default };
-
-//# sourceMappingURL=NetworkGlyph.mjs.map

package/es/base-ui/Spin/NetworkGlyph.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NetworkGlyph.mjs","names":[],"sources":["../../../src/base-ui/Spin/NetworkGlyph.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { memo } from 'react';\n\nimport { styles } from './style';\n\nconst layers = [0, 1, 2] as const;\nconst unit = 25;\n\nconst nodes = layers.flatMap((layer) =>\n  layers.map((row) => ({ x: unit + layer * unit, y: unit + row * unit })),\n);\n\nconst lines = layers.slice(0, -1).flatMap((layer) =>\n  layers.flatMap((from) =>\n    layers.map((to) => ({\n      x1: unit + layer * unit,\n      x2: unit + (layer + 1) * unit,\n      y1: unit + from * unit,\n      y2: unit + to * unit,\n    })),\n  ),\n);\n\nconst particles = [0, 1, 2] as const;\n\nconst minRenderedPx = (units: number, px: number, floorPx: number) =>\n  Math.max(units, (floorPx * 100) / px);\n\nconst NetworkGlyph = memo<{ px: number }>(({ px }) => {\n  const boxStyle = {\n    '--spin-node-size': `${minRenderedPx(6, px, 2)}px`,\n    '--spin-particle-size': `${minRenderedPx(3, px, 1.5)}px`,\n    'transform': `scale(${px / 100})`,\n  } as CSSProperties;\n\n  return (\n    <span className={styles.network} style={{ height: px, width: px }}>\n      <span className={styles.networkBox} style={boxStyle}>\n        <svg className={styles.networkLines} viewBox=\"0 0 100 100\">\n          {lines.map((line) => (\n            <line key={`${line.x1}-${line.y1}-${line.y2}`} {...line} />\n          ))}\n        </svg>\n        {nodes.map(({ x, y }, index) => (\n          <i\n            className={styles.networkNode}\n            key={`${x}-${y}`}\n            style={{ animationDelay: `${index * 0.2}s`, left: x, top: y }}\n          />\n        ))}\n        {particles.map((index) => (\n          <i\n            className={styles.networkParticle}\n            key={index}\n            style={{ animationDelay: `${index * 0.6}s` }}\n          />\n        ))}\n        <b className={styles.networkCore} />\n        <u className={styles.networkRing} />\n      </span>\n    </span>\n  );\n});\n\nNetworkGlyph.displayName = 'NetworkGlyph';\n\nexport default NetworkGlyph;\n"],"mappings":";;;;AAKA,MAAM,SAAS;CAAC;CAAG;CAAG;AAAC;AACvB,MAAM,OAAO;AAEb,MAAM,QAAQ,OAAO,SAAS,UAC5B,OAAO,KAAK,SAAS;CAAE,GAAG,OAAO,QAAQ;CAAM,GAAG,OAAO,MAAM;AAAK,EAAE,CACxE;AAEA,MAAM,QAAQ,OAAO,MAAM,GAAG,EAAE,CAAC,CAAC,SAAS,UACzC,OAAO,SAAS,SACd,OAAO,KAAK,QAAQ;CAClB,IAAI,OAAO,QAAQ;CACnB,IAAI,QAAQ,QAAQ,KAAK;CACzB,IAAI,OAAO,OAAO;CAClB,IAAI,OAAO,KAAK;AAClB,EAAE,CACJ,CACF;AAEA,MAAM,YAAY;CAAC;CAAG;CAAG;AAAC;AAE1B,MAAM,iBAAiB,OAAe,IAAY,YAChD,KAAK,IAAI,OAAQ,UAAU,MAAO,EAAE;AAEtC,MAAM,eAAe,MAAsB,EAAE,SAAS;CACpD,MAAM,WAAW;EACf,oBAAoB,GAAG,cAAc,GAAG,IAAI,CAAC,EAAE;EAC/C,wBAAwB,GAAG,cAAc,GAAG,IAAI,GAAG,EAAE;EACrD,aAAa,SAAS,KAAK,IAAI;CACjC;CAEA,OACE,oBAAC,QAAD;EAAM,WAAW,OAAO;EAAS,OAAO;GAAE,QAAQ;GAAI,OAAO;EAAG;EAC9D,UAAA,qBAAC,QAAD;GAAM,WAAW,OAAO;GAAY,OAAO;GAA3C,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAc,SAAQ;KAC1C,UAAA,MAAM,KAAK,SACV,oBAAC,QAAD,EAA+C,GAAI,KAAO,GAA/C,GAAG,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,KAAK,IAAiB,CAC3D;IACE,CAAA;IACJ,MAAM,KAAK,EAAE,GAAG,KAAK,UACpB,oBAAC,KAAD;KACE,WAAW,OAAO;KAElB,OAAO;MAAE,gBAAgB,GAAG,QAAQ,GAAI;MAAI,MAAM;MAAG,KAAK;KAAE;IAC7D,GAFM,GAAG,EAAE,GAAG,GAEd,CACF;IACA,UAAU,KAAK,UACd,oBAAC,KAAD;KACE,WAAW,OAAO;KAElB,OAAO,EAAE,gBAAgB,GAAG,QAAQ,GAAI,GAAG;IAC5C,GAFM,KAEN,CACF;IACD,oBAAC,KAAD,EAAG,WAAW,OAAO,YAAc,CAAA;IACnC,oBAAC,KAAD,EAAG,WAAW,OAAO,YAAc,CAAA;GAC/B;;CACF,CAAA;AAEV,CAAC;AAED,aAAa,cAAc"}

package/es/base-ui/Spin/Spin.d.mts

@@ -1,6 +0,0 @@
-import { SpinProps } from "./type.mjs";
-//#region src/base-ui/Spin/Spin.d.ts
-declare const Spin: import("react").NamedExoticComponent<SpinProps>;
-//#endregion
-export { Spin as default };
-//# sourceMappingURL=Spin.d.mts.map

package/es/base-ui/Spin/Spin.mjs

@@ -1,102 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { styles } from "./style.mjs";
-import NetworkGlyph from "./NetworkGlyph.mjs";
-import { memo, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { LoaderCircle } from "lucide-react";
-//#region src/base-ui/Spin/Spin.tsx
-const sizeMap = {
-	large: 32,
-	middle: 20,
-	small: 14
-};
-const resolveSize = (size) => typeof size === "number" ? size : sizeMap[size];
-const Spin = memo(({ children, className, indicator, percent, ref, size = "middle", spinning = true, style, tip, variant = "default", ...rest }) => {
-	const px = useMemo(() => resolveSize(size), [size]);
-	const glyph = useMemo(() => {
-		if (indicator) return indicator;
-		if (variant === "network") return /* @__PURE__ */ jsx(NetworkGlyph, { px });
-		if (typeof percent === "number") {
-			const clamped = Math.min(100, Math.max(0, percent));
-			const circumference = 2 * Math.PI * 9;
-			const offset = circumference * (1 - clamped / 100);
-			return /* @__PURE__ */ jsxs("svg", {
-				className: cx(styles.glyph, styles.ring),
-				height: px,
-				viewBox: "0 0 24 24",
-				width: px,
-				children: [/* @__PURE__ */ jsx("circle", {
-					className: styles.ringTrack,
-					cx: 12,
-					cy: 12,
-					fill: "none",
-					r: 9,
-					strokeWidth: 2.5
-				}), /* @__PURE__ */ jsx("circle", {
-					className: styles.ringProgress,
-					cx: 12,
-					cy: 12,
-					fill: "none",
-					r: 9,
-					strokeDasharray: circumference,
-					strokeDashoffset: offset,
-					strokeLinecap: "round",
-					strokeWidth: 2.5
-				})]
-			});
-		}
-		return /* @__PURE__ */ jsx(Icon, {
-			spin: true,
-			className: styles.glyph,
-			icon: LoaderCircle,
-			size: px
-		});
-	}, [
-		indicator,
-		variant,
-		percent,
-		px
-	]);
-	if (!spinning) return children ?? null;
-	if (!children) return /* @__PURE__ */ jsx("div", {
-		"aria-busy": true,
-		"aria-live": "polite",
-		className: cx(styles.root, className),
-		ref,
-		role: "status",
-		style,
-		...rest,
-		children: /* @__PURE__ */ jsx("span", {
-			"aria-hidden": true,
-			className: styles.glyphBox,
-			children: glyph
-		})
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx(styles.wrapper, className),
-		ref,
-		style,
-		...rest,
-		children: [children, /* @__PURE__ */ jsxs("div", {
-			"aria-busy": true,
-			"aria-live": "polite",
-			className: styles.overlay,
-			role: "status",
-			children: [/* @__PURE__ */ jsx("span", {
-				"aria-hidden": true,
-				className: styles.glyphBox,
-				children: glyph
-			}), tip && /* @__PURE__ */ jsx("span", {
-				className: styles.tip,
-				children: tip
-			})]
-		})]
-	});
-});
-Spin.displayName = "Spin";
-//#endregion
-export { Spin as default };
-
-//# sourceMappingURL=Spin.mjs.map

package/es/base-ui/Spin/Spin.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spin.mjs","names":[],"sources":["../../../src/base-ui/Spin/Spin.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { LoaderCircle } from 'lucide-react';\nimport { memo, useMemo } from 'react';\n\nimport Icon from '@/Icon';\n\nimport NetworkGlyph from './NetworkGlyph';\nimport { styles } from './style';\nimport type { SpinProps, SpinSize } from './type';\n\nconst sizeMap: Record<'small' | 'middle' | 'large', number> = {\n  large: 32,\n  middle: 20,\n  small: 14,\n};\n\nconst resolveSize = (size: SpinSize) => (typeof size === 'number' ? size : sizeMap[size]);\n\nconst Spin = memo<SpinProps>(\n  ({\n    children,\n    className,\n    indicator,\n    percent,\n    ref,\n    size = 'middle',\n    spinning = true,\n    style,\n    tip,\n    variant = 'default',\n    ...rest\n  }) => {\n    const px = useMemo(() => resolveSize(size), [size]);\n\n    const glyph = useMemo(() => {\n      if (indicator) return indicator;\n\n      if (variant === 'network') return <NetworkGlyph px={px} />;\n\n      if (typeof percent === 'number') {\n        const clamped = Math.min(100, Math.max(0, percent));\n        const circumference = 2 * Math.PI * 9;\n        const offset = circumference * (1 - clamped / 100);\n\n        return (\n          <svg className={cx(styles.glyph, styles.ring)} height={px} viewBox=\"0 0 24 24\" width={px}>\n            <circle\n              className={styles.ringTrack}\n              cx={12}\n              cy={12}\n              fill=\"none\"\n              r={9}\n              strokeWidth={2.5}\n            />\n            <circle\n              className={styles.ringProgress}\n              cx={12}\n              cy={12}\n              fill=\"none\"\n              r={9}\n              strokeDasharray={circumference}\n              strokeDashoffset={offset}\n              strokeLinecap=\"round\"\n              strokeWidth={2.5}\n            />\n          </svg>\n        );\n      }\n\n      return <Icon spin className={styles.glyph} icon={LoaderCircle} size={px} />;\n    }, [indicator, variant, percent, px]);\n\n    if (!spinning) return children ?? null;\n\n    if (!children) {\n      return (\n        <div\n          aria-busy\n          aria-live=\"polite\"\n          className={cx(styles.root, className)}\n          ref={ref}\n          role=\"status\"\n          style={style}\n          {...rest}\n        >\n          <span aria-hidden className={styles.glyphBox}>\n            {glyph}\n          </span>\n        </div>\n      );\n    }\n\n    return (\n      <div className={cx(styles.wrapper, className)} ref={ref} style={style} {...rest}>\n        {children}\n        <div aria-busy aria-live=\"polite\" className={styles.overlay} role=\"status\">\n          <span aria-hidden className={styles.glyphBox}>\n            {glyph}\n          </span>\n          {tip && <span className={styles.tip}>{tip}</span>}\n        </div>\n      </div>\n    );\n  },\n);\n\nSpin.displayName = 'Spin';\n\nexport default Spin;\n"],"mappings":";;;;;;;;;AAYA,MAAM,UAAwD;CAC5D,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAEA,MAAM,eAAe,SAAoB,OAAO,SAAS,WAAW,OAAO,QAAQ;AAEnF,MAAM,OAAO,MACV,EACC,UACA,WACA,WACA,SACA,KACA,OAAO,UACP,WAAW,MACX,OACA,KACA,UAAU,WACV,GAAG,WACC;CACJ,MAAM,KAAK,cAAc,YAAY,IAAI,GAAG,CAAC,IAAI,CAAC;CAElD,MAAM,QAAQ,cAAc;EAC1B,IAAI,WAAW,OAAO;EAEtB,IAAI,YAAY,WAAW,OAAO,oBAAC,cAAD,EAAkB,GAAK,CAAA;EAEzD,IAAI,OAAO,YAAY,UAAU;GAC/B,MAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC;GAClD,MAAM,gBAAgB,IAAI,KAAK,KAAK;GACpC,MAAM,SAAS,iBAAiB,IAAI,UAAU;GAE9C,OACE,qBAAC,OAAD;IAAK,WAAW,GAAG,OAAO,OAAO,OAAO,IAAI;IAAG,QAAQ;IAAI,SAAQ;IAAY,OAAO;IAAtF,UAAA,CACE,oBAAC,UAAD;KACE,WAAW,OAAO;KAClB,IAAI;KACJ,IAAI;KACJ,MAAK;KACL,GAAG;KACH,aAAa;IACd,CAAA,GACD,oBAAC,UAAD;KACE,WAAW,OAAO;KAClB,IAAI;KACJ,IAAI;KACJ,MAAK;KACL,GAAG;KACH,iBAAiB;KACjB,kBAAkB;KAClB,eAAc;KACd,aAAa;IACd,CAAA,CACE;;EAET;EAEA,OAAO,oBAAC,MAAD;GAAM,MAAA;GAAK,WAAW,OAAO;GAAO,MAAM;GAAc,MAAM;EAAK,CAAA;CAC5E,GAAG;EAAC;EAAW;EAAS;EAAS;CAAE,CAAC;CAEpC,IAAI,CAAC,UAAU,OAAO,YAAY;CAElC,IAAI,CAAC,UACH,OACE,oBAAC,OAAD;EACE,aAAA;EACA,aAAU;EACV,WAAW,GAAG,OAAO,MAAM,SAAS;EAC/B;EACL,MAAK;EACE;EACP,GAAI;EAEJ,UAAA,oBAAC,QAAD;GAAM,eAAA;GAAY,WAAW,OAAO;GACjC,UAAA;EACG,CAAA;CACH,CAAA;CAIT,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,SAAS,SAAS;EAAQ;EAAY;EAAO,GAAI;EAA3E,UAAA,CACG,UACD,qBAAC,OAAD;GAAK,aAAA;GAAU,aAAU;GAAS,WAAW,OAAO;GAAS,MAAK;GAAlE,UAAA,CACE,oBAAC,QAAD;IAAM,eAAA;IAAY,WAAW,OAAO;IACjC,UAAA;GACG,CAAA,GACL,OAAO,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAM,UAAA;GAAU,CAAA,CAC7C;EACF,CAAA,CAAA;;AAET,CACF;AAEA,KAAK,cAAc"}

package/es/base-ui/Spin/style.mjs

@@ -1,168 +0,0 @@
-import { createStaticStyles, keyframes } from "antd-style";
-//#region src/base-ui/Spin/style.ts
-const nodePulse = keyframes`
-  0%, 100% {
-    opacity: 0.3;
-  }
-  50% {
-    opacity: 1;
-  }
-`;
-const particleFlow = keyframes`
-  0% {
-    transform: translateX(0);
-    opacity: 0.5;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    transform: translateX(50px);
-    opacity: 0.5;
-  }
-`;
-const coreBreath = keyframes`
-  0%, 100% {
-    transform: scale(0.8);
-    opacity: 0.5;
-  }
-  50% {
-    transform: scale(1);
-    opacity: 1;
-  }
-`;
-const ringSpin = keyframes`
-  to {
-    transform: rotate(360deg);
-  }
-`;
-const reducedMotion = `
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`;
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	glyph: css`
-    display: inline-flex;
-  `,
-	glyphBox: css`
-    display: inline-flex;
-  `,
-	network: css`
-    position: relative;
-    display: inline-block;
-  `,
-	networkBox: css`
-    position: absolute;
-    inset-block-start: 0;
-    inset-inline-start: 0;
-    transform-origin: 0 0;
-
-    width: 100px;
-    height: 100px;
-  `,
-	networkCore: css`
-    position: absolute;
-    inset-block-start: 47px;
-    inset-inline-start: 47px;
-
-    width: 6px;
-    height: 6px;
-
-    background: currentcolor;
-
-    animation: ${coreBreath} 2s infinite;
-    ${reducedMotion}
-  `,
-	networkLines: css`
-    position: absolute;
-    inset: 0;
-    width: 100px;
-    height: 100px;
-
-    line {
-      opacity: 0.3;
-      stroke: currentcolor;
-      stroke-width: 0.5;
-    }
-  `,
-	networkNode: css`
-    position: absolute;
-
-    margin: calc(var(--spin-node-size) / -2);
-    border-radius: 50%;
-    width: var(--spin-node-size);
-    height: var(--spin-node-size);
-
-    background: currentcolor;
-
-    animation: ${nodePulse} 2s infinite;
-    ${reducedMotion}
-  `,
-	networkParticle: css`
-    position: absolute;
-    inset-block-start: 50px;
-    inset-inline-start: 25px;
-
-    margin: calc(var(--spin-particle-size) / -2);
-    border-radius: 50%;
-    width: var(--spin-particle-size);
-    height: var(--spin-particle-size);
-
-    background: currentcolor;
-
-    animation: ${particleFlow} 2s infinite;
-    ${reducedMotion}
-  `,
-	networkRing: css`
-    position: absolute;
-    inset: 10px;
-
-    border: 1px dashed currentcolor;
-    border-radius: 50%;
-
-    opacity: 0.4;
-
-    animation: ${ringSpin} 20s linear infinite;
-    ${reducedMotion}
-  `,
-	overlay: css`
-    position: absolute;
-    inset: 0;
-
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    align-items: center;
-    justify-content: center;
-
-    color: ${cssVar.colorTextSecondary};
-
-    background: color-mix(in srgb, ${cssVar.colorBgContainer} 70%, transparent);
-  `,
-	ring: css`
-    rotate: -90deg;
-  `,
-	ringProgress: css`
-    stroke: ${cssVar.colorPrimary};
-  `,
-	ringTrack: css`
-    stroke: ${cssVar.colorFillTertiary};
-  `,
-	root: css`
-    display: inline-flex;
-    align-items: center;
-    color: ${cssVar.colorTextSecondary};
-  `,
-	tip: css`
-    font-size: ${cssVar.fontSizeSM};
-    color: ${cssVar.colorTextSecondary};
-  `,
-	wrapper: css`
-    position: relative;
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Spin/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Spin/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nconst nodePulse = keyframes`\n  0%, 100% {\n    opacity: 0.3;\n  }\n  50% {\n    opacity: 1;\n  }\n`;\n\nconst particleFlow = keyframes`\n  0% {\n    transform: translateX(0);\n    opacity: 0.5;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(50px);\n    opacity: 0.5;\n  }\n`;\n\nconst coreBreath = keyframes`\n  0%, 100% {\n    transform: scale(0.8);\n    opacity: 0.5;\n  }\n  50% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nconst ringSpin = keyframes`\n  to {\n    transform: rotate(360deg);\n  }\n`;\n\nconst reducedMotion = `\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  glyph: css`\n    display: inline-flex;\n  `,\n  glyphBox: css`\n    display: inline-flex;\n  `,\n  network: css`\n    position: relative;\n    display: inline-block;\n  `,\n  networkBox: css`\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    transform-origin: 0 0;\n\n    width: 100px;\n    height: 100px;\n  `,\n  networkCore: css`\n    position: absolute;\n    inset-block-start: 47px;\n    inset-inline-start: 47px;\n\n    width: 6px;\n    height: 6px;\n\n    background: currentcolor;\n\n    animation: ${coreBreath} 2s infinite;\n    ${reducedMotion}\n  `,\n  networkLines: css`\n    position: absolute;\n    inset: 0;\n    width: 100px;\n    height: 100px;\n\n    line {\n      opacity: 0.3;\n      stroke: currentcolor;\n      stroke-width: 0.5;\n    }\n  `,\n  networkNode: css`\n    position: absolute;\n\n    margin: calc(var(--spin-node-size) / -2);\n    border-radius: 50%;\n    width: var(--spin-node-size);\n    height: var(--spin-node-size);\n\n    background: currentcolor;\n\n    animation: ${nodePulse} 2s infinite;\n    ${reducedMotion}\n  `,\n  networkParticle: css`\n    position: absolute;\n    inset-block-start: 50px;\n    inset-inline-start: 25px;\n\n    margin: calc(var(--spin-particle-size) / -2);\n    border-radius: 50%;\n    width: var(--spin-particle-size);\n    height: var(--spin-particle-size);\n\n    background: currentcolor;\n\n    animation: ${particleFlow} 2s infinite;\n    ${reducedMotion}\n  `,\n  networkRing: css`\n    position: absolute;\n    inset: 10px;\n\n    border: 1px dashed currentcolor;\n    border-radius: 50%;\n\n    opacity: 0.4;\n\n    animation: ${ringSpin} 20s linear infinite;\n    ${reducedMotion}\n  `,\n  overlay: css`\n    position: absolute;\n    inset: 0;\n\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    align-items: center;\n    justify-content: center;\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: color-mix(in srgb, ${cssVar.colorBgContainer} 70%, transparent);\n  `,\n  ring: css`\n    rotate: -90deg;\n  `,\n  ringProgress: css`\n    stroke: ${cssVar.colorPrimary};\n  `,\n  ringTrack: css`\n    stroke: ${cssVar.colorFillTertiary};\n  `,\n  root: css`\n    display: inline-flex;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  tip: css`\n    font-size: ${cssVar.fontSizeSM};\n    color: ${cssVar.colorTextSecondary};\n  `,\n  wrapper: css`\n    position: relative;\n  `,\n}));\n"],"mappings":";;AAEA,MAAM,YAAY,SAAS;;;;;;;;AAS3B,MAAM,eAAe,SAAS;;;;;;;;;;;;;AAc9B,MAAM,aAAa,SAAS;;;;;;;;;;AAW5B,MAAM,WAAW,SAAS;;;;;AAM1B,MAAM,gBAAgB;;;;;AAMtB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;;CAGV,UAAU,GAAG;;;CAGb,SAAS,GAAG;;;;CAIZ,YAAY,GAAG;;;;;;;;;CASf,aAAa,GAAG;;;;;;;;;;iBAUD,WAAW;MACtB,cAAc;;CAElB,cAAc,GAAG;;;;;;;;;;;;CAYjB,aAAa,GAAG;;;;;;;;;;iBAUD,UAAU;MACrB,cAAc;;CAElB,iBAAiB,GAAG;;;;;;;;;;;;iBAYL,aAAa;MACxB,cAAc;;CAElB,aAAa,GAAG;;;;;;;;;iBASD,SAAS;MACpB,cAAc;;CAElB,SAAS,GAAG;;;;;;;;;;aAUD,OAAO,mBAAmB;;qCAEF,OAAO,iBAAiB;;CAE3D,MAAM,GAAG;;;CAGT,cAAc,GAAG;cACL,OAAO,aAAa;;CAEhC,WAAW,GAAG;cACF,OAAO,kBAAkB;;CAErC,MAAM,GAAG;;;aAGE,OAAO,mBAAmB;;CAErC,KAAK,GAAG;iBACO,OAAO,WAAW;aACtB,OAAO,mBAAmB;;CAErC,SAAS,GAAG;;;AAGd,EAAE"}

package/es/base-ui/Spin/type.d.mts

@@ -1,18 +0,0 @@
-import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
-//#region src/base-ui/Spin/type.d.ts
-type SpinSize = 'small' | 'middle' | 'large' | number;
-type SpinVariant = 'default' | 'network';
-interface SpinProps extends Omit<ComponentProps<'div'>, 'children'> {
-  children?: ReactNode;
-  indicator?: ReactNode;
-  percent?: number;
-  ref?: Ref<HTMLDivElement>;
-  size?: SpinSize;
-  spinning?: boolean;
-  style?: CSSProperties;
-  tip?: ReactNode;
-  variant?: SpinVariant;
-}
-//#endregion
-export { SpinProps, SpinSize, SpinVariant };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Statistic/Statistic.d.mts

@@ -1,6 +0,0 @@
-import { StatisticProps } from "./type.mjs";
-//#region src/base-ui/Statistic/Statistic.d.ts
-declare const Statistic: import("react").NamedExoticComponent<StatisticProps>;
-//#endregion
-export { Statistic as default };
-//# sourceMappingURL=Statistic.d.mts.map

package/es/base-ui/Statistic/Statistic.mjs

@@ -1,42 +0,0 @@
-"use client";
-import Skeleton from "../Skeleton/index.mjs";
-import { formatStatisticValue } from "./formatValue.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/base-ui/Statistic/Statistic.tsx
-const Statistic = memo(({ className, classNames, formatter, loading = false, precision, prefix, ref, styles: customStyles, suffix, title, value, ...rest }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx(styles.root, className),
-		ref,
-		...rest,
-		children: [title != null && /* @__PURE__ */ jsx("div", {
-			className: cx(styles.title, classNames?.title),
-			style: customStyles?.title,
-			children: title
-		}), loading ? /* @__PURE__ */ jsx(Skeleton, {
-			height: 30,
-			width: 96
-		}) : /* @__PURE__ */ jsxs("div", {
-			className: cx(styles.value, classNames?.value),
-			style: customStyles?.value,
-			children: [
-				prefix != null && /* @__PURE__ */ jsx("span", {
-					className: styles.affix,
-					children: prefix
-				}),
-				/* @__PURE__ */ jsx("span", { children: formatter ? formatter(value) : formatStatisticValue(value, precision) }),
-				suffix != null && /* @__PURE__ */ jsx("span", {
-					className: styles.affix,
-					children: suffix
-				})
-			]
-		})]
-	});
-});
-Statistic.displayName = "Statistic";
-//#endregion
-export { Statistic as default };
-
-//# sourceMappingURL=Statistic.mjs.map

package/es/base-ui/Statistic/Statistic.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Statistic.mjs","names":[],"sources":["../../../src/base-ui/Statistic/Statistic.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport Skeleton from '@/base-ui/Skeleton';\n\nimport { formatStatisticValue } from './formatValue';\nimport { styles } from './style';\nimport type { StatisticProps } from './type';\n\nconst Statistic = memo<StatisticProps>(\n  ({\n    className,\n    classNames,\n    formatter,\n    loading = false,\n    precision,\n    prefix,\n    ref,\n    styles: customStyles,\n    suffix,\n    title,\n    value,\n    ...rest\n  }) => {\n    return (\n      <div className={cx(styles.root, className)} ref={ref} {...rest}>\n        {title != null && (\n          <div className={cx(styles.title, classNames?.title)} style={customStyles?.title}>\n            {title}\n          </div>\n        )}\n        {loading ? (\n          <Skeleton height={30} width={96} />\n        ) : (\n          <div className={cx(styles.value, classNames?.value)} style={customStyles?.value}>\n            {prefix != null && <span className={styles.affix}>{prefix}</span>}\n            <span>{formatter ? formatter(value) : formatStatisticValue(value, precision)}</span>\n            {suffix != null && <span className={styles.affix}>{suffix}</span>}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nStatistic.displayName = 'Statistic';\n\nexport default Statistic;\n"],"mappings":";;;;;;;;AAWA,MAAM,YAAY,MACf,EACC,WACA,YACA,WACA,UAAU,OACV,WACA,QACA,KACA,QAAQ,cACR,QACA,OACA,OACA,GAAG,WACC;CACJ,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,MAAM,SAAS;EAAQ;EAAK,GAAI;EAA1D,UAAA,CACG,SAAS,QACR,oBAAC,OAAD;GAAK,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;GAAG,OAAO,cAAc;GACvE,UAAA;EACE,CAAA,GAEN,UACC,oBAAC,UAAD;GAAU,QAAQ;GAAI,OAAO;EAAK,CAAA,IAElC,qBAAC,OAAD;GAAK,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;GAAG,OAAO,cAAc;GAA1E,UAAA;IACG,UAAU,QAAQ,oBAAC,QAAD;KAAM,WAAW,OAAO;KAAQ,UAAA;IAAa,CAAA;IAChE,oBAAC,QAAD,EAAA,UAAO,YAAY,UAAU,KAAK,IAAI,qBAAqB,OAAO,SAAS,EAAQ,CAAA;IAClF,UAAU,QAAQ,oBAAC,QAAD;KAAM,WAAW,OAAO;KAAQ,UAAA;IAAa,CAAA;GAC7D;EAEJ,CAAA,CAAA;;AAET,CACF;AAEA,UAAU,cAAc"}

package/es/base-ui/Statistic/formatValue.d.mts

@@ -1,5 +0,0 @@
-//#region src/base-ui/Statistic/formatValue.d.ts
-declare const formatStatisticValue: (value: number | string | undefined, precision?: number) => string;
-//#endregion
-export { formatStatisticValue };
-//# sourceMappingURL=formatValue.d.mts.map

package/es/base-ui/Statistic/formatValue.mjs

@@ -1,23 +0,0 @@
-//#region src/base-ui/Statistic/formatValue.ts
-const grouping = new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 });
-const formatStatisticValue = (value, precision) => {
-	if (value === void 0 || value === null) return "";
-	if (typeof value === "string") {
-		if (!/^-?\d+(\.\d+)?$/.test(value)) return value;
-		return formatStatisticValue(Number(value), precision);
-	}
-	if (!Number.isFinite(value)) return String(value);
-	if (precision !== void 0) return new Intl.NumberFormat("en-US", {
-		maximumFractionDigits: precision,
-		minimumFractionDigits: precision
-	}).format(value);
-	const raw = String(value);
-	if (raw.includes("e")) return raw;
-	const [integer, decimal] = raw.split(".");
-	const grouped = grouping.format(Number(integer));
-	return decimal ? `${grouped}.${decimal}` : grouped;
-};
-//#endregion
-export { formatStatisticValue };
-
-//# sourceMappingURL=formatValue.mjs.map

package/es/base-ui/Statistic/formatValue.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatValue.mjs","names":[],"sources":["../../../src/base-ui/Statistic/formatValue.ts"],"sourcesContent":["const grouping = new Intl.NumberFormat('en-US', { maximumFractionDigits: 0 });\n\nexport const formatStatisticValue = (\n  value: number | string | undefined,\n  precision?: number,\n): string => {\n  if (value === undefined || value === null) return '';\n  if (typeof value === 'string') {\n    if (!/^-?\\d+(\\.\\d+)?$/.test(value)) return value;\n    return formatStatisticValue(Number(value), precision);\n  }\n  if (!Number.isFinite(value)) return String(value);\n\n  if (precision !== undefined) {\n    return new Intl.NumberFormat('en-US', {\n      maximumFractionDigits: precision,\n      minimumFractionDigits: precision,\n    }).format(value);\n  }\n\n  const raw = String(value);\n  if (raw.includes('e')) return raw;\n\n  const [integer, decimal] = raw.split('.');\n  const grouped = grouping.format(Number(integer));\n\n  return decimal ? `${grouped}.${decimal}` : grouped;\n};\n"],"mappings":";AAAA,MAAM,WAAW,IAAI,KAAK,aAAa,SAAS,EAAE,uBAAuB,EAAE,CAAC;AAE5E,MAAa,wBACX,OACA,cACW;CACX,IAAI,UAAU,KAAA,KAAa,UAAU,MAAM,OAAO;CAClD,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,CAAC,kBAAkB,KAAK,KAAK,GAAG,OAAO;EAC3C,OAAO,qBAAqB,OAAO,KAAK,GAAG,SAAS;CACtD;CACA,IAAI,CAAC,OAAO,SAAS,KAAK,GAAG,OAAO,OAAO,KAAK;CAEhD,IAAI,cAAc,KAAA,GAChB,OAAO,IAAI,KAAK,aAAa,SAAS;EACpC,uBAAuB;EACvB,uBAAuB;CACzB,CAAC,CAAC,CAAC,OAAO,KAAK;CAGjB,MAAM,MAAM,OAAO,KAAK;CACxB,IAAI,IAAI,SAAS,GAAG,GAAG,OAAO;CAE9B,MAAM,CAAC,SAAS,WAAW,IAAI,MAAM,GAAG;CACxC,MAAM,UAAU,SAAS,OAAO,OAAO,OAAO,CAAC;CAE/C,OAAO,UAAU,GAAG,QAAQ,GAAG,YAAY;AAC7C"}

package/es/base-ui/Statistic/style.mjs

@@ -1,34 +0,0 @@
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Statistic/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	affix: css`
-    font-size: 14px;
-    font-weight: 400;
-    color: ${cssVar.colorTextSecondary};
-  `,
-	root: css`
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-  `,
-	title: css`
-    font-size: 14px;
-    line-height: 1.5;
-    color: ${cssVar.colorTextDescription};
-  `,
-	value: css`
-    display: flex;
-    gap: 4px;
-    align-items: baseline;
-
-    font-size: 24px;
-    font-weight: 600;
-    font-variant-numeric: tabular-nums;
-    line-height: 1.25;
-    color: ${cssVar.colorText};
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Statistic/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Statistic/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  affix: css`\n    font-size: 14px;\n    font-weight: 400;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  root: css`\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  `,\n  title: css`\n    font-size: 14px;\n    line-height: 1.5;\n    color: ${cssVar.colorTextDescription};\n  `,\n  value: css`\n    display: flex;\n    gap: 4px;\n    align-items: baseline;\n\n    font-size: 24px;\n    font-weight: 600;\n    font-variant-numeric: tabular-nums;\n    line-height: 1.25;\n    color: ${cssVar.colorText};\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;;aAGC,OAAO,mBAAmB;;CAErC,MAAM,GAAG;;;;;CAKT,OAAO,GAAG;;;aAGC,OAAO,qBAAqB;;CAEvC,OAAO,GAAG;;;;;;;;;aASC,OAAO,UAAU;;AAE9B,EAAE"}

package/es/base-ui/Statistic/type.d.mts

@@ -1,23 +0,0 @@
-import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
-//#region src/base-ui/Statistic/type.d.ts
-interface StatisticProps extends Omit<ComponentProps<'div'>, 'title' | 'prefix'> {
-  classNames?: {
-    title?: string;
-    value?: string;
-  };
-  formatter?: (value: number | string | undefined) => ReactNode;
-  loading?: boolean;
-  precision?: number;
-  prefix?: ReactNode;
-  ref?: Ref<HTMLDivElement>;
-  styles?: {
-    title?: CSSProperties;
-    value?: CSSProperties;
-  };
-  suffix?: ReactNode;
-  title?: ReactNode;
-  value?: number | string;
-}
-//#endregion
-export { StatisticProps };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Steps/Steps.d.mts

@@ -1,6 +0,0 @@
-import { StepsProps } from "./type.mjs";
-//#region src/base-ui/Steps/Steps.d.ts
-declare const Steps: import("react").NamedExoticComponent<StepsProps>;
-//#endregion
-export { Steps as default };
-//# sourceMappingURL=Steps.d.mts.map

package/es/base-ui/Steps/Steps.mjs

@@ -1,74 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { Check } from "lucide-react";
-//#region src/base-ui/Steps/Steps.tsx
-const getStatus = (index, current, item) => {
-	if (item.status) return item.status;
-	if (current === void 0) return void 0;
-	if (index < current) return "finish";
-	if (index === current) return "process";
-	return "wait";
-};
-const renderIndicator = (item, index, status, isDot) => {
-	if (isDot) return null;
-	if (item.icon != null) return item.icon;
-	if (status === "finish") return /* @__PURE__ */ jsx(Icon, {
-		icon: Check,
-		size: 12
-	});
-	return index + 1;
-};
-const Steps = memo(({ className, classNames, current, items, orientation = "horizontal", ref, styles: customStyles, variant = "default", ...rest }) => {
-	const isDot = variant === "dot";
-	return /* @__PURE__ */ jsx("ol", {
-		ref,
-		className: cx(styles.root, orientation === "vertical" ? styles.vertical : styles.horizontal, isDot && styles.dot, className),
-		...rest,
-		children: items.map((item, index) => {
-			const status = getStatus(index, current, item);
-			const isLast = index === items.length - 1;
-			return /* @__PURE__ */ jsxs("li", {
-				"aria-current": current !== void 0 && index === current ? "step" : void 0,
-				className: cx(classNames?.item),
-				"data-status": status ?? "guide",
-				style: customStyles?.item,
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: cx(styles.indicator, classNames?.indicator),
-						style: customStyles?.indicator,
-						children: renderIndicator(item, index, status, isDot)
-					}),
-					(item.title != null || item.description != null) && /* @__PURE__ */ jsxs("div", {
-						className: styles.body,
-						children: [item.title != null && /* @__PURE__ */ jsx("div", {
-							className: cx(styles.title, classNames?.title),
-							style: customStyles?.title,
-							children: item.title
-						}), item.description != null && /* @__PURE__ */ jsx("div", {
-							className: cx(styles.description, classNames?.description),
-							style: customStyles?.description,
-							children: item.description
-						})]
-					}),
-					!isLast && /* @__PURE__ */ jsx("span", {
-						"aria-hidden": "true",
-						className: styles.connector,
-						style: isDot ? {
-							insetBlockStart: 20,
-							insetInlineStart: 3
-						} : void 0
-					})
-				]
-			}, item.key ?? index);
-		})
-	});
-});
-Steps.displayName = "Steps";
-//#endregion
-export { Steps as default };
-
-//# sourceMappingURL=Steps.mjs.map

package/es/base-ui/Steps/Steps.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.mjs","names":[],"sources":["../../../src/base-ui/Steps/Steps.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Check } from 'lucide-react';\nimport { memo, type ReactNode } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\nimport type { StepItem, StepsProps, StepStatus } from './type';\n\nconst getStatus = (\n  index: number,\n  current: number | undefined,\n  item: StepItem,\n): StepStatus | undefined => {\n  if (item.status) return item.status;\n  if (current === undefined) return undefined;\n  if (index < current) return 'finish';\n  if (index === current) return 'process';\n  return 'wait';\n};\n\nconst renderIndicator = (\n  item: StepItem,\n  index: number,\n  status: StepStatus | undefined,\n  isDot: boolean,\n): ReactNode => {\n  if (isDot) return null;\n  if (item.icon != null) return item.icon;\n  if (status === 'finish') return <Icon icon={Check} size={12} />;\n  return index + 1;\n};\n\nconst Steps = memo<StepsProps>(\n  ({\n    className,\n    classNames,\n    current,\n    items,\n    orientation = 'horizontal',\n    ref,\n    styles: customStyles,\n    variant = 'default',\n    ...rest\n  }) => {\n    const isDot = variant === 'dot';\n\n    return (\n      <ol\n        ref={ref}\n        className={cx(\n          styles.root,\n          orientation === 'vertical' ? styles.vertical : styles.horizontal,\n          isDot && styles.dot,\n          className,\n        )}\n        {...rest}\n      >\n        {items.map((item, index) => {\n          const status = getStatus(index, current, item);\n          const isLast = index === items.length - 1;\n\n          return (\n            <li\n              aria-current={current !== undefined && index === current ? 'step' : undefined}\n              className={cx(classNames?.item)}\n              data-status={status ?? 'guide'}\n              key={item.key ?? index}\n              style={customStyles?.item}\n            >\n              <span\n                className={cx(styles.indicator, classNames?.indicator)}\n                style={customStyles?.indicator}\n              >\n                {renderIndicator(item, index, status, isDot)}\n              </span>\n              {(item.title != null || item.description != null) && (\n                <div className={styles.body}>\n                  {item.title != null && (\n                    <div\n                      className={cx(styles.title, classNames?.title)}\n                      style={customStyles?.title}\n                    >\n                      {item.title}\n                    </div>\n                  )}\n                  {item.description != null && (\n                    <div\n                      className={cx(styles.description, classNames?.description)}\n                      style={customStyles?.description}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              )}\n              {!isLast && (\n                <span\n                  aria-hidden=\"true\"\n                  className={styles.connector}\n                  style={isDot ? { insetBlockStart: 20, insetInlineStart: 3 } : undefined}\n                />\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    );\n  },\n);\n\nSteps.displayName = 'Steps';\n\nexport default Steps;\n"],"mappings":";;;;;;;;AAWA,MAAM,aACJ,OACA,SACA,SAC2B;CAC3B,IAAI,KAAK,QAAQ,OAAO,KAAK;CAC7B,IAAI,YAAY,KAAA,GAAW,OAAO,KAAA;CAClC,IAAI,QAAQ,SAAS,OAAO;CAC5B,IAAI,UAAU,SAAS,OAAO;CAC9B,OAAO;AACT;AAEA,MAAM,mBACJ,MACA,OACA,QACA,UACc;CACd,IAAI,OAAO,OAAO;CAClB,IAAI,KAAK,QAAQ,MAAM,OAAO,KAAK;CACnC,IAAI,WAAW,UAAU,OAAO,oBAAC,MAAD;EAAM,MAAM;EAAO,MAAM;CAAK,CAAA;CAC9D,OAAO,QAAQ;AACjB;AAEA,MAAM,QAAQ,MACX,EACC,WACA,YACA,SACA,OACA,cAAc,cACd,KACA,QAAQ,cACR,UAAU,WACV,GAAG,WACC;CACJ,MAAM,QAAQ,YAAY;CAE1B,OACE,oBAAC,MAAD;EACO;EACL,WAAW,GACT,OAAO,MACP,gBAAgB,aAAa,OAAO,WAAW,OAAO,YACtD,SAAS,OAAO,KAChB,SACF;EACA,GAAI;EAEH,UAAA,MAAM,KAAK,MAAM,UAAU;GAC1B,MAAM,SAAS,UAAU,OAAO,SAAS,IAAI;GAC7C,MAAM,SAAS,UAAU,MAAM,SAAS;GAExC,OACE,qBAAC,MAAD;IACE,gBAAc,YAAY,KAAA,KAAa,UAAU,UAAU,SAAS,KAAA;IACpE,WAAW,GAAG,YAAY,IAAI;IAC9B,eAAa,UAAU;IAEvB,OAAO,cAAc;IALvB,UAAA;KAOE,oBAAC,QAAD;MACE,WAAW,GAAG,OAAO,WAAW,YAAY,SAAS;MACrD,OAAO,cAAc;MAEpB,UAAA,gBAAgB,MAAM,OAAO,QAAQ,KAAK;KACvC,CAAA;MACJ,KAAK,SAAS,QAAQ,KAAK,eAAe,SAC1C,qBAAC,OAAD;MAAK,WAAW,OAAO;MAAvB,UAAA,CACG,KAAK,SAAS,QACb,oBAAC,OAAD;OACE,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;OAC7C,OAAO,cAAc;OAEpB,UAAA,KAAK;MACH,CAAA,GAEN,KAAK,eAAe,QACnB,oBAAC,OAAD;OACE,WAAW,GAAG,OAAO,aAAa,YAAY,WAAW;OACzD,OAAO,cAAc;OAEpB,UAAA,KAAK;MACH,CAAA,CAEJ;;KAEN,CAAC,UACA,oBAAC,QAAD;MACE,eAAY;MACZ,WAAW,OAAO;MAClB,OAAO,QAAQ;OAAE,iBAAiB;OAAI,kBAAkB;MAAE,IAAI,KAAA;KAC/D,CAAA;IAED;GApCG,GAAA,KAAK,OAAO,KAoCf;EAER,CAAC;CACC,CAAA;AAER,CACF;AAEA,MAAM,cAAc"}