@tamagui/core 1.0.0-beta.10 → 1.0.0-beta.13

package/dist/jsx/createComponent.js

@@ -13,12 +13,12 @@ import React, {
   useRef,
   useState
 } from "react";
-import { StyleSheet, Text, View } from "react-native";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { BaseButton } from "react-native-gesture-handler";
 import { onConfiguredOnce } from "./conf";
 import { stackDefaultStyles } from "./constants/constants";
 import { isAndroid, isWeb, useIsomorphicLayoutEffect } from "./constants/platform";
 import { rnw } from "./constants/rnw";
-import { isVariable } from "./createVariable";
 import { createShallowUpdate } from "./helpers/createShallowUpdate";
 import { extendStaticConfig, parseStaticConfig } from "./helpers/extendStaticConfig";
 import { insertSplitStyles, useSplitStyles } from "./helpers/getSplitStyles";
@@ -83,13 +83,13 @@ function createComponent(configIn, ParentComponent) {
   function addPseudoToStyles(styles, name, pseudos) {
     const pseudoStyle = pseudos[name];
     const shouldNestObject = isWeb && name !== "enterStyle" && name !== "exitStyle";
-    if (pseudoStyle) {
-      styles.push(shouldNestObject ? { [name]: pseudoStyle } : pseudoStyle);
-    }
     const defaultPseudoStyle = initialSplitStyles.pseudos[name];
     if (defaultPseudoStyle) {
       styles.push(shouldNestObject ? { [name]: defaultPseudoStyle } : defaultPseudoStyle);
     }
+    if (pseudoStyle) {
+      styles.push(shouldNestObject ? { [name]: pseudoStyle } : pseudoStyle);
+    }
   }
   __name(addPseudoToStyles, "addPseudoToStyles");
   const component = forwardRef((props, forwardedRef) => {
@@ -98,7 +98,7 @@ function createComponent(configIn, ParentComponent) {
     const { Component, componentName, isText, isZStack } = staticConfig;
     if (process.env.NODE_ENV === "development") {
       if (props["debug"]) {
-        console.warn(staticConfig.componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]", "debug on");
+        console.log("\u26A0\uFE0F", staticConfig.componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]", "debug on");
         console.log("props in:", props, Object.keys(props));
         if (props["debug"] === "break")
           debugger;
@@ -319,7 +319,10 @@ function createComponent(configIn, ParentComponent) {
     const isTouch = useIsTouchDevice();
     const isHoverable = isWeb && !isTouch;
     const attachHover = isHoverable && !!(pseudos && pseudos.hoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave);
-    const pressEventKey = isStringElement ? "onClick" : "onPress";
+    const handlesPressEvents = !isStringElement && !asChild;
+    const pressKey = handlesPressEvents ? "onPress" : "onClick";
+    const pressInKey = handlesPressEvents ? "onPressIn" : "onMouseDown";
+    const pressOutKey = handlesPressEvents ? "onPressOut" : "onMouseUp";
     const shouldAttach = !asChild && (attachPress || attachHover || "pressStyle" in props || "onPress" in props || "onPressIn" in props || "onPressOut" in props || isWeb && ("hoverStyle" in props || "onHoverIn" in props || "onHoverOut" in props || "onMouseEnter" in props || "onMouseLeave" in props));
     const unPress = useCallback(() => {
       if (!internal.current.isMounted)
@@ -330,12 +333,10 @@ function createComponent(configIn, ParentComponent) {
       });
     }, []);
     const events = shouldAttach ? {
-      ...!isWeb && {
-        onPressOut: (e) => {
-          unPress();
-          onPressOut == null ? void 0 : onPressOut(e);
-        }
-      },
+      [pressOutKey]: attachPress ? (e) => {
+        unPress();
+        onPressOut == null ? void 0 : onPressOut(e);
+      } : void 0,
       ...isHoverable && {
         onMouseEnter: attachHover ? (e) => {
           let next = {};
@@ -368,7 +369,7 @@ function createComponent(configIn, ParentComponent) {
           onMouseLeave == null ? void 0 : onMouseLeave(e);
         } : void 0
       },
-      onMouseDown: attachPress ? (e) => {
+      [pressInKey]: attachPress ? (e) => {
         setStateShallow({
           press: true,
           pressIn: true
@@ -379,11 +380,10 @@ function createComponent(configIn, ParentComponent) {
           mouseUps.add(unPress);
         }
       } : null,
-      [pressEventKey]: attachPress ? (e) => {
+      [pressKey]: attachPress ? (e) => {
+        unPress();
         onClick == null ? void 0 : onClick(e);
         onPress == null ? void 0 : onPress(e);
-        unPress();
-        onPressOut == null ? void 0 : onPressOut(e);
       } : null
     } : null;
     const childEls = !children || asChild ? children : wrapThemeManagerContext(spacedChildren({
@@ -392,17 +392,6 @@ function createComponent(configIn, ParentComponent) {
       flexDirection: props.flexDirection || ((_b = staticConfig.defaultProps) == null ? void 0 : _b.flexDirection),
       isZStack
     }), getThemeManagerIfChanged(theme));
-    const [pressProps] = usePressable(events ? {
-      disabled,
-      ...hitSlop && {
-        hitSlop
-      },
-      onPressIn: events.onMouseDown,
-      onPressOut: events.onPressOut,
-      onPress: events[pressEventKey]
-    } : {
-      disabled: true
-    });
     let content;
     if (isWeb) {
       if (staticConfig.isReactNativeWeb) {
@@ -419,19 +408,41 @@ function createComponent(configIn, ParentComponent) {
         }
       }
     }
-    if (events) {
-      if (!isStringElement) {
-        Object.assign(viewProps, pressProps);
-      } else {
-        Object.assign(viewProps, events);
-      }
-    }
     if (asChild) {
       ViewComponent = Slot;
       const onlyChild = React.Children.only(children);
       Object.assign(viewProps, onlyChild.props);
     }
+    if (isWeb) {
+      const [pressableProps] = usePressable(events ? {
+        disabled,
+        ...hitSlop && {
+          hitSlop
+        },
+        onPressOut: events[pressOutKey],
+        onPressIn: events[pressInKey],
+        onPress: events[pressKey]
+      } : {
+        disabled: true
+      });
+      if (events) {
+        if (handlesPressEvents) {
+          Object.assign(viewProps, pressableProps);
+        } else {
+          Object.assign(viewProps, events);
+        }
+      }
+    }
     content = createElement(ViewComponent, viewProps, childEls);
+    if (!isWeb) {
+      if (attachPress && events) {
+        content = <Pressable onPressIn={events[pressInKey]} onPress={events[pressKey]}><BaseButton onActiveStateChange={(isActive) => {
+          if (!isActive) {
+            unPress();
+          }
+        }}>{content}</BaseButton></Pressable>;
+      }
+    }
     if (isWeb && events && attachHover) {
       content = <span className="tui_Hoverable" style={{
         display: "contents"
@@ -439,8 +450,7 @@ function createComponent(configIn, ParentComponent) {
     }
     if (process.env.NODE_ENV === "development") {
       if (props["debug"]) {
-        viewProps["debug"] = true;
-        console.log("  \xBB ", { propsIn: { ...props }, propsOut: { ...viewProps }, state, splitStyles, animationStyles, isStringElement, classNamesIn: (_c = props.className) == null ? void 0 : _c.split(" "), classNamesOut: (_d = viewProps.className) == null ? void 0 : _d.split(" "), pressProps, events, shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses, animation: props.animation, style, defaultNativeStyle, initialSplitStyles, ...typeof window !== "undefined" ? { theme, themeState: theme.__state, themeClassName: theme.className, staticConfig, tamaguiConfig } : null });
+        console.log("  \xBB ", { propsIn: { ...props }, propsOut: { ...viewProps }, state, splitStyles, animationStyles, isStringElement, classNamesIn: (_c = props.className) == null ? void 0 : _c.split(" "), classNamesOut: (_d = viewProps.className) == null ? void 0 : _d.split(" "), events, shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses, animation: props.animation, style, defaultNativeStyle, initialSplitStyles, ...typeof window !== "undefined" ? { theme, themeState: theme.__state, themeClassName: theme.className, staticConfig, tamaguiConfig } : null });
       }
     }
     if (features.length) {
@@ -472,19 +482,23 @@ function createComponent(configIn, ParentComponent) {
       resolveVariablesAs: "both",
       keepVariantsAsProps: true
     });
-    const { style, viewProps } = initialSplitStyles;
+    const defaults = {
+      ...component.defaultProps,
+      ...initialSplitStyles.viewProps
+    };
     defaultNativeStyle = {};
-    for (const key in style) {
-      const v = style[key];
-      defaultNativeStyle[key] = isVariable(v) ? v.val : v;
+    const validStyles = staticConfig.validStyles || stylePropsView;
+    for (const key in staticConfig.defaultProps) {
+      const val = staticConfig.defaultProps[key];
+      if (typeof val === "string" && val[0] === "$" || !validStyles[key]) {
+        defaults[key] = val;
+      } else {
+        defaultNativeStyle[key] = val;
+      }
     }
     defaultNativeStyleSheet = StyleSheet.create({
       base: defaultNativeStyle
     });
-    const defaults = {
-      ...viewProps,
-      ...component.defaultProps
-    };
     if (Object.keys(defaults).length) {
       tamaguiDefaultProps = defaults;
     }
@@ -492,7 +506,10 @@ function createComponent(configIn, ParentComponent) {
       if (process.env.IS_STATIC !== "is_static") {
         console.log(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
           staticConfig,
-          initialSplitStyles
+          initialSplitStyles,
+          tamaguiDefaultProps,
+          defaultNativeStyle,
+          defaults
         });
       }
     }
@@ -559,6 +576,9 @@ const Spacer = createComponent({
         minWidth: 0
       }
     }
+  },
+  defaultVariants: {
+    direction: "horizontal"
   }
 });
 function spacedChildren({

package/dist/jsx/helpers/fixNativeShadow.native.js

@@ -2,7 +2,8 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const matchRgbaHsla = /(rgba|hsla)\(\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,})\s*\)$/;
 function fixNativeShadow(props) {
-  if (!props.shadowColor) {
+  var _a, _b;
+  if (!props.shadowColor || props.shadowColor === "transparent") {
     return;
   }
   if (!props.shadowOffset) {
@@ -11,10 +12,7 @@ function fixNativeShadow(props) {
       height: 0
     };
   }
-  if ("shadowOpacity" in props) {
-    return;
-  }
-  const c = `${props.shadowColor}`;
+  const c = String(props.shadowColor);
   if ((c[0] === "r" || c[0] === "h") && c[3] === "a") {
     const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || [];
     if (typeof a !== "string") {
@@ -22,9 +20,9 @@ function fixNativeShadow(props) {
       throw new Error(`invalid style`);
     }
     props.shadowColor = `${type.replace("a", "")}(${_1},${_2},${_3})`;
-    props.shadowOpacity = +a;
+    props.shadowOpacity = (_a = props.shadowOpacity) != null ? _a : +a;
   } else {
-    props.shadowOpacity = 1;
+    props.shadowOpacity = (_b = props.shadowOpacity) != null ? _b : 1;
   }
 }
 __name(fixNativeShadow, "fixNativeShadow");

package/dist/jsx/helpers/getSplitStyles.js

@@ -23,7 +23,21 @@ import {
 const skipProps = {
   animation: true,
   animateOnly: true,
-  debug: true
+  debug: true,
+  ...!isWeb && {
+    tag: true,
+    whiteSpace: true,
+    wordWrap: true,
+    textOverflow: true,
+    textDecorationDistance: true,
+    userSelect: true,
+    selectable: true,
+    cursor: true,
+    contain: true,
+    pointerEvents: true,
+    boxSizing: true,
+    boxShadow: true
+  }
 };
 let conf;
 const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state, defaultClassNames) => {
@@ -110,6 +124,9 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
     }
     if (!isWeb || state.noClassNames || state.resolveVariablesAs === "value" || state.resolveVariablesAs === "both") {
       for (const key in cur) {
+        if (skipProps[key]) {
+          continue;
+        }
         if (key in stylePropsTransform) {
           mergeTransform(style, key, cur[key]);
         } else {
@@ -124,6 +141,9 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
     if (skipProps[keyInit]) {
       continue;
     }
+    if (!isWeb && keyInit.startsWith("data-")) {
+      continue;
+    }
     const valInit = props[keyInit];
     if (keyInit === "style" || keyInit.startsWith("_style")) {
       push();
@@ -220,7 +240,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
         continue;
       }
       if (!staticConfig.variants || !(key in staticConfig.variants)) {
-        if (key !== "animation" && key !== "debug") {
+        if (!skipProps[key]) {
           push();
           viewProps[key] = val;
         }

package/dist/jsx/views/Slot.js

@@ -16,7 +16,7 @@ const SlotClone = React.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
   if (React.isValidElement(children)) {
     return React.cloneElement(children, {
-      ...mergeProps(slotProps, children.props),
+      ...mergeProps(children, slotProps),
       ref: composeRefs(forwardedRef, children.ref)
     });
   }
@@ -30,11 +30,30 @@ function isSlottable(child) {
   return React.isValidElement(child);
 }
 __name(isSlottable, "isSlottable");
-function mergeProps(slotProps, childProps) {
+const pressMap = {
+  onPress: "onClick",
+  onPressOut: "onMouseOut",
+  onPressIn: "onMouseIn"
+};
+function mergeProps(child, slotProps) {
+  const childProps = child.props;
   const overrideProps = { ...childProps };
-  for (const propName in childProps) {
+  const isHTMLChild = typeof child.type === "string";
+  if (isHTMLChild) {
+    for (const key in pressMap) {
+      if (key in slotProps) {
+        slotProps[pressMap[key]] = slotProps[key];
+        delete slotProps[key];
+      }
+    }
+  }
+  for (let propName in childProps) {
     const slotPropValue = slotProps[propName];
     const childPropValue = childProps[propName];
+    if (isHTMLChild && pressMap[propName]) {
+      propName = pressMap[propName];
+      delete overrideProps[propName];
+    }
     const isHandler = /^on[A-Z]/.test(propName);
     if (isHandler) {
       overrideProps[propName] = (...args) => {

package/dist/jsx/views/Text.js

@@ -11,15 +11,18 @@ const Text = createComponent({
   componentName: "Text",
   isText: true,
   defaultProps: {
-    display: isWeb ? "inline" : "flex",
-    boxSizing: "border-box",
+    display: "flex",
     fontFamily: "System",
-    wordWrap: "break-word"
+    ...isWeb && {
+      display: "inline",
+      boxSizing: "border-box",
+      wordWrap: "break-word"
+    }
   },
   variants: {
     numberOfLines: {
-      1: ellipseStyle,
-      ":number": (lines) => lines > 1 ? { WebkitLineClamp: 1 } : null
+      1: isWeb ? ellipseStyle : { numberOfLines: 1 },
+      ":number": (numberOfLines) => isWeb ? numberOfLines >= 1 ? { WebkitLineClamp: numberOfLines } : null : { numberOfLines }
     },
     selectable: {
       true: {
@@ -45,15 +48,7 @@ const Text = createComponent({
   deoptProps: new Set(isWeb ? [] : ["ellipse"]),
   validStyles: {
     ...validStyles,
-    ...stylePropsTextOnly,
-    ...isWeb && {
-      userSelect: true,
-      textOverflow: true,
-      whiteSpace: true,
-      wordWrap: true,
-      selectable: true,
-      cursor: true
-    }
+    ...stylePropsTextOnly
   }
 });
 export {

package/dist/jsx/views/ThemeInverse.js

@@ -1,5 +1,7 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useState } from "react";
+import { useIsomorphicLayoutEffect } from "../constants/platform";
 import { useDefaultThemeName, useThemeName } from "../hooks/useTheme";
 import { Theme } from "./Theme";
 let inversions = {
@@ -13,7 +15,10 @@ __name(setThemeInversions, "setThemeInversions");
 const ThemeInverse = /* @__PURE__ */ __name((props) => {
   const themeName = useThemeName();
   const defaultTheme = useDefaultThemeName();
-  const name = inversions[themeName] || inversions[defaultTheme || ""] || null;
+  const [name, setName] = useState(null);
+  useIsomorphicLayoutEffect(() => {
+    setName(inversions[themeName] || inversions[defaultTheme || ""] || null);
+  }, [defaultTheme, themeName]);
   return <Theme name={name}>{props.children}</Theme>;
 }, "ThemeInverse");
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.13",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -19,10 +19,12 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/helpers": "^1.0.0-beta.10",
+    "@expo/match-media": "^0.3.0",
+    "@tamagui/helpers": "^1.0.0-beta.13",
     "@tamagui/ow": "^0.28.1",
-    "@tamagui/use-debounce": "^1.0.0-beta.10",
-    "@tamagui/use-force-update": "^1.0.0-beta.10",
+    "@tamagui/use-debounce": "^1.0.0-beta.13",
+    "@tamagui/use-force-update": "^1.0.0-beta.13",
+    "expo-screen-orientation": "^4.2.0",
     "react": "*",
     "react-dom": "*"
   },
@@ -30,7 +32,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-beta.10",
+    "@tamagui/build": "^1.0.0-beta.13",
     "@types/react": "^17.0.35",
     "csstype": "^3.0.10",
     "esbuild": "^0.14.36",

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAoB,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAiBhE,OAAO,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAKjB,MAAM,SAAS,CAAA;AAgBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA0B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,IAAI,EACV,SAAS,GAAG,KAAK,EACjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EAAE,eAAe,CAAC,EAAE,iBAAiB,4DAsoB1F;AAKD,eAAO,MAAM,MAAM;;;;mBA4CjB,CAAA;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,EACb,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C,SA2CA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,eAkBtC"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":";AAaA,OAAO,EAA+B,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAiB3E,OAAO,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAKjB,MAAM,SAAS,CAAA;AAgBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA0B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,IAAI,EACV,SAAS,GAAG,KAAK,EACjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EAAE,eAAe,CAAC,EAAE,iBAAiB,4DAuqB1F;AAKD,eAAO,MAAM,MAAM;;;;mBAgDjB,CAAA;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,EACb,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C,SA2CA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,eAkBtC"}

package/types/helpers/fixNativeShadow.native.d.ts

@@ -1,2 +1,3 @@
-export declare function fixNativeShadow(props: any): void;
+import { ViewStyle } from 'react-native';
+export declare function fixNativeShadow(props: ViewStyle): void;
 //# sourceMappingURL=fixNativeShadow.native.d.ts.map

package/types/helpers/fixNativeShadow.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fixNativeShadow.native.d.ts","sourceRoot":"","sources":["../../src/helpers/fixNativeShadow.native.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,QA4BzC"}
+{"version":3,"file":"fixNativeShadow.native.d.ts","sourceRoot":"","sources":["../../src/helpers/fixNativeShadow.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,QAwB/C"}

package/types/helpers/getSplitStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,OAAO,EACL,SAAS,EAET,YAAY,EAEZ,eAAe,EACf,UAAU,EACV,kBAAkB,EAElB,WAAW,EACZ,MAAM,UAAU,CAAA;AAWjB,oBAAY,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAC3D,oBAAY,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACrD,oBAAY,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAchE,aAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,GAAG;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,EACD,iBAAiB,CAAC,EAAE,GAAG,KACpB;IACH,OAAO,EAAE,YAAY,CAAA;IACrB,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACpC,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,EAAE,gBAAgB,CAAA;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;IACjC,SAAS,EAAE,UAAU,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,aA2T5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAM/B,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA;AAED,eAAO,MAAM,WAAW,YACb,MAAM,gBACD,kBAAkB,SACzB,WAAW,SACX,GAAG,SACH,eAAe,8CAErB,SAuBF,CAAA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,GAAG,QAI9C"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,OAAO,EACL,SAAS,EAET,YAAY,EAEZ,eAAe,EACf,UAAU,EACV,kBAAkB,EAElB,WAAW,EACZ,MAAM,UAAU,CAAA;AAWjB,oBAAY,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAC3D,oBAAY,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACrD,oBAAY,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AA6BhE,aAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,GAAG;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,EACD,iBAAiB,CAAC,EAAE,GAAG,KACpB;IACH,OAAO,EAAE,YAAY,CAAA;IACrB,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACpC,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,EAAE,gBAAgB,CAAA;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;IACjC,SAAS,EAAE,UAAU,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,aAiU5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAM/B,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA;AAED,eAAO,MAAM,WAAW,YACb,MAAM,gBACD,kBAAkB,SACzB,WAAW,SACX,GAAG,SACH,eAAe,8CAErB,SAuBF,CAAA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,GAAG,QAI9C"}

package/types/hooks/usePrevious.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=usePrevious.d.ts.map

package/types/hooks/usePrevious.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../src/hooks/usePrevious.tsx"],"names":[],"mappings":""}

package/types/views/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/views/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAI/C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AASnD,eAAO,MAAM,IAAI,6EAsDf,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/views/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAI/C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AASnD,eAAO,MAAM,IAAI,6EA0Df,CAAA"}

package/types/views/ThemeInverse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeInverse.d.ts","sourceRoot":"","sources":["../../src/views/ThemeInverse.tsx"],"names":[],"mappings":";AAKA,aAAK,YAAY,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAO7C,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,YAAY,QAEpD;AAED,eAAO,MAAM,YAAY,UAAW;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,gBAKpD,CAAA"}
+{"version":3,"file":"ThemeInverse.d.ts","sourceRoot":"","sources":["../../src/views/ThemeInverse.tsx"],"names":[],"mappings":";AAMA,aAAK,YAAY,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAO7C,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,YAAY,QAEpD;AAED,eAAO,MAAM,YAAY,UAAW;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,gBAWpD,CAAA"}