@lobehub/ui 5.32.7 → 5.33.0

package/es/base-ui/Tag/utils.mjs

@@ -0,0 +1,41 @@
+import { cssVar } from "antd-style";
+import { camelCase } from "es-toolkit/compat";
+//#region src/base-ui/Tag/utils.ts
+const presetColors = [
+	"red",
+	"volcano",
+	"orange",
+	"gold",
+	"yellow",
+	"lime",
+	"green",
+	"cyan",
+	"blue",
+	"geekblue",
+	"purple",
+	"magenta",
+	"gray"
+];
+const presetSystemColors = /* @__PURE__ */ new Set([
+	"error",
+	"warning",
+	"success",
+	"info",
+	"processing"
+]);
+const toKebabCase = (value) => value.replaceAll(/([a-z])([A-Z])/g, "$1-$2").replaceAll(/([a-z])(\d)/g, "$1-$2").replaceAll(/(\d)([A-Z])/g, "$1-$2").replaceAll(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
+const getCssVar = (tokenKey) => {
+	return cssVar[tokenKey] || `var(--ant-${toKebabCase(tokenKey)})`;
+};
+const colorsPreset = (type, ...keys) => getCssVar(camelCase([type, ...keys].join("-")));
+const colorsPresetSystem = (type, ...keys) => {
+	return getCssVar(camelCase([
+		"color",
+		type === "processing" ? "info" : type,
+		...keys
+	].join("-")));
+};
+//#endregion
+export { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors };
+
+//# sourceMappingURL=utils.mjs.map

package/es/base-ui/Tag/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/base-ui/Tag/utils.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\nimport { camelCase } from 'es-toolkit/compat';\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\nconst toKebabCase = (value: string) =>\n  value\n    .replaceAll(/([a-z])([A-Z])/g, '$1-$2')\n    .replaceAll(/([a-z])(\\d)/g, '$1-$2')\n    .replaceAll(/(\\d)([A-Z])/g, '$1-$2')\n    .replaceAll(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\n    .toLowerCase();\n\nconst getCssVar = (tokenKey: string) => {\n  const mapped = (cssVar as Record<string, string>)[tokenKey];\n  return mapped || `var(--ant-${toKebabCase(tokenKey)})`;\n};\n\nexport const colorsPreset = (type: string, ...keys: string[]) =>\n  getCssVar(camelCase([type, ...keys].join('-')));\n\nexport const colorsPresetSystem = (type: string, ...keys: string[]) => {\n  const t = type === 'processing' ? 'info' : type;\n  return getCssVar(camelCase(['color', t, ...keys].join('-')));\n};\n"],"mappings":";;;AAGA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,qCAAqB,IAAI,IAAI;CAAC;CAAS;CAAW;CAAW;CAAQ;AAAY,CAAC;AAE/F,MAAM,eAAe,UACnB,MACG,WAAW,mBAAmB,OAAO,CAAC,CACtC,WAAW,gBAAgB,OAAO,CAAC,CACnC,WAAW,gBAAgB,OAAO,CAAC,CACnC,WAAW,yBAAyB,OAAO,CAAC,CAC5C,YAAY;AAEjB,MAAM,aAAa,aAAqB;CAEtC,OADgB,OAAkC,aACjC,aAAa,YAAY,QAAQ,EAAE;AACtD;AAEA,MAAa,gBAAgB,MAAc,GAAG,SAC5C,UAAU,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;AAEhD,MAAa,sBAAsB,MAAc,GAAG,SAAmB;CAErE,OAAO,UAAU,UAAU;EAAC;EADlB,SAAS,eAAe,SAAS;EACH,GAAG;CAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;AAC7D"}

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

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

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

@@ -0,0 +1,85 @@
+"use client";
+import { useTextOverflow } from "../../hooks/useTextOverflow.mjs";
+import { Tooltip } from "../Tooltip/Tooltip.mjs";
+import { variants } from "./style.mjs";
+import { memo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/base-ui/Text/Text.tsx
+const Text = memo(({ align, as: Container = "div", children, className, classNames, code, color, delete: deleteStyle, disabled, ellipsis, fontSize, italic, lineClamp, lineHeight, mark, noWrap, ref, strong, style, styles: customStyles, textDecoration, textTransform, type, underline, weight, whiteSpace, wordBreak, ...rest }) => {
+	const innerRef = useRef(null);
+	const isOverflow = useTextOverflow(innerRef, ellipsis, children);
+	const isMultiEllipsis = typeof ellipsis === "object" && !!ellipsis.rows && ellipsis.rows > 1;
+	const tooltipWhenOverflow = typeof ellipsis === "object" && ellipsis.tooltipWhenOverflow;
+	const setNodeRef = (node) => {
+		innerRef.current = node;
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	};
+	const textStyle = {
+		...color && { color },
+		...weight && { fontWeight: weight },
+		...lineHeight && { lineHeight },
+		...textTransform && { textTransform },
+		...textDecoration && { textDecoration },
+		...wordBreak && { wordBreak },
+		...typeof ellipsis === "object" && ellipsis.rows && { WebkitLineClamp: ellipsis.rows },
+		...!ellipsis && !!lineClamp && {
+			WebkitBoxOrient: "vertical",
+			WebkitLineClamp: lineClamp,
+			display: "-webkit-box",
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		},
+		...fontSize && { fontSize },
+		...align && { textAlign: align },
+		...!isMultiEllipsis && noWrap && { whiteSpace: "nowrap" },
+		...whiteSpace && { whiteSpace },
+		...style,
+		...customStyles?.root
+	};
+	const content = /* @__PURE__ */ jsx(Container, {
+		...rest,
+		ref: setNodeRef,
+		style: textStyle,
+		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, classNames?.root),
+		children
+	});
+	if (ellipsis && typeof ellipsis === "object" && (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)) {
+		if (tooltipWhenOverflow && !isOverflow) return content;
+		const title = typeof ellipsis.tooltip === "string" ? ellipsis.tooltip : children;
+		if (ellipsis.tooltip && typeof ellipsis.tooltip === "object") return /* @__PURE__ */ jsx(Tooltip, {
+			...ellipsis.tooltip,
+			title: ellipsis.tooltip?.title || title,
+			children: content
+		});
+		return /* @__PURE__ */ jsx(Tooltip, {
+			title,
+			children: content
+		});
+	}
+	return content;
+});
+Text.displayName = "Text";
+//#endregion
+export { Text as default };
+
+//# sourceMappingURL=Text.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","names":[],"sources":["../../../src/base-ui/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type CSSProperties, memo, type RefObject, useRef } from 'react';\n\nimport Tooltip from '@/base-ui/Tooltip';\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\n\nimport { variants } from './style';\nimport { type TextProps } from './type';\n\nconst Text = memo<TextProps>(\n  ({\n    align,\n    as: Container = 'div',\n    children,\n    className,\n    classNames,\n    code,\n    color,\n    delete: deleteStyle,\n    disabled,\n    ellipsis,\n    fontSize,\n    italic,\n    lineClamp,\n    lineHeight,\n    mark,\n    noWrap,\n    ref,\n    strong,\n    style,\n    styles: customStyles,\n    textDecoration,\n    textTransform,\n    type,\n    underline,\n    weight,\n    whiteSpace,\n    wordBreak,\n    ...rest\n  }) => {\n    const innerRef = useRef<HTMLElement>(null);\n    const isOverflow = useTextOverflow(innerRef, ellipsis, children);\n\n    const isMultiEllipsis = typeof ellipsis === 'object' && !!ellipsis.rows && ellipsis.rows > 1;\n    const tooltipWhenOverflow = typeof ellipsis === 'object' && ellipsis.tooltipWhenOverflow;\n\n    const setNodeRef = (node: HTMLElement | null) => {\n      innerRef.current = node;\n      if (typeof ref === 'function') ref(node as HTMLDivElement);\n      else if (ref) (ref as RefObject<HTMLDivElement | null>).current = node as HTMLDivElement;\n    };\n\n    const textStyle: CSSProperties = {\n      ...(color && { color }),\n      ...(weight && { fontWeight: weight }),\n      ...(lineHeight && { lineHeight }),\n      ...(textTransform && { textTransform }),\n      ...(textDecoration && { textDecoration }),\n      ...(wordBreak && { wordBreak }),\n      ...(typeof ellipsis === 'object' &&\n        ellipsis.rows && {\n          WebkitLineClamp: ellipsis.rows,\n        }),\n      ...(!ellipsis &&\n        !!lineClamp && {\n          WebkitBoxOrient: 'vertical',\n          WebkitLineClamp: lineClamp,\n          display: '-webkit-box',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n        }),\n      ...(fontSize && { fontSize }),\n      ...(align && { textAlign: align }),\n      ...(!isMultiEllipsis && noWrap && { whiteSpace: 'nowrap' as const }),\n      ...(whiteSpace && { whiteSpace }),\n      ...style,\n      ...customStyles?.root,\n    };\n\n    const content = (\n      <Container\n        {...rest}\n        ref={setNodeRef}\n        style={textStyle}\n        className={cx(\n          variants({\n            as: ['h1', 'h2', 'h3', 'h4', 'h5', 'p'].includes(Container as string)\n              ? (Container as 'h1')\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          classNames?.root,\n        )}\n      >\n        {children}\n      </Container>\n    );\n\n    if (\n      ellipsis &&\n      typeof ellipsis === 'object' &&\n      (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)\n    ) {\n      if (tooltipWhenOverflow && !isOverflow) return content;\n\n      const title = typeof ellipsis.tooltip === 'string' ? ellipsis.tooltip : children;\n      if (ellipsis.tooltip && 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);\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;;;;AAWA,MAAM,OAAO,MACV,EACC,OACA,IAAI,YAAY,OAChB,UACA,WACA,YACA,MACA,OACA,QAAQ,aACR,UACA,UACA,UACA,QACA,WACA,YACA,MACA,QACA,KACA,QACA,OACA,QAAQ,cACR,gBACA,eACA,MACA,WACA,QACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,WAAW,OAAoB,IAAI;CACzC,MAAM,aAAa,gBAAgB,UAAU,UAAU,QAAQ;CAE/D,MAAM,kBAAkB,OAAO,aAAa,YAAY,CAAC,CAAC,SAAS,QAAQ,SAAS,OAAO;CAC3F,MAAM,sBAAsB,OAAO,aAAa,YAAY,SAAS;CAErE,MAAM,cAAc,SAA6B;EAC/C,SAAS,UAAU;EACnB,IAAI,OAAO,QAAQ,YAAY,IAAI,IAAsB;OACpD,IAAI,KAAK,IAA0C,UAAU;CACpE;CAEA,MAAM,YAA2B;EAC/B,GAAI,SAAS,EAAE,MAAM;EACrB,GAAI,UAAU,EAAE,YAAY,OAAO;EACnC,GAAI,cAAc,EAAE,WAAW;EAC/B,GAAI,iBAAiB,EAAE,cAAc;EACrC,GAAI,kBAAkB,EAAE,eAAe;EACvC,GAAI,aAAa,EAAE,UAAU;EAC7B,GAAI,OAAO,aAAa,YACtB,SAAS,QAAQ,EACf,iBAAiB,SAAS,KAC5B;EACF,GAAI,CAAC,YACH,CAAC,CAAC,aAAa;GACb,iBAAiB;GACjB,iBAAiB;GACjB,SAAS;GACT,UAAU;GACV,cAAc;EAChB;EACF,GAAI,YAAY,EAAE,SAAS;EAC3B,GAAI,SAAS,EAAE,WAAW,MAAM;EAChC,GAAI,CAAC,mBAAmB,UAAU,EAAE,YAAY,SAAkB;EAClE,GAAI,cAAc,EAAE,WAAW;EAC/B,GAAG;EACH,GAAG,cAAc;CACnB;CAEA,MAAM,UACJ,oBAAC,WAAD;EACE,GAAI;EACJ,KAAK;EACL,OAAO;EACP,WAAW,GACT,SAAS;GACP,IAAI;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM;GAAG,CAAC,CAAC,SAAS,SAAmB,IAC/D,YACD,KAAA;GACJ;GACA,QAAQ;GACR;GACA,UAAU,WACN,OAAO,aAAa,YAAY,SAAS,OACvC,UACA,OACF,KAAA;GACJ;GACA;GACA;GACA;GACA;EACF,CAAC,GACD,WACA,YAAY,IACd;EAEC;CACQ,CAAA;CAGb,IACE,YACA,OAAO,aAAa,aACnB,SAAS,WAAW,SAAS,sBAC9B;EACA,IAAI,uBAAuB,CAAC,YAAY,OAAO;EAE/C,MAAM,QAAQ,OAAO,SAAS,YAAY,WAAW,SAAS,UAAU;EACxE,IAAI,SAAS,WAAW,OAAO,SAAS,YAAY,UAClD,OACE,oBAAC,SAAD;GAAS,GAAI,SAAS;GAAS,OAAO,SAAS,SAAS,SAAS;GAC9D,UAAA;EACM,CAAA;EAEb,OAAO,oBAAC,SAAD;GAAgB;GAAQ,UAAA;EAAiB,CAAA;CAClD;CAEA,OAAO;AACT,CACF;AAEA,KAAK,cAAc"}

package/es/base-ui/Text/index.d.mts

@@ -0,0 +1,4 @@
+import { styles, variants } from "./style.mjs";
+import { TextClassNames, TextProps, TextStyles } from "./type.mjs";
+import Text from "./Text.mjs";
+export { type TextClassNames, type TextProps, type TextStyles, Text as default, styles as textStyles, variants as textVariants };

package/es/base-ui/Text/style.d.mts

@@ -0,0 +1,39 @@
+//#region src/base-ui/Text/style.d.ts
+declare const styles: {
+  code: string;
+  danger: string;
+  delete: string;
+  disabled: string;
+  ellipsis: string;
+  ellipsisMulti: string;
+  h1: string;
+  h2: string;
+  h3: string;
+  h4: string;
+  h5: string;
+  info: string;
+  italic: string;
+  mark: string;
+  p: string;
+  secondary: string;
+  strong: string;
+  success: string;
+  text: string;
+  underline: string;
+  warning: string;
+};
+declare const variants: (props?: ({
+  as?: "h1" | "h2" | "h3" | "h4" | "h5" | "p" | null | undefined;
+  code?: boolean | null | undefined;
+  delete?: boolean | null | undefined;
+  disabled?: boolean | null | undefined;
+  ellipsis?: boolean | "multi" | null | undefined;
+  italic?: boolean | null | undefined;
+  mark?: boolean | null | undefined;
+  strong?: boolean | null | undefined;
+  type?: "danger" | "warning" | "success" | "info" | "secondary" | null | undefined;
+  underline?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+export { styles, variants };
+//# sourceMappingURL=style.d.mts.map

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

@@ -0,0 +1,120 @@
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/base-ui/Text/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	code: css`
+    font-family: ${cssVar.fontFamilyCode};
+  `,
+	danger: css`
+    color: ${cssVar.colorError};
+  `,
+	delete: css`
+    text-decoration: line-through;
+  `,
+	disabled: css`
+    cursor: not-allowed;
+    color: ${cssVar.colorTextDisabled};
+  `,
+	ellipsis: css`
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	ellipsisMulti: css`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+  `,
+	h1: css`
+    font-size: calc(${cssVar.fontSize} * 2.5);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h2: css`
+    font-size: calc(${cssVar.fontSize} * 2);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h3: css`
+    font-size: calc(${cssVar.fontSize} * 1.5);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h4: css`
+    font-size: calc(${cssVar.fontSize} * 1.25);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h5: css`
+    font-size: ${cssVar.fontSize};
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	info: css`
+    color: ${cssVar.colorInfo};
+  `,
+	italic: css`
+    font-style: italic;
+  `,
+	mark: css`
+    color: #000;
+    background-color: ${cssVar.yellow};
+  `,
+	p: css`
+    margin-block: 0;
+  `,
+	secondary: css`
+    color: ${cssVar.colorTextDescription};
+  `,
+	strong: css`
+    font-weight: bold;
+  `,
+	success: css`
+    color: ${cssVar.colorSuccess};
+  `,
+	text: css`
+    color: ${cssVar.colorText};
+  `,
+	underline: css`
+    text-decoration: underline;
+  `,
+	warning: css`
+    color: ${cssVar.colorWarning};
+  `
+}));
+const variants = 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 }
+	}
+});
+//#endregion
+export { styles, variants };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Text/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  code: css`\n    font-family: ${cssVar.fontFamilyCode};\n  `,\n  danger: css`\n    color: ${cssVar.colorError};\n  `,\n  delete: css`\n    text-decoration: line-through;\n  `,\n  disabled: css`\n    cursor: not-allowed;\n    color: ${cssVar.colorTextDisabled};\n  `,\n  ellipsis: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  ellipsisMulti: css`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  `,\n  h1: css`\n    font-size: calc(${cssVar.fontSize} * 2.5);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h2: css`\n    font-size: calc(${cssVar.fontSize} * 2);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h3: css`\n    font-size: calc(${cssVar.fontSize} * 1.5);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h4: css`\n    font-size: calc(${cssVar.fontSize} * 1.25);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h5: css`\n    font-size: ${cssVar.fontSize};\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n  info: css`\n    color: ${cssVar.colorInfo};\n  `,\n\n  italic: css`\n    font-style: italic;\n  `,\n\n  mark: css`\n    color: #000;\n    background-color: ${cssVar.yellow};\n  `,\n\n  p: css`\n    margin-block: 0;\n  `,\n\n  secondary: css`\n    color: ${cssVar.colorTextDescription};\n  `,\n\n  strong: css`\n    font-weight: bold;\n  `,\n  success: css`\n    color: ${cssVar.colorSuccess};\n  `,\n  text: css`\n    color: ${cssVar.colorText};\n  `,\n  underline: css`\n    text-decoration: underline;\n  `,\n  warning: css`\n    color: ${cssVar.colorWarning};\n  `,\n}));\n\nexport const variants = 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"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;mBACQ,OAAO,eAAe;;CAEvC,QAAQ,GAAG;aACA,OAAO,WAAW;;CAE7B,QAAQ,GAAG;;;CAGX,UAAU,GAAG;;aAEF,OAAO,kBAAkB;;CAEpC,UAAU,GAAG;;;;;CAKb,eAAe,GAAG;;;;;;CAMlB,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;iBACQ,OAAO,SAAS;;;;CAI/B,MAAM,GAAG;aACE,OAAO,UAAU;;CAG5B,QAAQ,GAAG;;;CAIX,MAAM,GAAG;;wBAEa,OAAO,OAAO;;CAGpC,GAAG,GAAG;;;CAIN,WAAW,GAAG;aACH,OAAO,qBAAqB;;CAGvC,QAAQ,GAAG;;;CAGX,SAAS,GAAG;aACD,OAAO,aAAa;;CAE/B,MAAM,GAAG;aACE,OAAO,UAAU;;CAE5B,WAAW,GAAG;;;CAGd,SAAS,GAAG;aACD,OAAO,aAAa;;AAEjC,EAAE;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,CAAC;CAClB,UAAU;EACR,IAAI;GACF,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,GAAG,OAAO;EACZ;EACA,MAAM,EACJ,MAAM,OAAO,KACf;EACA,QAAQ,EACN,MAAM,OAAO,OACf;EACA,UAAU,EACR,MAAM,OAAO,SACf;EACA,UAAU;GACR,OAAO,OAAO;GACd,MAAM,OAAO;EACf;EACA,QAAQ,EACN,MAAM,OAAO,OACf;EACA,MAAM,EACJ,MAAM,OAAO,KACf;EACA,QAAQ,EACN,MAAM,OAAO,OACf;EACA,MAAM;GACJ,QAAQ,OAAO;GACf,MAAM,OAAO;GACb,WAAW,OAAO;GAClB,SAAS,OAAO;GAChB,SAAS,OAAO;EAClB;EACA,WAAW,EACT,MAAM,OAAO,UACf;CACF;AACF,CAAC"}

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

@@ -0,0 +1,43 @@
+import { TooltipProps } from "../Tooltip/type.mjs";
+import "../Tooltip/index.mjs";
+import { CSSProperties, ElementType, HTMLAttributes, Ref } from "react";
+//#region src/base-ui/Text/type.d.ts
+interface TextClassNames {
+  root?: string;
+}
+interface TextStyles {
+  root?: CSSProperties;
+}
+interface TextProps extends HTMLAttributes<HTMLDivElement> {
+  align?: 'left' | 'center' | 'right';
+  as?: ElementType;
+  classNames?: TextClassNames;
+  code?: boolean;
+  color?: string;
+  delete?: boolean;
+  disabled?: boolean;
+  ellipsis?: boolean | {
+    rows?: number;
+    tooltip?: boolean | string | Omit<TooltipProps, 'children'>;
+    tooltipWhenOverflow?: boolean;
+  };
+  fontSize?: number | string;
+  italic?: boolean;
+  lineClamp?: number;
+  lineHeight?: CSSProperties['lineHeight'];
+  mark?: boolean;
+  noWrap?: boolean;
+  ref?: Ref<HTMLDivElement>;
+  strong?: boolean;
+  styles?: TextStyles;
+  textDecoration?: CSSProperties['textDecoration'];
+  textTransform?: CSSProperties['textTransform'];
+  type?: 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+  underline?: boolean;
+  weight?: 'bold' | 'bolder' | number;
+  whiteSpace?: CSSProperties['whiteSpace'];
+  wordBreak?: CSSProperties['wordBreak'];
+}
+//#endregion
+export { TextClassNames, TextProps, TextStyles };
+//# sourceMappingURL=type.d.mts.map

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

@@ -30,31 +30,38 @@ import "./ScrollArea/index.mjs";
 import { ToastAPI, ToastInstance, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastType } from "./Toast/type.mjs";
 import { ToastHost, ToastHostProps, toast, useToast } from "./Toast/imperative.mjs";
 import "./Toast/index.mjs";
+import { ActionIconClassNames, ActionIconProps, ActionIconSize, ActionIconStyles } from "./ActionIcon/type.mjs";
+import ActionIcon from "./ActionIcon/ActionIcon.mjs";
+import { styles } from "./ActionIcon/style.mjs";
+import "./ActionIcon/index.mjs";
 import { AlertClassNames, AlertCloseConfig, AlertProps, AlertRef, AlertStyles, AlertType, AlertVariant } from "./Alert/type.mjs";
 import Alert from "./Alert/Alert.mjs";
-import { styles } from "./Alert/style.mjs";
+import { styles as styles$1 } from "./Alert/style.mjs";
 import "./Alert/index.mjs";
 import { InputClassNames, InputNumberProps, InputOTPProps, InputPasswordProps, InputProps, InputSize, InputStyles, InputVariant, TextAreaAutoSize, TextAreaProps } from "./Input/type.mjs";
 import Input from "./Input/Input.mjs";
 import InputNumber from "./Input/InputNumber.mjs";
 import InputOTP from "./Input/InputOTP.mjs";
 import InputPassword from "./Input/InputPassword.mjs";
-import { rootVariants, styles as styles$4 } from "./Input/style.mjs";
+import { rootVariants, styles as styles$5 } from "./Input/style.mjs";
 import TextArea from "./Input/TextArea.mjs";
 import "./Input/index.mjs";
 import { AutoCompleteOption, AutoCompleteProps } from "./AutoComplete/type.mjs";
 import AutoComplete from "./AutoComplete/AutoComplete.mjs";
-import { styles as styles$1 } from "./AutoComplete/style.mjs";
+import { styles as styles$2 } from "./AutoComplete/style.mjs";
 import "./AutoComplete/index.mjs";
+import { AvatarClassNames, AvatarGroupItemType, AvatarGroupProps, AvatarProps, AvatarStyles } from "./Avatar/type.mjs";
+import AvatarGroup from "./Avatar/AvatarGroup/index.mjs";
+import Avatar from "./Avatar/index.mjs";
 import { ButtonIconPosition, ButtonProps, ButtonShape, ButtonSize, ButtonType } from "./Button/type.mjs";
 import Button from "./Button/Button.mjs";
 import _default, { SplitButtonMenuProps, SplitButtonProps } from "./Button/SplitButton.mjs";
-import { styles as styles$2 } from "./Button/style.mjs";
+import { styles as styles$3 } from "./Button/style.mjs";
 import "./Button/index.mjs";
 import { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, CheckboxShape } from "./Checkbox/type.mjs";
 import Checkbox from "./Checkbox/Checkbox.mjs";
 import CheckboxGroup from "./Checkbox/CheckboxGroup.mjs";
-import { styles as styles$3 } from "./Checkbox/style.mjs";
+import { styles as styles$4 } from "./Checkbox/style.mjs";
 import "./Checkbox/index.mjs";
 import { ControlSize, controlHeight } from "./controlSize.mjs";
 import { DrawerPlacement, DrawerProps, DrawerPush, DrawerSemanticNames, DrawerSemanticStyles } from "./Drawer/type.mjs";
@@ -88,7 +95,7 @@ import { Form } from "./Form/index.mjs";
 import { RadioGroupOption, RadioGroupProps, RadioProps } from "./Radio/type.mjs";
 import Radio from "./Radio/Radio.mjs";
 import RadioGroup from "./Radio/RadioGroup.mjs";
-import { styles as styles$5 } from "./Radio/style.mjs";
+import { styles as styles$6 } from "./Radio/style.mjs";
 import "./Radio/index.mjs";
 import { SegmentedClassNames, SegmentedOption, SegmentedOptions, SegmentedOrientation, SegmentedProps, SegmentedSize, SegmentedStyles, SegmentedVariant } from "./Segmented/type.mjs";
 import { SegmentedIndicator, SegmentedIndicatorProps, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedItemProps, SegmentedRoot, SegmentedRootProps } from "./Segmented/atoms.mjs";
@@ -101,16 +108,24 @@ import "./Select/index.mjs";
 import { SliderProps, SliderWithInputProps } from "./Slider/type.mjs";
 import Slider from "./Slider/Slider.mjs";
 import SliderWithInput from "./Slider/SliderWithInput.mjs";
-import { styles as styles$6 } from "./Slider/style.mjs";
+import { styles as styles$7 } from "./Slider/style.mjs";
 import "./Slider/index.mjs";
 import { SwitchChangeEventHandler, SwitchClassNames, SwitchClickEventHandler, SwitchContextType, SwitchIconPosition, SwitchIconProps, SwitchProps, SwitchRootProps, SwitchSize, SwitchStyles, SwitchThumbProps } from "./Switch/type.mjs";
-import { styles as styles$7 } from "./Switch/style.mjs";
+import { styles as styles$8 } from "./Switch/style.mjs";
 import { SwitchIcon, SwitchRoot, SwitchThumb, useSwitchContext } from "./Switch/atoms.mjs";
 import Switch from "./Switch/Switch.mjs";
 import "./Switch/index.mjs";
 import { TabsClassNames, TabsIndicatorProps, TabsItem, TabsListProps, TabsOrientation, TabsPanelProps, TabsProps, TabsRootProps, TabsSize, TabsStyles, TabsTabProps, TabsVariant } from "./Tabs/type.mjs";
-import { styles as styles$8 } from "./Tabs/style.mjs";
+import { styles as styles$9 } from "./Tabs/style.mjs";
 import { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, useTabsContext } from "./Tabs/atoms.mjs";
 import Tabs from "./Tabs/Tabs.mjs";
 import "./Tabs/index.mjs";
-export { Alert, type AlertClassNames, type AlertCloseConfig, type AlertProps, type AlertRef, type AlertStyles, type AlertType, type AlertVariant, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, type BaseModalProps, Button, type ButtonIconPosition, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonType, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxShape, type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuInterceptor, type ContextMenuItem, ContextMenuTrigger, type ControlSize, Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, type DrawerPush, DrawerRoot, type DrawerRootProps, type DrawerSemanticNames, type DrawerSemanticStyles, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, type DropdownMenuCheckboxItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemDesc, type DropdownMenuItemDescProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, type DropdownMenuItemLabelGroupProps, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuScrollViewport, type DropdownMenuScrollViewportProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem, type DropdownMenuSwitchItemProps, type DropdownMenuSwitchItem$1 as DropdownMenuSwitchItemType, DropdownMenuTrigger, type DropdownMenuTriggerProps, FloatingPanel, type FloatingPanelOffset, type FloatingPanelPlacement, type FloatingPanelProps, FloatingSheet, type FloatingSheetProps, Form, type FormContextValue, FormDivider, type FormDividerProps, FormField, type FormFieldProps, FormFlatGroup, type FormFlatGroupProps, FormFooter, type FormFooterProps, FormGroup, type FormGroupItemType, type FormGroupProps, type FormLayout, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, type FormValues, type FormVariant, type IconSpaceMode, type ImperativeModalProps, Input, type InputClassNames, InputNumber, type InputNumberProps, InputOTP, type InputOTPProps, InputPassword, type InputPasswordProps, type InputProps, type InputSize, type InputStyles, type InputVariant, type ItemsType, Modal, ModalBackdrop, type ModalBackdropProps, ModalClose, type ModalCloseProps, type ModalComponentProps, type ModalConfirmConfig, ModalContent, type ModalContentProps, ModalContext, type ModalContextValue, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHost, type ModalHostProps, type ModalInstance, ModalPopup, type ModalPopupProps, ModalPortal, type ModalPortalProps, ModalRoot, type ModalRootProps, type ModalSystem, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, ModalViewport, type ModalViewportProps, Popover, PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverBackdropProps, type PopoverContextValue, PopoverGroup, type PopoverGroupHandle, type PopoverGroupItem, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, type PopoverPopupProps, PopoverPortal, type PopoverPortalAtomProps, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverPositionerProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, type PopoverTriggerComponentProps, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, Segmented, type SegmentedClassNames, SegmentedIndicator, type SegmentedIndicatorProps, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, type SegmentedItemProps, type SegmentedOption, type SegmentedOptions, type SegmentedOrientation, type SegmentedProps, SegmentedRoot, type SegmentedRootProps, type SegmentedSize, type SegmentedStyles, type SegmentedVariant, Select, SelectArrow, type SelectArrowProps, SelectBackdrop, type SelectBehaviorVariant, type SelectClassNames, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, type SelectIndicatorVariant, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, type SelectOption, type SelectOptionGroup, type SelectOptions, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectRoot, type SelectRootChangeEventDetails, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, Slider, type SliderProps, SliderWithInput, type SliderWithInputProps, _default as SplitButton, type SplitButtonMenuProps, type SplitButtonProps, Switch, type SwitchChangeEventHandler, type SwitchClassNames, type SwitchClickEventHandler, type SwitchContextType, SwitchIcon, type SwitchIconPosition, type SwitchIconProps, type SwitchProps, SwitchRoot, type SwitchRootProps, type SwitchSize, type SwitchStyles, SwitchThumb, type SwitchThumbProps, Tabs, type TabsClassNames, TabsIndicator, type TabsIndicatorProps, type TabsItem, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, TabsRoot, type TabsRootProps, type TabsSize, type TabsStyles, TabsTab, type TabsTabProps, type TabsVariant, TextArea, type TextAreaAutoSize, type TextAreaProps, type ToastAPI, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, Tooltip, TooltipGroup, type TooltipGroupProps, type TooltipPlacement, type TooltipPopupComponentProps, type TooltipPortalProps, type TooltipPositionerProps, type TooltipProps, type TooltipTriggerComponentProps, styles as alertStyles, styles$1 as autoCompleteStyles, backdropTransition, styles$2 as buttonStyles, styles$3 as checkboxStyles, closeContextMenu, confirmModal, controlHeight, createModal, createModalSystem, drawerBackdropTransition, getDrawerMotionConfig, styles$4 as inputStyles, rootVariants as inputVariants, modalMotionConfig, parseTrigger, styles$5 as radioStyles, renderDropdownMenuItems, setContextMenuInterceptor, showContextMenu, styles$6 as sliderStyles, styles$7 as switchStyles, styles$8 as tabsStyles, toast, updateContextMenuItems, useDrawerActions, useDrawerOpen, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useSwitchContext, useTabsContext, useToast };
+import { TagClassNames, TagProps, TagShape, TagSize, TagStyles, TagVariant } from "./Tag/type.mjs";
+import Tag from "./Tag/Tag.mjs";
+import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from "./Tag/utils.mjs";
+import "./Tag/index.mjs";
+import { styles as styles$10, variants } from "./Text/style.mjs";
+import { TextClassNames, TextProps, TextStyles } from "./Text/type.mjs";
+import Text from "./Text/Text.mjs";
+import "./Text/index.mjs";
+export { ActionIcon, type ActionIconClassNames, type ActionIconProps, type ActionIconSize, type ActionIconStyles, Alert, type AlertClassNames, type AlertCloseConfig, type AlertProps, type AlertRef, type AlertStyles, type AlertType, type AlertVariant, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, type AvatarClassNames, AvatarGroup, type AvatarGroupItemType, type AvatarGroupProps, type AvatarProps, type AvatarStyles, type BaseModalProps, Button, type ButtonIconPosition, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonType, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxShape, type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuInterceptor, type ContextMenuItem, ContextMenuTrigger, type ControlSize, Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, type DrawerPush, DrawerRoot, type DrawerRootProps, type DrawerSemanticNames, type DrawerSemanticStyles, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, type DropdownMenuCheckboxItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemDesc, type DropdownMenuItemDescProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, type DropdownMenuItemLabelGroupProps, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuScrollViewport, type DropdownMenuScrollViewportProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem, type DropdownMenuSwitchItemProps, type DropdownMenuSwitchItem$1 as DropdownMenuSwitchItemType, DropdownMenuTrigger, type DropdownMenuTriggerProps, FloatingPanel, type FloatingPanelOffset, type FloatingPanelPlacement, type FloatingPanelProps, FloatingSheet, type FloatingSheetProps, Form, type FormContextValue, FormDivider, type FormDividerProps, FormField, type FormFieldProps, FormFlatGroup, type FormFlatGroupProps, FormFooter, type FormFooterProps, FormGroup, type FormGroupItemType, type FormGroupProps, type FormLayout, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, type FormValues, type FormVariant, type IconSpaceMode, type ImperativeModalProps, Input, type InputClassNames, InputNumber, type InputNumberProps, InputOTP, type InputOTPProps, InputPassword, type InputPasswordProps, type InputProps, type InputSize, type InputStyles, type InputVariant, type ItemsType, Modal, ModalBackdrop, type ModalBackdropProps, ModalClose, type ModalCloseProps, type ModalComponentProps, type ModalConfirmConfig, ModalContent, type ModalContentProps, ModalContext, type ModalContextValue, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHost, type ModalHostProps, type ModalInstance, ModalPopup, type ModalPopupProps, ModalPortal, type ModalPortalProps, ModalRoot, type ModalRootProps, type ModalSystem, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, ModalViewport, type ModalViewportProps, Popover, PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverBackdropProps, type PopoverContextValue, PopoverGroup, type PopoverGroupHandle, type PopoverGroupItem, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, type PopoverPopupProps, PopoverPortal, type PopoverPortalAtomProps, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverPositionerProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, type PopoverTriggerComponentProps, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, Segmented, type SegmentedClassNames, SegmentedIndicator, type SegmentedIndicatorProps, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, type SegmentedItemProps, type SegmentedOption, type SegmentedOptions, type SegmentedOrientation, type SegmentedProps, SegmentedRoot, type SegmentedRootProps, type SegmentedSize, type SegmentedStyles, type SegmentedVariant, Select, SelectArrow, type SelectArrowProps, SelectBackdrop, type SelectBehaviorVariant, type SelectClassNames, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, type SelectIndicatorVariant, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, type SelectOption, type SelectOptionGroup, type SelectOptions, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectRoot, type SelectRootChangeEventDetails, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, Slider, type SliderProps, SliderWithInput, type SliderWithInputProps, _default as SplitButton, type SplitButtonMenuProps, type SplitButtonProps, Switch, type SwitchChangeEventHandler, type SwitchClassNames, type SwitchClickEventHandler, type SwitchContextType, SwitchIcon, type SwitchIconPosition, type SwitchIconProps, type SwitchProps, SwitchRoot, type SwitchRootProps, type SwitchSize, type SwitchStyles, SwitchThumb, type SwitchThumbProps, Tabs, type TabsClassNames, TabsIndicator, type TabsIndicatorProps, type TabsItem, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, TabsRoot, type TabsRootProps, type TabsSize, type TabsStyles, TabsTab, type TabsTabProps, type TabsVariant, Tag, type TagClassNames, type TagProps, type TagShape, type TagSize, type TagStyles, type TagVariant, Text, TextArea, type TextAreaAutoSize, type TextAreaProps, type TextClassNames, type TextProps, type TextStyles, type ToastAPI, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, Tooltip, TooltipGroup, type TooltipGroupProps, type TooltipPlacement, type TooltipPopupComponentProps, type TooltipPortalProps, type TooltipPositionerProps, type TooltipProps, type TooltipTriggerComponentProps, styles as actionIconStyles, styles$1 as alertStyles, styles$2 as autoCompleteStyles, backdropTransition, styles$3 as buttonStyles, styles$4 as checkboxStyles, closeContextMenu, colorsPreset, colorsPresetSystem, confirmModal, controlHeight, createModal, createModalSystem, drawerBackdropTransition, getDrawerMotionConfig, styles$5 as inputStyles, rootVariants as inputVariants, modalMotionConfig, parseTrigger, presetColors, presetSystemColors, styles$6 as radioStyles, renderDropdownMenuItems, setContextMenuInterceptor, showContextMenu, styles$7 as sliderStyles, styles$8 as switchStyles, styles$9 as tabsStyles, styles$10 as textStyles, variants as textVariants, toast, updateContextMenuItems, useDrawerActions, useDrawerOpen, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useSwitchContext, useTabsContext, useToast };

package/es/base-ui/index.mjs

@@ -1,6 +1,6 @@
 import { Tooltip } from "./Tooltip/Tooltip.mjs";
 import TooltipGroup from "./Tooltip/TooltipGroup.mjs";
-import { styles as styles$7 } from "./Switch/style.mjs";
+import { styles as styles$8 } from "./Switch/style.mjs";
 import { SwitchIcon, SwitchRoot, SwitchThumb, useSwitchContext } from "./Switch/atoms.mjs";
 import Switch from "./Switch/Switch.mjs";
 import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger } from "./DropdownMenu/atoms.mjs";
@@ -20,21 +20,25 @@ import PopoverGroup from "./Popover/PopoverGroup.mjs";
 import { ToastHost, toast, useToast } from "./Toast/imperative.mjs";
 import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./ScrollArea/atoms.mjs";
 import { ScrollArea } from "./ScrollArea/ScrollArea.mjs";
-import { styles } from "./Alert/style.mjs";
-import Alert from "./Alert/Alert.mjs";
 import { controlHeight } from "./controlSize.mjs";
-import { rootVariants, styles as styles$4 } from "./Input/style.mjs";
+import { styles as styles$3 } from "./Button/style.mjs";
+import Button from "./Button/Button.mjs";
+import SplitButton from "./Button/SplitButton.mjs";
+import { styles } from "./ActionIcon/style.mjs";
+import ActionIcon from "./ActionIcon/ActionIcon.mjs";
+import { styles as styles$1 } from "./Alert/style.mjs";
+import Alert from "./Alert/Alert.mjs";
+import { rootVariants, styles as styles$5 } from "./Input/style.mjs";
 import Input from "./Input/Input.mjs";
 import InputNumber from "./Input/InputNumber.mjs";
 import InputOTP from "./Input/InputOTP.mjs";
 import InputPassword from "./Input/InputPassword.mjs";
 import TextArea from "./Input/TextArea.mjs";
-import { styles as styles$1 } from "./AutoComplete/style.mjs";
+import { styles as styles$2 } from "./AutoComplete/style.mjs";
 import AutoComplete from "./AutoComplete/AutoComplete.mjs";
-import { styles as styles$2 } from "./Button/style.mjs";
-import Button from "./Button/Button.mjs";
-import SplitButton from "./Button/SplitButton.mjs";
-import { styles as styles$3 } from "./Checkbox/style.mjs";
+import AvatarGroup from "./Avatar/AvatarGroup/index.mjs";
+import Avatar from "./Avatar/index.mjs";
+import { styles as styles$4 } from "./Checkbox/style.mjs";
 import Checkbox from "./Checkbox/Checkbox.mjs";
 import CheckboxGroup from "./Checkbox/CheckboxGroup.mjs";
 import { drawerBackdropTransition, getDrawerMotionConfig } from "./Drawer/constants.mjs";
@@ -56,17 +60,21 @@ import FormFooter from "./Form/components/FormFooter.mjs";
 import FormGroup from "./Form/components/FormGroup.mjs";
 import FormSubmitFooter from "./Form/components/FormSubmitFooter.mjs";
 import { Form } from "./Form/index.mjs";
-import { styles as styles$5 } from "./Radio/style.mjs";
+import { styles as styles$6 } from "./Radio/style.mjs";
 import Radio from "./Radio/Radio.mjs";
 import RadioGroup from "./Radio/RadioGroup.mjs";
 import { SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot } from "./Segmented/atoms.mjs";
 import Segmented from "./Segmented/Segmented.mjs";
 import { SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue } from "./Select/atoms.mjs";
 import Select from "./Select/Select.mjs";
-import { styles as styles$6 } from "./Slider/style.mjs";
+import { styles as styles$7 } from "./Slider/style.mjs";
 import Slider from "./Slider/Slider.mjs";
 import SliderWithInput from "./Slider/SliderWithInput.mjs";
-import { styles as styles$8 } from "./Tabs/style.mjs";
+import { styles as styles$9 } from "./Tabs/style.mjs";
 import { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, useTabsContext } from "./Tabs/atoms.mjs";
 import Tabs from "./Tabs/Tabs.mjs";
-export { Alert, AutoComplete, Button, Checkbox, CheckboxGroup, ContextMenuHost, ContextMenuTrigger, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger, FloatingPanel, FloatingSheet, Form, FormDivider, FormField, FormFlatGroup, FormFooter, FormGroup, FormSubmitFooter, FormTitle, Input, InputNumber, InputOTP, InputPassword, Modal, ModalBackdrop, ModalClose, ModalContent, ModalContext, ModalDescription, ModalFooter, ModalHeader, ModalHost, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, Popover, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, Radio, RadioGroup, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Segmented, SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot, Select, SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Slider, SliderWithInput, SplitButton, Switch, SwitchIcon, SwitchRoot, SwitchThumb, Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, TextArea, ToastHost, Tooltip, TooltipGroup, styles as alertStyles, styles$1 as autoCompleteStyles, backdropTransition, styles$2 as buttonStyles, styles$3 as checkboxStyles, closeContextMenu, confirmModal, controlHeight, createModal, createModalSystem, drawerBackdropTransition, getDrawerMotionConfig, styles$4 as inputStyles, rootVariants as inputVariants, modalMotionConfig, parseTrigger, styles$5 as radioStyles, renderDropdownMenuItems, setContextMenuInterceptor, showContextMenu, styles$6 as sliderStyles, styles$7 as switchStyles, styles$8 as tabsStyles, toast, updateContextMenuItems, useDrawerActions, useDrawerOpen, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useSwitchContext, useTabsContext, useToast };
+import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from "./Tag/utils.mjs";
+import Tag from "./Tag/Tag.mjs";
+import { styles as styles$10, variants } from "./Text/style.mjs";
+import Text from "./Text/Text.mjs";
+export { ActionIcon, Alert, AutoComplete, Avatar, AvatarGroup, Button, Checkbox, CheckboxGroup, ContextMenuHost, ContextMenuTrigger, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuScrollViewport, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger, FloatingPanel, FloatingSheet, Form, FormDivider, FormField, FormFlatGroup, FormFooter, FormGroup, FormSubmitFooter, FormTitle, Input, InputNumber, InputOTP, InputPassword, Modal, ModalBackdrop, ModalClose, ModalContent, ModalContext, ModalDescription, ModalFooter, ModalHeader, ModalHost, ModalPopup, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, ModalViewport, Popover, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, Radio, RadioGroup, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Segmented, SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot, Select, SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Slider, SliderWithInput, SplitButton, Switch, SwitchIcon, SwitchRoot, SwitchThumb, Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, Tag, Text, TextArea, ToastHost, Tooltip, TooltipGroup, styles as actionIconStyles, styles$1 as alertStyles, styles$2 as autoCompleteStyles, backdropTransition, styles$3 as buttonStyles, styles$4 as checkboxStyles, closeContextMenu, colorsPreset, colorsPresetSystem, confirmModal, controlHeight, createModal, createModalSystem, drawerBackdropTransition, getDrawerMotionConfig, styles$5 as inputStyles, rootVariants as inputVariants, modalMotionConfig, parseTrigger, presetColors, presetSystemColors, styles$6 as radioStyles, renderDropdownMenuItems, setContextMenuInterceptor, showContextMenu, styles$7 as sliderStyles, styles$8 as switchStyles, styles$9 as tabsStyles, styles$10 as textStyles, variants as textVariants, toast, updateContextMenuItems, useDrawerActions, useDrawerOpen, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useSwitchContext, useTabsContext, useToast };

package/es/utils/safeReadableColor.mjs

@@ -1,5 +1,5 @@
 //#region src/utils/safeReadableColor.ts
-const safeReadableColor = (bgColor) => `contrast-color(${bgColor})`;
+const safeReadableColor = (bgColor) => `oklch(from ${bgColor} clamp(0, (l - 0.62) * -1000, 1) 0 h / 1)`;
 //#endregion
 export { safeReadableColor };
 

package/es/utils/safeReadableColor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"safeReadableColor.mjs","names":[],"sources":["../../src/utils/safeReadableColor.ts"],"sourcesContent":["export const safeReadableColor = (bgColor: string): string => `contrast-color(${bgColor})`;\n"],"mappings":";AAAA,MAAa,qBAAqB,YAA4B,kBAAkB,QAAQ"}
+{"version":3,"file":"safeReadableColor.mjs","names":[],"sources":["../../src/utils/safeReadableColor.ts"],"sourcesContent":["export const safeReadableColor = (bgColor: string): string =>\n  `oklch(from ${bgColor} clamp(0, (l - 0.62) * -1000, 1) 0 h / 1)`;\n"],"mappings":";AAAA,MAAa,qBAAqB,YAChC,cAAc,QAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.32.7",
+  "version": "5.33.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",