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

package/dist/Result.js

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

package/dist/Row/index.d.ts

@@ -8,5 +8,5 @@ export interface RowProps {
     style?: React.CSSProperties;
     children?: React.ReactNode;
 }
-declare function Row(props: RowProps): import("react/jsx-runtime").JSX.Element;
+declare function Row(props: RowProps): React.JSX.Element;
 export default Row;

package/dist/Row/index.js

@@ -1,40 +1,106 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Row/index.tsx
 function Row(props) {
-	const { gutter = 0, align, justify, wrap = true, className, style, children } = props;
-	const [hGutter, vGutter] = Array.isArray(gutter) ? gutter : [gutter, 0];
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("ald-row tw-flex", wrap && "tw-flex-wrap", align && {
+	const $ = c(23);
+	const { gutter: t0, align, justify, wrap: t1, className, style, children } = props;
+	const gutter = t0 === void 0 ? 0 : t0;
+	const wrap = t1 === void 0 ? true : t1;
+	let t2;
+	if ($[0] !== gutter) {
+		t2 = Array.isArray(gutter) ? gutter : [gutter, 0];
+		$[0] = gutter;
+		$[1] = t2;
+	} else t2 = $[1];
+	const [hGutter, vGutter] = t2;
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
 			top: "tw-items-start",
 			middle: "tw-items-center",
 			bottom: "tw-items-end",
 			stretch: "tw-items-stretch"
-		}[align], justify && {
+		};
+		$[2] = t3;
+	} else t3 = $[2];
+	const alignMap = t3;
+	let t4;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {
 			start: "tw-justify-start",
 			end: "tw-justify-end",
 			center: "tw-justify-center",
 			"space-around": "tw-justify-around",
 			"space-between": "tw-justify-between",
 			"space-evenly": "tw-justify-evenly"
-		}[justify], className),
-		style: {
+		};
+		$[3] = t4;
+	} else t4 = $[3];
+	const justifyMap = t4;
+	const t5 = wrap && "tw-flex-wrap";
+	const t6 = align && alignMap[align];
+	const t7 = justify && justifyMap[justify];
+	let t8;
+	if ($[4] !== className || $[5] !== t5 || $[6] !== t6 || $[7] !== t7) {
+		t8 = cn("ald-row tw-flex", t5, t6, t7, className);
+		$[4] = className;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = t7;
+		$[8] = t8;
+	} else t8 = $[8];
+	const t9 = hGutter ? -hGutter / 2 : void 0;
+	const t10 = hGutter ? -hGutter / 2 : void 0;
+	let t11;
+	if ($[9] !== style || $[10] !== t10 || $[11] !== t9 || $[12] !== vGutter) {
+		t11 = {
 			rowGap: vGutter,
-			marginLeft: hGutter ? -hGutter / 2 : void 0,
-			marginRight: hGutter ? -hGutter / 2 : void 0,
+			marginLeft: t9,
+			marginRight: t10,
 			...style
-		},
-		children: React.Children.map(children, (child) => {
-			if (!React.isValidElement(child)) return child;
-			if (hGutter) return React.cloneElement(child, { style: {
-				paddingLeft: hGutter / 2,
-				paddingRight: hGutter / 2,
-				...child.props.style || {}
-			} });
-			return child;
-		})
-	});
+		};
+		$[9] = style;
+		$[10] = t10;
+		$[11] = t9;
+		$[12] = vGutter;
+		$[13] = t11;
+	} else t11 = $[13];
+	let t12;
+	if ($[14] !== children || $[15] !== hGutter) {
+		let t13;
+		if ($[17] !== hGutter) {
+			t13 = (child) => {
+				if (!React.isValidElement(child)) return child;
+				if (hGutter) return React.cloneElement(child, { style: {
+					paddingLeft: hGutter / 2,
+					paddingRight: hGutter / 2,
+					...child.props.style || {}
+				} });
+				return child;
+			};
+			$[17] = hGutter;
+			$[18] = t13;
+		} else t13 = $[18];
+		t12 = React.Children.map(children, t13);
+		$[14] = children;
+		$[15] = hGutter;
+		$[16] = t12;
+	} else t12 = $[16];
+	let t13;
+	if ($[19] !== t11 || $[20] !== t12 || $[21] !== t8) {
+		t13 = /* @__PURE__ */ jsx("div", {
+			className: t8,
+			style: t11,
+			children: t12
+		});
+		$[19] = t11;
+		$[20] = t12;
+		$[21] = t8;
+		$[22] = t13;
+	} else t13 = $[22];
+	return t13;
 }
 //#endregion
 export { Row as default };

package/dist/Row/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Row/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface RowProps {\n  gutter?: number | [number, number];\n  align?: 'top' | 'middle' | 'bottom' | 'stretch';\n  justify?:\n    | 'start'\n    | 'end'\n    | 'center'\n    | 'space-around'\n    | 'space-between'\n    | 'space-evenly';\n  wrap?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nfunction Row(props: RowProps) {\n  const {\n    gutter = 0,\n    align,\n    justify,\n    wrap = true,\n    className,\n    style,\n    children,\n  } = props;\n\n  const [hGutter, vGutter] = Array.isArray(gutter) ? gutter : [gutter, 0];\n\n  const alignMap: Record<string, string> = {\n    top: 'tw-items-start',\n    middle: 'tw-items-center',\n    bottom: 'tw-items-end',\n    stretch: 'tw-items-stretch',\n  };\n\n  const justifyMap: Record<string, string> = {\n    start: 'tw-justify-start',\n    end: 'tw-justify-end',\n    center: 'tw-justify-center',\n    'space-around': 'tw-justify-around',\n    'space-between': 'tw-justify-between',\n    'space-evenly': 'tw-justify-evenly',\n  };\n\n  return (\n    <div\n      className={cn(\n        'ald-row tw-flex',\n        wrap && 'tw-flex-wrap',\n        align && alignMap[align],\n        justify && justifyMap[justify],\n        className,\n      )}\n      style={{\n        rowGap: vGutter,\n        marginLeft: hGutter ? -hGutter / 2 : undefined,\n        marginRight: hGutter ? -hGutter / 2 : undefined,\n        ...style,\n      }}\n    >\n      {React.Children.map(children, (child) => {\n        if (!React.isValidElement(child)) return child;\n        if (hGutter) {\n          return React.cloneElement(child as React.ReactElement<any>, {\n            style: {\n              paddingLeft: hGutter / 2,\n              paddingRight: hGutter / 2,\n              ...(child.props.style || {}),\n            },\n          });\n        }\n        return child;\n      })}\n    </div>\n  );\n}\n\nexport default Row;\n"],"mappings":";;;;AAmBA,SAAS,IAAI,OAAiB;CAC5B,MAAM,EACJ,SAAS,GACT,OACA,SACA,OAAO,MACP,WACA,OACA,aACE;CAEJ,MAAM,CAAC,SAAS,WAAW,MAAM,QAAQ,OAAO,GAAG,SAAS,CAAC,QAAQ,EAAE;AAkBvE,QACE,oBAAC,OAAD;EACE,WAAW,GACT,mBACA,QAAQ,gBACR,SArBmC;GACvC,KAAK;GACL,QAAQ;GACR,QAAQ;GACR,SAAS;GACV,CAgBuB,QAClB,WAfqC;GACzC,OAAO;GACP,KAAK;GACL,QAAQ;GACR,gBAAgB;GAChB,iBAAiB;GACjB,gBAAgB;GACjB,CAQ2B,UACtB,UACD;EACD,OAAO;GACL,QAAQ;GACR,YAAY,UAAU,CAAC,UAAU,IAAI;GACrC,aAAa,UAAU,CAAC,UAAU,IAAI;GACtC,GAAG;GACJ;YAEA,MAAM,SAAS,IAAI,WAAW,UAAU;AACvC,OAAI,CAAC,MAAM,eAAe,MAAM,CAAE,QAAO;AACzC,OAAI,QACF,QAAO,MAAM,aAAa,OAAkC,EAC1D,OAAO;IACL,aAAa,UAAU;IACvB,cAAc,UAAU;IACxB,GAAI,MAAM,MAAM,SAAS,EAAE;IAC5B,EACF,CAAC;AAEJ,UAAO;IACP;EACE,CAAA"}
+{"version":3,"file":"index.js","names":["React","cn","RowProps","gutter","align","justify","wrap","className","style","CSSProperties","children","ReactNode","Row","props","$","_c","t0","t1","undefined","t2","Array","isArray","hGutter","vGutter","t3","Symbol","for","top","middle","bottom","stretch","alignMap","t4","start","end","center","justifyMap","t5","t6","t7","t8","t9","t10","t11","rowGap","marginLeft","marginRight","t12","t13","child","isValidElement","cloneElement","paddingLeft","paddingRight","Children","map"],"sources":["../../src/Row/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface RowProps {\n  gutter?: number | [number, number];\n  align?: 'top' | 'middle' | 'bottom' | 'stretch';\n  justify?:\n    | 'start'\n    | 'end'\n    | 'center'\n    | 'space-around'\n    | 'space-between'\n    | 'space-evenly';\n  wrap?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nfunction Row(props: RowProps) {\n  const {\n    gutter = 0,\n    align,\n    justify,\n    wrap = true,\n    className,\n    style,\n    children,\n  } = props;\n\n  const [hGutter, vGutter] = Array.isArray(gutter) ? gutter : [gutter, 0];\n\n  const alignMap: Record<string, string> = {\n    top: 'tw-items-start',\n    middle: 'tw-items-center',\n    bottom: 'tw-items-end',\n    stretch: 'tw-items-stretch',\n  };\n\n  const justifyMap: Record<string, string> = {\n    start: 'tw-justify-start',\n    end: 'tw-justify-end',\n    center: 'tw-justify-center',\n    'space-around': 'tw-justify-around',\n    'space-between': 'tw-justify-between',\n    'space-evenly': 'tw-justify-evenly',\n  };\n\n  return (\n    <div\n      className={cn(\n        'ald-row tw-flex',\n        wrap && 'tw-flex-wrap',\n        align && alignMap[align],\n        justify && justifyMap[justify],\n        className,\n      )}\n      style={{\n        rowGap: vGutter,\n        marginLeft: hGutter ? -hGutter / 2 : undefined,\n        marginRight: hGutter ? -hGutter / 2 : undefined,\n        ...style,\n      }}\n    >\n      {React.Children.map(children, (child) => {\n        if (!React.isValidElement<{ style?: React.CSSProperties }>(child))\n          return child;\n        if (hGutter) {\n          return React.cloneElement(child, {\n            style: {\n              paddingLeft: hGutter / 2,\n              paddingRight: hGutter / 2,\n              ...(child.props.style || {}),\n            },\n          });\n        }\n        return child;\n      })}\n    </div>\n  );\n}\n\nexport default Row;\n"],"mappings":"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"}

package/dist/Row.js

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

package/dist/ScrollArea/index.d.ts

@@ -11,5 +11,5 @@ interface Props extends ScrollAreaProps {
     contentDeterminesWidth?: boolean;
     innerStyle?: React.CSSProperties;
 }
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>>;
+declare const _default: React.NamedExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/ScrollArea/index.js

@@ -1,42 +1,154 @@
 import { cn } from "../lib/utils.js";
 /* empty css            */
+import { c } from "react-compiler-runtime";
 import { forwardRef, memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as ScrollAreaComponent from "@radix-ui/react-scroll-area";
 //#region src/ScrollArea/index.tsx
 var ScrollArea = (props, ref) => {
-	const { children, className, innerClassName, horizontalScrollBarClassName, verticalScrollBarClassName, onViewportScroll, contentDeterminesWidth, scrollBarHidden, asChild, innerStyle, ...rest } = props;
-	const isHorizontalScrollBarHidden = scrollBarHidden?.includes("horizontal");
-	const isVerticalScrollBarHidden = scrollBarHidden?.includes("vertical");
-	return /* @__PURE__ */ jsxs(ScrollAreaComponent.Root, {
-		...rest,
-		scrollHideDelay: 50,
-		className: cn("ald-scroll-area", className),
-		children: [
-			/* @__PURE__ */ jsx(ScrollAreaComponent.Viewport, {
-				asChild,
-				className: cn("ald-scroll-area-inner", { "ald-scroll-area-width-auto": !contentDeterminesWidth }, innerClassName),
-				style: { ...innerStyle },
-				onScroll: (event) => {
-					onViewportScroll?.(event);
-				},
-				ref,
-				children
-			}),
-			!isVerticalScrollBarHidden && /* @__PURE__ */ jsx(ScrollAreaComponent.Scrollbar, {
-				style: { right: 3 },
-				className: cn("ald-scroll-area-bar", verticalScrollBarClassName),
-				orientation: "vertical",
-				children: /* @__PURE__ */ jsx(ScrollAreaComponent.Thumb, { className: "ald-scroll-area-thumb" })
-			}),
-			!isHorizontalScrollBarHidden && /* @__PURE__ */ jsx(ScrollAreaComponent.Scrollbar, {
-				className: cn("ald-scroll-area-bar", horizontalScrollBarClassName),
-				style: { bottom: 3 },
-				orientation: "horizontal",
-				children: /* @__PURE__ */ jsx(ScrollAreaComponent.Thumb, { className: "ald-scroll-area-thumb" })
-			})
-		]
-	});
+	const $ = c(44);
+	let asChild;
+	let children;
+	let className;
+	let contentDeterminesWidth;
+	let horizontalScrollBarClassName;
+	let innerClassName;
+	let innerStyle;
+	let onViewportScroll;
+	let rest;
+	let scrollBarHidden;
+	let verticalScrollBarClassName;
+	if ($[0] !== props) {
+		({children, className, innerClassName, horizontalScrollBarClassName, verticalScrollBarClassName, onViewportScroll, contentDeterminesWidth, scrollBarHidden, asChild, innerStyle, ...rest} = props);
+		$[0] = props;
+		$[1] = asChild;
+		$[2] = children;
+		$[3] = className;
+		$[4] = contentDeterminesWidth;
+		$[5] = horizontalScrollBarClassName;
+		$[6] = innerClassName;
+		$[7] = innerStyle;
+		$[8] = onViewportScroll;
+		$[9] = rest;
+		$[10] = scrollBarHidden;
+		$[11] = verticalScrollBarClassName;
+	} else {
+		asChild = $[1];
+		children = $[2];
+		className = $[3];
+		contentDeterminesWidth = $[4];
+		horizontalScrollBarClassName = $[5];
+		innerClassName = $[6];
+		innerStyle = $[7];
+		onViewportScroll = $[8];
+		rest = $[9];
+		scrollBarHidden = $[10];
+		verticalScrollBarClassName = $[11];
+	}
+	let t0;
+	if ($[12] !== scrollBarHidden) {
+		t0 = scrollBarHidden?.includes("horizontal");
+		$[12] = scrollBarHidden;
+		$[13] = t0;
+	} else t0 = $[13];
+	const isHorizontalScrollBarHidden = t0;
+	let t1;
+	if ($[14] !== scrollBarHidden) {
+		t1 = scrollBarHidden?.includes("vertical");
+		$[14] = scrollBarHidden;
+		$[15] = t1;
+	} else t1 = $[15];
+	const isVerticalScrollBarHidden = t1;
+	let t2;
+	if ($[16] !== className) {
+		t2 = cn("ald-scroll-area", className);
+		$[16] = className;
+		$[17] = t2;
+	} else t2 = $[17];
+	const t3 = !contentDeterminesWidth;
+	let t4;
+	if ($[18] !== innerClassName || $[19] !== t3) {
+		t4 = cn("ald-scroll-area-inner", { "ald-scroll-area-width-auto": t3 }, innerClassName);
+		$[18] = innerClassName;
+		$[19] = t3;
+		$[20] = t4;
+	} else t4 = $[20];
+	let t5;
+	if ($[21] !== innerStyle) {
+		t5 = { ...innerStyle };
+		$[21] = innerStyle;
+		$[22] = t5;
+	} else t5 = $[22];
+	let t6;
+	if ($[23] !== onViewportScroll) {
+		t6 = (event) => {
+			onViewportScroll?.(event);
+		};
+		$[23] = onViewportScroll;
+		$[24] = t6;
+	} else t6 = $[24];
+	let t7;
+	if ($[25] !== asChild || $[26] !== children || $[27] !== ref || $[28] !== t4 || $[29] !== t5 || $[30] !== t6) {
+		t7 = /* @__PURE__ */ jsx(ScrollAreaComponent.Viewport, {
+			asChild,
+			className: t4,
+			style: t5,
+			onScroll: t6,
+			ref,
+			children
+		});
+		$[25] = asChild;
+		$[26] = children;
+		$[27] = ref;
+		$[28] = t4;
+		$[29] = t5;
+		$[30] = t6;
+		$[31] = t7;
+	} else t7 = $[31];
+	let t8;
+	if ($[32] !== isVerticalScrollBarHidden || $[33] !== verticalScrollBarClassName) {
+		t8 = !isVerticalScrollBarHidden && /* @__PURE__ */ jsx(ScrollAreaComponent.Scrollbar, {
+			style: { right: 3 },
+			className: cn("ald-scroll-area-bar", verticalScrollBarClassName),
+			orientation: "vertical",
+			children: /* @__PURE__ */ jsx(ScrollAreaComponent.Thumb, { className: "ald-scroll-area-thumb" })
+		});
+		$[32] = isVerticalScrollBarHidden;
+		$[33] = verticalScrollBarClassName;
+		$[34] = t8;
+	} else t8 = $[34];
+	let t9;
+	if ($[35] !== horizontalScrollBarClassName || $[36] !== isHorizontalScrollBarHidden) {
+		t9 = !isHorizontalScrollBarHidden && /* @__PURE__ */ jsx(ScrollAreaComponent.Scrollbar, {
+			className: cn("ald-scroll-area-bar", horizontalScrollBarClassName),
+			style: { bottom: 3 },
+			orientation: "horizontal",
+			children: /* @__PURE__ */ jsx(ScrollAreaComponent.Thumb, { className: "ald-scroll-area-thumb" })
+		});
+		$[35] = horizontalScrollBarClassName;
+		$[36] = isHorizontalScrollBarHidden;
+		$[37] = t9;
+	} else t9 = $[37];
+	let t10;
+	if ($[38] !== rest || $[39] !== t2 || $[40] !== t7 || $[41] !== t8 || $[42] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(ScrollAreaComponent.Root, {
+			...rest,
+			scrollHideDelay: 50,
+			className: t2,
+			children: [
+				t7,
+				t8,
+				t9
+			]
+		});
+		$[38] = rest;
+		$[39] = t2;
+		$[40] = t7;
+		$[41] = t8;
+		$[42] = t9;
+		$[43] = t10;
+	} else t10 = $[43];
+	return t10;
 };
 var ScrollArea_default = memo(forwardRef(ScrollArea));
 //#endregion

package/dist/ScrollArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/ScrollArea/index.tsx"],"sourcesContent":["import * as ScrollAreaComponent from '@radix-ui/react-scroll-area';\nimport { ScrollAreaProps } from '@radix-ui/react-scroll-area';\nimport { cn } from '../lib/utils';\nimport React, { forwardRef, memo, ReactNode, Ref } from 'react';\nimport './scroll-area.css';\n\ninterface Props extends ScrollAreaProps {\n  children?: ReactNode;\n  className?: string;\n  horizontalScrollBarClassName?: string;\n  verticalScrollBarClassName?: string;\n  onViewportScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n  innerClassName?: string;\n  scrollBarHidden?: Array<'horizontal' | 'vertical'>;\n  contentDeterminesWidth?: boolean;\n  innerStyle?: React.CSSProperties;\n}\n\nconst ScrollArea = (props: Props, ref: Ref<HTMLDivElement>) => {\n  const {\n    children,\n    className,\n    innerClassName,\n    horizontalScrollBarClassName,\n    verticalScrollBarClassName,\n    onViewportScroll,\n    contentDeterminesWidth,\n    scrollBarHidden,\n    asChild,\n    innerStyle,\n    ...rest\n  } = props;\n  const isHorizontalScrollBarHidden = scrollBarHidden?.includes('horizontal');\n  const isVerticalScrollBarHidden = scrollBarHidden?.includes('vertical');\n  return (\n    <ScrollAreaComponent.Root\n      {...rest}\n      scrollHideDelay={50}\n      className={cn('ald-scroll-area', className)}\n    >\n      <ScrollAreaComponent.Viewport\n        asChild={asChild}\n        className={cn(\n          'ald-scroll-area-inner',\n          {\n            'ald-scroll-area-width-auto': !contentDeterminesWidth,\n          },\n          innerClassName,\n        )}\n        style={{\n          ...innerStyle,\n        }}\n        onScroll={(event) => {\n          onViewportScroll?.(event);\n        }}\n        ref={ref}\n      >\n        {children}\n      </ScrollAreaComponent.Viewport>\n      {!isVerticalScrollBarHidden && (\n        <ScrollAreaComponent.Scrollbar\n          style={{ right: 3 }}\n          className={cn('ald-scroll-area-bar', verticalScrollBarClassName)}\n          orientation=\"vertical\"\n        >\n          <ScrollAreaComponent.Thumb className={'ald-scroll-area-thumb'} />\n        </ScrollAreaComponent.Scrollbar>\n      )}\n      {!isHorizontalScrollBarHidden && (\n        <ScrollAreaComponent.Scrollbar\n          className={cn('ald-scroll-area-bar', horizontalScrollBarClassName)}\n          style={{ bottom: 3 }}\n          orientation=\"horizontal\"\n        >\n          <ScrollAreaComponent.Thumb className={'ald-scroll-area-thumb'} />\n        </ScrollAreaComponent.Scrollbar>\n      )}\n    </ScrollAreaComponent.Root>\n  );\n};\n\nexport default memo(forwardRef(ScrollArea));\n"],"mappings":";;;;;;AAkBA,IAAM,cAAc,OAAc,QAA6B;CAC7D,MAAM,EACJ,UACA,WACA,gBACA,8BACA,4BACA,kBACA,wBACA,iBACA,SACA,YACA,GAAG,SACD;CACJ,MAAM,8BAA8B,iBAAiB,SAAS,aAAa;CAC3E,MAAM,4BAA4B,iBAAiB,SAAS,WAAW;AACvE,QACE,qBAAC,oBAAoB,MAArB;EACE,GAAI;EACJ,iBAAiB;EACjB,WAAW,GAAG,mBAAmB,UAAU;YAH7C;GAKE,oBAAC,oBAAoB,UAArB;IACW;IACT,WAAW,GACT,yBACA,EACE,8BAA8B,CAAC,wBAChC,EACD,eACD;IACD,OAAO,EACL,GAAG,YACJ;IACD,WAAW,UAAU;AACnB,wBAAmB,MAAM;;IAEtB;IAEJ;IAC4B,CAAA;GAC9B,CAAC,6BACA,oBAAC,oBAAoB,WAArB;IACE,OAAO,EAAE,OAAO,GAAG;IACnB,WAAW,GAAG,uBAAuB,2BAA2B;IAChE,aAAY;cAEZ,oBAAC,oBAAoB,OAArB,EAA2B,WAAW,yBAA2B,CAAA;IACnC,CAAA;GAEjC,CAAC,+BACA,oBAAC,oBAAoB,WAArB;IACE,WAAW,GAAG,uBAAuB,6BAA6B;IAClE,OAAO,EAAE,QAAQ,GAAG;IACpB,aAAY;cAEZ,oBAAC,oBAAoB,OAArB,EAA2B,WAAW,yBAA2B,CAAA;IACnC,CAAA;GAET;;;AAI/B,IAAA,qBAAe,KAAK,WAAW,WAAW,CAAC"}
+{"version":3,"file":"index.js","names":["ScrollAreaComponent","ScrollAreaProps","cn","React","forwardRef","memo","ReactNode","Ref","Props","children","className","horizontalScrollBarClassName","verticalScrollBarClassName","onViewportScroll","event","UIEvent","HTMLDivElement","innerClassName","scrollBarHidden","Array","contentDeterminesWidth","innerStyle","CSSProperties","ScrollArea","props","ref","$","_c","asChild","rest","t0","includes","isHorizontalScrollBarHidden","t1","isVerticalScrollBarHidden","t2","t3","t4","t5","t6","t7","t8","right","t9","bottom","t10"],"sources":["../../src/ScrollArea/index.tsx"],"sourcesContent":["import * as ScrollAreaComponent from '@radix-ui/react-scroll-area';\nimport { ScrollAreaProps } from '@radix-ui/react-scroll-area';\nimport { cn } from '../lib/utils';\nimport React, { forwardRef, memo, ReactNode, Ref } from 'react';\nimport './scroll-area.css';\n\ninterface Props extends ScrollAreaProps {\n  children?: ReactNode;\n  className?: string;\n  horizontalScrollBarClassName?: string;\n  verticalScrollBarClassName?: string;\n  onViewportScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n  innerClassName?: string;\n  scrollBarHidden?: Array<'horizontal' | 'vertical'>;\n  contentDeterminesWidth?: boolean;\n  innerStyle?: React.CSSProperties;\n}\n\nconst ScrollArea = (props: Props, ref: Ref<HTMLDivElement>) => {\n  const {\n    children,\n    className,\n    innerClassName,\n    horizontalScrollBarClassName,\n    verticalScrollBarClassName,\n    onViewportScroll,\n    contentDeterminesWidth,\n    scrollBarHidden,\n    asChild,\n    innerStyle,\n    ...rest\n  } = props;\n  const isHorizontalScrollBarHidden = scrollBarHidden?.includes('horizontal');\n  const isVerticalScrollBarHidden = scrollBarHidden?.includes('vertical');\n  return (\n    <ScrollAreaComponent.Root\n      {...rest}\n      scrollHideDelay={50}\n      className={cn('ald-scroll-area', className)}\n    >\n      <ScrollAreaComponent.Viewport\n        asChild={asChild}\n        className={cn(\n          'ald-scroll-area-inner',\n          {\n            'ald-scroll-area-width-auto': !contentDeterminesWidth,\n          },\n          innerClassName,\n        )}\n        style={{\n          ...innerStyle,\n        }}\n        onScroll={(event) => {\n          onViewportScroll?.(event);\n        }}\n        ref={ref}\n      >\n        {children}\n      </ScrollAreaComponent.Viewport>\n      {!isVerticalScrollBarHidden && (\n        <ScrollAreaComponent.Scrollbar\n          style={{ right: 3 }}\n          className={cn('ald-scroll-area-bar', verticalScrollBarClassName)}\n          orientation=\"vertical\"\n        >\n          <ScrollAreaComponent.Thumb className={'ald-scroll-area-thumb'} />\n        </ScrollAreaComponent.Scrollbar>\n      )}\n      {!isHorizontalScrollBarHidden && (\n        <ScrollAreaComponent.Scrollbar\n          className={cn('ald-scroll-area-bar', horizontalScrollBarClassName)}\n          style={{ bottom: 3 }}\n          orientation=\"horizontal\"\n        >\n          <ScrollAreaComponent.Thumb className={'ald-scroll-area-thumb'} />\n        </ScrollAreaComponent.Scrollbar>\n      )}\n    </ScrollAreaComponent.Root>\n  );\n};\n\nexport default memo(forwardRef(ScrollArea));\n"],"mappings":"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"}

package/dist/ScrollArea.js

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

package/dist/Select/BaseSelect.d.ts

@@ -1,4 +1,4 @@
-import { PlacementType } from '../Dropdown';
+import { PlacementType } from '../Dropdown.js';
 import { BaseSelectRef, ISelectProps, LabelInValueType, SelectMenuProps } from './interface.js';
 import { SelectOptionCollection } from './components/OptionCollection.js';
 import * as React from 'react';
@@ -74,7 +74,7 @@ export interface BaseSelectProps extends BaseSelectPrivateProps, ISelectProps, R
     onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
 }
-export declare function isMultiple(mode?: Mode): boolean;
+export declare function isMultiple(mode?: Mode): mode is Mode;
 export declare function isResponsive(mode?: Mode): boolean | undefined;
 export declare function isShowSelectedSection(mode?: Mode): boolean | undefined;
 declare const BaseSelect: React.ForwardRefExoticComponent<BaseSelectProps & React.RefAttributes<BaseSelectRef>>;

package/dist/Select/BaseSelect.js

@@ -15,7 +15,7 @@ import * as React$1 from "react";
 import { useContext, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import _ from "lodash";
-import useMergedState from "rc-util/es/hooks/useMergedState";
+import useMergedState from "rc-util/es/hooks/useMergedState.js";
 //#region src/Select/BaseSelect.tsx
 function splitAriaProps(props) {
 	return Object.keys(props).reduce((result, key) => {
@@ -77,6 +77,7 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 	}));
 	const [isHover, setIsHover] = useState(false);
 	const [activeOptionKey, setActiveOptionKey] = useState();
+	const [showActiveOption, setShowActiveOption] = useState(false);
 	const [composingSearchValue, setComposingSearchValue] = useState();
 	const isComposingSearchRef = useRef(false);
 	const isSearchableCollection = !!optionCollection && !!showSearch;
@@ -103,7 +104,10 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 	const onToggleOpen = React$1.useCallback((newOpen) => {
 		const nextOpen = newOpen !== void 0 ? newOpen : !mergedOpen;
 		if (nextOpen) updateMatchedPopupWidth();
-		if (!nextOpen) setShowResponsiveSelectedSection(false);
+		if (!nextOpen) {
+			setShowResponsiveSelectedSection(false);
+			setShowActiveOption(false);
+		}
 		if (mergedOpen !== nextOpen && !disabled) {
 			setInnerOpen(nextOpen);
 			onOpenChange?.(nextOpen);
@@ -125,7 +129,7 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 			setActiveOptionKey(void 0);
 			return;
 		}
-		setActiveOptionKey((current) => optionCollection.enabledOptions.some((option) => option.key === current) ? current : getInitialActiveOptionKey("first"));
+		setActiveOptionKey((current) => optionCollection.enabledOptions.some((option_0) => option_0.key === current) ? current : getInitialActiveOptionKey("first"));
 	}, [
 		getInitialActiveOptionKey,
 		mergedOpen,
@@ -136,8 +140,8 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 		const element = selectRef.current;
 		if (!element) return;
 		const updateMatchedWidth = () => {
-			const nextWidth = element.getBoundingClientRect().width;
-			setMatchedPopupWidth((currentWidth) => currentWidth === nextWidth ? currentWidth : nextWidth);
+			const nextWidth_0 = element.getBoundingClientRect().width;
+			setMatchedPopupWidth((currentWidth_0) => currentWidth_0 === nextWidth_0 ? currentWidth_0 : nextWidth_0);
 		};
 		updateMatchedWidth();
 		if (typeof ResizeObserver === "undefined") {
@@ -203,24 +207,24 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 		onClick?.(e);
 	}, [disabled, onClick]);
 	React$1.useEffect(() => {
-		const element = selectRef.current;
-		if (element) {
+		const element_0 = selectRef.current;
+		if (element_0) {
 			const handleMouseOver = () => setIsHover(true);
 			const handleMouseOut = () => setIsHover(false);
-			element.addEventListener("mouseover", handleMouseOver);
-			element.addEventListener("mouseout", handleMouseOut);
+			element_0.addEventListener("mouseover", handleMouseOver);
+			element_0.addEventListener("mouseout", handleMouseOut);
 			return () => {
-				element.removeEventListener("mouseover", handleMouseOver);
-				element.removeEventListener("mouseout", handleMouseOut);
+				element_0.removeEventListener("mouseover", handleMouseOver);
+				element_0.removeEventListener("mouseout", handleMouseOut);
 			};
 		}
 	}, []);
 	const mergedPopupMatchSelectWidth = shouldMatchPopupWidth && matchedPopupWidth !== void 0 ? matchedPopupWidth : popupMatchSelectWidth;
-	const activeOptionId = optionCollection?.options.find((option) => option.key === activeOptionKey)?.id;
-	const moveActiveOption = React$1.useCallback((direction) => {
+	const activeOptionId = optionCollection?.options.find((option_1) => option_1.key === activeOptionKey)?.id;
+	const moveActiveOption = React$1.useCallback((direction_0) => {
 		if (!optionCollection || optionCollection.enabledOptions.length === 0) return;
-		const currentIndex = optionCollection.enabledOptions.findIndex((option) => option.key === activeOptionKey);
-		const nextIndex = currentIndex === -1 ? direction === 1 ? 0 : optionCollection.enabledOptions.length - 1 : (currentIndex + direction + optionCollection.enabledOptions.length) % optionCollection.enabledOptions.length;
+		const currentIndex = optionCollection.enabledOptions.findIndex((option_2) => option_2.key === activeOptionKey);
+		const nextIndex = currentIndex === -1 ? direction_0 === 1 ? 0 : optionCollection.enabledOptions.length - 1 : (currentIndex + direction_0 + optionCollection.enabledOptions.length) % optionCollection.enabledOptions.length;
 		setActiveOptionKey(optionCollection.enabledOptions[nextIndex].key);
 	}, [activeOptionKey, optionCollection]);
 	const typeaheadRef = useRef({
@@ -229,9 +233,10 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 	});
 	const onCollectionKeyDown = React$1.useCallback((event) => {
 		if (!optionCollection || disabled) return;
-		const openCollection = (position) => {
+		const openCollection = (position_0) => {
 			event.preventDefault();
-			setActiveOptionKey(getInitialActiveOptionKey(position));
+			setActiveOptionKey(getInitialActiveOptionKey(position_0));
+			setShowActiveOption(true);
 			onToggleOpen(true);
 		};
 		if (!mergedOpen) {
@@ -242,27 +247,31 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 		}
 		if (event.key === "ArrowDown") {
 			event.preventDefault();
+			setShowActiveOption(true);
 			moveActiveOption(1);
 			return;
 		}
 		if (event.key === "ArrowUp") {
 			event.preventDefault();
+			setShowActiveOption(true);
 			moveActiveOption(-1);
 			return;
 		}
 		if (event.key === "Home") {
 			event.preventDefault();
+			setShowActiveOption(true);
 			setActiveOptionKey(optionCollection.enabledOptions[0]?.key);
 			return;
 		}
 		if (event.key === "End") {
 			event.preventDefault();
+			setShowActiveOption(true);
 			setActiveOptionKey(optionCollection.enabledOptions[optionCollection.enabledOptions.length - 1]?.key);
 			return;
 		}
 		if (event.key === "Enter" || event.key === " ") {
 			event.preventDefault();
-			const activeOption = optionCollection.options.find((option) => option.key === activeOptionKey);
+			const activeOption = optionCollection.options.find((option_3) => option_3.key === activeOptionKey);
 			if (activeOption && !activeOption.disabled) {
 				if (!isMultipleMode) onToggleOpen(false);
 				onCollectionOptionSelect?.(activeOption.value);
@@ -288,10 +297,11 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 				timestamp: now
 			};
 			const normalizedQuery = query.toLocaleLowerCase();
-			const activeIndex = optionCollection.enabledOptions.findIndex((option) => option.key === activeOptionKey);
-			const match = [...optionCollection.enabledOptions.slice(activeIndex + 1), ...optionCollection.enabledOptions.slice(0, activeIndex + 1)].find((option) => String(option.label ?? option.value).toLocaleLowerCase().startsWith(normalizedQuery));
+			const activeIndex = optionCollection.enabledOptions.findIndex((option_4) => option_4.key === activeOptionKey);
+			const match = [...optionCollection.enabledOptions.slice(activeIndex + 1), ...optionCollection.enabledOptions.slice(0, activeIndex + 1)].find((option_5) => String(option_5.label ?? option_5.value).toLocaleLowerCase().startsWith(normalizedQuery));
 			if (match) {
 				event.preventDefault();
+				setShowActiveOption(true);
 				setActiveOptionKey(match.key);
 			}
 		}
@@ -306,14 +316,14 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 		optionCollection,
 		isSearchableCollection
 	]);
-	const onSearchInputKeyDown = React$1.useCallback((event) => {
-		onInputKeyDown?.(event);
-		if (event.defaultPrevented) return;
-		if (event.key === " " || event.key.length === 1 && !event.altKey && !event.ctrlKey && !event.metaKey) return;
-		onCollectionKeyDown(event);
+	const onSearchInputKeyDown = React$1.useCallback((event_0) => {
+		onInputKeyDown?.(event_0);
+		if (event_0.defaultPrevented) return;
+		if (event_0.key === " " || event_0.key.length === 1 && !event_0.altKey && !event_0.ctrlKey && !event_0.metaKey) return;
+		onCollectionKeyDown(event_0);
 	}, [onCollectionKeyDown, onInputKeyDown]);
-	const onSearchInputChange = React$1.useCallback((event) => {
-		const nextValue = event.target.value;
+	const onSearchInputChange = React$1.useCallback((event_1) => {
+		const nextValue = event_1.target.value;
 		if (isComposingSearchRef.current) {
 			setComposingSearchValue(nextValue);
 			return;
@@ -323,16 +333,17 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 	const searchInputValue = composingSearchValue ?? innerSearchValue ?? "";
 	const collectionContent = optionCollection ? /* @__PURE__ */ jsx(OptionCollection, {
 		collection: optionCollection,
-		selectedValues: displayValues.map((item) => item.value),
-		activeOptionKey,
+		selectedValues: displayValues.map((item_0) => item_0.value),
+		activeOptionKey: showActiveOption ? activeOptionKey : void 0,
 		multiple: isMultipleMode,
 		loading,
 		listHeight: props.listHeight ?? 256,
 		notFoundContent,
-		onSelect: (value) => {
+		onSelect: (value_0) => {
 			if (!isMultipleMode) onToggleOpen(false);
-			onCollectionOptionSelect?.(value);
-		}
+			onCollectionOptionSelect?.(value_0);
+		},
+		onPointerMove: () => setShowActiveOption(false)
 	}) : void 0;
 	return /* @__PURE__ */ jsxs("div", {
 		className: mergedClassName,
@@ -362,10 +373,11 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 			overlayStyle: overlayStyle || dropdownStyle,
 			placement,
 			allowOverlap,
-			onOpenChange: (open) => {
+			onOpenChange: (open_0) => {
+				setShowActiveOption(false);
 				if (isResponsiveMode) if (!mergedOpen && !showResponsiveSelectedSection && displayValues.length > 0 && isShowSelectedSection(mode)) setShowResponsiveSelectedSection(true);
-				else onToggleOpen(open);
-				else onToggleOpen(open);
+				else onToggleOpen(open_0);
+				else onToggleOpen(open_0);
 			},
 			children: /* @__PURE__ */ jsxs("div", {
 				...!isSearchableCollection ? ownerAriaProps : {},
@@ -401,10 +413,10 @@ var BaseSelect = React$1.forwardRef((props, ref) => {
 					onCompositionStart: () => {
 						isComposingSearchRef.current = true;
 					},
-					onCompositionEnd: (event) => {
+					onCompositionEnd: (event_2) => {
 						isComposingSearchRef.current = false;
 						setComposingSearchValue(void 0);
-						setInnerSearchValue?.(event.currentTarget.value);
+						setInnerSearchValue?.(event_2.currentTarget.value);
 					},
 					onKeyDown: onSearchInputKeyDown
 				}) : /* @__PURE__ */ jsxs(Fragment, { children: [_.isEmpty(displayValues) && /* @__PURE__ */ jsx("div", {