@swan-io/lake 8.10.4 → 8.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "8.10.4",
+  "version": "8.11.0",
   "engines": {
     "node": ">=20.9.0",
     "yarn": "^1.22.0"
@@ -49,6 +49,7 @@
     "@types/react-dom": "^18.3.0",
     "@types/react-native": "^0.72.8",
     "@types/three": "^0.163.0",
+    "@types/uuid": "^10.0.0",
     "jsdom": "^24.1.1",
     "type-fest": "^4.23.0"
   }

package/src/components/LakeButton.js

@@ -50,6 +50,7 @@ const styles = StyleSheet.create({
     pressed: {
         opacity: 0.15,
         backgroundColor: colors.gray[900],
+        borderRadius: radii[6],
     },
     small: {
         height: 40,

package/src/components/LakeTextInput.js

@@ -162,7 +162,7 @@ maxCharCount, help, warning = false, renderEnd, ...props }, forwardRef) => {
                                     hasError && styles.error,
                                     valid && styles.valid,
                                     stylesFromProps,
-                                ], ref: containerRef, children: [isNotNullish(icon) && (_jsx(Icon, { name: icon, size: 20, color: colors.current.primary, style: styles.icon })), _jsx(TextInput, { "aria-expanded": ariaExpanded, "aria-controls": ariaControls, inputMode: inputMode, ...props, defaultValue: defaultValue, value: isNullish(defaultValue) ? value !== null && value !== void 0 ? value : "" : value, onFocus: onFocus, onBlur: onBlur, readOnly: !isInteractive, onChange: onChange, multiline: multiline, ref: mergedRef, style: [
+                                ], ref: containerRef, children: [isNotNullish(icon) && (_jsx(Icon, { name: icon, size: 20, color: colors.current.primary, style: styles.icon })), _jsx(TextInput, { "aria-expanded": ariaExpanded, "aria-controls": ariaControls, inputMode: inputMode, ...props, defaultValue: defaultValue, value: isNullish(defaultValue) ? (value !== null && value !== void 0 ? value : "") : value, onFocus: onFocus, onBlur: onBlur, readOnly: !isInteractive, onChange: onChange, multiline: multiline, ref: mergedRef, style: [
                                             styles.input,
                                             multiline && styles.multilineInput,
                                             readOnly && hasError && styles.readOnlyError,

package/src/hooks/useBodyClassName.js

@@ -1,14 +1,21 @@
 import { useEffect } from "react";
+const counters = {};
 export const useBodyClassName = (className, { enabled = true } = {}) => {
     useEffect(() => {
-        if (enabled) {
-            document.body.classList.add(className);
-        }
-        else {
-            document.body.classList.remove(className);
+        var _a;
+        if (!enabled) {
+            return; // effect cleanup remove the class if disabled
         }
+        const currentCount = (_a = counters[className]) !== null && _a !== void 0 ? _a : 0;
+        counters[className] = currentCount + 1;
+        document.body.classList.add(className);
         return () => {
-            document.body.classList.remove(className);
+            var _a;
+            const currentCount = (_a = counters[className]) !== null && _a !== void 0 ? _a : 0;
+            counters[className] = currentCount - 1;
+            if (counters[className] <= 0) {
+                document.body.classList.remove(className);
+            }
         };
     }, [className, enabled]);
 };

package/src/hooks/useResponsive.js

@@ -2,6 +2,6 @@ import { useCallback } from "react";
 import { useBreakpoint } from "./useBreakpoint";
 export const useResponsive = (breakpoint = 992) => {
     const desktop = useBreakpoint(breakpoint);
-    const media = useCallback((values) => { var _a; return desktop ? (_a = values.desktop) !== null && _a !== void 0 ? _a : values.mobile : values.mobile; }, [desktop]);
+    const media = useCallback((values) => { var _a; return desktop ? ((_a = values.desktop) !== null && _a !== void 0 ? _a : values.mobile) : values.mobile; }, [desktop]);
     return { desktop, media };
 };