@pyck/react 0.0.5 → 0.0.6

package/dist/components/switch/index.js

@@ -1,4 +1,5 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { VisuallyHidden, createStyleContext, styled } from "@pyck/styled-system/jsx";
 import { switchRecipe } from "@pyck/styled-system/recipes";
@@ -28,52 +29,182 @@ const HiddenInput = Switch$1.HiddenInput;
 const Control = withContext(Switch$1.Control, "control", { defaultProps: { children: <Thumb /> } });
 const StyledIndicator = withContext(ark.span, "indicator");
 const Indicator = forwardRef(function Indicator(props, ref) {
-	const { fallback, children, ...rest } = props;
+	const $ = c(9);
+	let children;
+	let fallback;
+	let rest;
+	if ($[0] !== props) {
+		({fallback, children, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = fallback;
+		$[3] = rest;
+	} else {
+		children = $[1];
+		fallback = $[2];
+		rest = $[3];
+	}
 	const api = useSwitchContext();
-	return <StyledIndicator ref={ref} data-checked={api.checked ? "" : void 0} {...rest}>
-        {api.checked ? children : fallback}
-      </StyledIndicator>;
+	const t0 = api.checked ? "" : void 0;
+	const t1 = api.checked ? children : fallback;
+	let t2;
+	if ($[4] !== ref || $[5] !== rest || $[6] !== t0 || $[7] !== t1) {
+		t2 = <StyledIndicator ref={ref} data-checked={t0} {...rest}>{t1}</StyledIndicator>;
+		$[4] = ref;
+		$[5] = rest;
+		$[6] = t0;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 });
 const StyledThumbIndicator = styled(ark.span);
 const ThumbIndicator = forwardRef(function SwitchThumbIndicator(props, ref) {
-	const { fallback, children, ...rest } = props;
+	const $ = c(9);
+	let children;
+	let fallback;
+	let rest;
+	if ($[0] !== props) {
+		({fallback, children, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = fallback;
+		$[3] = rest;
+	} else {
+		children = $[1];
+		fallback = $[2];
+		rest = $[3];
+	}
 	const api = useSwitchContext();
-	return <StyledThumbIndicator ref={ref} data-checked={api.checked ? "" : void 0} {...rest}>
-        {api.checked ? children : fallback}
-      </StyledThumbIndicator>;
+	const t0 = api.checked ? "" : void 0;
+	const t1 = api.checked ? children : fallback;
+	let t2;
+	if ($[4] !== ref || $[5] !== rest || $[6] !== t0 || $[7] !== t1) {
+		t2 = <StyledThumbIndicator ref={ref} data-checked={t0} {...rest}>{t1}</StyledThumbIndicator>;
+		$[4] = ref;
+		$[5] = rest;
+		$[6] = t0;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 });
 
 //#endregion
 //#region src/components/switch/switch.closed.tsx
 const Switch = forwardRef(function Switch(props, ref) {
-	const { inputProps, children, rootRef = null, trackLabel, thumbLabel, ...rest } = props;
-	return <switch_exports.Root ref={rootRef} {...rest}>
-      <switch_exports.HiddenInput ref={ref} {...inputProps} />
-      <switch_exports.Control>
-        <switch_exports.Thumb>
-          {thumbLabel && <switch_exports.ThumbIndicator fallback={thumbLabel?.off}>
-              {thumbLabel?.on}
-            </switch_exports.ThumbIndicator>}
-        </switch_exports.Thumb>
-        {trackLabel && <switch_exports.Indicator fallback={trackLabel.off}>{trackLabel.on}</switch_exports.Indicator>}
-      </switch_exports.Control>
-      {children && <switch_exports.Label>{children}</switch_exports.Label>}
-      {props["aria-label"] && <switch_exports.Label asChild>
-          <VisuallyHidden>{props["aria-label"]}</VisuallyHidden>
-        </switch_exports.Label>}
-    </switch_exports.Root>;
+	const $ = c(30);
+	let children;
+	let inputProps;
+	let rest;
+	let t0;
+	let thumbLabel;
+	let trackLabel;
+	if ($[0] !== props) {
+		({inputProps, children, rootRef: t0, trackLabel, thumbLabel, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = inputProps;
+		$[3] = rest;
+		$[4] = t0;
+		$[5] = thumbLabel;
+		$[6] = trackLabel;
+	} else {
+		children = $[1];
+		inputProps = $[2];
+		rest = $[3];
+		t0 = $[4];
+		thumbLabel = $[5];
+		trackLabel = $[6];
+	}
+	const rootRef = t0 === void 0 ? null : t0;
+	let t1;
+	if ($[7] !== inputProps || $[8] !== ref) {
+		t1 = <switch_exports.HiddenInput ref={ref} {...inputProps} />;
+		$[7] = inputProps;
+		$[8] = ref;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== thumbLabel) {
+		t2 = thumbLabel && <switch_exports.ThumbIndicator fallback={thumbLabel?.off}>{thumbLabel?.on}</switch_exports.ThumbIndicator>;
+		$[10] = thumbLabel;
+		$[11] = t2;
+	} else t2 = $[11];
+	let t3;
+	if ($[12] !== t2) {
+		t3 = <switch_exports.Thumb>{t2}</switch_exports.Thumb>;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	let t4;
+	if ($[14] !== trackLabel) {
+		t4 = trackLabel && <switch_exports.Indicator fallback={trackLabel.off}>{trackLabel.on}</switch_exports.Indicator>;
+		$[14] = trackLabel;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== t3 || $[17] !== t4) {
+		t5 = <switch_exports.Control>{t3}{t4}</switch_exports.Control>;
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	if ($[19] !== children) {
+		t6 = children && <switch_exports.Label>{children}</switch_exports.Label>;
+		$[19] = children;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== props) {
+		t7 = props["aria-label"] && <switch_exports.Label asChild={true}><VisuallyHidden>{props["aria-label"]}</VisuallyHidden></switch_exports.Label>;
+		$[21] = props;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== rest || $[24] !== rootRef || $[25] !== t1 || $[26] !== t5 || $[27] !== t6 || $[28] !== t7) {
+		t8 = <switch_exports.Root ref={rootRef} {...rest}>{t1}{t5}{t6}{t7}</switch_exports.Root>;
+		$[23] = rest;
+		$[24] = rootRef;
+		$[25] = t1;
+		$[26] = t5;
+		$[27] = t6;
+		$[28] = t7;
+		$[29] = t8;
+	} else t8 = $[29];
+	return t8;
 });
 
 //#endregion
 //#region src/components/switch/switch.field.tsx
 const SwitchField = (props) => {
+	const $ = c(8);
 	const { name, label, helperText, disabled } = props;
 	const { control } = useFormContext();
-	return <Controller name={name} control={control} render={({ field, fieldState }) => <Field helperText={helperText} disabled={field.disabled || disabled} invalid={!!fieldState.error} errorText={fieldState.error?.message}>
-          <Switch name={field.name} checked={field.value} onCheckedChange={({ checked }) => field.onChange(checked)} inputProps={{ onBlur: field.onBlur }}>
-            {label}
-          </Switch>
-        </Field>} />;
+	let t0;
+	if ($[0] !== disabled || $[1] !== helperText || $[2] !== label) {
+		t0 = (t1) => {
+			const { field, fieldState } = t1;
+			return <Field helperText={helperText} disabled={field.disabled || disabled} invalid={!!fieldState.error} errorText={fieldState.error?.message}><Switch name={field.name} checked={field.value} onCheckedChange={(t2) => {
+				const { checked } = t2;
+				return field.onChange(checked);
+			}} inputProps={{ onBlur: field.onBlur }}>{label}</Switch></Field>;
+		};
+		$[0] = disabled;
+		$[1] = helperText;
+		$[2] = label;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== control || $[5] !== name || $[6] !== t0) {
+		t1 = <Controller name={name} control={control} render={t0} />;
+		$[4] = control;
+		$[5] = name;
+		$[6] = t0;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
 };
 
 //#endregion

package/dist/components/table/index.js

@@ -1,5 +1,6 @@
 import { t as __exportAll } from "../../chunk-BYypO7fO.js";
 import { match } from "ts-pattern";
+import { c } from "react/compiler-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { ark } from "@ark-ui/react/factory";
 import { Box, HStack, createStyleContext } from "@pyck/styled-system/jsx";
@@ -14,67 +15,323 @@ import { DisplayDateValue } from "@pyck/react/display-date-value";
 //#region src/components/table/cells/table-cell-content.tsx
 const renderIcon = (icon, iconProps) => match(icon).when((x) => typeof x === "function", (Icon) => <Icon {...iconProps} />).otherwise((node) => node ?? null);
 const TableCellContent = (props) => {
-	const { children, icon, iconProps, tooltip, justifyContent = "flex-start", ...rest } = props;
-	const content = <HStack justifyContent={justifyContent} {...rest}>
-      <Wrap when={!!icon} with={(children) => <Icon boxSize="4">{children}</Icon>}>
-        {renderIcon(icon, iconProps)}
-      </Wrap>
-
-      <Box overflow="hidden" textOverflow="ellipsis">
-        {children}
-      </Box>
-    </HStack>;
-	return <Show when={!!tooltip} fallback={content}>
-      <Tooltip content={tooltip} openDelay={100}>
-        {content}
-      </Tooltip>
-    </Show>;
+	const $ = c(27);
+	let children;
+	let icon;
+	let iconProps;
+	let rest;
+	let t0;
+	let tooltip;
+	if ($[0] !== props) {
+		({children, icon, iconProps, tooltip, justifyContent: t0, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = icon;
+		$[3] = iconProps;
+		$[4] = rest;
+		$[5] = t0;
+		$[6] = tooltip;
+	} else {
+		children = $[1];
+		icon = $[2];
+		iconProps = $[3];
+		rest = $[4];
+		t0 = $[5];
+		tooltip = $[6];
+	}
+	const justifyContent = t0 === void 0 ? "flex-start" : t0;
+	const t1 = !!icon;
+	let t2;
+	if ($[7] !== icon || $[8] !== iconProps) {
+		t2 = renderIcon(icon, iconProps);
+		$[7] = icon;
+		$[8] = iconProps;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== t1 || $[11] !== t2) {
+		t3 = <Wrap when={t1} with={_temp}>{t2}</Wrap>;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== children) {
+		t4 = <Box overflow="hidden" textOverflow="ellipsis">{children}</Box>;
+		$[13] = children;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== justifyContent || $[16] !== rest || $[17] !== t3 || $[18] !== t4) {
+		t5 = <HStack justifyContent={justifyContent} {...rest}>{t3}{t4}</HStack>;
+		$[15] = justifyContent;
+		$[16] = rest;
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+	} else t5 = $[19];
+	const content = t5;
+	const t6 = !!tooltip;
+	let t7;
+	if ($[20] !== content || $[21] !== tooltip) {
+		t7 = <Tooltip content={tooltip} openDelay={100}>{content}</Tooltip>;
+		$[20] = content;
+		$[21] = tooltip;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== content || $[24] !== t6 || $[25] !== t7) {
+		t8 = <Show when={t6} fallback={content}>{t7}</Show>;
+		$[23] = content;
+		$[24] = t6;
+		$[25] = t7;
+		$[26] = t8;
+	} else t8 = $[26];
+	return t8;
 };
+function _temp(children_0) {
+	return <Icon boxSize="4">{children_0}</Icon>;
+}
 
 //#endregion
 //#region src/components/table/cells/boolean-cell.tsx
 const BooleanCell = (props) => {
-	const { value: booleanValue, trueLabel = "Yes", falseLabel = "No", copyable, icon, tooltip, ...rest } = props;
-	const value = booleanValue ? trueLabel : falseLabel;
-	return <TableCellContent tooltip={tooltip} icon={icon} {...rest}>
-      <DisplayValue value={value} copyable={copyable} />
-    </TableCellContent>;
+	const $ = c(16);
+	let booleanValue;
+	let copyable;
+	let icon;
+	let rest;
+	let t0;
+	let t1;
+	let tooltip;
+	if ($[0] !== props) {
+		({value: booleanValue, trueLabel: t0, falseLabel: t1, copyable, icon, tooltip, ...rest} = props);
+		$[0] = props;
+		$[1] = booleanValue;
+		$[2] = copyable;
+		$[3] = icon;
+		$[4] = rest;
+		$[5] = t0;
+		$[6] = t1;
+		$[7] = tooltip;
+	} else {
+		booleanValue = $[1];
+		copyable = $[2];
+		icon = $[3];
+		rest = $[4];
+		t0 = $[5];
+		t1 = $[6];
+		tooltip = $[7];
+	}
+	const value = booleanValue ? t0 === void 0 ? "Yes" : t0 : t1 === void 0 ? "No" : t1;
+	let t2;
+	if ($[8] !== copyable || $[9] !== value) {
+		t2 = <DisplayValue value={value} copyable={copyable} />;
+		$[8] = copyable;
+		$[9] = value;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== icon || $[12] !== rest || $[13] !== t2 || $[14] !== tooltip) {
+		t3 = <TableCellContent tooltip={tooltip} icon={icon} {...rest}>{t2}</TableCellContent>;
+		$[11] = icon;
+		$[12] = rest;
+		$[13] = t2;
+		$[14] = tooltip;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
 };
 
 //#endregion
 //#region src/components/table/cells/date-cell.tsx
 const DateCell = (props) => {
-	const { value, type = "date", format, locale, copyable, icon, tooltip, justifyContent, ...rest } = props;
-	return <TableCellContent icon={icon} tooltip={tooltip} justifyContent={justifyContent} {...rest}>
-      <DisplayDateValue value={value} type={type} format={format} locale={locale} copyable={copyable} />
-    </TableCellContent>;
+	const $ = c(22);
+	let copyable;
+	let format;
+	let icon;
+	let justifyContent;
+	let locale;
+	let rest;
+	let t0;
+	let tooltip;
+	let value;
+	if ($[0] !== props) {
+		({value, type: t0, format, locale, copyable, icon, tooltip, justifyContent, ...rest} = props);
+		$[0] = props;
+		$[1] = copyable;
+		$[2] = format;
+		$[3] = icon;
+		$[4] = justifyContent;
+		$[5] = locale;
+		$[6] = rest;
+		$[7] = t0;
+		$[8] = tooltip;
+		$[9] = value;
+	} else {
+		copyable = $[1];
+		format = $[2];
+		icon = $[3];
+		justifyContent = $[4];
+		locale = $[5];
+		rest = $[6];
+		t0 = $[7];
+		tooltip = $[8];
+		value = $[9];
+	}
+	const type = t0 === void 0 ? "date" : t0;
+	let t1;
+	if ($[10] !== copyable || $[11] !== format || $[12] !== locale || $[13] !== type || $[14] !== value) {
+		t1 = <DisplayDateValue value={value} type={type} format={format} locale={locale} copyable={copyable} />;
+		$[10] = copyable;
+		$[11] = format;
+		$[12] = locale;
+		$[13] = type;
+		$[14] = value;
+		$[15] = t1;
+	} else t1 = $[15];
+	let t2;
+	if ($[16] !== icon || $[17] !== justifyContent || $[18] !== rest || $[19] !== t1 || $[20] !== tooltip) {
+		t2 = <TableCellContent icon={icon} tooltip={tooltip} justifyContent={justifyContent} {...rest}>{t1}</TableCellContent>;
+		$[16] = icon;
+		$[17] = justifyContent;
+		$[18] = rest;
+		$[19] = t1;
+		$[20] = tooltip;
+		$[21] = t2;
+	} else t2 = $[21];
+	return t2;
 };
 
 //#endregion
 //#region src/components/table/cells/number-cell.tsx
 const NumberCell = (props) => {
-	const { value, minimumFractionDigits, maximumFractionDigits, locale: localeProp, useGrouping, copyable, tooltip, justifyContent = "flex-end", icon, ...rest } = props;
+	const $ = c(26);
+	let copyable;
+	let icon;
+	let localeProp;
+	let maximumFractionDigits;
+	let minimumFractionDigits;
+	let rest;
+	let t0;
+	let tooltip;
+	let useGrouping;
+	let value;
+	if ($[0] !== props) {
+		({value, minimumFractionDigits, maximumFractionDigits, locale: localeProp, useGrouping, copyable, tooltip, justifyContent: t0, icon, ...rest} = props);
+		$[0] = props;
+		$[1] = copyable;
+		$[2] = icon;
+		$[3] = localeProp;
+		$[4] = maximumFractionDigits;
+		$[5] = minimumFractionDigits;
+		$[6] = rest;
+		$[7] = t0;
+		$[8] = tooltip;
+		$[9] = useGrouping;
+		$[10] = value;
+	} else {
+		copyable = $[1];
+		icon = $[2];
+		localeProp = $[3];
+		maximumFractionDigits = $[4];
+		minimumFractionDigits = $[5];
+		rest = $[6];
+		t0 = $[7];
+		tooltip = $[8];
+		useGrouping = $[9];
+		value = $[10];
+	}
+	const justifyContent = t0 === void 0 ? "flex-end" : t0;
 	const locale = localeProp ?? "en";
-	const formatValue = (n) => {
-		if (!Number.isFinite(n)) return null;
-		return new Intl.NumberFormat(locale, {
-			useGrouping,
-			minimumFractionDigits,
-			maximumFractionDigits
-		}).format(n);
-	};
-	return <TableCellContent icon={icon} tooltip={tooltip} justifyContent={justifyContent} {...rest}>
-      <DisplayValue value={value} formatValue={formatValue} copyable={copyable} />
-    </TableCellContent>;
+	let t1;
+	if ($[11] !== locale || $[12] !== maximumFractionDigits || $[13] !== minimumFractionDigits || $[14] !== useGrouping) {
+		t1 = (n) => {
+			if (!Number.isFinite(n)) return null;
+			return new Intl.NumberFormat(locale, {
+				useGrouping,
+				minimumFractionDigits,
+				maximumFractionDigits
+			}).format(n);
+		};
+		$[11] = locale;
+		$[12] = maximumFractionDigits;
+		$[13] = minimumFractionDigits;
+		$[14] = useGrouping;
+		$[15] = t1;
+	} else t1 = $[15];
+	const formatValue = t1;
+	let t2;
+	if ($[16] !== copyable || $[17] !== formatValue || $[18] !== value) {
+		t2 = <DisplayValue value={value} formatValue={formatValue} copyable={copyable} />;
+		$[16] = copyable;
+		$[17] = formatValue;
+		$[18] = value;
+		$[19] = t2;
+	} else t2 = $[19];
+	let t3;
+	if ($[20] !== icon || $[21] !== justifyContent || $[22] !== rest || $[23] !== t2 || $[24] !== tooltip) {
+		t3 = <TableCellContent icon={icon} tooltip={tooltip} justifyContent={justifyContent} {...rest}>{t2}</TableCellContent>;
+		$[20] = icon;
+		$[21] = justifyContent;
+		$[22] = rest;
+		$[23] = t2;
+		$[24] = tooltip;
+		$[25] = t3;
+	} else t3 = $[25];
+	return t3;
 };
 
 //#endregion
 //#region src/components/table/cells/text-cell.tsx
 const TextCell = (props) => {
-	const { value, formatValue, copyable, icon, tooltip, justifyContent = "flex-start", ...rest } = props;
-	return <TableCellContent icon={icon} tooltip={tooltip} justifyContent={justifyContent} {...rest}>
-      <DisplayValue value={value} formatValue={formatValue} copyable={copyable} />
-    </TableCellContent>;
+	const $ = c(18);
+	let copyable;
+	let formatValue;
+	let icon;
+	let rest;
+	let t0;
+	let tooltip;
+	let value;
+	if ($[0] !== props) {
+		({value, formatValue, copyable, icon, tooltip, justifyContent: t0, ...rest} = props);
+		$[0] = props;
+		$[1] = copyable;
+		$[2] = formatValue;
+		$[3] = icon;
+		$[4] = rest;
+		$[5] = t0;
+		$[6] = tooltip;
+		$[7] = value;
+	} else {
+		copyable = $[1];
+		formatValue = $[2];
+		icon = $[3];
+		rest = $[4];
+		t0 = $[5];
+		tooltip = $[6];
+		value = $[7];
+	}
+	const justifyContent = t0 === void 0 ? "flex-start" : t0;
+	let t1;
+	if ($[8] !== copyable || $[9] !== formatValue || $[10] !== value) {
+		t1 = <DisplayValue value={value} formatValue={formatValue} copyable={copyable} />;
+		$[8] = copyable;
+		$[9] = formatValue;
+		$[10] = value;
+		$[11] = t1;
+	} else t1 = $[11];
+	let t2;
+	if ($[12] !== icon || $[13] !== justifyContent || $[14] !== rest || $[15] !== t1 || $[16] !== tooltip) {
+		t2 = <TableCellContent icon={icon} tooltip={tooltip} justifyContent={justifyContent} {...rest}>{t1}</TableCellContent>;
+		$[12] = icon;
+		$[13] = justifyContent;
+		$[14] = rest;
+		$[15] = t1;
+		$[16] = tooltip;
+		$[17] = t2;
+	} else t2 = $[17];
+	return t2;
 };
 
 //#endregion
@@ -102,34 +359,81 @@ const Row = withContext(ark.tr, "row");
 //#endregion
 //#region src/components/table/use-virtualized-table-height.ts
 const SCROLL_THRESHOLD = .95;
-const useVirtualizedTableHeight = ({ virtualSize, tableRef, scrollRef }) => {
+const useVirtualizedTableHeight = (t0) => {
+	const $ = c(17);
+	const { virtualSize, tableRef, scrollRef } = t0;
 	const [isScrollNearBottom, setIsScrollNearBottom] = useState(false);
-	const handlePseudoResize = useCallback(() => {
-		return adjustTableHeight(tableRef, virtualSize);
-	}, [tableRef, virtualSize]);
-	const handleScroll = useCallback(() => {
-		if (scrollRef.current) {
-			const scrollPosition = scrollRef.current.scrollTop;
-			const visibleHeight = scrollRef.current.clientHeight;
-			setIsScrollNearBottom(scrollPosition > virtualSize * SCROLL_THRESHOLD - visibleHeight);
-		}
-	}, [scrollRef, virtualSize]);
-	useEffect(() => {
-		const scrollable = scrollRef.current;
-		if (scrollable) scrollable.addEventListener("scroll", handleScroll);
-		handlePseudoResize();
-		return () => {
-			if (scrollable) scrollable.removeEventListener("scroll", handleScroll);
+	let t1;
+	if ($[0] !== tableRef || $[1] !== virtualSize) {
+		t1 = () => adjustTableHeight(tableRef, virtualSize);
+		$[0] = tableRef;
+		$[1] = virtualSize;
+		$[2] = t1;
+	} else t1 = $[2];
+	const handlePseudoResize = t1;
+	let t2;
+	if ($[3] !== scrollRef || $[4] !== virtualSize) {
+		t2 = () => {
+			if (scrollRef.current) {
+				const scrollPosition = scrollRef.current.scrollTop;
+				const visibleHeight = scrollRef.current.clientHeight;
+				setIsScrollNearBottom(scrollPosition > virtualSize * SCROLL_THRESHOLD - visibleHeight);
+			}
+		};
+		$[3] = scrollRef;
+		$[4] = virtualSize;
+		$[5] = t2;
+	} else t2 = $[5];
+	const handleScroll = t2;
+	let t3;
+	let t4;
+	if ($[6] !== handlePseudoResize || $[7] !== handleScroll || $[8] !== scrollRef) {
+		t3 = () => {
+			const scrollable = scrollRef.current;
+			if (scrollable) scrollable.addEventListener("scroll", handleScroll);
+			handlePseudoResize();
+			return () => {
+				if (scrollable) scrollable.removeEventListener("scroll", handleScroll);
+			};
+		};
+		t4 = [
+			scrollRef,
+			handleScroll,
+			handlePseudoResize
+		];
+		$[6] = handlePseudoResize;
+		$[7] = handleScroll;
+		$[8] = scrollRef;
+		$[9] = t3;
+		$[10] = t4;
+	} else {
+		t3 = $[9];
+		t4 = $[10];
+	}
+	useEffect(t3, t4);
+	let t5;
+	let t6;
+	if ($[11] !== handlePseudoResize || $[12] !== isScrollNearBottom) {
+		t5 = () => {
+			if (isScrollNearBottom) handlePseudoResize();
 		};
-	}, [
-		scrollRef,
-		handleScroll,
-		handlePseudoResize
-	]);
-	useEffect(() => {
-		if (isScrollNearBottom) handlePseudoResize();
-	}, [isScrollNearBottom, handlePseudoResize]);
-	return { isScrollNearBottom };
+		t6 = [isScrollNearBottom, handlePseudoResize];
+		$[11] = handlePseudoResize;
+		$[12] = isScrollNearBottom;
+		$[13] = t5;
+		$[14] = t6;
+	} else {
+		t5 = $[13];
+		t6 = $[14];
+	}
+	useEffect(t5, t6);
+	let t7;
+	if ($[15] !== isScrollNearBottom) {
+		t7 = { isScrollNearBottom };
+		$[15] = isScrollNearBottom;
+		$[16] = t7;
+	} else t7 = $[16];
+	return t7;
 };
 const adjustTableHeight = (tableRef, virtualHeight) => {
 	if (!tableRef.current) return;