@lobehub/ui 3.4.2 → 3.4.3

package/es/SortableList/type.d.mts

@@ -0,0 +1,18 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { ReactNode, Ref } from "react";
+
+//#region src/SortableList/type.d.ts
+interface SortableListItem {
+  [key: string]: any;
+  id: string | number;
+}
+interface SortableListProps extends Omit<FlexboxProps, 'onChange'> {
+  items: SortableListItem[];
+  onChange(items: SortableListItem[]): void;
+  ref?: Ref<HTMLUListElement>;
+  renderItem(item: SortableListItem): ReactNode;
+}
+//#endregion
+export { SortableListItem, SortableListProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Tabs/Tabs.d.mts

@@ -0,0 +1,8 @@
+import { TabsProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/Tabs/Tabs.d.ts
+declare const Tabs: FC<TabsProps>;
+//#endregion
+export { Tabs };
+//# sourceMappingURL=Tabs.d.mts.map

package/es/Tabs/Tabs.mjs

@@ -0,0 +1,62 @@
+'use client';
+
+import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import { useStyles } from "./style.mjs";
+import { Tabs } from "antd";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { MoreHorizontalIcon } from "lucide-react";
+
+//#region src/Tabs/Tabs.tsx
+const Tabs$1 = ({ className, compact, variant = "rounded", items, ...rest }) => {
+	const { styles, cx } = useStyles();
+	const hasContent = items?.some((item) => !!item.children);
+	return /* @__PURE__ */ jsx(Tabs, {
+		className: cx(useMemo(() => cva(styles.root, {
+			defaultVariants: {
+				compact: false,
+				underlined: false,
+				variant: "rounded"
+			},
+			variants: {
+				variant: {
+					square: null,
+					rounded: styles.rounded,
+					point: styles.point
+				},
+				compact: {
+					false: styles.margin,
+					true: styles.compact
+				},
+				underlined: {
+					false: styles.hideHolder,
+					true: null
+				}
+			}
+		}), [styles])({
+			compact,
+			underlined: hasContent,
+			variant
+		}), className),
+		items,
+		...rest,
+		classNames: {
+			...rest?.classNames,
+			popup: {
+				root: styles.dropdown,
+				...rest?.classNames?.popup
+			}
+		},
+		more: {
+			icon: /* @__PURE__ */ jsx(ActionIcon_default, { icon: MoreHorizontalIcon }),
+			...rest?.more
+		}
+	});
+};
+Tabs$1.displayName = "Tabs";
+var Tabs_default = Tabs$1;
+
+//#endregion
+export { Tabs_default as default };
+//# sourceMappingURL=Tabs.mjs.map

package/es/Tabs/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","names":["Tabs: FC<TabsProps>","AntdTabs","ActionIcon","Tabs"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport { Tabs as AntdTabs } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { MoreHorizontalIcon } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport { useStyles } from './style';\nimport type { TabsProps } from './type';\n\nconst Tabs: FC<TabsProps> = ({ className, compact, variant = 'rounded', items, ...rest }) => {\n  const { styles, cx } = useStyles();\n  const hasContent = items?.some((item) => !!item.children);\n\n  const variants = useMemo(\n    () =>\n      cva(styles.root, {\n        defaultVariants: {\n          compact: false,\n          underlined: false,\n          variant: 'rounded',\n        },\n        /* eslint-disable sort-keys-fix/sort-keys-fix */\n        variants: {\n          variant: {\n            square: null,\n            rounded: styles.rounded,\n            point: styles.point,\n          },\n          compact: {\n            false: styles.margin,\n            true: styles.compact,\n          },\n          underlined: {\n            false: styles.hideHolder,\n            true: null,\n          },\n        },\n        /* eslint-enable sort-keys-fix/sort-keys-fix */\n      }),\n    [styles],\n  );\n\n  return (\n    <AntdTabs\n      className={cx(variants({ compact, underlined: hasContent, variant }), className)}\n      items={items}\n      {...rest}\n      classNames={{\n        ...rest?.classNames,\n        popup: {\n          root: styles.dropdown,\n          ...rest?.classNames?.popup,\n        },\n      }}\n      more={{\n        icon: <ActionIcon icon={MoreHorizontalIcon} />,\n        ...rest?.more,\n      }}\n    />\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,UAAuB,EAAE,WAAW,SAAS,UAAU,WAAW,OAAO,GAAG,WAAW;CAC3F,MAAM,EAAE,QAAQ,OAAO,WAAW;CAClC,MAAM,aAAa,OAAO,MAAM,SAAS,CAAC,CAAC,KAAK,SAAS;AA+BzD,QACE,oBAACC;EACC,WAAW,GA/BE,cAEb,IAAI,OAAO,MAAM;GACf,iBAAiB;IACf,SAAS;IACT,YAAY;IACZ,SAAS;IACV;GAED,UAAU;IACR,SAAS;KACP,QAAQ;KACR,SAAS,OAAO;KAChB,OAAO,OAAO;KACf;IACD,SAAS;KACP,OAAO,OAAO;KACd,MAAM,OAAO;KACd;IACD,YAAY;KACV,OAAO,OAAO;KACd,MAAM;KACP;IACF;GAEF,CAAC,EACJ,CAAC,OAAO,CACT,CAI0B;GAAE;GAAS,YAAY;GAAY;GAAS,CAAC,EAAE,UAAU;EACzE;EACP,GAAI;EACJ,YAAY;GACV,GAAG,MAAM;GACT,OAAO;IACL,MAAM,OAAO;IACb,GAAG,MAAM,YAAY;IACtB;GACF;EACD,MAAM;GACJ,MAAM,oBAACC,sBAAW,MAAM,qBAAsB;GAC9C,GAAG,MAAM;GACV;GACD;;AAIN,OAAK,cAAc;AAEnB,mBAAeC"}

package/es/Tabs/index.d.mts

@@ -0,0 +1,3 @@
+import { TabsProps } from "./type.mjs";
+import { Tabs } from "./Tabs.mjs";
+export { TabsProps, Tabs as default };

package/es/Tabs/index.mjs

@@ -0,0 +1,3 @@
+import Tabs_default from "./Tabs.mjs";
+
+export { Tabs_default as default };

package/es/Tabs/style.mjs

@@ -0,0 +1,148 @@
+import { createStyles } from "antd-style";
+
+//#region src/Tabs/style.ts
+const useStyles = createStyles(({ css: css$1, token, prefixCls }) => {
+	return {
+		compact: css$1`
+      &.${prefixCls}-tabs {
+        .${prefixCls}-tabs-tab {
+          margin: 4px;
+
+          + .${prefixCls}-tabs-tab {
+            margin: 4px;
+          }
+        }
+      }
+    `,
+		dropdown: css$1`
+      .${prefixCls}-tabs-dropdown-menu {
+        padding: 4px;
+        border: 1px solid ${token.colorBorderSecondary};
+
+        .${prefixCls}-tabs-dropdown-menu-item {
+          border-radius: ${token.borderRadius}px;
+        }
+      }
+    `,
+		hideHolder: css$1`
+      &.${prefixCls}-tabs {
+        .${prefixCls}-tabs-content-holder {
+          display: none;
+        }
+
+        .${prefixCls}-tabs-nav {
+          margin: 0;
+
+          &::before {
+            display: none;
+          }
+        }
+      }
+    `,
+		margin: css$1`
+      &.${prefixCls}-tabs {
+        .${prefixCls}-tabs-tab {
+          margin: 8px;
+
+          + .${prefixCls}-tabs-tab {
+            margin: 8px;
+          }
+        }
+      }
+    `,
+		point: css$1`
+      &.${prefixCls}-tabs {
+        &.${prefixCls}-tabs-top {
+          .${prefixCls}-tabs-ink-bar {
+            width: 8px !important;
+            height: 4px;
+            border-start-start-radius: 4px;
+            border-start-end-radius: 4px;
+          }
+        }
+
+        &.${prefixCls}-tabs-bottom {
+          .${prefixCls}-tabs-ink-bar {
+            width: 8px !important;
+            height: 4px;
+            border-end-start-radius: 4px;
+            border-end-end-radius: 4px;
+          }
+        }
+
+        &.${prefixCls}-tabs-left {
+          .${prefixCls}-tabs-ink-bar {
+            width: 4px;
+            height: 8px !important;
+            border-start-start-radius: 4px;
+            border-end-start-radius: 4px;
+          }
+        }
+
+        &.${prefixCls}-tabs-right {
+          .${prefixCls}-tabs-ink-bar {
+            width: 4px;
+            height: 8px !important;
+            border-start-end-radius: 4px;
+            border-end-end-radius: 4px;
+          }
+        }
+      }
+    `,
+		root: css$1`
+      &.${prefixCls}-tabs {
+        .${prefixCls}-tabs-tab {
+          padding-block: 8px;
+          padding-inline: 12px;
+          color: ${token.colorTextSecondary};
+          transition: background-color 100ms ease-out;
+
+          &:hover {
+            color: ${token.colorText};
+            background: ${token.colorFillTertiary};
+            border-radius: ${token.borderRadius}px;
+          }
+        }
+      }
+    `,
+		rounded: css$1`
+      &.${prefixCls}-tabs {
+        &.${prefixCls}-tabs-top {
+          .${prefixCls}-tabs-ink-bar {
+            height: 3px;
+            border-start-start-radius: 3px;
+            border-start-end-radius: 3px;
+          }
+        }
+
+        &.${prefixCls}-tabs-bottom {
+          .${prefixCls}-tabs-ink-bar {
+            height: 3px;
+            border-end-start-radius: 3px;
+            border-end-end-radius: 3px;
+          }
+        }
+
+        &.${prefixCls}-tabs-left {
+          .${prefixCls}-tabs-ink-bar {
+            width: 3px;
+            border-start-start-radius: 3px;
+            border-end-start-radius: 3px;
+          }
+        }
+
+        &.${prefixCls}-tabs-right {
+          .${prefixCls}-tabs-ink-bar {
+            width: 3px;
+            border-start-end-radius: 3px;
+            border-end-end-radius: 3px;
+          }
+        }
+      }
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Tabs/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tabs/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token, prefixCls }) => {\n  return {\n    compact: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 4px;\n\n          + .${prefixCls}-tabs-tab {\n            margin: 4px;\n          }\n        }\n      }\n    `,\n    dropdown: css`\n      .${prefixCls}-tabs-dropdown-menu {\n        padding: 4px;\n        border: 1px solid ${token.colorBorderSecondary};\n\n        .${prefixCls}-tabs-dropdown-menu-item {\n          border-radius: ${token.borderRadius}px;\n        }\n      }\n    `,\n    hideHolder: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-content-holder {\n          display: none;\n        }\n\n        .${prefixCls}-tabs-nav {\n          margin: 0;\n\n          &::before {\n            display: none;\n          }\n        }\n      }\n    `,\n\n    margin: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 8px;\n\n          + .${prefixCls}-tabs-tab {\n            margin: 8px;\n          }\n        }\n      }\n    `,\n    point: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-start-start-radius: 4px;\n            border-start-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-end-start-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-start-radius: 4px;\n            border-end-start-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-end-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          padding-block: 8px;\n          padding-inline: 12px;\n          color: ${token.colorTextSecondary};\n          transition: background-color 100ms ease-out;\n\n          &:hover {\n            color: ${token.colorText};\n            background: ${token.colorFillTertiary};\n            border-radius: ${token.borderRadius}px;\n          }\n        }\n      }\n    `,\n    rounded: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-start-start-radius: 3px;\n            border-start-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-end-start-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-start-radius: 3px;\n            border-end-start-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-end-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,gBAAgB;AACnE,QAAO;EACL,SAAS,KAAG;UACN,UAAU;WACT,UAAU;;;eAGN,UAAU;;;;;;EAMrB,UAAU,KAAG;SACR,UAAU;;4BAES,MAAM,qBAAqB;;WAE5C,UAAU;2BACM,MAAM,aAAa;;;;EAI1C,YAAY,KAAG;UACT,UAAU;WACT,UAAU;;;;WAIV,UAAU;;;;;;;;;EAUjB,QAAQ,KAAG;UACL,UAAU;WACT,UAAU;;;eAGN,UAAU;;;;;;EAMrB,OAAO,KAAG;UACJ,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;;EASnB,MAAM,KAAG;UACH,UAAU;WACT,UAAU;;;mBAGF,MAAM,mBAAmB;;;;qBAIvB,MAAM,UAAU;0BACX,MAAM,kBAAkB;6BACrB,MAAM,aAAa;;;;;EAK5C,SAAS,KAAG;UACN,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;;EAQpB;EACD"}

package/es/Tabs/type.d.mts

@@ -0,0 +1,10 @@
+import { TabsProps } from "antd";
+
+//#region src/Tabs/type.d.ts
+interface TabsProps$1 extends TabsProps {
+  compact?: boolean;
+  variant?: 'square' | 'rounded' | 'point';
+}
+//#endregion
+export { TabsProps$1 as TabsProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Tag/Tag.d.mts

@@ -0,0 +1,8 @@
+import { TagProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/Tag/Tag.d.ts
+declare const Tag: FC<TagProps>;
+//#endregion
+export { Tag };
+//# sourceMappingURL=Tag.d.mts.map

package/es/Tag/Tag.mjs

@@ -0,0 +1,89 @@
+'use client';
+
+import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from "./utils.mjs";
+import { useStyles } from "./styles.mjs";
+import { Tag } from "antd";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/Tag/Tag.tsx
+const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", children, onClick, style, ...rest }) => {
+	const { styles, cx, theme } = useStyles();
+	const variants = useMemo(() => cva(styles.root, {
+		defaultVariants: {
+			size: "middle",
+			variant: "filled"
+		},
+		variants: {
+			variant: {
+				filled: styles.filled,
+				outlined: styles.outlined,
+				borderless: styles.borderless
+			},
+			size: {
+				small: styles.small,
+				middle: null,
+				large: styles.large
+			}
+		}
+	}), [styles]);
+	const colors = useMemo(() => {
+		let textColor = theme.colorTextSecondary;
+		let backgroundColor;
+		let borderColor;
+		const isBorderless = variant === "borderless";
+		const isFilled = variant === "filled";
+		const isPresetColor = color && presetColors.includes(color);
+		const isPresetSystemColors = color && presetSystemColors.has(color);
+		const isHexColor = color && color.startsWith("#");
+		if (isPresetColor) {
+			textColor = colorsPreset(theme, color);
+			backgroundColor = isBorderless ? "transparent" : colorsPreset(theme, color, "fillTertiary");
+			borderColor = colorsPreset(theme, color, isFilled ? "fillQuaternary" : "fillTertiary");
+		}
+		if (isPresetSystemColors) {
+			textColor = colorsPresetSystem(theme, color);
+			backgroundColor = isBorderless ? "transparent" : colorsPresetSystem(theme, color, "fillTertiary");
+			borderColor = colorsPresetSystem(theme, color, isFilled ? "fillQuaternary" : "fillTertiary");
+		}
+		if (isHexColor) {
+			textColor = theme.colorBgLayout;
+			backgroundColor = isBorderless ? "transparent" : color;
+		}
+		return {
+			backgroundColor,
+			borderColor,
+			textColor
+		};
+	}, [
+		color,
+		theme,
+		variant
+	]);
+	return /* @__PURE__ */ jsx(Tag, {
+		className: cx(variants({
+			size,
+			variant
+		}), className),
+		color,
+		onClick,
+		ref,
+		style: {
+			background: colors?.backgroundColor,
+			borderColor: colors?.borderColor,
+			color: colors?.textColor,
+			cursor: onClick ? "pointer" : void 0,
+			...style
+		},
+		variant: variant === "borderless" ? "outlined" : variant,
+		...rest,
+		children
+	});
+};
+Tag$1.displayName = "Tag";
+var Tag_default = Tag$1;
+
+//#endregion
+export { Tag_default as default };
+//# sourceMappingURL=Tag.mjs.map

package/es/Tag/Tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.mjs","names":["Tag: FC<TagProps>","AntTag","Tag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\n\nimport { useStyles } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const { styles, cx, theme } = useStyles();\n\n  const variants = useMemo(\n    () =>\n      cva(styles.root, {\n        defaultVariants: {\n          size: 'middle',\n          variant: 'filled',\n        },\n        /* eslint-disable sort-keys-fix/sort-keys-fix */\n        variants: {\n          variant: {\n            filled: styles.filled,\n            outlined: styles.outlined,\n            borderless: styles.borderless,\n          },\n          size: {\n            small: styles.small,\n            middle: null,\n            large: styles.large,\n          },\n        },\n        /* eslint-enable sort-keys-fix/sort-keys-fix */\n      }),\n    [styles],\n  );\n\n  const colors = useMemo(() => {\n    let textColor = theme.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      textColor = colorsPreset(theme, color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPreset(theme, color, 'fillTertiary');\n      borderColor = colorsPreset(theme, color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      textColor = colorsPresetSystem(theme, color);\n      backgroundColor = isBorderless\n        ? 'transparent'\n        : colorsPresetSystem(theme, color, 'fillTertiary');\n      borderColor = colorsPresetSystem(theme, color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = theme.colorBgLayout;\n      backgroundColor = isBorderless ? 'transparent' : color;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, theme, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ size, variant: variant as any }), className)}\n      color={color}\n      onClick={onClick}\n      ref={ref}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      variant={variant === 'borderless' ? 'outlined' : variant}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,SAAqB,EACzB,WACA,KACA,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,IAAI,UAAU,WAAW;CAEzC,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,iBAAiB;GACf,MAAM;GACN,SAAS;GACV;EAED,UAAU;GACR,SAAS;IACP,QAAQ,OAAO;IACf,UAAU,OAAO;IACjB,YAAY,OAAO;IACpB;GACD,MAAM;IACJ,OAAO,OAAO;IACd,QAAQ;IACR,OAAO,OAAO;IACf;GACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,MAAM;EACtB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,gBAAgB,SAAS,aAAa,SAAS,MAAM;EAC3D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,MAAM;EACnE,MAAM,aAAa,SAAS,MAAM,WAAW,IAAI;AAEjD,MAAI,eAAe;AACjB,eAAY,aAAa,OAAO,MAAM;AACtC,qBAAkB,eAAe,gBAAgB,aAAa,OAAO,OAAO,eAAe;AAC3F,iBAAc,aAAa,OAAO,OAAO,WAAW,mBAAmB,eAAe;;AAExF,MAAI,sBAAsB;AACxB,eAAY,mBAAmB,OAAO,MAAM;AAC5C,qBAAkB,eACd,gBACA,mBAAmB,OAAO,OAAO,eAAe;AACpD,iBAAc,mBAAmB,OAAO,OAAO,WAAW,mBAAmB,eAAe;;AAE9F,MAAI,YAAY;AACd,eAAY,MAAM;AAClB,qBAAkB,eAAe,gBAAgB;;AAGnD,SAAO;GACL;GACA;GACA;GACD;IACA;EAAC;EAAO;EAAO;EAAQ,CAAC;AAE3B,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAe;GAAgB,CAAC,EAAE,UAAU;EAC9D;EACE;EACJ;EACL,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY;GAC9B,GAAG;GACJ;EACD,SAAS,YAAY,eAAe,aAAa;EACjD,GAAI;EAEH;GACM;;AAIb,MAAI,cAAc;AAElB,kBAAeC"}

package/es/Tag/index.d.mts

@@ -0,0 +1,2 @@
+import { TagProps } from "./type.mjs";
+import { Tag } from "./Tag.mjs";

package/es/Tag/styles.mjs

@@ -0,0 +1,48 @@
+import { createStyles } from "antd-style";
+
+//#region src/Tag/styles.ts
+const useStyles = createStyles(({ stylish, prefixCls, css: css$1, token }) => ({
+	borderless: stylish.variantBorderlessWithoutHover,
+	filled: stylish.variantFilledWithoutHover,
+	large: css$1`
+    &.${prefixCls}-tag {
+      height: 28px;
+      padding-inline: 12px;
+      border-radius: 6px;
+    }
+  `,
+	outlined: stylish.variantOutlinedWithoutHover,
+	root: css$1`
+    color: ${token.colorTextSecondary};
+    &.${prefixCls}-tag {
+      user-select: none;
+
+      display: flex;
+      gap: 0.4em;
+      align-items: center;
+      justify-content: center;
+
+      width: fit-content;
+      height: 22px;
+      margin: 0;
+
+      line-height: 1.2;
+
+      border-radius: 3px;
+
+      span {
+        margin: 0;
+      }
+    }
+  `,
+	small: css$1`
+    &.${prefixCls}-tag {
+      height: 20px;
+      padding-inline: 4px;
+    }
+  `
+}));
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=styles.mjs.map

package/es/Tag/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../src/Tag/styles.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ stylish, prefixCls, css, token }) => ({\n  borderless: stylish.variantBorderlessWithoutHover,\n  filled: stylish.variantFilledWithoutHover,\n  large: css`\n    &.${prefixCls}-tag {\n      height: 28px;\n      padding-inline: 12px;\n      border-radius: 6px;\n    }\n  `,\n  outlined: stylish.variantOutlinedWithoutHover,\n  root: css`\n    color: ${token.colorTextSecondary};\n    &.${prefixCls}-tag {\n      user-select: none;\n\n      display: flex;\n      gap: 0.4em;\n      align-items: center;\n      justify-content: center;\n\n      width: fit-content;\n      height: 22px;\n      margin: 0;\n\n      line-height: 1.2;\n\n      border-radius: 3px;\n\n      span {\n        margin: 0;\n      }\n    }\n  `,\n  small: css`\n    &.${prefixCls}-tag {\n      height: 20px;\n      padding-inline: 4px;\n    }\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,SAAS,WAAW,YAAK,aAAa;CAC7E,YAAY,QAAQ;CACpB,QAAQ,QAAQ;CAChB,OAAO,KAAG;QACJ,UAAU;;;;;;CAMhB,UAAU,QAAQ;CAClB,MAAM,KAAG;aACE,MAAM,mBAAmB;QAC9B,UAAU;;;;;;;;;;;;;;;;;;;;;CAqBhB,OAAO,KAAG;QACJ,UAAU;;;;;CAKjB,EAAE"}

package/es/Tag/type.d.mts

@@ -0,0 +1,13 @@
+import { TagProps } from "antd";
+import { Ref } from "react";
+
+//#region src/Tag/type.d.ts
+interface TagProps$1 extends Omit<TagProps, 'color' | 'variant'> {
+  color?: TagProps['color'] | 'info';
+  ref?: Ref<HTMLDivElement>;
+  size?: 'small' | 'middle' | 'large';
+  variant?: 'filled' | 'outlined' | 'borderless';
+}
+//#endregion
+export { TagProps$1 as TagProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Tag/utils.mjs

@@ -0,0 +1,37 @@
+import { camelCase } from "lodash-es";
+
+//#region src/Tag/utils.ts
+const presetColors = [
+	"red",
+	"volcano",
+	"orange",
+	"gold",
+	"yellow",
+	"lime",
+	"green",
+	"cyan",
+	"blue",
+	"geekblue",
+	"purple",
+	"magenta",
+	"gray"
+];
+const presetSystemColors = new Set([
+	"error",
+	"warning",
+	"success",
+	"info",
+	"processing"
+]);
+const colorsPreset = (theme, type, ...keys) => theme[camelCase([type, ...keys].join("-"))];
+const colorsPresetSystem = (theme, type, ...keys) => {
+	return theme[camelCase([
+		"color",
+		type === "processing" ? "info" : type,
+		...keys
+	].join("-"))];
+};
+
+//#endregion
+export { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors };
+//# sourceMappingURL=utils.mjs.map

package/es/Tag/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Tag/utils.ts"],"sourcesContent":["import { camelCase } from 'lodash-es';\n\nexport const presetColors = [\n  'red',\n  'volcano',\n  'orange',\n  'gold',\n  'yellow',\n  'lime',\n  'green',\n  'cyan',\n  'blue',\n  'geekblue',\n  'purple',\n  'magenta',\n  'gray',\n];\n\nexport const presetSystemColors = new Set(['error', 'warning', 'success', 'info', 'processing']);\n\nexport const colorsPreset = (theme: any, type: string, ...keys: string[]) =>\n  theme[camelCase([type, ...keys].join('-'))] as string;\n\nexport const colorsPresetSystem = (theme: any, type: string, ...keys: string[]) => {\n  const t = type === 'processing' ? 'info' : type;\n  return theme[camelCase(['color', t, ...keys].join('-'))] as string;\n};\n"],"mappings":";;;AAEA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,qBAAqB,IAAI,IAAI;CAAC;CAAS;CAAW;CAAW;CAAQ;CAAa,CAAC;AAEhG,MAAa,gBAAgB,OAAY,MAAc,GAAG,SACxD,MAAM,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC;AAE5C,MAAa,sBAAsB,OAAY,MAAc,GAAG,SAAmB;AAEjF,QAAO,MAAM,UAAU;EAAC;EADd,SAAS,eAAe,SAAS;EACP,GAAG;EAAK,CAAC,KAAK,IAAI,CAAC"}

package/es/Text/Text.d.mts

@@ -0,0 +1,8 @@
+import { TextProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/Text/Text.d.ts
+declare const Text: FC<TextProps>;
+//#endregion
+export { Text };
+//# sourceMappingURL=Text.d.mts.map

package/es/Text/Text.mjs

@@ -0,0 +1,94 @@
+'use client';
+
+import Tooltip_default from "../Tooltip/Tooltip.mjs";
+import { useStyles } from "./styles.mjs";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/Text/Text.tsx
+const Text = ({ as: Container = "div", align, className, children, style, type, disabled, strong, italic, underline, delete: deleteStyle, fontSize, mark, code, color, weight, ellipsis, ...rest }) => {
+	const { styles, cx } = useStyles();
+	const variants = useMemo(() => cva(styles.text, {
+		defaultVariants: {},
+		variants: {
+			as: {
+				h1: styles.h1,
+				h2: styles.h2,
+				h3: styles.h3,
+				h4: styles.h4,
+				h5: styles.h5,
+				p: styles.p
+			},
+			code: { true: styles.code },
+			delete: { true: styles.delete },
+			disabled: { true: styles.disabled },
+			ellipsis: {
+				multi: styles.ellipsisMulti,
+				true: styles.ellipsis
+			},
+			italic: { true: styles.italic },
+			mark: { true: styles.mark },
+			strong: { true: styles.strong },
+			type: {
+				danger: styles.danger,
+				info: styles.info,
+				secondary: styles.secondary,
+				success: styles.success,
+				warning: styles.warning
+			},
+			underline: { true: styles.underline }
+		}
+	}), [styles]);
+	const textStyle = {
+		...color && { color },
+		...weight && { fontWeight: weight },
+		...typeof ellipsis === "object" && ellipsis.rows && { WebkitLineClamp: ellipsis.rows },
+		...fontSize && { fontSize },
+		...align && { textAlign: align },
+		...style
+	};
+	const content = /* @__PURE__ */ jsx(Container, {
+		className: cx(variants({
+			as: [
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"p"
+			].includes(Container) ? Container : void 0,
+			code,
+			delete: deleteStyle,
+			disabled,
+			ellipsis: ellipsis ? typeof ellipsis === "object" && ellipsis.rows ? "multi" : true : void 0,
+			italic,
+			mark,
+			strong,
+			type,
+			underline
+		}), className),
+		style: textStyle,
+		...rest,
+		children
+	});
+	if (ellipsis && typeof ellipsis === "object" && ellipsis.tooltip) {
+		const title = typeof ellipsis.tooltip === "string" ? ellipsis.tooltip : children;
+		if (typeof ellipsis.tooltip === "object") return /* @__PURE__ */ jsx(Tooltip_default, {
+			...ellipsis.tooltip,
+			title: ellipsis.tooltip?.title || title,
+			children: content
+		});
+		return /* @__PURE__ */ jsx(Tooltip_default, {
+			title,
+			children: content
+		});
+	}
+	return content;
+};
+Text.displayName = "Text";
+var Text_default = Text;
+
+//#endregion
+export { Text_default as default };
+//# sourceMappingURL=Text.mjs.map

package/es/Text/Text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","names":["Text: FC<TextProps>","Tooltip"],"sources":["../../src/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { type FC, useMemo } from 'react';\n\nimport Tooltip from '@/Tooltip';\n\nimport { useStyles } from './styles';\nimport type { TextProps } from './type';\n\nconst Text: FC<TextProps> = ({\n  as: Container = 'div',\n  align,\n  className,\n  children,\n  style,\n  type,\n  disabled,\n  strong,\n  italic,\n  underline,\n  delete: deleteStyle,\n  fontSize,\n  mark,\n  code,\n  color,\n  weight,\n  ellipsis,\n  ...rest\n}) => {\n  const { styles, cx } = useStyles();\n\n  const variants = useMemo(\n    () =>\n      cva(styles.text, {\n        defaultVariants: {},\n        variants: {\n          as: {\n            h1: styles.h1,\n            h2: styles.h2,\n            h3: styles.h3,\n            h4: styles.h4,\n            h5: styles.h5,\n            p: styles.p,\n          },\n          code: {\n            true: styles.code,\n          },\n          delete: {\n            true: styles.delete,\n          },\n          disabled: {\n            true: styles.disabled,\n          },\n          ellipsis: {\n            multi: styles.ellipsisMulti,\n            true: styles.ellipsis,\n          },\n          italic: {\n            true: styles.italic,\n          },\n          mark: {\n            true: styles.mark,\n          },\n          strong: {\n            true: styles.strong,\n          },\n          type: {\n            danger: styles.danger,\n            info: styles.info,\n            secondary: styles.secondary,\n            success: styles.success,\n            warning: styles.warning,\n          },\n          underline: {\n            true: styles.underline,\n          },\n        },\n      }),\n    [styles],\n  );\n\n  const textStyle = {\n    ...(color && { color }),\n    ...(weight && { fontWeight: weight }),\n    ...(typeof ellipsis === 'object' &&\n      ellipsis.rows && {\n        WebkitLineClamp: ellipsis.rows,\n      }),\n    ...(fontSize && { fontSize }),\n    ...(align && { textAlign: align }),\n    ...style,\n  };\n\n  const content = (\n    <Container\n      className={cx(\n        variants({\n          as: ['h1', 'h2', 'h3', 'h4', 'h5', 'p'].includes(Container as string)\n            ? (Container as any)\n            : undefined,\n          code,\n          delete: deleteStyle,\n          disabled,\n          ellipsis: ellipsis\n            ? typeof ellipsis === 'object' && ellipsis.rows\n              ? 'multi'\n              : true\n            : undefined,\n          italic,\n          mark,\n          strong,\n          type,\n          underline,\n        }),\n        className,\n      )}\n      style={textStyle}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n\n  // 处理带有 tooltip 的省略\n  if (ellipsis && typeof ellipsis === 'object' && ellipsis.tooltip) {\n    const title = typeof ellipsis.tooltip === 'string' ? ellipsis.tooltip : children;\n    if (typeof ellipsis.tooltip === 'object')\n      return (\n        <Tooltip {...ellipsis.tooltip} title={ellipsis.tooltip?.title || title}>\n          {content}\n        </Tooltip>\n      );\n    return <Tooltip title={title}>{content}</Tooltip>;\n  }\n\n  return content;\n};\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;;;;;AAUA,MAAMA,QAAuB,EAC3B,IAAI,YAAY,OAChB,OACA,WACA,UACA,OACA,MACA,UACA,QACA,QACA,WACA,QAAQ,aACR,UACA,MACA,MACA,OACA,QACA,UACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,OAAO,WAAW;CAElC,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,iBAAiB,EAAE;EACnB,UAAU;GACR,IAAI;IACF,IAAI,OAAO;IACX,IAAI,OAAO;IACX,IAAI,OAAO;IACX,IAAI,OAAO;IACX,IAAI,OAAO;IACX,GAAG,OAAO;IACX;GACD,MAAM,EACJ,MAAM,OAAO,MACd;GACD,QAAQ,EACN,MAAM,OAAO,QACd;GACD,UAAU,EACR,MAAM,OAAO,UACd;GACD,UAAU;IACR,OAAO,OAAO;IACd,MAAM,OAAO;IACd;GACD,QAAQ,EACN,MAAM,OAAO,QACd;GACD,MAAM,EACJ,MAAM,OAAO,MACd;GACD,QAAQ,EACN,MAAM,OAAO,QACd;GACD,MAAM;IACJ,QAAQ,OAAO;IACf,MAAM,OAAO;IACb,WAAW,OAAO;IAClB,SAAS,OAAO;IAChB,SAAS,OAAO;IACjB;GACD,WAAW,EACT,MAAM,OAAO,WACd;GACF;EACF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,YAAY;EAChB,GAAI,SAAS,EAAE,OAAO;EACtB,GAAI,UAAU,EAAE,YAAY,QAAQ;EACpC,GAAI,OAAO,aAAa,YACtB,SAAS,QAAQ,EACf,iBAAiB,SAAS,MAC3B;EACH,GAAI,YAAY,EAAE,UAAU;EAC5B,GAAI,SAAS,EAAE,WAAW,OAAO;EACjC,GAAG;EACJ;CAED,MAAM,UACJ,oBAAC;EACC,WAAW,GACT,SAAS;GACP,IAAI;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM;IAAI,CAAC,SAAS,UAAoB,GAChE,YACD;GACJ;GACA,QAAQ;GACR;GACA,UAAU,WACN,OAAO,aAAa,YAAY,SAAS,OACvC,UACA,OACF;GACJ;GACA;GACA;GACA;GACA;GACD,CAAC,EACF,UACD;EACD,OAAO;EACP,GAAI;EAEH;GACS;AAId,KAAI,YAAY,OAAO,aAAa,YAAY,SAAS,SAAS;EAChE,MAAM,QAAQ,OAAO,SAAS,YAAY,WAAW,SAAS,UAAU;AACxE,MAAI,OAAO,SAAS,YAAY,SAC9B,QACE,oBAACC;GAAQ,GAAI,SAAS;GAAS,OAAO,SAAS,SAAS,SAAS;aAC9D;IACO;AAEd,SAAO,oBAACA;GAAe;aAAQ;IAAkB;;AAGnD,QAAO;;AAGT,KAAK,cAAc;AAEnB,mBAAe"}

package/es/Text/index.d.mts

@@ -0,0 +1,3 @@
+import { TextProps } from "./type.mjs";
+import { Text } from "./Text.mjs";
+export { TextProps, Text as default };

package/es/Text/index.mjs

@@ -0,0 +1,3 @@
+import Text_default from "./Text.mjs";
+
+export { Text_default as default };