@niibase/uniwind 1.0.0 → 1.0.11

package/dist/common/core/native/runtime.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UniwindRuntime = void 0;
 var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _types = require("../../types");
 var _nativeUtils = require("./native-utils");
 const window = _reactNative.Dimensions.get("window");
@@ -20,7 +21,7 @@ const UniwindRuntime = exports.UniwindRuntime = {
   fontScale: value => value * _reactNative.PixelRatio.getFontScale(),
   hairlineWidth: _reactNative.StyleSheet.hairlineWidth,
   rtl: _reactNative.I18nManager.isRTL,
-  insets: {
+  insets: _reactNativeSafeAreaContext.initialWindowMetrics?.insets ?? {
     top: 0,
     left: 0,
     bottom: 0,

package/dist/common/core/native/store.js

@@ -15,6 +15,7 @@ class UniwindStoreBuilder {
   vars = {};
   runtimeThemeVariables = /* @__PURE__ */new Map();
   stylesheet = {};
+  varsWithMediaQueries = [];
   cache = /* @__PURE__ */new Map();
   generateStyleSheetCallbackResult = null;
   getStyles(className, state) {
@@ -43,11 +44,15 @@ class UniwindStoreBuilder {
     const {
       scopedVars,
       stylesheet,
-      vars
+      vars,
+      varsWithMediaQueries
     } = config;
+    this.vars = varsWithMediaQueries.length > 0 ? {
+      ...vars
+    } : vars;
+    this.varsWithMediaQueries = varsWithMediaQueries;
     this.generateStyleSheetCallbackResult = config;
     this.stylesheet = stylesheet;
-    this.vars = vars;
     const themeVars = scopedVars[`__uniwind-theme-${this.runtime.currentThemeName}`];
     const platformVars = scopedVars[`__uniwind-platform-${_reactNative.Platform.OS}`];
     const runtimeThemeVars = this.runtimeThemeVariables.get(this.runtime.currentThemeName);
@@ -64,11 +69,36 @@ class UniwindStoreBuilder {
       _listener.UniwindListener.notifyAll();
     }
   };
+  resolveMediaQueryVars(dependencies) {
+    for (const [varName, mqVariants] of this.varsWithMediaQueries) {
+      let bestMatch = null;
+      for (const variant of mqVariants) {
+        if (variant.orientation !== null) dependencies.add(_types.StyleDependency.Orientation);
+        if (variant.maxWidth !== null || variant.minWidth !== null) dependencies.add(_types.StyleDependency.Dimensions);
+        if (variant.colorScheme !== null) {
+          dependencies.add(_types.StyleDependency.ColorScheme);
+          dependencies.add(_types.StyleDependency.Theme);
+        }
+        if (variant.minWidth !== null && variant.minWidth > this.runtime.screen.width || variant.maxWidth !== null && variant.maxWidth !== Number.MAX_VALUE && variant.maxWidth < this.runtime.screen.width || variant.orientation !== null && this.runtime.orientation !== variant.orientation || variant.colorScheme !== null && this.runtime.currentThemeName !== variant.colorScheme) {
+          continue;
+        }
+        if (bestMatch === null || (variant.minWidth ?? 0) > (bestMatch.minWidth ?? 0)) bestMatch = variant;
+      }
+      if (bestMatch !== null) {
+        Object.defineProperty(this.vars, varName, {
+          configurable: true,
+          enumerable: true,
+          get: () => bestMatch.value
+        });
+      }
+    }
+    return this.vars;
+  }
   resolveStyles(classNames, state) {
     const result = {};
-    let vars = this.vars;
     const dependencies = /* @__PURE__ */new Set();
     const bestBreakpoints = /* @__PURE__ */new Map();
+    let vars = this.resolveMediaQueryVars(dependencies);
     for (const className of classNames.split(" ")) {
       if (!(className in this.stylesheet)) {
         continue;

package/dist/metro/index.cjs

@@ -46,7 +46,9 @@ const patchMetroGraphToSupportUncachedModules = () => {
 
 const thisModuleDist = node_path.resolve(__dirname, "../../dist");
 const thisModuleSrc = node_path.resolve(__dirname, "../../src");
+const nodeModulesPath = node_path.resolve(__dirname, "../../../");
 const isFromThisModule = (filename) => filename.startsWith(thisModuleDist) || filename.startsWith(thisModuleSrc);
+const name = node_path.basename(nodeModulesPath) === "node_modules" ? node_path.basename(node_path.resolve(__dirname, "../../")) : common.name;
 const SUPPORTED_COMPONENTS = [
   "ActivityIndicator",
   "Button",
@@ -71,7 +73,7 @@ const SUPPORTED_COMPONENTS = [
   "View",
   "VirtualizedList"
 ];
-const nativeResolver = ({
+const nativeResolver = (extraComponents) => ({
   context,
   moduleName,
   platform,
@@ -86,18 +88,28 @@ const nativeResolver = ({
     return resolution;
   }
   if (moduleName === "react-native") {
-    return resolver(context, `${common.name}/components`, platform);
+    return resolver(context, `${name}/components`, platform);
+  }
+  if (moduleName === "react-native-gesture-handler") {
+    return resolver(context, `${name}/components/react-native-gesture-handler`, platform);
+  }
+  if (moduleName === "react-native-svg") {
+    return resolver(context, `${name}/components/react-native-svg`, platform);
   }
   if (resolution.filePath.includes(`${node_path.sep}react-native${node_path.sep}Libraries${node_path.sep}`)) {
     const filename = node_path.basename(resolution.filePath.split(node_path.sep).at(-1) ?? "");
     const module = filename.split(".").at(0);
     if (module !== void 0 && SUPPORTED_COMPONENTS.includes(module)) {
-      return resolver(context, `${common.name}/components/${module}`, platform);
+      return resolver(context, `${name}/components/${module}`, platform);
     }
   }
+  if (moduleName in extraComponents) {
+    const componentPath = extraComponents[moduleName];
+    return resolver(context, componentPath, platform);
+  }
   return resolution;
 };
-const webResolver = ({
+const webResolver = (extraComponents) => ({
   context,
   moduleName,
   platform,
@@ -107,13 +119,17 @@ const webResolver = ({
   if (isFromThisModule(context.originModulePath) || resolution.type !== "sourceFile" || !resolution.filePath.includes(`${node_path.sep}react-native-web${node_path.sep}`)) {
     return resolution;
   }
+  if (moduleName in extraComponents) {
+    const componentPath = extraComponents[moduleName];
+    return resolver(context, componentPath, platform);
+  }
   const segments = resolution.filePath.split(node_path.sep);
   const isIndex = segments.at(-1)?.startsWith("index.");
   const module = segments.at(-2);
   if (!isIndex || module === void 0 || !SUPPORTED_COMPONENTS.includes(module) || context.originModulePath.endsWith(`${module}${node_path.sep}index.js`)) {
     return resolution;
   }
-  return resolver(context, `${common.name}/components/${module}`, platform);
+  return resolver(context, `${name}/components/${module}`, platform);
 };
 
 const withUniwindConfig = (config, uniwindConfig) => {
@@ -150,7 +166,7 @@ const withUniwindConfig = (config, uniwindConfig) => {
       ),
       resolveRequest: (context, moduleName, platform) => {
         const resolver = config.resolver?.resolveRequest ?? context.resolveRequest;
-        const platformResolver = platform === types.Platform.Web ? webResolver : nativeResolver;
+        const platformResolver = (platform === types.Platform.Web ? webResolver : nativeResolver)(uniwindConfig.extraComponents ?? {});
         const resolved = platformResolver({
           context,
           moduleName,

package/dist/metro/index.mjs

@@ -2,7 +2,7 @@ import FileStoreBase from 'metro-cache/private/stores/FileStore';
 import os from 'os';
 import path from 'path';
 import { sep, basename, resolve } from 'node:path';
-import { n as name, u as uniq } from '../shared/uniwind.D3fvrgEG.mjs';
+import { n as name$1, u as uniq } from '../shared/uniwind.D3fvrgEG.mjs';
 import { P as Platform } from '../shared/uniwind.CyoRUwOj.mjs';
 
 class FileStore extends FileStoreBase {
@@ -38,7 +38,9 @@ const patchMetroGraphToSupportUncachedModules = () => {
 
 const thisModuleDist = resolve(__dirname, "../../dist");
 const thisModuleSrc = resolve(__dirname, "../../src");
+const nodeModulesPath = resolve(__dirname, "../../../");
 const isFromThisModule = (filename) => filename.startsWith(thisModuleDist) || filename.startsWith(thisModuleSrc);
+const name = basename(nodeModulesPath) === "node_modules" ? basename(resolve(__dirname, "../../")) : name$1;
 const SUPPORTED_COMPONENTS = [
   "ActivityIndicator",
   "Button",
@@ -63,7 +65,7 @@ const SUPPORTED_COMPONENTS = [
   "View",
   "VirtualizedList"
 ];
-const nativeResolver = ({
+const nativeResolver = (extraComponents) => ({
   context,
   moduleName,
   platform,
@@ -80,6 +82,12 @@ const nativeResolver = ({
   if (moduleName === "react-native") {
     return resolver(context, `${name}/components`, platform);
   }
+  if (moduleName === "react-native-gesture-handler") {
+    return resolver(context, `${name}/components/react-native-gesture-handler`, platform);
+  }
+  if (moduleName === "react-native-svg") {
+    return resolver(context, `${name}/components/react-native-svg`, platform);
+  }
   if (resolution.filePath.includes(`${sep}react-native${sep}Libraries${sep}`)) {
     const filename = basename(resolution.filePath.split(sep).at(-1) ?? "");
     const module = filename.split(".").at(0);
@@ -87,9 +95,13 @@ const nativeResolver = ({
       return resolver(context, `${name}/components/${module}`, platform);
     }
   }
+  if (moduleName in extraComponents) {
+    const componentPath = extraComponents[moduleName];
+    return resolver(context, componentPath, platform);
+  }
   return resolution;
 };
-const webResolver = ({
+const webResolver = (extraComponents) => ({
   context,
   moduleName,
   platform,
@@ -99,6 +111,10 @@ const webResolver = ({
   if (isFromThisModule(context.originModulePath) || resolution.type !== "sourceFile" || !resolution.filePath.includes(`${sep}react-native-web${sep}`)) {
     return resolution;
   }
+  if (moduleName in extraComponents) {
+    const componentPath = extraComponents[moduleName];
+    return resolver(context, componentPath, platform);
+  }
   const segments = resolution.filePath.split(sep);
   const isIndex = segments.at(-1)?.startsWith("index.");
   const module = segments.at(-2);
@@ -142,7 +158,7 @@ const withUniwindConfig = (config, uniwindConfig) => {
       ),
       resolveRequest: (context, moduleName, platform) => {
         const resolver = config.resolver?.resolveRequest ?? context.resolveRequest;
-        const platformResolver = platform === Platform.Web ? webResolver : nativeResolver;
+        const platformResolver = (platform === Platform.Web ? webResolver : nativeResolver)(uniwindConfig.extraComponents ?? {});
         const resolved = platformResolver({
           context,
           moduleName,

package/dist/metro/metro-transformer.cjs

@@ -898,23 +898,29 @@ class MQ {
   }
   processMediaQueries(mediaQueries) {
     const mq = this.getInitialMediaQueryResolver();
-    mediaQueries.forEach((mediaQuery) => {
+    for (const mediaQuery of mediaQueries) {
       const { condition, mediaType } = mediaQuery;
       if ([types.Platform.Android, types.Platform.iOS, types.Platform.Native].includes(mediaType)) {
         mq.platform = mediaType;
-        return;
-      }
-      if (condition?.type !== "feature") {
-        return;
+        continue;
       }
+      if (condition) this.processCondition(condition, mq);
+    }
+    return mq;
+  }
+  processCondition(condition, mq) {
+    if (condition.type === "operation") {
+      condition.conditions.forEach((nestedCondition) => {
+        this.processCondition(nestedCondition, mq);
+      });
+    } else if (condition.type === "feature") {
       if (condition.value.type === "range") {
         this.processWidthMediaQuery(condition.value, mq);
       }
       if (condition.value.type === "plain") {
         this.processPlainMediaQuery(condition.value, mq);
       }
-    });
-    return mq;
+    }
   }
   processWidthMediaQuery(query, mq) {
     const { operator, value } = query;
@@ -1250,6 +1256,7 @@ class ProcessorBuilder {
   stylesheets = {};
   vars = {};
   scopedVars = {};
+  varsWithMediaQueries = {};
   CSS = new CSS(this);
   RN = new RN(this);
   Var = new Var(this);
@@ -1283,6 +1290,32 @@ class ProcessorBuilder {
       disabled: null
     };
   }
+  storeVarWithMediaQuery(varName, value, mq) {
+    if (!Array.isArray(this.varsWithMediaQueries[varName])) {
+      this.varsWithMediaQueries[varName] = [];
+    }
+    this.varsWithMediaQueries[varName].push({
+      value,
+      minWidth: mq.minWidth,
+      maxWidth: mq.maxWidth,
+      orientation: mq.orientation ? `'${mq.orientation}'` : null,
+      colorScheme: mq.colorScheme ? `'${mq.colorScheme}'` : null
+    });
+  }
+  hasMediaQuery(mq) {
+    return mq.minWidth !== 0 || mq.maxWidth !== Number.MAX_VALUE || mq.orientation !== null || mq.colorScheme !== null;
+  }
+  processDeclarationValue(mq, varName, processedValue, context) {
+    const { isVar, style, important } = context;
+    if (isVar && this.hasMediaQuery(mq)) {
+      this.storeVarWithMediaQuery(varName, processedValue, mq);
+    } else {
+      style[varName] = processedValue;
+    }
+    if (!isVar && important) {
+      style.importantProperties.push(varName);
+    }
+  }
   addDeclaration(declaration, important = false) {
     const isVar = this.declarationConfig.root || this.declarationConfig.className === null;
     const mq = this.MQ.processMediaQueries(this.declarationConfig.mediaQueries);
@@ -1312,24 +1345,22 @@ class ProcessorBuilder {
       style.disabled = this.declarationConfig.disabled;
       this.meta.className = this.declarationConfig.className;
     }
+    const context = { isVar, style, important };
     if (declaration.property === "unparsed") {
-      style[declaration.value.propertyId.property] = this.CSS.processValue(declaration.value.value);
-      if (!isVar && important) {
-        style.importantProperties.push(declaration.value.propertyId.property);
-      }
+      const varName2 = declaration.value.propertyId.property;
+      const processedValue2 = this.CSS.processValue(declaration.value.value);
+      this.processDeclarationValue(mq, varName2, processedValue2, context);
       return;
     }
     if (declaration.property === "custom") {
-      style[declaration.value.name] = this.CSS.processValue(declaration.value.value);
-      if (!isVar && important) {
-        style.importantProperties.push(declaration.value.name);
-      }
+      const varName2 = declaration.value.name;
+      const processedValue2 = this.CSS.processValue(declaration.value.value);
+      this.processDeclarationValue(mq, varName2, processedValue2, context);
       return;
     }
-    style[declaration.property] = this.CSS.processValue(declaration.value);
-    if (!isVar && important) {
-      style.importantProperties.push(declaration.property);
-    }
+    const varName = declaration.property;
+    const processedValue = this.CSS.processValue(declaration.value);
+    this.processDeclarationValue(mq, varName, processedValue, context);
   }
   parseRuleRec(rule) {
     if (this.declarationConfig.className !== null) {
@@ -1417,6 +1448,10 @@ class ProcessorBuilder {
         this.parseRuleRec(rule2);
         this.declarationConfig = this.getDeclarationConfig();
       });
+      this.declarationConfig.mediaQueries.splice(
+        this.declarationConfig.mediaQueries.length - mediaQueries.length,
+        mediaQueries.length
+      );
       return;
     }
     if (rule.type === "layer-block") {
@@ -1470,12 +1505,14 @@ const compileVirtual = async ({ css, cssPath, platform, themes, polyfills, debug
       serializeJSObject(scopedVars2, (key, value) => `get "${key}"() { return ${value} }`)
     ])
   );
+  const varsWithMediaQueries = Object.entries(Processor.varsWithMediaQueries).map(([key, value]) => `["${key}", ${serialize(value)}]`).join(",");
   const serializedScopedVars = Object.entries(scopedVars).map(([scopedVarsName, scopedVars2]) => `"${scopedVarsName}": ({ ${scopedVars2} }),`).join("");
   const currentColorVar = `get currentColor() { return rt.colorScheme === 'dark' ? '#ffffff' : '#000000' },`;
   return [
     "({",
     `scopedVars: ({ ${serializedScopedVars} }),`,
     `vars: ({ ${currentColorVar} ${vars} }),`,
+    `varsWithMediaQueries: ([ ${varsWithMediaQueries} ]),`,
     `stylesheet: ({ ${stylesheet} }),`,
     "})"
   ].join("");

package/dist/metro/metro-transformer.mjs

@@ -891,23 +891,29 @@ class MQ {
   }
   processMediaQueries(mediaQueries) {
     const mq = this.getInitialMediaQueryResolver();
-    mediaQueries.forEach((mediaQuery) => {
+    for (const mediaQuery of mediaQueries) {
       const { condition, mediaType } = mediaQuery;
       if ([Platform.Android, Platform.iOS, Platform.Native].includes(mediaType)) {
         mq.platform = mediaType;
-        return;
-      }
-      if (condition?.type !== "feature") {
-        return;
+        continue;
       }
+      if (condition) this.processCondition(condition, mq);
+    }
+    return mq;
+  }
+  processCondition(condition, mq) {
+    if (condition.type === "operation") {
+      condition.conditions.forEach((nestedCondition) => {
+        this.processCondition(nestedCondition, mq);
+      });
+    } else if (condition.type === "feature") {
       if (condition.value.type === "range") {
         this.processWidthMediaQuery(condition.value, mq);
       }
       if (condition.value.type === "plain") {
         this.processPlainMediaQuery(condition.value, mq);
       }
-    });
-    return mq;
+    }
   }
   processWidthMediaQuery(query, mq) {
     const { operator, value } = query;
@@ -1243,6 +1249,7 @@ class ProcessorBuilder {
   stylesheets = {};
   vars = {};
   scopedVars = {};
+  varsWithMediaQueries = {};
   CSS = new CSS(this);
   RN = new RN(this);
   Var = new Var(this);
@@ -1276,6 +1283,32 @@ class ProcessorBuilder {
       disabled: null
     };
   }
+  storeVarWithMediaQuery(varName, value, mq) {
+    if (!Array.isArray(this.varsWithMediaQueries[varName])) {
+      this.varsWithMediaQueries[varName] = [];
+    }
+    this.varsWithMediaQueries[varName].push({
+      value,
+      minWidth: mq.minWidth,
+      maxWidth: mq.maxWidth,
+      orientation: mq.orientation ? `'${mq.orientation}'` : null,
+      colorScheme: mq.colorScheme ? `'${mq.colorScheme}'` : null
+    });
+  }
+  hasMediaQuery(mq) {
+    return mq.minWidth !== 0 || mq.maxWidth !== Number.MAX_VALUE || mq.orientation !== null || mq.colorScheme !== null;
+  }
+  processDeclarationValue(mq, varName, processedValue, context) {
+    const { isVar, style, important } = context;
+    if (isVar && this.hasMediaQuery(mq)) {
+      this.storeVarWithMediaQuery(varName, processedValue, mq);
+    } else {
+      style[varName] = processedValue;
+    }
+    if (!isVar && important) {
+      style.importantProperties.push(varName);
+    }
+  }
   addDeclaration(declaration, important = false) {
     const isVar = this.declarationConfig.root || this.declarationConfig.className === null;
     const mq = this.MQ.processMediaQueries(this.declarationConfig.mediaQueries);
@@ -1305,24 +1338,22 @@ class ProcessorBuilder {
       style.disabled = this.declarationConfig.disabled;
       this.meta.className = this.declarationConfig.className;
     }
+    const context = { isVar, style, important };
     if (declaration.property === "unparsed") {
-      style[declaration.value.propertyId.property] = this.CSS.processValue(declaration.value.value);
-      if (!isVar && important) {
-        style.importantProperties.push(declaration.value.propertyId.property);
-      }
+      const varName2 = declaration.value.propertyId.property;
+      const processedValue2 = this.CSS.processValue(declaration.value.value);
+      this.processDeclarationValue(mq, varName2, processedValue2, context);
       return;
     }
     if (declaration.property === "custom") {
-      style[declaration.value.name] = this.CSS.processValue(declaration.value.value);
-      if (!isVar && important) {
-        style.importantProperties.push(declaration.value.name);
-      }
+      const varName2 = declaration.value.name;
+      const processedValue2 = this.CSS.processValue(declaration.value.value);
+      this.processDeclarationValue(mq, varName2, processedValue2, context);
       return;
     }
-    style[declaration.property] = this.CSS.processValue(declaration.value);
-    if (!isVar && important) {
-      style.importantProperties.push(declaration.property);
-    }
+    const varName = declaration.property;
+    const processedValue = this.CSS.processValue(declaration.value);
+    this.processDeclarationValue(mq, varName, processedValue, context);
   }
   parseRuleRec(rule) {
     if (this.declarationConfig.className !== null) {
@@ -1410,6 +1441,10 @@ class ProcessorBuilder {
         this.parseRuleRec(rule2);
         this.declarationConfig = this.getDeclarationConfig();
       });
+      this.declarationConfig.mediaQueries.splice(
+        this.declarationConfig.mediaQueries.length - mediaQueries.length,
+        mediaQueries.length
+      );
       return;
     }
     if (rule.type === "layer-block") {
@@ -1463,12 +1498,14 @@ const compileVirtual = async ({ css, cssPath, platform, themes, polyfills, debug
       serializeJSObject(scopedVars2, (key, value) => `get "${key}"() { return ${value} }`)
     ])
   );
+  const varsWithMediaQueries = Object.entries(Processor.varsWithMediaQueries).map(([key, value]) => `["${key}", ${serialize(value)}]`).join(",");
   const serializedScopedVars = Object.entries(scopedVars).map(([scopedVarsName, scopedVars2]) => `"${scopedVarsName}": ({ ${scopedVars2} }),`).join("");
   const currentColorVar = `get currentColor() { return rt.colorScheme === 'dark' ? '#ffffff' : '#000000' },`;
   return [
     "({",
     `scopedVars: ({ ${serializedScopedVars} }),`,
     `vars: ({ ${currentColorVar} ${vars} }),`,
+    `varsWithMediaQueries: ([ ${varsWithMediaQueries} ]),`,
     `stylesheet: ({ ${stylesheet} }),`,
     "})"
   ].join("");

package/dist/module/components/react-native-gesture-handler/index.js

@@ -0,0 +1,120 @@
+module.exports = {
+  get BaseButton() {
+    return require("./native/BaseButton").BaseButton;
+  },
+  get BorderlessButton() {
+    return require("./native/BorderlessButton").BorderlessButton;
+  },
+  get DrawerLayoutAndroid() {
+    return require("./native/DrawerLayoutAndroid").DrawerLayoutAndroid;
+  },
+  get FlatList() {
+    return require("./native/FlatList").FlatList;
+  },
+  get GestureHandlerRootView() {
+    return require("./native/GestureHandlerRootView").GestureHandlerRootView;
+  },
+  get Pressable() {
+    return require("./native/Pressable").Pressable;
+  },
+  get PureNativeButton() {
+    return require("./native/PureNativeButton").PureNativeButton;
+  },
+  get RawButton() {
+    return require("./native/RawButton").RawButton;
+  },
+  get RectButton() {
+    return require("./native/RectButton").RectButton;
+  },
+  get RefreshControl() {
+    return require("./native/RefreshControl").RefreshControl;
+  },
+  get ScrollView() {
+    return require("./native/ScrollView").ScrollView;
+  },
+  get Switch() {
+    return require("./native/Switch").Switch;
+  },
+  get Text() {
+    return require("./native/Text").Text;
+  },
+  get TextInput() {
+    return require("./native/TextInput").TextInput;
+  },
+  get TouchableNativeFeedback() {
+    return require("./native/TouchableNativeFeedback").TouchableNativeFeedback;
+  },
+  get TouchableOpacity() {
+    return require("./native/TouchableOpacity").TouchableOpacity;
+  },
+  get TouchableWithoutFeedback() {
+    return require("./native/TouchableWithoutFeedback").TouchableWithoutFeedback;
+  },
+  // Re-export non-component exports from react-native-gesture-handler
+  get DrawerLayout() {
+    return require("react-native-gesture-handler").DrawerLayout;
+  },
+  get Swipeable() {
+    return require("react-native-gesture-handler").Swipeable;
+  },
+  get TouchableHighlight() {
+    return require("react-native-gesture-handler").TouchableHighlight;
+  },
+  get Directions() {
+    return require("react-native-gesture-handler").Directions;
+  },
+  get State() {
+    return require("react-native-gesture-handler").State;
+  },
+  get PointerType() {
+    return require("react-native-gesture-handler").PointerType;
+  },
+  get gestureHandlerRootHOC() {
+    return require("react-native-gesture-handler").gestureHandlerRootHOC;
+  },
+  get GestureDetector() {
+    return require("react-native-gesture-handler").GestureDetector;
+  },
+  get Gesture() {
+    return require("react-native-gesture-handler").Gesture;
+  },
+  get TapGestureHandler() {
+    return require("react-native-gesture-handler").TapGestureHandler;
+  },
+  get ForceTouchGestureHandler() {
+    return require("react-native-gesture-handler").ForceTouchGestureHandler;
+  },
+  get LongPressGestureHandler() {
+    return require("react-native-gesture-handler").LongPressGestureHandler;
+  },
+  get PanGestureHandler() {
+    return require("react-native-gesture-handler").PanGestureHandler;
+  },
+  get PinchGestureHandler() {
+    return require("react-native-gesture-handler").PinchGestureHandler;
+  },
+  get RotationGestureHandler() {
+    return require("react-native-gesture-handler").RotationGestureHandler;
+  },
+  get FlingGestureHandler() {
+    return require("react-native-gesture-handler").FlingGestureHandler;
+  },
+  get createNativeWrapper() {
+    return require("react-native-gesture-handler").createNativeWrapper;
+  },
+  get NativeViewGestureHandler() {
+    return require("react-native-gesture-handler").NativeViewGestureHandler;
+  },
+  get HoverEffect() {
+    return require("react-native-gesture-handler").HoverEffect;
+  },
+  get MouseButton() {
+    return require("react-native-gesture-handler").MouseButton;
+  },
+  get enableExperimentalWebImplementation() {
+    return require("react-native-gesture-handler").enableExperimentalWebImplementation;
+  },
+  get enableLegacyWebImplementation() {
+    return require("react-native-gesture-handler").enableLegacyWebImplementation;
+  }
+};

package/dist/module/components/react-native-gesture-handler/native/BaseButton.d.ts

@@ -0,0 +1,3 @@
+import { BaseButtonProps } from 'react-native-gesture-handler';
+export declare const BaseButton: import("react").ForwardRefExoticComponent<Omit<BaseButtonProps, "innerRef"> & import("react").RefAttributes<import("react").ComponentType<{}>>>;
+export default BaseButton;

package/dist/module/components/react-native-gesture-handler/native/BaseButton.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { BaseButton as RNGHBaseButton } from "react-native-gesture-handler";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const BaseButton = copyComponentProperties(RNGHBaseButton, (props) => {
+  const style = useStyle(props.className);
+  return /* @__PURE__ */ jsx(
+    RNGHBaseButton,
+    {
+      ...props,
+      style: [style, props.style]
+    }
+  );
+});
+export default BaseButton;

package/dist/module/components/react-native-gesture-handler/native/BorderlessButton.d.ts

@@ -0,0 +1,3 @@
+import { BorderlessButtonProps } from 'react-native-gesture-handler';
+export declare const BorderlessButton: import("react").ForwardRefExoticComponent<Omit<BorderlessButtonProps, "innerRef"> & import("react").RefAttributes<import("react").ComponentType<{}>>>;
+export default BorderlessButton;