@jinmi/ui 0.0.0-stage → 6.0.1

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

@@ -0,0 +1,88 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","names":[],"sources":["../../../src/base-ui/Text/Text.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type CSSProperties, memo, type ReactNode, type RefObject, useRef } from 'react';\r\n\r\nimport Tooltip from '@/base-ui/Tooltip';\r\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\r\n\r\nimport { variants } from './style';\r\nimport { type TextBaseProps, type TextProps } from './type';\r\n\r\ntype InternalTextProps = TextBaseProps & {\r\n  shiny?: boolean;\r\n  shinyDuration?: CSSProperties['animationDuration'];\r\n};\r\n\r\nconst InternalText = memo<InternalTextProps>(\r\n  ({\r\n    align,\r\n    as: Container = 'div',\r\n    children,\r\n    className,\r\n    classNames,\r\n    code,\r\n    color,\r\n    delete: deleteStyle,\r\n    disabled,\r\n    ellipsis,\r\n    fontSize,\r\n    italic,\r\n    lineClamp,\r\n    lineHeight,\r\n    mark,\r\n    noWrap,\r\n    ref,\r\n    shiny,\r\n    shinyDuration,\r\n    strong,\r\n    style,\r\n    styles: customStyles,\r\n    textDecoration,\r\n    textTransform,\r\n    type,\r\n    underline,\r\n    weight,\r\n    whiteSpace,\r\n    wordBreak,\r\n    ...rest\r\n  }) => {\r\n    const innerRef = useRef<HTMLElement>(null);\r\n    const isOverflow = useTextOverflow(innerRef, ellipsis, children);\r\n\r\n    const isMultiEllipsis = typeof ellipsis === 'object' && !!ellipsis.rows && ellipsis.rows > 1;\r\n    const tooltipWhenOverflow = typeof ellipsis === 'object' && ellipsis.tooltipWhenOverflow;\r\n\r\n    const setNodeRef = (node: HTMLElement | null) => {\r\n      innerRef.current = node;\r\n      if (typeof ref === 'function') ref(node as HTMLDivElement);\r\n      else if (ref) (ref as RefObject<HTMLDivElement | null>).current = node as HTMLDivElement;\r\n    };\r\n\r\n    const textStyle: CSSProperties = {\r\n      ...(color && { color }),\r\n      ...(weight && { fontWeight: weight }),\r\n      ...(lineHeight && { lineHeight }),\r\n      ...(textTransform && { textTransform }),\r\n      ...(textDecoration && { textDecoration }),\r\n      ...(wordBreak && { wordBreak }),\r\n      ...(typeof ellipsis === 'object' &&\r\n        ellipsis.rows && {\r\n          WebkitLineClamp: ellipsis.rows,\r\n        }),\r\n      ...(!ellipsis &&\r\n        !!lineClamp && {\r\n          WebkitBoxOrient: 'vertical',\r\n          WebkitLineClamp: lineClamp,\r\n          display: '-webkit-box',\r\n          overflow: 'hidden',\r\n          textOverflow: 'ellipsis',\r\n        }),\r\n      ...(shiny && shinyDuration && { '--shiny-duration': shinyDuration }),\r\n      ...(fontSize && { fontSize }),\r\n      ...(align && { textAlign: align }),\r\n      ...(!isMultiEllipsis && noWrap && { whiteSpace: 'nowrap' as const }),\r\n      ...(whiteSpace && { whiteSpace }),\r\n      ...style,\r\n      ...customStyles?.root,\r\n    };\r\n\r\n    const content = (\r\n      <Container\r\n        {...rest}\r\n        ref={setNodeRef}\r\n        style={textStyle}\r\n        className={cx(\r\n          variants({\r\n            as: ['h1', 'h2', 'h3', 'h4', 'h5', 'p'].includes(Container as string)\r\n              ? (Container as 'h1')\r\n              : undefined,\r\n            code,\r\n            delete: deleteStyle,\r\n            disabled,\r\n            ellipsis: ellipsis\r\n              ? typeof ellipsis === 'object' && ellipsis.rows\r\n                ? 'multi'\r\n                : true\r\n              : undefined,\r\n            italic,\r\n            mark,\r\n            shiny,\r\n            strong,\r\n            type,\r\n            underline,\r\n          }),\r\n          className,\r\n          classNames?.root,\r\n        )}\r\n      >\r\n        {children}\r\n      </Container>\r\n    );\r\n\r\n    if (\r\n      ellipsis &&\r\n      typeof ellipsis === 'object' &&\r\n      (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)\r\n    ) {\r\n      if (tooltipWhenOverflow && !isOverflow) return content;\r\n\r\n      const title = typeof ellipsis.tooltip === 'string' ? ellipsis.tooltip : children;\r\n      if (ellipsis.tooltip && typeof ellipsis.tooltip === 'object')\r\n        return (\r\n          <Tooltip {...ellipsis.tooltip} title={ellipsis.tooltip?.title || title}>\r\n            {content}\r\n          </Tooltip>\r\n        );\r\n      return <Tooltip title={title}>{content}</Tooltip>;\r\n    }\r\n\r\n    return content;\r\n  },\r\n);\r\n\r\nInternalText.displayName = 'Text';\r\n\r\nexport interface IText {\r\n  <Shiny extends boolean = boolean>(props: TextProps<Shiny>): ReactNode;\r\n}\r\n\r\nconst Text = InternalText as unknown as IText;\r\n\r\nexport default Text;\r\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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,50 @@
+//#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

@@ -0,0 +1,217 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Text/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nconst shine = keyframes`\r\n  0% {\r\n    background-position: 100%;\r\n  }\r\n\r\n  100% {\r\n    background-position: -100%;\r\n  }\r\n`;\r\n\r\nconst sweep = keyframes`\r\n  0% {\r\n    translate: -100% 0;\r\n  }\r\n\r\n  100% {\r\n    translate: 100% 0;\r\n  }\r\n`;\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  code: css`\r\n    font-family: ${cssVar.fontFamilyCode};\r\n  `,\r\n  danger: css`\r\n    color: ${cssVar.colorError};\r\n  `,\r\n  delete: css`\r\n    text-decoration: line-through;\r\n  `,\r\n  disabled: css`\r\n    cursor: not-allowed;\r\n    color: ${cssVar.colorTextDisabled};\r\n  `,\r\n  ellipsis: css`\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  `,\r\n  ellipsisMulti: css`\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-box-orient: vertical;\r\n    text-overflow: ellipsis;\r\n  `,\r\n  h1: css`\r\n    font-size: calc(${cssVar.fontSize} * 2.5);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h2: css`\r\n    font-size: calc(${cssVar.fontSize} * 2);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h3: css`\r\n    font-size: calc(${cssVar.fontSize} * 1.5);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h4: css`\r\n    font-size: calc(${cssVar.fontSize} * 1.25);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h5: css`\r\n    font-size: ${cssVar.fontSize};\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n  info: css`\r\n    color: ${cssVar.colorInfo};\r\n  `,\r\n\r\n  italic: css`\r\n    font-style: italic;\r\n  `,\r\n\r\n  mark: css`\r\n    color: #000;\r\n    background-color: ${cssVar.yellow};\r\n  `,\r\n\r\n  p: css`\r\n    margin-block: 0;\r\n  `,\r\n\r\n  secondary: css`\r\n    color: ${cssVar.colorTextDescription};\r\n  `,\r\n\r\n  shiny: css`\r\n    --shiny-duration: 1.5s;\r\n\r\n    /* The sweep peaks at this color. Override it to match the static text the\r\n     * shimmering label sits next to. currentColor cannot serve here: the\r\n     * dimmed color declared below would feed back into the sweep overlay. */\r\n    --shiny-color: ${cssVar.colorText};\r\n\r\n    user-select: none;\r\n\r\n    color: color-mix(in srgb, var(--shiny-color) 28%, transparent);\r\n\r\n    background: linear-gradient(120deg, transparent 25%, var(--shiny-color) 50%, transparent 75%);\r\n    background-clip: text;\r\n    background-size: 200% 100%;\r\n\r\n    animation: ${shine} var(--shiny-duration) linear infinite;\r\n\r\n    /* Animating background-position repaints every glyph each frame. Where\r\n     * mask-clip: text is supported, clip a transform-animated overlay to the\r\n     * glyphs instead so the sweep stays on the compositor. The mask clips every\r\n     * descendant too, so rows that also render icons or chips keep the\r\n     * background-clip path — masking would erase that non-text paint. */\r\n    @supports (-webkit-mask-clip: text) {\r\n      &:not(:has(*)) {\r\n        position: var(--shiny-origin, relative);\r\n\r\n        background: none;\r\n\r\n        animation: none;\r\n\r\n        /* stylelint-disable-next-line declaration-property-value-no-unknown */\r\n        mask-clip: text;\r\n        mask-image: linear-gradient(#fff, #fff);\r\n\r\n        &::after {\r\n          pointer-events: none;\r\n          will-change: transform;\r\n          content: '';\r\n\r\n          position: absolute;\r\n          inset: 0;\r\n\r\n          background: linear-gradient(\r\n            90deg,\r\n            transparent 25%,\r\n            var(--shiny-color) 50%,\r\n            transparent 75%\r\n          );\r\n\r\n          animation: ${sweep} var(--shiny-duration) linear infinite;\r\n        }\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      animation: none;\r\n\r\n      &::after {\r\n        display: none;\r\n      }\r\n    }\r\n  `,\r\n\r\n  strong: css`\r\n    font-weight: bold;\r\n  `,\r\n  success: css`\r\n    color: ${cssVar.colorSuccess};\r\n  `,\r\n  text: css`\r\n    color: ${cssVar.colorText};\r\n  `,\r\n  underline: css`\r\n    text-decoration: underline;\r\n  `,\r\n  warning: css`\r\n    color: ${cssVar.colorWarning};\r\n  `,\r\n}));\r\n\r\n/**\r\n * Coordinate layer for a row that shimmers several separate text spans. Each\r\n * span's sweep overlay resolves against the nearest positioned ancestor, so\r\n * dropping `position` on the spans and holding it here gives every span the\r\n * same row-wide overlay — one continuous wave instead of one sweep per span.\r\n */\r\nexport const groupStyles = createStaticStyles(({ css }) => ({\r\n  shinyGroup: css`\r\n    @supports (-webkit-mask-clip: text) {\r\n      & {\r\n        --shiny-origin: static;\r\n\r\n        position: relative;\r\n      }\r\n    }\r\n  `,\r\n}));\r\n\r\nexport const variants = cva(styles.text, {\r\n  defaultVariants: {},\r\n  variants: {\r\n    as: {\r\n      h1: styles.h1,\r\n      h2: styles.h2,\r\n      h3: styles.h3,\r\n      h4: styles.h4,\r\n      h5: styles.h5,\r\n      p: styles.p,\r\n    },\r\n    code: {\r\n      true: styles.code,\r\n    },\r\n    delete: {\r\n      true: styles.delete,\r\n    },\r\n    disabled: {\r\n      true: styles.disabled,\r\n    },\r\n    ellipsis: {\r\n      multi: styles.ellipsisMulti,\r\n      true: styles.ellipsis,\r\n    },\r\n    italic: {\r\n      true: styles.italic,\r\n    },\r\n    mark: {\r\n      true: styles.mark,\r\n    },\r\n    shiny: {\r\n      true: styles.shiny,\r\n    },\r\n    strong: {\r\n      true: styles.strong,\r\n    },\r\n    type: {\r\n      danger: styles.danger,\r\n      info: styles.info,\r\n      secondary: styles.secondary,\r\n      success: styles.success,\r\n      warning: styles.warning,\r\n    },\r\n    underline: {\r\n      true: styles.underline,\r\n    },\r\n  },\r\n});\r\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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,131 @@
+"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

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

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

@@ -0,0 +1,12 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/Toast/context.ts"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, useContext } from 'react';\r\n\r\nimport type { ToastPosition } from './type';\r\n\r\nexport interface ToastContextValue {\r\n  position: ToastPosition;\r\n  swipeDirection: ('left' | 'right' | 'up' | 'down') | ('left' | 'right' | 'up' | 'down')[];\r\n}\r\n\r\nexport const ToastContext = createContext<ToastContextValue>({\r\n  position: 'bottom-right',\r\n  swipeDirection: ['down', 'right'],\r\n});\r\n\r\nexport const useToastContext = () => useContext(ToastContext);\r\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

@@ -0,0 +1,51 @@
+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