@jinmi/ui 0.0.0-stage → 6.0.1

package/es/base-ui/Tooltip/TooltipStandalone.mjs

@@ -0,0 +1,198 @@
+"use client";
+import { useNativeButton } from "../../hooks/useNativeButton.mjs";
+import { getFloatingCollisionPadding } from "../floating/collisionPadding.mjs";
+import { useFloatingLayer } from "../../hooks/useFloatingLayer.mjs";
+import { useIsClient } from "../../hooks/useIsClient.mjs";
+import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
+import { placementMap } from "../../utils/placement.mjs";
+import { TooltipArrowIcon } from "./ArrowIcon.mjs";
+import { styles } from "./style.mjs";
+import TooltipContent from "./TooltipContent.mjs";
+import { cloneElement, isValidElement, memo, useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Tooltip } from "@base-ui/react/tooltip";
+import { mergeRefs } from "react-merge-refs";
+//#region src/base-ui/Tooltip/TooltipStandalone.tsx
+const DEFAULT_OPEN_DELAY = 400;
+const DEFAULT_CLOSE_DELAY = 100;
+/**
+* Tooltip component - displays small contextual hints on hover/focus
+* Compatible with Ant Design Tooltip-like API (subset)
+*/
+const TooltipStandalone = memo(({ children, title, arrow = false, className, classNames, closeDelay, defaultOpen = false, disabled = false, getPopupContainer, hotkey, hotkeyProps, mouseEnterDelay, mouseLeaveDelay, onOpenChange, open, openDelay, placement = "top", popupContainer, styles: styleProps, zIndex, ref: refProp, positionerProps, triggerProps, popupProps, portalProps, standalone: _standalone, ...restProps }) => {
+	const isClient = useIsClient();
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+	const [triggerNode, setTriggerNode] = useState(null);
+	const triggerCallbackRef = useCallback((node) => {
+		if (node) setTriggerNode(node);
+	}, []);
+	const resolvedOpen = disabled ? false : open ?? uncontrolledOpen;
+	const handleOpenChange = useCallback((nextOpen) => {
+		if (disabled && nextOpen) return;
+		onOpenChange?.(nextOpen);
+		if (open === void 0) setUncontrolledOpen(nextOpen);
+	}, [
+		disabled,
+		onOpenChange,
+		open
+	]);
+	const resolvedOpenDelay = useMemo(() => {
+		if (openDelay !== void 0) return openDelay;
+		if (mouseEnterDelay !== void 0) return mouseEnterDelay * 1e3;
+		return DEFAULT_OPEN_DELAY;
+	}, [mouseEnterDelay, openDelay]);
+	const resolvedCloseDelay = useMemo(() => {
+		if (closeDelay !== void 0) return closeDelay;
+		if (mouseLeaveDelay !== void 0) return mouseLeaveDelay * 1e3;
+		return DEFAULT_CLOSE_DELAY;
+	}, [closeDelay, mouseLeaveDelay]);
+	const placementConfig = placementMap[placement] ?? placementMap.top;
+	const baseSideOffset = arrow ? 8 : 6;
+	const appElement = useAppElement();
+	const portalContainer = useFloatingLayer() ?? appElement;
+	const { isNativeButtonTriggerElement } = useNativeButton({ children });
+	const resolvedClassNames = useMemo(() => ({
+		arrow: cx(styles.arrow, classNames?.arrow),
+		popup: cx(styles.popup, className, classNames?.root, classNames?.container),
+		positioner: styles.positioner,
+		viewport: cx(styles.viewport, classNames?.content)
+	}), [
+		className,
+		classNames?.arrow,
+		classNames?.container,
+		classNames?.content,
+		classNames?.root
+	]);
+	const resolvedStyleProps = useMemo(() => {
+		if (typeof styleProps === "function") return void 0;
+		return styleProps;
+	}, [styleProps]);
+	const resolvedStyles = useMemo(() => ({
+		arrow: resolvedStyleProps?.arrow,
+		popup: {
+			...resolvedStyleProps?.root,
+			...resolvedStyleProps?.container
+		},
+		positioner: { zIndex: zIndex ?? 114514 },
+		viewport: resolvedStyleProps?.content
+	}), [resolvedStyleProps, zIndex]);
+	const triggerElement = useMemo(() => {
+		const popupTriggerId = isValidElement(children) && children.props["aria-haspopup"] !== void 0 && children.props.id !== void 0 ? children.props.id : void 0;
+		const baseTriggerProps = {
+			closeDelay: resolvedCloseDelay,
+			delay: resolvedOpenDelay,
+			disabled,
+			...triggerProps,
+			id: popupTriggerId ?? triggerProps?.id
+		};
+		if (isValidElement(children)) return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+			...baseTriggerProps,
+			render: (props) => {
+				const resolvedProps = (() => {
+					if (isNativeButtonTriggerElement) return props;
+					const { type, ref: triggerRef, ...triggerRest } = props;
+					return triggerRest;
+				})();
+				const childProps = children.props;
+				const mergedProps = mergeProps(restProps, childProps, resolvedProps);
+				const shouldPreservePopupTriggerId = childProps["aria-haspopup"] !== void 0 && childProps.id !== void 0;
+				return cloneElement(children, {
+					...mergedProps,
+					id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,
+					ref: mergeRefs([
+						children.ref,
+						props.ref,
+						refProp,
+						triggerCallbackRef
+					])
+				});
+			}
+		});
+		return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+			...baseTriggerProps,
+			ref: mergeRefs([refProp, triggerCallbackRef]),
+			children
+		});
+	}, [
+		children,
+		disabled,
+		isNativeButtonTriggerElement,
+		refProp,
+		resolvedCloseDelay,
+		resolvedOpenDelay,
+		restProps,
+		triggerCallbackRef,
+		triggerProps
+	]);
+	const customContainer = useMemo(() => {
+		if (popupContainer) return popupContainer;
+		if (!getPopupContainer || !isClient || !triggerNode) return void 0;
+		return getPopupContainer(triggerNode);
+	}, [
+		popupContainer,
+		getPopupContainer,
+		isClient,
+		triggerNode
+	]);
+	const popup = useMemo(() => /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		align: placementConfig.align,
+		className: resolvedClassNames.positioner,
+		"data-placement": placement,
+		side: placementConfig.side,
+		sideOffset: baseSideOffset,
+		style: resolvedStyles.positioner,
+		...positionerProps,
+		collisionPadding: positionerProps?.collisionPadding ?? getFloatingCollisionPadding(),
+		children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
+			className: resolvedClassNames.popup,
+			style: resolvedStyles.popup,
+			...popupProps,
+			children: [arrow && /* @__PURE__ */ jsx(Tooltip.Arrow, {
+				className: resolvedClassNames.arrow,
+				style: resolvedStyles.arrow,
+				children: TooltipArrowIcon
+			}), /* @__PURE__ */ jsx(Tooltip.Viewport, {
+				className: resolvedClassNames.viewport,
+				style: resolvedStyles.viewport,
+				children: /* @__PURE__ */ jsx(TooltipContent, {
+					hotkey,
+					hotkeyProps,
+					title
+				})
+			})]
+		})
+	}), [
+		arrow,
+		baseSideOffset,
+		hotkey,
+		hotkeyProps,
+		placement,
+		placementConfig.align,
+		placementConfig.side,
+		popupProps,
+		positionerProps,
+		resolvedClassNames,
+		resolvedStyles,
+		title
+	]);
+	if (title == null && !hotkey) return children;
+	const resolvedPortalContainer = customContainer ?? portalContainer;
+	return /* @__PURE__ */ jsxs(Tooltip.Root, {
+		defaultOpen,
+		disabled,
+		open: resolvedOpen,
+		onOpenChange: handleOpenChange,
+		children: [triggerElement, resolvedPortalContainer ? /* @__PURE__ */ jsx(Tooltip.Portal, {
+			container: resolvedPortalContainer,
+			...portalProps,
+			children: popup
+		}) : null]
+	});
+});
+TooltipStandalone.displayName = "TooltipStandalone";
+//#endregion
+export { TooltipStandalone };
+
+//# sourceMappingURL=TooltipStandalone.mjs.map

package/es/base-ui/Tooltip/TooltipStandalone.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipStandalone.mjs","names":["BaseTooltip"],"sources":["../../../src/base-ui/Tooltip/TooltipStandalone.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { mergeProps } from '@base-ui/react/merge-props';\r\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\r\nimport { cx } from 'antd-style';\r\nimport {\r\n  cloneElement,\r\n  isValidElement,\r\n  memo,\r\n  type Ref,\r\n  useCallback,\r\n  useMemo,\r\n  useState,\r\n} from 'react';\r\nimport { mergeRefs } from 'react-merge-refs';\r\n\r\nimport { getFloatingCollisionPadding } from '@/base-ui/floating';\r\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\r\nimport { useIsClient } from '@/hooks/useIsClient';\r\nimport { useNativeButton } from '@/hooks/useNativeButton';\r\nimport { useAppElement } from '@/ThemeProvider/AppElementContext';\r\nimport { placementMap } from '@/utils/placement';\r\n\r\nimport { TooltipArrowIcon } from './ArrowIcon';\r\nimport { styles } from './style';\r\nimport TooltipContent from './TooltipContent';\r\nimport { type TooltipProps } from './type';\r\n\r\nconst DEFAULT_OPEN_DELAY = 400;\r\nconst DEFAULT_CLOSE_DELAY = 100;\r\n\r\n/**\r\n * Tooltip component - displays small contextual hints on hover/focus\r\n * Compatible with Ant Design Tooltip-like API (subset)\r\n */\r\nexport const TooltipStandalone = memo<TooltipProps>(\r\n  ({\r\n    children,\r\n    title,\r\n    arrow = false,\r\n    className,\r\n    classNames,\r\n    closeDelay,\r\n    defaultOpen = false,\r\n    disabled = false,\r\n    getPopupContainer,\r\n    hotkey,\r\n    hotkeyProps,\r\n    mouseEnterDelay,\r\n    mouseLeaveDelay,\r\n    onOpenChange,\r\n    open,\r\n    openDelay,\r\n    placement = 'top',\r\n    popupContainer,\r\n    styles: styleProps,\r\n    zIndex,\r\n    ref: refProp,\r\n    positionerProps,\r\n    triggerProps,\r\n    popupProps,\r\n    portalProps,\r\n    standalone: _standalone,\r\n    ...restProps\r\n  }) => {\r\n    const isClient = useIsClient();\r\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\r\n    const [triggerNode, setTriggerNode] = useState<HTMLElement | null>(null);\r\n    const triggerCallbackRef = useCallback((node: HTMLElement | null) => {\r\n      if (node) setTriggerNode(node);\r\n    }, []);\r\n\r\n    const mergedOpen = open ?? uncontrolledOpen;\r\n    const resolvedOpen = disabled ? false : mergedOpen;\r\n\r\n    const handleOpenChange = useCallback(\r\n      (nextOpen: boolean) => {\r\n        if (disabled && nextOpen) return;\r\n        onOpenChange?.(nextOpen);\r\n        if (open === undefined) {\r\n          setUncontrolledOpen(nextOpen);\r\n        }\r\n      },\r\n      [disabled, onOpenChange, open],\r\n    );\r\n\r\n    const resolvedOpenDelay = useMemo(() => {\r\n      if (openDelay !== undefined) return openDelay;\r\n      if (mouseEnterDelay !== undefined) return mouseEnterDelay * 1000;\r\n      return DEFAULT_OPEN_DELAY;\r\n    }, [mouseEnterDelay, openDelay]);\r\n\r\n    const resolvedCloseDelay = useMemo(() => {\r\n      if (closeDelay !== undefined) return closeDelay;\r\n      if (mouseLeaveDelay !== undefined) return mouseLeaveDelay * 1000;\r\n      return DEFAULT_CLOSE_DELAY;\r\n    }, [closeDelay, mouseLeaveDelay]);\r\n\r\n    const placementConfig = placementMap[placement] ?? placementMap.top;\r\n    const baseSideOffset = arrow ? 8 : 6;\r\n\r\n    const appElement = useAppElement();\r\n    const floatingLayerContainer = useFloatingLayer();\r\n    const portalContainer = floatingLayerContainer ?? appElement;\r\n\r\n    const { isNativeButtonTriggerElement } = useNativeButton({\r\n      children,\r\n    });\r\n\r\n    const resolvedClassNames = useMemo(\r\n      () => ({\r\n        arrow: cx(styles.arrow, classNames?.arrow),\r\n        popup: cx(styles.popup, className, classNames?.root, classNames?.container),\r\n        positioner: styles.positioner,\r\n        viewport: cx(styles.viewport, classNames?.content),\r\n      }),\r\n      [className, classNames?.arrow, classNames?.container, classNames?.content, classNames?.root],\r\n    );\r\n\r\n    const resolvedStyleProps = useMemo(() => {\r\n      if (typeof styleProps === 'function') return undefined;\r\n      return styleProps;\r\n    }, [styleProps]);\r\n\r\n    const resolvedStyles = useMemo(\r\n      () => ({\r\n        arrow: resolvedStyleProps?.arrow,\r\n        popup: {\r\n          ...resolvedStyleProps?.root,\r\n          ...resolvedStyleProps?.container,\r\n        },\r\n        positioner: {\r\n          zIndex: zIndex ?? 114_514,\r\n        },\r\n        viewport: resolvedStyleProps?.content,\r\n      }),\r\n      [resolvedStyleProps, zIndex],\r\n    );\r\n\r\n    const triggerElement = useMemo(() => {\r\n      const popupTriggerId =\r\n        isValidElement(children) &&\r\n        (children as any).props['aria-haspopup'] !== undefined &&\r\n        (children as any).props.id !== undefined\r\n          ? (children as any).props.id\r\n          : undefined;\r\n\r\n      const baseTriggerProps = {\r\n        closeDelay: resolvedCloseDelay,\r\n        delay: resolvedOpenDelay,\r\n        disabled,\r\n        ...triggerProps,\r\n        id: popupTriggerId ?? triggerProps?.id,\r\n      };\r\n\r\n      if (isValidElement(children)) {\r\n        return (\r\n          <BaseTooltip.Trigger\r\n            {...baseTriggerProps}\r\n            render={(props) => {\r\n              // Base UI's trigger props include `type=\"button\"` by default.\r\n              // If we render into a non-<button> element, that prop is invalid and can warn.\r\n              const resolvedProps = (() => {\r\n                if (isNativeButtonTriggerElement) return props as any;\r\n                // eslint-disable-next-line unused-imports/no-unused-vars\r\n                const { type, ref: triggerRef, ...triggerRest } = props as any;\r\n                return triggerRest;\r\n              })();\r\n\r\n              const childProps = (children as any).props;\r\n              const mergedProps = mergeProps(restProps, childProps, resolvedProps);\r\n              const shouldPreservePopupTriggerId =\r\n                childProps['aria-haspopup'] !== undefined && childProps.id !== undefined;\r\n\r\n              return cloneElement(children as any, {\r\n                ...mergedProps,\r\n                id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,\r\n                ref: mergeRefs([\r\n                  (children as any).ref,\r\n                  (props as any).ref,\r\n                  refProp,\r\n                  triggerCallbackRef,\r\n                ]),\r\n              });\r\n            }}\r\n          />\r\n        );\r\n      }\r\n\r\n      return (\r\n        <BaseTooltip.Trigger\r\n          {...baseTriggerProps}\r\n          ref={mergeRefs([refProp, triggerCallbackRef]) as Ref<HTMLButtonElement>}\r\n        >\r\n          {children}\r\n        </BaseTooltip.Trigger>\r\n      );\r\n    }, [\r\n      children,\r\n      disabled,\r\n      isNativeButtonTriggerElement,\r\n      refProp,\r\n      resolvedCloseDelay,\r\n      resolvedOpenDelay,\r\n      restProps,\r\n      triggerCallbackRef,\r\n      triggerProps,\r\n    ]);\r\n\r\n    const customContainer = useMemo(() => {\r\n      if (popupContainer) return popupContainer;\r\n      if (!getPopupContainer || !isClient || !triggerNode) return undefined;\r\n      return getPopupContainer(triggerNode);\r\n    }, [popupContainer, getPopupContainer, isClient, triggerNode]);\r\n\r\n    const popup = useMemo(\r\n      () => (\r\n        <BaseTooltip.Positioner\r\n          align={placementConfig.align}\r\n          className={resolvedClassNames.positioner}\r\n          data-placement={placement}\r\n          side={placementConfig.side}\r\n          sideOffset={baseSideOffset}\r\n          style={resolvedStyles.positioner}\r\n          {...positionerProps}\r\n          collisionPadding={positionerProps?.collisionPadding ?? getFloatingCollisionPadding()}\r\n        >\r\n          <BaseTooltip.Popup\r\n            className={resolvedClassNames.popup}\r\n            style={resolvedStyles.popup}\r\n            {...popupProps}\r\n          >\r\n            {arrow && (\r\n              <BaseTooltip.Arrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\r\n                {TooltipArrowIcon}\r\n              </BaseTooltip.Arrow>\r\n            )}\r\n            <BaseTooltip.Viewport\r\n              className={resolvedClassNames.viewport}\r\n              style={resolvedStyles.viewport}\r\n            >\r\n              <TooltipContent hotkey={hotkey} hotkeyProps={hotkeyProps} title={title} />\r\n            </BaseTooltip.Viewport>\r\n          </BaseTooltip.Popup>\r\n        </BaseTooltip.Positioner>\r\n      ),\r\n      [\r\n        arrow,\r\n        baseSideOffset,\r\n        hotkey,\r\n        hotkeyProps,\r\n        placement,\r\n        placementConfig.align,\r\n        placementConfig.side,\r\n        popupProps,\r\n        positionerProps,\r\n        resolvedClassNames,\r\n        resolvedStyles,\r\n        title,\r\n      ],\r\n    );\r\n\r\n    if (title == null && !hotkey) {\r\n      return children;\r\n    }\r\n\r\n    const resolvedPortalContainer = customContainer ?? portalContainer;\r\n\r\n    return (\r\n      <BaseTooltip.Root\r\n        defaultOpen={defaultOpen}\r\n        disabled={disabled}\r\n        open={resolvedOpen}\r\n        onOpenChange={handleOpenChange}\r\n      >\r\n        {triggerElement}\r\n        {resolvedPortalContainer ? (\r\n          <BaseTooltip.Portal container={resolvedPortalContainer} {...portalProps}>\r\n            {popup}\r\n          </BaseTooltip.Portal>\r\n        ) : null}\r\n      </BaseTooltip.Root>\r\n    );\r\n  },\r\n);\r\n\r\nTooltipStandalone.displayName = 'TooltipStandalone';\r\n"],"mappings":"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"}

package/es/base-ui/Tooltip/groupContext.mjs

@@ -0,0 +1,9 @@
+"use client";
+import { createContext } from "react";
+//#region src/base-ui/Tooltip/groupContext.ts
+const TooltipGroupHandleContext = createContext(null);
+const TooltipGroupPropsContext = createContext(null);
+//#endregion
+export { TooltipGroupHandleContext, TooltipGroupPropsContext };
+
+//# sourceMappingURL=groupContext.mjs.map

package/es/base-ui/Tooltip/groupContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupContext.mjs","names":[],"sources":["../../../src/base-ui/Tooltip/groupContext.ts"],"sourcesContent":["'use client';\r\n\r\nimport type { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\r\nimport { createContext } from 'react';\r\n\r\nimport type { TooltipProps } from './type';\r\n\r\nexport type TooltipGroupItem = Omit<TooltipProps, 'children' | 'open' | 'defaultOpen' | 'ref'>;\r\n\r\nexport type TooltipGroupSharedProps = Omit<\r\n  TooltipProps,\r\n  'children' | 'defaultOpen' | 'open' | 'ref' | 'title'\r\n> & {\r\n  /**\r\n   * @description Morph the shared popup (position, size, content) when switching triggers\r\n   * @default true\r\n   */\r\n  layoutAnimation?: boolean;\r\n};\r\n\r\nexport type TooltipGroupHandle = ReturnType<typeof BaseTooltip.createHandle<TooltipGroupItem>>;\r\n\r\nexport const TooltipGroupHandleContext = createContext<TooltipGroupHandle | null>(null);\r\nexport const TooltipGroupPropsContext = createContext<TooltipGroupSharedProps | null>(null);\r\n"],"mappings":";;;AAsBA,MAAa,4BAA4B,cAAyC,IAAI;AACtF,MAAa,2BAA2B,cAA8C,IAAI"}

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

@@ -0,0 +1,4 @@
+import { TooltipGroupProps, TooltipPlacement, TooltipPopupComponentProps, TooltipPortalProps, TooltipPositionerProps, TooltipProps, TooltipTriggerComponentProps } from "./type.mjs";
+import { Tooltip } from "./Tooltip.mjs";
+import TooltipGroup from "./TooltipGroup.mjs";
+export { TooltipGroup, type TooltipGroupProps, type TooltipPlacement, type TooltipPopupComponentProps, type TooltipPortalProps, type TooltipPositionerProps, type TooltipProps, type TooltipTriggerComponentProps, Tooltip as default };

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

@@ -0,0 +1,368 @@
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/Tooltip/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	arrow: css`
+    --jinmi-tooltip-arrow-offset-block: 4px;
+    --jinmi-tooltip-arrow-offset-inline: 6px;
+
+    pointer-events: none;
+
+    position: absolute;
+    transform-origin: center;
+
+    display: flex;
+
+    width: 8px;
+    height: 4px;
+
+    transition:
+      inset-inline-start var(--jinmi-tooltip-layout-duration) var(--jinmi-tooltip-layout-ease),
+      inset-block-start var(--jinmi-tooltip-layout-duration) var(--jinmi-tooltip-layout-ease);
+
+    & > svg {
+      display: block;
+      width: 100%;
+      height: 100%;
+      fill: ${cssVar.colorBgElevated};
+    }
+
+    & [data-role='stroke'] {
+      stroke: ${cssVar.colorBorderSecondary};
+    }
+
+    &[data-side='top'] {
+      inset-block-end: calc(var(--jinmi-tooltip-arrow-offset-block) * -1);
+      transform: rotate(180deg);
+    }
+
+    &[data-side='left'] {
+      inset-inline-end: calc(var(--jinmi-tooltip-arrow-offset-inline) * -1);
+      transform: rotate(90deg);
+    }
+
+    &[data-side='right'] {
+      inset-inline-start: calc(var(--jinmi-tooltip-arrow-offset-inline) * -1);
+      transform: rotate(-90deg);
+    }
+
+    &[data-side='bottom'] {
+      inset-block-start: calc(var(--jinmi-tooltip-arrow-offset-block) * -1);
+    }
+  `,
+	popup: css`
+    /* Keep the popup on its own compositor layer for its whole lifetime: when the opacity
+       transition ends the browser otherwise drops the layer and re-rasterizes with pixel
+       snapping — a visible one-frame shift when the measured width is fractional
+       (single-line tooltips). */
+    will-change: transform, opacity;
+    user-select: none;
+
+    position: relative;
+    transform-origin: var(--transform-origin);
+
+    box-sizing: border-box;
+
+    /* The 320px cap lives on the viewport, not here: Base UI measures content with
+       --available-width set to max-content, and min(320px, max-content) is invalid, which
+       recorded unclamped sizes. A percentage cap is out too — it tracks the positioner, which
+       snaps to the new size and would freeze the shrink half of the morph. */
+    max-width: var(--available-width);
+    border-radius: ${cssVar.borderRadiusSM};
+
+    font-size: ${cssVar.fontSizeSM};
+    line-height: 1.2;
+    color: ${cssVar.colorTextLabel};
+
+    background: ${cssVar.colorBgElevated};
+    box-shadow: ${cssVar.boxShadowTertiary}, var(--jinmi-ring);
+
+    /* Opacity gets its own monotonic curve: running it on the overshooting spring makes the
+       fade look finished at ~0.96, pause, then visibly step to 1 at the clamp point — reads
+       as a dropped frame. The spring stays on transform only. */
+    transition-timing-function:
+      var(--jinmi-tooltip-fade-ease), var(--jinmi-tooltip-animation-ease-out);
+    transition-duration:
+      var(--jinmi-tooltip-fade-duration), var(--jinmi-tooltip-animation-duration);
+    transition-property: opacity, transform;
+
+    /* Base UI writes the old size into --popup-width/height on a trigger switch and the new size
+       one frame later; the box only morphs if width/height actually read them. */
+    &[data-layout-animation] {
+      width: var(--popup-width, auto);
+      height: var(--popup-height, auto);
+
+      transition-timing-function:
+        var(--jinmi-tooltip-fade-ease), var(--jinmi-tooltip-animation-ease-out),
+        var(--jinmi-tooltip-layout-ease), var(--jinmi-tooltip-layout-ease);
+      transition-duration:
+        var(--jinmi-tooltip-fade-duration), var(--jinmi-tooltip-animation-duration),
+        var(--jinmi-tooltip-layout-duration), var(--jinmi-tooltip-layout-duration);
+      transition-property: opacity, transform, width, height;
+    }
+
+    &[data-repop] {
+      transition: none;
+    }
+
+    &[data-starting-style],
+    &[data-ending-style] {
+      transform: translate3d(var(--jinmi-tooltip-translate-x), var(--jinmi-tooltip-translate-y), 0)
+        scale(var(--jinmi-tooltip-animation-scale));
+      opacity: 0;
+    }
+
+    &[data-ending-style] {
+      transition-timing-function: var(--jinmi-tooltip-animation-ease-in);
+      transition-duration: var(--jinmi-tooltip-animation-duration-exit);
+    }
+
+    &[data-instant] {
+      transition: none;
+    }
+  `,
+	positioner: css`
+    /* Springs baked as linear(): stiffness 700 / damping 38 (enter) and 380 / 28 (glide),
+       both zeta ~0.72 with ~4% overshoot. Durations are the springs' settle times —
+       change them together with the curves, not independently. */
+    --jinmi-tooltip-animation-duration: 280ms;
+    --jinmi-tooltip-fade-duration: 160ms;
+    --jinmi-tooltip-fade-ease: cubic-bezier(0.33, 1, 0.68, 1);
+    --jinmi-tooltip-animation-duration-exit: 100ms;
+    --jinmi-tooltip-animation-translate: 3px;
+    --jinmi-tooltip-animation-scale: 0.97;
+    --jinmi-tooltip-animation-ease-in: cubic-bezier(0.4, 0, 1, 1);
+    --jinmi-tooltip-animation-ease-out: linear(
+      0,
+      0.041,
+      0.14,
+      0.268,
+      0.407,
+      0.541,
+      0.662,
+      0.765,
+      0.849,
+      0.915,
+      0.964,
+      0.998,
+      1.02,
+      1.032,
+      1.038,
+      1.039,
+      1.036,
+      1.032,
+      1.027,
+      1.022,
+      1.016,
+      1.012,
+      1.008,
+      1.005,
+      1.003
+    );
+    --jinmi-tooltip-layout-duration: 380ms;
+    --jinmi-tooltip-layout-ease: linear(
+      0,
+      0.041,
+      0.14,
+      0.268,
+      0.407,
+      0.541,
+      0.661,
+      0.765,
+      0.849,
+      0.915,
+      0.964,
+      0.998,
+      1.02,
+      1.032,
+      1.038,
+      1.039,
+      1.036,
+      1.032,
+      1.027,
+      1.022,
+      1.016,
+      1.012,
+      1.008,
+      1.005,
+      1.003
+    );
+    --jinmi-tooltip-translate-x: 0;
+    --jinmi-tooltip-translate-y: calc(var(--jinmi-tooltip-animation-translate) * -1);
+
+    will-change: transform, opacity;
+
+    z-index: 114514;
+
+    width: min(var(--positioner-width), 320px, var(--available-width));
+    height: var(--positioner-height);
+
+    transition-timing-function: var(--jinmi-tooltip-animation-ease-out);
+    transition-duration: var(--jinmi-tooltip-animation-duration);
+    transition-property: none;
+
+    &[data-layout-animation] {
+      transition-timing-function: var(--jinmi-tooltip-layout-ease);
+      transition-duration: var(--jinmi-tooltip-layout-duration);
+      transition-property:
+        inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform;
+    }
+
+    &[data-instant],
+    &[data-repop] {
+      transition: none;
+    }
+
+    /* Fallback: never show a tooltip when the anchor is hidden or the positioner falls back to (0,0). */
+    &[data-anchor-hidden],
+    &[data-zero-origin='true'] {
+      pointer-events: none;
+      visibility: hidden;
+    }
+
+    &[data-placement='top'],
+    &[data-placement='topLeft'],
+    &[data-placement='topRight'] {
+      --jinmi-tooltip-translate-x: 0;
+      --jinmi-tooltip-translate-y: var(--jinmi-tooltip-animation-translate);
+    }
+
+    &[data-placement='bottom'],
+    &[data-placement='bottomLeft'],
+    &[data-placement='bottomRight'] {
+      --jinmi-tooltip-translate-x: 0;
+      --jinmi-tooltip-translate-y: calc(var(--jinmi-tooltip-animation-translate) * -1);
+    }
+
+    &[data-placement='left'],
+    &[data-placement='leftTop'],
+    &[data-placement='leftBottom'] {
+      --jinmi-tooltip-translate-x: var(--jinmi-tooltip-animation-translate);
+      --jinmi-tooltip-translate-y: 0;
+    }
+
+    &[data-placement='right'],
+    &[data-placement='rightTop'],
+    &[data-placement='rightBottom'] {
+      --jinmi-tooltip-translate-x: calc(var(--jinmi-tooltip-animation-translate) * -1);
+      --jinmi-tooltip-translate-y: 0;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      --jinmi-tooltip-animation-duration: 0s;
+      --jinmi-tooltip-fade-duration: 0s;
+      --jinmi-tooltip-animation-duration-exit: 0s;
+      --jinmi-tooltip-layout-duration: 0s;
+    }
+  `,
+	viewport: css`
+    --jinmi-tooltip-viewport-inline-padding: 8px;
+    --jinmi-tooltip-content-shift: 8px;
+    --jinmi-tooltip-content-blur: 4px;
+
+    position: relative;
+
+    overflow: clip;
+
+    max-width: calc(320px - 2px);
+    padding-block: 4px;
+    padding-inline: var(--jinmi-tooltip-viewport-inline-padding);
+
+    overflow-wrap: break-word;
+    white-space: normal;
+
+    /* Old and new text overlap in one clip box while the box morphs; blurring both layers during
+       the crossfade turns the misaligned overlap into a soft smear instead of garbled text. */
+    [data-previous],
+    [data-current] {
+      transform: translateX(0);
+
+      display: flex;
+      gap: 6px;
+      align-items: center;
+
+      opacity: 1;
+      filter: blur(0);
+
+      transition:
+        transform var(--jinmi-tooltip-layout-duration) var(--jinmi-tooltip-layout-ease),
+        opacity calc(var(--jinmi-tooltip-layout-duration) / 2) var(--jinmi-tooltip-fade-ease),
+        filter calc(var(--jinmi-tooltip-layout-duration) / 2) var(--jinmi-tooltip-fade-ease);
+    }
+
+    [data-current] {
+      transition-delay:
+        0s, calc(var(--jinmi-tooltip-layout-duration) / 6),
+        calc(var(--jinmi-tooltip-layout-duration) / 6);
+    }
+
+    [data-previous][data-ending-style],
+    [data-current][data-starting-style] {
+      filter: blur(var(--jinmi-tooltip-content-blur));
+    }
+
+    /* Freeze both layers at their own final width so neither re-wraps while the box morphs;
+       the viewport clip reveals the new text as the box grows over it. */
+    [data-previous] {
+      position: absolute;
+      inset-block-start: 4px;
+      inset-inline-start: var(--jinmi-tooltip-viewport-inline-padding);
+      width: calc(var(--popup-width) - var(--jinmi-tooltip-viewport-inline-padding) * 2 - 2px);
+    }
+
+    &[data-transitioning] [data-current] {
+      width: calc(var(--positioner-width) - var(--jinmi-tooltip-viewport-inline-padding) * 2 - 2px);
+    }
+
+    &[data-repop] [data-previous] {
+      display: none;
+    }
+
+    &[data-repop] [data-current] {
+      transition: none;
+    }
+
+    &[data-activation-direction~='right'] [data-previous][data-ending-style] {
+      transform: translateX(calc(var(--jinmi-tooltip-content-shift) * -1));
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='right'] [data-current][data-starting-style] {
+      transform: translateX(var(--jinmi-tooltip-content-shift));
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='left'] [data-previous][data-ending-style] {
+      transform: translateX(var(--jinmi-tooltip-content-shift));
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='left'] [data-current][data-starting-style] {
+      transform: translateX(calc(var(--jinmi-tooltip-content-shift) * -1));
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='down'] [data-previous][data-ending-style] {
+      transform: translateY(calc(var(--jinmi-tooltip-content-shift) * -1));
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='down'] [data-current][data-starting-style] {
+      transform: translateY(var(--jinmi-tooltip-content-shift));
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='up'] [data-previous][data-ending-style] {
+      transform: translateY(var(--jinmi-tooltip-content-shift));
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='up'] [data-current][data-starting-style] {
+      transform: translateY(calc(var(--jinmi-tooltip-content-shift) * -1));
+      opacity: 0;
+    }
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Tooltip/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  arrow: css`\n    --jinmi-tooltip-arrow-offset-block: 4px;\n    --jinmi-tooltip-arrow-offset-inline: 6px;\n\n    pointer-events: none;\n\n    position: absolute;\n    transform-origin: center;\n\n    display: flex;\n\n    width: 8px;\n    height: 4px;\n\n    transition:\n      inset-inline-start var(--jinmi-tooltip-layout-duration) var(--jinmi-tooltip-layout-ease),\n      inset-block-start var(--jinmi-tooltip-layout-duration) var(--jinmi-tooltip-layout-ease);\n\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: ${cssVar.colorBgElevated};\n    }\n\n    & [data-role='stroke'] {\n      stroke: ${cssVar.colorBorderSecondary};\n    }\n\n    &[data-side='top'] {\n      inset-block-end: calc(var(--jinmi-tooltip-arrow-offset-block) * -1);\n      transform: rotate(180deg);\n    }\n\n    &[data-side='left'] {\n      inset-inline-end: calc(var(--jinmi-tooltip-arrow-offset-inline) * -1);\n      transform: rotate(90deg);\n    }\n\n    &[data-side='right'] {\n      inset-inline-start: calc(var(--jinmi-tooltip-arrow-offset-inline) * -1);\n      transform: rotate(-90deg);\n    }\n\n    &[data-side='bottom'] {\n      inset-block-start: calc(var(--jinmi-tooltip-arrow-offset-block) * -1);\n    }\n  `,\n\n  popup: css`\n    /* Keep the popup on its own compositor layer for its whole lifetime: when the opacity\n       transition ends the browser otherwise drops the layer and re-rasterizes with pixel\n       snapping — a visible one-frame shift when the measured width is fractional\n       (single-line tooltips). */\n    will-change: transform, opacity;\n    user-select: none;\n\n    position: relative;\n    transform-origin: var(--transform-origin);\n\n    box-sizing: border-box;\n\n    /* The 320px cap lives on the viewport, not here: Base UI measures content with\n       --available-width set to max-content, and min(320px, max-content) is invalid, which\n       recorded unclamped sizes. A percentage cap is out too — it tracks the positioner, which\n       snaps to the new size and would freeze the shrink half of the morph. */\n    max-width: var(--available-width);\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: ${cssVar.fontSizeSM};\n    line-height: 1.2;\n    color: ${cssVar.colorTextLabel};\n\n    background: ${cssVar.colorBgElevated};\n    box-shadow: ${cssVar.boxShadowTertiary}, var(--jinmi-ring);\n\n    /* Opacity gets its own monotonic curve: running it on the overshooting spring makes the\n       fade look finished at ~0.96, pause, then visibly step to 1 at the clamp point — reads\n       as a dropped frame. The spring stays on transform only. */\n    transition-timing-function:\n      var(--jinmi-tooltip-fade-ease), var(--jinmi-tooltip-animation-ease-out);\n    transition-duration:\n      var(--jinmi-tooltip-fade-duration), var(--jinmi-tooltip-animation-duration);\n    transition-property: opacity, transform;\n\n    /* Base UI writes the old size into --popup-width/height on a trigger switch and the new size\n       one frame later; the box only morphs if width/height actually read them. */\n    &[data-layout-animation] {\n      width: var(--popup-width, auto);\n      height: var(--popup-height, auto);\n\n      transition-timing-function:\n        var(--jinmi-tooltip-fade-ease), var(--jinmi-tooltip-animation-ease-out),\n        var(--jinmi-tooltip-layout-ease), var(--jinmi-tooltip-layout-ease);\n      transition-duration:\n        var(--jinmi-tooltip-fade-duration), var(--jinmi-tooltip-animation-duration),\n        var(--jinmi-tooltip-layout-duration), var(--jinmi-tooltip-layout-duration);\n      transition-property: opacity, transform, width, height;\n    }\n\n    &[data-repop] {\n      transition: none;\n    }\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translate3d(var(--jinmi-tooltip-translate-x), var(--jinmi-tooltip-translate-y), 0)\n        scale(var(--jinmi-tooltip-animation-scale));\n      opacity: 0;\n    }\n\n    &[data-ending-style] {\n      transition-timing-function: var(--jinmi-tooltip-animation-ease-in);\n      transition-duration: var(--jinmi-tooltip-animation-duration-exit);\n    }\n\n    &[data-instant] {\n      transition: none;\n    }\n  `,\n\n  positioner: css`\n    /* Springs baked as linear(): stiffness 700 / damping 38 (enter) and 380 / 28 (glide),\n       both zeta ~0.72 with ~4% overshoot. Durations are the springs' settle times —\n       change them together with the curves, not independently. */\n    --jinmi-tooltip-animation-duration: 280ms;\n    --jinmi-tooltip-fade-duration: 160ms;\n    --jinmi-tooltip-fade-ease: cubic-bezier(0.33, 1, 0.68, 1);\n    --jinmi-tooltip-animation-duration-exit: 100ms;\n    --jinmi-tooltip-animation-translate: 3px;\n    --jinmi-tooltip-animation-scale: 0.97;\n    --jinmi-tooltip-animation-ease-in: cubic-bezier(0.4, 0, 1, 1);\n    --jinmi-tooltip-animation-ease-out: linear(\n      0,\n      0.041,\n      0.14,\n      0.268,\n      0.407,\n      0.541,\n      0.662,\n      0.765,\n      0.849,\n      0.915,\n      0.964,\n      0.998,\n      1.02,\n      1.032,\n      1.038,\n      1.039,\n      1.036,\n      1.032,\n      1.027,\n      1.022,\n      1.016,\n      1.012,\n      1.008,\n      1.005,\n      1.003\n    );\n    --jinmi-tooltip-layout-duration: 380ms;\n    --jinmi-tooltip-layout-ease: linear(\n      0,\n      0.041,\n      0.14,\n      0.268,\n      0.407,\n      0.541,\n      0.661,\n      0.765,\n      0.849,\n      0.915,\n      0.964,\n      0.998,\n      1.02,\n      1.032,\n      1.038,\n      1.039,\n      1.036,\n      1.032,\n      1.027,\n      1.022,\n      1.016,\n      1.012,\n      1.008,\n      1.005,\n      1.003\n    );\n    --jinmi-tooltip-translate-x: 0;\n    --jinmi-tooltip-translate-y: calc(var(--jinmi-tooltip-animation-translate) * -1);\n\n    will-change: transform, opacity;\n\n    z-index: 114514;\n\n    width: min(var(--positioner-width), 320px, var(--available-width));\n    height: var(--positioner-height);\n\n    transition-timing-function: var(--jinmi-tooltip-animation-ease-out);\n    transition-duration: var(--jinmi-tooltip-animation-duration);\n    transition-property: none;\n\n    &[data-layout-animation] {\n      transition-timing-function: var(--jinmi-tooltip-layout-ease);\n      transition-duration: var(--jinmi-tooltip-layout-duration);\n      transition-property:\n        inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform;\n    }\n\n    &[data-instant],\n    &[data-repop] {\n      transition: none;\n    }\n\n    /* Fallback: never show a tooltip when the anchor is hidden or the positioner falls back to (0,0). */\n    &[data-anchor-hidden],\n    &[data-zero-origin='true'] {\n      pointer-events: none;\n      visibility: hidden;\n    }\n\n    &[data-placement='top'],\n    &[data-placement='topLeft'],\n    &[data-placement='topRight'] {\n      --jinmi-tooltip-translate-x: 0;\n      --jinmi-tooltip-translate-y: var(--jinmi-tooltip-animation-translate);\n    }\n\n    &[data-placement='bottom'],\n    &[data-placement='bottomLeft'],\n    &[data-placement='bottomRight'] {\n      --jinmi-tooltip-translate-x: 0;\n      --jinmi-tooltip-translate-y: calc(var(--jinmi-tooltip-animation-translate) * -1);\n    }\n\n    &[data-placement='left'],\n    &[data-placement='leftTop'],\n    &[data-placement='leftBottom'] {\n      --jinmi-tooltip-translate-x: var(--jinmi-tooltip-animation-translate);\n      --jinmi-tooltip-translate-y: 0;\n    }\n\n    &[data-placement='right'],\n    &[data-placement='rightTop'],\n    &[data-placement='rightBottom'] {\n      --jinmi-tooltip-translate-x: calc(var(--jinmi-tooltip-animation-translate) * -1);\n      --jinmi-tooltip-translate-y: 0;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      --jinmi-tooltip-animation-duration: 0s;\n      --jinmi-tooltip-fade-duration: 0s;\n      --jinmi-tooltip-animation-duration-exit: 0s;\n      --jinmi-tooltip-layout-duration: 0s;\n    }\n  `,\n\n  viewport: css`\n    --jinmi-tooltip-viewport-inline-padding: 8px;\n    --jinmi-tooltip-content-shift: 8px;\n    --jinmi-tooltip-content-blur: 4px;\n\n    position: relative;\n\n    overflow: clip;\n\n    max-width: calc(320px - 2px);\n    padding-block: 4px;\n    padding-inline: var(--jinmi-tooltip-viewport-inline-padding);\n\n    overflow-wrap: break-word;\n    white-space: normal;\n\n    /* Old and new text overlap in one clip box while the box morphs; blurring both layers during\n       the crossfade turns the misaligned overlap into a soft smear instead of garbled text. */\n    [data-previous],\n    [data-current] {\n      transform: translateX(0);\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      opacity: 1;\n      filter: blur(0);\n\n      transition:\n        transform var(--jinmi-tooltip-layout-duration) var(--jinmi-tooltip-layout-ease),\n        opacity calc(var(--jinmi-tooltip-layout-duration) / 2) var(--jinmi-tooltip-fade-ease),\n        filter calc(var(--jinmi-tooltip-layout-duration) / 2) var(--jinmi-tooltip-fade-ease);\n    }\n\n    [data-current] {\n      transition-delay:\n        0s, calc(var(--jinmi-tooltip-layout-duration) / 6),\n        calc(var(--jinmi-tooltip-layout-duration) / 6);\n    }\n\n    [data-previous][data-ending-style],\n    [data-current][data-starting-style] {\n      filter: blur(var(--jinmi-tooltip-content-blur));\n    }\n\n    /* Freeze both layers at their own final width so neither re-wraps while the box morphs;\n       the viewport clip reveals the new text as the box grows over it. */\n    [data-previous] {\n      position: absolute;\n      inset-block-start: 4px;\n      inset-inline-start: var(--jinmi-tooltip-viewport-inline-padding);\n      width: calc(var(--popup-width) - var(--jinmi-tooltip-viewport-inline-padding) * 2 - 2px);\n    }\n\n    &[data-transitioning] [data-current] {\n      width: calc(var(--positioner-width) - var(--jinmi-tooltip-viewport-inline-padding) * 2 - 2px);\n    }\n\n    &[data-repop] [data-previous] {\n      display: none;\n    }\n\n    &[data-repop] [data-current] {\n      transition: none;\n    }\n\n    &[data-activation-direction~='right'] [data-previous][data-ending-style] {\n      transform: translateX(calc(var(--jinmi-tooltip-content-shift) * -1));\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='right'] [data-current][data-starting-style] {\n      transform: translateX(var(--jinmi-tooltip-content-shift));\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='left'] [data-previous][data-ending-style] {\n      transform: translateX(var(--jinmi-tooltip-content-shift));\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='left'] [data-current][data-starting-style] {\n      transform: translateX(calc(var(--jinmi-tooltip-content-shift) * -1));\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='down'] [data-previous][data-ending-style] {\n      transform: translateY(calc(var(--jinmi-tooltip-content-shift) * -1));\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='down'] [data-current][data-starting-style] {\n      transform: translateY(var(--jinmi-tooltip-content-shift));\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='up'] [data-previous][data-ending-style] {\n      transform: translateY(var(--jinmi-tooltip-content-shift));\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='up'] [data-current][data-starting-style] {\n      transform: translateY(calc(var(--jinmi-tooltip-content-shift) * -1));\n      opacity: 0;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;cAsBE,OAAO,gBAAgB;;;;gBAIrB,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;CAuB1C,OAAO,GAAG;;;;;;;;;;;;;;;;;;qBAkBS,OAAO,eAAe;;iBAE1B,OAAO,WAAW;;aAEtB,OAAO,eAAe;;kBAEjB,OAAO,gBAAgB;kBACvB,OAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CzC,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIf,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Gf,EAAE"}