@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/Tag/style.mjs

@@ -0,0 +1,69 @@
+//#region src/Tag/style.ts
+const styles = {
+	close: {
+		kogj98: "lb1ghz6dp",
+		kmVPX3: "lb1717udv",
+		kVAM5u: "lb181nr7w",
+		ksu8eU: "lbng3xce",
+		kMzoRj: "lbfn42iu",
+		kOIVth: "lbxhr3t",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbjbqb8w",
+		kMwMTN: "lb1ap7x0f lb7n5n81",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb3nfvp2",
+		kjj79g: "lbl56j7k",
+		$$css: true
+	},
+	large: {
+		kaIpWk: "lb1kogg8i",
+		kg3NbH: "lbaope02",
+		kZKoxP: "lb1fgtraw",
+		$$css: true
+	},
+	middle: {
+		kaIpWk: "lb18zih8k",
+		kg3NbH: "lbdqyycr",
+		kZKoxP: "lb17rw0jw",
+		$$css: true
+	},
+	root: {
+		kogj98: "lb1ghz6dp",
+		kOIVth: "lbo0bmx5",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb3nfvp2",
+		kGuDYH: "lbxobqjj",
+		kjj79g: "lbl56j7k",
+		kLWn49: "lb1u7k74",
+		kfSwDN: "lb87ps6o",
+		khDVqt: "lbuxw1ft",
+		kzqmXN: "lbeq5yr9",
+		$$css: true
+	},
+	round: {
+		kaIpWk: "lb1e6avla",
+		$$css: true
+	},
+	roundLarge: {
+		kg3NbH: "lbqin4a2",
+		$$css: true
+	},
+	roundMiddle: {
+		kg3NbH: "lb1awh872",
+		$$css: true
+	},
+	roundSmall: {
+		kg3NbH: "lbdqyycr",
+		$$css: true
+	},
+	small: {
+		kaIpWk: "lb18zih8k",
+		kg3NbH: "lbfn1xvj",
+		kZKoxP: "lb1qx5ct2",
+		$$css: true
+	}
+};
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Tag/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tag/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  close: {\n    margin: 0,\n    padding: 0,\n    borderColor: 'currentcolor',\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    gap: 0,\n    alignItems: 'center',\n    backgroundColor: 'transparent',\n    color: {\n      'default': cssVar.colorIcon,\n      ':hover': cssVar.colorTextHeading,\n    },\n    cursor: 'pointer',\n    display: 'inline-flex',\n    justifyContent: 'center',\n  },\n  large: {\n    borderRadius: 6,\n    paddingInline: 12,\n    height: 28,\n  },\n  middle: {\n    borderRadius: 3,\n    paddingInline: 8,\n    height: 22,\n  },\n  root: {\n    margin: 0,\n    gap: '0.4em',\n    alignItems: 'center',\n    display: 'inline-flex',\n    fontSize: cssVar.fontSizeSM,\n    justifyContent: 'center',\n    lineHeight: 1.2,\n    userSelect: 'none',\n    whiteSpace: 'nowrap',\n    width: 'fit-content',\n  },\n  round: {\n    borderRadius: 999,\n  },\n  roundLarge: {\n    paddingInline: 14,\n  },\n  roundMiddle: {\n    paddingInline: 10,\n  },\n  roundSmall: {\n    paddingInline: 8,\n  },\n  small: {\n    borderRadius: 3,\n    paddingInline: 4,\n    height: 20,\n  },\n});\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/Tag/type.d.mts

@@ -1,13 +1,28 @@
-import { Ref } from "react";
-import { TagProps } from "antd";
+import { CSSProperties, ComponentProps, MouseEvent, ReactNode, Ref } from "react";
 //#region src/Tag/type.d.ts
-interface TagProps$1 extends Omit<TagProps, 'color' | 'variant'> {
-  color?: TagProps['color'] | 'info';
-  ref?: Ref<HTMLDivElement>;
-  shape?: 'normal' | 'round';
-  size?: 'small' | 'middle' | 'large';
-  variant?: 'filled' | 'outlined' | 'borderless' | 'solid';
+export type TagShape = 'normal' | 'round';
+export type TagSize = 'small' | 'middle' | 'large';
+export type TagVariant = 'filled' | 'outlined' | 'borderless' | 'solid';
+export interface TagClassNames {
+  closeIcon?: string;
+  root?: string;
+}
+export interface TagStyles {
+  closeIcon?: CSSProperties;
+  root?: CSSProperties;
+}
+export interface TagProps extends Omit<ComponentProps<'span'>, 'color'> {
+  classNames?: TagClassNames;
+  closable?: boolean;
+  closeIcon?: ReactNode;
+  color?: string;
+  icon?: ReactNode;
+  onClose?: (e: MouseEvent<HTMLSpanElement>) => void;
+  ref?: Ref<HTMLSpanElement>;
+  shape?: TagShape;
+  size?: TagSize;
+  styles?: TagStyles;
+  variant?: TagVariant;
 }
 //#endregion
-export { TagProps$1 as TagProps };
 //# sourceMappingURL=type.d.mts.map

package/es/Tag/utils.d.mts

@@ -0,0 +1,7 @@
+//#region src/Tag/utils.d.ts
+export declare const presetColors: string[];
+export declare const presetSystemColors: Set<string>;
+export declare const colorsPreset: (type: string, ...keys: string[]) => string;
+export declare const colorsPresetSystem: (type: string, ...keys: string[]) => string;
+//#endregion
+//# sourceMappingURL=utils.d.mts.map

package/es/Tag/utils.mjs

@@ -1,4 +1,4 @@
-import { cssVar } from "antd-style";
+import { cssVar } from "../styles/stylex/cssVar.stylex.mjs";
 import { camelCase } from "es-toolkit/compat";
 //#region src/Tag/utils.ts
 const presetColors = [
@@ -25,7 +25,7 @@ const presetSystemColors = /* @__PURE__ */ new Set([
 ]);
 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)})`;
+	return cssVar[tokenKey] || `var(--lobe-${toKebabCase(tokenKey)})`;
 };
 const colorsPreset = (type, ...keys) => getCssVar(camelCase([type, ...keys].join("-")));
 const colorsPresetSystem = (type, ...keys) => {

package/es/Tag/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/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"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Tag/utils.ts"],"sourcesContent":["import { camelCase } from 'es-toolkit/compat';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\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(--lobe-${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":";;;AAIA,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,cAAc,YAAY,QAAQ,EAAE;AACvD;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/Text/Text.d.mts

@@ -1,10 +1,10 @@
 import { TextProps } from "./type.mjs";
-import { FC } from "react";
+import { ReactNode } from "react";
 //#region src/Text/Text.d.ts
-/**
- * @deprecated Use `Text` from `@lobehub/ui/base-ui` instead.
- */
-declare const Text: FC<TextProps>;
+export interface IText {
+  <Shiny extends boolean = boolean>(props: TextProps<Shiny>): ReactNode;
+}
+declare const Text: IText;
 //#endregion
 export { Text as default };
 //# sourceMappingURL=Text.d.mts.map

package/es/Text/Text.mjs

@@ -1,19 +1,22 @@
 "use client";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { Tooltip } from "../Tooltip/Tooltip.mjs";
+import { textStyleArray } from "./style.mjs";
 import { useTextOverflow } from "../hooks/useTextOverflow.mjs";
-import { Tooltip } from "../base-ui/Tooltip/Tooltip.mjs";
-import { variants } from "./styles.mjs";
-import { useRef } from "react";
+import { memo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
+import clsx from "clsx";
 //#region src/Text/Text.tsx
-/**
-* @deprecated Use `Text` from `@lobehub/ui/base-ui` instead.
-*/
-const Text = ({ as: Container = "div", align, className, children, style, type, disabled, strong, italic, underline, delete: deleteStyle, fontSize, lineClamp, lineHeight, mark, code, color, weight, ellipsis, noWrap, textDecoration, textTransform, whiteSpace, wordBreak, ...rest }) => {
-	const textRef = useRef(null);
-	const isOverflow = useTextOverflow(textRef, ellipsis, children);
+const InternalText = memo(({ align, as: Container = "div", children, className, classNames, code, color, delete: deleteStyle, disabled, ellipsis, fontSize, italic, lineClamp, lineHeight, mark, noWrap, ref, shiny, shinyDuration, 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 },
@@ -29,16 +32,19 @@ const Text = ({ as: Container = "div", align, className, children, style, type,
 			overflow: "hidden",
 			textOverflow: "ellipsis"
 		},
+		...shiny && shinyDuration && { "--shiny-duration": shinyDuration },
 		...fontSize && { fontSize },
 		...align && { textAlign: align },
 		...!isMultiEllipsis && noWrap && { whiteSpace: "nowrap" },
 		...whiteSpace && { whiteSpace },
-		...style
+		...style,
+		...customStyles?.root
 	};
 	const content = /* @__PURE__ */ jsx(Container, {
-		ref: textRef,
+		...rest,
+		ref: setNodeRef,
 		style: textStyle,
-		className: cx(variants({
+		className: styleProps(textStyleArray({
 			as: [
 				"h1",
 				"h2",
@@ -53,11 +59,11 @@ const Text = ({ as: Container = "div", align, className, children, style, type,
 			ellipsis: ellipsis ? typeof ellipsis === "object" && ellipsis.rows ? "multi" : true : void 0,
 			italic,
 			mark,
+			shiny,
 			strong,
 			type,
 			underline
-		}), className),
-		...rest,
+		}), clsx(shiny && "lobe-text-shiny", className, classNames?.root)).className,
 		children
 	});
 	if (ellipsis && typeof ellipsis === "object" && (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)) {
@@ -74,8 +80,9 @@ const Text = ({ as: Container = "div", align, className, children, style, type,
 		});
 	}
 	return content;
-};
-Text.displayName = "Text";
+});
+InternalText.displayName = "Text";
+const Text = InternalText;
 //#endregion
 export { Text as default };
 

package/es/Text/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","names":[],"sources":["../../src/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useRef } from 'react';\n\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\nimport Tooltip from '@/Tooltip';\n\nimport { variants } from './styles';\nimport { type TextProps } from './type';\n\n/**\n * @deprecated Use `Text` from `@lobehub/ui/base-ui` instead.\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  lineClamp,\n  lineHeight,\n  mark,\n  code,\n  color,\n  weight,\n  ellipsis,\n  noWrap,\n  textDecoration,\n  textTransform,\n  whiteSpace,\n  wordBreak,\n  ...rest\n}) => {\n  const textRef = useRef<HTMLElement>(null);\n  const isOverflow = useTextOverflow(textRef, 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 textStyle = {\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  };\n\n  const content = (\n    <Container\n      ref={textRef}\n      style={textStyle}\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      {...rest}\n    >\n      {children}\n    </Container>\n  );\n\n  // 处理带有 tooltip 的省略\n  if (\n    ellipsis &&\n    typeof ellipsis === 'object' &&\n    (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)\n  ) {\n    // 如果设置了 tooltipWhenOverflow，只在溢出时显示 tooltip\n    if (tooltipWhenOverflow && !isOverflow) {\n      return content;\n    }\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\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,QAAuB,EAC3B,IAAI,YAAY,OAChB,OACA,WACA,UACA,OACA,MACA,UACA,QACA,QACA,WACA,QAAQ,aACR,UACA,WACA,YACA,MACA,MACA,OACA,QACA,UACA,QACA,gBACA,eACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,UAAU,OAAoB,IAAI;CACxC,MAAM,aAAa,gBAAgB,SAAS,UAAU,QAAQ;CAE9D,MAAM,kBAAkB,OAAO,aAAa,YAAY,CAAC,CAAC,SAAS,QAAQ,SAAS,OAAO;CAC3F,MAAM,sBAAsB,OAAO,aAAa,YAAY,SAAS;CAErE,MAAM,YAAY;EAChB,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;CACL;CAEA,MAAM,UACJ,oBAAC,WAAD;EACE,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,SACF;EACA,GAAI;EAEH;CACQ,CAAA;CAIb,IACE,YACA,OAAO,aAAa,aACnB,SAAS,WAAW,SAAS,sBAC9B;EAEA,IAAI,uBAAuB,CAAC,YAC1B,OAAO;EAGT,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;AAEA,KAAK,cAAc"}
+{"version":3,"file":"Text.mjs","names":[],"sources":["../../src/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport './style.css';\n\nimport clsx from 'clsx';\nimport { type CSSProperties, memo, type ReactNode, type RefObject, useRef } from 'react';\n\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\nimport { styleProps } from '@/styles/stylex/props';\nimport Tooltip from '@/Tooltip';\n\nimport { textStyleArray } from './style';\nimport { type TextBaseProps, type TextProps } from './type';\n\ntype InternalTextProps = TextBaseProps & {\n  shiny?: boolean;\n  shinyDuration?: CSSProperties['animationDuration'];\n};\n\nconst InternalText = memo<InternalTextProps>(\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    shiny,\n    shinyDuration,\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      ...(shiny && shinyDuration && { '--shiny-duration': shinyDuration }),\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={\n          styleProps(\n            textStyleArray({\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              shiny,\n              strong,\n              type,\n              underline,\n            }),\n            clsx(shiny && 'lobe-text-shiny', className, classNames?.root),\n          ).className\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\nInternalText.displayName = 'Text';\n\nexport interface IText {\n  <Shiny extends boolean = boolean>(props: TextProps<Shiny>): ReactNode;\n}\n\nconst Text = InternalText as unknown as IText;\n\nexport default Text;\n"],"mappings":";;;;;;;;;AAmBA,MAAM,eAAe,MAClB,EACC,OACA,IAAI,YAAY,OAChB,UACA,WACA,YACA,MACA,OACA,QAAQ,aACR,UACA,UACA,UACA,QACA,WACA,YACA,MACA,QACA,KACA,OACA,eACA,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,SAAS,iBAAiB,EAAE,oBAAoB,cAAc;EAClE,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,WACE,WACE,eAAe;GACb,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;GACA;EACF,CAAC,GACD,KAAK,SAAS,mBAAmB,WAAW,YAAY,IAAI,CAC9D,CAAC,CAAC;EAGH;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,aAAa,cAAc;AAM3B,MAAM,OAAO"}

package/es/Text/index.d.mts

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

package/es/Text/index.mjs

@@ -1 +1,3 @@
-export { default } from "./Text.mjs";
+import { groupStyles, textStyles, variants } from "./style.mjs";
+import Text from "./Text.mjs";
+export { Text, Text as default, groupStyles as textGroupStyles, textStyles, variants as textVariants };

package/es/Text/style.d.mts

@@ -0,0 +1,47 @@
+import "@stylexjs/stylex";
+//#region src/Text/style.d.ts
+export declare const textStyles: {
+  shiny: string;
+  code: string;
+  h1: string;
+  h2: string;
+  h3: string;
+  h4: string;
+  h5: string;
+  mark: string;
+  p: string;
+  strong: string;
+  text: string;
+  disabled: string;
+  danger: string;
+  success: string;
+  warning: string;
+  info: string;
+  delete: string;
+  ellipsis: string;
+  italic: string;
+  underline: string;
+  ellipsisMulti: string;
+  secondary: string;
+};
+export declare const groupStyles: {
+  shinyGroup: string;
+};
+type TextVariantProps = {
+  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | null;
+  class?: string;
+  className?: string;
+  code?: boolean | null;
+  delete?: boolean | null;
+  disabled?: boolean | null;
+  ellipsis?: 'multi' | boolean | null;
+  italic?: boolean | null;
+  mark?: boolean | null;
+  shiny?: boolean | null;
+  strong?: boolean | null;
+  type?: 'danger' | 'info' | 'secondary' | 'success' | 'warning' | null;
+  underline?: boolean | null;
+};
+export declare const variants: (props?: TextVariantProps) => string;
+//#endregion
+//# sourceMappingURL=style.d.mts.map

package/es/Text/style.mjs

@@ -0,0 +1,147 @@
+import { styleProps } from "../styles/stylex/props.mjs";
+import clsx from "clsx";
+//#region src/Text/style.ts
+const styles = {
+	code: {
+		kMv6JI: "lb2xbw48",
+		$$css: true
+	},
+	danger: {
+		kMwMTN: "lb12ap7uz",
+		$$css: true
+	},
+	delete: {
+		kybGjl: "lbmqliwb",
+		$$css: true
+	},
+	disabled: {
+		kMwMTN: "lbv7q1j6",
+		kkrTdU: "lb1h6gzvc",
+		$$css: true
+	},
+	ellipsis: {
+		kVQacm: "lbb3r6kr",
+		kg5iWk: "lblyipyv",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	ellipsisMulti: {
+		kVQacm: "lbb3r6kr",
+		kgKLqz: "lb1ua5tub",
+		k1xSpc: "lb104kibb",
+		kg5iWk: "lblyipyv",
+		$$css: true
+	},
+	h1: {
+		kGuDYH: "lb1xiv2dn",
+		k63SB2: "lb117nqv4",
+		kLWn49: "lb132q4wb",
+		$$css: true
+	},
+	h2: {
+		kGuDYH: "lb2ziyne",
+		k63SB2: "lb117nqv4",
+		kLWn49: "lb132q4wb",
+		$$css: true
+	},
+	h3: {
+		kGuDYH: "lbowuowh",
+		k63SB2: "lb117nqv4",
+		kLWn49: "lb132q4wb",
+		$$css: true
+	},
+	h4: {
+		kGuDYH: "lbkf6u7v",
+		k63SB2: "lb117nqv4",
+		kLWn49: "lb132q4wb",
+		$$css: true
+	},
+	h5: {
+		kGuDYH: "lb1pzwcx8",
+		k63SB2: "lb117nqv4",
+		kLWn49: "lb132q4wb",
+		$$css: true
+	},
+	info: {
+		kMwMTN: "lbapv1it",
+		$$css: true
+	},
+	italic: {
+		kKX8nH: "lb1k4tb9n",
+		$$css: true
+	},
+	mark: {
+		kWkggS: "lb10l2l1g",
+		kMwMTN: "lbod0wng",
+		$$css: true
+	},
+	p: {
+		kqGvvJ: "lb10im51j",
+		$$css: true
+	},
+	secondary: {
+		kMwMTN: "lb19ppog9",
+		$$css: true
+	},
+	shiny: {
+		"--shiny-color": "lb1yqjya6",
+		"--shiny-duration": "lb13qpc1j",
+		k44tkh: "lbpzn028",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lbj1bqtc",
+		kyAemX: "lb1esw782",
+		kHypHr: "lb1ta4xzc",
+		kKwaWg: "lb1k0woq6",
+		kgSjnq: "lbakli9p",
+		kMwMTN: "lb1g83pbf",
+		kfSwDN: "lb87ps6o",
+		$$css: true
+	},
+	strong: {
+		k63SB2: "lb117nqv4",
+		$$css: true
+	},
+	success: {
+		kMwMTN: "lbs9y9h1",
+		$$css: true
+	},
+	text: {
+		kMwMTN: "lb66ogz0",
+		$$css: true
+	},
+	underline: {
+		kybGjl: "lb1bvjpef",
+		$$css: true
+	},
+	warning: {
+		kMwMTN: "lbgyvj36",
+		$$css: true
+	}
+};
+const shinyClassName = "lobe-text-shiny";
+const classNameOf = (style) => styleProps(style).className;
+const textStyles = {
+	...Object.fromEntries(Object.entries(styles).map(([key, value]) => [key, classNameOf(value)])),
+	shiny: clsx(classNameOf(styles.shiny), shinyClassName)
+};
+const groupStyles = { shinyGroup: "lobe-text-shiny-group" };
+const textStyleArray = (props = {}) => [
+	styles.text,
+	props.as && styles[props.as],
+	props.code && styles.code,
+	props.delete && styles.delete,
+	props.disabled && styles.disabled,
+	props.ellipsis === "multi" && styles.ellipsisMulti,
+	props.ellipsis === true && styles.ellipsis,
+	props.italic && styles.italic,
+	props.mark && styles.mark,
+	props.shiny && styles.shiny,
+	props.strong && styles.strong,
+	props.type && styles[props.type],
+	props.underline && styles.underline
+];
+const variants = (props = {}) => clsx(classNameOf(textStyleArray(props)), props.shiny && shinyClassName, props.class, props.className);
+//#endregion
+export { groupStyles, styles, textStyleArray, textStyles, variants };
+
+//# sourceMappingURL=style.mjs.map

package/es/Text/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Text/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { styleProps } from '@/styles/stylex/props';\n\nconst shine = stylex.keyframes({\n  '0%': { backgroundPosition: '100%' },\n  '100%': { backgroundPosition: '-100%' },\n});\n\nexport const styles = stylex.create({\n  code: {\n    fontFamily: cssVar.fontFamilyCode,\n  },\n  danger: {\n    color: cssVar.colorError,\n  },\n  delete: {\n    textDecoration: 'line-through',\n  },\n  disabled: {\n    color: cssVar.colorTextDisabled,\n    cursor: 'not-allowed',\n  },\n  ellipsis: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  ellipsisMulti: {\n    overflow: 'hidden',\n    WebkitBoxOrient: 'vertical',\n    display: '-webkit-box',\n    textOverflow: 'ellipsis',\n  },\n  h1: {\n    fontSize: `calc(${cssVar.fontSize} * 2.5)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h2: {\n    fontSize: `calc(${cssVar.fontSize} * 2)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h3: {\n    fontSize: `calc(${cssVar.fontSize} * 1.5)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h4: {\n    fontSize: `calc(${cssVar.fontSize} * 1.25)`,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  h5: {\n    fontSize: cssVar.fontSize,\n    fontWeight: 'bold',\n    lineHeight: 1.25,\n  },\n  info: {\n    color: cssVar.colorInfo,\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  mark: {\n    backgroundColor: cssVar.yellow,\n    color: '#000',\n  },\n  p: {\n    marginBlock: 0,\n  },\n  secondary: {\n    color: cssVar.colorTextDescription,\n  },\n  // The sweep peaks at --shiny-color. Override it to match the static text the\n  // shimmering label sits next to. currentColor cannot serve here: the dimmed\n  // color declared below would feed back into the sweep overlay.\n  shiny: {\n    '--shiny-color': cssVar.colorText,\n    '--shiny-duration': '1.5s',\n    'animationDuration': 'var(--shiny-duration)',\n    'animationIterationCount': 'infinite',\n    'animationName': shine,\n    'animationTimingFunction': 'linear',\n    'backgroundClip': 'text',\n    'backgroundImage':\n      'linear-gradient(120deg, transparent 25%, var(--shiny-color) 50%, transparent 75%)',\n    'backgroundSize': '200% 100%',\n    'color': 'color-mix(in srgb, var(--shiny-color) 28%, transparent)',\n    'userSelect': 'none',\n  },\n  strong: {\n    fontWeight: 'bold',\n  },\n  success: {\n    color: cssVar.colorSuccess,\n  },\n  text: {\n    color: cssVar.colorText,\n  },\n  underline: {\n    textDecoration: 'underline',\n  },\n  warning: {\n    color: cssVar.colorWarning,\n  },\n});\n\nconst shinyClassName = 'lobe-text-shiny';\n\nconst classNameOf = (style: Parameters<typeof styleProps>[0]) => styleProps(style).className;\n\nexport const textStyles = {\n  ...(Object.fromEntries(\n    Object.entries(styles).map(([key, value]) => [key, classNameOf(value)]),\n  ) as Record<keyof typeof styles, string>),\n  shiny: clsx(classNameOf(styles.shiny), shinyClassName),\n};\n\nexport const groupStyles = {\n  shinyGroup: 'lobe-text-shiny-group',\n};\n\ntype TextVariantProps = {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | null;\n  class?: string;\n  className?: string;\n  code?: boolean | null;\n  delete?: boolean | null;\n  disabled?: boolean | null;\n  ellipsis?: 'multi' | boolean | null;\n  italic?: boolean | null;\n  mark?: boolean | null;\n  shiny?: boolean | null;\n  strong?: boolean | null;\n  type?: 'danger' | 'info' | 'secondary' | 'success' | 'warning' | null;\n  underline?: boolean | null;\n};\n\nexport const textStyleArray = (props: TextVariantProps = {}) => [\n  styles.text,\n  props.as && styles[props.as],\n  props.code && styles.code,\n  props.delete && styles.delete,\n  props.disabled && styles.disabled,\n  props.ellipsis === 'multi' && styles.ellipsisMulti,\n  props.ellipsis === true && styles.ellipsis,\n  props.italic && styles.italic,\n  props.mark && styles.mark,\n  props.shiny && styles.shiny,\n  props.strong && styles.strong,\n  props.type && styles[props.type],\n  props.underline && styles.underline,\n];\n\nexport const variants = (props: TextVariantProps = {}) =>\n  clsx(\n    classNameOf(textStyleArray(props)),\n    props.shiny && shinyClassName,\n    props.class,\n    props.className,\n  );\n"],"mappings":";;;AAMA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,IAAI;EACF,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,GAAG;EACD,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,iBAAiB;EACjB,oBAAoB;EACpB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;AACF;AACA,MAAM,iBAAiB;AACvB,MAAM,eAAe,UAA4C,WAAW,KAAK,CAAC,CAAC;AACnF,MAAa,aAAa;CACxB,GAAI,OAAO,YAAY,OAAO,QAAQ,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC;CAC9F,OAAO,KAAK,YAAY,OAAO,KAAK,GAAG,cAAc;AACvD;AACA,MAAa,cAAc,EACzB,YAAY,wBACd;AAgBA,MAAa,kBAAkB,QAA0B,CAAC,MAAM;CAAC,OAAO;CAAM,MAAM,MAAM,OAAO,MAAM;CAAK,MAAM,QAAQ,OAAO;CAAM,MAAM,UAAU,OAAO;CAAQ,MAAM,YAAY,OAAO;CAAU,MAAM,aAAa,WAAW,OAAO;CAAe,MAAM,aAAa,QAAQ,OAAO;CAAU,MAAM,UAAU,OAAO;CAAQ,MAAM,QAAQ,OAAO;CAAM,MAAM,SAAS,OAAO;CAAO,MAAM,UAAU,OAAO;CAAQ,MAAM,QAAQ,OAAO,MAAM;CAAO,MAAM,aAAa,OAAO;AAAS;AACpe,MAAa,YAAY,QAA0B,CAAC,MAAM,KAAK,YAAY,eAAe,KAAK,CAAC,GAAG,MAAM,SAAS,gBAAgB,MAAM,OAAO,MAAM,SAAS"}

package/es/Text/type.d.mts

@@ -1,38 +1,35 @@
-import { DivProps } from "../types/index.mjs";
-import { TooltipProps } from "../base-ui/Tooltip/type.mjs";
+import { TooltipProps } from "../Tooltip/type.mjs";
 import "../Tooltip/index.mjs";
-import { CSSProperties, ElementType, Ref } from "react";
+import { CSSProperties, ElementType, HTMLAttributes, Ref } from "react";
 //#region src/Text/type.d.ts
-interface TextProps extends DivProps {
+export interface TextClassNames {
+  root?: string;
+}
+export interface TextStyles {
+  root?: CSSProperties;
+}
+export interface TextBaseProps 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 | TooltipProps;
+    tooltip?: boolean | string | Omit<TooltipProps, 'children'>;
     tooltipWhenOverflow?: boolean;
   };
   fontSize?: number | string;
   italic?: boolean;
-  /**
-   * Clamp lines with CSS line-clamp.
-   *
-   * Note: When `ellipsis` is provided, `ellipsis` takes precedence.
-   */
   lineClamp?: number;
   lineHeight?: CSSProperties['lineHeight'];
   mark?: boolean;
-  /**
-   * Whether to disable wrapping (set `white-space: nowrap`).
-   *
-   * Note: When multi-line ellipsis is enabled, it will be ignored.
-   */
   noWrap?: boolean;
   ref?: Ref<HTMLDivElement>;
   strong?: boolean;
+  styles?: TextStyles;
   textDecoration?: CSSProperties['textDecoration'];
   textTransform?: CSSProperties['textTransform'];
   type?: 'secondary' | 'success' | 'warning' | 'danger' | 'info';
@@ -41,6 +38,12 @@ interface TextProps extends DivProps {
   whiteSpace?: CSSProperties['whiteSpace'];
   wordBreak?: CSSProperties['wordBreak'];
 }
+export type TextProps<Shiny extends boolean = boolean> = TextBaseProps & (Shiny extends true ? {
+  shiny: true;
+  shinyDuration?: CSSProperties['animationDuration'];
+} : {
+  shiny?: false;
+  shinyDuration?: never;
+});
 //#endregion
-export { TextProps };
 //# sourceMappingURL=type.d.mts.map