@tiny-design/react 1.0.4

package/es/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/es/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/es/empty/empty.js

@@ -0,0 +1,82 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { useLocale } from "../_utils/use-locale.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/empty/empty.tsx
+const Empty = React.memo(React.forwardRef((props, ref) => {
+	const locale = useLocale();
+	const { description = locale.Empty.description, image, imageStyle, descStyle, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = getPrefixCls("empty", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className);
+	const renderImage = () => {
+		if (React.isValidElement(image)) return image;
+		else if (typeof image === "string") return /* @__PURE__ */ jsx("img", {
+			src: image,
+			alt: "empty",
+			style: imageStyle,
+			className: `${prefixCls}__image`
+		});
+		else return /* @__PURE__ */ jsx("svg", {
+			width: "61px",
+			height: "40px",
+			viewBox: "0 0 61 40",
+			version: "1.1",
+			children: /* @__PURE__ */ jsx("g", {
+				stroke: "none",
+				strokeWidth: "1",
+				fill: "none",
+				fillRule: "evenodd",
+				children: /* @__PURE__ */ jsxs("g", {
+					transform: "translate(0.000000, 1.000000)",
+					children: [
+						/* @__PURE__ */ jsx("ellipse", {
+							fill: "#F5F5F5",
+							cx: "30.5",
+							cy: "30.5",
+							rx: "30.5",
+							ry: "8.5"
+						}),
+						/* @__PURE__ */ 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__ */ 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__ */ jsxs("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__image-container`,
+				children: renderImage()
+			}),
+			typeof props.description === "boolean" && !description ? null : /* @__PURE__ */ jsx("p", {
+				className: `${prefixCls}__desc`,
+				style: descStyle,
+				children: description
+			}),
+			children && /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__footer`,
+				children
+			})
+		]
+	});
+}));
+Empty.displayName = "Empty";
+//#endregion
+export { Empty as default };
+
+//# sourceMappingURL=empty.js.map

package/es/empty/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"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,QAAQ,MAAM,KAAK,MAAM,YAAwC,OAAO,QAAQ;CACpF,MAAM,SAAS,WAAW;CAC1B,MAAM,EACJ,cAAc,OAAO,MAAM,aAC3B,OACA,YACA,WACA,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,SADT,WAAW,cAAc,CACO,WAAW,cAAc;CAC/E,MAAM,MAAM,WAAW,WAAW,UAAU;CAE5C,MAAM,oBAA+B;AACnC,MAAI,MAAM,eAAe,MAAM,CAC7B,QAAO;WACE,OAAO,UAAU,SAC1B,QAAO,oBAAC,OAAD;GAAK,KAAK;GAAO,KAAI;GAAQ,OAAO;GAAY,WAAW,GAAG,UAAU;GAAY,CAAA;MAE3F,QACE,oBAAC,OAAD;GAAK,OAAM;GAAO,QAAO;GAAO,SAAQ;GAAY,SAAQ;aAC1D,oBAAC,KAAD;IAAG,QAAO;IAAO,aAAY;IAAI,MAAK;IAAO,UAAS;cACpD,qBAAC,KAAD;KAAG,WAAU;eAAb;MACE,oBAAC,WAAD;OAAS,MAAK;OAAU,IAAG;OAAO,IAAG;OAAO,IAAG;OAAO,IAAG;OAAQ,CAAA;MACjE,oBAAC,QAAD;OACE,GAAE;OACF,QAAO;OACP,MAAK;OACL,CAAA;MACF,oBAAC,QAAD;OACE,GAAE;OACF,QAAO;OACP,MAAK;OACL,CAAA;MACA;;IACF,CAAA;GACA,CAAA;;AAKZ,QACE,qBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAY;YAAtD;GACE,oBAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAqB,aAAa;IAAO,CAAA;GACrE,OAAO,MAAM,gBAAgB,aAAa,CAAC,cAAc,OACxD,oBAAC,KAAD;IAAG,WAAW,GAAG,UAAU;IAAS,OAAO;cACxC;IACC,CAAA;GAEL,YAAY,oBAAC,OAAD;IAAK,WAAW,GAAG,UAAU;IAAY;IAAe,CAAA;GACjE;;EAER,CAAC;AAEH,MAAM,cAAc"}

package/es/empty/index.d.ts

@@ -0,0 +1 @@
+import { Empty } from "./empty.js";

package/es/empty/index.js

@@ -0,0 +1,9 @@
+import '../style/base.css';
+import './style/index.css';
+import Empty from "./empty.js";
+//#region src/empty/index.tsx
+var empty_default = Empty;
+//#endregion
+export { empty_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/empty/index.js.map

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

package/es/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/es/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/es/empty/style/index.d.ts

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

package/es/empty/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/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/es/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/es/flex/flex.js

@@ -0,0 +1,36 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/flex/flex.tsx
+const gapSizes = {
+	sm: 8,
+	md: 16,
+	lg: 24
+};
+const Flex = React.forwardRef((props, ref) => {
+	const { vertical = false, wrap, justify, align, gap, flex, component: Component = "div", className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const cls = classNames(getPrefixCls("flex", useContext(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__ */ jsx(Component, {
+		...otherProps,
+		ref,
+		className: cls,
+		style: mergedStyle,
+		children
+	});
+});
+Flex.displayName = "Flex";
+//#endregion
+export { Flex as default };
+
+//# sourceMappingURL=flex.js.map

package/es/flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","names":[],"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,OAAO,MAAM,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,MAAM,WAFM,aAAa,QADT,WAAW,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,oBAAC,WAAD;EAAW,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;EACzD;EACS,CAAA;EAGjB;AAED,KAAK,cAAc"}

package/es/flex/index.d.ts

@@ -0,0 +1 @@
+import { Flex } from "./flex.js";

package/es/flex/index.js

@@ -0,0 +1,9 @@
+import '../style/base.css';
+import './style/index.css';
+import Flex from "./flex.js";
+//#region src/flex/index.tsx
+var flex_default = Flex;
+//#endregion
+export { flex_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/flex/index.js.map

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

package/es/flex/style/_index.scss

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

package/es/flex/style/index.css

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

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

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

package/es/flex/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/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/es/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/es/flip/flip-item.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/flip/flip-item.tsx
+const FlipItem = (props) => {
+	const { className, children, ...otherProps } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...otherProps,
+		className,
+		children
+	});
+};
+FlipItem.displayName = "FlipItem";
+//#endregion
+export { FlipItem as default };
+
+//# sourceMappingURL=flip-item.js.map

package/es/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,oBAAC,OAAD;EAAK,GAAI;EAAuB;EAC7B;EACG,CAAA;;AAIV,SAAS,cAAc"}

package/es/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/es/flip/flip.js

@@ -0,0 +1,50 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import warning from "../_utils/warning.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "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 = getPrefixCls("flip", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className);
+	const innerCls = classNames(`${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
+	});
+	warning(!children || React.Children.count(children) !== 2, "Children must contain front and back components.", true);
+	return /* @__PURE__ */ jsx("div", {
+		...otherProps,
+		className: cls,
+		style: {
+			width,
+			height,
+			...style
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: innerCls,
+			children: React.Children.map(children, (child, index) => {
+				const childElement = child;
+				if (childElement.type.displayName === "FlipItem") {
+					const childProps = { className: classNames({
+						[`${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.cloneElement(childElement, childProps);
+				} else return null;
+			})
+		})
+	});
+};
+Flip.displayName = "Flip";
+//#endregion
+export { Flip as default };
+
+//# sourceMappingURL=flip.js.map

package/es/flip/flip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flip.js","names":[],"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,YAAY,aAAa,QADT,WAAW,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,MAAM,WAAW,WAAW,UAAU;CAE5C,MAAM,WAAW,WAAW,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,SACE,CAAC,YAAY,MAAM,SAAS,MAAM,SAAS,KAAK,GAChD,oDACA,KACD;AAED,QACE,oBAAC,OAAD;EAAK,GAAI;EAAY,WAAW;EAAK,OAAO;GAAE;GAAO;GAAQ,GAAG;GAAO;YACrE,oBAAC,OAAD;GAAK,WAAW;aACb,MAAM,SAAS,IAAI,WAAW,OAAO,UAAkB;IACtD,MAAM,eAAe;AACrB,QAAI,aAAa,KAAK,gBAAgB,YAAY;KAChD,MAAM,aAAqC,EACzC,WAAW,WACT;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,YAAO,MAAM,aAAa,cAAc,WAAW;UAEnD,QAAO;KAET;GACE,CAAA;EACF,CAAA;;AAIV,KAAK,cAAc"}

package/es/flip/index.d.ts

@@ -0,0 +1,11 @@
+import { Flip } from "./flip.js";
+import { FlipItem } from "./flip-item.js";
+
+//#region src/flip/index.d.ts
+type IFlip = typeof Flip & {
+  Item: typeof FlipItem;
+};
+declare const DefaultFlip: IFlip;
+//#endregion
+export { DefaultFlip };
+//# sourceMappingURL=index.d.ts.map

package/es/flip/index.js

@@ -0,0 +1,11 @@
+import '../style/base.css';
+import './style/index.css';
+import Flip from "./flip.js";
+import FlipItem from "./flip-item.js";
+//#region src/flip/index.tsx
+const DefaultFlip = Flip;
+DefaultFlip.Item = FlipItem;
+//#endregion
+export { DefaultFlip as default };
+
+//# sourceMappingURL=index.js.map

package/es/flip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/flip/index.tsx"],"sourcesContent":["import Flip from './flip';\nimport FlipItem from './flip-item';\n\ntype IFlip = typeof Flip & {\n  Item: typeof FlipItem;\n};\n\nconst DefaultFlip = Flip as IFlip;\nDefaultFlip.Item = FlipItem;\n\nexport default DefaultFlip;\n"],"mappings":";;;AAOA,MAAM,cAAc;AACpB,YAAY,OAAO"}

package/es/flip/style/_index.scss

@@ -0,0 +1,61 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-flip {
+  display: inline-block;
+  background-color: transparent;
+  box-sizing: border-box;
+  perspective: 1000px;
+
+  &:hover .#{$prefix}-flip__inner_hor {
+    transform: rotateY(-180deg);
+  }
+
+  &:hover .#{$prefix}-flip__inner_hor_reverse {
+    transform: rotateY(180deg);
+  }
+
+  &:hover .#{$prefix}-flip__inner_ver {
+    transform: rotateX(-180deg);
+  }
+
+  &:hover .#{$prefix}-flip__inner_ver_reverse {
+    transform: rotateX(180deg);
+  }
+
+  &__inner {
+    position: relative;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    transition: transform 0.8s;
+    transform-style: preserve-3d;
+  }
+
+  &__item-front,
+  &__item-back {
+    box-sizing: border-box;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    backface-visibility: hidden;
+  }
+
+  &__item-back {
+    &_hor {
+      transform: rotateY(-180deg);
+    }
+
+    &_hor_reverse {
+      transform: rotateY(180deg);
+    }
+
+    &_ver {
+      transform: rotateX(-180deg);
+    }
+
+    &_ver_reverse {
+      transform: rotateX(180deg);
+    }
+  }
+}

package/es/flip/style/index.css

@@ -0,0 +1,46 @@
+.ty-flip {
+  display: inline-block;
+  background-color: transparent;
+  box-sizing: border-box;
+  perspective: 1000px;
+}
+.ty-flip:hover .ty-flip__inner_hor {
+  transform: rotateY(-180deg);
+}
+.ty-flip:hover .ty-flip__inner_hor_reverse {
+  transform: rotateY(180deg);
+}
+.ty-flip:hover .ty-flip__inner_ver {
+  transform: rotateX(-180deg);
+}
+.ty-flip:hover .ty-flip__inner_ver_reverse {
+  transform: rotateX(180deg);
+}
+.ty-flip__inner {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  transition: transform 0.8s;
+  transform-style: preserve-3d;
+}
+.ty-flip__item-front, .ty-flip__item-back {
+  box-sizing: border-box;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+}
+.ty-flip__item-back_hor {
+  transform: rotateY(-180deg);
+}
+.ty-flip__item-back_hor_reverse {
+  transform: rotateY(180deg);
+}
+.ty-flip__item-back_ver {
+  transform: rotateX(-180deg);
+}
+.ty-flip__item-back_ver_reverse {
+  transform: rotateX(180deg);
+}

package/es/flip/style/index.d.ts

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

package/es/flip/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/flip/types.d.ts

@@ -0,0 +1,20 @@
+import { BaseProps, DirectionType } from "../_utils/props.js";
+import React from "react";
+
+//#region src/flip/types.d.ts
+interface FlipProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  /** a certain parent width and height to prevent the hover empty issue */
+  width: string | number;
+  height: string | number;
+  /** flip direction */
+  direction?: DirectionType;
+  /** flip from left to right or reverse */
+  reverse?: boolean;
+  children: React.ReactElement<FlipItemProps>;
+}
+interface FlipItemProps extends Omit<BaseProps, 'prefixCls'>, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  children?: React.ReactNode;
+}
+//#endregion
+export { FlipItemProps, FlipProps };
+//# sourceMappingURL=types.d.ts.map

package/es/form/form-helper.js

@@ -0,0 +1,36 @@
+import warning from "../_utils/warning.js";
+//#region src/form/form-helper.ts
+function getPropName(valueProp, type) {
+	return typeof valueProp === "function" ? valueProp(type) : valueProp;
+}
+function getValueFromEvent(...args) {
+	const e = args[0];
+	return e && e.target ? e.target.type === "checkbox" ? e.target.checked : e.target.value : e;
+}
+function validate(value, rule) {
+	const { message, required, max, min, enum: enumVal, len, pattern, transform, type, validator, whitespace } = rule;
+	const val = transform ? transform(value) : value;
+	if (required && (val === void 0 || val === null || val === "")) return message || "The value is required";
+	if (type && typeof val !== type) return message || `The value is not a ${type}`;
+	if (max || len) {
+		const segment = max || len;
+		if (typeof val === "number" && val > segment) return message || "The value is greater than the max";
+		else if ((typeof val === "string" || Array.isArray(val)) && val.length > segment) return message || "The length of value is greater than the max";
+	}
+	if (min) {
+		if (typeof val === "number" && val < min) return message || "The value is less than the min";
+		else if ((typeof val === "string" || Array.isArray(val)) && val.length < min) return message || "The length of value is less than the min";
+	}
+	if (enumVal && !enumVal.includes(val)) return message || "The value is not in the enum";
+	if (pattern && !pattern.test(val)) return message || "The value does not find a match";
+	if (validator) {
+		const res = validator(val);
+		if (res instanceof Promise) warning(true, "Async validators are not supported in synchronous validate(). Use a synchronous validator instead.");
+		else if (!res) return message || "The value is validated unsuccessfully";
+	}
+	if (whitespace && typeof val === "string" && val.trim().length <= 0) return message || "The input contains whitespace";
+}
+//#endregion
+export { getPropName, getValueFromEvent, validate };
+
+//# sourceMappingURL=form-helper.js.map

package/es/form/form-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-helper.js","names":[],"sources":["../../src/form/form-helper.ts"],"sourcesContent":["import React from 'react';\nimport warning from '../_utils/warning';\nimport { Rule } from './types';\n\nexport function getPropName(valueProp: string | ((type: any) => string), type: any) {\n  return typeof valueProp === 'function' ? valueProp(type) : valueProp;\n}\n\nexport function getValueFromEvent(...args: any[]): any {\n  const e = args[0] as React.ChangeEvent<any>;\n  return e && e.target ? (e.target.type === 'checkbox' ? e.target.checked : e.target.value) : e;\n}\n\nexport function validate(value: any, rule: Rule): string | undefined {\n  const {\n    message,\n    required,\n    max,\n    min,\n    enum: enumVal,\n    len,\n    pattern,\n    transform,\n    type,\n    validator,\n    whitespace,\n  } = rule;\n  const val = transform ? transform(value) : value;\n\n  if (required && (val === undefined || val === null || val === '')) {\n    return message || 'The value is required';\n  }\n  if (type && typeof val !== type) {\n    return message || `The value is not a ${type}`;\n  }\n  if (max || len) {\n    const segment = (max || len) as number;\n    if (typeof val === 'number' && val > segment) {\n      return message || 'The value is greater than the max';\n    } else if ((typeof val === 'string' || Array.isArray(val)) && val.length > segment) {\n      return message || 'The length of value is greater than the max';\n    }\n  }\n  if (min) {\n    if (typeof val === 'number' && val < min) {\n      return message || 'The value is less than the min';\n    } else if ((typeof val === 'string' || Array.isArray(val)) && val.length < min) {\n      return message || 'The length of value is less than the min';\n    }\n  }\n  if (enumVal && !enumVal.includes(val)) {\n    return message || 'The value is not in the enum';\n  }\n  if (pattern && !pattern.test(val)) {\n    return message || 'The value does not find a match';\n  }\n  if (validator) {\n    const res = validator(val);\n    if (res instanceof Promise) {\n      warning(true, 'Async validators are not supported in synchronous validate(). Use a synchronous validator instead.');\n    } else if (!res) {\n      return message || 'The value is validated unsuccessfully';\n    }\n  }\n  if (whitespace && typeof val === 'string' && val.trim().length <= 0) {\n    return message || 'The input contains whitespace';\n  }\n\n  return undefined;\n}\n"],"mappings":";;AAIA,SAAgB,YAAY,WAA6C,MAAW;AAClF,QAAO,OAAO,cAAc,aAAa,UAAU,KAAK,GAAG;;AAG7D,SAAgB,kBAAkB,GAAG,MAAkB;CACrD,MAAM,IAAI,KAAK;AACf,QAAO,KAAK,EAAE,SAAU,EAAE,OAAO,SAAS,aAAa,EAAE,OAAO,UAAU,EAAE,OAAO,QAAS;;AAG9F,SAAgB,SAAS,OAAY,MAAgC;CACnE,MAAM,EACJ,SACA,UACA,KACA,KACA,MAAM,SACN,KACA,SACA,WACA,MACA,WACA,eACE;CACJ,MAAM,MAAM,YAAY,UAAU,MAAM,GAAG;AAE3C,KAAI,aAAa,QAAQ,KAAA,KAAa,QAAQ,QAAQ,QAAQ,IAC5D,QAAO,WAAW;AAEpB,KAAI,QAAQ,OAAO,QAAQ,KACzB,QAAO,WAAW,sBAAsB;AAE1C,KAAI,OAAO,KAAK;EACd,MAAM,UAAW,OAAO;AACxB,MAAI,OAAO,QAAQ,YAAY,MAAM,QACnC,QAAO,WAAW;YACR,OAAO,QAAQ,YAAY,MAAM,QAAQ,IAAI,KAAK,IAAI,SAAS,QACzE,QAAO,WAAW;;AAGtB,KAAI;MACE,OAAO,QAAQ,YAAY,MAAM,IACnC,QAAO,WAAW;YACR,OAAO,QAAQ,YAAY,MAAM,QAAQ,IAAI,KAAK,IAAI,SAAS,IACzE,QAAO,WAAW;;AAGtB,KAAI,WAAW,CAAC,QAAQ,SAAS,IAAI,CACnC,QAAO,WAAW;AAEpB,KAAI,WAAW,CAAC,QAAQ,KAAK,IAAI,CAC/B,QAAO,WAAW;AAEpB,KAAI,WAAW;EACb,MAAM,MAAM,UAAU,IAAI;AAC1B,MAAI,eAAe,QACjB,SAAQ,MAAM,qGAAqG;WAC1G,CAAC,IACV,QAAO,WAAW;;AAGtB,KAAI,cAAc,OAAO,QAAQ,YAAY,IAAI,MAAM,CAAC,UAAU,EAChE,QAAO,WAAW"}