@swan-io/lake 11.3.3 → 11.3.5

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@swan-io/lake",
-  "version": "11.3.3",
+  "version": "11.3.5",
   "engines": {
-    "node": ">=20.9.0",
-    "pnpm": "^9.13.0"
+    "node": ">=22.12.0",
+    "pnpm": "^10.2.0"
   },
   "files": [
     "LICENSE",
@@ -26,8 +26,8 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@react-three/drei": "^9.121.2",
-    "@react-three/fiber": "^8.17.12",
+    "@react-three/drei": "^9.121.4",
+    "@react-three/fiber": "^8.17.14",
     "@swan-io/boxed": "^3.2.0",
     "@swan-io/chicane": "^2.1.0",
     "@swan-io/use-form": "^3.1.0",
@@ -38,17 +38,17 @@
     "react-dom": "^18.3.1",
     "react-native-web": "^0.19.13",
     "rifm": "^0.12.1",
-    "three": "^0.172.0",
+    "three": "^0.173.0",
     "ts-dedent": "^2.2.0",
-    "ts-pattern": "^5.6.0",
+    "ts-pattern": "^5.6.2",
     "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",
+    "@types/three": "^0.173.0",
     "jsdom": "^26.0.0",
-    "type-fest": "^4.32.0"
+    "type-fest": "^4.33.0"
   }
 }

package/src/components/TabView.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from "react";
 import { IconName } from "./Icon";
 import { SpacingValue } from "./Space";
 export declare const tabsViewHeight: number;
@@ -8,6 +9,7 @@ type Tab = ({
 }) & {
     count?: number;
     icon?: IconName;
+    endElement?: ReactNode;
     label: string;
     withSeparator?: boolean;
 };

package/src/components/TabView.js

@@ -407,7 +407,7 @@ export const TabView = ({ tabs, otherLabel, hideIfSingleItem = true, sticky = fa
         return null;
     }
     return (_jsxs(Box, { alignItems: "center", direction: "row", role: "tablist", ref: containerRef, style: [styles.container, sticky && styles.sticky, { paddingHorizontal: padding }], children: [_jsxs(View, { style: styles.placeholder, "aria-hidden": true, ref: placeholderRef, onLayout: onLayout, children: [tabs.map(tab => {
-                        const { label, icon, count } = tab;
+                        const { label, icon, count, endElement } = tab;
                         const tabId = getTabId(tab);
                         return (_jsxs(Fragment, { children: [_jsxs(TabViewLink, { ref: ref => {
                                         if (placeholderLinkRef.current) {
@@ -416,9 +416,9 @@ export const TabView = ({ tabs, otherLabel, hideIfSingleItem = true, sticky = fa
                                     }, activeTabId: activeTabId, tab: tab, onChange: onChange, style: ({ active, hovered }) => [
                                         styles.link,
                                         active ? styles.activeLink : hovered ? styles.hoveredLink : null,
-                                    ], children: [isNotNullish(icon) && (_jsxs(_Fragment, { children: [_jsx(Icon, { name: icon, size: 16, color: "currentColor" }), _jsx(Space, { width: 8 })] })), _jsx(Text, { children: label }), count != null ? (_jsxs(_Fragment, { children: [_jsx(Space, { width: 8 }), _jsx(Text, { style: styles.count, children: count })] })) : null] }), _jsx(Space, { width: 32 })] }, tabId));
+                                    ], children: [isNotNullish(icon) && (_jsxs(_Fragment, { children: [_jsx(Icon, { name: icon, size: 16, color: "currentColor" }), _jsx(Space, { width: 8 })] })), _jsx(Text, { children: label }), isNotNullish(endElement) && (_jsxs(_Fragment, { children: [_jsx(Space, { width: 8 }), endElement] })), count != null ? (_jsxs(_Fragment, { children: [_jsx(Space, { width: 8 }), _jsx(Text, { style: styles.count, children: count })] })) : null] }), _jsx(Space, { width: 32 })] }, tabId));
                     }), _jsxs(LakeText, { ref: otherPlaceholderRef, style: styles.link, children: [_jsx(Text, { children: otherLabel }), _jsx(Space, { width: 8 }), _jsx(Text, { style: styles.count, children: tabs.length }), _jsx(Space, { width: 4 }), _jsx(Icon, { name: "chevron-down-filled", size: 12 })] })] }), kept.map(tab => {
-                const { label, icon, withSeparator, count } = tab;
+                const { label, icon, withSeparator, count, endElement } = tab;
                 const tabId = getTabId(tab);
                 return (_jsxs(Fragment, { children: [_jsxs(TabViewLink, { ref: ref => {
                                 if (linksRefs.current) {
@@ -427,7 +427,7 @@ export const TabView = ({ tabs, otherLabel, hideIfSingleItem = true, sticky = fa
                             }, onChange: onChange, activeTabId: activeTabId, tab: tab, role: "tab", style: ({ active, hovered }) => [
                                 styles.link,
                                 active ? styles.activeLink : hovered ? styles.hoveredLink : null,
-                            ], children: [withSeparator === true && _jsx(View, { style: styles.separator, role: "none" }), isNotNullish(icon) && (_jsxs(_Fragment, { children: [_jsx(Icon, { name: icon, size: 16, color: "currentColor" }), _jsx(Space, { width: 8 })] })), _jsx(Text, { children: label }), count != null ? (_jsxs(_Fragment, { children: [_jsx(Space, { width: 8 }), _jsx(Text, { style: styles.count, children: count })] })) : null] }), _jsx(Space, { width: 32 })] }, tabId));
+                            ], children: [withSeparator === true && _jsx(View, { style: styles.separator, role: "none" }), isNotNullish(icon) && (_jsxs(_Fragment, { children: [_jsx(Icon, { name: icon, size: 16, color: "currentColor" }), _jsx(Space, { width: 8 })] })), _jsx(Text, { children: label }), isNotNullish(endElement) && (_jsxs(_Fragment, { children: [_jsx(Space, { width: 8 }), endElement] })), count != null ? (_jsxs(_Fragment, { children: [_jsx(Space, { width: 8 }), _jsx(Text, { style: styles.count, children: count })] })) : null] }), _jsx(Space, { width: 32 })] }, tabId));
             }), collapsed.length > 0 ? (_jsx(DropdownItems, { ref: ref => {
                     collapsed.forEach(item => {
                         if (linksRefs.current) {