@swan-io/lake 11.3.1 → 11.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "11.3.1",
+  "version": "11.3.2",
   "engines": {
     "node": ">=20.9.0",
     "pnpm": "^9.13.0"
@@ -26,8 +26,8 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@react-three/drei": "^9.120.5",
-    "@react-three/fiber": "^8.17.10",
+    "@react-three/drei": "^9.121.2",
+    "@react-three/fiber": "^8.17.12",
     "@swan-io/boxed": "^3.2.0",
     "@swan-io/chicane": "^2.1.0",
     "@swan-io/use-form": "^3.1.0",
@@ -40,15 +40,15 @@
     "rifm": "^0.12.1",
     "three": "^0.172.0",
     "ts-dedent": "^2.2.0",
-    "ts-pattern": "^5.6.0",
-    "uuid": "^11.0.4"
+    "ts-pattern": "^5.6.1",
+    "uuid": "^11.0.5"
   },
   "devDependencies": {
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/react-native": "^0.72.8",
     "@types/three": "^0.172.0",
-    "jsdom": "^25.0.1",
-    "type-fest": "^4.31.0"
+    "jsdom": "^26.0.0",
+    "type-fest": "^4.32.0"
   }
 }

package/src/components/Breadcrumbs.js

@@ -48,7 +48,7 @@ const styles = StyleSheet.create({
     },
     horizontalLinkTextHovered: {
         color: colors.gray[900],
-        boxShadow: `0 1px currentColor`,
+        boxShadow: "0 1px currentColor",
     },
     activeHorizontalLinkText: {
         color: colors.gray[800],
@@ -127,6 +127,8 @@ export const BreadcrumbsRoot = ({ rootLevelCrumbs = emptyCrumbArray, children })
         setRootCrumbs(rootLevelCrumbs.map(crumb => ({ id: uuid(), crumb, isRootCrumb: true })));
     }, [rootLevelCrumbs]);
     const orderedCrumbs = useMemo(() => [...crumbs].sort((a, b) => { var _a, _b; return (((_a = b.index) !== null && _a !== void 0 ? _a : -1) > ((_b = a.index) !== null && _b !== void 0 ? _b : -1) ? -1 : 1); }), [crumbs]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies(setCrumbs):
+    // biome-ignore lint/correctness/useExhaustiveDependencies(currentIndexRef):
     const value = useMemo(() => [rootCrumbs, orderedCrumbs, setCrumbs, currentIndexRef], [rootCrumbs, orderedCrumbs, setCrumbs, currentIndexRef]);
     return _jsx(BreadcrumbsContext.Provider, { value: value, children: children });
 };

package/src/components/Cells.js

@@ -13,7 +13,6 @@ import { LakeText } from "./LakeText";
 import { LakeTooltip } from "./LakeTooltip";
 import { Pressable } from "./Pressable";
 import { Space } from "./Space";
-/* eslint-disable react-native/no-unused-styles */
 const directionStyles = StyleSheet.create({
     column: { flexDirection: "column" },
     row: { flexDirection: "row" },
@@ -28,7 +27,6 @@ const justifyContentStyles = StyleSheet.create({
     center: { justifyContent: "center" },
     right: { justifyContent: "flex-end" },
 });
-/* eslint-enable react-native/no-unused-styles */
 const fadeOnLeftMask = `linear-gradient(to right, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[8]})`;
 const fadeOnRightMask = `linear-gradient(to left, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[8]})`;
 const styles = StyleSheet.create({
@@ -73,7 +71,6 @@ const styles = StyleSheet.create({
     headerUnderlineActive: {
         backgroundColor: colors.current[500],
     },
-    // eslint-disable-next-line react-native/no-color-literals
     buttonUnderline: {
         position: "absolute",
         bottom: 0,

package/src/components/FlatList.js

@@ -15,6 +15,8 @@ const FlatListWithRef = ({ ItemSeparatorComponent, ListEmptyComponent, ListFoote
     const scrollTrackerStyle = horizontal
         ? { top: 0, width: onEndReachedThresholdPx }
         : { left: 0, height: onEndReachedThresholdPx };
+    // biome-ignore lint/correctness/useExhaustiveDependencies(onEndReached):
+    // biome-ignore lint/correctness/useExhaustiveDependencies(data.length):
     useEffect(() => {
         const element = scrollTrackerRef.current;
         if (element != null) {
@@ -31,7 +33,7 @@ const FlatListWithRef = ({ ItemSeparatorComponent, ListEmptyComponent, ListFoote
             };
         }
         // re-create an observer only on list length change
-    }, [data.length]); // eslint-disable-line react-hooks/exhaustive-deps
+    }, [data.length]);
     return (_jsxs(ScrollView, { contentContainerStyle: contentContainerStyle, horizontal: horizontal, onKeyDown: onKeyDown, onScroll: onScroll, ref: forwardedRef, role: role, scrollEventThrottle: scrollEventThrottle, showsScrollIndicators: showsScrollIndicators, style: style, children: [ListHeaderComponent, data.length <= 0
                 ? ListEmptyComponent
                 : data.map((item, index) => (_jsxs(Fragment, { children: [index !== 0 && ItemSeparatorComponent, renderItem({ item, index })] }, keyExtractor(item, index)))), ListFooterComponent, _jsx(View, { role: "none", ref: scrollTrackerRef, style: [styles.scrollTracker, scrollTrackerStyle] })] }));

package/src/components/FocusTrap.js

@@ -13,7 +13,9 @@ export const FocusTrap = forwardRef(({ children, focusLock, onClickOutside, onEs
     const previouslyFocusedRef = useRef(null);
     const hasFocusedOutside = useRef(false);
     useImperativeHandle(ref, () => ({
-        setInitiallyFocusedElement: element => (previouslyFocusedRef.current = element),
+        setInitiallyFocusedElement: element => {
+            previouslyFocusedRef.current = element;
+        },
     }));
     const [initialEscapeListenerCount] = useState(escapeListenerCount);
     useEffect(() => {

package/src/components/LakeButton.js

@@ -207,7 +207,7 @@ export const LakeButton = memo(forwardRef(({ ariaControls, ariaExpanded, ariaLab
                         : invariantColors.transparent,
             }))
                 .exhaustive(),
-            typeof style == "function" ? style({ hovered, pressed, focused }) : style,
+            typeof style === "function" ? style({ hovered, pressed, focused }) : style,
         ], children: ({ pressed, hovered }) => {
             const textColor = isPrimary
                 ? colors[color].contrast

package/src/components/LakeCheckbox.js

@@ -39,6 +39,7 @@ const styles = StyleSheet.create({
 export const LakeCheckbox = ({ value, color = "current", disabled = false, isError = false, }) => {
     const isFirstRender = useRef(true);
     const [shouldAnimate, setShouldAnimate] = useState(false);
+    // biome-ignore lint/correctness/useExhaustiveDependencies(value):
     useEffect(() => {
         if (!isFirstRender.current) {
             setShouldAnimate(true);
@@ -56,5 +57,5 @@ export const LakeCheckbox = ({ value, color = "current", disabled = false, isErr
         ], children: [value === true && (_jsx(Svg, { viewBox: "0 0 16 16", children: _jsx(Path, { d: "m3.5 7.5 2.8 3.4 5.6-6.7", stroke: colors[color].contrast, strokeWidth: 1.5, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: "20", strokeDashoffset: shouldAnimate ? "20" : "0", children: shouldAnimate && (_jsx(Animate, { attributeName: "stroke-dashoffset", values: "20;0", dur: "150ms", begin: "150ms", fill: "freeze" })) }) })), value === "mixed" && (_jsx(View, { style: [styles.mixed, { backgroundColor: colors[color].contrast }] }))] }));
 };
 export const LakeLabelledCheckbox = ({ value, color, label, onValueChange, disabled = false, isError = false, }) => {
-    return (_jsxs(Pressable, { role: "checkbox", "aria-checked": value, style: styles.labelled, onPress: () => onValueChange(value === true ? false : true), disabled: disabled, children: [_jsx(LakeCheckbox, { value: value, color: color, disabled: disabled, isError: isError }), _jsx(Space, { width: 8 }), _jsx(LakeText, { color: colors.gray[900], userSelect: "none", children: label }), isError ? (_jsxs(_Fragment, { children: [_jsx(Space, { width: 8 }), _jsx(View, { style: styles.errorPill })] })) : null] }));
+    return (_jsxs(Pressable, { role: "checkbox", "aria-checked": value, style: styles.labelled, onPress: () => onValueChange(value !== true), disabled: disabled, children: [_jsx(LakeCheckbox, { value: value, color: color, disabled: disabled, isError: isError }), _jsx(Space, { width: 8 }), _jsx(LakeText, { color: colors.gray[900], userSelect: "none", children: label }), isError ? (_jsxs(_Fragment, { children: [_jsx(Space, { width: 8 }), _jsx(View, { style: styles.errorPill })] })) : null] }));
 };

package/src/components/LakeSelect.js

@@ -189,7 +189,9 @@ const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current",
                         }, keyExtractor: (_, index) => `select-item-${index}`, renderItem: ({ item, index }) => {
                             const isSelected = value === item.value;
                             const disablement = disabledItems.find(({ value }) => value === item.value);
-                            return (_jsx(LakeTooltip, { placement: "right", content: disablement === null || disablement === void 0 ? void 0 : disablement.message, disabled: isNullishOrEmpty(disablement === null || disablement === void 0 ? void 0 : disablement.message), children: _jsxs(Pressable, { ref: element => (listItemRefs.current[index] = element), onKeyDown: onKeyDown, disabled: isNotNullish(disablement), style: ({ hovered, focused }) => [
+                            return (_jsx(LakeTooltip, { placement: "right", content: disablement === null || disablement === void 0 ? void 0 : disablement.message, disabled: isNullishOrEmpty(disablement === null || disablement === void 0 ? void 0 : disablement.message), children: _jsxs(Pressable, { ref: element => {
+                                        listItemRefs.current[index] = element;
+                                    }, onKeyDown: onKeyDown, disabled: isNotNullish(disablement), style: ({ hovered, focused }) => [
                                         styles.item,
                                         (hovered || isSelected) && styles.itemHighlighted,
                                         focused && styles.itemFocused,

package/src/components/LakeStepper.js

@@ -66,12 +66,10 @@ const StepLink = ({ to, disabled, style, children }) => {
     return disabled ? (_jsx("span", { style: style, children: children })) : (_jsx(Link, { to: to, style: style, children: children }));
 };
 export const LakeStepper = ({ steps, activeStepId, style }) => {
-    const stepIds = steps
-        .map(step => match(step)
+    const stepIds = steps.flatMap(step => match(step)
         .with({ id: P.string }, ({ id }) => [id])
         .with({ children: P.array(P.any) }, ({ children }) => children.map(({ id }) => id))
-        .exhaustive())
-        .flat();
+        .exhaustive());
     const activeStepIndex = stepIds.indexOf(activeStepId);
     return (_jsx(Grid, { numColumns: steps.length, horizontalSpace: 12, style: [styles.container, style], children: steps.map((step, index) => {
             const stepNumber = index + 1;
@@ -117,14 +115,13 @@ export const LakeStepper = ({ steps, activeStepId, style }) => {
 };
 export const MobileStepTitle = ({ steps, activeStepId }) => {
     const currentStep = Option.fromNullable(steps
-        .map((step, index) => match(step)
+        .flatMap((step, index) => match(step)
         .with({ id: P.string }, step => ({ ...step, number: `${index + 1}` }))
         .with({ children: P.array(P.any) }, ({ children }) => children.map((child, subIndex) => ({
         ...child,
         number: `${index + 1}.${subIndex + 1}`,
     })))
         .exhaustive())
-        .flat()
         .find(({ id }) => id === activeStepId)).map(({ label, hasErrors, number }) => ({
         number,
         label,

package/src/components/LakeTooltip.js

@@ -109,7 +109,7 @@ const Tooltip = memo(forwardRef(({ children, content, describedBy, matchReferenc
             }
             node.removeEventListener("mousedown", onPress);
         };
-    }, [referenceRef, togglableOnFocus, setVisible, onHide]);
+    }, [referenceRef, togglableOnFocus, onHide]);
     useEffect(() => {
         return () => clearTimeout(timeoutRef.current);
     }, []);

package/src/components/MultiSelect.js

@@ -151,6 +151,7 @@ export const MultiSelect = ({ color = "gray", disabled = false, emptyResultText,
             setFilter("");
         }
     }, [visible]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies(values):
     useEffect(() => {
         var _a, _b;
         if (shouldScrollToBottomRef.current) {

package/src/components/Popover.js

@@ -105,7 +105,7 @@ export const Popover = memo(({ children, id, label, role = "dialog", describedBy
         .with("Dropdown", () => "Dropdown")
         .exhaustive();
     if (mode === "BottomPanel") {
-        return (_jsx(BottomPanel, { visible: visible, onPressClose: onDismiss, returnFocus: false, children: typeof children == "function" ? children({ mode: "panel" }) : children }));
+        return (_jsx(BottomPanel, { visible: visible, onPressClose: onDismiss, returnFocus: false, children: typeof children === "function" ? children({ mode: "panel" }) : children }));
     }
     return (_jsxs(Portal, { container: rootElement, children: [visible && underlay ? (_jsx(Pressable, { ref: underlayRef, style: styles.underlay, onPress: onPressUnderlay, "aria-label": "Close" })) : null, _jsx(TransitionView, { style: styles.container, ...animation, children: position.isSome() ? (_jsx(View, { style: position.get().rootStyle, children: _jsx(View, { style: [
                             styles.popoverContainer,
@@ -117,5 +117,5 @@ export const Popover = memo(({ children, id, label, role = "dialog", describedBy
                                     .with("right", () => "flex-end")
                                     .exhaustive(),
                             },
-                        ], children: _jsx(ScrollView, { style: styles.popover, contentContainerStyle: styles.popoverContents, id: id, role: role, "aria-describedby": describedBy, "aria-label": label, children: _jsx(FocusTrap, { focusLock: true, returnFocus: returnFocus, autoFocus: autoFocus, onEscapeKey: onEscapeKey, onClickOutside: underlay ? undefined : onClickOutside, children: _jsx(Pressable, { tabIndex: -1, onPress: onPress, style: styles.defaultCursor, children: typeof children == "function" ? children({ mode: "dropdown" }) : children }) }) }) }) })) : null })] }));
+                        ], children: _jsx(ScrollView, { style: styles.popover, contentContainerStyle: styles.popoverContents, id: id, role: role, "aria-describedby": describedBy, "aria-label": label, children: _jsx(FocusTrap, { focusLock: true, returnFocus: returnFocus, autoFocus: autoFocus, onEscapeKey: onEscapeKey, onClickOutside: underlay ? undefined : onClickOutside, children: _jsx(Pressable, { tabIndex: -1, onPress: onPress, style: styles.defaultCursor, children: typeof children === "function" ? children({ mode: "dropdown" }) : children }) }) }) }) })) : null })] }));
 });

package/src/components/Pressable.js

@@ -17,7 +17,7 @@ const styles = StyleSheet.create({
     },
 });
 const getPressable = (
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// biome-ignore lint/suspicious/noExplicitAny:
 Component, config = {}) => {
     const { applyPressStyle = true } = config;
     return forwardRef((props, forwardedRef) => {
@@ -62,12 +62,14 @@ Component, config = {}) => {
             onHoverEnd: onHoverOut,
         });
         const interactionState = { hovered, focused, pressed };
+        // biome-ignore lint/correctness/useExhaustiveDependencies(hostRef):
         const blurHandler = useCallback((e) => {
             if (e.nativeEvent.target === hostRef.current) {
                 setFocused(false);
                 onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
             }
         }, [hostRef, setFocused, onBlur]);
+        // biome-ignore lint/correctness/useExhaustiveDependencies(hostRef):
         const focusHandler = useCallback((e) => {
             if (e.nativeEvent.target === hostRef.current) {
                 setFocused(true);

package/src/components/RightPanel.js

@@ -103,5 +103,5 @@ export const RightPanel = forwardRef(({ visible, children, onPressClose }, ref)
         setDelayedVisible(visible);
     }, [visible]);
     useBodyClassName("RightPanelOpen", { enabled: visible });
-    return (_jsx(Portal, { container: rootNode, children: _jsx(View, { style: [styles.root, !visible && styles.inert], children: _jsx(ResponsiveContainer, { style: styles.root, breakpoint: breakpoints.small, children: ({ large }) => (_jsxs(_Fragment, { children: [_jsx(TransitionView, { style: styles.fill, enter: styles.overlayEnter, leave: styles.overlayLeave, children: visible ? (onPressClose != null ? (_jsx(Pressable, { style: styles.overlay, onPress: onPressClose })) : (_jsx(View, { style: styles.overlay }))) : null }), _jsx(Suspendable, { fallback: _jsx(LoadingView, { color: backgroundColor.accented, delay: 0 }), children: _jsx(TransitionView, { style: [styles.fillMax, large && styles.fillMaxLarge], enter: styles.containerEnter, leave: styles.containerLeave, children: delayedVisible ? (_jsx(FocusTrap, { onEscapeKey: onPressClose, focusLock: true, autoFocus: true, returnFocus: true, ref: ref, style: styles.container, children: _jsx(TransitionView, { style: styles.contentsContainer, enter: styles.contentsEnter, leave: styles.contentsLeave, children: _jsx(View, { style: styles.contents, children: _jsx(View, { style: styles.contentsContainer, children: typeof children == "function" ? (_jsx(ResponsiveContainer, { style: styles.root, breakpoint: breakpoints.small, children: children })) : (children) }) }) }) })) : null }) })] })) }) }) }));
+    return (_jsx(Portal, { container: rootNode, children: _jsx(View, { style: [styles.root, !visible && styles.inert], children: _jsx(ResponsiveContainer, { style: styles.root, breakpoint: breakpoints.small, children: ({ large }) => (_jsxs(_Fragment, { children: [_jsx(TransitionView, { style: styles.fill, enter: styles.overlayEnter, leave: styles.overlayLeave, children: visible ? (onPressClose != null ? (_jsx(Pressable, { style: styles.overlay, onPress: onPressClose })) : (_jsx(View, { style: styles.overlay }))) : null }), _jsx(Suspendable, { fallback: _jsx(LoadingView, { color: backgroundColor.accented, delay: 0 }), children: _jsx(TransitionView, { style: [styles.fillMax, large && styles.fillMaxLarge], enter: styles.containerEnter, leave: styles.containerLeave, children: delayedVisible ? (_jsx(FocusTrap, { onEscapeKey: onPressClose, focusLock: true, autoFocus: true, returnFocus: true, ref: ref, style: styles.container, children: _jsx(TransitionView, { style: styles.contentsContainer, enter: styles.contentsEnter, leave: styles.contentsLeave, children: _jsx(View, { style: styles.contents, children: _jsx(View, { style: styles.contentsContainer, children: typeof children === "function" ? (_jsx(ResponsiveContainer, { style: styles.root, breakpoint: breakpoints.small, children: children })) : (children) }) }) }) })) : null }) })] })) }) }) }));
 });

package/src/components/SectionList.js

@@ -16,6 +16,8 @@ const SectionListWithRef = ({ ItemSeparatorComponent, ListEmptyComponent, ListFo
     const scrollTrackerStyle = horizontal
         ? { top: 0, width: onEndReachedThresholdPx }
         : { left: 0, height: onEndReachedThresholdPx };
+    // biome-ignore lint/correctness/useExhaustiveDependencies(onEndReached):
+    // biome-ignore lint/correctness/useExhaustiveDependencies(sections.length):
     useEffect(() => {
         const element = scrollTrackerRef.current;
         if (element != null) {
@@ -32,7 +34,7 @@ const SectionListWithRef = ({ ItemSeparatorComponent, ListEmptyComponent, ListFo
             };
         }
         // re-create an observer only on list length change
-    }, [sections.length]); // eslint-disable-line react-hooks/exhaustive-deps
+    }, [sections.length]);
     return (_jsxs(ScrollView, { contentContainerStyle: contentContainerStyle, horizontal: horizontal, onKeyDown: onKeyDown, onScroll: onScroll, ref: forwardedRef, role: role, scrollEventThrottle: scrollEventThrottle, showsScrollIndicators: showsScrollIndicators, style: style, children: [ListHeaderComponent, sections.length <= 0
                 ? ListEmptyComponent
                 : sections.map(section => (_jsxs(Fragment, { children: [renderSectionHeader === null || renderSectionHeader === void 0 ? void 0 : renderSectionHeader(section), section.data.map((item, index) => (_jsxs(Fragment, { children: [index !== 0 && ItemSeparatorComponent, renderItem({ item, index })] }, keyExtractor(item, index))))] }, `group-${groupId}-${section.title}`))), ListFooterComponent, _jsx(View, { role: "none", ref: scrollTrackerRef, style: [styles.scrollTracker, scrollTrackerStyle] })] }));

package/src/components/TabView.js

@@ -290,6 +290,8 @@ export const TabView = ({ tabs, otherLabel, hideIfSingleItem = true, sticky = fa
     const location = useLocation();
     const { path } = location;
     const currentLocationURL = location.toString();
+    // biome-ignore lint/correctness/useExhaustiveDependencies(kept):
+    // biome-ignore lint/correctness/useExhaustiveDependencies(collapsed):
     useEffect(() => {
         if (isNotNullish(linksRefs.current)) {
             const values = Object.entries(linksRefs.current);

package/src/components/TimePicker.js

@@ -32,7 +32,7 @@ const rifmTimeProps = getRifmProps({
 });
 export const parseTime = (time) => {
     const [hours, minutes] = time.split(":").map(Number);
-    if (isNullish(hours) || isNaN(hours) || isNullish(minutes) || isNaN(minutes)) {
+    if (isNullish(hours) || Number.isNaN(hours) || isNullish(minutes) || Number.isNaN(minutes)) {
         return Option.None();
     }
     return Option.Some({ hour: hours, minute: minutes });
@@ -51,7 +51,7 @@ const parseTypingHours = (time) => {
     if (parsedHours < 0 || parsedHours > 23) {
         return Option.None();
     }
-    if (isNaN(parsedHours)) {
+    if (Number.isNaN(parsedHours)) {
         return Option.None();
     }
     return Option.Some(parsedHours);

package/src/components/Toggle.js

@@ -55,6 +55,11 @@ export const Toggle = ({ onToggle, value, disabled = false, mode = "desktop", on
             }));
         }, () => { });
     }, [value]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies(reajustLayout):
+    // biome-ignore lint/correctness/useExhaustiveDependencies(value):
+    // biome-ignore lint/correctness/useExhaustiveDependencies(isMobileMode):
+    // biome-ignore lint/correctness/useExhaustiveDependencies(onLabel):
+    // biome-ignore lint/correctness/useExhaustiveDependencies(offLabel):
     useEffect(reajustLayout, [reajustLayout, value, isMobileMode, onLabel, offLabel]);
     return (_jsxs(Pressable, { style: [styles.switch, disabled && commonStyles.disabled], onPress: () => onToggle(!value), "aria-disabled": disabled, "aria-checked": value, disabled: disabled, ref: containerRef, role: "switch", onLayout: reajustLayout, children: [_jsx(View, { style: [
                     styles.handle,

package/src/components/VirtualizedList.js

@@ -273,6 +273,7 @@ export const VirtualizedList = ({ variant, data, stickedToStartColumns, columns,
             .toUndefined();
     }, [onLayoutUpdate]);
     // tracks if the threshold to initiate the next data load is reached
+    // biome-ignore lint/correctness/useExhaustiveDependencies(data.length):
     useEffect(() => {
         const scrollTracker = scrollTrackerRef.current;
         if (scrollTracker != null) {

package/src/components/WithPartnerAccentColor.js

@@ -26,21 +26,21 @@ export const WithPartnerAccentColor = ({ color, scoped = false, children }) => {
             if (isNotNullish(containerRef.current)) {
                 const element = containerRef.current;
                 let scalePower = 1;
-                while (!meetsContrastGuidelines(setLightness(Math.pow(0.5, scalePower), color), "#fff").AALarge) {
+                while (!meetsContrastGuidelines(setLightness(0.5 ** scalePower, color), "#fff").AALarge) {
                     scalePower += 0.1;
                 }
                 const colorScale = {
-                    0: setLightness(Math.pow(1.0, scalePower), color),
-                    50: setLightness(Math.pow(0.97, scalePower), color),
-                    100: setLightness(Math.pow(0.9, scalePower), color),
-                    200: setLightness(Math.pow(0.8, scalePower), color),
-                    300: setLightness(Math.pow(0.7, scalePower), color),
-                    400: setLightness(Math.pow(0.6, scalePower), color),
-                    500: setLightness(Math.pow(0.5, scalePower), color),
-                    600: setLightness(Math.pow(0.4, scalePower), color),
-                    700: setLightness(Math.pow(0.3, scalePower), color),
-                    800: setLightness(Math.pow(0.2, scalePower), color),
-                    900: setLightness(Math.pow(0.1, scalePower), color),
+                    0: setLightness(1.0 ** scalePower, color),
+                    50: setLightness(0.97 ** scalePower, color),
+                    100: setLightness(0.9 ** scalePower, color),
+                    200: setLightness(0.8 ** scalePower, color),
+                    300: setLightness(0.7 ** scalePower, color),
+                    400: setLightness(0.6 ** scalePower, color),
+                    500: setLightness(0.5 ** scalePower, color),
+                    600: setLightness(0.4 ** scalePower, color),
+                    700: setLightness(0.3 ** scalePower, color),
+                    800: setLightness(0.2 ** scalePower, color),
+                    900: setLightness(0.1 ** scalePower, color),
                     primary: color,
                     contrast: getContrastColor(color),
                     secondary: shade(0.2, color),

package/src/hooks/useUpdateEffect.js

@@ -2,9 +2,11 @@ import { useEffect } from "react";
 import { useFirstMountState } from "./useFirstMountState";
 export const useUpdateEffect = (effect, deps) => {
     const isFirstMount = useFirstMountState();
+    // biome-ignore lint/correctness/useExhaustiveDependencies(effect):
+    // biome-ignore lint/correctness/useExhaustiveDependencies(isFirstMount):
     useEffect(() => {
         if (!isFirstMount) {
             return effect();
         }
-    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
+    }, deps);
 };

package/src/utils/array.js

@@ -3,7 +3,7 @@ export const sortBy = (array, keys) => {
         let index = -1;
         while (++index < keys.length) {
             const key = keys[index];
-            if (key == undefined) {
+            if (key == null) {
                 return 0;
             }
             if (b[key] === a[key]) {
@@ -55,7 +55,6 @@ export const sortedIndexOf = (array, value) => {
             }
             if (item < value) {
                 startIndex = searchIndex;
-                continue;
             }
         }
     }

package/src/utils/base64.js

@@ -15,6 +15,6 @@ export const encodeBase64 = (value) => {
     return btoa(data.join(""));
 };
 const unURI = (base64) => base64
-    .replace(/[-_]/g, substring => (substring == "-" ? "+" : "/"))
+    .replace(/[-_]/g, substring => (substring === "-" ? "+" : "/"))
     .replace(/[^A-Za-z0-9+/]/g, "");
 export const decodeBase64 = (base64) => decodeUTF8(u8From(atob(unURI(base64)), value => value.charCodeAt(0)));

package/src/utils/rifm.js

@@ -11,7 +11,7 @@ export const getRifmProps = ({ accept, charMap, maxLength, }) => {
         charIndexes.forEach(charMapIndex => {
             const char = charMap[charMapIndex];
             if (isNullish(char)) {
-                throw new Error(`Invalid mask character value`);
+                throw new Error("Invalid mask character value");
             }
             if (char.length !== 1) {
                 throw new Error(`Invalid mask character value: "${char}"`);
@@ -25,8 +25,8 @@ export const getRifmProps = ({ accept, charMap, maxLength, }) => {
     const regExp = accepted[accept];
     const shiftedCharMap = charIndexes.reduce((acc, charIndex, index) => {
         var _a;
-        const char = (_a = charMap[charIndex]) !== null && _a !== void 0 ? _a : "";
-        return { ...acc, [charIndex + index]: char };
+        acc[charIndex + index] = (_a = charMap[charIndex]) !== null && _a !== void 0 ? _a : "";
+        return acc;
     }, {});
     const shiftedCharIndexes = Object.keys(shiftedCharMap).map(Number);
     return {

package/src/utils/svg.js

@@ -11,17 +11,17 @@ export const getSvgSize = (svg) => {
     // first we try to get width and height from "width" and "height" attributes
     const widthAttr = svg.getAttribute("width");
     const heightAttr = svg.getAttribute("height");
-    const width = isNotNullish(widthAttr) ? parseInt(widthAttr) : NaN;
-    const height = isNotNullish(heightAttr) ? parseInt(heightAttr) : NaN;
-    if (!isNaN(width) || !isNaN(height)) {
+    const width = isNotNullish(widthAttr) ? Number.parseInt(widthAttr) : Number.NaN;
+    const height = isNotNullish(heightAttr) ? Number.parseInt(heightAttr) : Number.NaN;
+    if (!Number.isNaN(width) || !Number.isNaN(height)) {
         return Result.Ok({ width, height });
     }
     // if height and width aren't provided, we get values from viewBox attribute
     const viewBox = svg.getAttribute("viewBox");
     const [, , boxWidthAttr, boxHeightAttr] = (_a = viewBox === null || viewBox === void 0 ? void 0 : viewBox.split(" ")) !== null && _a !== void 0 ? _a : [];
-    const boxWidth = isNotNullish(boxWidthAttr) ? parseInt(boxWidthAttr) : NaN;
-    const boxHeight = isNotNullish(boxHeightAttr) ? parseInt(boxHeightAttr) : NaN;
-    if (isNaN(boxWidth) || isNaN(boxHeight)) {
+    const boxWidth = isNotNullish(boxWidthAttr) ? Number.parseInt(boxWidthAttr) : Number.NaN;
+    const boxHeight = isNotNullish(boxHeightAttr) ? Number.parseInt(boxHeightAttr) : Number.NaN;
+    if (Number.isNaN(boxWidth) || Number.isNaN(boxHeight)) {
         return Result.Error("VIEWBOX_MISSING");
     }
     return Result.Ok({