@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/TextLink/index.js

@@ -1,4 +1,5 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
@@ -31,20 +32,71 @@ var textLinkVariants = cva("ald-text-link tw-inline-flex tw-cursor-pointer tw-it
 	}
 });
 var TextLink = React.forwardRef((props, ref) => {
-	const { size: propsSize, type = "primary", underline, disabled, icon: propsIcon = null, children, className, ...restProps } = props;
+	const $ = c(21);
+	let children;
+	let className;
+	let disabled;
+	let propsSize;
+	let restProps;
+	let t0;
+	let t1;
+	let underline;
+	if ($[0] !== props) {
+		({size: propsSize, type: t0, underline, disabled, icon: t1, children, className, ...restProps} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = className;
+		$[3] = disabled;
+		$[4] = propsSize;
+		$[5] = restProps;
+		$[6] = t0;
+		$[7] = t1;
+		$[8] = underline;
+	} else {
+		children = $[1];
+		className = $[2];
+		disabled = $[3];
+		propsSize = $[4];
+		restProps = $[5];
+		t0 = $[6];
+		t1 = $[7];
+		underline = $[8];
+	}
+	const type = t0 === void 0 ? "primary" : t0;
+	const propsIcon = t1 === void 0 ? null : t1;
 	const size = propsSize || "middle";
 	const icon = underline ? null : propsIcon;
-	return /* @__PURE__ */ jsxs("span", {
-		ref,
-		className: cn(textLinkVariants({
+	let t2;
+	if ($[9] !== className || $[10] !== disabled || $[11] !== size || $[12] !== type || $[13] !== underline) {
+		t2 = cn(textLinkVariants({
 			size,
 			type,
 			disabled: !!disabled,
 			underline: !!underline
-		}), className),
-		...restProps,
-		children: [icon, children]
-	});
+		}), className);
+		$[9] = className;
+		$[10] = disabled;
+		$[11] = size;
+		$[12] = type;
+		$[13] = underline;
+		$[14] = t2;
+	} else t2 = $[14];
+	let t3;
+	if ($[15] !== children || $[16] !== icon || $[17] !== ref || $[18] !== restProps || $[19] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("span", {
+			ref,
+			className: t2,
+			...restProps,
+			children: [icon, children]
+		});
+		$[15] = children;
+		$[16] = icon;
+		$[17] = ref;
+		$[18] = restProps;
+		$[19] = t2;
+		$[20] = t3;
+	} else t3 = $[20];
+	return t3;
 });
 TextLink.displayName = "TextLink";
 //#endregion

package/dist/TextLink/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/TextLink/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React from 'react';\nimport { SizeType } from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\n\ntype TextLinkType = 'primary' | 'secondary';\ninterface TextLinkProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'type'> {\n  className?: string;\n  /**\n   * @description 类型\n   * @type 'primary' | 'secondary'\n   * @default primary\n   */\n  type?: TextLinkType;\n  /**\n   * @description 显示下划线\n   * @type  boolean\n   * @default false\n   */\n  underline?: boolean;\n  /**\n   * @description 尺寸\n   * @type 'small' | 'middle' | 'large'| undefined\n   * @default large\n   */\n  size?: SizeType;\n  /**\n   * @description 是否禁用\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * @description 设置按钮的图标组件\n   */\n  icon?: React.ReactNode;\n  /**\n   * @description 链接地址\n   */\n  href?: string;\n  /**\n   * @description 链接打开方式\n   */\n  target?: string;\n}\n\nconst textLinkVariants = cva(\n  'ald-text-link tw-inline-flex tw-cursor-pointer tw-items-center tw-gap-1',\n  {\n    variants: {\n      size: {\n        small: 'ald-text-link-small tw-text-xs tw-leading-4',\n        middle: 'ald-text-link-middle tw-text-sm tw-leading-5',\n        large: 'ald-text-link-large tw-text-base tw-leading-6',\n      },\n      type: {\n        primary:\n          'ald-text-link-primary tw-text-[var(--action-primary-normal)] hover:tw-text-[var(--action-primary-hover)]',\n        secondary:\n          'ald-text-link-secondary tw-text-[var(--content-primary)] hover:tw-text-[var(--content-brand-primary)]',\n      },\n      disabled: {\n        true: 'ald-text-link-disabled tw-pointer-events-none tw-cursor-default tw-opacity-50',\n        false: '',\n      },\n      underline: {\n        true: 'ald-text-link-show-underline tw-font-normal hover:tw-underline active:tw-underline',\n        false: 'tw-font-medium',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n      type: 'primary',\n      disabled: false,\n      underline: false,\n    },\n  },\n);\n\nconst TextLink = React.forwardRef<HTMLSpanElement, TextLinkProps>(\n  (props, ref) => {\n    const {\n      size: propsSize,\n      type = 'primary',\n      underline,\n      disabled,\n      icon: propsIcon = null,\n      children,\n      className,\n      ...restProps\n    } = props;\n    const size = propsSize || 'middle';\n    const icon = underline ? null : propsIcon;\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          textLinkVariants({\n            size,\n            type,\n            disabled: !!disabled,\n            underline: !!underline,\n          }),\n          className,\n        )}\n        {...restProps}\n      >\n        {icon}\n        {children}\n      </span>\n    );\n  },\n);\n\nTextLink.displayName = 'TextLink';\n\nexport default TextLink;\n"],"mappings":";;;;;AA8CA,IAAM,mBAAmB,IACvB,2EACA;CACE,UAAU;EACR,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;GACR;EACD,MAAM;GACJ,SACE;GACF,WACE;GACH;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACD,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,MAAM;EACN,MAAM;EACN,UAAU;EACV,WAAW;EACZ;CACF,CACF;AAED,IAAM,WAAW,MAAM,YACpB,OAAO,QAAQ;CACd,MAAM,EACJ,MAAM,WACN,OAAO,WACP,WACA,UACA,MAAM,YAAY,MAClB,UACA,WACA,GAAG,cACD;CACJ,MAAM,OAAO,aAAa;CAC1B,MAAM,OAAO,YAAY,OAAO;AAChC,QACE,qBAAC,QAAD;EACO;EACL,WAAW,GACT,iBAAiB;GACf;GACA;GACA,UAAU,CAAC,CAAC;GACZ,WAAW,CAAC,CAAC;GACd,CAAC,EACF,UACD;EACD,GAAI;YAXN,CAaG,MACA,SACI;;EAGZ;AAED,SAAS,cAAc"}
+{"version":3,"file":"index.js","names":["cva","React","SizeType","cn","TextLinkType","TextLinkProps","Omit","HTMLAttributes","HTMLSpanElement","className","type","underline","size","disabled","icon","ReactNode","href","target","textLinkVariants","variants","small","middle","large","primary","secondary","true","false","defaultVariants","TextLink","forwardRef","props","ref","$","_c","children","propsSize","restProps","t0","t1","undefined","propsIcon","t2","t3","displayName"],"sources":["../../src/TextLink/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React from 'react';\nimport { SizeType } from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\n\ntype TextLinkType = 'primary' | 'secondary';\ninterface TextLinkProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'type'> {\n  className?: string;\n  /**\n   * @description 类型\n   * @type 'primary' | 'secondary'\n   * @default primary\n   */\n  type?: TextLinkType;\n  /**\n   * @description 显示下划线\n   * @type  boolean\n   * @default false\n   */\n  underline?: boolean;\n  /**\n   * @description 尺寸\n   * @type 'small' | 'middle' | 'large'| undefined\n   * @default large\n   */\n  size?: SizeType;\n  /**\n   * @description 是否禁用\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * @description 设置按钮的图标组件\n   */\n  icon?: React.ReactNode;\n  /**\n   * @description 链接地址\n   */\n  href?: string;\n  /**\n   * @description 链接打开方式\n   */\n  target?: string;\n}\n\nconst textLinkVariants = cva(\n  'ald-text-link tw-inline-flex tw-cursor-pointer tw-items-center tw-gap-1',\n  {\n    variants: {\n      size: {\n        small: 'ald-text-link-small tw-text-xs tw-leading-4',\n        middle: 'ald-text-link-middle tw-text-sm tw-leading-5',\n        large: 'ald-text-link-large tw-text-base tw-leading-6',\n      },\n      type: {\n        primary:\n          'ald-text-link-primary tw-text-[var(--action-primary-normal)] hover:tw-text-[var(--action-primary-hover)]',\n        secondary:\n          'ald-text-link-secondary tw-text-[var(--content-primary)] hover:tw-text-[var(--content-brand-primary)]',\n      },\n      disabled: {\n        true: 'ald-text-link-disabled tw-pointer-events-none tw-cursor-default tw-opacity-50',\n        false: '',\n      },\n      underline: {\n        true: 'ald-text-link-show-underline tw-font-normal hover:tw-underline active:tw-underline',\n        false: 'tw-font-medium',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n      type: 'primary',\n      disabled: false,\n      underline: false,\n    },\n  },\n);\n\nconst TextLink = React.forwardRef<HTMLSpanElement, TextLinkProps>(\n  (props, ref) => {\n    const {\n      size: propsSize,\n      type = 'primary',\n      underline,\n      disabled,\n      icon: propsIcon = null,\n      children,\n      className,\n      ...restProps\n    } = props;\n    const size = propsSize || 'middle';\n    const icon = underline ? null : propsIcon;\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          textLinkVariants({\n            size,\n            type,\n            disabled: !!disabled,\n            underline: !!underline,\n          }),\n          className,\n        )}\n        {...restProps}\n      >\n        {icon}\n        {children}\n      </span>\n    );\n  },\n);\n\nTextLink.displayName = 'TextLink';\n\nexport default TextLink;\n"],"mappings":";;;;;;AA8CA,IAAMkB,mBAAmBlB,IACvB,2EACA;CACEmB,UAAU;EACRP,MAAM;GACJQ,OAAO;GACPC,QAAQ;GACRC,OAAO;GACR;EACDZ,MAAM;GACJa,SACE;GACFC,WACE;GACH;EACDX,UAAU;GACRY,MAAM;GACNC,OAAO;GACR;EACDf,WAAW;GACTc,MAAM;GACNC,OAAO;GACT;EACD;CACDC,iBAAiB;EACff,MAAM;EACNF,MAAM;EACNG,UAAU;EACVF,WAAW;EACb;CAEJ,CAAC;AAED,IAAMiB,WAAW3B,MAAM4B,YACrBC,OAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAzB;CAAA,IAAAI;CAAA,IAAAsB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAA3B;AAAA,KAAAqB,EAAA,OAAAF,OAAA;AACE,GAAA,CAAAlB,MAAAuB,WAAAzB,MAAA2B,IAAA1B,WAAAE,UAAAC,MAAAwB,IAAAJ,UAAAzB,cAAA2B,aASIN;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAvB;AAAAuB,IAAA,KAAAnB;AAAAmB,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAArB;QAAA;AAAAuB,aAAAF,EAAA;AAAAvB,cAAAuB,EAAA;AAAAnB,aAAAmB,EAAA;AAAAG,cAAAH,EAAA;AAAAI,cAAAJ,EAAA;AAAAK,OAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAArB,cAAAqB,EAAA;;CAPR,MAAAtB,OAAA2B,OAAAE,SAAA,YAAAF;CAGM,MAAAG,YAAAF,OAAAC,SAAA,OAAAD;CAKR,MAAA1B,OAAauB,aAAA;CACb,MAAArB,OAAaH,YAAA,OAAA6B;CAA6B,IAAAC;AAAA,KAAAT,EAAA,OAAAvB,aAAAuB,EAAA,QAAAnB,YAAAmB,EAAA,QAAApB,QAAAoB,EAAA,QAAAtB,QAAAsB,EAAA,QAAArB,WAAA;AAI3B8B,OAAAtC,GACTe,iBAAiB;GAAAN;GAAAF;GAAAG,UAGL,CAAC,CAACA;GAAQF,WACT,CAAC,CAACA;GACd,CAAC,EACFF,UACD;AAAAuB,IAAA,KAAAvB;AAAAuB,IAAA,MAAAnB;AAAAmB,IAAA,MAAApB;AAAAoB,IAAA,MAAAtB;AAAAsB,IAAA,MAAArB;AAAAqB,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,QAAAE,YAAAF,EAAA,QAAAlB,QAAAkB,EAAA,QAAAD,OAAAC,EAAA,QAAAI,aAAAJ,EAAA,QAAAS,IAAA;AAVHC,OAAA,qBAAA,QAAA;GACOX;GACM,WAAAU;GAQV,GACGL;aAXN,CAaGtB,MACAoB,SACI;;AAAAF,IAAA,MAAAE;AAAAF,IAAA,MAAAlB;AAAAkB,IAAA,MAAAD;AAAAC,IAAA,MAAAI;AAAAJ,IAAA,MAAAS;AAAAT,IAAA,MAAAU;OAAAA,MAAAV,EAAA;AAAA,QAfPU;EAkBL;AAEDd,SAASe,cAAc"}

package/dist/TextLink.js

@@ -0,0 +1,2 @@
+export * from './TextLink/index.js';
+export { default } from './TextLink/index.js';

package/dist/Tooltip/index.d.ts

@@ -21,4 +21,4 @@ export interface ITooltipProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export default function Tooltip(props: ITooltipProps): import("react/jsx-runtime").JSX.Element;
+export default function Tooltip(props: ITooltipProps): React.JSX.Element;

package/dist/Tooltip/index.js

@@ -1,5 +1,6 @@
 import { cn } from "../lib/utils.js";
 import { useFloatingTooltipZIndex } from "../_utils/floatingLayer.js";
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
@@ -39,16 +40,36 @@ function isTriggerDisabled(trigger) {
 }
 var contentClasses = "ald-tooltip-overlay tw-z-50 tw-min-h-[28px] tw-rounded-r-50 tw-px-2 tw-py-1.5 tw-text-xs tw-leading-4 tw-bg-[var(--background-inverted)] tw-text-[var(--content-inverted-primary)] tw-animate-in tw-fade-in-0 tw-zoom-in-95";
 function usePortalContainer(getPopupContainer, getTooltipContainer) {
+	const $ = c(6);
 	const triggerRef = React.useRef(null);
 	const [container, setContainer] = React.useState(void 0);
-	React.useEffect(() => {
-		const getter = getPopupContainer || getTooltipContainer;
-		if (getter && triggerRef.current) setContainer(getter(triggerRef.current));
-	}, [getPopupContainer, getTooltipContainer]);
-	return {
-		triggerRef,
-		container
-	};
+	let t0;
+	let t1;
+	if ($[0] !== getPopupContainer || $[1] !== getTooltipContainer) {
+		t0 = () => {
+			const getter = getPopupContainer || getTooltipContainer;
+			if (getter && triggerRef.current) setContainer(getter(triggerRef.current));
+		};
+		t1 = [getPopupContainer, getTooltipContainer];
+		$[0] = getPopupContainer;
+		$[1] = getTooltipContainer;
+		$[2] = t0;
+		$[3] = t1;
+	} else {
+		t0 = $[2];
+		t1 = $[3];
+	}
+	React.useEffect(t0, t1);
+	let t2;
+	if ($[4] !== container) {
+		t2 = {
+			triggerRef,
+			container
+		};
+		$[4] = container;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
 }
 function ClickTooltip({ children, title, open, onOpenChange, placement = "top", overlayClassName, zIndex, container, triggerRef }) {
 	const side = sideMap[placement] || "top";
@@ -90,8 +111,8 @@ function ClickTooltip({ children, title, open, onOpenChange, placement = "top",
 					event.preventDefault();
 					contentRef.current?.querySelector("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])")?.focus();
 				},
-				onCloseAutoFocus: (event) => {
-					event.preventDefault();
+				onCloseAutoFocus: (event_0) => {
+					event_0.preventDefault();
 					if (triggerRef.current?.isConnected) triggerRef.current.focus();
 				},
 				children: [title && /* @__PURE__ */ jsx("div", {

package/dist/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport React from 'react';\nimport { useFloatingTooltipZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';\n\nexport interface ITooltipProps {\n  title?: React.ReactNode;\n  /** Alias for title, for Popover-style usage */\n  content?: React.ReactNode;\n  destroyTooltipOnHide?: boolean;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  placement?:\n    | 'top'\n    | 'left'\n    | 'right'\n    | 'bottom'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  trigger?: ActionType | ActionType[];\n  zIndex?: number;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  overlayClassName?: string;\n  /** Custom class for the root element */\n  rootClassName?: string;\n  getTooltipContainer?: (node: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst sideMap: Record<string, 'top' | 'bottom' | 'left' | 'right'> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, 'start' | 'end' | 'center'> = {\n  topLeft: 'start',\n  topRight: 'end',\n  bottomLeft: 'start',\n  bottomRight: 'end',\n  leftTop: 'start',\n  leftBottom: 'end',\n  rightTop: 'start',\n  rightBottom: 'end',\n};\n\nfunction isClickTrigger(trigger?: ActionType | ActionType[]): boolean {\n  if (!trigger) return false;\n  if (Array.isArray(trigger)) return trigger.includes('click');\n  return trigger === 'click';\n}\n\nfunction isTriggerDisabled(trigger?: ActionType | ActionType[]): boolean {\n  return Array.isArray(trigger) && trigger.length === 0;\n}\n\nconst contentClasses =\n  'ald-tooltip-overlay tw-z-50 tw-min-h-[28px] tw-rounded-r-50 tw-px-2 tw-py-1.5 tw-text-xs tw-leading-4 tw-bg-[var(--background-inverted)] tw-text-[var(--content-inverted-primary)] tw-animate-in tw-fade-in-0 tw-zoom-in-95';\n\nfunction usePortalContainer(\n  getPopupContainer?: (node: HTMLElement) => HTMLElement,\n  getTooltipContainer?: (node: HTMLElement) => HTMLElement,\n) {\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const [container, setContainer] = React.useState<HTMLElement | undefined>(\n    undefined,\n  );\n\n  React.useEffect(() => {\n    const getter = getPopupContainer || getTooltipContainer;\n    if (getter && triggerRef.current) {\n      setContainer(getter(triggerRef.current));\n    }\n  }, [getPopupContainer, getTooltipContainer]);\n\n  return { triggerRef, container };\n}\n\nfunction ClickTooltip({\n  children,\n  title,\n  open,\n  onOpenChange,\n  placement = 'top',\n  overlayClassName,\n  zIndex,\n  container,\n  triggerRef,\n}: Pick<\n  ITooltipProps,\n  | 'children'\n  | 'title'\n  | 'open'\n  | 'onOpenChange'\n  | 'placement'\n  | 'overlayClassName'\n  | 'zIndex'\n> & {\n  container?: HTMLElement;\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const idBase = React.useId().replace(/:/g, '');\n  const contentId = `ald-popover-tooltip-${idBase}`;\n  const titleId = `ald-popover-tooltip-title-${idBase}`;\n  const contentRef = React.useRef<HTMLDivElement>(null);\n\n  const trigger = React.isValidElement(children) ? (\n    React.cloneElement(children as React.ReactElement, {\n      ref: triggerRef,\n      'aria-controls': contentId,\n      'aria-haspopup': false,\n    })\n  ) : (\n    <span\n      ref={triggerRef as React.RefObject<HTMLSpanElement>}\n      aria-controls={contentId}\n      aria-haspopup={false}\n    >\n      {children}\n    </span>\n  );\n\n  return (\n    <PopoverPrimitive.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      modal={false}\n    >\n      <PopoverPrimitive.Trigger asChild>{trigger}</PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={container}>\n        <PopoverPrimitive.Content\n          id={contentId}\n          ref={contentRef}\n          role=\"region\"\n          aria-labelledby={title ? titleId : undefined}\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(contentClasses, overlayClassName)}\n          style={{ zIndex }}\n          onOpenAutoFocus={(event) => {\n            event.preventDefault();\n            contentRef.current\n              ?.querySelector<HTMLElement>(\n                'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])',\n              )\n              ?.focus();\n          }}\n          onCloseAutoFocus={(event) => {\n            event.preventDefault();\n            if (triggerRef.current?.isConnected) {\n              triggerRef.current.focus();\n            }\n          }}\n        >\n          {title && <div id={titleId}>{title}</div>}\n          <PopoverPrimitive.Arrow className=\"tw-fill-[var(--background-inverted)]\" />\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default function Tooltip(props: ITooltipProps) {\n  const {\n    children,\n    title,\n    content,\n    open,\n    onOpenChange,\n    placement = 'top',\n    mouseEnterDelay = 0,\n    mouseLeaveDelay = 0,\n    overlayClassName,\n    trigger,\n    getPopupContainer,\n    getTooltipContainer,\n    zIndex,\n  } = props;\n\n  const { triggerRef, container } = usePortalContainer(\n    getPopupContainer,\n    getTooltipContainer,\n  );\n  const resolvedZIndex = useFloatingTooltipZIndex(zIndex);\n  const tooltipIdBase = React.useId().replace(/:/g, '');\n  const mergedTitle = title ?? content;\n\n  if (!mergedTitle && mergedTitle !== 0) {\n    return <>{children}</>;\n  }\n\n  if (isTriggerDisabled(trigger)) {\n    return <>{children}</>;\n  }\n\n  if (isClickTrigger(trigger)) {\n    return (\n      <ClickTooltip\n        title={mergedTitle}\n        open={open}\n        onOpenChange={onOpenChange}\n        placement={placement}\n        overlayClassName={overlayClassName}\n        zIndex={resolvedZIndex}\n        container={container}\n        triggerRef={triggerRef}\n      >\n        {children}\n      </ClickTooltip>\n    );\n  }\n\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={mouseEnterDelay * 1000}\n      skipDelayDuration={mouseLeaveDelay * 1000}\n    >\n      <TooltipPrimitive.Root open={open} onOpenChange={onOpenChange}>\n        <TooltipPrimitive.Trigger asChild>\n          {React.isValidElement(children) ? (\n            React.cloneElement(children as React.ReactElement, {\n              ref: triggerRef,\n            })\n          ) : (\n            <span ref={triggerRef as React.RefObject<HTMLSpanElement>}>\n              {children}\n            </span>\n          )}\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal container={container}>\n          <TooltipPrimitive.Content\n            id={`ald-tooltip-${tooltipIdBase}`}\n            side={side}\n            align={align}\n            sideOffset={4}\n            className={cn(contentClasses, overlayClassName)}\n            style={{ zIndex: resolvedZIndex }}\n          >\n            {mergedTitle}\n            <TooltipPrimitive.Arrow className=\"tw-fill-[var(--background-inverted)]\" />\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["PopoverPrimitive","TooltipPrimitive","React","useFloatingTooltipZIndex","cn","ActionType","ITooltipProps","title","ReactNode","content","destroyTooltipOnHide","getPopupContainer","triggerNode","HTMLElement","mouseEnterDelay","mouseLeaveDelay","placement","trigger","zIndex","open","onOpenChange","overlayClassName","rootClassName","getTooltipContainer","node","children","className","style","CSSProperties","sideMap","Record","top","bottom","left","right","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom","alignMap","isClickTrigger","Array","isArray","includes","isTriggerDisabled","length","contentClasses","usePortalContainer","$","_c","triggerRef","useRef","container","setContainer","useState","undefined","t0","t1","getter","current","useEffect","t2","ClickTooltip","Pick","RefObject","side","align","idBase","useId","replace","contentId","titleId","contentRef","HTMLDivElement","isValidElement","cloneElement","ReactElement","ref","HTMLSpanElement","event","preventDefault","querySelector","focus","isConnected","Tooltip","props","resolvedZIndex","tooltipIdBase","mergedTitle"],"sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport React from 'react';\nimport { useFloatingTooltipZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';\n\nexport interface ITooltipProps {\n  title?: React.ReactNode;\n  /** Alias for title, for Popover-style usage */\n  content?: React.ReactNode;\n  destroyTooltipOnHide?: boolean;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  placement?:\n    | 'top'\n    | 'left'\n    | 'right'\n    | 'bottom'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  trigger?: ActionType | ActionType[];\n  zIndex?: number;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  overlayClassName?: string;\n  /** Custom class for the root element */\n  rootClassName?: string;\n  getTooltipContainer?: (node: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst sideMap: Record<string, 'top' | 'bottom' | 'left' | 'right'> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, 'start' | 'end' | 'center'> = {\n  topLeft: 'start',\n  topRight: 'end',\n  bottomLeft: 'start',\n  bottomRight: 'end',\n  leftTop: 'start',\n  leftBottom: 'end',\n  rightTop: 'start',\n  rightBottom: 'end',\n};\n\nfunction isClickTrigger(trigger?: ActionType | ActionType[]): boolean {\n  if (!trigger) return false;\n  if (Array.isArray(trigger)) return trigger.includes('click');\n  return trigger === 'click';\n}\n\nfunction isTriggerDisabled(trigger?: ActionType | ActionType[]): boolean {\n  return Array.isArray(trigger) && trigger.length === 0;\n}\n\nconst contentClasses =\n  'ald-tooltip-overlay tw-z-50 tw-min-h-[28px] tw-rounded-r-50 tw-px-2 tw-py-1.5 tw-text-xs tw-leading-4 tw-bg-[var(--background-inverted)] tw-text-[var(--content-inverted-primary)] tw-animate-in tw-fade-in-0 tw-zoom-in-95';\n\nfunction usePortalContainer(\n  getPopupContainer?: (node: HTMLElement) => HTMLElement,\n  getTooltipContainer?: (node: HTMLElement) => HTMLElement,\n) {\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const [container, setContainer] = React.useState<HTMLElement | undefined>(\n    undefined,\n  );\n\n  React.useEffect(() => {\n    const getter = getPopupContainer || getTooltipContainer;\n    if (getter && triggerRef.current) {\n      setContainer(getter(triggerRef.current));\n    }\n  }, [getPopupContainer, getTooltipContainer]);\n\n  return { triggerRef, container };\n}\n\nfunction ClickTooltip({\n  children,\n  title,\n  open,\n  onOpenChange,\n  placement = 'top',\n  overlayClassName,\n  zIndex,\n  container,\n  triggerRef,\n}: Pick<\n  ITooltipProps,\n  | 'children'\n  | 'title'\n  | 'open'\n  | 'onOpenChange'\n  | 'placement'\n  | 'overlayClassName'\n  | 'zIndex'\n> & {\n  container?: HTMLElement;\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const idBase = React.useId().replace(/:/g, '');\n  const contentId = `ald-popover-tooltip-${idBase}`;\n  const titleId = `ald-popover-tooltip-title-${idBase}`;\n  const contentRef = React.useRef<HTMLDivElement>(null);\n\n  const trigger = React.isValidElement(children) ? (\n    React.cloneElement(\n      children as React.ReactElement<Record<string, unknown>>,\n      {\n        ref: triggerRef,\n        'aria-controls': contentId,\n        'aria-haspopup': false,\n      },\n    )\n  ) : (\n    <span\n      ref={triggerRef as React.RefObject<HTMLSpanElement>}\n      aria-controls={contentId}\n      aria-haspopup={false}\n    >\n      {children}\n    </span>\n  );\n\n  return (\n    <PopoverPrimitive.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      modal={false}\n    >\n      <PopoverPrimitive.Trigger asChild>{trigger}</PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={container}>\n        <PopoverPrimitive.Content\n          id={contentId}\n          ref={contentRef}\n          role=\"region\"\n          aria-labelledby={title ? titleId : undefined}\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(contentClasses, overlayClassName)}\n          style={{ zIndex }}\n          onOpenAutoFocus={(event) => {\n            event.preventDefault();\n            contentRef.current\n              ?.querySelector<HTMLElement>(\n                'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])',\n              )\n              ?.focus();\n          }}\n          onCloseAutoFocus={(event) => {\n            event.preventDefault();\n            if (triggerRef.current?.isConnected) {\n              triggerRef.current.focus();\n            }\n          }}\n        >\n          {title && <div id={titleId}>{title}</div>}\n          <PopoverPrimitive.Arrow className=\"tw-fill-[var(--background-inverted)]\" />\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default function Tooltip(props: ITooltipProps) {\n  const {\n    children,\n    title,\n    content,\n    open,\n    onOpenChange,\n    placement = 'top',\n    mouseEnterDelay = 0,\n    mouseLeaveDelay = 0,\n    overlayClassName,\n    trigger,\n    getPopupContainer,\n    getTooltipContainer,\n    zIndex,\n  } = props;\n\n  const { triggerRef, container } = usePortalContainer(\n    getPopupContainer,\n    getTooltipContainer,\n  );\n  const resolvedZIndex = useFloatingTooltipZIndex(zIndex);\n  const tooltipIdBase = React.useId().replace(/:/g, '');\n  const mergedTitle = title ?? content;\n\n  if (!mergedTitle && mergedTitle !== 0) {\n    return <>{children}</>;\n  }\n\n  if (isTriggerDisabled(trigger)) {\n    return <>{children}</>;\n  }\n\n  if (isClickTrigger(trigger)) {\n    return (\n      <ClickTooltip\n        title={mergedTitle}\n        open={open}\n        onOpenChange={onOpenChange}\n        placement={placement}\n        overlayClassName={overlayClassName}\n        zIndex={resolvedZIndex}\n        container={container}\n        triggerRef={triggerRef}\n      >\n        {children}\n      </ClickTooltip>\n    );\n  }\n\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={mouseEnterDelay * 1000}\n      skipDelayDuration={mouseLeaveDelay * 1000}\n    >\n      <TooltipPrimitive.Root open={open} onOpenChange={onOpenChange}>\n        <TooltipPrimitive.Trigger asChild>\n          {React.isValidElement(children) ? (\n            React.cloneElement(\n              children as React.ReactElement<Record<string, unknown>>,\n              {\n                ref: triggerRef,\n              },\n            )\n          ) : (\n            <span ref={triggerRef as React.RefObject<HTMLSpanElement>}>\n              {children}\n            </span>\n          )}\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal container={container}>\n          <TooltipPrimitive.Content\n            id={`ald-tooltip-${tooltipIdBase}`}\n            side={side}\n            align={align}\n            sideOffset={4}\n            className={cn(contentClasses, overlayClassName)}\n            style={{ zIndex: resolvedZIndex }}\n          >\n            {mergedTitle}\n            <TooltipPrimitive.Arrow className=\"tw-fill-[var(--background-inverted)]\" />\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/Tooltip.js

@@ -0,0 +1,2 @@
+export * from './Tooltip/index.js';
+export { default } from './Tooltip/index.js';

package/dist/Tour/index.d.ts

@@ -26,5 +26,5 @@ export interface TourProps {
     className?: string;
     onFinish?: () => void;
 }
-declare function Tour(props: TourProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Tour(props: TourProps): React.JSX.Element | null;
 export default Tour;

package/dist/Tour/index.js

@@ -1,99 +1,257 @@
 import { cn } from "../lib/utils.js";
 import { FloatingLayerProvider, useFloatingLayer } from "../_utils/floatingLayer.js";
 import Button_default from "../Button/index.js";
+import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Tour/index.tsx
 function Tour(props) {
-	const { open = false, onClose, steps = [], current: controlledCurrent, onChange, mask = true, className, onFinish } = props;
+	const $ = c(67);
+	const { open: t0, onClose, steps: t1, current: controlledCurrent, onChange, mask: t2, className, onFinish } = props;
+	const open = t0 === void 0 ? false : t0;
+	let t3;
+	if ($[0] !== t1) {
+		t3 = t1 === void 0 ? [] : t1;
+		$[0] = t1;
+		$[1] = t3;
+	} else t3 = $[1];
+	const steps = t3;
+	const mask = t2 === void 0 ? true : t2;
 	const [innerCurrent, setInnerCurrent] = useState(0);
 	const current = controlledCurrent ?? innerCurrent;
-	useEffect(() => {
-		if (!open) setInnerCurrent(0);
-	}, [open]);
+	let t4;
+	let t5;
+	if ($[2] !== open) {
+		t4 = () => {
+			if (!open) setInnerCurrent(0);
+		};
+		t5 = [open];
+		$[2] = open;
+		$[3] = t4;
+		$[4] = t5;
+	} else {
+		t4 = $[3];
+		t5 = $[4];
+	}
+	useEffect(t4, t5);
 	const { maskZIndex, contentZIndex, nextLevel } = useFloatingLayer();
 	if (!open || steps.length === 0) return null;
 	const step = steps[current];
 	const isLast = current === steps.length - 1;
 	const titleId = `ald-tour-title-${current}`;
 	const descriptionId = `ald-tour-description-${current}`;
-	const goNext = () => {
-		if (isLast) {
-			onFinish?.();
-			onClose?.();
-		} else {
-			const next = current + 1;
-			if (controlledCurrent === void 0) setInnerCurrent(next);
-			onChange?.(next);
-		}
-	};
-	const goPrev = () => {
-		const prev = Math.max(0, current - 1);
-		if (controlledCurrent === void 0) setInnerCurrent(prev);
-		onChange?.(prev);
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [mask && /* @__PURE__ */ jsx("div", {
-		className: "ald-tour-mask tw-fixed tw-inset-0 tw-z-[1000] tw-bg-[var(--background-mask)]",
-		style: { zIndex: maskZIndex },
-		onClick: onClose
-	}), /* @__PURE__ */ jsx("div", {
-		className: cn("ald-tour tw-fixed tw-z-[1001] tw-max-w-sm tw-rounded-r-100 tw-bg-[var(--background-default)] tw-p-6 tw-shadow-[var(--elevation-bottom-bottom-xl)]", "tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2", className),
-		style: {
+	let t6;
+	if ($[5] !== controlledCurrent || $[6] !== current || $[7] !== isLast || $[8] !== onChange || $[9] !== onClose || $[10] !== onFinish) {
+		t6 = () => {
+			if (isLast) {
+				onFinish?.();
+				onClose?.();
+			} else {
+				const next = current + 1;
+				if (controlledCurrent === void 0) setInnerCurrent(next);
+				onChange?.(next);
+			}
+		};
+		$[5] = controlledCurrent;
+		$[6] = current;
+		$[7] = isLast;
+		$[8] = onChange;
+		$[9] = onClose;
+		$[10] = onFinish;
+		$[11] = t6;
+	} else t6 = $[11];
+	const goNext = t6;
+	let t7;
+	if ($[12] !== controlledCurrent || $[13] !== current || $[14] !== onChange) {
+		t7 = () => {
+			const prev = Math.max(0, current - 1);
+			if (controlledCurrent === void 0) setInnerCurrent(prev);
+			onChange?.(prev);
+		};
+		$[12] = controlledCurrent;
+		$[13] = current;
+		$[14] = onChange;
+		$[15] = t7;
+	} else t7 = $[15];
+	const goPrev = t7;
+	let t8;
+	if ($[16] !== mask || $[17] !== maskZIndex || $[18] !== onClose) {
+		t8 = mask && /* @__PURE__ */ jsx("div", {
+			className: "ald-tour-mask tw-fixed tw-inset-0 tw-z-[1000] tw-bg-[var(--background-mask)]",
+			style: { zIndex: maskZIndex },
+			onClick: onClose
+		});
+		$[16] = mask;
+		$[17] = maskZIndex;
+		$[18] = onClose;
+		$[19] = t8;
+	} else t8 = $[19];
+	let t9;
+	if ($[20] !== className) {
+		t9 = cn("ald-tour tw-fixed tw-z-[1001] tw-max-w-sm tw-rounded-r-100 tw-bg-[var(--background-default)] tw-p-6 tw-shadow-[var(--elevation-bottom-bottom-xl)]", "tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2", className);
+		$[20] = className;
+		$[21] = t9;
+	} else t9 = $[21];
+	const t10 = step?.style;
+	let t11;
+	if ($[22] !== contentZIndex || $[23] !== t10) {
+		t11 = {
 			zIndex: contentZIndex,
-			...step?.style
-		},
-		role: "dialog",
-		"aria-modal": "false",
-		"aria-labelledby": step?.title ? titleId : void 0,
-		"aria-describedby": step?.description ? descriptionId : void 0,
-		tabIndex: -1,
-		onKeyDown: (event) => {
+			...t10
+		};
+		$[22] = contentZIndex;
+		$[23] = t10;
+		$[24] = t11;
+	} else t11 = $[24];
+	const t12 = step?.title ? titleId : void 0;
+	const t13 = step?.description ? descriptionId : void 0;
+	let t14;
+	if ($[25] !== onClose) {
+		t14 = (event) => {
 			if (event.key === "Escape") onClose?.();
-		},
-		children: /* @__PURE__ */ jsxs(FloatingLayerProvider, {
+		};
+		$[25] = onClose;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== step) {
+		t15 = step?.cover && /* @__PURE__ */ jsx("div", {
+			className: "ald-tour-cover tw-mb-4",
+			children: step.cover
+		});
+		$[27] = step;
+		$[28] = t15;
+	} else t15 = $[28];
+	let t16;
+	if ($[29] !== step || $[30] !== titleId) {
+		t16 = step?.title && /* @__PURE__ */ jsx("div", {
+			id: titleId,
+			className: "ald-tour-title tw-mb-2 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]",
+			children: step.title
+		});
+		$[29] = step;
+		$[30] = titleId;
+		$[31] = t16;
+	} else t16 = $[31];
+	let t17;
+	if ($[32] !== descriptionId || $[33] !== step) {
+		t17 = step?.description && /* @__PURE__ */ jsx("div", {
+			id: descriptionId,
+			className: "ald-tour-description tw-mb-4 tw-text-sm tw-text-[var(--content-secondary)]",
+			children: step.description
+		});
+		$[32] = descriptionId;
+		$[33] = step;
+		$[34] = t17;
+	} else t17 = $[34];
+	const t18 = current + 1;
+	let t19;
+	if ($[35] !== steps.length || $[36] !== t18) {
+		t19 = /* @__PURE__ */ jsxs("span", {
+			className: "tw-text-xs tw-text-[var(--content-tertiary)]",
+			children: [
+				t18,
+				"/",
+				steps.length
+			]
+		});
+		$[35] = steps.length;
+		$[36] = t18;
+		$[37] = t19;
+	} else t19 = $[37];
+	let t20;
+	if ($[38] !== current || $[39] !== goPrev || $[40] !== step?.prevButtonProps?.children) {
+		t20 = current > 0 && /* @__PURE__ */ jsx(Button_default, {
+			type: "secondary",
+			size: "small",
+			onClick: goPrev,
+			children: step?.prevButtonProps?.children || "Prev"
+		});
+		$[38] = current;
+		$[39] = goPrev;
+		$[40] = step?.prevButtonProps?.children;
+		$[41] = t20;
+	} else t20 = $[41];
+	const t21 = step?.nextButtonProps?.children || (isLast ? "Finish" : "Next");
+	let t22;
+	if ($[42] !== goNext || $[43] !== t21) {
+		t22 = /* @__PURE__ */ jsx(Button_default, {
+			type: "primary",
+			size: "small",
+			onClick: goNext,
+			children: t21
+		});
+		$[42] = goNext;
+		$[43] = t21;
+		$[44] = t22;
+	} else t22 = $[44];
+	let t23;
+	if ($[45] !== t20 || $[46] !== t22) {
+		t23 = /* @__PURE__ */ jsxs("div", {
+			className: "tw-flex tw-gap-2",
+			children: [t20, t22]
+		});
+		$[45] = t20;
+		$[46] = t22;
+		$[47] = t23;
+	} else t23 = $[47];
+	let t24;
+	if ($[48] !== t19 || $[49] !== t23) {
+		t24 = /* @__PURE__ */ jsxs("div", {
+			className: "ald-tour-footer tw-flex tw-items-center tw-justify-between",
+			children: [t19, t23]
+		});
+		$[48] = t19;
+		$[49] = t23;
+		$[50] = t24;
+	} else t24 = $[50];
+	let t25;
+	if ($[51] !== nextLevel || $[52] !== t15 || $[53] !== t16 || $[54] !== t17 || $[55] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(FloatingLayerProvider, {
 			value: nextLevel,
 			children: [
-				step?.cover && /* @__PURE__ */ jsx("div", {
-					className: "ald-tour-cover tw-mb-4",
-					children: step.cover
-				}),
-				step?.title && /* @__PURE__ */ jsx("div", {
-					id: titleId,
-					className: "ald-tour-title tw-mb-2 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]",
-					children: step.title
-				}),
-				step?.description && /* @__PURE__ */ jsx("div", {
-					id: descriptionId,
-					className: "ald-tour-description tw-mb-4 tw-text-sm tw-text-[var(--content-secondary)]",
-					children: step.description
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "ald-tour-footer tw-flex tw-items-center tw-justify-between",
-					children: [/* @__PURE__ */ jsxs("span", {
-						className: "tw-text-xs tw-text-[var(--content-tertiary)]",
-						children: [
-							current + 1,
-							"/",
-							steps.length
-						]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "tw-flex tw-gap-2",
-						children: [current > 0 && /* @__PURE__ */ jsx(Button_default, {
-							type: "secondary",
-							size: "small",
-							onClick: goPrev,
-							children: step?.prevButtonProps?.children || "Prev"
-						}), /* @__PURE__ */ jsx(Button_default, {
-							type: "primary",
-							size: "small",
-							onClick: goNext,
-							children: step?.nextButtonProps?.children || (isLast ? "Finish" : "Next")
-						})]
-					})]
-				})
+				t15,
+				t16,
+				t17,
+				t24
 			]
-		})
-	})] });
+		});
+		$[51] = nextLevel;
+		$[52] = t15;
+		$[53] = t16;
+		$[54] = t17;
+		$[55] = t24;
+		$[56] = t25;
+	} else t25 = $[56];
+	let t26;
+	if ($[57] !== t11 || $[58] !== t12 || $[59] !== t13 || $[60] !== t14 || $[61] !== t25 || $[62] !== t9) {
+		t26 = /* @__PURE__ */ jsx("div", {
+			className: t9,
+			style: t11,
+			role: "dialog",
+			"aria-modal": "false",
+			"aria-labelledby": t12,
+			"aria-describedby": t13,
+			tabIndex: -1,
+			onKeyDown: t14,
+			children: t25
+		});
+		$[57] = t11;
+		$[58] = t12;
+		$[59] = t13;
+		$[60] = t14;
+		$[61] = t25;
+		$[62] = t9;
+		$[63] = t26;
+	} else t26 = $[63];
+	let t27;
+	if ($[64] !== t26 || $[65] !== t8) {
+		t27 = /* @__PURE__ */ jsxs(Fragment, { children: [t8, t26] });
+		$[64] = t26;
+		$[65] = t8;
+		$[66] = t27;
+	} else t27 = $[66];
+	return t27;
 }
 //#endregion
 export { Tour as default };

package/dist/Tour/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Tour/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Button from '../Button';\nimport {\n  FloatingLayerProvider,\n  useFloatingLayer,\n} from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport interface TourStepProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  cover?: React.ReactNode;\n  target?: (() => HTMLElement | null) | null;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight';\n  mask?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  nextButtonProps?: { children?: React.ReactNode };\n  prevButtonProps?: { children?: React.ReactNode };\n}\n\nexport interface TourProps {\n  open?: boolean;\n  onClose?: () => void;\n  steps?: TourStepProps[];\n  current?: number;\n  onChange?: (current: number) => void;\n  mask?: boolean;\n  type?: 'default' | 'primary';\n  className?: string;\n  onFinish?: () => void;\n}\n\nfunction Tour(props: TourProps) {\n  const {\n    open = false,\n    onClose,\n    steps = [],\n    current: controlledCurrent,\n    onChange,\n    mask = true,\n    className,\n    onFinish,\n  } = props;\n\n  const [innerCurrent, setInnerCurrent] = useState(0);\n  const current = controlledCurrent ?? innerCurrent;\n\n  useEffect(() => {\n    if (!open) setInnerCurrent(0);\n  }, [open]);\n\n  const { maskZIndex, contentZIndex, nextLevel } = useFloatingLayer();\n\n  if (!open || steps.length === 0) return null;\n\n  const step = steps[current];\n  const isLast = current === steps.length - 1;\n  const titleId = `ald-tour-title-${current}`;\n  const descriptionId = `ald-tour-description-${current}`;\n\n  const goNext = () => {\n    if (isLast) {\n      onFinish?.();\n      onClose?.();\n    } else {\n      const next = current + 1;\n      if (controlledCurrent === undefined) setInnerCurrent(next);\n      onChange?.(next);\n    }\n  };\n\n  const goPrev = () => {\n    const prev = Math.max(0, current - 1);\n    if (controlledCurrent === undefined) setInnerCurrent(prev);\n    onChange?.(prev);\n  };\n\n  return (\n    <>\n      {mask && (\n        <div\n          className=\"ald-tour-mask tw-fixed tw-inset-0 tw-z-[1000] tw-bg-[var(--background-mask)]\"\n          style={{ zIndex: maskZIndex }}\n          onClick={onClose}\n        />\n      )}\n      <div\n        className={cn(\n          'ald-tour tw-fixed tw-z-[1001] tw-max-w-sm tw-rounded-r-100 tw-bg-[var(--background-default)] tw-p-6 tw-shadow-[var(--elevation-bottom-bottom-xl)]',\n          'tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2',\n          className,\n        )}\n        style={{ zIndex: contentZIndex, ...step?.style }}\n        role=\"dialog\"\n        aria-modal=\"false\"\n        aria-labelledby={step?.title ? titleId : undefined}\n        aria-describedby={step?.description ? descriptionId : undefined}\n        tabIndex={-1}\n        onKeyDown={(event) => {\n          if (event.key === 'Escape') onClose?.();\n        }}\n      >\n        <FloatingLayerProvider value={nextLevel}>\n          {step?.cover && (\n            <div className=\"ald-tour-cover tw-mb-4\">{step.cover}</div>\n          )}\n          {step?.title && (\n            <div\n              id={titleId}\n              className=\"ald-tour-title tw-mb-2 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]\"\n            >\n              {step.title}\n            </div>\n          )}\n          {step?.description && (\n            <div\n              id={descriptionId}\n              className=\"ald-tour-description tw-mb-4 tw-text-sm tw-text-[var(--content-secondary)]\"\n            >\n              {step.description}\n            </div>\n          )}\n          <div className=\"ald-tour-footer tw-flex tw-items-center tw-justify-between\">\n            <span className=\"tw-text-xs tw-text-[var(--content-tertiary)]\">\n              {current + 1}/{steps.length}\n            </span>\n            <div className=\"tw-flex tw-gap-2\">\n              {current > 0 && (\n                <Button type=\"secondary\" size=\"small\" onClick={goPrev}>\n                  {step?.prevButtonProps?.children || 'Prev'}\n                </Button>\n              )}\n              <Button type=\"primary\" size=\"small\" onClick={goNext}>\n                {step?.nextButtonProps?.children ||\n                  (isLast ? 'Finish' : 'Next')}\n              </Button>\n            </div>\n          </div>\n        </FloatingLayerProvider>\n      </div>\n    </>\n  );\n}\n\nexport default Tour;\n"],"mappings":";;;;;;AAyCA,SAAS,KAAK,OAAkB;CAC9B,MAAM,EACJ,OAAO,OACP,SACA,QAAQ,EAAE,EACV,SAAS,mBACT,UACA,OAAO,MACP,WACA,aACE;CAEJ,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE;CACnD,MAAM,UAAU,qBAAqB;AAErC,iBAAgB;AACd,MAAI,CAAC,KAAM,iBAAgB,EAAE;IAC5B,CAAC,KAAK,CAAC;CAEV,MAAM,EAAE,YAAY,eAAe,cAAc,kBAAkB;AAEnE,KAAI,CAAC,QAAQ,MAAM,WAAW,EAAG,QAAO;CAExC,MAAM,OAAO,MAAM;CACnB,MAAM,SAAS,YAAY,MAAM,SAAS;CAC1C,MAAM,UAAU,kBAAkB;CAClC,MAAM,gBAAgB,wBAAwB;CAE9C,MAAM,eAAe;AACnB,MAAI,QAAQ;AACV,eAAY;AACZ,cAAW;SACN;GACL,MAAM,OAAO,UAAU;AACvB,OAAI,sBAAsB,OAAW,iBAAgB,KAAK;AAC1D,cAAW,KAAK;;;CAIpB,MAAM,eAAe;EACnB,MAAM,OAAO,KAAK,IAAI,GAAG,UAAU,EAAE;AACrC,MAAI,sBAAsB,OAAW,iBAAgB,KAAK;AAC1D,aAAW,KAAK;;AAGlB,QACE,qBAAA,UAAA,EAAA,UAAA,CACG,QACC,oBAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,QAAQ,YAAY;EAC7B,SAAS;EACT,CAAA,EAEJ,oBAAC,OAAD;EACE,WAAW,GACT,qJACA,kEACA,UACD;EACD,OAAO;GAAE,QAAQ;GAAe,GAAG,MAAM;GAAO;EAChD,MAAK;EACL,cAAW;EACX,mBAAiB,MAAM,QAAQ,UAAU;EACzC,oBAAkB,MAAM,cAAc,gBAAgB;EACtD,UAAU;EACV,YAAY,UAAU;AACpB,OAAI,MAAM,QAAQ,SAAU,YAAW;;YAGzC,qBAAC,uBAAD;GAAuB,OAAO;aAA9B;IACG,MAAM,SACL,oBAAC,OAAD;KAAK,WAAU;eAA0B,KAAK;KAAY,CAAA;IAE3D,MAAM,SACL,oBAAC,OAAD;KACE,IAAI;KACJ,WAAU;eAET,KAAK;KACF,CAAA;IAEP,MAAM,eACL,oBAAC,OAAD;KACE,IAAI;KACJ,WAAU;eAET,KAAK;KACF,CAAA;IAER,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,UAAU;OAAE;OAAE,MAAM;OAChB;SACP,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,UAAU,KACT,oBAAC,gBAAD;OAAQ,MAAK;OAAY,MAAK;OAAQ,SAAS;iBAC5C,MAAM,iBAAiB,YAAY;OAC7B,CAAA,EAEX,oBAAC,gBAAD;OAAQ,MAAK;OAAU,MAAK;OAAQ,SAAS;iBAC1C,MAAM,iBAAiB,aACrB,SAAS,WAAW;OAChB,CAAA,CACL;QACF;;IACgB;;EACpB,CAAA,CACL,EAAA,CAAA"}
+{"version":3,"file":"index.js","names":["React","useEffect","useState","Button","FloatingLayerProvider","useFloatingLayer","cn","TourStepProps","title","ReactNode","description","cover","target","HTMLElement","placement","mask","className","style","CSSProperties","nextButtonProps","children","prevButtonProps","TourProps","open","onClose","steps","current","onChange","type","onFinish","Tour","props","$","_c","t0","t1","controlledCurrent","t2","undefined","t3","innerCurrent","setInnerCurrent","t4","t5","maskZIndex","contentZIndex","nextLevel","length","step","isLast","titleId","descriptionId","t6","next","goNext","t7","prev","Math","max","goPrev","t8","zIndex","t9","t10","t11","t12","t13","t14","event","key","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27"],"sources":["../../src/Tour/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Button from '../Button';\nimport {\n  FloatingLayerProvider,\n  useFloatingLayer,\n} from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport interface TourStepProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  cover?: React.ReactNode;\n  target?: (() => HTMLElement | null) | null;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight';\n  mask?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  nextButtonProps?: { children?: React.ReactNode };\n  prevButtonProps?: { children?: React.ReactNode };\n}\n\nexport interface TourProps {\n  open?: boolean;\n  onClose?: () => void;\n  steps?: TourStepProps[];\n  current?: number;\n  onChange?: (current: number) => void;\n  mask?: boolean;\n  type?: 'default' | 'primary';\n  className?: string;\n  onFinish?: () => void;\n}\n\nfunction Tour(props: TourProps) {\n  const {\n    open = false,\n    onClose,\n    steps = [],\n    current: controlledCurrent,\n    onChange,\n    mask = true,\n    className,\n    onFinish,\n  } = props;\n\n  const [innerCurrent, setInnerCurrent] = useState(0);\n  const current = controlledCurrent ?? innerCurrent;\n\n  useEffect(() => {\n    if (!open) setInnerCurrent(0);\n  }, [open]);\n\n  const { maskZIndex, contentZIndex, nextLevel } = useFloatingLayer();\n\n  if (!open || steps.length === 0) return null;\n\n  const step = steps[current];\n  const isLast = current === steps.length - 1;\n  const titleId = `ald-tour-title-${current}`;\n  const descriptionId = `ald-tour-description-${current}`;\n\n  const goNext = () => {\n    if (isLast) {\n      onFinish?.();\n      onClose?.();\n    } else {\n      const next = current + 1;\n      if (controlledCurrent === undefined) setInnerCurrent(next);\n      onChange?.(next);\n    }\n  };\n\n  const goPrev = () => {\n    const prev = Math.max(0, current - 1);\n    if (controlledCurrent === undefined) setInnerCurrent(prev);\n    onChange?.(prev);\n  };\n\n  return (\n    <>\n      {mask && (\n        <div\n          className=\"ald-tour-mask tw-fixed tw-inset-0 tw-z-[1000] tw-bg-[var(--background-mask)]\"\n          style={{ zIndex: maskZIndex }}\n          onClick={onClose}\n        />\n      )}\n      <div\n        className={cn(\n          'ald-tour tw-fixed tw-z-[1001] tw-max-w-sm tw-rounded-r-100 tw-bg-[var(--background-default)] tw-p-6 tw-shadow-[var(--elevation-bottom-bottom-xl)]',\n          'tw-left-1/2 tw-top-1/2 tw--translate-x-1/2 tw--translate-y-1/2',\n          className,\n        )}\n        style={{ zIndex: contentZIndex, ...step?.style }}\n        role=\"dialog\"\n        aria-modal=\"false\"\n        aria-labelledby={step?.title ? titleId : undefined}\n        aria-describedby={step?.description ? descriptionId : undefined}\n        tabIndex={-1}\n        onKeyDown={(event) => {\n          if (event.key === 'Escape') onClose?.();\n        }}\n      >\n        <FloatingLayerProvider value={nextLevel}>\n          {step?.cover && (\n            <div className=\"ald-tour-cover tw-mb-4\">{step.cover}</div>\n          )}\n          {step?.title && (\n            <div\n              id={titleId}\n              className=\"ald-tour-title tw-mb-2 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]\"\n            >\n              {step.title}\n            </div>\n          )}\n          {step?.description && (\n            <div\n              id={descriptionId}\n              className=\"ald-tour-description tw-mb-4 tw-text-sm tw-text-[var(--content-secondary)]\"\n            >\n              {step.description}\n            </div>\n          )}\n          <div className=\"ald-tour-footer tw-flex tw-items-center tw-justify-between\">\n            <span className=\"tw-text-xs tw-text-[var(--content-tertiary)]\">\n              {current + 1}/{steps.length}\n            </span>\n            <div className=\"tw-flex tw-gap-2\">\n              {current > 0 && (\n                <Button type=\"secondary\" size=\"small\" onClick={goPrev}>\n                  {step?.prevButtonProps?.children || 'Prev'}\n                </Button>\n              )}\n              <Button type=\"primary\" size=\"small\" onClick={goNext}>\n                {step?.nextButtonProps?.children ||\n                  (isLast ? 'Finish' : 'Next')}\n              </Button>\n            </div>\n          </div>\n        </FloatingLayerProvider>\n      </div>\n    </>\n  );\n}\n\nexport default Tour;\n"],"mappings":"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"}

package/dist/Tour.js

@@ -0,0 +1,2 @@
+export * from './Tour/index.js';
+export { default } from './Tour/index.js';

package/dist/Tree/DirectoryTree.d.ts

@@ -1,5 +1,5 @@
 import { BasicDataNode } from 'rc-tree';
-import { DataNode, Key } from 'rc-tree/es/interface';
+import { DataNode, Key } from 'rc-tree/es/interface.js';
 import { TreeProps } from './Tree.js';
 import * as React from 'react';
 export type ExpandAction = false | 'click' | 'doubleClick';