@tamagui/core 1.0.0-alpha.4 → 1.0.0-alpha.8

package/src/hooks/useFeatures.tsx

@@ -1,51 +1,66 @@
 import React from 'react'
 
 import { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'
-import { addMediaQueryListener, removeMediaQueryListener } from './useMedia'
+import { addMediaQueryListener, mediaState, removeMediaQueryListener } from './useMedia'
 
-// only needed on native
-// dynamic loading of features to avoid heavy views
+type FeatureDefinition = {
+  isEnabled: (props: any) => boolean
+  Component: any
+}
 
-const createDefinition = ({ Component, propNames }: { Component; propNames: string[] }) => ({
+const createDefinition = ({
+  Component,
+  propNames,
+}: {
+  Component: any
+  propNames: string[]
+}): FeatureDefinition => ({
   isEnabled: (props: any) => propNames.some((name) => !!props[name]),
   Component,
 })
 
-const mediaQueryPropNames = [
-  '$xs',
-  '$sm',
-  '$md',
-  '$lg',
-  '$xl',
-  '$xxl',
-  '$pointerCoarse',
-  '$hoverNone',
-  '$tall',
-  '$short',
-  '$gtSm',
-  '$notXs',
-  '$gtMd',
-  '$gtLg',
-]
+let featureDefinitions: Record<string, FeatureDefinition> | null = null
 
-const featureDefinitions = {
-  measureLayout: createDefinition({
-    Component: (props) => {
-      console.log('measure', props)
-      return null
-    },
-    propNames: ['onLayout'],
-  }),
+export const useFeatures = (props: any, utils?: { forceUpdate?: Function }) => {
+  if (!featureDefinitions) {
+    featureDefinitions = loadFeatures()
+  }
+  const features: JSX.Element[] = []
+  for (const name in featureDefinitions) {
+    const { isEnabled, Component } = featureDefinitions[name]
+    if (isEnabled(props) && Component) {
+      features.push(<Component key={name} {...props} _utils={utils} />)
+    }
+  }
+  return features
+}
 
-  // will update the parent whenever media query changes
-  mediaQuery: createDefinition({
-    Component: (props) => {
-      if (isWeb) {
-        // no need for media queries are inserted and run in css
-        return
-      }
+function loadFeatures(): Record<string, FeatureDefinition> {
+  return {
+    // TODO
+    // measureLayout: createDefinition({
+    //   Component: (props) => {
+    //     console.log('measure', props)
+    //     return null
+    //   },
+    //   propNames: ['onLayout'],
+    // }),
+
+    // will update the parent whenever media query changes
+    // no need on web, media queries are inserted and run in css
+    ...(!isWeb && {
+      mediaQuery: loadMediaQueryFeature(),
+    }),
+  }
+}
+
+function loadMediaQueryFeature() {
+  const mediaPropNames = Object.keys(mediaState)
+
+  return createDefinition({
+    Component: (props: any) => {
+      const keys = mediaPropNames.flatMap((x) => (x in props ? x.slice(1) : []))
 
-      const keys = mediaQueryPropNames.flatMap((x) => (x in props ? x.slice(1) : []))
       useIsomorphicLayoutEffect(() => {
         for (const key of keys) {
           addMediaQueryListener(key, props._utils.forceUpdate)
@@ -56,23 +71,9 @@ const featureDefinitions = {
           }
         }
       }, [keys.join(',')])
+
       return null
     },
-    propNames: mediaQueryPropNames,
-  }),
-}
-
-const featureNames = Object.keys(featureDefinitions)
-const numFeatures = featureNames.length
-
-export const useFeatures = (props: any, utils?: { forceUpdate?: Function }) => {
-  const features: JSX.Element[] = []
-  for (let i = 0; i < numFeatures; i++) {
-    const name = featureNames[i]
-    const { isEnabled, Component } = featureDefinitions[name] as any //FeatureDefinition
-    if (isEnabled(props) && Component) {
-      features.push(<Component key={name} {...props} _utils={utils} />)
-    }
-  }
-  return features
+    propNames: mediaPropNames,
+  })
 }

package/src/hooks/useMedia.tsx

@@ -1,7 +1,7 @@
 import { useForceUpdate } from '@tamagui/use-force-update'
 import { useRef } from 'react'
 
-import { useIsomorphicLayoutEffect } from '../constants/platform'
+import { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'
 import { matchMedia } from '../helpers/matchMedia'
 import {
   ConfigureMediaQueryOptions,

package/src/hooks/useTheme.tsx

@@ -1,5 +1,5 @@
 import { useForceUpdate } from '@tamagui/use-force-update'
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react'
+import React, { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'
 
 import { useIsomorphicLayoutEffect } from '../constants/platform'
 import { Variable } from '../createVariable'
@@ -24,17 +24,16 @@ const areEqualSets = (a: Set<string>, b: Set<string>) => {
   return true
 }
 
-export const useThemeName = () => {
+export const useThemeName = (opts?: { parent?: true }) => {
   const parent = useContext(ThemeManagerContext)
   const [name, setName] = useState(parent.name)
-  useEffect(() => {
-    return parent.onChangeTheme((next) => {
-      setName((prev) => {
-        if (prev === next) return prev
-        return next
-      })
+
+  useLayoutEffect(() => {
+    return parent.onChangeTheme((next, manager) => {
+      setName(opts?.parent ? manager.parentName : next)
     })
   }, [parent])
+
   return name || 'light'
 }
 

package/src/index.ts

@@ -17,6 +17,7 @@ export * from './helpers/isObj'
 export * from './helpers/getStylesAtomic'
 export * from './helpers/matchMedia'
 export * from './helpers/themeable'
+export * from './helpers/isTamaguiElement'
 
 export * from './hooks/useConstant'
 export * from './hooks/useMedia'
@@ -29,4 +30,3 @@ export * from './views/Theme'
 export * from './views/ThemeInverse'
 export * from './views/ThemeProvider'
 export * from './views/TextAncestorContext'
-export * from './views/SafeAreaProvider'

package/src/types.tsx

@@ -88,7 +88,7 @@ export type Shorthands = TamaguiConfig['shorthands']
 export type Media = TamaguiConfig['media']
 export type Themes = TamaguiConfig['themes']
 // themes
-export type ThemeName = keyof Themes extends `${infer Prefix}-light`
+export type ThemeName = keyof Themes extends `${infer Prefix}-${string}`
   ? Prefix | keyof Themes
   : keyof Themes
 export type ThemeKeys = keyof ThemeObject
@@ -110,6 +110,7 @@ export type TamaguiInternalConfig<
   tokensParsed: CreateTokens<Variable>
   themeConfig: any
   getCSS: () => string
+  parsed: boolean
 }
 
 // prevents const intersections from being clobbered into string, keeping the consts
@@ -319,7 +320,7 @@ export type StaticComponent<
    * If you create a styled frame component this is a HoC to extract
    * styles from all parents.
    */
-  extractable: <X>(a: X) => X
+  extractable: <X>(a: X, opts?: StaticConfig) => X
 }
 
 export type TamaguiProviderProps = Partial<Omit<ThemeProviderProps, 'children'>> & {

package/src/views/Theme.tsx

@@ -3,7 +3,7 @@ import React, { useContext, useState } from 'react'
 import { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'
 import { getThemeParentClassName } from '../createTamagui'
 import { useConstant } from '../hooks/useConstant'
-import { ThemeName, Themes } from '../types'
+import { ThemeName } from '../types'
 import { ThemeContext } from './ThemeContext'
 import { ThemeManager, ThemeManagerContext } from './ThemeManagerContext'
 
@@ -18,30 +18,47 @@ export const Theme = (props: ThemeProps) => {
   const themes = useContext(ThemeContext)
   const [parentName, setParentName] = useState(parent.name || 'light')
   if (!themes) {
-    console.warn('no themes???', props)
+    console.warn('Error, no themes in context', props)
     return props.children
   }
   const name = props.name as string
-  const theme = themes[name] || themes[`${name}-${parentName}`]
-  const themeManager = useConstant<ThemeManager>(() => {
+  const nextNameParent = `${name}-${parentName}`
+  const nextNameParentParent = `${name}-${parent.parentName}`
+  const activeName = !name
+    ? null
+    : name in themes
+    ? name
+    : nextNameParent in themes
+    ? nextNameParent
+    : nextNameParentParent in themes
+    ? nextNameParentParent
+    : null
+  const theme = activeName ? themes[activeName] : null
+  const themeManager = useConstant<ThemeManager | null>(() => {
+    if (!theme) {
+      return null
+    }
     const manager = new ThemeManager()
     if (name) {
-      manager.setActiveTheme(name, themes[name])
+      manager.setActiveTheme({ name, theme: themes[name], parentName })
     }
     return manager
   })
 
   useIsomorphicLayoutEffect(() => {
-    themeManager.setActiveTheme(name, theme)
+    if (!themeManager) {
+      return
+    }
+    themeManager.setActiveTheme({ name: activeName, theme, parentName })
     return parent.onChangeTheme((next) => {
       if (next) {
-        themeManager.setActiveTheme(next, themes[next])
+        themeManager.setActiveTheme({ name: next, theme: themes[next], parentName })
         setParentName(next)
       }
     })
-  }, [themes, name])
+  }, [themes, activeName, parentName])
 
-  if (!name) {
+  if (!name || !theme) {
     return props.children
   }
 

package/src/views/ThemeInverse.tsx

@@ -18,6 +18,5 @@ export const ThemeInverse = (props: { children: any }) => {
   const themeName = useThemeName()
   const defaultTheme = useDefaultThemeName()
   const name = inversions[themeName] || inversions[defaultTheme] || null
-  console.log('todo fixme invert', { themeName, defaultTheme, next: name })
   return <Theme name={name}>{props.children}</Theme>
 }

package/src/views/ThemeManagerContext.tsx

@@ -1,16 +1,28 @@
 import { createContext } from 'react'
 
+type ThemeListener = (name: string | null, themeManager: ThemeManager) => void
+
 export class ThemeManager {
   name: string | null = 'light'
+  parentName: string | null = null
   keys = new Map<any, Set<string>>()
   listeners = new Map<any, Function>()
-  callbacks = new Set<Function>()
+  themeListeners = new Set<ThemeListener>()
   theme = null
 
-  setActiveTheme(name: string | null, theme?: any) {
+  setActiveTheme({
+    name,
+    theme,
+    parentName,
+  }: {
+    parentName?: string | null
+    name: string | null
+    theme?: any
+  }) {
     if (name === this.name) return
     this.name = name
     this.theme = theme
+    this.parentName = parentName || null
     this.update()
   }
 
@@ -28,13 +40,13 @@ export class ThemeManager {
         this.listeners.get(uuid)?.()
       }
     }
-    this.callbacks.forEach((cb) => cb(this.name))
+    this.themeListeners.forEach((cb) => cb(this.name, this))
   }
 
-  onChangeTheme(cb: (name: string | null) => void) {
-    this.callbacks.add(cb)
+  onChangeTheme(cb: ThemeListener) {
+    this.themeListeners.add(cb)
     return () => {
-      this.callbacks.delete(cb)
+      this.themeListeners.delete(cb)
     }
   }
 

package/types.d.ts

@@ -11,6 +11,7 @@ export declare class Variable {
 	val: string | number;
 	variable: string | number;
 	constructor({ val, name }: VariableIn);
+	toString(): string | number;
 }
 export declare type VariableIn = {
 	val: string | number;
@@ -85,7 +86,7 @@ export declare type Tokens = TamaguiConfig["tokens"];
 export declare type Shorthands = TamaguiConfig["shorthands"];
 export declare type Media = TamaguiConfig["media"];
 export declare type Themes = TamaguiConfig["themes"];
-export declare type ThemeName = keyof Themes extends `${infer Prefix}-light` ? Prefix | keyof Themes : keyof Themes;
+export declare type ThemeName = keyof Themes extends `${infer Prefix}-${string}` ? Prefix | keyof Themes : keyof Themes;
 export declare type ThemeKeys = keyof ThemeObject;
 export declare type ThemeKeyVariables = `$${ThemeKeys}`;
 export declare type TamaguiInternalConfig<A extends GenericTokens = GenericTokens, B extends GenericThemes = GenericThemes, C extends GenericShorthands = GenericShorthands, D extends GenericMedia = GenericMedia> = CreateTamaguiConfig<A, B, C, D> & {
@@ -96,6 +97,7 @@ export declare type TamaguiInternalConfig<A extends GenericTokens = GenericToken
 	tokensParsed: CreateTokens<Variable>;
 	themeConfig: any;
 	getCSS: () => string;
+	parsed: boolean;
 };
 export declare type UnionableString = string & {};
 export declare type UnionableNumber = number & {};
@@ -197,7 +199,7 @@ export declare type TextProps = Omit<ReactTextProps, "style"> & TextStyleProps &
 export declare type StaticComponent<Props = any, VariantProps = any, StaticConfParsed = StaticConfigParsed, ParentVariantProps = any> = React.FunctionComponent<Props> & {
 	staticConfig: StaticConfParsed;
 	variantProps?: VariantProps;
-	extractable: <X>(a: X) => X;
+	extractable: <X>(a: X, opts?: StaticConfig) => X;
 };
 export declare type TamaguiProviderProps = Partial<Omit<ThemeProviderProps, "children">> & {
 	initialWindowMetrics?: any;
@@ -351,7 +353,7 @@ export declare type CreateTamaguiProps = TamaguiProviderProps & Omit<GenericTama
 	mediaQueryDefaultActive?: MediaQueryKey[];
 };
 export declare const getHasConfigured: () => boolean;
-export declare const getTamaguiConfig: () => TamaguiInternalConfig<CreateTokens, {
+export declare const getTamagui: () => TamaguiInternalConfig<CreateTokens, {
 	[key: string]: {
 		bg: string | Variable;
 		bg2: string | Variable;
@@ -371,6 +373,7 @@ export declare const getTamaguiConfig: () => TamaguiInternalConfig<CreateTokens,
 		[key: string]: string | number;
 	};
 }>;
+export declare const getTokens: () => CreateTokens;
 export declare type ConfigListener = (conf: TamaguiInternalConfig) => void;
 export declare const onConfiguredOnce: (cb: ConfigListener) => void;
 export declare function createTamagui<Conf extends CreateTamaguiProps>(config: Conf): Conf extends CreateTamaguiConfig<infer A, infer B, infer C, infer D> ? TamaguiInternalConfig<A, B, C, D> : unknown;
@@ -491,6 +494,7 @@ export declare const themeable: ThemeableHOC;
 export interface ThemeableHOC {
 	<R extends ReactElement<any, any> | null, P extends ThemeableProps = {}>(component: (props: P) => R): (props: P) => R;
 }
+export declare const isTamaguiElement: (child: any) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export declare function useConstant<T>(fn: () => T): T;
 export declare const mediaState: {
 	[key in keyof MediaQueryState]: boolean;
@@ -506,7 +510,9 @@ export declare const useMedia: () => {
 	[x: string]: boolean;
 };
 export declare function mediaObjectToString(query: string | MediaQueryObject): string;
-export declare const useThemeName: () => string;
+export declare const useThemeName: (opts?: {
+	parent?: true | undefined;
+} | undefined) => string;
 export declare const useDefaultThemeName: () => string | number;
 export declare const useTheme: () => {
 	bg: string | Variable;
@@ -549,9 +555,5 @@ export declare const ThemeInverse: (props: {
 }) => JSX.Element;
 export declare const TextAncestorContext: any;
 export declare const TextAncestorProvider: (props: any) => any;
-export declare const SafeAreaProvider: ({ initialWindowMetrics, children, }: {
-	children?: any;
-	initialWindowMetrics?: any;
-}) => JSX.Element;
 
 export {};

package/.ultra.cache.json

@@ -1 +0,0 @@
-{"files":{"_":"1637340237894.082","dist":"1637479554052.672",".npmignore":"e69de29bb2d1d6434b8b29ae775ad8c2e48c5391","package.json":"283138775b709bff32530d60d6fbe362223dbac3.1637715076897.096","src/constants/constants.ts":"557e9930ddfa8fad6d74219ae7245c80551b8794","src/constants/platform.ts":"3cd2086a6748b8b59258e2a6885d5f50e2349415","src/constants/pseudos.ts":"52c7655f92eaa265601eaf4a31b6db1688875321","src/constants/rnw.tsx":"ebc4ce292c30d344945b75e151a272023461f784","src/createComponent.tsx":"ee4ac47abc4cce2e59dc5b8438531e48b21395d1.1637715058902.1707","src/createFont.ts":"819966bc37e24da3fe2d8c06a68520f0fe5d125e","src/createShorthands.ts":"7b5ce250bc5d049fcf9f5898efc60fdc91f2988d","src/createTamagui.ts":"6e79d67d36eac7a4f5edc8b97e3914eea89ee593","src/createTheme.ts":"aa9b7c08901c1dff621a371912f3cbf1c2507301","src/createTokens.ts":"e5b1ac5cc0a68ca0ec3753a1a0bd5a4af9b825b3","src/createVariable.ts":"da248891d943b04d940205762b1239751af6c7cc","src/helpers/addStylesUsingClassname.tsx":"eab83e8172210b5cea57a408f13cd20e6152d752","src/helpers/createMediaStyle.ts":"3c5ff33628b5cc8de55bdcedc3133b968b5fb210","src/helpers/createPropMapper.ts":"8c4cad2720fd04054a1bea055b674017ba4b0a22","src/helpers/createTamaguiProvider.tsx":"2b6006e2bf3140184789a8f13d3e138ebc22d7b7","src/helpers/extendStaticConfig.ts":"7402dca37f1de440471e3ac83ca6ab8eb4373dc3","src/helpers/fixNativeShadow.native.tsx":"ff1ed30ed9ace81433046e719939a04190b477cc","src/helpers/fixNativeShadow.tsx":"7fb6e7d9604025d2023469f23aab7280244bbb03","src/helpers/getSplitStyles.tsx":"fa6ce2cb0449918a575f02ac179d83de3637c0c6","src/helpers/getStylesAtomic.native.ts":"9054085df65d873432d974b369ac9dcb80f387ff","src/helpers/getStylesAtomic.ts":"e85e8ae07227d5b05f0f1aad7fae77b40e30c09d","src/helpers/insertStyleRule.tsx":"2fe177cb7efe1b2fb5b38c57835a6a3ea5e35443","src/helpers/isObj.ts":"8243865ff1705b549e1a10b398f45048709e2360","src/helpers/matchMedia.native.ts":"7e28a480a564ba5d341d5d559cf1ddcaf5f0b76b","src/helpers/matchMedia.ts":"071b4358b4a141c8f55645e478af1e2527e88b67","src/helpers/themeable.tsx":"16e605a7ae27cec3e4d725817370ac3c250c52a4","src/hooks/useConstant.tsx":"f23ca6031dd13f73f4c5eb7089b5745dc2cdaedd","src/hooks/useFeatures.tsx":"3b917df55d6478ef6f3b9c21d7bef3e5bdcefe1b","src/hooks/useForceUpdate.tsx":"bd991b41de300151e93b2d7e8cdca6a0accefacc.del","src/hooks/useMedia.tsx":"c50e9180f17ef1839875869eef071bf8a7965dae.1637715114550.5386","src/hooks/usePressable.tsx":"4f55bdca7250e2d22d88f3578d8c8e62ce5c8453","src/hooks/useTheme.tsx":"9c11c3a5da0844cfb93ccbbfa861aedbe10b2552.1637715119545.828","src/index.ts":"9799059148a6bf1c14fd61120145f10cc40b1fcd.1637715104671.6792","src/static.ts":"8023a4f2d9ee432df4084cc69260c01892f6dff8","src/static/postProcessStyles.tsx":"5e5579249eb99caab9f406af6ec801b7ff1db830","src/styled.ts":"6ccd48505b8118ac393344f475084c528ab83c94","src/types.tsx":"a80d45d21a1b69e54d00226b8f9f1f5de945f1cd","src/views/Animated.tsx":"eac498149091b087c84a5d92c4a9b57bafd6c149","src/views/SafeAreaProvider.tsx":"501c04bc1cb00c2a70ab4f13c5d9510b1f9245b8","src/views/Stack.tsx":"62ef6b9307bb434ad08f4ab7f3f6d0ccb975a359","src/views/Text.tsx":"476bdde93a89840681bf981cfc06e10fc0bc837d","src/views/TextAncestorContext.tsx":"73b13b84778bddb2b4198d32daf1de668132b0bb","src/views/Theme.tsx":"4e9357aac5fc201f2dc359a8f6fd4a8581ceb9bf","src/views/ThemeContext.tsx":"788e2d26d8727dd9493944b5ae9c7ea241fd7ed4","src/views/ThemeInverse.tsx":"614b626451a57955e896cc709d28043bc9bbf391","src/views/ThemeManagerContext.tsx":"30f5f195c2d4b326c5b44f587ff88a1dd1a848ff","src/views/ThemeProvider.tsx":"dcdd80d625e61e9598baf4cb10fc7921962efb50","tsconfig.json":"d3effa0a1380f9664793b92aefd77a1bc96ce071","types.d.ts":"ae74d3379aca7fc09fafc830bdbbc644fb099553.1637715149729.388"},"deps":{"@tamagui/helpers":1637715147144.1548,"@tamagui/use-debounce":1637715147093.4219,"@tamagui/use-force-update":1637715147090.168,"@tamagui/build":1637715143424.1582}}

package/_/constants/constants.js

@@ -1,14 +0,0 @@
-import { isWeb } from "./platform";
-const stackDefaultStyles = {
-  alignItems: "stretch",
-  flexShrink: 0,
-  ...isWeb && {
-    display: "flex",
-    flexBasis: "auto",
-    boxSizing: "border-box"
-  }
-};
-export {
-  stackDefaultStyles
-};
-//# sourceMappingURL=constants.js.map

package/_/constants/platform.js

@@ -1,20 +0,0 @@
-var _a;
-import { useEffect, useLayoutEffect } from "react";
-import { Platform } from "react-native";
-const isWeb = process.env.TAMAGUI_TARGET === "web" || ((_a = Platform) == null ? void 0 : _a.OS) === "web";
-const isSSR = isWeb && typeof window === "undefined";
-const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect;
-const isChrome = typeof navigator !== "undefined" && /Chrome/.test(navigator.userAgent || "");
-const supportsTouchWeb = typeof window !== "undefined" && "ontouchstart" in window;
-const isTouchDevice = !isWeb || supportsTouchWeb;
-const isWebIOS = isWeb && typeof navigator !== "undefined" && (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1) && !window["MSStream"];
-export {
-  isChrome,
-  isSSR,
-  isTouchDevice,
-  isWeb,
-  isWebIOS,
-  supportsTouchWeb,
-  useIsomorphicLayoutEffect
-};
-//# sourceMappingURL=platform.js.map

package/_/constants/platform.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/constants/platform.ts"],
-  "sourcesContent": ["import { useEffect, useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isWeb = process.env.TAMAGUI_TARGET === 'web' || Platform?.OS === 'web'\nexport const isSSR = isWeb && typeof window === 'undefined'\nexport const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect\nexport const isChrome = typeof navigator !== 'undefined' && /Chrome/.test(navigator.userAgent || '')\nexport const supportsTouchWeb = typeof window !== 'undefined' && 'ontouchstart' in window\nexport const isTouchDevice = !isWeb || supportsTouchWeb\nexport const isWebIOS =\n  isWeb &&\n  typeof navigator !== 'undefined' &&\n  (/iPad|iPhone|iPod/.test(navigator.platform) ||\n    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&\n  !window['MSStream']\n"],
-  "mappings": "AAAA;AAAA;AACA;AAEO,MAAM,QAAQ,QAAQ,IAAI,mBAAmB,SAAS,uCAAU,QAAO;AACvE,MAAM,QAAQ,SAAS,OAAO,WAAW;AACzC,MAAM,4BAA4B,QAAQ,YAAY;AACtD,MAAM,WAAW,OAAO,cAAc,eAAe,SAAS,KAAK,UAAU,aAAa;AAC1F,MAAM,mBAAmB,OAAO,WAAW,eAAe,kBAAkB;AAC5E,MAAM,gBAAgB,CAAC,SAAS;AAChC,MAAM,WACX,SACA,OAAO,cAAc,eACpB,oBAAmB,KAAK,UAAU,aAChC,UAAU,aAAa,cAAc,UAAU,iBAAiB,MACnE,CAAC,OAAO;",
-  "names": []
-}

package/_/constants/pseudos.js

@@ -1,18 +0,0 @@
-const pseudos = {
-  focusStyle: {
-    name: "focus",
-    priority: 3
-  },
-  pressStyle: {
-    name: "active",
-    priority: 2
-  },
-  hoverStyle: {
-    name: "hover",
-    priority: 1
-  }
-};
-export {
-  pseudos
-};
-//# sourceMappingURL=pseudos.js.map