@aussieljk/forkbook 0.0.1-2 → 0.0.1-4

package/dist/react-native/index.js

@@ -222,6 +222,7 @@ import { addons as managerAddons } from "@aussieljk/forkbook/manager-api";
 import { FullUI as DeviceUI } from "@aussieljk/forkbook/react-native-ui";
 
 // src/react-native/patchChannelForRN.ts
+import { EVENT_ID } from "@aussieljk/forkbook/actions";
 function snapshotValue(value, depth = 0) {
   if (depth > 3) return "[...]";
   if (value == null) return value;
@@ -250,7 +251,7 @@ function patchChannelForRN(channel) {
   };
   let originalEmit = channel.emit.bind(channel);
   channel.emit = (eventName, ...args) => {
-    if (eventName === "storybook/actions/action-event") {
+    if (eventName === EVENT_ID) {
       let actionDisplay = args[0];
       actionDisplay?.data?.args != null && (actionDisplay.data.args = sanitizeActionArgs(actionDisplay.data.args));
     }
@@ -947,10 +948,10 @@ var Text2 = styled.Text(({ theme: theme3 }) => ({
 }, StoryView_default = React3.memo(StoryView);
 
 // src/react-native/constants.ts
-var RN_STORYBOOK_STORAGE_KEY = "lastOpenedStory", RN_STORYBOOK_EVENTS = {
+var RN_FORKBOOK_STORAGE_KEY = "lastOpenedStory", RN_FORKBOOK_EVENTS = {
   RN_GET_INDEX: "RN_GET_INDEX",
   RN_GET_INDEX_RESPONSE: "RN_GET_INDEX_RESPONSE"
-}, STORYBOOK_STORY_ID_PARAM = "STORYBOOK_STORY_ID";
+}, FORKBOOK_STORY_ID_PARAM = "FORKBOOK_STORY_ID";
 
 // src/react-native/View.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
@@ -990,15 +991,15 @@ var View3 = class {
       if (shouldPersistSelection)
         try {
           let value = this._asyncStorageStoryId;
-          return !value && this._storage != null && (value = await this._storage.getItem(RN_STORYBOOK_STORAGE_KEY), value || (await new Promise((resolve) => setTimeout(resolve, 100)), value = await this._storage.getItem(RN_STORYBOOK_STORAGE_KEY)), this._asyncStorageStoryId = value), { storySpecifier: (value && this._storyIdExists(value) ? value : void 0) ?? "*", viewMode: "story" };
+          return !value && this._storage != null && (value = await this._storage.getItem(RN_FORKBOOK_STORAGE_KEY), value || (await new Promise((resolve) => setTimeout(resolve, 100)), value = await this._storage.getItem(RN_FORKBOOK_STORAGE_KEY)), this._asyncStorageStoryId = value), { storySpecifier: (value && this._storyIdExists(value) ? value : void 0) ?? "*", viewMode: "story" };
         } catch (e) {
           console.warn("storybook-log: error reading from async storage", e);
         }
       return { storySpecifier: "*", viewMode: "story" };
     };
-    this._getHost = (params = {}) => params.host ? params.host : globalThis.STORYBOOK_WEBSOCKET?.host ? globalThis.STORYBOOK_WEBSOCKET.host : Platform.OS === "android" ? "10.0.2.2" : "localhost";
-    this.__getPort = (params = {}) => params.port ? params.port : globalThis.STORYBOOK_WEBSOCKET?.port ? globalThis.STORYBOOK_WEBSOCKET.port : 7007;
-    this._isSecureConnection = (params = {}) => typeof params.secured == "boolean" ? params.secured : globalThis.STORYBOOK_WEBSOCKET?.secured ?? !1;
+    this._getHost = (params = {}) => params.host ? params.host : globalThis.FORKBOOK_WEBSOCKET?.host ? globalThis.FORKBOOK_WEBSOCKET.host : Platform.OS === "android" ? "10.0.2.2" : "localhost";
+    this.__getPort = (params = {}) => params.port ? params.port : globalThis.FORKBOOK_WEBSOCKET?.port ? globalThis.FORKBOOK_WEBSOCKET.port : 7007;
+    this._isSecureConnection = (params = {}) => typeof params.secured == "boolean" ? params.secured : globalThis.FORKBOOK_WEBSOCKET?.secured ?? !1;
     this._getServerChannel = (params = {}) => {
       let host = this._getHost(params), port = `:${this.__getPort(params)}`, query = params.query || "", url = `${this._isSecureConnection(params) ? "wss" : "ws"}://${host}${port}/${query}`, channel = new Channel({
         async: !0,
@@ -1022,7 +1023,7 @@ var View3 = class {
     };
     this.getStorybookUI = (params = {}) => {
       let {
-        enableWebsockets = !!globalThis.STORYBOOK_WEBSOCKET,
+        enableWebsockets = !!globalThis.FORKBOOK_WEBSOCKET,
         CustomUIComponent,
         hasStoryWrapper: storyViewWrapper = !0
       } = params, storage = params.storage ?? {
@@ -1038,13 +1039,13 @@ var View3 = class {
         let channel = this._getServerChannel(params);
         managerAddons.setChannel(channel), previewAddons.setChannel(channel), this._channel = channel, this._preview.channel = channel, this._preview.setupListeners(), channel.emit(CHANNEL_CREATED), this._preview.ready().then(() => this._preview.onStoryIndexChanged());
       }
-      this._channel.on(RN_STORYBOOK_EVENTS.RN_GET_INDEX, () => {
-        this._channel.emit(RN_STORYBOOK_EVENTS.RN_GET_INDEX_RESPONSE, { index: this._storyIndex });
+      this._channel.on(RN_FORKBOOK_EVENTS.RN_GET_INDEX, () => {
+        this._channel.emit(RN_FORKBOOK_EVENTS.RN_GET_INDEX_RESPONSE, { index: this._storyIndex });
       }), managerAddons.loadAddons({
         store: () => ({
           fromId: (id) => {
             if (!this._ready)
-              throw new Error("Storybook is not ready yet");
+              throw new Error("Forkbook is not ready yet");
             return this._preview.getStoryContext(this._idToPrepared[id]);
           },
           getSelection: () => this._preview.currentSelection,
@@ -1060,7 +1061,7 @@ var View3 = class {
         useEffect2(() => {
           let listener = Linking.addEventListener("url", ({ url }) => {
             if (typeof url == "string") {
-              let storyId = new URL(url).searchParams.get(STORYBOOK_STORY_ID_PARAM), hasStoryId = storyId && typeof storyId == "string", storyExists = hasStoryId && self2._storyIdExists(storyId);
+              let storyId = new URL(url).searchParams.get(FORKBOOK_STORY_ID_PARAM), hasStoryId = storyId && typeof storyId == "string", storyExists = hasStoryId && self2._storyIdExists(storyId);
               storyExists && self2._ready && (console.log(`STORYBOOK: Linking event received, navigating to story: ${storyId}`), self2._channel.emit(SET_CURRENT_STORY, { storyId })), hasStoryId && !storyExists && console.log(
                 `STORYBOOK: Linking event received, but story does not exist: ${storyId}`
               );
@@ -1073,7 +1074,7 @@ var View3 = class {
           self2.createPreparedStoryMapping().then(
             () => Linking.getInitialURL().then((url) => {
               if (url && typeof url == "string") {
-                let storyId = new URL(url).searchParams.get(STORYBOOK_STORY_ID_PARAM), hasStoryId = typeof storyId == "string", storyExists = hasStoryId && self2._storyIdExists(storyId);
+                let storyId = new URL(url).searchParams.get(FORKBOOK_STORY_ID_PARAM), hasStoryId = typeof storyId == "string", storyExists = hasStoryId && self2._storyIdExists(storyId);
                 if (hasStoryId && !storyExists && console.log(
                   `STORYBOOK: Initial Linking event received, but story does not exist: ${storyId}`
                 ), storyExists)
@@ -1106,7 +1107,7 @@ var View3 = class {
             `), shouldPersistSelection && self2._storage && self2._ready)
               try {
                 self2._asyncStorageStoryId = newStory.id;
-                let ret = self2._storage.setItem(RN_STORYBOOK_STORAGE_KEY, newStory.id);
+                let ret = self2._storage.setItem(RN_FORKBOOK_STORAGE_KEY, newStory.id);
                 ret && typeof ret.then == "function" && ret.catch((e) => {
                   console.warn("storybook-log: error writing to async storage", e);
                 });
@@ -1341,7 +1342,7 @@ var PressableSwatch = styled2.TouchableOpacity(({ theme: theme3 }) => ({
 ), Swatch_default = Swatch;
 
 // src/react-native/backgrounds/constants.ts
-var PARAM_KEY = "backgrounds", ADDON_ID = "storybook-addon-background", PANEL_ID = `${ADDON_ID}/background-panel`;
+var PARAM_KEY = "backgrounds", ADDON_ID = "forkbook-addon-background", PANEL_ID = `${ADDON_ID}/background-panel`;
 
 // src/react-native/backgrounds/BackgroundPanel.tsx
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -1458,7 +1459,7 @@ var ReactNativePreview = class extends PreviewWithSelection2 {
     return this.renderSelectionQueue = run.catch(() => {
     }), run;
   }
-  // Storybook tears down a story that is still rendering (e.g. its loaders are running) by waiting briefly and then
+  // Forkbook tears down a story that is still rendering (e.g. its loaders are running) by waiting briefly and then
   // reloading the page, which restarts the app in Expo and never resolves elsewhere in React Native. Abort the render
   // instead: once its loaders finish it sees the abort and doesn't draw.
   async teardownRender(...[render, options]) {
@@ -1516,7 +1517,7 @@ function start({
   );
   if (view = new View3(preview, channel, options), global) {
     let storybookGlobal = global;
-    storybookGlobal.__STORYBOOK_ADDONS_CHANNEL__ = channel, storybookGlobal.__STORYBOOK_PREVIEW__ = preview;
+    storybookGlobal.__FORKBOOK_ADDONS_CHANNEL__ = channel, storybookGlobal.__FORKBOOK_PREVIEW__ = preview;
   }
   return view._storyIndex = index, preview.getStoryIndexFromServer = async () => view._storyIndex, view;
 }
@@ -1535,9 +1536,9 @@ function updateView(viewInstance, annotations, normalizedStories, options) {
   });
 }
 export {
-  RN_STORYBOOK_EVENTS,
-  RN_STORYBOOK_STORAGE_KEY,
-  STORYBOOK_STORY_ID_PARAM,
+  FORKBOOK_STORY_ID_PARAM,
+  RN_FORKBOOK_EVENTS,
+  RN_FORKBOOK_STORAGE_KEY,
   darkTheme2 as darkTheme,
   getProjectAnnotations,
   prepareStories,

package/dist/react-native/metro/node.d.ts

@@ -21,7 +21,7 @@ interface ChannelServerOptions {
    */
   host?: string;
   /**
-   * The path to the Storybook config folder.
+   * The path to the Forkbook config folder.
    */
   configPath: string;
   /**
@@ -56,7 +56,7 @@ interface ChannelServerOptions {
  * @param options - Configuration options for the channel server.
  * @param options.port - The port to listen on.
  * @param options.host - The host to bind to.
- * @param options.configPath - The path to the Storybook config folder.
+ * @param options.configPath - The path to the Forkbook config folder.
  * @param options.websockets - Whether to enable WebSocket server support.
  * @param options.secured - Whether to use HTTPS/WSS for the channel server.
  * @param options.ssl - TLS credentials used when `secured` is true.

package/dist/react-native/metro/node.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_ro17f80mg6k from 'node:url';
-import CJS_COMPAT_NODE_PATH_ro17f80mg6k from 'node:path';
-import CJS_COMPAT_NODE_MODULE_ro17f80mg6k from "node:module";
+import CJS_COMPAT_NODE_URL_ubhjlnocuxr from 'node:url';
+import CJS_COMPAT_NODE_PATH_ubhjlnocuxr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ubhjlnocuxr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_ro17f80mg6k.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_ro17f80mg6k.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_ro17f80mg6k.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ubhjlnocuxr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ubhjlnocuxr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ubhjlnocuxr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Forkbook's esbuild configuration
@@ -12,9 +12,9 @@ var require = CJS_COMPAT_NODE_MODULE_ro17f80mg6k.createRequire(import.meta.url);
 import {
   buildIndex,
   createChannelServer
-} from "../../_node-chunks/chunk-ET7PWEO7.js";
-import "../../_node-chunks/chunk-ZMAMXQKP.js";
-import "../../_node-chunks/chunk-CXRU72ET.js";
+} from "../../_node-chunks/chunk-B5VFV3ZW.js";
+import "../../_node-chunks/chunk-K3I3G4VL.js";
+import "../../_node-chunks/chunk-WS367FSJ.js";
 export {
   buildIndex,
   createChannelServer

package/dist/react-native/metro/withStorybook.d.ts

@@ -2260,7 +2260,7 @@ interface WithStorybookOptions {
  * const { withStorybook } = require('@aussieljk/forkbook/react-native/metro/withStorybook');
  *
  * module.exports = withStorybook(getDefaultConfig(__dirname), {
- *   enabled: process.env.EXPO_PUBLIC_STORYBOOK_ENABLED === 'true',
+ *   enabled: process.env.EXPO_PUBLIC_FORKBOOK_ENABLED === 'true',
  * });
  * ```
  */

package/dist/react-native/metro/withStorybook.js

@@ -1,22 +1,22 @@
-import CJS_COMPAT_NODE_URL_ro17f80mg6k from 'node:url';
-import CJS_COMPAT_NODE_PATH_ro17f80mg6k from 'node:path';
-import CJS_COMPAT_NODE_MODULE_ro17f80mg6k from "node:module";
+import CJS_COMPAT_NODE_URL_ubhjlnocuxr from 'node:url';
+import CJS_COMPAT_NODE_PATH_ubhjlnocuxr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ubhjlnocuxr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_ro17f80mg6k.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_ro17f80mg6k.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_ro17f80mg6k.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ubhjlnocuxr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ubhjlnocuxr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ubhjlnocuxr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Forkbook's esbuild configuration
 // ------------------------------------------------------------
 import {
   createChannelServer
-} from "../../_node-chunks/chunk-ET7PWEO7.js";
+} from "../../_node-chunks/chunk-B5VFV3ZW.js";
 import {
   generate
-} from "../../_node-chunks/chunk-RXNJDRGO.js";
-import "../../_node-chunks/chunk-ZMAMXQKP.js";
-import "../../_node-chunks/chunk-CXRU72ET.js";
+} from "../../_node-chunks/chunk-UAALLQAQ.js";
+import "../../_node-chunks/chunk-K3I3G4VL.js";
+import "../../_node-chunks/chunk-WS367FSJ.js";
 
 // src/react-native/metro/withStorybook.ts
 import { createRequire } from "node:module";
@@ -42,12 +42,12 @@ function envVariableToNumber(value, defaultValue) {
 }
 function loadWebsocketEnvOverrides(websockets) {
   let envHost = envVariableToString(
-    process.env.STORYBOOK_WS_HOST,
+    process.env.FORKBOOK_WS_HOST,
     websockets === "auto" ? void 0 : websockets?.host ?? void 0
   ), envPort = envVariableToNumber(
-    process.env.STORYBOOK_WS_PORT,
+    process.env.FORKBOOK_WS_PORT,
     websockets === "auto" ? 7007 : websockets?.port ?? 7007
-  ), envSecured = envVariableToBoolean(process.env.STORYBOOK_WS_SECURED);
+  ), envSecured = envVariableToBoolean(process.env.FORKBOOK_WS_SECURED);
   if (websockets === void 0 && !envHost)
     return {
       host: void 0,
@@ -68,7 +68,7 @@ function withStorybook(config, options = {}) {
     enabled = !0,
     docTools = !0,
     liteMode = !1
-  } = options, server = envVariableToBoolean(process.env.STORYBOOK_SERVER, !0);
+  } = options, server = envVariableToBoolean(process.env.FORKBOOK_SERVER, !0);
   if (!enabled)
     return {
       ...config,
@@ -85,8 +85,8 @@ function withStorybook(config, options = {}) {
         }
       }
     };
-  if (websockets != null || process.env.STORYBOOK_WS_HOST) {
-    let resolvedWs = loadWebsocketEnvOverrides(websockets), auto = websockets === "auto" && !process.env.STORYBOOK_WS_HOST, port = resolvedWs.port ?? 7007, secured = resolvedWs.secured;
+  if (websockets != null || process.env.FORKBOOK_WS_HOST) {
+    let resolvedWs = loadWebsocketEnvOverrides(websockets), auto = websockets === "auto" && !process.env.FORKBOOK_WS_HOST, port = resolvedWs.port ?? 7007, secured = resolvedWs.secured;
     server && createChannelServer({
       port,
       host: auto ? void 0 : resolvedWs.host,

package/dist/react-native/scripts/generate.js

@@ -1,18 +1,18 @@
-import CJS_COMPAT_NODE_URL_ro17f80mg6k from 'node:url';
-import CJS_COMPAT_NODE_PATH_ro17f80mg6k from 'node:path';
-import CJS_COMPAT_NODE_MODULE_ro17f80mg6k from "node:module";
+import CJS_COMPAT_NODE_URL_ubhjlnocuxr from 'node:url';
+import CJS_COMPAT_NODE_PATH_ubhjlnocuxr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ubhjlnocuxr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_ro17f80mg6k.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_ro17f80mg6k.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_ro17f80mg6k.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ubhjlnocuxr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ubhjlnocuxr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ubhjlnocuxr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Forkbook's esbuild configuration
 // ------------------------------------------------------------
 import {
   generate
-} from "../../_node-chunks/chunk-RXNJDRGO.js";
-import "../../_node-chunks/chunk-CXRU72ET.js";
+} from "../../_node-chunks/chunk-UAALLQAQ.js";
+import "../../_node-chunks/chunk-WS367FSJ.js";
 export {
   generate
 };

package/dist/react-native-theming/index.d.ts

@@ -1,64 +1,8 @@
-import { a as Theme$1, c as withTheme, i as StyledComponent, n as CreateStyledComponent, o as ThemeProvider, r as ReactNativeStyleType, s as useTheme, t as CreateStyled$1 } from "../chunk-BxWufQms.js";
 import { ReactElement } from "react";
-import * as RN from "react-native";
 import { ImageProps, ImageSourcePropType, TextStyle } from "react-native";
+import styled, { StyledComponent } from "@emotion/native";
+import { ThemeProvider, useTheme, withTheme } from "@emotion/react";
 
-//#region ../../node_modules/@emotion/native/dist/declarations/types/index.d.ts
-type ReactNative = typeof RN;
-// those 2 are just copies of the `BaseCreateStyled` with supplied `C` type argument
-type HostClassComponent<C extends React.ComponentClass<any>> = CreateStyledComponent<React.ComponentProps<C> & {
-  theme?: Theme$1;
-  as?: React.ElementType;
-}, {}, {
-  ref?: React.Ref<InstanceType<C>>;
-}, ReactNativeStyleType<React.ComponentProps<C>>>;
-type HostFunctionComponent<C extends React.FunctionComponent<any>> = CreateStyledComponent<React.ComponentProps<C> & {
-  theme?: Theme$1;
-  as?: React.ElementType;
-}, {}, {}, ReactNativeStyleType<React.ComponentProps<C>>>;
-interface StyledComponents {
-  ActivityIndicator: HostClassComponent<ReactNative['ActivityIndicator']>;
-  Button: HostClassComponent<ReactNative['Button']>;
-  DatePickerIOS: HostClassComponent<ReactNative['DatePickerIOS']>;
-  DrawerLayoutAndroid: HostClassComponent<ReactNative['DrawerLayoutAndroid']>;
-  FlatList: HostClassComponent<ReactNative['FlatList']>;
-  Image: HostClassComponent<ReactNative['Image']>;
-  ImageBackground: HostClassComponent<ReactNative['ImageBackground']>;
-  KeyboardAvoidingView: HostClassComponent<ReactNative['KeyboardAvoidingView']>;
-  ListView: HostClassComponent<ReactNative['ListView']>;
-  Modal: HostClassComponent<ReactNative['Modal']>;
-  NavigatorIOS: HostClassComponent<ReactNative['NavigatorIOS']>;
-  Picker: HostClassComponent<ReactNative['Picker']>;
-  PickerIOS: HostClassComponent<ReactNative['PickerIOS']>;
-  Pressable: HostFunctionComponent<ReactNative['Pressable']>;
-  ProgressBarAndroid: HostClassComponent<ReactNative['ProgressBarAndroid']>;
-  ProgressViewIOS: HostClassComponent<ReactNative['ProgressViewIOS']>;
-  RecyclerViewBackedScrollView: HostClassComponent<ReactNative['RecyclerViewBackedScrollView']>;
-  RefreshControl: HostClassComponent<ReactNative['RefreshControl']>;
-  SafeAreaView: HostClassComponent<ReactNative['SafeAreaView']>;
-  ScrollView: HostClassComponent<ReactNative['ScrollView']>;
-  SectionList: HostClassComponent<ReactNative['SectionList']>;
-  SegmentedControlIOS: HostClassComponent<ReactNative['SegmentedControlIOS']>;
-  Slider: HostClassComponent<ReactNative['Slider']>;
-  SnapshotViewIOS: HostClassComponent<ReactNative['SnapshotViewIOS']>;
-  StatusBar: HostClassComponent<ReactNative['StatusBar']>;
-  SwipeableListView: HostClassComponent<ReactNative['SwipeableListView']>;
-  Switch: HostClassComponent<ReactNative['Switch']>;
-  SwitchIOS: HostClassComponent<ReactNative['SwitchIOS']>;
-  TabBarIOS: HostClassComponent<ReactNative['TabBarIOS']>;
-  Text: HostClassComponent<ReactNative['Text']>;
-  TextInput: HostClassComponent<ReactNative['TextInput']>;
-  ToolbarAndroid: HostClassComponent<ReactNative['ToolbarAndroid']>;
-  TouchableHighlight: HostClassComponent<ReactNative['TouchableHighlight']>;
-  TouchableNativeFeedback: HostClassComponent<ReactNative['TouchableNativeFeedback']>;
-  TouchableOpacity: HostClassComponent<ReactNative['TouchableOpacity']>;
-  TouchableWithoutFeedback: HostClassComponent<ReactNative['TouchableWithoutFeedback']>;
-  View: HostClassComponent<ReactNative['View']>;
-  ViewPagerAndroid: HostClassComponent<ReactNative['ViewPagerAndroid']>;
-}
-interface CreateStyled extends CreateStyled$1, StyledComponents {}
-declare const styled: CreateStyled;
-//#endregion
 //#region .dts-emit/code/core/src/react-native-theming/web-theme.d.ts
 declare const color: {
   primary: string;