npm - linked-data-browser - Versions diffs - 0.0.8-alpha.5 → 0.0.8-alpha.6 - Mend

linked-data-browser 0.0.8-alpha.5 → 0.0.8-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/README.md +6 -0
package/dist-lib/index.d.mts +6 -1
package/dist-lib/index.d.ts +6 -1
package/dist-lib/index.js +308 -278
package/dist-lib/index.mjs +419 -390
package/dist-server/_expo/static/js/web/{AppEntry-02974cfff24938192767ab98511c2421.js → AppEntry-3f89550cb70ba0801aa1bbc82a590e5d.js} +2 -2
package/dist-server/index.html +1 -1
package/dist-standalone/_expo/static/js/web/{AppEntry-02974cfff24938192767ab98511c2421.js → AppEntry-3f89550cb70ba0801aa1bbc82a590e5d.js} +2 -2
package/dist-standalone/index.html +1 -1
package/package.json +1 -1

package/dist-lib/index.js CHANGED Viewed

@@ -198,6 +198,7 @@ __export(index_exports, {
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  TargetResourceLoader: () => TargetResourceLoader,
   TargetResourceProvider: () => TargetResourceProvider,
   Text: () => Text2,
   TextStyleContext: () => TextStyleContext,
@@ -258,7 +259,7 @@ var import_react31 = __toESM(require("react"));
 var import_react29 = __toESM(require("react"));
 var import_solid_react8 = require("@ldo/solid-react");
 var import_react_native37 = require("react-native");
-var import_native18 = require("@react-navigation/native");
+var import_native19 = require("@react-navigation/native");
 // components/nav/header/AddressBox.tsx
 var import_react6 = __toESM(require("react"));
@@ -772,6 +773,7 @@ var TargetResourceProvider = ({
   children
 }) => {
   const { mode, origin } = useDataBrowserConfig();
+  const { ranInitialAuthCheck } = (0, import_solid_react2.useSolidAuth)();
   const [currentUrl, setCurrentUrl] = (0, import_react4.useState)(() => {
     return import_react_native6.Platform.OS === "web" ? new URL(window.location.href) : new URL("");
   });
@@ -823,6 +825,10 @@ var TargetResourceProvider = ({
     const curHash = currentUrl.hash;
     return `${curOrigin}${curPathname}${curHash}`;
   }, [currentUrl, mode]);
+  if (!ranInitialAuthCheck) return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null);
+  return /* @__PURE__ */ import_react4.default.createElement(TargetResourceLoader, { targetUri, navigateTo }, children);
+};
+var TargetResourceLoader = ({ targetUri, navigateTo, children }) => {
   const targetResource = (0, import_solid_react2.useResource)(targetUri);
   const refresh = (0, import_react4.useCallback)(async () => {
     if (targetResource) {
@@ -3434,10 +3440,33 @@ var styles10 = import_react_native17.StyleSheet.create({
 // components/utilityResourceViews/ErrorMessageResourceView.tsx
 var import_react_native18 = require("react-native");
+var import_native11 = require("@react-navigation/native");
 var ErrorMessageResourceView = ({ icon, message }) => {
   const Icon2 = icon;
-  return /* @__PURE__ */ import_react14.default.createElement(import_react_native18.View, { className: "flex-1 justify-center items-center bg-background" }, /* @__PURE__ */ import_react14.default.createElement(Card, { className: "max-w-100 p-6 items-center gap-4 m-4" }, /* @__PURE__ */ import_react14.default.createElement(Text2, null, /* @__PURE__ */ import_react14.default.createElement(Icon2, { size: 60 })), /* @__PURE__ */ import_react14.default.createElement(Text2, null, message)));
+  const { colors } = (0, import_native11.useTheme)();
+  return /* @__PURE__ */ import_react14.default.createElement(import_react_native18.View, { style: styles11.container }, /* @__PURE__ */ import_react14.default.createElement(Card, { style: styles11.card }, /* @__PURE__ */ import_react14.default.createElement(Icon2, { size: 60, color: colors.text, style: styles11.icon }), /* @__PURE__ */ import_react14.default.createElement(Text2, { style: styles11.message }, message)));
 };
+var styles11 = import_react_native18.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 24
+  },
+  card: {
+    maxWidth: 400,
+    width: "100%",
+    padding: 24,
+    alignItems: "center",
+    gap: 16
+  },
+  icon: {
+    marginBottom: 8
+  },
+  message: {
+    textAlign: "center"
+  }
+});
 // components/useViewContext.tsx
 var import_solid_react5 = require("@ldo/solid-react");
@@ -3547,7 +3576,7 @@ function getErrorViews(targetResource) {
 }
 // components/nav/header/ViewMenu.tsx
-var import_native11 = require("@react-navigation/native");
+var import_native12 = require("@react-navigation/native");
 var ViewMenu = () => {
   const { validViews } = useViewContext();
   const { width } = (0, import_react_native19.useWindowDimensions)();
@@ -3561,21 +3590,21 @@ var ViewMenu = () => {
   )), /* @__PURE__ */ import_react16.default.createElement(
     DropdownMenuContent,
     {
-      style: import_react_native19.StyleSheet.flatten([styles11.contentContainer])
+      style: import_react_native19.StyleSheet.flatten([styles12.contentContainer])
     },
     validViews.map((menuItem) => /* @__PURE__ */ import_react16.default.createElement(ListItem, { key: menuItem.name, viewConfig: menuItem }, menuItem.displayName))
   ));
 };
 var ListItem = ({ viewConfig, children }) => {
   const { curViewConfig, setCurViewConfig } = useViewContext();
-  const { colors } = (0, import_native11.useTheme)();
+  const { colors } = (0, import_native12.useTheme)();
   const DisplayIcon = viewConfig.displayIcon;
   const isSelected = curViewConfig.name === viewConfig.name;
   return /* @__PURE__ */ import_react16.default.createElement(
     DropdownMenuItem,
     {
       style: import_react_native19.StyleSheet.flatten([
-        styles11.listItem,
+        styles12.listItem,
         isSelected && {
           backgroundColor: colors.border
         }
@@ -3587,7 +3616,7 @@ var ListItem = ({ viewConfig, children }) => {
   );
 };
 ListItem.displayName = "ListItem";
-var styles11 = import_react_native19.StyleSheet.create({
+var styles12 = import_react_native19.StyleSheet.create({
   triggerContainer: {
     flexDirection: "row",
     alignItems: "center",
@@ -3621,7 +3650,7 @@ var import_lucide_react_native31 = require("lucide-react-native");
 // components/sharing/SharingModal.tsx
 var import_react28 = __toESM(require("react"));
 var import_react_native35 = require("react-native");
-var import_native17 = require("@react-navigation/native");
+var import_native18 = require("@react-navigation/native");
 // components/sharing/CopyLink.tsx
 var import_react17 = __toESM(require("react"));
@@ -3640,14 +3669,14 @@ var CopyLink = () => {
     Button,
     {
       variant: "outline",
-      style: styles12.button,
+      style: styles13.button,
       onPress: onCopy,
       text: message,
       iconLeft: import_lucide_react_native24.Link
     }
   );
 };
-var styles12 = import_react_native20.StyleSheet.create({
+var styles13 = import_react_native20.StyleSheet.create({
   button: {
     flexDirection: "row"
   }
@@ -3655,13 +3684,13 @@ var styles12 = import_react_native20.StyleSheet.create({
 // components/common/LoadingBar.tsx
 var import_react18 = __toESM(require("react"));
-var import_native12 = require("@react-navigation/native");
+var import_native13 = require("@react-navigation/native");
 var import_react_native_progress2 = require("react-native-progress");
 var import_react_native21 = require("react-native");
 var LoadingBar = ({
   isLoading
 }) => {
-  const { colors } = (0, import_native12.useTheme)();
+  const { colors } = (0, import_native13.useTheme)();
   if (!isLoading) return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null);
   return /* @__PURE__ */ import_react18.default.createElement(
     import_react_native_progress2.Bar,
@@ -3671,11 +3700,11 @@ var LoadingBar = ({
       borderWidth: 0,
       borderRadius: 0,
       width: null,
-      style: styles13.bar
+      style: styles14.bar
     }
   );
 };
-var styles13 = import_react_native21.StyleSheet.create({
+var styles14 = import_react_native21.StyleSheet.create({
   bar: {
     position: "absolute",
     top: 0,
@@ -3692,7 +3721,7 @@ var import_react27 = __toESM(require("react"));
 var import_react_native33 = require("react-native");
 // components/ui/separator.tsx
-var import_native13 = require("@react-navigation/native");
+var import_native14 = require("@react-navigation/native");
 var SeparatorPrimitive = __toESM(require("@rn-primitives/separator"));
 var React22 = __toESM(require("react"));
 var import_react_native22 = require("react-native");
@@ -3702,14 +3731,14 @@ function Separator2({
   decorative = true,
   ...props
 }) {
-  const { colors } = (0, import_native13.useTheme)();
+  const { colors } = (0, import_native14.useTheme)();
   return /* @__PURE__ */ React22.createElement(
     SeparatorPrimitive.Root,
     {
       decorative,
       orientation,
       style: import_react_native22.StyleSheet.flatten([
-        orientation === "horizontal" ? styles14.horizontal : styles14.vertical,
+        orientation === "horizontal" ? styles15.horizontal : styles15.vertical,
         { backgroundColor: colors.border },
         style
       ]),
@@ -3717,7 +3746,7 @@ function Separator2({
     }
   );
 }
-var styles14 = import_react_native22.StyleSheet.create({
+var styles15 = import_react_native22.StyleSheet.create({
   horizontal: {
     flexShrink: 0,
     height: 1,
@@ -3748,9 +3777,9 @@ var AgentInformation = ({
   const { session } = (0, import_solid_react6.useSolidAuth)();
   (0, import_solid_react6.useResource)(webId);
   const agentProfile = (0, import_solid_react6.useSubject)(SolidProfileShapeType, webId);
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_native23.View, { style: styles15.container }, /* @__PURE__ */ import_react19.default.createElement(ProfileAvatar, { profile: agentProfile }), /* @__PURE__ */ import_react19.default.createElement(import_react_native23.View, { style: styles15.textContainer }, /* @__PURE__ */ import_react19.default.createElement(Text2, null, agentProfile["@id"] === session.webId ? "You" : agentProfile.fn ?? agentProfile.name ?? "Unnamed Agent"), /* @__PURE__ */ import_react19.default.createElement(Text2, { size: "xs", muted: true }, webId)), accessoryRight);
+  return /* @__PURE__ */ import_react19.default.createElement(import_react_native23.View, { style: styles16.container }, /* @__PURE__ */ import_react19.default.createElement(ProfileAvatar, { profile: agentProfile }), /* @__PURE__ */ import_react19.default.createElement(import_react_native23.View, { style: styles16.textContainer }, /* @__PURE__ */ import_react19.default.createElement(Text2, null, agentProfile["@id"] === session.webId ? "You" : agentProfile.fn ?? agentProfile.name ?? "Unnamed Agent"), /* @__PURE__ */ import_react19.default.createElement(Text2, { size: "xs", muted: true }, webId)), accessoryRight);
 };
-var styles15 = import_react_native23.StyleSheet.create({
+var styles16 = import_react_native23.StyleSheet.create({
   container: {
     flexDirection: "row",
     gap: 16,
@@ -3770,7 +3799,7 @@ var CheckboxPrimitive = __toESM(require("@rn-primitives/checkbox"));
 var React24 = __toESM(require("react"));
 var import_react_native24 = require("react-native");
 var import_lucide_react_native25 = require("lucide-react-native");
-var import_native14 = require("@react-navigation/native");
+var import_native15 = require("@react-navigation/native");
 var getCheckboxStyles = (checked = false, disabled = false, theme) => {
   const baseStyles = {
     height: 16,
@@ -3800,7 +3829,7 @@ function Checkbox({
   style,
   ...props
 }) {
-  const theme = (0, import_native14.useTheme)();
+  const theme = (0, import_native15.useTheme)();
   const rootStyle = import_react_native24.StyleSheet.flatten([
     getCheckboxStyles(props.checked, props.disabled, theme),
     style
@@ -3846,7 +3875,7 @@ var AccessDropdown = ({
     },
     [onChange, value]
   );
-  return /* @__PURE__ */ import_react20.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react20.default.createElement(DropdownMenuTrigger, { asChild: true, style: styles16.button }, /* @__PURE__ */ import_react20.default.createElement(Button, { variant: "outline" }, /* @__PURE__ */ import_react20.default.createElement(Text2, null, accessDescription), /* @__PURE__ */ import_react20.default.createElement(Icon, { icon: import_lucide_react_native26.ChevronDown, style: styles16.buttonChevron }))), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuContent, null, /* @__PURE__ */ import_react20.default.createElement(DropdownMenuLabel, null, "Permissions"), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuGroup, null, ["read", "append", "write", "control"].map((accessModeName) => /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react20.default.createElement(DropdownMenuTrigger, { asChild: true, style: styles17.button }, /* @__PURE__ */ import_react20.default.createElement(Button, { variant: "outline" }, /* @__PURE__ */ import_react20.default.createElement(Text2, null, accessDescription), /* @__PURE__ */ import_react20.default.createElement(Icon, { icon: import_lucide_react_native26.ChevronDown, style: styles17.buttonChevron }))), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuContent, null, /* @__PURE__ */ import_react20.default.createElement(DropdownMenuLabel, null, "Permissions"), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuGroup, null, ["read", "append", "write", "control"].map((accessModeName) => /* @__PURE__ */ import_react20.default.createElement(
     DropdownMenuItem,
     {
       key: accessModeName,
@@ -3866,7 +3895,7 @@ var AccessDropdown = ({
     /* @__PURE__ */ import_react20.default.createElement(Text2, null, accessModeName.charAt(0).toUpperCase() + accessModeName.slice(1))
   )))));
 };
-var styles16 = import_react_native25.StyleSheet.create({
+var styles17 = import_react_native25.StyleSheet.create({
   button: {
     display: "flex",
     width: 130,
@@ -3886,18 +3915,18 @@ var AgentPermissionRow = ({
   value,
   onChange
 }) => {
-  return /* @__PURE__ */ import_react21.default.createElement(import_react_native27.View, { style: styles17.container }, /* @__PURE__ */ import_react21.default.createElement(AgentInformation, { webId }), /* @__PURE__ */ import_react21.default.createElement(import_react_native27.View, { style: styles17.rightSection }, /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(import_react_native27.View, { style: styles18.container }, /* @__PURE__ */ import_react21.default.createElement(AgentInformation, { webId }), /* @__PURE__ */ import_react21.default.createElement(import_react_native27.View, { style: styles18.rightSection }, /* @__PURE__ */ import_react21.default.createElement(
     Button,
     {
       variant: "ghost",
       onPress: () => onChange(void 0),
-      style: styles17.deleteButton,
+      style: styles18.deleteButton,
       iconLeft: import_lucide_react_native27.Trash,
-      textStyle: styles17.deleteButtonText
+      textStyle: styles18.deleteButtonText
     }
   ), /* @__PURE__ */ import_react21.default.createElement(AccessDropdown, { value, onChange })));
 };
-var styles17 = import_react_native26.StyleSheet.create({
+var styles18 = import_react_native26.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -3917,14 +3946,14 @@ var styles17 = import_react_native26.StyleSheet.create({
 // components/sharing/agentPermissions/AgentInput.tsx
 var import_react24 = __toESM(require("react"));
 var import_react_native29 = require("react-native");
-var import_native16 = require("@react-navigation/native");
+var import_native17 = require("@react-navigation/native");
 var import_react_native30 = require("react-native");
 var import_solid_react7 = require("@ldo/solid-react");
 // components/ui/input-dropdown.tsx
 var import_react22 = __toESM(require("react"));
 var import_react_native28 = require("react-native");
-var import_native15 = require("@react-navigation/native");
+var import_native16 = require("@react-navigation/native");
 function InputDropdown({
   items,
   renderItem,
@@ -3938,7 +3967,7 @@ function InputDropdown({
   style,
   ...inputProps
 }) {
-  const { colors } = (0, import_native15.useTheme)();
+  const { colors } = (0, import_native16.useTheme)();
   const [isDropdownOpen, setIsDropdownOpen] = (0, import_react22.useState)(false);
   const inputRef = (0, import_react22.useRef)(null);
   const filteredItems = (0, import_react22.useMemo)(() => {
@@ -3979,11 +4008,11 @@ function InputDropdown({
     }
   }, [isDropdownOpen]);
   const containerStyles = {
-    ...styles18.container,
+    ...styles19.container,
     ...style
   };
   const dropdownStyles = {
-    ...styles18.dropdown,
+    ...styles19.dropdown,
     backgroundColor: colors.background,
     borderColor: colors.border
   };
@@ -3997,7 +4026,7 @@ function InputDropdown({
     }
   ), isDropdownOpen && (filteredItems.length > 0 || isLoading) && /* @__PURE__ */ import_react22.default.createElement(Card, { style: dropdownStyles }, isLoading && /* @__PURE__ */ import_react22.default.createElement(LoadingBar, { isLoading }), filteredItems.map((item, index) => /* @__PURE__ */ import_react22.default.createElement(import_react_native28.View, { key: index }, renderItem(item, handleItemSelect)))));
 }
-var styles18 = import_react_native28.StyleSheet.create({
+var styles19 = import_react_native28.StyleSheet.create({
   container: {
     position: "relative"
   },
@@ -4043,12 +4072,12 @@ function useContactFilter(webIds, searchText, contactsWithNames) {
 // components/sharing/agentPermissions/AgentInput.tsx
 var import_lucide_react_native28 = require("lucide-react-native");
 var ContactDropdownItem = ({ webId, onSelect }) => {
-  const { colors } = (0, import_native16.useTheme)();
+  const { colors } = (0, import_native17.useTheme)();
   return /* @__PURE__ */ import_react24.default.createElement(
     import_react_native30.Pressable,
     {
       style: ({ hovered }) => [
-        styles19.dropdownItem,
+        styles20.dropdownItem,
         { borderBottomColor: colors.border },
         hovered && { backgroundColor: colors.border }
       ],
@@ -4132,7 +4161,7 @@ var AgentInput = ({
     }
   );
 };
-var styles19 = import_react_native29.StyleSheet.create({
+var styles20 = import_react_native29.StyleSheet.create({
   dropdownItem: {
     padding: 8,
     borderBottomWidth: 1
@@ -4196,9 +4225,9 @@ var PermissionRow = ({
   value,
   onChange
 }) => {
-  return /* @__PURE__ */ import_react26.default.createElement(import_react_native32.View, { style: styles20.container }, /* @__PURE__ */ import_react26.default.createElement(import_react_native32.View, { style: styles20.leftSection }, /* @__PURE__ */ import_react26.default.createElement(Avatar, { alt: displayName }, /* @__PURE__ */ import_react26.default.createElement(AvatarFallback, null, /* @__PURE__ */ import_react26.default.createElement(Text2, null, /* @__PURE__ */ import_react26.default.createElement(Icon2, null)))), /* @__PURE__ */ import_react26.default.createElement(Text2, { bold: true }, displayName)), /* @__PURE__ */ import_react26.default.createElement(AccessDropdown, { value, onChange }));
+  return /* @__PURE__ */ import_react26.default.createElement(import_react_native32.View, { style: styles21.container }, /* @__PURE__ */ import_react26.default.createElement(import_react_native32.View, { style: styles21.leftSection }, /* @__PURE__ */ import_react26.default.createElement(Avatar, { alt: displayName }, /* @__PURE__ */ import_react26.default.createElement(AvatarFallback, null, /* @__PURE__ */ import_react26.default.createElement(Text2, null, /* @__PURE__ */ import_react26.default.createElement(Icon2, null)))), /* @__PURE__ */ import_react26.default.createElement(Text2, { bold: true }, displayName)), /* @__PURE__ */ import_react26.default.createElement(AccessDropdown, { value, onChange }));
 };
-var styles20 = import_react_native31.StyleSheet.create({
+var styles21 = import_react_native31.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -4219,7 +4248,7 @@ var WacRuleForm = ({
   value,
   onChange
 }) => {
-  return /* @__PURE__ */ import_react27.default.createElement(import_react_native34.View, { style: styles21.container }, /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(import_react_native34.View, { style: styles22.container }, /* @__PURE__ */ import_react27.default.createElement(
     PermissionRow,
     {
       displayName: "Public Access",
@@ -4243,7 +4272,7 @@ var WacRuleForm = ({
     }
   ));
 };
-var styles21 = import_react_native33.StyleSheet.create({
+var styles22 = import_react_native33.StyleSheet.create({
   container: {
     gap: 16,
     marginTop: 8,
@@ -4267,7 +4296,7 @@ var SharingModalProvider = ({
   children
 }) => {
   const { targetResource } = useViewContext();
-  const { colors } = (0, import_native17.useTheme)();
+  const { colors } = (0, import_native18.useTheme)();
   const [isOpen, setIsOpen] = (0, import_react28.useState)(false);
   const [wacResult, setWacResult] = (0, import_react28.useState)();
   const [isLoading, setIsLoading] = (0, import_react28.useState)(false);
@@ -4324,7 +4353,7 @@ var SharingModalProvider = ({
     /* @__PURE__ */ import_react28.default.createElement(
       import_react_native36.ScrollView,
       {
-        style: [{ borderColor: colors.border }, styles22.scrollView]
+        style: [{ borderColor: colors.border }, styles23.scrollView]
       },
       (() => {
         if (!wacResult) return /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null);
@@ -4343,7 +4372,7 @@ var SharingModalProvider = ({
     ))
   )), children);
 };
-var styles22 = import_react_native35.StyleSheet.create({
+var styles23 = import_react_native35.StyleSheet.create({
   scrollView: {
     flex: 1,
     borderTopWidth: 1,
@@ -4361,12 +4390,12 @@ var styles22 = import_react_native35.StyleSheet.create({
 var Header = () => {
   const { session } = (0, import_solid_react8.useSolidAuth)();
   const { openSharingModal } = useSharingModal();
-  const { colors } = (0, import_native18.useTheme)();
+  const { colors } = (0, import_native19.useTheme)();
   return /* @__PURE__ */ import_react29.default.createElement(
     Card,
     {
       style: [
-        styles23.card,
+        styles24.card,
         { borderBottomWidth: 1, borderBottomColor: colors.border }
       ]
     },
@@ -4376,7 +4405,7 @@ var Header = () => {
       {
         key: "setMemu",
         variant: "ghost",
-        style: styles23.shareButton,
+        style: styles24.shareButton,
         onPress: openSharingModal,
         iconLeft: import_lucide_react_native31.UserPlus
       }
@@ -4385,7 +4414,7 @@ var Header = () => {
     session.isLoggedIn ? /* @__PURE__ */ import_react29.default.createElement(AvatarMenu, null) : /* @__PURE__ */ import_react29.default.createElement(SignInMenu, null)
   );
 };
-var styles23 = import_react_native37.StyleSheet.create({
+var styles24 = import_react_native37.StyleSheet.create({
   card: {
     height: 56,
     flexDirection: "row",
@@ -4480,21 +4509,21 @@ var DialogProvider = ({
 // components/nav/Layout.tsx
 var import_solid_react9 = require("@ldo/solid-react");
-var import_native19 = require("@react-navigation/native");
+var import_native20 = require("@react-navigation/native");
 var ValidViewContext = (0, import_react31.createContext)({});
 var Layout = () => {
   const { ranInitialAuthCheck } = (0, import_solid_react9.useSolidAuth)();
-  const { colors } = (0, import_native19.useTheme)();
+  const { colors } = (0, import_native20.useTheme)();
   if (!ranInitialAuthCheck) {
     return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null);
   }
   return /* @__PURE__ */ import_react31.default.createElement(DialogProvider, null, /* @__PURE__ */ import_react31.default.createElement(ViewContextProvider, null, /* @__PURE__ */ import_react31.default.createElement(SharingModalProvider, null, /* @__PURE__ */ import_react31.default.createElement(
     import_react_native39.View,
     {
-      style: [styles24.container, { backgroundColor: colors.background }]
+      style: [styles25.container, { backgroundColor: colors.background }]
     },
     /* @__PURE__ */ import_react31.default.createElement(Header, null),
-    /* @__PURE__ */ import_react31.default.createElement(import_react_native39.View, { style: styles24.contentView }, /* @__PURE__ */ import_react31.default.createElement(RenderView, null))
+    /* @__PURE__ */ import_react31.default.createElement(import_react_native39.View, { style: styles25.contentView }, /* @__PURE__ */ import_react31.default.createElement(RenderView, null))
   ))));
 };
 var RenderView = () => {
@@ -4507,7 +4536,7 @@ var RenderView = () => {
   const CurView = viewToRender.view;
   return /* @__PURE__ */ import_react31.default.createElement(CurView, null);
 };
-var styles24 = import_react_native39.StyleSheet.create({
+var styles25 = import_react_native39.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -4538,7 +4567,7 @@ var React37 = __toESM(require("react"));
 var import_react_native41 = require("react-native");
 var import_react_native_reanimated3 = __toESM(require("react-native-reanimated"));
 var import_lucide_react_native32 = require("lucide-react-native");
-var import_native20 = require("@react-navigation/native");
+var import_native21 = require("@react-navigation/native");
 function Accordion({
   children,
   ...props
@@ -4557,18 +4586,18 @@ function AccordionItem({
   value,
   ...props
 }) {
-  const { colors } = (0, import_native20.useTheme)();
+  const { colors } = (0, import_native21.useTheme)();
   return /* @__PURE__ */ React37.createElement(
     import_react_native_reanimated3.default.View,
     {
-      style: [styles25.itemContainer, { overflow: "hidden" }],
+      style: [styles26.itemContainer, { overflow: "hidden" }],
       layout: import_react_native_reanimated3.LinearTransition.duration(200)
     },
     /* @__PURE__ */ React37.createElement(
       AccordionPrimitive.Item,
       {
         style: import_react_native41.StyleSheet.flatten([
-          styles25.item,
+          styles26.item,
           { borderBottomColor: colors.border },
           style
         ]),
@@ -4584,7 +4613,7 @@ function AccordionTrigger({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native20.useTheme)();
+  const { colors } = (0, import_native21.useTheme)();
   const { isExpanded } = AccordionPrimitive.useItemContext();
   const progress = (0, import_react_native_reanimated3.useDerivedValue)(
     () => isExpanded ? (0, import_react_native_reanimated3.withTiming)(1, { duration: 250 }) : (0, import_react_native_reanimated3.withTiming)(0, { duration: 200 })
@@ -4598,11 +4627,11 @@ function AccordionTrigger({
     fontWeight: "500",
     color: colors.text
   };
-  return /* @__PURE__ */ React37.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Header, { style: styles25.header }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Trigger, { ...props, asChild: true }, /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React37.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Header, { style: styles26.header }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Trigger, { ...props, asChild: true }, /* @__PURE__ */ React37.createElement(
     Trigger4,
     {
       style: import_react_native41.StyleSheet.flatten([
-        styles25.trigger,
+        styles26.trigger,
         { flex: import_react_native41.Platform.OS === "web" ? 1 : void 0 },
         style
       ])
@@ -4616,7 +4645,7 @@ function AccordionContent({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native20.useTheme)();
+  const { colors } = (0, import_native21.useTheme)();
   const textStyles2 = {
     fontSize: import_react_native41.Platform.OS === "web" ? 14 : 18,
     color: colors.text
@@ -4625,13 +4654,13 @@ function AccordionContent({
     AccordionPrimitive.Content,
     {
       style: import_react_native41.StyleSheet.flatten([
-        styles25.content,
+        styles26.content,
         { overflow: "hidden" },
         style
       ]),
       ...props
     },
-    /* @__PURE__ */ React37.createElement(InnerContent, { style: styles25.innerContent }, children)
+    /* @__PURE__ */ React37.createElement(InnerContent, { style: styles26.innerContent }, children)
   ));
 }
 function InnerContent({
@@ -4639,19 +4668,19 @@ function InnerContent({
   style
 }) {
   if (import_react_native41.Platform.OS === "web") {
-    return /* @__PURE__ */ React37.createElement(import_react_native41.View, { style: import_react_native41.StyleSheet.flatten([styles25.innerContent, style]) }, children);
+    return /* @__PURE__ */ React37.createElement(import_react_native41.View, { style: import_react_native41.StyleSheet.flatten([styles26.innerContent, style]) }, children);
   }
   return /* @__PURE__ */ React37.createElement(
     import_react_native_reanimated3.default.View,
     {
       entering: import_react_native_reanimated3.FadeIn,
       exiting: import_react_native_reanimated3.FadeOutUp.duration(200),
-      style: import_react_native41.StyleSheet.flatten([styles25.innerContent, style])
+      style: import_react_native41.StyleSheet.flatten([styles26.innerContent, style])
     },
     children
   );
 }
-var styles25 = import_react_native41.StyleSheet.create({
+var styles26 = import_react_native41.StyleSheet.create({
   itemContainer: {
     overflow: "hidden"
   },
@@ -4676,7 +4705,7 @@ var styles25 = import_react_native41.StyleSheet.create({
 });
 // components/ui/alert.tsx
-var import_native21 = require("@react-navigation/native");
+var import_native22 = require("@react-navigation/native");
 var React38 = __toESM(require("react"));
 var import_react_native42 = require("react-native");
 function Alert({
@@ -4687,16 +4716,16 @@ function Alert({
   iconSize = 16,
   ...props
 }) {
-  const { colors } = (0, import_native21.useTheme)();
+  const { colors } = (0, import_native22.useTheme)();
   const getAlertStyles = () => {
     const baseAlertStyles = {
       backgroundColor: colors.background,
       borderColor: variant === "destructive" ? colors.notification : colors.border,
       shadowColor: colors.text
     };
-    return import_react_native42.StyleSheet.flatten([styles26.base, baseAlertStyles, style]);
+    return import_react_native42.StyleSheet.flatten([styles27.base, baseAlertStyles, style]);
   };
-  return /* @__PURE__ */ React38.createElement(import_react_native42.View, { role: "alert", style: getAlertStyles(), ...props }, /* @__PURE__ */ React38.createElement(import_react_native42.View, { style: styles26.icon }, /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React38.createElement(import_react_native42.View, { role: "alert", style: getAlertStyles(), ...props }, /* @__PURE__ */ React38.createElement(import_react_native42.View, { style: styles27.icon }, /* @__PURE__ */ React38.createElement(
     Icon2,
     {
       size: iconSize,
@@ -4705,11 +4734,11 @@ function Alert({
   )), children);
 }
 function AlertTitle({ style, ...props }) {
-  const { colors } = (0, import_native21.useTheme)();
+  const { colors } = (0, import_native22.useTheme)();
   return /* @__PURE__ */ React38.createElement(
     Text2,
     {
-      style: import_react_native42.StyleSheet.flatten([styles26.title, { color: colors.text }, style]),
+      style: import_react_native42.StyleSheet.flatten([styles27.title, { color: colors.text }, style]),
       ...props
     }
   );
@@ -4718,12 +4747,12 @@ function AlertDescription({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native21.useTheme)();
+  const { colors } = (0, import_native22.useTheme)();
   return /* @__PURE__ */ React38.createElement(
     Text2,
     {
       style: import_react_native42.StyleSheet.flatten([
-        styles26.description,
+        styles27.description,
         { color: colors.text },
         style
       ]),
@@ -4731,7 +4760,7 @@ function AlertDescription({
     }
   );
 }
-var styles26 = import_react_native42.StyleSheet.create({
+var styles27 = import_react_native42.StyleSheet.create({
   base: {
     position: "relative",
     width: "100%",
@@ -4778,9 +4807,9 @@ var AspectRatio = AspectRatioPrimitive.Root;
 var import_react34 = __toESM(require("react"));
 var Slot2 = __toESM(require("@rn-primitives/slot"));
 var import_react_native43 = require("react-native");
-var import_native22 = require("@react-navigation/native");
+var import_native23 = require("@react-navigation/native");
 function Badge({ style, variant = "default", asChild, ...props }) {
-  const { colors } = (0, import_native22.useTheme)();
+  const { colors } = (0, import_native23.useTheme)();
   const Component = asChild ? Slot2.View : import_react_native43.View;
   const getVariantStyles = () => {
     switch (variant) {
@@ -4814,7 +4843,7 @@ function Badge({ style, variant = "default", asChild, ...props }) {
     }
   };
   const badgeStyle = import_react_native43.StyleSheet.flatten([
-    styles27.base,
+    styles28.base,
     getVariantStyles(),
     style
   ]);
@@ -4824,7 +4853,7 @@ function Badge({ style, variant = "default", asChild, ...props }) {
   ]);
   return /* @__PURE__ */ import_react34.default.createElement(TextStyleProvider, { style: textStyle }, /* @__PURE__ */ import_react34.default.createElement(Component, { style: badgeStyle, ...props }));
 }
-var styles27 = import_react_native43.StyleSheet.create({
+var styles28 = import_react_native43.StyleSheet.create({
   base: {
     flexDirection: "row",
     alignItems: "center",
@@ -4855,7 +4884,7 @@ var import_lucide_react_native33 = require("lucide-react-native");
 var import_lucide_react_native34 = require("lucide-react-native");
 var import_lucide_react_native35 = require("lucide-react-native");
 var import_lucide_react_native36 = require("lucide-react-native");
-var import_native23 = require("@react-navigation/native");
+var import_native24 = require("@react-navigation/native");
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
@@ -4867,7 +4896,7 @@ function ContextMenuSubTrigger({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native23.useTheme)();
+  const { colors } = (0, import_native24.useTheme)();
   const { open } = ContextMenuPrimitive.useSubContext();
   const Icon2 = import_react_native44.Platform.OS === "web" ? import_lucide_react_native35.ChevronRight : open ? import_lucide_react_native36.ChevronUp : import_lucide_react_native34.ChevronDown;
   const textStyles2 = {
@@ -4875,22 +4904,22 @@ function ContextMenuSubTrigger({
     color: open ? colors.primary : colors.primary
   };
   const triggerStyles = import_react_native44.StyleSheet.flatten([
-    styles28.subTrigger,
+    styles29.subTrigger,
     {
       backgroundColor: open ? colors.border : "transparent",
       paddingLeft: inset ? 32 : 8
     },
     style
   ]);
-  return /* @__PURE__ */ React40.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React40.createElement(Icon2, { size: 18, color: colors.text, style: styles28.icon })));
+  return /* @__PURE__ */ React40.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React40.createElement(Icon2, { size: 18, color: colors.text, style: styles29.icon })));
 }
 function ContextMenuSubContent({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native23.useTheme)();
+  const { colors } = (0, import_native24.useTheme)();
   const contentStyles = import_react_native44.StyleSheet.flatten([
-    styles28.subContent,
+    styles29.subContent,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -4906,9 +4935,9 @@ function ContextMenuContent({
   portalHost,
   ...props
 }) {
-  const { colors } = (0, import_native23.useTheme)();
+  const { colors } = (0, import_native24.useTheme)();
   const contentStyles = import_react_native44.StyleSheet.flatten([
-    styles28.content,
+    styles29.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -4932,13 +4961,13 @@ function ContextMenuItem({
   inset,
   ...props
 }) {
-  const { colors } = (0, import_native23.useTheme)();
+  const { colors } = (0, import_native24.useTheme)();
   const textStyles2 = {
     fontSize: import_react_native44.Platform.OS === "web" ? 14 : 18,
     color: colors.text
   };
   const itemStyles = import_react_native44.StyleSheet.flatten([
-    styles28.item,
+    styles29.item,
     {
       paddingLeft: inset ? 32 : 8,
       opacity: props.disabled ? 0.5 : 1
@@ -4952,39 +4981,39 @@ function ContextMenuCheckboxItem({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native23.useTheme)();
+  const { colors } = (0, import_native24.useTheme)();
   const checkboxStyles = import_react_native44.StyleSheet.flatten([
-    styles28.checkboxItem,
+    styles29.checkboxItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.CheckboxItem, { style: checkboxStyles, ...props }, /* @__PURE__ */ React40.createElement(import_react_native44.View, { style: styles28.checkboxIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(import_lucide_react_native33.Check, { size: 14, strokeWidth: 3, color: colors.text }))), children);
+  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.CheckboxItem, { style: checkboxStyles, ...props }, /* @__PURE__ */ React40.createElement(import_react_native44.View, { style: styles29.checkboxIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(import_lucide_react_native33.Check, { size: 14, strokeWidth: 3, color: colors.text }))), children);
 }
 function ContextMenuRadioItem({
   style,
   children,
   ...props
 }) {
-  const { colors } = (0, import_native23.useTheme)();
+  const { colors } = (0, import_native24.useTheme)();
   const radioStyles = import_react_native44.StyleSheet.flatten([
-    styles28.radioItem,
+    styles29.radioItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React40.createElement(import_react_native44.View, { style: styles28.radioIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(import_react_native44.View, { style: [styles28.radioDot, { backgroundColor: colors.text }] }))), children);
+  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React40.createElement(import_react_native44.View, { style: styles29.radioIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(import_react_native44.View, { style: [styles29.radioDot, { backgroundColor: colors.text }] }))), children);
 }
 function ContextMenuLabel({
   style,
   inset,
   ...props
 }) {
-  const { colors } = (0, import_native23.useTheme)();
+  const { colors } = (0, import_native24.useTheme)();
   const labelStyles = import_react_native44.StyleSheet.flatten([
-    styles28.label,
+    styles29.label,
     {
       color: colors.text,
       paddingLeft: inset ? 32 : 8
@@ -4997,9 +5026,9 @@ function ContextMenuSeparator({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native23.useTheme)();
+  const { colors } = (0, import_native24.useTheme)();
   const separatorStyles = import_react_native44.StyleSheet.flatten([
-    styles28.separator,
+    styles29.separator,
     {
       backgroundColor: colors.border
     },
@@ -5008,9 +5037,9 @@ function ContextMenuSeparator({
   return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.Separator, { style: separatorStyles, ...props });
 }
 function ContextMenuShortcut({ style, ...props }) {
-  const { colors } = (0, import_native23.useTheme)();
+  const { colors } = (0, import_native24.useTheme)();
   const shortcutStyles = import_react_native44.StyleSheet.flatten([
-    styles28.shortcut,
+    styles29.shortcut,
     {
       color: colors.text
     },
@@ -5018,7 +5047,7 @@ function ContextMenuShortcut({ style, ...props }) {
   ]);
   return /* @__PURE__ */ React40.createElement(import_react_native44.Text, { style: shortcutStyles, ...props });
 }
-var styles28 = import_react_native44.StyleSheet.create({
+var styles29 = import_react_native44.StyleSheet.create({
   subTrigger: {
     flexDirection: "row",
     alignItems: "center",
@@ -5123,7 +5152,7 @@ var HoverCardPrimitive = __toESM(require("@rn-primitives/hover-card"));
 var React41 = __toESM(require("react"));
 var import_react_native45 = require("react-native");
 var import_react_native_reanimated4 = __toESM(require("react-native-reanimated"));
-var import_native24 = require("@react-navigation/native");
+var import_native25 = require("@react-navigation/native");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 function HoverCardContent({
@@ -5132,9 +5161,9 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  const { colors } = (0, import_native24.useTheme)();
+  const { colors } = (0, import_native25.useTheme)();
   const contentStyles = import_react_native45.StyleSheet.flatten([
-    styles29.content,
+    styles30.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5161,7 +5190,7 @@ function HoverCardContent({
     )))
   ));
 }
-var styles29 = import_react_native45.StyleSheet.create({
+var styles30 = import_react_native45.StyleSheet.create({
   content: {
     zIndex: 50,
     width: 256,
@@ -5190,7 +5219,7 @@ function Label3({
   return /* @__PURE__ */ React42.createElement(
     LabelPrimitive.Root,
     {
-      style: styles30.root,
+      style: styles31.root,
       onPress,
       onLongPress,
       onPressIn,
@@ -5199,13 +5228,13 @@ function Label3({
     /* @__PURE__ */ React42.createElement(
       LabelPrimitive.Text,
       {
-        style: import_react_native46.StyleSheet.flatten([styles30.text, style]),
+        style: import_react_native46.StyleSheet.flatten([styles31.text, style]),
         ...props
       }
     )
   );
 }
-var styles30 = import_react_native46.StyleSheet.create({
+var styles31 = import_react_native46.StyleSheet.create({
   root: {
     // web:cursor-default - handled by platform
   },
@@ -5227,7 +5256,7 @@ var import_lucide_react_native37 = require("lucide-react-native");
 var import_lucide_react_native38 = require("lucide-react-native");
 var import_lucide_react_native39 = require("lucide-react-native");
 var import_lucide_react_native40 = require("lucide-react-native");
-var import_native25 = require("@react-navigation/native");
+var import_native26 = require("@react-navigation/native");
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
@@ -5237,9 +5266,9 @@ function Menubar({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const rootStyles = import_react_native47.StyleSheet.flatten([
-    styles31.root,
+    styles32.root,
     {
       backgroundColor: colors.background,
       borderColor: colors.border
@@ -5252,11 +5281,11 @@ function MenubarTrigger({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const { value } = MenubarPrimitive.useRootContext();
   const { value: itemValue } = MenubarPrimitive.useMenuContext();
   const triggerStyles = import_react_native47.StyleSheet.flatten([
-    styles31.trigger,
+    styles32.trigger,
     {
       backgroundColor: value === itemValue ? colors.border : "transparent",
       color: value === itemValue ? colors.text : colors.text
@@ -5271,7 +5300,7 @@ function MenubarSubTrigger({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const { open } = MenubarPrimitive.useSubContext();
   const Icon2 = import_react_native47.Platform.OS === "web" ? import_lucide_react_native39.ChevronRight : open ? import_lucide_react_native40.ChevronUp : import_lucide_react_native38.ChevronDown;
   const textStyles2 = {
@@ -5279,22 +5308,22 @@ function MenubarSubTrigger({
     color: open ? colors.primary : colors.primary
   };
   const triggerStyles = import_react_native47.StyleSheet.flatten([
-    styles31.subTrigger,
+    styles32.subTrigger,
     {
       backgroundColor: open ? colors.border : "transparent",
       paddingLeft: inset ? 32 : 8
     },
     style
   ]);
-  return /* @__PURE__ */ React43.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React43.createElement(Icon2, { size: 18, color: colors.text, style: styles31.icon })));
+  return /* @__PURE__ */ React43.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React43.createElement(Icon2, { size: 18, color: colors.text, style: styles32.icon })));
 }
 function MenubarSubContent({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const contentStyles = import_react_native47.StyleSheet.flatten([
-    styles31.subContent,
+    styles32.subContent,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5309,9 +5338,9 @@ function MenubarContent({
   portalHost,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const contentStyles = import_react_native47.StyleSheet.flatten([
-    styles31.content,
+    styles32.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5326,13 +5355,13 @@ function MenubarItem({
   inset,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const textStyles2 = {
     fontSize: import_react_native47.Platform.OS === "web" ? 14 : 18,
     color: colors.text
   };
   const itemStyles = import_react_native47.StyleSheet.flatten([
-    styles31.item,
+    styles32.item,
     {
       paddingLeft: inset ? 32 : 8,
       opacity: props.disabled ? 0.5 : 1
@@ -5347,9 +5376,9 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const checkboxStyles = import_react_native47.StyleSheet.flatten([
-    styles31.checkboxItem,
+    styles32.checkboxItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
@@ -5362,7 +5391,7 @@ function MenubarCheckboxItem({
       checked,
       ...props
     },
-    /* @__PURE__ */ React43.createElement(import_react_native47.View, { style: styles31.checkboxIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(import_lucide_react_native37.Check, { size: 14, strokeWidth: 3, color: colors.text }))),
+    /* @__PURE__ */ React43.createElement(import_react_native47.View, { style: styles32.checkboxIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(import_lucide_react_native37.Check, { size: 14, strokeWidth: 3, color: colors.text }))),
     children
   );
 }
@@ -5371,24 +5400,24 @@ function MenubarRadioItem({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const radioStyles = import_react_native47.StyleSheet.flatten([
-    styles31.radioItem,
+    styles32.radioItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  return /* @__PURE__ */ React43.createElement(MenubarPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React43.createElement(import_react_native47.View, { style: styles31.radioIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(import_react_native47.View, { style: [styles31.radioDot, { backgroundColor: colors.text }] }))), children);
+  return /* @__PURE__ */ React43.createElement(MenubarPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React43.createElement(import_react_native47.View, { style: styles32.radioIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(import_react_native47.View, { style: [styles32.radioDot, { backgroundColor: colors.text }] }))), children);
 }
 function MenubarLabel({
   style,
   inset,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const labelStyles = import_react_native47.StyleSheet.flatten([
-    styles31.label,
+    styles32.label,
     {
       color: colors.text,
       paddingLeft: inset ? 32 : 8
@@ -5401,9 +5430,9 @@ function MenubarSeparator({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const separatorStyles = import_react_native47.StyleSheet.flatten([
-    styles31.separator,
+    styles32.separator,
     {
       backgroundColor: colors.border
     },
@@ -5412,9 +5441,9 @@ function MenubarSeparator({
   return /* @__PURE__ */ React43.createElement(MenubarPrimitive.Separator, { style: separatorStyles, ...props });
 }
 function MenubarShortcut({ style, ...props }) {
-  const { colors } = (0, import_native25.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const shortcutStyles = import_react_native47.StyleSheet.flatten([
-    styles31.shortcut,
+    styles32.shortcut,
     {
       color: colors.text
     },
@@ -5422,7 +5451,7 @@ function MenubarShortcut({ style, ...props }) {
   ]);
   return /* @__PURE__ */ React43.createElement(import_react_native47.Text, { style: shortcutStyles, ...props });
 }
-var styles31 = import_react_native47.StyleSheet.create({
+var styles32 = import_react_native47.StyleSheet.create({
   root: {
     flexDirection: "row",
     height: import_react_native47.Platform.OS === "web" ? 40 : 48,
@@ -5545,7 +5574,7 @@ var NavigationMenuPrimitive = __toESM(require("@rn-primitives/navigation-menu"))
 var React44 = __toESM(require("react"));
 var import_react_native48 = require("react-native");
 var import_lucide_react_native41 = require("lucide-react-native");
-var import_native26 = require("@react-navigation/native");
+var import_native27 = require("@react-navigation/native");
 function NavigationMenu({
   style,
   children,
@@ -5554,7 +5583,7 @@ function NavigationMenu({
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Root,
     {
-      style: import_react_native48.StyleSheet.flatten([styles32.navigationMenu, style]),
+      style: import_react_native48.StyleSheet.flatten([styles33.navigationMenu, style]),
       ...props
     },
     children,
@@ -5568,7 +5597,7 @@ function NavigationMenuList({
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.List,
     {
-      style: import_react_native48.StyleSheet.flatten([styles32.navigationMenuList, style]),
+      style: import_react_native48.StyleSheet.flatten([styles33.navigationMenuList, style]),
       ...props
     }
   );
@@ -5579,7 +5608,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
+  const { colors } = (0, import_native27.useTheme)();
   const { value } = NavigationMenuPrimitive.useRootContext();
   const { value: itemValue } = NavigationMenuPrimitive.useItemContext();
   const isActive = value === itemValue;
@@ -5587,14 +5616,14 @@ function NavigationMenuTrigger({
     import_react_native48.Pressable,
     {
       style: ({ hovered }) => ({
-        ...styles32.trigger,
+        ...styles33.trigger,
         backgroundColor: isActive ? colors.card : hovered ? colors.border : colors.background,
         ...style
       }),
       ...props
     },
     children,
-    /* @__PURE__ */ React44.createElement(import_react_native48.View, { style: styles32.chevronContainer }, /* @__PURE__ */ React44.createElement(import_lucide_react_native41.ChevronDown, { size: 12, color: colors.text, "aria-hidden": true }))
+    /* @__PURE__ */ React44.createElement(import_react_native48.View, { style: styles33.chevronContainer }, /* @__PURE__ */ React44.createElement(import_lucide_react_native41.ChevronDown, { size: 12, color: colors.text, "aria-hidden": true }))
   ));
 }
 function NavigationMenuContent({
@@ -5603,12 +5632,12 @@ function NavigationMenuContent({
   portalHost,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
+  const { colors } = (0, import_native27.useTheme)();
   return /* @__PURE__ */ React44.createElement(NavigationMenuPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Content,
     {
       style: import_react_native48.StyleSheet.flatten([
-        styles32.content,
+        styles33.content,
         {
           backgroundColor: colors.background,
           borderColor: colors.border
@@ -5625,12 +5654,12 @@ function NavigationMenuViewport({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
-  return /* @__PURE__ */ React44.createElement(import_react_native48.View, { style: styles32.viewportContainer }, /* @__PURE__ */ React44.createElement(
+  const { colors } = (0, import_native27.useTheme)();
+  return /* @__PURE__ */ React44.createElement(import_react_native48.View, { style: styles33.viewportContainer }, /* @__PURE__ */ React44.createElement(
     import_react_native48.View,
     {
       style: import_react_native48.StyleSheet.flatten([
-        styles32.viewport,
+        styles33.viewport,
         {
           backgroundColor: colors.background,
           borderColor: colors.border
@@ -5647,26 +5676,26 @@ function NavigationMenuIndicator({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
+  const { colors } = (0, import_native27.useTheme)();
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Indicator,
     {
       ref,
-      style: import_react_native48.StyleSheet.flatten([styles32.indicator, style]),
+      style: import_react_native48.StyleSheet.flatten([styles33.indicator, style]),
       ...props
     },
     /* @__PURE__ */ React44.createElement(
       import_react_native48.View,
       {
         style: import_react_native48.StyleSheet.flatten([
-          styles32.indicatorArrow,
+          styles33.indicatorArrow,
           { backgroundColor: colors.border }
         ])
       }
     )
   );
 }
-var styles32 = import_react_native48.StyleSheet.create({
+var styles33 = import_react_native48.StyleSheet.create({
   navigationMenu: {
     position: "relative",
     zIndex: 10,
@@ -5768,7 +5797,7 @@ var import_react35 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@rn-primitives/popover"));
 var import_react_native49 = require("react-native");
 var import_react_native_reanimated5 = __toESM(require("react-native-reanimated"));
-var import_native27 = require("@react-navigation/native");
+var import_native28 = require("@react-navigation/native");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 function PopoverContent({
@@ -5778,9 +5807,9 @@ function PopoverContent({
   portalHost,
   ...props
 }) {
-  const { colors } = (0, import_native27.useTheme)();
+  const { colors } = (0, import_native28.useTheme)();
   const contentStyles = import_react_native49.StyleSheet.flatten([
-    styles33.content,
+    styles34.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5807,7 +5836,7 @@ function PopoverContent({
     )))
   ));
 }
-var styles33 = import_react_native49.StyleSheet.create({
+var styles34 = import_react_native49.StyleSheet.create({
   content: {
     zIndex: 50,
     width: 288,
@@ -5826,16 +5855,16 @@ var ProgressPrimitive = __toESM(require("@rn-primitives/progress"));
 var React46 = __toESM(require("react"));
 var import_react_native50 = require("react-native");
 var import_react_native_reanimated6 = __toESM(require("react-native-reanimated"));
-var import_native28 = require("@react-navigation/native");
+var import_native29 = require("@react-navigation/native");
 function Progress({
   style,
   value,
   indicatorStyle,
   ...props
 }) {
-  const { colors } = (0, import_native28.useTheme)();
+  const { colors } = (0, import_native29.useTheme)();
   const progressStyles = import_react_native50.StyleSheet.flatten([
-    styles34.progress,
+    styles35.progress,
     { backgroundColor: colors.border },
     style
   ]);
@@ -5845,7 +5874,7 @@ function Indicator4({
   value,
   style
 }) {
-  const { colors } = (0, import_native28.useTheme)();
+  const { colors } = (0, import_native29.useTheme)();
   const progress = (0, import_react_native_reanimated6.useDerivedValue)(() => value ?? 0);
   const indicator = (0, import_react_native_reanimated6.useAnimatedStyle)(() => {
     return {
@@ -5860,7 +5889,7 @@ function Indicator4({
       import_react_native50.View,
       {
         style: import_react_native50.StyleSheet.flatten([
-          styles34.indicatorWeb,
+          styles35.indicatorWeb,
           {
             transform: `translateX(-${100 - (value ?? 0)}%)`,
             backgroundColor: colors.primary
@@ -5876,14 +5905,14 @@ function Indicator4({
     {
       style: import_react_native50.StyleSheet.flatten([
         indicator,
-        styles34.indicator,
+        styles35.indicator,
         { backgroundColor: colors.primary },
         style
       ])
     }
   ));
 }
-var styles34 = import_react_native50.StyleSheet.create({
+var styles35 = import_react_native50.StyleSheet.create({
   progress: {
     position: "relative",
     height: 16,
@@ -5905,7 +5934,7 @@ var styles34 = import_react_native50.StyleSheet.create({
 var import_react36 = __toESM(require("react"));
 var RadioGroupPrimitive = __toESM(require("@rn-primitives/radio-group"));
 var import_react_native51 = require("react-native");
-var import_native29 = require("@react-navigation/native");
+var import_native30 = require("@react-navigation/native");
 function RadioGroup4({
   style,
   ...props
@@ -5913,7 +5942,7 @@ function RadioGroup4({
   return /* @__PURE__ */ import_react36.default.createElement(
     RadioGroupPrimitive.Root,
     {
-      style: import_react_native51.StyleSheet.flatten([styles35.root, style]),
+      style: import_react_native51.StyleSheet.flatten([styles36.root, style]),
       ...props
     }
   );
@@ -5922,9 +5951,9 @@ function RadioGroupItem({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native29.useTheme)();
+  const { colors } = (0, import_native30.useTheme)();
   const itemStyles = import_react_native51.StyleSheet.flatten([
-    styles35.item,
+    styles36.item,
     {
       borderColor: colors.primary,
       opacity: props.disabled ? 0.5 : 1
@@ -5932,18 +5961,18 @@ function RadioGroupItem({
     style
   ]);
   const indicatorStyles = import_react_native51.StyleSheet.flatten([
-    styles35.indicator,
+    styles36.indicator,
     { backgroundColor: colors.primary }
   ]);
-  return /* @__PURE__ */ import_react36.default.createElement(RadioGroupPrimitive.Item, { style: itemStyles, ...props }, /* @__PURE__ */ import_react36.default.createElement(RadioGroupPrimitive.Indicator, { style: styles35.indicatorContainer }, /* @__PURE__ */ import_react36.default.createElement(import_react_native51.View, { style: indicatorStyles })));
+  return /* @__PURE__ */ import_react36.default.createElement(RadioGroupPrimitive.Item, { style: itemStyles, ...props }, /* @__PURE__ */ import_react36.default.createElement(RadioGroupPrimitive.Indicator, { style: styles36.indicatorContainer }, /* @__PURE__ */ import_react36.default.createElement(import_react_native51.View, { style: indicatorStyles })));
 }
 function RadioGroupItemWithLabel({
   value,
   children
 }) {
-  return /* @__PURE__ */ import_react36.default.createElement(import_react_native51.View, { style: styles35.itemWithLabel }, /* @__PURE__ */ import_react36.default.createElement(RadioGroupItem, { "aria-labelledby": `label-for-${value}`, value }), /* @__PURE__ */ import_react36.default.createElement(Label3, { nativeID: `label-for-${value}`, style: styles35.label }, children));
+  return /* @__PURE__ */ import_react36.default.createElement(import_react_native51.View, { style: styles36.itemWithLabel }, /* @__PURE__ */ import_react36.default.createElement(RadioGroupItem, { "aria-labelledby": `label-for-${value}`, value }), /* @__PURE__ */ import_react36.default.createElement(Label3, { nativeID: `label-for-${value}`, style: styles36.label }, children));
 }
-var styles35 = import_react_native51.StyleSheet.create({
+var styles36 = import_react_native51.StyleSheet.create({
   root: {
     gap: 8
   },
@@ -5996,11 +6025,11 @@ function SelectTrigger({
   ...props
 }) {
   const triggerStyle = import_react_native52.StyleSheet.flatten([
-    styles36.trigger,
-    props.disabled && styles36.triggerDisabled,
+    styles37.trigger,
+    props.disabled && styles37.triggerDisabled,
     style
   ]);
-  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Trigger, { ref, style: triggerStyle, ...props }, children, /* @__PURE__ */ React48.createElement(import_lucide_react_native43.ChevronDown, { size: 16, "aria-hidden": true, style: styles36.chevron }));
+  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Trigger, { ref, style: triggerStyle, ...props }, children, /* @__PURE__ */ React48.createElement(import_lucide_react_native43.ChevronDown, { size: 16, "aria-hidden": true, style: styles37.chevron }));
 }
 function SelectScrollUpButton({
   style,
@@ -6012,10 +6041,10 @@ function SelectScrollUpButton({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.ScrollUpButton,
     {
-      style: import_react_native52.StyleSheet.flatten([styles36.scrollButton, style]),
+      style: import_react_native52.StyleSheet.flatten([styles37.scrollButton, style]),
       ...props
     },
-    /* @__PURE__ */ React48.createElement(import_lucide_react_native44.ChevronUp, { size: 14, style: styles36.chevron })
+    /* @__PURE__ */ React48.createElement(import_lucide_react_native44.ChevronUp, { size: 14, style: styles37.chevron })
   );
 }
 function SelectScrollDownButton({
@@ -6028,10 +6057,10 @@ function SelectScrollDownButton({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.ScrollDownButton,
     {
-      style: import_react_native52.StyleSheet.flatten([styles36.scrollButton, style]),
+      style: import_react_native52.StyleSheet.flatten([styles37.scrollButton, style]),
       ...props
     },
-    /* @__PURE__ */ React48.createElement(import_lucide_react_native43.ChevronDown, { size: 14, style: styles36.chevron })
+    /* @__PURE__ */ React48.createElement(import_lucide_react_native43.ChevronDown, { size: 14, style: styles37.chevron })
   );
 }
 function SelectContent({
@@ -6057,7 +6086,7 @@ function SelectContent({
       /* @__PURE__ */ React48.createElement(
         SelectPrimitive.Content,
         {
-          style: import_react_native52.StyleSheet.flatten([styles36.content, style]),
+          style: import_react_native52.StyleSheet.flatten([styles37.content, style]),
           position,
           ...props
         },
@@ -6066,7 +6095,7 @@ function SelectContent({
           SelectPrimitive.Viewport,
           {
             style: import_react_native52.StyleSheet.flatten([
-              styles36.viewport,
+              styles37.viewport,
               position === "popper" && {
                 height: "var(--radix-select-trigger-height)",
                 width: "100%",
@@ -6088,7 +6117,7 @@ function SelectLabel({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Label,
     {
-      style: import_react_native52.StyleSheet.flatten([styles36.label, style]),
+      style: import_react_native52.StyleSheet.flatten([styles37.label, style]),
       ...props
     }
   );
@@ -6098,18 +6127,18 @@ function SelectItem({
   ...props
 }) {
   const itemStyle = import_react_native52.StyleSheet.flatten([
-    styles36.item,
-    props.disabled && styles36.itemDisabled,
+    styles37.item,
+    props.disabled && styles37.itemDisabled,
     style
   ]);
-  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Item, { style: itemStyle, ...props }, /* @__PURE__ */ React48.createElement(import_react_native52.View, { style: styles36.itemIndicator }, /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Item, { style: itemStyle, ...props }, /* @__PURE__ */ React48.createElement(import_react_native52.View, { style: styles37.itemIndicator }, /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React48.createElement(
     import_lucide_react_native42.Check,
     {
       size: 16,
       strokeWidth: 3,
       color: "hsl(var(--popover-foreground))"
     }
-  ))), /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemText, { style: styles36.itemText }));
+  ))), /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemText, { style: styles37.itemText }));
 }
 function SelectSeparator({
   style,
@@ -6118,12 +6147,12 @@ function SelectSeparator({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Separator,
     {
-      style: import_react_native52.StyleSheet.flatten([styles36.separator, style]),
+      style: import_react_native52.StyleSheet.flatten([styles37.separator, style]),
       ...props
     }
   );
 }
-var styles36 = import_react_native52.StyleSheet.create({
+var styles37 = import_react_native52.StyleSheet.create({
   trigger: {
     flexDirection: "row",
     height: 40,
@@ -6217,13 +6246,13 @@ var styles36 = import_react_native52.StyleSheet.create({
 var React49 = __toESM(require("react"));
 var import_react_native_reanimated8 = __toESM(require("react-native-reanimated"));
 var import_react_native53 = require("react-native");
-var import_native30 = require("@react-navigation/native");
+var import_native31 = require("@react-navigation/native");
 var duration = 1e3;
 function Skeleton({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native30.useTheme)();
+  const { colors } = (0, import_native31.useTheme)();
   const sv = (0, import_react_native_reanimated8.useSharedValue)(1);
   React49.useEffect(() => {
     sv.value = (0, import_react_native_reanimated8.withRepeat)(
@@ -6233,13 +6262,13 @@ function Skeleton({
   }, []);
   const animatedStyle = (0, import_react_native_reanimated8.useAnimatedStyle)(() => ({
     opacity: sv.value,
-    ...styles37.skeleton,
+    ...styles38.skeleton,
     backgroundColor: colors.border,
     style
   }));
   return /* @__PURE__ */ React49.createElement(import_react_native_reanimated8.default.View, { style: animatedStyle, ...props });
 }
-var styles37 = import_react_native53.StyleSheet.create({
+var styles38 = import_react_native53.StyleSheet.create({
   skeleton: {
     borderRadius: 6
   }
@@ -6256,7 +6285,7 @@ function Table({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Root,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.table, style]),
+      style: import_react_native54.StyleSheet.flatten([styles39.table, style]),
       ...props
     }
   );
@@ -6268,7 +6297,7 @@ function TableHeader({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Header,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.header, style]),
+      style: import_react_native54.StyleSheet.flatten([styles39.header, style]),
       ...props
     }
   );
@@ -6280,7 +6309,7 @@ function TableBody({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Body,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.body, { minHeight: 2 }, style]),
+      style: import_react_native54.StyleSheet.flatten([styles39.body, { minHeight: 2 }, style]),
       ...props
     }
   );
@@ -6292,7 +6321,7 @@ function TableFooter({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Footer,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.footer, style]),
+      style: import_react_native54.StyleSheet.flatten([styles39.footer, style]),
       ...props
     }
   );
@@ -6304,7 +6333,7 @@ function TableRow({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Row,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.row, style]),
+      style: import_react_native54.StyleSheet.flatten([styles39.row, style]),
       ...props
     }
   );
@@ -6321,7 +6350,7 @@ function TableHead({
     /* @__PURE__ */ React50.createElement(
       TablePrimitive.Head,
       {
-        style: import_react_native54.StyleSheet.flatten([styles38.head, style]),
+        style: import_react_native54.StyleSheet.flatten([styles39.head, style]),
         ...props
       }
     )
@@ -6334,12 +6363,12 @@ function TableCell({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Cell,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.cell, style]),
+      style: import_react_native54.StyleSheet.flatten([styles39.cell, style]),
       ...props
     }
   );
 }
-var styles38 = import_react_native54.StyleSheet.create({
+var styles39 = import_react_native54.StyleSheet.create({
   table: {
     width: "100%",
     fontSize: 14
@@ -6389,7 +6418,7 @@ function TabsList({
   return /* @__PURE__ */ React51.createElement(
     TabsPrimitive.List,
     {
-      style: import_react_native55.StyleSheet.flatten([styles39.list, style]),
+      style: import_react_native55.StyleSheet.flatten([styles40.list, style]),
       ...props
     }
   );
@@ -6401,12 +6430,12 @@ function TabsTrigger({
   const { value } = TabsPrimitive.useRootContext();
   const isActive = props.value === value;
   const triggerStyle = import_react_native55.StyleSheet.flatten([
-    styles39.trigger,
-    isActive && styles39.triggerActive,
-    props.disabled && styles39.triggerDisabled,
+    styles40.trigger,
+    isActive && styles40.triggerActive,
+    props.disabled && styles40.triggerDisabled,
     style
   ]);
-  const textStyle = isActive ? import_react_native55.StyleSheet.flatten([styles39.triggerText, styles39.triggerTextActive]) : styles39.triggerText;
+  const textStyle = isActive ? import_react_native55.StyleSheet.flatten([styles40.triggerText, styles40.triggerTextActive]) : styles40.triggerText;
   return /* @__PURE__ */ React51.createElement(TextStyleContext.Provider, { value: { style: textStyle } }, /* @__PURE__ */ React51.createElement(TabsPrimitive.Trigger, { style: triggerStyle, ...props }));
 }
 function TabsContent({
@@ -6415,7 +6444,7 @@ function TabsContent({
 }) {
   return /* @__PURE__ */ React51.createElement(TabsPrimitive.Content, { style, ...props });
 }
-var styles39 = import_react_native55.StyleSheet.create({
+var styles40 = import_react_native55.StyleSheet.create({
   list: {
     flexDirection: "row",
     height: 40,
@@ -6469,8 +6498,8 @@ function Textarea({
   ...props
 }) {
   const textareaStyle = import_react_native56.StyleSheet.flatten([
-    styles40.textarea,
-    props.editable === false && styles40.textareaDisabled,
+    styles41.textarea,
+    props.editable === false && styles41.textareaDisabled,
     style
   ]);
   return /* @__PURE__ */ React52.createElement(
@@ -6485,7 +6514,7 @@ function Textarea({
     }
   );
 }
-var styles40 = import_react_native56.StyleSheet.create({
+var styles41 = import_react_native56.StyleSheet.create({
   textarea: {
     minHeight: 80,
     width: "100%",
@@ -6509,7 +6538,7 @@ var styles40 = import_react_native56.StyleSheet.create({
 // components/ui/toggle-group.tsx
 var React53 = __toESM(require("react"));
 var import_react_native57 = require("react-native");
-var import_native31 = require("@react-navigation/native");
+var import_native32 = require("@react-navigation/native");
 var ToggleGroupPrimitive = __toESM(require("@rn-primitives/toggle-group"));
 var ToggleGroupContext = React53.createContext(null);
 function ToggleGroup({
@@ -6522,7 +6551,7 @@ function ToggleGroup({
   return /* @__PURE__ */ React53.createElement(
     ToggleGroupPrimitive.Root,
     {
-      style: import_react_native57.StyleSheet.flatten([styles41.root, style]),
+      style: import_react_native57.StyleSheet.flatten([styles42.root, style]),
       ...props
     },
     /* @__PURE__ */ React53.createElement(ToggleGroupContext.Provider, { value: { variant, size } }, children)
@@ -6544,7 +6573,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const { colors } = (0, import_native31.useTheme)();
+  const { colors } = (0, import_native32.useTheme)();
   const context = useToggleGroupContext();
   const { value } = ToggleGroupPrimitive.useRootContext();
   const isSelected = ToggleGroupPrimitive.utils.getIsSelected(
@@ -6559,23 +6588,23 @@ function ToggleGroupItem({
   const getSizeStyles = () => {
     switch (finalSize) {
       case "sm":
-        return styles41.smItemSize;
+        return styles42.smItemSize;
       case "lg":
-        return styles41.lgItemSize;
+        return styles42.lgItemSize;
       default:
-        return styles41.defaultItemSize;
+        return styles42.defaultItemSize;
     }
   };
   const getVariantStyles = () => {
     switch (finalVariant) {
       case "outline":
-        return styles41.outlineItem;
+        return styles42.outlineItem;
       default:
-        return styles41.defaultItem;
+        return styles42.defaultItem;
     }
   };
   const itemStyles = import_react_native57.StyleSheet.flatten([
-    styles41.item,
+    styles42.item,
     getVariantStyles(),
     getSizeStyles(),
     {
@@ -6591,10 +6620,10 @@ function ToggleGroupIcon({
   icon: Icon2,
   ...props
 }) {
-  const { colors } = (0, import_native31.useTheme)();
+  const { colors } = (0, import_native32.useTheme)();
   return /* @__PURE__ */ React53.createElement(Icon2, { color: colors.text, ...props });
 }
-var styles41 = import_react_native57.StyleSheet.create({
+var styles42 = import_react_native57.StyleSheet.create({
   root: {
     flexDirection: "row",
     alignItems: "center",
@@ -6631,7 +6660,7 @@ var styles41 = import_react_native57.StyleSheet.create({
 var TogglePrimitive = __toESM(require("@rn-primitives/toggle"));
 var React54 = __toESM(require("react"));
 var import_react_native58 = require("react-native");
-var import_native32 = require("@react-navigation/native");
+var import_native33 = require("@react-navigation/native");
 var toggleVariants = {
   default: {
     backgroundColor: "transparent"
@@ -6651,7 +6680,7 @@ function Toggle({
   size = "default",
   ...props
 }) {
-  const { colors } = (0, import_native32.useTheme)();
+  const { colors } = (0, import_native33.useTheme)();
   const textStyles2 = {
     fontSize: size === "sm" ? 14 : size === "lg" ? 16 : 14,
     fontWeight: "500",
@@ -6660,23 +6689,23 @@ function Toggle({
   const getSizeStyles = () => {
     switch (size) {
       case "sm":
-        return styles42.smSize;
+        return styles43.smSize;
       case "lg":
-        return styles42.lgSize;
+        return styles43.lgSize;
       default:
-        return styles42.defaultSize;
+        return styles43.defaultSize;
     }
   };
   const getVariantStyles = () => {
     switch (variant) {
       case "outline":
-        return styles42.outlineVariant;
+        return styles43.outlineVariant;
       default:
-        return styles42.defaultVariant;
+        return styles43.defaultVariant;
     }
   };
   const toggleStyles = import_react_native58.StyleSheet.flatten([
-    styles42.toggle,
+    styles43.toggle,
     getVariantStyles(),
     getSizeStyles(),
     {
@@ -6692,10 +6721,10 @@ function ToggleIcon({
   icon: Icon2,
   ...props
 }) {
-  const { colors } = (0, import_native32.useTheme)();
+  const { colors } = (0, import_native33.useTheme)();
   return /* @__PURE__ */ React54.createElement(Icon2, { color: colors.text, ...props });
 }
-var styles42 = import_react_native58.StyleSheet.create({
+var styles43 = import_react_native58.StyleSheet.create({
   toggle: {
     alignItems: "center",
     justifyContent: "center",
@@ -6727,7 +6756,7 @@ var TooltipPrimitive = __toESM(require("@rn-primitives/tooltip"));
 var React55 = __toESM(require("react"));
 var import_react_native59 = require("react-native");
 var import_react_native_reanimated9 = __toESM(require("react-native-reanimated"));
-var import_native33 = require("@react-navigation/native");
+var import_native34 = require("@react-navigation/native");
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 function TooltipContent({
@@ -6736,9 +6765,9 @@ function TooltipContent({
   portalHost,
   ...props
 }) {
-  const { colors } = (0, import_native33.useTheme)();
+  const { colors } = (0, import_native34.useTheme)();
   const tooltipStyles = import_react_native59.StyleSheet.flatten([
-    styles43.content,
+    styles44.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -6772,7 +6801,7 @@ function TooltipContent({
     )
   ));
 }
-var styles43 = import_react_native59.StyleSheet.create({
+var styles44 = import_react_native59.StyleSheet.create({
   content: {
     zIndex: 50,
     overflow: "hidden",
@@ -6798,7 +6827,7 @@ function H1({ style, asChild = false, ...props }) {
     {
       role: "heading",
       "aria-level": "1",
-      style: import_react_native60.StyleSheet.flatten([styles44.h1, style]),
+      style: import_react_native60.StyleSheet.flatten([styles45.h1, style]),
       ...props
     }
   );
@@ -6810,7 +6839,7 @@ function H2({ style, asChild = false, ...props }) {
     {
       role: "heading",
       "aria-level": "2",
-      style: import_react_native60.StyleSheet.flatten([styles44.h2, style]),
+      style: import_react_native60.StyleSheet.flatten([styles45.h2, style]),
       ...props
     }
   );
@@ -6822,7 +6851,7 @@ function H3({ style, asChild = false, ...props }) {
     {
       role: "heading",
       "aria-level": "3",
-      style: import_react_native60.StyleSheet.flatten([styles44.h3, style]),
+      style: import_react_native60.StyleSheet.flatten([styles45.h3, style]),
       ...props
     }
   );
@@ -6834,14 +6863,14 @@ function H4({ style, asChild = false, ...props }) {
     {
       role: "heading",
       "aria-level": "4",
-      style: import_react_native60.StyleSheet.flatten([styles44.h4, style]),
+      style: import_react_native60.StyleSheet.flatten([styles45.h4, style]),
       ...props
     }
   );
 }
 function P({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : import_react_native60.Text;
-  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles44.p, style]), ...props });
+  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles45.p, style]), ...props });
 }
 function BlockQuote({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : import_react_native60.Text;
@@ -6849,7 +6878,7 @@ function BlockQuote({ style, asChild = false, ...props }) {
     Component,
     {
       role: import_react_native60.Platform.OS === "web" ? "blockquote" : void 0,
-      style: import_react_native60.StyleSheet.flatten([styles44.blockquote, style]),
+      style: import_react_native60.StyleSheet.flatten([styles45.blockquote, style]),
       ...props
     }
   );
@@ -6860,28 +6889,28 @@ function Code({ style, asChild = false, ...props }) {
     Component,
     {
       role: import_react_native60.Platform.OS === "web" ? "code" : void 0,
-      style: import_react_native60.StyleSheet.flatten([styles44.code, style]),
+      style: import_react_native60.StyleSheet.flatten([styles45.code, style]),
       ...props
     }
   );
 }
 function Lead({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : import_react_native60.Text;
-  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles44.lead, style]), ...props });
+  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles45.lead, style]), ...props });
 }
 function Large({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : import_react_native60.Text;
-  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles44.large, style]), ...props });
+  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles45.large, style]), ...props });
 }
 function Small({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : import_react_native60.Text;
-  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles44.small, style]), ...props });
+  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles45.small, style]), ...props });
 }
 function Muted({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : import_react_native60.Text;
-  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles44.muted, style]), ...props });
+  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles45.muted, style]), ...props });
 }
-var styles44 = import_react_native60.StyleSheet.create({
+var styles45 = import_react_native60.StyleSheet.create({
   h1: {
     fontSize: 36,
     color: "hsl(var(--foreground))",
@@ -7043,12 +7072,12 @@ var import_lucide_react_native51 = require("lucide-react-native");
 var import_lucide_react_native52 = require("lucide-react-native");
 var import_lucide_react_native53 = require("lucide-react-native");
 var import_react_native_notifier2 = require("react-native-notifier");
-var import_native34 = require("@react-navigation/native");
+var import_native35 = require("@react-navigation/native");
 var import_lucide_react_native54 = require("lucide-react-native");
 var ContainerView = () => {
   const { targetResource, navigateTo } = useViewContext();
   const { prompt } = useDialog();
-  const { colors } = (0, import_native34.useTheme)();
+  const { colors } = (0, import_native35.useTheme)();
   const { resourceCreators = [] } = useDataBrowserConfig();
   const [isCreating, setIsCreating] = (0, import_react37.useState)(false);
   const [loadingMessages, setLoadingMessages] = (0, import_react37.useState)([]);
@@ -7121,14 +7150,14 @@ var ContainerView = () => {
       }
     );
   }
-  return /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles45.mainContainer }, /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles45.leftPanel }, /* @__PURE__ */ import_react37.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react37.default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles46.mainContainer }, /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles46.leftPanel }, /* @__PURE__ */ import_react37.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react37.default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ import_react37.default.createElement(
     Button,
     {
       text: "Create",
       iconLeft: import_lucide_react_native53.Plus,
       disabled: isCreating || availableCreators.length === 0
     }
-  )), /* @__PURE__ */ import_react37.default.createElement(DropdownMenuContent, { style: styles45.createDropdownContent }, availableCreators.map((creator) => /* @__PURE__ */ import_react37.default.createElement(
+  )), /* @__PURE__ */ import_react37.default.createElement(DropdownMenuContent, { style: styles46.createDropdownContent }, availableCreators.map((creator) => /* @__PURE__ */ import_react37.default.createElement(
     DropdownMenuItem,
     {
       key: creator.name,
@@ -7139,22 +7168,22 @@ var ContainerView = () => {
   )))), isCreating && /* @__PURE__ */ import_react37.default.createElement(
     import_react_native61.View,
     {
-      style: [styles45.creatingPanel, { backgroundColor: colors.border }]
+      style: [styles46.creatingPanel, { backgroundColor: colors.border }]
     },
-    /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles45.creatingHeader }, /* @__PURE__ */ import_react37.default.createElement(import_lucide_react_native54.Loader2, { size: 16, style: styles45.spinner }), /* @__PURE__ */ import_react37.default.createElement(Text2, null, "Creating\u2026")),
+    /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles46.creatingHeader }, /* @__PURE__ */ import_react37.default.createElement(import_lucide_react_native54.Loader2, { size: 16, style: styles46.spinner }), /* @__PURE__ */ import_react37.default.createElement(Text2, null, "Creating\u2026")),
     loadingMessages.length > 0 && /* @__PURE__ */ import_react37.default.createElement(
       import_react_native61.ScrollView,
       {
-        style: styles45.loadingMessages,
-        contentContainerStyle: styles45.loadingMessagesContent
+        style: styles46.loadingMessages,
+        contentContainerStyle: styles46.loadingMessagesContent
       },
-      loadingMessages.map((msg, i) => /* @__PURE__ */ import_react37.default.createElement(Text2, { key: i, style: styles45.loadingMessageItem }, msg))
+      loadingMessages.map((msg, i) => /* @__PURE__ */ import_react37.default.createElement(Text2, { key: i, style: styles46.loadingMessageItem }, msg))
     )
   )), /* @__PURE__ */ import_react37.default.createElement(
     import_react_native61.View,
     {
       style: [
-        styles45.rightPanel,
+        styles46.rightPanel,
         { borderLeftWidth: 1, borderLeftColor: colors.border }
       ]
     },
@@ -7166,7 +7195,7 @@ var ContainerView = () => {
         ItemSeparatorComponent: () => /* @__PURE__ */ import_react37.default.createElement(
           import_react_native61.View,
           {
-            style: [styles45.listSeparator, { backgroundColor: colors.border }]
+            style: [styles46.listSeparator, { backgroundColor: colors.border }]
           }
         ),
         renderItem: ({ item }) => {
@@ -7177,14 +7206,14 @@ var ContainerView = () => {
             {
               onPress: () => navigateTo(item.uri),
               style: ({ hovered }) => [
-                styles45.listItemRow,
+                styles46.listItemRow,
                 hovered && { backgroundColor: colors.border }
               ]
             },
-            /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles45.listItem }, /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles45.listItemText }, /* @__PURE__ */ import_react37.default.createElement(Icon, { icon: TypeIcon, size: 18 }), /* @__PURE__ */ import_react37.default.createElement(
+            /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles46.listItem }, /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles46.listItemText }, /* @__PURE__ */ import_react37.default.createElement(Icon, { icon: TypeIcon, size: 18 }), /* @__PURE__ */ import_react37.default.createElement(
               Text2,
               {
-                style: styles45.listItemLabel,
+                style: styles46.listItemLabel,
                 numberOfLines: 1,
                 ellipsizeMode: "middle"
               },
@@ -7194,7 +7223,7 @@ var ContainerView = () => {
               {
                 variant: "ghost",
                 size: "icon",
-                style: styles45.deleteButton,
+                style: styles46.deleteButton,
                 onPress: () => onDelete(item),
                 iconLeft: import_lucide_react_native52.Trash
               }
@@ -7205,7 +7234,7 @@ var ContainerView = () => {
     )
   ));
 };
-var styles45 = import_react_native61.StyleSheet.create({
+var styles46 = import_react_native61.StyleSheet.create({
   mainContainer: {
     flex: 1,
     flexDirection: "row"
@@ -7315,7 +7344,7 @@ var ProfileKnows = ({
     });
     setNewContact("");
   }, [newContact, resource, setProfile]);
-  return /* @__PURE__ */ import_react38.default.createElement(import_react_native62.View, { style: styles46.container }, /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement(import_react_native62.View, { style: styles47.container }, /* @__PURE__ */ import_react38.default.createElement(
     Input,
     {
       placeholder: "https://example.pod/john/profile/card#me",
@@ -7349,7 +7378,7 @@ var ProfileKnows = ({
     }
   )));
 };
-var styles46 = import_react_native62.StyleSheet.create({
+var styles47 = import_react_native62.StyleSheet.create({
   container: {
     gap: 16
     // gap-4 equivalent (4 * 4px = 16px)
@@ -7364,7 +7393,7 @@ var ProfileView = () => {
   const [profile, setProfile, commitProfile, transactionDataset] = (0, import_solid_react11.useChangeSubject)(SolidProfileShapeType, targetUri);
   if (!targetUri || !profileResource || !profile || profileResource.type === "InvalidIdentifierResource")
     return /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null);
-  return /* @__PURE__ */ import_react39.default.createElement(import_react_native63.ScrollView, { contentContainerStyle: styles47.scrollContainer }, /* @__PURE__ */ import_react39.default.createElement(import_react_native63.View, { style: styles47.container }, /* @__PURE__ */ import_react39.default.createElement(Text2, { variant: "h1" }, "Profile"), /* @__PURE__ */ import_react39.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(import_react_native63.ScrollView, { contentContainerStyle: styles48.scrollContainer }, /* @__PURE__ */ import_react39.default.createElement(import_react_native63.View, { style: styles48.container }, /* @__PURE__ */ import_react39.default.createElement(Text2, { variant: "h1" }, "Profile"), /* @__PURE__ */ import_react39.default.createElement(
     Input,
     {
       placeholder: "John Doe",
@@ -7388,13 +7417,13 @@ var ProfileView = () => {
     {
       disabled: !transactionDataset.hasChanges(),
       text: "Update Profile",
-      style: styles47.updateButton,
+      style: styles48.updateButton,
       onPress: commitProfile,
       isLoading: profileResource.isLoading()
     }
   )));
 };
-var styles47 = import_react_native63.StyleSheet.create({
+var styles48 = import_react_native63.StyleSheet.create({
   scrollContainer: {
     flexDirection: "row",
     justifyContent: "center",
@@ -7466,10 +7495,10 @@ var RawCodeEditor = ({
 var import_react_native64 = require("react-native");
 var import_react_native_notifier3 = require("react-native-notifier");
 var import_lucide_react_native59 = require("lucide-react-native");
-var import_native35 = require("@react-navigation/native");
+var import_native36 = require("@react-navigation/native");
 var RawCodeView = () => {
   const { fetch: fetch2 } = (0, import_solid_react12.useSolidAuth)();
-  const { colors } = (0, import_native35.useTheme)();
+  const { colors } = (0, import_native36.useTheme)();
   const [content, setContent] = (0, import_react42.useState)("");
   const [contentType, setContentType] = (0, import_react42.useState)("");
   const [didEdit, setDidEdit] = (0, import_react42.useState)(false);
@@ -7518,7 +7547,7 @@ var RawCodeView = () => {
   (0, import_react42.useEffect)(() => {
     fetchContent();
   }, [fetchContent]);
-  return /* @__PURE__ */ import_react42.default.createElement(import_react_native64.View, { style: [styles48.container, { backgroundColor: colors.background }] }, /* @__PURE__ */ import_react42.default.createElement(LoadingBar, { isLoading: isFetching || isSaving }), /* @__PURE__ */ import_react42.default.createElement(
+  return /* @__PURE__ */ import_react42.default.createElement(import_react_native64.View, { style: [styles49.container, { backgroundColor: colors.background }] }, /* @__PURE__ */ import_react42.default.createElement(LoadingBar, { isLoading: isFetching || isSaving }), /* @__PURE__ */ import_react42.default.createElement(
     RawCodeEditor,
     {
       value: content,
@@ -7530,7 +7559,7 @@ var RawCodeView = () => {
   ), /* @__PURE__ */ import_react42.default.createElement(
     Button,
     {
-      style: styles48.saveButton,
+      style: styles49.saveButton,
       onPress: submitChanges,
       text: "Save Changes",
       iconLeft: import_lucide_react_native59.Save,
@@ -7539,7 +7568,7 @@ var RawCodeView = () => {
     }
   ));
 };
-var styles48 = import_react_native64.StyleSheet.create({
+var styles49 = import_react_native64.StyleSheet.create({
   container: {
     flex: 1,
     position: "relative"
@@ -7584,32 +7613,32 @@ var ImageView = () => {
   }, [blobUrl]);
   if (!targetUri || !imageResource) return null;
   if (imageResource.isLoading?.() ?? imageResource.status?.type === "unfetched") {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.center }, /* @__PURE__ */ import_react43.default.createElement(LoadingBar, { isLoading: true }), /* @__PURE__ */ import_react43.default.createElement(Text2, null, "Loading image\u2026"));
+    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles50.center }, /* @__PURE__ */ import_react43.default.createElement(LoadingBar, { isLoading: true }), /* @__PURE__ */ import_react43.default.createElement(Text2, null, "Loading image\u2026"));
   }
   if (imageResource.status?.isError) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, imageResource.status.message ?? "Failed to load image."));
+    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles50.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, imageResource.status.message ?? "Failed to load image."));
   }
   if (!imageResource.isBinary()) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, "This resource is not a binary image."));
+    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles50.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, "This resource is not a binary image."));
   }
   const blob = imageResource.getBlob();
   if (!blob || !blob.type.startsWith("image/")) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, "This binary resource is not an image (", blob?.type ?? "unknown type", ")."));
+    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles50.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, "This binary resource is not an image (", blob?.type ?? "unknown type", ")."));
   }
   if (!blobUrl) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, "Unable to display image."));
+    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles50.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, "Unable to display image."));
   }
-  return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.container }, /* @__PURE__ */ import_react43.default.createElement(
+  return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles50.container }, /* @__PURE__ */ import_react43.default.createElement(
     import_react_native65.Image,
     {
       source: { uri: blobUrl },
-      style: styles49.image,
+      style: styles50.image,
       resizeMode: "contain",
       accessibilityLabel: "Image resource"
     }
   ));
 };
-var styles49 = import_react_native65.StyleSheet.create({
+var styles50 = import_react_native65.StyleSheet.create({
   container: {
     flex: 1,
     padding: 16,
@@ -7816,6 +7845,7 @@ console.log("Exporting components");
   TabsContent,
   TabsList,
   TabsTrigger,
+  TargetResourceLoader,
   TargetResourceProvider,
   Text,
   TextStyleContext,