@lobehub/ui 5.64.2 → 6.0.0-beta.10

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

@@ -1,88 +0,0 @@
-"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 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 },
-		...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"
-		},
-		...shiny && shinyDuration && { "--shiny-duration": shinyDuration },
-		...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,
-			shiny,
-			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;
-});
-InternalText.displayName = "Text";
-const Text = InternalText;
-//#endregion
-export { Text as default };
-
-//# sourceMappingURL=Text.mjs.map

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

@@ -1 +0,0 @@
-{"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 ReactNode, type RefObject, useRef } from 'react';\n\nimport Tooltip from '@/base-ui/Tooltip';\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\n\nimport { variants } 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={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            shiny,\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\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":";;;;;;;;AAgBA,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,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;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,aAAa,cAAc;AAM3B,MAAM,OAAO"}

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

@@ -1,4 +0,0 @@
-import { groupStyles, 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, groupStyles as textGroupStyles, styles as textStyles, variants as textVariants };

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

@@ -1,50 +0,0 @@
-//#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;
-  shiny: string;
-  strong: string;
-  success: string;
-  text: string;
-  underline: string;
-  warning: string;
-};
-/**
- * Coordinate layer for a row that shimmers several separate text spans. Each
- * span's sweep overlay resolves against the nearest positioned ancestor, so
- * dropping `position` on the spans and holding it here gives every span the
- * same row-wide overlay — one continuous wave instead of one sweep per span.
- */
-declare const groupStyles: {
-  shinyGroup: 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;
-  shiny?: 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 { groupStyles, styles, variants };
-//# sourceMappingURL=style.d.mts.map

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

@@ -1,217 +0,0 @@
-import { createStaticStyles, keyframes } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/base-ui/Text/style.ts
-const shine = keyframes`
-  0% {
-    background-position: 100%;
-  }
-
-  100% {
-    background-position: -100%;
-  }
-`;
-const sweep = keyframes`
-  0% {
-    translate: -100% 0;
-  }
-
-  100% {
-    translate: 100% 0;
-  }
-`;
-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};
-  `,
-	shiny: css`
-    --shiny-duration: 1.5s;
-
-    /* The sweep peaks at this color. Override it to match the static text the
-     * shimmering label sits next to. currentColor cannot serve here: the
-     * dimmed color declared below would feed back into the sweep overlay. */
-    --shiny-color: ${cssVar.colorText};
-
-    user-select: none;
-
-    color: color-mix(in srgb, var(--shiny-color) 28%, transparent);
-
-    background: linear-gradient(120deg, transparent 25%, var(--shiny-color) 50%, transparent 75%);
-    background-clip: text;
-    background-size: 200% 100%;
-
-    animation: ${shine} var(--shiny-duration) linear infinite;
-
-    /* Animating background-position repaints every glyph each frame. Where
-     * mask-clip: text is supported, clip a transform-animated overlay to the
-     * glyphs instead so the sweep stays on the compositor. The mask clips every
-     * descendant too, so rows that also render icons or chips keep the
-     * background-clip path — masking would erase that non-text paint. */
-    @supports (-webkit-mask-clip: text) {
-      &:not(:has(*)) {
-        position: var(--shiny-origin, relative);
-
-        background: none;
-
-        animation: none;
-
-        /* stylelint-disable-next-line declaration-property-value-no-unknown */
-        mask-clip: text;
-        mask-image: linear-gradient(#fff, #fff);
-
-        &::after {
-          pointer-events: none;
-          will-change: transform;
-          content: '';
-
-          position: absolute;
-          inset: 0;
-
-          background: linear-gradient(
-            90deg,
-            transparent 25%,
-            var(--shiny-color) 50%,
-            transparent 75%
-          );
-
-          animation: ${sweep} var(--shiny-duration) linear infinite;
-        }
-      }
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-
-      &::after {
-        display: none;
-      }
-    }
-  `,
-	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};
-  `
-}));
-/**
-* Coordinate layer for a row that shimmers several separate text spans. Each
-* span's sweep overlay resolves against the nearest positioned ancestor, so
-* dropping `position` on the spans and holding it here gives every span the
-* same row-wide overlay — one continuous wave instead of one sweep per span.
-*/
-const groupStyles = createStaticStyles(({ css }) => ({ shinyGroup: css`
-    @supports (-webkit-mask-clip: text) {
-      & {
-        --shiny-origin: static;
-
-        position: relative;
-      }
-    }
-  ` }));
-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 },
-		shiny: { true: styles.shiny },
-		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 { groupStyles, styles, variants };
-
-//# sourceMappingURL=style.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Text/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nconst shine = keyframes`\n  0% {\n    background-position: 100%;\n  }\n\n  100% {\n    background-position: -100%;\n  }\n`;\n\nconst sweep = keyframes`\n  0% {\n    translate: -100% 0;\n  }\n\n  100% {\n    translate: 100% 0;\n  }\n`;\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  shiny: css`\n    --shiny-duration: 1.5s;\n\n    /* The sweep peaks at this color. Override it to match the static text the\n     * shimmering label sits next to. currentColor cannot serve here: the\n     * dimmed color declared below would feed back into the sweep overlay. */\n    --shiny-color: ${cssVar.colorText};\n\n    user-select: none;\n\n    color: color-mix(in srgb, var(--shiny-color) 28%, transparent);\n\n    background: linear-gradient(120deg, transparent 25%, var(--shiny-color) 50%, transparent 75%);\n    background-clip: text;\n    background-size: 200% 100%;\n\n    animation: ${shine} var(--shiny-duration) linear infinite;\n\n    /* Animating background-position repaints every glyph each frame. Where\n     * mask-clip: text is supported, clip a transform-animated overlay to the\n     * glyphs instead so the sweep stays on the compositor. The mask clips every\n     * descendant too, so rows that also render icons or chips keep the\n     * background-clip path — masking would erase that non-text paint. */\n    @supports (-webkit-mask-clip: text) {\n      &:not(:has(*)) {\n        position: var(--shiny-origin, relative);\n\n        background: none;\n\n        animation: none;\n\n        /* stylelint-disable-next-line declaration-property-value-no-unknown */\n        mask-clip: text;\n        mask-image: linear-gradient(#fff, #fff);\n\n        &::after {\n          pointer-events: none;\n          will-change: transform;\n          content: '';\n\n          position: absolute;\n          inset: 0;\n\n          background: linear-gradient(\n            90deg,\n            transparent 25%,\n            var(--shiny-color) 50%,\n            transparent 75%\n          );\n\n          animation: ${sweep} var(--shiny-duration) linear infinite;\n        }\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      animation: none;\n\n      &::after {\n        display: none;\n      }\n    }\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\n/**\n * Coordinate layer for a row that shimmers several separate text spans. Each\n * span's sweep overlay resolves against the nearest positioned ancestor, so\n * dropping `position` on the spans and holding it here gives every span the\n * same row-wide overlay — one continuous wave instead of one sweep per span.\n */\nexport const groupStyles = createStaticStyles(({ css }) => ({\n  shinyGroup: css`\n    @supports (-webkit-mask-clip: text) {\n      & {\n        --shiny-origin: static;\n\n        position: relative;\n      }\n    }\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    shiny: {\n      true: styles.shiny,\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,MAAM,QAAQ,SAAS;;;;;;;;;AAUvB,MAAM,QAAQ,SAAS;;;;;;;;;AAUvB,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,OAAO,GAAG;;;;;;qBAMS,OAAO,UAAU;;;;;;;;;;iBAUrB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAkCA,MAAM;;;;;;;;;;;;;CAc3B,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;;;;;;;AAQF,MAAa,cAAc,oBAAoB,EAAE,WAAW,EAC1D,YAAY,GAAG;;;;;;;;IASjB,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,OAAO,EACL,MAAM,OAAO,MACf;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

@@ -1,50 +0,0 @@
-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 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 | 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'];
-}
-type TextProps<Shiny extends boolean = boolean> = TextBaseProps & (Shiny extends true ? {
-  shiny: true;
-  shinyDuration?: CSSProperties['animationDuration'];
-} : {
-  shiny?: false;
-  shinyDuration?: never;
-});
-//#endregion
-export { TextBaseProps, TextClassNames, TextProps, TextStyles };
-//# sourceMappingURL=type.d.mts.map

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

@@ -1,131 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { useToastContext } from "./context.mjs";
-import { actionVariants, rootVariants, styles } from "./style.mjs";
-import { memo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cssVar, cx } from "antd-style";
-import { AlertTriangle, CheckCircle, Info, Loader2, X, XCircle } from "lucide-react";
-import { Toast } from "@base-ui/react/toast";
-//#region src/base-ui/Toast/Toast.tsx
-const typeIcons = {
-	default: Info,
-	error: XCircle,
-	info: Info,
-	loading: Loader2,
-	success: CheckCircle,
-	warning: AlertTriangle
-};
-const typeColors = {
-	default: cssVar.colorText,
-	error: cssVar.colorError,
-	info: cssVar.colorInfo,
-	loading: cssVar.colorPrimary,
-	success: cssVar.colorSuccess,
-	warning: cssVar.colorWarning
-};
-const ToastItem = memo(({ toast, classNames, styles: customStyles }) => {
-	const { position, swipeDirection } = useToastContext();
-	const toastData = toast.data;
-	const type = toastData?.type ?? "default";
-	const closable = toastData?.closable ?? true;
-	const hideCloseButton = toastData?.hideCloseButton ?? false;
-	const showCloseButton = closable && !hideCloseButton;
-	const icon = toastData?.icon;
-	const title = toast.title ?? toastData?.title;
-	const description = toast.description ?? toastData?.description;
-	const actionProps = toast.actionProps ?? toastData?.actionProps;
-	const actions = toastData?.actions;
-	const iconColor = typeColors[type];
-	const IconComponent = icon ?? typeIcons[type];
-	const isLoading = type === "loading";
-	const standaloneDescriptionClassName = cx(styles.description, styles.descriptionStandalone, classNames?.description);
-	const renderIcon = () => {
-		if (!IconComponent) return null;
-		return /* @__PURE__ */ jsx("div", {
-			className: cx(styles.icon, classNames?.icon),
-			style: customStyles?.icon,
-			children: /* @__PURE__ */ jsx(Icon, {
-				color: iconColor,
-				icon: IconComponent,
-				size: 18,
-				spin: isLoading
-			})
-		});
-	};
-	const renderActions = () => {
-		if (actions && actions.length > 0) return /* @__PURE__ */ jsx("div", {
-			className: cx(styles.actions, classNames?.actions),
-			style: customStyles?.actions,
-			children: actions.map((action, index) => /* @__PURE__ */ jsx(Toast.Action, {
-				style: customStyles?.action,
-				className: cx(actionVariants({ variant: action.variant ?? "primary" }), classNames?.action),
-				onClick: action.onClick,
-				...action.props,
-				children: action.label
-			}, index))
-		});
-		if (actionProps) return /* @__PURE__ */ jsx(Toast.Action, {
-			className: cx(actionVariants({ variant: "primary" }), classNames?.action),
-			style: customStyles?.action,
-			...actionProps
-		});
-		return null;
-	};
-	return /* @__PURE__ */ jsx(Toast.Root, {
-		className: cx(rootVariants({ position }), classNames?.root),
-		swipeDirection,
-		toast,
-		style: {
-			...customStyles?.root,
-			...toastData?.style
-		},
-		children: /* @__PURE__ */ jsx(Toast.Content, {
-			className: cx(styles.content, classNames?.content),
-			style: customStyles?.content,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: title ? styles.toastBody : styles.toastBodyCenter,
-				children: [renderIcon(), /* @__PURE__ */ jsxs("div", {
-					className: styles.contentArea,
-					children: [title ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-						className: styles.titleRow,
-						children: [/* @__PURE__ */ jsx(Toast.Title, {
-							className: cx(styles.title, classNames?.title),
-							style: customStyles?.title,
-							children: title
-						}), showCloseButton && /* @__PURE__ */ jsx(Toast.Close, {
-							"aria-label": "Close",
-							className: cx(styles.close, classNames?.close),
-							style: customStyles?.close,
-							children: /* @__PURE__ */ jsx(X, { size: 14 })
-						})]
-					}), description && /* @__PURE__ */ jsx(Toast.Description, {
-						className: cx(styles.description, classNames?.description),
-						style: {
-							marginBlockStart: 4,
-							...customStyles?.description
-						},
-						children: description
-					})] }) : description && /* @__PURE__ */ jsxs("div", {
-						className: styles.titleRow,
-						children: [/* @__PURE__ */ jsx(Toast.Description, {
-							className: standaloneDescriptionClassName,
-							style: customStyles?.description,
-							children: description
-						}), showCloseButton && /* @__PURE__ */ jsx(Toast.Close, {
-							"aria-label": "Close",
-							className: cx(styles.close, classNames?.close),
-							style: customStyles?.close,
-							children: /* @__PURE__ */ jsx(X, { size: 14 })
-						})]
-					}), renderActions()]
-				})]
-			})
-		})
-	});
-});
-ToastItem.displayName = "ToastItem";
-//#endregion
-export { ToastItem as default };
-
-//# sourceMappingURL=Toast.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.mjs","names":["BaseToast"],"sources":["../../../src/base-ui/Toast/Toast.tsx"],"sourcesContent":["'use client';\n\nimport { Toast as BaseToast } from '@base-ui/react/toast';\nimport { cssVar, cx } from 'antd-style';\nimport { AlertTriangle, CheckCircle, Info, Loader2, X, XCircle } from 'lucide-react';\nimport { memo, type ReactNode } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { useToastContext } from './context';\nimport { actionVariants, rootVariants, styles } from './style';\nimport { type ToastOptions, type ToastProps, type ToastType } from './type';\n\nconst typeIcons: Record<ToastType, typeof Info> = {\n  default: Info,\n  error: XCircle,\n  info: Info,\n  loading: Loader2,\n  success: CheckCircle,\n  warning: AlertTriangle,\n};\n\nconst typeColors: Record<ToastType, string> = {\n  default: cssVar.colorText,\n  error: cssVar.colorError,\n  info: cssVar.colorInfo,\n  loading: cssVar.colorPrimary,\n  success: cssVar.colorSuccess,\n  warning: cssVar.colorWarning,\n};\n\nconst ToastItem = memo<ToastProps>(({ toast, classNames, styles: customStyles }) => {\n  const { position, swipeDirection } = useToastContext();\n  const toastData = toast.data as ToastOptions | undefined;\n  const type = toastData?.type ?? 'default';\n  const closable = toastData?.closable ?? true;\n  const hideCloseButton = toastData?.hideCloseButton ?? false;\n  const showCloseButton = closable && !hideCloseButton;\n  const icon = toastData?.icon;\n  const title = toast.title ?? toastData?.title;\n  const description = toast.description ?? toastData?.description;\n  const actionProps = toast.actionProps ?? toastData?.actionProps;\n  const actions = toastData?.actions;\n\n  const iconColor = typeColors[type];\n  const IconComponent = icon ?? typeIcons[type];\n  const isLoading = type === 'loading';\n  const standaloneDescriptionClassName = cx(\n    styles.description,\n    styles.descriptionStandalone,\n    classNames?.description,\n  );\n\n  const renderIcon = (): ReactNode => {\n    if (!IconComponent) return null;\n    return (\n      <div className={cx(styles.icon, classNames?.icon)} style={customStyles?.icon}>\n        <Icon color={iconColor} icon={IconComponent} size={18} spin={isLoading} />\n      </div>\n    );\n  };\n\n  const renderActions = (): ReactNode => {\n    if (actions && actions.length > 0) {\n      return (\n        <div className={cx(styles.actions, classNames?.actions)} style={customStyles?.actions}>\n          {actions.map((action, index) => (\n            <BaseToast.Action\n              key={index}\n              style={customStyles?.action}\n              className={cx(\n                actionVariants({ variant: action.variant ?? 'primary' }),\n                classNames?.action,\n              )}\n              onClick={action.onClick}\n              {...action.props}\n            >\n              {action.label}\n            </BaseToast.Action>\n          ))}\n        </div>\n      );\n    }\n    if (actionProps) {\n      return (\n        <BaseToast.Action\n          className={cx(actionVariants({ variant: 'primary' }), classNames?.action)}\n          style={customStyles?.action}\n          {...actionProps}\n        />\n      );\n    }\n    return null;\n  };\n\n  return (\n    <BaseToast.Root\n      className={cx(rootVariants({ position }), classNames?.root)}\n      swipeDirection={swipeDirection}\n      toast={toast}\n      style={{\n        ...customStyles?.root,\n        ...toastData?.style,\n      }}\n    >\n      <BaseToast.Content\n        className={cx(styles.content, classNames?.content)}\n        style={customStyles?.content}\n      >\n        <div className={title ? styles.toastBody : styles.toastBodyCenter}>\n          {renderIcon()}\n          <div className={styles.contentArea}>\n            {title ? (\n              <>\n                <div className={styles.titleRow}>\n                  <BaseToast.Title\n                    className={cx(styles.title, classNames?.title)}\n                    style={customStyles?.title}\n                  >\n                    {title}\n                  </BaseToast.Title>\n                  {showCloseButton && (\n                    <BaseToast.Close\n                      aria-label=\"Close\"\n                      className={cx(styles.close, classNames?.close)}\n                      style={customStyles?.close}\n                    >\n                      <X size={14} />\n                    </BaseToast.Close>\n                  )}\n                </div>\n                {description && (\n                  <BaseToast.Description\n                    className={cx(styles.description, classNames?.description)}\n                    style={{\n                      marginBlockStart: 4,\n                      ...customStyles?.description,\n                    }}\n                  >\n                    {description}\n                  </BaseToast.Description>\n                )}\n              </>\n            ) : (\n              description && (\n                <div className={styles.titleRow}>\n                  <BaseToast.Description\n                    className={standaloneDescriptionClassName}\n                    style={customStyles?.description}\n                  >\n                    {description}\n                  </BaseToast.Description>\n                  {showCloseButton && (\n                    <BaseToast.Close\n                      aria-label=\"Close\"\n                      className={cx(styles.close, classNames?.close)}\n                      style={customStyles?.close}\n                    >\n                      <X size={14} />\n                    </BaseToast.Close>\n                  )}\n                </div>\n              )\n            )}\n            {renderActions()}\n          </div>\n        </div>\n      </BaseToast.Content>\n    </BaseToast.Root>\n  );\n});\n\nToastItem.displayName = 'ToastItem';\n\nexport default ToastItem;\n"],"mappings":"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"}

package/es/base-ui/Toast/context.mjs

@@ -1,12 +0,0 @@
-"use client";
-import { createContext, useContext } from "react";
-//#region src/base-ui/Toast/context.ts
-const ToastContext = createContext({
-	position: "bottom-right",
-	swipeDirection: ["down", "right"]
-});
-const useToastContext = () => useContext(ToastContext);
-//#endregion
-export { ToastContext, useToastContext };
-
-//# sourceMappingURL=context.mjs.map

package/es/base-ui/Toast/context.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/Toast/context.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nimport type { ToastPosition } from './type';\n\nexport interface ToastContextValue {\n  position: ToastPosition;\n  swipeDirection: ('left' | 'right' | 'up' | 'down') | ('left' | 'right' | 'up' | 'down')[];\n}\n\nexport const ToastContext = createContext<ToastContextValue>({\n  position: 'bottom-right',\n  swipeDirection: ['down', 'right'],\n});\n\nexport const useToastContext = () => useContext(ToastContext);\n"],"mappings":";;;AAWA,MAAa,eAAe,cAAiC;CAC3D,UAAU;CACV,gBAAgB,CAAC,QAAQ,OAAO;AAClC,CAAC;AAED,MAAa,wBAAwB,WAAW,YAAY"}

package/es/base-ui/Toast/dodge.mjs

@@ -1,51 +0,0 @@
-const TOAST_DODGE_DURATION = "608ms";
-const TOAST_DODGE_EASE = "linear(0, 0.08, 0.249, 0.437, 0.607, 0.745, 0.847, 0.917, 0.963, 0.99, 1.004, 1.011, 1.012, 1.011, 1.009, 1.007, 1.005, 1.003, 1.002, 1)";
-const TOAST_SHIFT_X_VAR = "--toast-shift-x";
-const TOAST_SHIFT_Y_VAR = "--toast-shift-y";
-const TOAST_WIDTH_VAR = "--toast-width";
-const PANEL_RESERVE_VAR = "--floating-panel-reserve-block-end";
-const PANEL_ALIGN_INLINE_VAR = "--floating-panel-reserve-inline-end";
-const resolveToastDodge = ({ panelHeight, panelOffsetX, panelOffsetY, panelWidth, viewportHeight, viewportWidth }) => {
-	const shiftX = Math.max(0, panelWidth + panelOffsetX + 12 - 16);
-	const shiftY = Math.max(0, panelHeight + panelOffsetY + 12 - 16);
-	const lane = viewportWidth - shiftX - 32;
-	const headroom = viewportHeight - shiftY - 32;
-	const alignBlock = Math.max(0, 16 - panelOffsetY);
-	const alignInline = Math.max(0, 16 - panelOffsetX);
-	if (lane >= 360) return {
-		alignInline: 0,
-		mode: "left",
-		reserve: alignBlock,
-		shiftX,
-		shiftY: 0,
-		width: 360
-	};
-	if (headroom >= 88) return {
-		alignInline,
-		mode: "up",
-		reserve: 0,
-		shiftX: 0,
-		shiftY,
-		width: 360
-	};
-	if (lane >= 260) return {
-		alignInline: 0,
-		mode: "shrink",
-		reserve: alignBlock,
-		shiftX,
-		shiftY: 0,
-		width: lane
-	};
-	return {
-		alignInline,
-		mode: "reserve",
-		reserve: Math.max(0, 116 - panelOffsetY),
-		shiftX: 0,
-		shiftY: 0,
-		width: 360
-	};
-};
-//#endregion
-export { PANEL_ALIGN_INLINE_VAR, PANEL_RESERVE_VAR, TOAST_DODGE_DURATION, TOAST_DODGE_EASE, TOAST_SHIFT_X_VAR, TOAST_SHIFT_Y_VAR, TOAST_WIDTH_VAR, resolveToastDodge };
-
-//# sourceMappingURL=dodge.mjs.map