@multiplatform.one/components 7.78.0 → 7.80.0

package/dist/jsx/appShell/AppShell.native.js

@@ -0,0 +1,499 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var AppShell_exports = {};
+__export(AppShell_exports, {
+  AppShell: () => AppShell,
+  appShellRoute: () => appShellRoute
+});
+module.exports = __toCommonJS(AppShell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_platform = require("@multiplatform.one/platform");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../componentColors.native.js");
+var import_DropdownMenu = require("../DropdownMenu/index.native.js");
+var import_page = require("../layouts/page.native.js");
+var import_screenScroll = require("../layouts/screenScroll.native.js");
+var import_shellSidebarSlot = require("../layouts/shellSidebarSlot.native.js");
+var import_bottomAccessory = require("../layouts/bottomAccessory.native.js");
+var import_sidebar = require("../layouts/sidebar.native.js");
+var import_i18n = require("../shared/i18n.native.js");
+var import_TabHost = require("./TabHost.native.js");
+var import_bottomChrome = require("./bottomChrome.native.js");
+function underKey(path, key) {
+  if (key === "/") return path === "/";
+  return path === key || path.startsWith(`${key}/`);
+}
+function appShellRoute(destinations, path) {
+  var normal = path.length > 1 ? path.replace(/\/+$/, "") : path;
+  var destination;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = destinations[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var candidate = _step.value;
+      if (candidate.onPress || !underKey(normal, candidate.key)) continue;
+      if (!destination || candidate.key.length > destination.key.length) destination = candidate;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return {
+    destination,
+    pushed: Boolean(destination && normal !== destination.key)
+  };
+}
+function useDocumentScrolled(enabled) {
+  var [scrolled, setScrolled] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(function () {
+    if (!enabled || typeof document === "undefined") return;
+    var sync = function sync2() {
+      return setScrolled(window.scrollY > 1);
+    };
+    sync();
+    window.addEventListener("scroll", sync, {
+      passive: true
+    });
+    return function () {
+      return window.removeEventListener("scroll", sync);
+    };
+  }, [enabled]);
+  return scrolled;
+}
+var sticky = function sticky2(edge) {
+  return import_platform.isWeb ? {
+    position: "sticky",
+    [edge]: 0,
+    zIndex: import_forms.zIndex.stickyHeader
+  } : null;
+};
+function HomeControl(param) {
+  var {
+    title,
+    onPress,
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+    role: "link",
+    "aria-label": title,
+    alignItems: "center",
+    minHeight: import_theme.MIN_PRESS_TARGET,
+    flexShrink: 1,
+    minWidth: 0,
+    gap: "$2",
+    cursor: "pointer",
+    onPress,
+    "data-testid": "app-shell-home",
+    children
+  });
+}
+function AppShellNavBar(param) {
+  var {
+    maxWidth,
+    leading,
+    trailing,
+    title,
+    showTitle,
+    scrolled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "ScreenToolbar"
+  });
+  var [sides, setSides] = (0, import_react2.useState)({
+    leading: 0,
+    trailing: 0
+  });
+  var measure = function measure2(side) {
+    return function (event) {
+      var width = Math.ceil(event.nativeEvent.layout.width);
+      setSides(function (prev) {
+        return prev[side] === width ? prev : {
+          ...prev,
+          [side]: width
+        };
+      });
+    };
+  };
+  var motion = (0, import_theme.transitionProps)(knobProps.motion.control);
+  var clearance = Math.max(sides.leading, sides.trailing);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Surface, {
+    bar: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      role: "banner",
+      "data-testid": "app-shell-bar",
+      "data-scroll-edge": scrolled ? "" : void 0,
+      backgroundColor: "$background",
+      flexShrink: 0,
+      ...import_theme.hairline.bottom,
+      borderColor: scrolled ? import_componentColors.componentColors.divider : "transparent",
+      ...motion,
+      ...sticky("top"),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        position: "relative",
+        width: "100%",
+        ...(maxWidth ? {
+          maxWidth,
+          alignSelf: "center"
+        } : null),
+        minHeight: import_theme.MIN_PRESS_TARGET,
+        alignItems: "center",
+        flexWrap: "nowrap",
+        paddingHorizontal: knobProps.panelPadding.padding,
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          alignItems: "center",
+          flexShrink: 1e3,
+          minWidth: 0,
+          ...knobProps.gap,
+          onLayout: measure("leading"),
+          children: leading
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          flexGrow: 1
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          alignItems: "center",
+          flexShrink: 1,
+          minWidth: 0,
+          justifyContent: "flex-end",
+          ...knobProps.gap,
+          onLayout: measure("trailing"),
+          children: trailing
+        }), title ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          position: "absolute",
+          top: 0,
+          bottom: 0,
+          left: clearance,
+          right: clearance,
+          alignItems: "center",
+          justifyContent: "center",
+          pointerEvents: "none",
+          "aria-hidden": !showTitle,
+          "data-testid": "app-shell-bar-title",
+          opacity: showTitle ? 1 : 0,
+          ...motion,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+            ...knobProps.body,
+            fontWeight: "600",
+            color: "$color12",
+            numberOfLines: 1,
+            children: title
+          })
+        }) : null]
+      })
+    })
+  });
+}
+function StackedPanel(param) {
+  var {
+    panel
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    paddingHorizontal: knobProps.panelPadding.padding,
+    ...knobProps.gap,
+    "data-testid": "app-shell-page-panel",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+      ...knobProps.body,
+      size: "$2",
+      textTransform: "uppercase",
+      color: knobProps.textAccentColor,
+      numberOfLines: 1,
+      children: panel.title
+    }), panel.content]
+  });
+}
+function AppShell(param) {
+  var {
+    destinations,
+    path,
+    onNavigate,
+    title,
+    logo,
+    onTitlePress,
+    actions,
+    onBack,
+    accessory,
+    ownChrome = [],
+    children,
+    testID = "app-shell"
+  } = param;
+  var _ref, _ref1;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var compact = (0, import_theme.useLayoutSizeClass)() === "compact";
+  var {
+    report,
+    reporter
+  } = (0, import_screenScroll.useShellScrollReports)();
+  var sidebarSlot = (0, import_shellSidebarSlot.useShellSidebarSlotState)();
+  var documentScrolled = useDocumentScrolled(import_platform.isWeb);
+  var chromeInset = (0, import_bottomChrome.useBottomChromeInset)();
+  var floatingBar = (0, import_bottomChrome.useFloatingBarMounted)();
+  var {
+    destination,
+    pushed
+  } = appShellRoute(destinations, path);
+  var ownsChrome = ownChrome.some(function (prefix) {
+    return underKey(path, prefix);
+  });
+  var go = function go2(item) {
+    return item.onPress ? item.onPress() : onNavigate(item.key);
+  };
+  var goHome = onTitlePress !== null && onTitlePress !== void 0 ? onTitlePress : function () {
+    return destinations[0] && go(destinations[0]);
+  };
+  var tabs = (0, import_react2.useMemo)(function () {
+    return destinations.filter(function (item) {
+      var _item_placement;
+      return ((_item_placement = item.placement) !== null && _item_placement !== void 0 ? _item_placement : "tab") === "tab";
+    });
+  }, [destinations]);
+  var more = (0, import_react2.useMemo)(function () {
+    return destinations.filter(function (item) {
+      return item.placement === "more";
+    });
+  }, [destinations]);
+  if (ownsChrome) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flex: 1,
+      minHeight: 0,
+      backgroundColor: "$background",
+      ...(import_platform.isWeb ? {
+        height: "100dvh"
+      } : null),
+      "data-testid": testID,
+      "data-chrome": "own",
+      children
+    });
+  }
+  var pageBar = Boolean(report === null || report === void 0 ? void 0 : report.ownTopBar);
+  var scrolled = import_platform.isWeb ? documentScrolled : Boolean(report === null || report === void 0 ? void 0 : report.scrolled);
+  var largeTitle = (_ref = report === null || report === void 0 ? void 0 : report.title) !== null && _ref !== void 0 ? _ref : null;
+  var barTitle = (_ref1 = largeTitle !== null && largeTitle !== void 0 ? largeTitle : destination === null || destination === void 0 ? void 0 : destination.label) !== null && _ref1 !== void 0 ? _ref1 : null;
+  var showTitle = largeTitle ? Boolean(report === null || report === void 0 ? void 0 : report.collapsed) : Boolean(barTitle);
+  var back = pushed && onBack && destination && !pageBar ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.PageBackButton, {
+    label: destination.label,
+    onPress: function onPress() {
+      return onBack(destination.key);
+    }
+  }) : null;
+  var showBar = compact ? !pageBar : Boolean(back);
+  var moreMenu = compact && more.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DropdownMenu.DropdownMenu, {
+    placement: "bottom-end",
+    items: more.map(function (item) {
+      return {
+        key: item.key,
+        label: item.label,
+        icon: /* @__PURE__ */(0, import_react2.createElement)(item.icon),
+        onSelect: function onSelect() {
+          return go(item);
+        }
+      };
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.PageBarButton, {
+      edge: "end",
+      icon: import_react.ListIcon,
+      "aria-label": t("More"),
+      "data-testid": "app-shell-more"
+    })
+  }) : null;
+  var bar = showBar ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AppShellNavBar, {
+    leading: back !== null && back !== void 0 ? back : compact && logo ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(HomeControl, {
+      title,
+      onPress: goHome,
+      children: logo
+    }) : null,
+    trailing: compact ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [actions, moreMenu]
+    }) : null,
+    maxWidth: compact ? void 0 : import_page.READABLE_MAX_WIDTH,
+    title: barTitle,
+    showTitle,
+    scrolled
+  }) : null;
+  var content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    role: "main",
+    flex: 1,
+    minWidth: 0,
+    ...(import_platform.isWeb ? null : {
+      minHeight: 0
+    }),
+    "data-testid": "app-shell-content",
+    children: compact ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flex: 1,
+      width: "100%",
+      maxWidth: import_page.READABLE_MAX_WIDTH,
+      alignSelf: "center",
+      ...(import_platform.isWeb ? null : {
+        minHeight: 0
+      }),
+      "data-testid": "app-shell-readable",
+      children
+    })
+  });
+  var showTabs = compact && Boolean(destination && tabs.includes(destination));
+  var tabItems = tabs.map(function (param2) {
+    var {
+      key,
+      label,
+      icon,
+      nativeIcon
+    } = param2;
+    return {
+      key,
+      label,
+      icon,
+      nativeIcon
+    };
+  });
+  var pageAccessory = accessory ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    flexShrink: 0,
+    ...(import_platform.isWeb || floatingBar ? null : {
+      paddingBottom: chromeInset
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_bottomAccessory.BottomAccessory, {
+      children: accessory
+    })
+  }) : null;
+  var frame = compact ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    flex: 1,
+    backgroundColor: "$background",
+    ...(import_platform.isWeb ? {
+      minHeight: "100dvh"
+    } : null),
+    "data-testid": testID,
+    "data-size": "compact",
+    children: [bar, tabItems.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_TabHost.TabHost, {
+      items: tabItems,
+      activeKey: showTabs ? destination === null || destination === void 0 ? void 0 : destination.key : void 0,
+      onTabPress: function onTabPress(key) {
+        var item = tabs.find(function (tab) {
+          return tab.key === key;
+        });
+        if (item) go(item);
+      },
+      children: [content, pageAccessory]
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [content, pageAccessory]
+    })]
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    flex: 1,
+    backgroundColor: "$background",
+    ...(import_platform.isWeb ? {
+      minHeight: "100dvh"
+    } : null),
+    "data-testid": testID,
+    "data-size": "regular",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flexShrink: 0,
+      alignSelf: "stretch",
+      ...(import_platform.isWeb ? {
+        position: "sticky",
+        top: 0,
+        height: "100dvh"
+      } : null),
+      "data-testid": "app-shell-sidebar",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sidebar.Sidebar, {
+        material: true,
+        "aria-label": title,
+        header: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          paddingHorizontal: knobProps.panelPadding.padding,
+          alignItems: "center",
+          minHeight: import_theme.MIN_PRESS_TARGET,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(HomeControl, {
+            title,
+            onPress: goHome,
+            children: [logo, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+              ...knobProps.heading,
+              fontWeight: "700",
+              color: "$color12",
+              numberOfLines: 1,
+              children: title
+            })]
+          })
+        }),
+        footer: actions ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          paddingHorizontal: knobProps.panelPadding.padding,
+          alignItems: "center",
+          minHeight: import_theme.MIN_PRESS_TARGET,
+          flexWrap: "wrap",
+          ...knobProps.gap,
+          "data-testid": "app-shell-sidebar-actions",
+          children: actions
+        }) : void 0,
+        sections: [{
+          items: destinations.map(function (item) {
+            return {
+              label: item.label,
+              value: item.key,
+              icon: /* @__PURE__ */(0, import_react2.createElement)(item.icon),
+              active: item === destination,
+              onPress: function onPress() {
+                return go(item);
+              }
+            };
+          })
+        }],
+        children: sidebarSlot.panel ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(StackedPanel, {
+          panel: sidebarSlot.panel
+        }) : null
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      flex: 1,
+      minWidth: 0,
+      children: [bar, content, pageAccessory]
+    })]
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_shellSidebarSlot.ShellSidebarSlotProvider, {
+    value: compact ? null : sidebarSlot.value,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_screenScroll.ShellScrollReportScope, {
+      reporter,
+      children: frame
+    })
+  });
+}
+//# sourceMappingURL=AppShell.native.js.map

package/dist/jsx/appShell/AppShell.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","AppShell_exports","AppShell","appShellRoute","module","exports","import_jsx_runtime","require","import_forms","import_platform","import_theme","import_react","import_react2","import_tamagui","import_componentColors","import_DropdownMenu","import_page","import_screenScroll","import_shellSidebarSlot","import_bottomAccessory","import_sidebar","import_i18n","import_TabHost","import_bottomChrome","underKey","path","startsWith","destinations","normal","length","replace","destination","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","candidate","onPress","err","return","pushed","Boolean","useDocumentScrolled","enabled","scrolled","setScrolled","useState","useEffect","document","sync","sync2","window","scrollY","addEventListener","passive","removeEventListener","sticky","sticky2","edge","isWeb","position","zIndex","stickyHeader","HomeControl","param","title","children","jsx","XStack","role","alignItems","minHeight","MIN_PRESS_TARGET","flexShrink","minWidth","gap","cursor","AppShellNavBar","maxWidth","leading","trailing","showTitle","knobProps","useResolvedKnobs","component","sides","setSides","measure","measure2","side","event","width","Math","ceil","nativeEvent","layout","prev","motion","transitionProps","control","clearance","max","Surface","bar","YStack","backgroundColor","hairline","bottom","borderColor","componentColors","divider","jsxs","alignSelf","flexWrap","paddingHorizontal","panelPadding","padding","onLayout","flexGrow","justifyContent","top","left","right","pointerEvents","opacity","SizableText","body","fontWeight","color","numberOfLines","StackedPanel","panel","size","textTransform","textAccentColor","content","onNavigate","logo","onTitlePress","actions","onBack","accessory","ownChrome","testID","_ref","_ref1","t","useTranslation","compact","useLayoutSizeClass","report","reporter","useShellScrollReports","sidebarSlot","useShellSidebarSlotState","documentScrolled","chromeInset","useBottomChromeInset","floatingBar","useFloatingBarMounted","ownsChrome","some","prefix","go","go2","item","goHome","tabs","useMemo","filter","_item_placement","placement","more","flex","height","pageBar","ownTopBar","largeTitle","barTitle","label","collapsed","back","PageBackButton","showBar","moreMenu","DropdownMenu","items","map","icon","createElement","onSelect","PageBarButton","ListIcon","Fragment","READABLE_MAX_WIDTH","showTabs","includes","tabItems","param2","nativeIcon","pageAccessory","paddingBottom","BottomAccessory","frame","TabHost","activeKey","onTabPress","find","tab"],"sources":["../../../src/appShell/AppShell.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/appShell/TabBar.mjs

@@ -4,6 +4,7 @@ import { isWeb } from "@multiplatform.one/platform";
 import { useEffect, useState } from "react";
 import { XStack, YStack } from "tamagui";
 import { materials, useMaterial } from "../Material/index.mjs";
+import { MaterialBlurFill } from "../Material/blur.mjs";
 import { Text } from "../Text.mjs";
 import { setBottomChromeInset, setFloatingBarMounted, useBottomAccessory } from "./bottomChrome.mjs";
 import { useBottomInset } from "./bottomInset.mjs";
@@ -134,7 +135,7 @@ function TabBar({
     gap: tabBarMetrics.accessoryGap,
     pointerEvents: "box-none",
     "data-testid": testID,
-    children: [accessory ? /* @__PURE__ */jsx(XStack, {
+    children: [accessory ? /* @__PURE__ */jsxs(XStack, {
       alignSelf: "center",
       alignItems: "center",
       minHeight: tabBarMetrics.accessoryHeight,
@@ -143,8 +144,10 @@ function TabBar({
       ...material,
       onLayout: event => setAccessoryHeight(Math.round(event.nativeEvent.layout.height)),
       "data-testid": `${testID}-accessory`,
-      children: accessory
-    }) : null, /* @__PURE__ */jsx(XStack, {
+      children: [/* @__PURE__ */jsx(MaterialBlurFill, {
+        radius: 1e3
+      }), accessory]
+    }) : null, /* @__PURE__ */jsxs(XStack, {
       role: "tablist",
       "aria-label": label,
       height: tabBarCapsuleHeight,
@@ -153,12 +156,14 @@ function TabBar({
       borderRadius: 1e3,
       ...material,
       "data-testid": `${testID}-capsule`,
-      children: items.map(item => /* @__PURE__ */jsx(TabBarButton, {
+      children: [/* @__PURE__ */jsx(MaterialBlurFill, {
+        radius: 1e3
+      }), items.map(item => /* @__PURE__ */jsx(TabBarButton, {
         item,
         active: item.key === activeKey,
         onPress: onTabPress ? () => onTabPress(item.key) : void 0,
         testID: `${testID}-item-${item.key.replace(/^\/+/, "") || "root"}`
-      }, item.key))
+      }, item.key))]
     })]
   });
 }

package/dist/jsx/appShell/TabBar.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useAccentOnSurface","useAccentTintedSurface","useGlyphColor","zIndex","isWeb","useEffect","useState","XStack","YStack","materials","useMaterial","Text","setBottomChromeInset","setFloatingBarMounted","useBottomAccessory","useBottomInset","jsx","jsxs","tabBarMetrics","sideInset","indicatorClearance","homeIndicatorBand","capsulePadding","itemPaddingY","iconSize","labelGap","labelSize","labelLineHeight","labelWeight","labelMinScale","accessoryGap","accessoryHeight","tabBarCapsuleHeight","tabBarBottomOffset","bottomInset","tabBarInactiveInk","tabBarMaterial","chrome","base","TabBarButton","item","active","onPress","testID","accent","wash","secondaryInk","ink","Icon","icon","role","label","flex","flexBasis","minWidth","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","cursor","children","width","height","size","color","weight","fontSize","lineHeight","fontWeight","textAlign","maxWidth","whiteSpace","numberOfLines","ellipsizeMode","adjustsFontSizeToFit","minimumFontScale","allowFontScaling","TabBar","items","activeKey","onTabPress","accessory","ownAccessory","floating","material","pageAccessory","deviceInset","bottom","id","Symbol","setAccessoryHeight","covered","position","left","right","stickyHeader","paddingBottom","pointerEvents","alignSelf","minHeight","onLayout","event","Math","round","nativeEvent","layout","padding","map","key","replace"],"sources":["../../../src/appShell/TabBar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useAccentOnSurface","useAccentTintedSurface","useGlyphColor","zIndex","isWeb","useEffect","useState","XStack","YStack","materials","useMaterial","MaterialBlurFill","Text","setBottomChromeInset","setFloatingBarMounted","useBottomAccessory","useBottomInset","jsx","jsxs","tabBarMetrics","sideInset","indicatorClearance","homeIndicatorBand","capsulePadding","itemPaddingY","iconSize","labelGap","labelSize","labelLineHeight","labelWeight","labelMinScale","accessoryGap","accessoryHeight","tabBarCapsuleHeight","tabBarBottomOffset","bottomInset","tabBarInactiveInk","tabBarMaterial","chrome","base","TabBarButton","item","active","onPress","testID","accent","wash","secondaryInk","ink","Icon","icon","role","label","flex","flexBasis","minWidth","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","cursor","children","width","height","size","color","weight","fontSize","lineHeight","fontWeight","textAlign","maxWidth","whiteSpace","numberOfLines","ellipsizeMode","adjustsFontSizeToFit","minimumFontScale","allowFontScaling","TabBar","items","activeKey","onTabPress","accessory","ownAccessory","floating","material","pageAccessory","deviceInset","bottom","id","Symbol","setAccessoryHeight","covered","position","left","right","stickyHeader","paddingBottom","pointerEvents","alignSelf","minHeight","onLayout","event","Math","round","nativeEvent","layout","radius","padding","map","key","replace"],"sources":["../../../src/appShell/TabBar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/appShell/TabBar.native.js

@@ -39,6 +39,7 @@ var import_platform = require("@multiplatform.one/platform");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_Material = require("../Material/index.native.js");
+var import_blur = require("../Material/blur.native.js");
 var import_Text = require("../Text.native.js");
 var import_bottomChrome = require("./bottomChrome.native.js");
 var import_bottomInset = require("./bottomInset.native.js");
@@ -174,7 +175,7 @@ function TabBar(param) {
     gap: tabBarMetrics.accessoryGap,
     pointerEvents: "box-none",
     "data-testid": testID,
-    children: [accessory ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+    children: [accessory ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       alignSelf: "center",
       alignItems: "center",
       minHeight: tabBarMetrics.accessoryHeight,
@@ -185,8 +186,10 @@ function TabBar(param) {
         return setAccessoryHeight(Math.round(event.nativeEvent.layout.height));
       },
       "data-testid": `${testID}-accessory`,
-      children: accessory
-    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_blur.MaterialBlurFill, {
+        radius: 1e3
+      }), accessory]
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       role: "tablist",
       "aria-label": label,
       height: tabBarCapsuleHeight,
@@ -195,7 +198,9 @@ function TabBar(param) {
       borderRadius: 1e3,
       ...material,
       "data-testid": `${testID}-capsule`,
-      children: items.map(function (item) {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_blur.MaterialBlurFill, {
+        radius: 1e3
+      }), items.map(function (item) {
         return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabBarButton, {
           item,
           active: item.key === activeKey,
@@ -204,7 +209,7 @@ function TabBar(param) {
           } : void 0,
           testID: `${testID}-item-${item.key.replace(/^\/+/, "") || "root"}`
         }, item.key);
-      })
+      })]
     })]
   });
 }