@tiny-design/react 1.0.4

package/lib/dropdown/dropdown.js

@@ -0,0 +1,110 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_index = require("../popup/index.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/dropdown/dropdown.tsx
+const Dropdown = (props) => {
+	const { trigger = "hover", placement = "bottom-start", disabled = false, arrow = false, onVisibleChange, overlay, className, children, prefixCls: customisedCls, ...otherProps } = props;
+	const cls = (0, classnames.default)(require_general.getPrefixCls("dropdown", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls), className);
+	const [popupVisible, setPopupVisible] = (0, react.useState)("visible" in props ? props.visible : false);
+	const delayDisplayPopupTimer = (0, react.useRef)(void 0);
+	const delayHidePopupTimer = (0, react.useRef)(void 0);
+	const displayPopup = (0, react.useCallback)(() => {
+		!("visible" in props) && setPopupVisible(true);
+		onVisibleChange && onVisibleChange(true);
+	}, [props, onVisibleChange]);
+	const hidePopup = (0, react.useCallback)(() => {
+		!("visible" in props) && setPopupVisible(false);
+		onVisibleChange && onVisibleChange(false);
+	}, [props, onVisibleChange]);
+	const delayHidePopup = (0, react.useCallback)(() => {
+		delayHidePopupTimer.current = window.setTimeout(() => {
+			hidePopup();
+		}, 100);
+	}, [hidePopup]);
+	const renderOverlay = () => {
+		if (!overlay) return null;
+		const overlayProps = {
+			overlayClassName: cls,
+			mode: "vertical",
+			theme: "light",
+			onMouseEnter: () => {
+				if (trigger === "hover") {
+					displayPopup();
+					window.clearTimeout(delayHidePopupTimer.current);
+				}
+			},
+			onMouseLeave: () => {
+				if (trigger === "hover") {
+					delayHidePopup();
+					window.clearTimeout(delayDisplayPopupTimer.current);
+				}
+			},
+			onSelect: (selectedIndex) => {
+				const { onSelect } = overlay.props;
+				onSelect && onSelect(selectedIndex);
+				hidePopup();
+			}
+		};
+		return react.default.cloneElement(overlay, overlayProps);
+	};
+	const handleTargetOnMouseEnter = () => {
+		if (trigger === "hover") {
+			displayPopup();
+			window.clearTimeout(delayHidePopupTimer.current);
+		}
+	};
+	const handleTargetOnMouseLeave = () => {
+		if (trigger === "hover") {
+			delayHidePopup();
+			window.clearTimeout(delayDisplayPopupTimer.current);
+		}
+	};
+	const handleTargetOnClick = () => {
+		if (trigger === "click") displayPopup();
+	};
+	(0, react.useEffect)(() => {
+		return () => {
+			window.clearTimeout(delayDisplayPopupTimer.current);
+			window.clearTimeout(delayHidePopupTimer.current);
+		};
+	}, []);
+	(0, react.useEffect)(() => {
+		"visible" in props && setPopupVisible(props.visible);
+	}, [props.visible]);
+	const handleKeyDown = (e) => {
+		if (e.key === "Escape" && popupVisible) hidePopup();
+	};
+	const childrenProps = {
+		onMouseEnter: handleTargetOnMouseEnter,
+		onMouseLeave: handleTargetOnMouseLeave,
+		onClick: handleTargetOnClick,
+		onKeyDown: handleKeyDown,
+		"aria-expanded": popupVisible,
+		"aria-haspopup": true
+	};
+	react.default.Children.only(children);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		...otherProps,
+		biZoom: false,
+		arrow,
+		disabled,
+		placement,
+		flip: !("placement" in props),
+		trigger: "manual",
+		className: cls,
+		visible: popupVisible,
+		content: renderOverlay(),
+		children: react.default.cloneElement(children, childrenProps)
+	});
+};
+Dropdown.displayName = "Dropdown";
+//#endregion
+exports.default = Dropdown;
+
+//# sourceMappingURL=dropdown.js.map

package/lib/dropdown/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","names":["getPrefixCls","ConfigContext","React","Popup"],"sources":["../../src/dropdown/dropdown.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { DropdownProps } from './types';\nimport { MenuProps } from '../menu/types';\nimport Popup from '../popup';\n\nconst Dropdown = (props: DropdownProps): JSX.Element => {\n  const {\n    trigger = 'hover',\n    placement = 'bottom-start',\n    disabled = false,\n    arrow = false,\n    onVisibleChange,\n    overlay,\n    className,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('dropdown', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const [popupVisible, setPopupVisible] = useState<boolean>(\n    'visible' in props ? (props.visible as boolean) : false\n  );\n  const delayDisplayPopupTimer = useRef<number | undefined>(undefined);\n  const delayHidePopupTimer = useRef<number | undefined>(undefined);\n\n  const displayPopup = useCallback(() => {\n    !('visible' in props) && setPopupVisible(true);\n    onVisibleChange && onVisibleChange(true);\n  }, [props, onVisibleChange]);\n\n  const hidePopup = useCallback(() => {\n    !('visible' in props) && setPopupVisible(false);\n    onVisibleChange && onVisibleChange(false);\n  }, [props, onVisibleChange]);\n\n  const delayHidePopup = useCallback((): void => {\n    delayHidePopupTimer.current = window.setTimeout(() => {\n      hidePopup();\n    }, 100);\n  }, [hidePopup]);\n\n  const renderOverlay = (): React.ReactNode => {\n    if (!overlay) {\n      return null;\n    }\n\n    const overlayProps: Partial<MenuProps> = {\n      overlayClassName: cls,\n      mode: 'vertical',\n      theme: 'light',\n      onMouseEnter: () => {\n        if (trigger === 'hover') {\n          displayPopup();\n          window.clearTimeout(delayHidePopupTimer.current);\n        }\n      },\n      onMouseLeave: () => {\n        if (trigger === 'hover') {\n          delayHidePopup();\n          window.clearTimeout(delayDisplayPopupTimer.current);\n        }\n      },\n      onSelect: (selectedIndex) => {\n        const { onSelect } = overlay.props;\n        onSelect && onSelect(selectedIndex);\n        hidePopup();\n      },\n    };\n    return React.cloneElement(overlay, overlayProps);\n  };\n\n  const handleTargetOnMouseEnter = () => {\n    if (trigger === 'hover') {\n      displayPopup();\n      window.clearTimeout(delayHidePopupTimer.current);\n    }\n  };\n\n  const handleTargetOnMouseLeave = () => {\n    if (trigger === 'hover') {\n      delayHidePopup();\n      window.clearTimeout(delayDisplayPopupTimer.current);\n    }\n  };\n\n  const handleTargetOnClick = () => {\n    if (trigger === 'click') {\n      displayPopup();\n    }\n  };\n\n  // Clear timers on unmount\n  useEffect(() => {\n    return () => {\n      window.clearTimeout(delayDisplayPopupTimer.current);\n      window.clearTimeout(delayHidePopupTimer.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    'visible' in props && setPopupVisible(props.visible as boolean);\n  }, [props.visible]);\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape' && popupVisible) {\n      hidePopup();\n    }\n  };\n\n  const childrenProps = {\n    onMouseEnter: handleTargetOnMouseEnter,\n    onMouseLeave: handleTargetOnMouseLeave,\n    onClick: handleTargetOnClick,\n    onKeyDown: handleKeyDown,\n    'aria-expanded': popupVisible,\n    'aria-haspopup': true as const,\n  };\n\n  React.Children.only(children);\n  return (\n    <Popup\n      {...otherProps}\n      biZoom={false}\n      arrow={arrow}\n      disabled={disabled}\n      placement={placement}\n      flip={!('placement' in props)}\n      trigger=\"manual\"\n      className={cls}\n      visible={popupVisible}\n      content={renderOverlay()}>\n      {React.cloneElement(children, childrenProps)}\n    </Popup>\n  );\n};\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAY,UAAsC;CACtD,MAAM,EACJ,UAAU,SACV,YAAY,gBACZ,WAAW,OACX,QAAQ,OACR,iBACA,SACA,WACA,UACA,WAAW,eACX,GAAG,eACD;CAGJ,MAAM,OAAA,GAAA,WAAA,SADYA,gBAAAA,aAAa,aAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACU,WAAW,cAAc,EAChD,UAAU;CAC5C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UACnB,aAAa,QAAS,MAAM,UAAsB,MACnD;CACD,MAAM,0BAAA,GAAA,MAAA,QAAoD,KAAA,EAAU;CACpE,MAAM,uBAAA,GAAA,MAAA,QAAiD,KAAA,EAAU;CAEjE,MAAM,gBAAA,GAAA,MAAA,mBAAiC;AACrC,IAAE,aAAa,UAAU,gBAAgB,KAAK;AAC9C,qBAAmB,gBAAgB,KAAK;IACvC,CAAC,OAAO,gBAAgB,CAAC;CAE5B,MAAM,aAAA,GAAA,MAAA,mBAA8B;AAClC,IAAE,aAAa,UAAU,gBAAgB,MAAM;AAC/C,qBAAmB,gBAAgB,MAAM;IACxC,CAAC,OAAO,gBAAgB,CAAC;CAE5B,MAAM,kBAAA,GAAA,MAAA,mBAAyC;AAC7C,sBAAoB,UAAU,OAAO,iBAAiB;AACpD,cAAW;KACV,IAAI;IACN,CAAC,UAAU,CAAC;CAEf,MAAM,sBAAuC;AAC3C,MAAI,CAAC,QACH,QAAO;EAGT,MAAM,eAAmC;GACvC,kBAAkB;GAClB,MAAM;GACN,OAAO;GACP,oBAAoB;AAClB,QAAI,YAAY,SAAS;AACvB,mBAAc;AACd,YAAO,aAAa,oBAAoB,QAAQ;;;GAGpD,oBAAoB;AAClB,QAAI,YAAY,SAAS;AACvB,qBAAgB;AAChB,YAAO,aAAa,uBAAuB,QAAQ;;;GAGvD,WAAW,kBAAkB;IAC3B,MAAM,EAAE,aAAa,QAAQ;AAC7B,gBAAY,SAAS,cAAc;AACnC,eAAW;;GAEd;AACD,SAAOC,MAAAA,QAAM,aAAa,SAAS,aAAa;;CAGlD,MAAM,iCAAiC;AACrC,MAAI,YAAY,SAAS;AACvB,iBAAc;AACd,UAAO,aAAa,oBAAoB,QAAQ;;;CAIpD,MAAM,iCAAiC;AACrC,MAAI,YAAY,SAAS;AACvB,mBAAgB;AAChB,UAAO,aAAa,uBAAuB,QAAQ;;;CAIvD,MAAM,4BAA4B;AAChC,MAAI,YAAY,QACd,eAAc;;AAKlB,EAAA,GAAA,MAAA,iBAAgB;AACd,eAAa;AACX,UAAO,aAAa,uBAAuB,QAAQ;AACnD,UAAO,aAAa,oBAAoB,QAAQ;;IAEjD,EAAE,CAAC;AAEN,EAAA,GAAA,MAAA,iBAAgB;AACd,eAAa,SAAS,gBAAgB,MAAM,QAAmB;IAC9D,CAAC,MAAM,QAAQ,CAAC;CAEnB,MAAM,iBAAiB,MAA2B;AAChD,MAAI,EAAE,QAAQ,YAAY,aACxB,YAAW;;CAIf,MAAM,gBAAgB;EACpB,cAAc;EACd,cAAc;EACd,SAAS;EACT,WAAW;EACX,iBAAiB;EACjB,iBAAiB;EAClB;AAED,OAAA,QAAM,SAAS,KAAK,SAAS;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;EACE,GAAI;EACJ,QAAQ;EACD;EACG;EACC;EACX,MAAM,EAAE,eAAe;EACvB,SAAQ;EACR,WAAW;EACX,SAAS;EACT,SAAS,eAAe;YACvBD,MAAAA,QAAM,aAAa,UAAU,cAAc;EACtC,CAAA;;AAIZ,SAAS,cAAc"}

package/lib/dropdown/index.js

@@ -0,0 +1,9 @@
+require('../style/base.css');
+require('./style/index.css');
+require('../popup/style/index.css');
+//#region src/dropdown/index.tsx
+var dropdown_default = require("./dropdown.js").default;
+//#endregion
+exports.default = dropdown_default;
+
+//# sourceMappingURL=index.js.map

package/lib/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Dropdown"],"sources":["../../src/dropdown/index.tsx"],"sourcesContent":["import Dropdown from './dropdown';\n\nexport default Dropdown;\n"],"mappings":";AAEA,IAAA,4CAAeA"}

package/lib/dropdown/style/_index.scss

@@ -0,0 +1,37 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-dropdown {
+
+  .#{$prefix}-menu, .#{$prefix}-menu-sub__list {
+    padding: 4px 0;
+
+    .#{$prefix}-menu-item_active {
+      background-color: transparent;
+      color: var(--ty-color-text);
+    }
+
+    .#{$prefix}-menu-item {
+      padding: 8px 15px;
+      margin: 0;
+
+      &:hover:not(.#{$prefix}-menu-item_disabled) {
+        background-color: var(--ty-color-bg-spotlight);
+        color: var(--ty-color-text);
+      }
+    }
+  }
+
+  .#{$prefix}-menu:before{
+    content: none;
+  }
+
+  .#{$prefix}-menu-item-group {
+    &__title {
+      padding: 8px 10px;
+
+      &:first-child {
+        margin-top: 0;
+      }
+    }
+  }
+}

package/lib/dropdown/style/index.css

@@ -0,0 +1,24 @@
+.ty-dropdown .ty-menu, .ty-dropdown .ty-menu-sub__list {
+  padding: 4px 0;
+}
+.ty-dropdown .ty-menu .ty-menu-item_active, .ty-dropdown .ty-menu-sub__list .ty-menu-item_active {
+  background-color: transparent;
+  color: var(--ty-color-text);
+}
+.ty-dropdown .ty-menu .ty-menu-item, .ty-dropdown .ty-menu-sub__list .ty-menu-item {
+  padding: 8px 15px;
+  margin: 0;
+}
+.ty-dropdown .ty-menu .ty-menu-item:hover:not(.ty-menu-item_disabled), .ty-dropdown .ty-menu-sub__list .ty-menu-item:hover:not(.ty-menu-item_disabled) {
+  background-color: var(--ty-color-bg-spotlight);
+  color: var(--ty-color-text);
+}
+.ty-dropdown .ty-menu:before {
+  content: none;
+}
+.ty-dropdown .ty-menu-item-group__title {
+  padding: 8px 10px;
+}
+.ty-dropdown .ty-menu-item-group__title:first-child {
+  margin-top: 0;
+}

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

@@ -0,0 +1 @@
+export { };

package/lib/dropdown/style/index.js

@@ -0,0 +1,2 @@
+require("./index.css");
+require("../../popup/style/index.css");

package/lib/dropdown/types.d.ts

@@ -0,0 +1,20 @@
+import { BaseProps } from "../_utils/props.js";
+import { MenuProps } from "../menu/types.js";
+import React from "react";
+
+//#region src/dropdown/types.d.ts
+type DropdownTrigger = 'click' | 'hover';
+type DropdownPlacement = 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
+interface DropdownProps extends BaseProps {
+  disabled?: boolean;
+  trigger?: DropdownTrigger;
+  placement?: DropdownPlacement;
+  overlay?: React.ReactElement<MenuProps>;
+  visible?: boolean;
+  arrow?: boolean;
+  onVisibleChange?: (visible: boolean) => void;
+  children: React.ReactElement;
+}
+//#endregion
+export { DropdownPlacement, DropdownProps, DropdownTrigger };
+//# sourceMappingURL=types.d.ts.map

package/lib/empty/empty.d.ts

@@ -0,0 +1,8 @@
+import { EmptyProps } from "./types.js";
+import React from "react";
+
+//#region src/empty/empty.d.ts
+declare const Empty: React.MemoExoticComponent<React.ForwardRefExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>>;
+//#endregion
+export { Empty };
+//# sourceMappingURL=empty.d.ts.map

package/lib/empty/empty.js

@@ -0,0 +1,85 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_use_locale = require("../_utils/use-locale.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/empty/empty.tsx
+const Empty = react.default.memo(react.default.forwardRef((props, ref) => {
+	const locale = require_use_locale.useLocale();
+	const { description = locale.Empty.description, image, imageStyle, descStyle, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("empty", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	const renderImage = () => {
+		if (react.default.isValidElement(image)) return image;
+		else if (typeof image === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src: image,
+			alt: "empty",
+			style: imageStyle,
+			className: `${prefixCls}__image`
+		});
+		else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			width: "61px",
+			height: "40px",
+			viewBox: "0 0 61 40",
+			version: "1.1",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
+				stroke: "none",
+				strokeWidth: "1",
+				fill: "none",
+				fillRule: "evenodd",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+					transform: "translate(0.000000, 1.000000)",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ellipse", {
+							fill: "#F5F5F5",
+							cx: "30.5",
+							cy: "30.5",
+							rx: "30.5",
+							ry: "8.5"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+							d: "M8,14 L16.1016016,14 C17.4262005,14 18.5,15.0737995 18.5,16.3983984 C18.5,17.7229972 19.5737995,18.7967967 20.8983984,18.7967967 L39.1016016,18.7967967 C40.4262005,18.7967967 41.5,17.7229972 41.5,16.3983984 C41.5,15.0737995 42.5737995,14 43.8983984,14 L52,14 C52.5522847,14 53,14.4477153 53,15 L53,29 C53,31.209139 51.209139,33 49,33 L11,33 C8.790861,33 7,31.209139 7,29 L7,15 C7,14.4477153 7.44771525,14 8,14 Z",
+							stroke: "#D9D9D9",
+							fill: "#FAFAFA"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+							d: "M7.34587252,14.1911631 L14.8857295,1.90750067 C15.6132226,0.722295128 16.9040854,1.14364005e-15 18.2947537,0 L41.70114,0 C43.0918102,8.62632224e-15 44.3826743,0.722296971 45.1101669,1.90750495 L52.65,14.1911631 L52.65,14.1911631 L44.0201775,14.1911631 C42.6922539,14.1911631 41.6157591,15.2676579 41.6157591,16.5955815 C41.6157591,17.9235052 40.5392643,19 39.2113406,19 L20.7845564,19 C19.4566328,19 18.380138,17.9235052 18.380138,16.5955815 C18.380138,15.2676579 17.3036432,14.1911631 15.9757195,14.1911631 L7.34587252,14.1911631 L7.34587252,14.1911631 Z",
+							stroke: "#D9D9D9",
+							fill: "#FFFFFF"
+						})
+					]
+				})
+			})
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__image-container`,
+				children: renderImage()
+			}),
+			typeof props.description === "boolean" && !description ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: `${prefixCls}__desc`,
+				style: descStyle,
+				children: description
+			}),
+			children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefixCls}__footer`,
+				children
+			})
+		]
+	});
+}));
+Empty.displayName = "Empty";
+//#endregion
+exports.default = Empty;
+
+//# sourceMappingURL=empty.js.map

package/lib/empty/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":["React","useLocale","getPrefixCls","ConfigContext"],"sources":["../../src/empty/empty.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useLocale } from '../_utils/use-locale';\nimport { EmptyProps } from './types';\n\nconst Empty = React.memo(React.forwardRef<HTMLDivElement, EmptyProps>((props, ref) => {\n  const locale = useLocale();\n  const {\n    description = locale.Empty.description,\n    image,\n    imageStyle,\n    descStyle,\n    className,\n    style,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('empty', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  const renderImage = (): ReactNode => {\n    if (React.isValidElement(image)) {\n      return image;\n    } else if (typeof image === 'string') {\n      return <img src={image} alt=\"empty\" style={imageStyle} className={`${prefixCls}__image`} />;\n    } else {\n      return (\n        <svg width=\"61px\" height=\"40px\" viewBox=\"0 0 61 40\" version=\"1.1\">\n          <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n            <g transform=\"translate(0.000000, 1.000000)\">\n              <ellipse fill=\"#F5F5F5\" cx=\"30.5\" cy=\"30.5\" rx=\"30.5\" ry=\"8.5\" />\n              <path\n                d=\"M8,14 L16.1016016,14 C17.4262005,14 18.5,15.0737995 18.5,16.3983984 C18.5,17.7229972 19.5737995,18.7967967 20.8983984,18.7967967 L39.1016016,18.7967967 C40.4262005,18.7967967 41.5,17.7229972 41.5,16.3983984 C41.5,15.0737995 42.5737995,14 43.8983984,14 L52,14 C52.5522847,14 53,14.4477153 53,15 L53,29 C53,31.209139 51.209139,33 49,33 L11,33 C8.790861,33 7,31.209139 7,29 L7,15 C7,14.4477153 7.44771525,14 8,14 Z\"\n                stroke=\"#D9D9D9\"\n                fill=\"#FAFAFA\"\n              />\n              <path\n                d=\"M7.34587252,14.1911631 L14.8857295,1.90750067 C15.6132226,0.722295128 16.9040854,1.14364005e-15 18.2947537,0 L41.70114,0 C43.0918102,8.62632224e-15 44.3826743,0.722296971 45.1101669,1.90750495 L52.65,14.1911631 L52.65,14.1911631 L44.0201775,14.1911631 C42.6922539,14.1911631 41.6157591,15.2676579 41.6157591,16.5955815 C41.6157591,17.9235052 40.5392643,19 39.2113406,19 L20.7845564,19 C19.4566328,19 18.380138,17.9235052 18.380138,16.5955815 C18.380138,15.2676579 17.3036432,14.1911631 15.9757195,14.1911631 L7.34587252,14.1911631 L7.34587252,14.1911631 Z\"\n                stroke=\"#D9D9D9\"\n                fill=\"#FFFFFF\"\n              />\n            </g>\n          </g>\n        </svg>\n      );\n    }\n  };\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      <div className={`${prefixCls}__image-container`}>{renderImage()}</div>\n      {typeof props.description === 'boolean' && !description ? null : (\n        <p className={`${prefixCls}__desc`} style={descStyle}>\n          {description}\n        </p>\n      )}\n      {children && <div className={`${prefixCls}__footer`}>{children}</div>}\n    </div>\n  );\n}));\n\nEmpty.displayName = 'Empty';\n\nexport default Empty;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,QAAQA,MAAAA,QAAM,KAAKA,MAAAA,QAAM,YAAwC,OAAO,QAAQ;CACpF,MAAM,SAASC,mBAAAA,WAAW;CAC1B,MAAM,EACJ,cAAc,OAAO,MAAM,aAC3B,OACA,YACA,WACA,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAYC,gBAAAA,aAAa,UAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACO,WAAW,cAAc;CAC/E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;CAE5C,MAAM,oBAA+B;AACnC,MAAIH,MAAAA,QAAM,eAAe,MAAM,CAC7B,QAAO;WACE,OAAO,UAAU,SAC1B,QAAO,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,KAAK;GAAO,KAAI;GAAQ,OAAO;GAAY,WAAW,GAAG,UAAU;GAAY,CAAA;MAE3F,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,OAAM;GAAO,QAAO;GAAO,SAAQ;GAAY,SAAQ;aAC1D,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,QAAO;IAAO,aAAY;IAAI,MAAK;IAAO,UAAS;cACpD,iBAAA,GAAA,kBAAA,MAAC,KAAD;KAAG,WAAU;eAAb;MACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;OAAS,MAAK;OAAU,IAAG;OAAO,IAAG;OAAO,IAAG;OAAO,IAAG;OAAQ,CAAA;MACjE,iBAAA,GAAA,kBAAA,KAAC,QAAD;OACE,GAAE;OACF,QAAO;OACP,MAAK;OACL,CAAA;MACF,iBAAA,GAAA,kBAAA,KAAC,QAAD;OACE,GAAE;OACF,QAAO;OACP,MAAK;OACL,CAAA;MACA;;IACF,CAAA;GACA,CAAA;;AAKZ,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAY;YAAtD;GACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAqB,aAAa;IAAO,CAAA;GACrE,OAAO,MAAM,gBAAgB,aAAa,CAAC,cAAc,OACxD,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAW,GAAG,UAAU;IAAS,OAAO;cACxC;IACC,CAAA;GAEL,YAAY,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;IAAY;IAAe,CAAA;GACjE;;EAER,CAAC;AAEH,MAAM,cAAc"}

package/lib/empty/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/empty/index.tsx
+var empty_default = require("./empty.js").default;
+//#endregion
+exports.default = empty_default;
+
+//# sourceMappingURL=index.js.map

package/lib/empty/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Empty"],"sources":["../../src/empty/index.tsx"],"sourcesContent":["import Empty from './empty';\n\nexport default Empty;\n"],"mappings":";AAEA,IAAA,sCAAeA"}

package/lib/empty/style/_index.scss

@@ -0,0 +1,26 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-empty {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+
+  &__image-container {
+    margin-bottom: 8px;
+  }
+
+  &__image {
+    max-width: 120px;
+  }
+
+  &__desc {
+    color: var(--ty-empty-desc-color);
+    font-size: $font-size-base;
+    margin: 0;
+  }
+
+  &__footer {
+    margin-top: 16px;
+  }
+}

package/lib/empty/style/index.css

@@ -0,0 +1,20 @@
+.ty-empty {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+.ty-empty__image-container {
+  margin-bottom: 8px;
+}
+.ty-empty__image {
+  max-width: 120px;
+}
+.ty-empty__desc {
+  color: var(--ty-empty-desc-color);
+  font-size: 1rem;
+  margin: 0;
+}
+.ty-empty__footer {
+  margin-top: 16px;
+}

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

@@ -0,0 +1 @@
+export { };

package/lib/empty/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/empty/types.d.ts

@@ -0,0 +1,14 @@
+import { BaseProps } from "../_utils/props.js";
+import React, { CSSProperties, ReactNode } from "react";
+
+//#region src/empty/types.d.ts
+interface EmptyProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  image?: string | ReactNode;
+  imageStyle?: CSSProperties;
+  description?: boolean | string | React.ReactNode;
+  descStyle?: CSSProperties;
+  children?: React.ReactNode;
+}
+//#endregion
+export { EmptyProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/flex/flex.d.ts

@@ -0,0 +1,8 @@
+import { FlexProps } from "./types.js";
+import React from "react";
+
+//#region src/flex/flex.d.ts
+declare const Flex: React.ForwardRefExoticComponent<Omit<FlexProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Flex };
+//# sourceMappingURL=flex.d.ts.map

package/lib/flex/flex.js

@@ -0,0 +1,39 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/flex/flex.tsx
+const gapSizes = {
+	sm: 8,
+	md: 16,
+	lg: 24
+};
+const Flex = react.default.forwardRef((props, ref) => {
+	const { vertical = false, wrap, justify, align, gap, flex, component: Component = "div", className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const cls = (0, classnames.default)(require_general.getPrefixCls("flex", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls), className);
+	const mergedStyle = {
+		flexDirection: vertical ? "column" : void 0,
+		flexWrap: wrap,
+		justifyContent: justify,
+		alignItems: align,
+		gap: typeof gap === "string" && gap in gapSizes ? gapSizes[gap] : gap,
+		flex,
+		...style
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		...otherProps,
+		ref,
+		className: cls,
+		style: mergedStyle,
+		children
+	});
+});
+Flex.displayName = "Flex";
+//#endregion
+exports.default = Flex;
+
+//# sourceMappingURL=flex.js.map

package/lib/flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","names":["React","getPrefixCls","ConfigContext"],"sources":["../../src/flex/flex.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SizeType } from '../_utils/props';\nimport { FlexProps } from './types';\n\nconst gapSizes: Record<SizeType, number> = {\n  sm: 8,\n  md: 16,\n  lg: 24,\n};\n\nconst Flex = React.forwardRef<HTMLElement, FlexProps>(\n  (props: FlexProps, ref): JSX.Element => {\n    const {\n      vertical = false,\n      wrap,\n      justify,\n      align,\n      gap,\n      flex,\n      component: Component = 'div',\n      className,\n      style,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('flex', configContext.prefixCls, customisedCls);\n\n    const cls = classNames(prefixCls, className);\n\n    const mergedStyle: React.CSSProperties = {\n      flexDirection: vertical ? 'column' : undefined,\n      flexWrap: wrap,\n      justifyContent: justify,\n      alignItems: align,\n      gap: typeof gap === 'string' && gap in gapSizes ? gapSizes[gap as SizeType] : gap,\n      flex,\n      ...style,\n    };\n\n    return (\n      <Component {...otherProps} ref={ref} className={cls} style={mergedStyle}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nFlex.displayName = 'Flex';\n\nexport default Flex;\n"],"mappings":";;;;;;;;;AAOA,MAAM,WAAqC;CACzC,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,OAAOA,MAAAA,QAAM,YAChB,OAAkB,QAAqB;CACtC,MAAM,EACJ,WAAW,OACX,MACA,SACA,OACA,KACA,MACA,WAAW,YAAY,OACvB,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CAIJ,MAAM,OAAA,GAAA,WAAA,SAFYC,gBAAAA,aAAa,SAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACM,WAAW,cAAc,EAE5C,UAAU;CAE5C,MAAM,cAAmC;EACvC,eAAe,WAAW,WAAW,KAAA;EACrC,UAAU;EACV,gBAAgB;EAChB,YAAY;EACZ,KAAK,OAAO,QAAQ,YAAY,OAAO,WAAW,SAAS,OAAmB;EAC9E;EACA,GAAG;EACJ;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EAAW,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;EACzD;EACS,CAAA;EAGjB;AAED,KAAK,cAAc"}

package/lib/flex/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/flex/index.tsx
+var flex_default = require("./flex.js").default;
+//#endregion
+exports.default = flex_default;
+
+//# sourceMappingURL=index.js.map

package/lib/flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Flex"],"sources":["../../src/flex/index.tsx"],"sourcesContent":["import Flex from './flex';\n\nexport default Flex;\n"],"mappings":";AAEA,IAAA,oCAAeA"}

package/lib/flex/style/_index.scss

@@ -0,0 +1,5 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-flex {
+  display: flex;
+}

package/lib/flex/style/index.css

@@ -0,0 +1,3 @@
+.ty-flex {
+  display: flex;
+}

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

@@ -0,0 +1 @@
+export { };

package/lib/flex/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/flex/types.d.ts

@@ -0,0 +1,16 @@
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region src/flex/types.d.ts
+interface FlexProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
+  vertical?: boolean;
+  wrap?: React.CSSProperties['flexWrap'];
+  justify?: React.CSSProperties['justifyContent'];
+  align?: React.CSSProperties['alignItems'];
+  gap?: SizeType | React.CSSProperties['gap'];
+  flex?: React.CSSProperties['flex'];
+  component?: React.ElementType;
+}
+//#endregion
+export { FlexProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/flip/flip-item.d.ts

@@ -0,0 +1,10 @@
+import { FlipItemProps } from "./types.js";
+
+//#region src/flip/flip-item.d.ts
+declare const FlipItem: {
+  (props: FlipItemProps): JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { FlipItem };
+//# sourceMappingURL=flip-item.d.ts.map

package/lib/flip/flip-item.js

@@ -0,0 +1,16 @@
+require("../_virtual/_rolldown/runtime.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/flip/flip-item.tsx
+const FlipItem = (props) => {
+	const { className, children, ...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...otherProps,
+		className,
+		children
+	});
+};
+FlipItem.displayName = "FlipItem";
+//#endregion
+exports.default = FlipItem;
+
+//# sourceMappingURL=flip-item.js.map

package/lib/flip/flip-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flip-item.js","names":[],"sources":["../../src/flip/flip-item.tsx"],"sourcesContent":["import { FlipItemProps } from './types';\n\nconst FlipItem = (props: FlipItemProps): JSX.Element => {\n  const { className, children, ...otherProps } = props;\n  return (\n    <div {...otherProps} className={className}>\n      {children}\n    </div>\n  );\n};\n\nFlipItem.displayName = 'FlipItem';\n\nexport default FlipItem;\n"],"mappings":";;;AAEA,MAAM,YAAY,UAAsC;CACtD,MAAM,EAAE,WAAW,UAAU,GAAG,eAAe;AAC/C,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAuB;EAC7B;EACG,CAAA;;AAIV,SAAS,cAAc"}

package/lib/flip/flip.d.ts

@@ -0,0 +1,11 @@
+import { FlipProps } from "./types.js";
+import React from "react";
+
+//#region src/flip/flip.d.ts
+declare const Flip: {
+  (props: FlipProps): React.ReactElement;
+  displayName: string;
+};
+//#endregion
+export { Flip };
+//# sourceMappingURL=flip.d.ts.map

package/lib/flip/flip.js

@@ -0,0 +1,53 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_warning = require("../_utils/warning.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/flip/flip.tsx
+const Flip = (props) => {
+	const { direction = "horizontal", reverse = false, prefixCls: customisedCls, width, height, className, children, style, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("flip", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	const innerCls = (0, classnames.default)(`${prefixCls}__inner`, {
+		[`${prefixCls}__inner_hor`]: direction === "horizontal" && !reverse,
+		[`${prefixCls}__inner_hor_reverse`]: direction === "horizontal" && reverse,
+		[`${prefixCls}__inner_ver`]: direction === "vertical" && !reverse,
+		[`${prefixCls}__inner_ver_reverse`]: direction === "vertical" && reverse
+	});
+	require_warning.default(!children || react.default.Children.count(children) !== 2, "Children must contain front and back components.", true);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...otherProps,
+		className: cls,
+		style: {
+			width,
+			height,
+			...style
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: innerCls,
+			children: react.default.Children.map(children, (child, index) => {
+				const childElement = child;
+				if (childElement.type.displayName === "FlipItem") {
+					const childProps = { className: (0, classnames.default)({
+						[`${prefixCls}__item-front`]: index === 0,
+						[`${prefixCls}__item-back`]: index === 1,
+						[`${prefixCls}__item-back_hor`]: index === 1 && direction === "horizontal" && !reverse,
+						[`${prefixCls}__item-back_hor_reverse`]: index === 1 && direction === "horizontal" && reverse,
+						[`${prefixCls}__item-back_ver`]: index === 1 && direction === "vertical" && !reverse,
+						[`${prefixCls}__item-back_ver_reverse`]: index === 1 && direction === "vertical" && reverse
+					}, child.props.className) };
+					return react.default.cloneElement(childElement, childProps);
+				} else return null;
+			})
+		})
+	});
+};
+Flip.displayName = "Flip";
+//#endregion
+exports.default = Flip;
+
+//# sourceMappingURL=flip.js.map

package/lib/flip/flip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flip.js","names":["getPrefixCls","ConfigContext","React"],"sources":["../../src/flip/flip.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport warning from '../_utils/warning';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { FlipItemProps, FlipProps } from './types';\n\nconst Flip = (props: FlipProps): React.ReactElement => {\n  const {\n    direction = 'horizontal',\n    reverse = false,\n    prefixCls: customisedCls,\n    width,\n    height,\n    className,\n    children,\n    style,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('flip', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  const innerCls = classNames(`${prefixCls}__inner`, {\n    [`${prefixCls}__inner_hor`]: direction === 'horizontal' && !reverse,\n    [`${prefixCls}__inner_hor_reverse`]: direction === 'horizontal' && reverse,\n    [`${prefixCls}__inner_ver`]: direction === 'vertical' && !reverse,\n    [`${prefixCls}__inner_ver_reverse`]: direction === 'vertical' && reverse,\n  });\n\n  warning(\n    !children || React.Children.count(children) !== 2,\n    'Children must contain front and back components.',\n    true\n  );\n\n  return (\n    <div {...otherProps} className={cls} style={{ width, height, ...style }}>\n      <div className={innerCls}>\n        {React.Children.map(children, (child, index: number) => {\n          const childElement = child as React.FunctionComponentElement<FlipItemProps>;\n          if (childElement.type.displayName === 'FlipItem') {\n            const childProps: Partial<FlipItemProps> = {\n              className: classNames(\n                {\n                  [`${prefixCls}__item-front`]: index === 0,\n                  [`${prefixCls}__item-back`]: index === 1,\n                  [`${prefixCls}__item-back_hor`]:\n                    index === 1 && direction === 'horizontal' && !reverse,\n                  [`${prefixCls}__item-back_hor_reverse`]:\n                    index === 1 && direction === 'horizontal' && reverse,\n                  [`${prefixCls}__item-back_ver`]:\n                    index === 1 && direction === 'vertical' && !reverse,\n                  [`${prefixCls}__item-back_ver_reverse`]:\n                    index === 1 && direction === 'vertical' && reverse,\n                },\n                child.props.className\n              ),\n            };\n            return React.cloneElement(childElement, childProps);\n          } else {\n            return null;\n          }\n        })}\n      </div>\n    </div>\n  );\n};\n\nFlip.displayName = 'Flip';\n\nexport default Flip;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,QAAQ,UAAyC;CACrD,MAAM,EACJ,YAAY,cACZ,UAAU,OACV,WAAW,eACX,OACA,QACA,WACA,UACA,OACA,GAAG,eACD;CAEJ,MAAM,YAAYA,gBAAAA,aAAa,SAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;CAE5C,MAAM,YAAA,GAAA,WAAA,SAAsB,GAAG,UAAU,UAAU;GAChD,GAAG,UAAU,eAAe,cAAc,gBAAgB,CAAC;GAC3D,GAAG,UAAU,uBAAuB,cAAc,gBAAgB;GAClE,GAAG,UAAU,eAAe,cAAc,cAAc,CAAC;GACzD,GAAG,UAAU,uBAAuB,cAAc,cAAc;EAClE,CAAC;AAEF,iBAAA,QACE,CAAC,YAAYC,MAAAA,QAAM,SAAS,MAAM,SAAS,KAAK,GAChD,oDACA,KACD;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAY,WAAW;EAAK,OAAO;GAAE;GAAO;GAAQ,GAAG;GAAO;YACrE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW;aACbA,MAAAA,QAAM,SAAS,IAAI,WAAW,OAAO,UAAkB;IACtD,MAAM,eAAe;AACrB,QAAI,aAAa,KAAK,gBAAgB,YAAY;KAChD,MAAM,aAAqC,EACzC,YAAA,GAAA,WAAA,SACE;OACG,GAAG,UAAU,gBAAgB,UAAU;OACvC,GAAG,UAAU,eAAe,UAAU;OACtC,GAAG,UAAU,mBACZ,UAAU,KAAK,cAAc,gBAAgB,CAAC;OAC/C,GAAG,UAAU,2BACZ,UAAU,KAAK,cAAc,gBAAgB;OAC9C,GAAG,UAAU,mBACZ,UAAU,KAAK,cAAc,cAAc,CAAC;OAC7C,GAAG,UAAU,2BACZ,UAAU,KAAK,cAAc,cAAc;MAC9C,EACD,MAAM,MAAM,UACb,EACF;AACD,YAAOA,MAAAA,QAAM,aAAa,cAAc,WAAW;UAEnD,QAAO;KAET;GACE,CAAA;EACF,CAAA;;AAIV,KAAK,cAAc"}