@tamagui/core 1.0.1-beta.220 → 1.0.1-beta.221

package/types/index.d.ts

@@ -14,7 +14,7 @@ export * from './styled';
 export * from './types';
 export * from './setupReactNative';
 export type { RNWTextProps, RNWViewProps } from './types-rnw';
-export { getHasConfigured, getConfig, getThemes, getTokens, onConfiguredOnce } from './config';
+export { getConfig, getThemes, getTokens, onConfiguredOnce } from './config';
 export * from './constants/constants';
 export * from './helpers/useShallowSetState';
 export * from './helpers/getVariantExtras';
@@ -31,20 +31,19 @@ export * from './helpers/isTamaguiComponent';
 export * from './helpers/matchMedia';
 export * from './helpers/themeable';
 export * from './helpers/withStaticProperties';
-export * from './contexts/ButtonInsideButtonContext';
+export * from './contexts/ButtonNestingContext';
 export * from './hooks/useId';
 export * from './hooks/useIsTouchDevice';
 export { configureMedia, getMedia, mediaState, useMedia, useMediaPropsActive, mediaObjectToString, addMediaQueryListener, removeMediaQueryListener, mediaQueryConfig, } from './hooks/useMedia';
 export * from './hooks/useTheme';
+export * from './hooks/useThemeName';
 export * from './hooks/useSafeRef';
 export * from './views/Slot';
 export * from './views/Stack';
 export * from './views/Text';
 export * from './contexts/TextAncestorContext';
 export * from './views/Theme';
-export * from './views/ThemeInverse';
 export * from './views/ThemeProvider';
-export * from './views/ThemeReset';
 export * from './views/FontLanguage';
 export * from './views/TamaguiProvider';
 export * from '@tamagui/use-force-update';

package/types/setupReactNative.d.ts

@@ -1,3 +1,5 @@
-export declare function getReactNative(): any;
-export declare function setupReactNative(_: any): void;
+import { StaticConfig } from './types';
+export declare const ReactNativeStaticConfigs: WeakMap<any, Partial<StaticConfig> | null>;
+export declare function getReactNativeConfig(Component: any): Partial<StaticConfig> | null | undefined;
+export declare function setupReactNative(rnExports: Record<string, any>): void;
 //# sourceMappingURL=setupReactNative.d.ts.map

package/types/types.d.ts

@@ -151,6 +151,16 @@ export declare type ThemeName = Exclude<GetAltThemeNames<keyof Themes>, number>;
 export declare type ThemeTokens = `$${ThemeKeys}`;
 export declare type AnimationKeys = TamaguiConfig['animations'] extends AnimationDriver<infer Config> ? keyof Config : string;
 export declare type FontLanguages = ArrayIntersection<TamaguiConfig['fontLanguages']>;
+export interface ThemeProps {
+    className?: string;
+    disableThemeClass?: boolean;
+    name?: Exclude<ThemeName, number> | null;
+    componentName?: string;
+    children?: any;
+    reset?: boolean;
+    debug?: boolean | 'verbose';
+    inverse?: boolean;
+}
 declare type ArrayIntersection<A extends any[]> = A[keyof A];
 declare type GetAltThemeNames<S> = (S extends `${string}_${infer Alt}` ? GetAltThemeNames<Alt> : S) | S;
 declare type SpacerPropsBase = {
@@ -571,7 +581,25 @@ export declare type SplitStyleState = TamaguiComponentState & {
     fallbackProps?: Record<string, any>;
     keepVariantsAsProps?: boolean;
     hasTextAncestor?: boolean;
-};
+    isExiting?: boolean;
+    exitVariant?: string;
+    enterVariant?: string;
+};
+export interface PresenceContextProps {
+    id: string;
+    isPresent: boolean;
+    register: (id: string) => () => void;
+    onExitComplete?: (id: string) => void;
+    initial?: false | string | string[];
+    custom?: any;
+    exitVariant?: string | null;
+    enterVariant?: string | null;
+}
+declare type SafeToRemoveCallback = () => void;
+declare type AlwaysPresent = [true, null, null];
+declare type Present = [true, undefined, PresenceContextProps];
+declare type NotPresent = [false, SafeToRemoveCallback, PresenceContextProps];
+export declare type UsePresenceResult = AlwaysPresent | Present | NotPresent;
 declare type AnimationConfig = {
     [key: string]: any;
 };
@@ -598,6 +626,7 @@ export declare type UniversalAnimatedNumber<A> = {
 export declare type AnimationDriver<A extends AnimationConfig = AnimationConfig> = {
     isReactNative?: boolean;
     useAnimations: UseAnimationHook;
+    usePresence: () => UsePresenceResult;
     useAnimatedNumber: (initial: number) => UniversalAnimatedNumber<any>;
     useAnimatedNumberStyle: <V extends UniversalAnimatedNumber<any>>(val: V, getStyle: (current: any) => any) => any;
     useAnimatedNumberReaction: (val: UniversalAnimatedNumber<any>, onValue: (current: number) => void) => void;
@@ -606,21 +635,17 @@ export declare type AnimationDriver<A extends AnimationConfig = AnimationConfig>
     Text?: any;
 };
 export declare type UseAnimationProps = TamaguiComponentPropsBase & Record<string, any>;
-export declare type UseAnimationHelpers = {
+export declare type UseAnimationHook = (props: {
+    style: Record<string, any>;
+    props: Record<string, any>;
+    presence?: UsePresenceResult | null;
     hostRef: RefObject<HTMLElement | View>;
     staticConfig: StaticConfigParsed;
-    getStyle: (props?: {
-        isEntering?: boolean;
-        isExiting?: boolean;
-        exitVariant?: string | null;
-        enterVariant?: string | null;
-    }) => ViewStyle;
     state: SplitStyleState;
     pseudos: PseudoProps<ViewStyle>;
     onDidAnimate?: any;
     delay?: number;
-};
-export declare type UseAnimationHook = (props: UseAnimationProps, helpers: UseAnimationHelpers) => null | {
+}) => null | {
     style?: StackStylePropsBase | StackStylePropsBase[];
 };
 export declare type GestureReponderEvent = Exclude<View['props']['onResponderMove'], void> extends (event: infer Event) => void ? Event : never;

package/types/updateTheme.d.ts

@@ -1,8 +1,29 @@
 import { ThemeDefinition } from './types';
-export declare function updateTheme({ name, theme }: {
+export declare function updateTheme({ name, theme, }: {
     name: string;
-    theme: ThemeDefinition;
+    theme: Partial<Record<keyof ThemeDefinition, any>>;
 }): {
+    theme: {
+        [x: string]: import("./createVariable").Variable<any>;
+        background?: import("./createVariable").Variable<any> | undefined;
+        backgroundHover?: import("./createVariable").Variable<any> | undefined;
+        backgroundPress?: import("./createVariable").Variable<any> | undefined;
+        backgroundFocus?: import("./createVariable").Variable<any> | undefined;
+        color?: import("./createVariable").Variable<any> | undefined;
+        colorHover?: import("./createVariable").Variable<any> | undefined;
+        colorPress?: import("./createVariable").Variable<any> | undefined;
+        colorFocus?: import("./createVariable").Variable<any> | undefined;
+        borderColor?: import("./createVariable").Variable<any> | undefined;
+        borderColorHover?: import("./createVariable").Variable<any> | undefined;
+        borderColorPress?: import("./createVariable").Variable<any> | undefined;
+        borderColorFocus?: import("./createVariable").Variable<any> | undefined;
+        shadowColor?: import("./createVariable").Variable<any> | undefined;
+        shadowColorHover?: import("./createVariable").Variable<any> | undefined;
+        shadowColorPress?: import("./createVariable").Variable<any> | undefined;
+        shadowColorFocus?: import("./createVariable").Variable<any> | undefined;
+    };
+    cssRules?: undefined;
+} | {
     theme: any;
     cssRules: string[];
 };

package/types/views/Theme.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { ThemeManager } from '../helpers/ThemeManager';
-import { ThemeProps } from '../hooks/useTheme';
-export declare const Theme: React.NamedExoticComponent<ThemeProps>;
-export declare function wrapThemeManagerContext(children: any, themeManager?: ThemeManager | null, shouldSetChildrenThemeToParent?: boolean): any;
+import { ThemeProps } from '../types';
+export declare function Theme(props: ThemeProps): any;
+export declare function wrapThemeManagerContext(children: any, themeManager?: ThemeManager | null, shouldReset?: boolean): any;
 //# sourceMappingURL=Theme.d.ts.map

package/dist/cjs/constants/platform.js

@@ -1,74 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var platform_exports = {};
-__export(platform_exports, {
-  isAndroid: () => isAndroid,
-  isChrome: () => isChrome,
-  isClient: () => isClient,
-  isIOS: () => isIOS,
-  isRSC: () => isRSC,
-  isServer: () => isServer,
-  isTouchable: () => isTouchable,
-  isWeb: () => isWeb,
-  isWebTouchable: () => isWebTouchable,
-  isWindowDefined: () => isWindowDefined,
-  useIsomorphicLayoutEffect: () => useIsomorphicLayoutEffect
-});
-module.exports = __toCommonJS(platform_exports);
-var import_react = require("react");
-var import_react_native = require("react-native");
-const import_meta = {};
-var _a, _b;
-const isAndroid = ((_a = import_react_native.Platform) == null ? void 0 : _a.OS) === "android";
-const isIOS = ((_b = import_react_native.Platform) == null ? void 0 : _b.OS) === "ios";
-const isWeb = process.env.TAMAGUI_TARGET === "web";
-const isWindowDefined = typeof window !== "undefined";
-const isServer = isWeb && !isWindowDefined;
-const isClient = isWeb && isWindowDefined;
-const isRSC = process.env.ENABLE_RSC ? import_meta.env ? import_meta.env.SSR : false : false;
-const idFn = () => {
-};
-const useIsomorphicLayoutEffect = isRSC ? idFn : isServer ? import_react.useEffect : import_react.useLayoutEffect;
-const isChrome = typeof navigator !== "undefined" && /Chrome/.test(navigator.userAgent || "");
-const isWebTouchable = isClient && "ontouchstart" in window;
-const isTouchable = !isWeb || isWebTouchable;
-if (process.env.NODE_ENV === "development") {
-  if (!process.env.TAMAGUI_TARGET) {
-    console.warn(`Must set TAMAGUI_TARGET to "web" or "native"`);
-  } else if (isClient && process.env.TAMAGUI_TARGET !== "web" && process.env.TAMAGUI_IGNORE_TARGET !== "1") {
-    console.warn(
-      `Must set TAMAGUI_TARGET to "web" for web apps - if you have window defined outside of the browser, set TAMAGUI_IGNORE_TARGET=1 to hide this`
-    );
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  isAndroid,
-  isChrome,
-  isClient,
-  isIOS,
-  isRSC,
-  isServer,
-  isTouchable,
-  isWeb,
-  isWebTouchable,
-  isWindowDefined,
-  useIsomorphicLayoutEffect
-});
-//# sourceMappingURL=platform.js.map

package/dist/cjs/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 isAndroid = Platform?.OS === 'android'\nexport const isIOS = Platform?.OS === 'ios'\nexport const isWeb = process.env.TAMAGUI_TARGET === 'web'\nexport const isWindowDefined = typeof window !== 'undefined'\nexport const isServer = isWeb && !isWindowDefined\nexport const isClient = isWeb && isWindowDefined\n\n// may want to move to VITE_RSC_BUILD\nexport const isRSC = process.env.ENABLE_RSC\n  ? // note this is statically analyzed so no funny business, just access it without optional chaining\n    // @ts-ignore\n    import.meta.env\n    ? // @ts-ignore\n      import.meta.env.SSR\n    : false\n  : false\n\nconst idFn = () => {}\nexport const useIsomorphicLayoutEffect = isRSC ? idFn : isServer ? useEffect : useLayoutEffect\nexport const isChrome = typeof navigator !== 'undefined' && /Chrome/.test(navigator.userAgent || '')\nexport const isWebTouchable = isClient && 'ontouchstart' in window\nexport const isTouchable = !isWeb || isWebTouchable\n\nif (process.env.NODE_ENV === 'development') {\n  if (!process.env.TAMAGUI_TARGET) {\n    // eslint-disable-next-line no-console\n    console.warn(`Must set TAMAGUI_TARGET to \"web\" or \"native\"`)\n  } else if (\n    isClient &&\n    process.env.TAMAGUI_TARGET !== 'web' &&\n    process.env.TAMAGUI_IGNORE_TARGET !== '1'\n  ) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Must set TAMAGUI_TARGET to \"web\" for web apps - if you have window defined outside of the browser, set TAMAGUI_IGNORE_TARGET=1 to hide this`\n    )\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,0BAAyB;AADzB;AAAA;AAGO,MAAM,cAAY,yDAAU,QAAO;AACnC,MAAM,UAAQ,yDAAU,QAAO;AAC/B,MAAM,QAAQ,QAAQ,IAAI,mBAAmB;AAC7C,MAAM,kBAAkB,OAAO,WAAW;AAC1C,MAAM,WAAW,SAAS,CAAC;AAC3B,MAAM,WAAW,SAAS;AAG1B,MAAM,QAAQ,QAAQ,IAAI,aAG7B,YAAY,MAEV,YAAY,IAAI,MAChB,QACF;AAEJ,MAAM,OAAO,MAAM;AAAC;AACb,MAAM,4BAA4B,QAAQ,OAAO,WAAW,yBAAY;AACxE,MAAM,WAAW,OAAO,cAAc,eAAe,SAAS,KAAK,UAAU,aAAa,EAAE;AAC5F,MAAM,iBAAiB,YAAY,kBAAkB;AACrD,MAAM,cAAc,CAAC,SAAS;AAErC,IAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,MAAI,CAAC,QAAQ,IAAI,gBAAgB;AAE/B,YAAQ,KAAK,8CAA8C;AAAA,EAC7D,WACE,YACA,QAAQ,IAAI,mBAAmB,SAC/B,QAAQ,IAAI,0BAA0B,KACtC;AAEA,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/cjs/constants/platform.native.js

@@ -1,62 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var platform_native_exports = {};
-__export(platform_native_exports, {
-  isAndroid: () => isAndroid,
-  isChrome: () => isChrome,
-  isClient: () => isClient,
-  isIOS: () => isIOS,
-  isRSC: () => isRSC,
-  isServer: () => isServer,
-  isTouchable: () => isTouchable,
-  isWeb: () => isWeb,
-  isWebTouchable: () => isWebTouchable,
-  isWindowDefined: () => isWindowDefined,
-  useIsomorphicLayoutEffect: () => useIsomorphicLayoutEffect
-});
-module.exports = __toCommonJS(platform_native_exports);
-var import_react = require("react");
-var import_react_native = require("react-native");
-var _a, _b;
-const isAndroid = ((_a = import_react_native.Platform) == null ? void 0 : _a.OS) === "android";
-const isIOS = ((_b = import_react_native.Platform) == null ? void 0 : _b.OS) === "ios";
-const isWeb = false;
-const isWindowDefined = false;
-const isServer = false;
-const isClient = false;
-const isRSC = false;
-const useIsomorphicLayoutEffect = import_react.useLayoutEffect;
-const isChrome = false;
-const isWebTouchable = false;
-const isTouchable = true;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  isAndroid,
-  isChrome,
-  isClient,
-  isIOS,
-  isRSC,
-  isServer,
-  isTouchable,
-  isWeb,
-  isWebTouchable,
-  isWindowDefined,
-  useIsomorphicLayoutEffect
-});
-//# sourceMappingURL=platform.native.js.map

package/dist/cjs/constants/platform.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/constants/platform.native.ts"],
-  "sourcesContent": ["import { useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isAndroid = Platform?.OS === 'android'\nexport const isIOS = Platform?.OS === 'ios'\nexport const isWeb = false\nexport const isWindowDefined = false\nexport const isServer = false\nexport const isClient = false\nexport const isRSC = false\nexport const useIsomorphicLayoutEffect = useLayoutEffect\nexport const isChrome = false\nexport const isWebTouchable = false\nexport const isTouchable = true\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,0BAAyB;AADzB;AAGO,MAAM,cAAY,yDAAU,QAAO;AACnC,MAAM,UAAQ,yDAAU,QAAO;AAC/B,MAAM,QAAQ;AACd,MAAM,kBAAkB;AACxB,MAAM,WAAW;AACjB,MAAM,WAAW;AACjB,MAAM,QAAQ;AACd,MAAM,4BAA4B;AAClC,MAAM,WAAW;AACjB,MAAM,iBAAiB;AACvB,MAAM,cAAc;",
-  "names": []
-}

package/dist/cjs/helpers/assignNativePropsToWeb.js

@@ -1,188 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var assignNativePropsToWeb_exports = {};
-__export(assignNativePropsToWeb_exports, {
-  assignNativePropsToWeb: () => assignNativePropsToWeb
-});
-module.exports = __toCommonJS(assignNativePropsToWeb_exports);
-var import_createComponent = require("../createComponent");
-function assignNativePropsToWeb(elementType, viewProps, nativeProps) {
-  if (!viewProps.role && nativeProps.accessibilityRole) {
-    if (nativeProps.accessibilityRole === "none") {
-      viewProps.role = "presentation";
-    } else {
-      const webRole = import_createComponent.accessibilityRoleToWebRole[nativeProps.accessibilityRole];
-      if (webRole != null) {
-        viewProps.role = webRole || nativeProps.accessibilityRole;
-      }
-    }
-  }
-  if (nativeProps.accessibilityActiveDescendant != null) {
-    viewProps["aria-activedescendant"] = nativeProps.accessibilityActiveDescendant;
-  }
-  if (nativeProps.accessibilityAtomic != null) {
-    viewProps["aria-atomic"] = nativeProps.accessibilityAtomic;
-  }
-  if (nativeProps.accessibilityAutoComplete != null) {
-    viewProps["aria-autocomplete"] = nativeProps.accessibilityAutoComplete;
-  }
-  if (nativeProps.accessibilityBusy != null) {
-    viewProps["aria-busy"] = nativeProps.accessibilityBusy;
-  }
-  if (nativeProps.accessibilityChecked != null) {
-    viewProps["aria-checked"] = nativeProps.accessibilityChecked;
-  }
-  if (nativeProps.accessibilityColumnCount != null) {
-    viewProps["aria-colcount"] = nativeProps.accessibilityColumnCount;
-  }
-  if (nativeProps.accessibilityColumnIndex != null) {
-    viewProps["aria-colindex"] = nativeProps.accessibilityColumnIndex;
-  }
-  if (nativeProps.accessibilityColumnSpan != null) {
-    viewProps["aria-colspan"] = nativeProps.accessibilityColumnSpan;
-  }
-  if (nativeProps.accessibilityControls != null) {
-    viewProps["aria-controls"] = (0, import_createComponent.processIDRefList)(nativeProps.accessibilityControls);
-  }
-  if (nativeProps.accessibilityCurrent != null) {
-    viewProps["aria-current"] = nativeProps.accessibilityCurrent;
-  }
-  if (nativeProps.accessibilityDescribedBy != null) {
-    viewProps["aria-describedby"] = (0, import_createComponent.processIDRefList)(nativeProps.accessibilityDescribedBy);
-  }
-  if (nativeProps.accessibilityDetails != null) {
-    viewProps["aria-details"] = nativeProps.accessibilityDetails;
-  }
-  if (nativeProps.disabled === true) {
-    viewProps["aria-disabled"] = true;
-    if (elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") {
-      viewProps.disabled = true;
-    }
-  }
-  if (nativeProps.accessibilityErrorMessage != null) {
-    viewProps["aria-errormessage"] = nativeProps.accessibilityErrorMessage;
-  }
-  if (nativeProps.accessibilityExpanded != null) {
-    viewProps["aria-expanded"] = nativeProps.accessibilityExpanded;
-  }
-  if (nativeProps.accessibilityFlowTo != null) {
-    viewProps["aria-flowto"] = (0, import_createComponent.processIDRefList)(nativeProps.accessibilityFlowTo);
-  }
-  if (nativeProps.accessibilityHasPopup != null) {
-    viewProps["aria-haspopup"] = nativeProps.accessibilityHasPopup;
-  }
-  if (nativeProps.accessibilityHidden === true) {
-    viewProps["aria-hidden"] = nativeProps.accessibilityHidden;
-  }
-  if (nativeProps.accessibilityInvalid != null) {
-    viewProps["aria-invalid"] = nativeProps.accessibilityInvalid;
-  }
-  if (nativeProps.accessibilityKeyShortcuts != null && Array.isArray(nativeProps.accessibilityKeyShortcuts)) {
-    viewProps["aria-keyshortcuts"] = nativeProps.accessibilityKeyShortcuts.join(" ");
-  }
-  if (nativeProps.accessibilityLabel != null) {
-    viewProps["aria-label"] = nativeProps.accessibilityLabel;
-  }
-  if (nativeProps.accessibilityLabelledBy != null) {
-    viewProps["aria-labelledby"] = (0, import_createComponent.processIDRefList)(nativeProps.accessibilityLabelledBy);
-  }
-  if (nativeProps.accessibilityLevel != null) {
-    viewProps["aria-level"] = nativeProps.accessibilityLevel;
-  }
-  if (nativeProps.accessibilityLiveRegion != null) {
-    viewProps["aria-live"] = nativeProps.accessibilityLiveRegion === "none" ? "off" : nativeProps.accessibilityLiveRegion;
-  }
-  if (nativeProps.accessibilityModal != null) {
-    viewProps["aria-modal"] = nativeProps.accessibilityModal;
-  }
-  if (nativeProps.accessibilityMultiline != null) {
-    viewProps["aria-multiline"] = nativeProps.accessibilityMultiline;
-  }
-  if (nativeProps.accessibilityMultiSelectable != null) {
-    viewProps["aria-multiselectable"] = nativeProps.accessibilityMultiSelectable;
-  }
-  if (nativeProps.accessibilityOrientation != null) {
-    viewProps["aria-orientation"] = nativeProps.accessibilityOrientation;
-  }
-  if (nativeProps.accessibilityOwns != null) {
-    viewProps["aria-owns"] = (0, import_createComponent.processIDRefList)(nativeProps.accessibilityOwns);
-  }
-  if (nativeProps.accessibilityPlaceholder != null) {
-    viewProps["aria-placeholder"] = nativeProps.accessibilityPlaceholder;
-  }
-  if (nativeProps.accessibilityPosInSet != null) {
-    viewProps["aria-posinset"] = nativeProps.accessibilityPosInSet;
-  }
-  if (nativeProps.accessibilityPressed != null) {
-    viewProps["aria-pressed"] = nativeProps.accessibilityPressed;
-  }
-  if (nativeProps.accessibilityReadOnly != null) {
-    viewProps["aria-readonly"] = nativeProps.accessibilityReadOnly;
-    if (elementType === "input" || elementType === "select" || elementType === "textarea") {
-      viewProps.readOnly = true;
-    }
-  }
-  if (nativeProps.accessibilityRequired != null) {
-    viewProps["aria-required"] = nativeProps.accessibilityRequired;
-    if (elementType === "input" || elementType === "select" || elementType === "textarea") {
-      viewProps.required = true;
-    }
-  }
-  if (nativeProps.accessibilityRoleDescription != null) {
-    viewProps["aria-roledescription"] = nativeProps.accessibilityRoleDescription;
-  }
-  if (nativeProps.accessibilityRowCount != null) {
-    viewProps["aria-rowcount"] = nativeProps.accessibilityRowCount;
-  }
-  if (nativeProps.accessibilityRowIndex != null) {
-    viewProps["aria-rowindex"] = nativeProps.accessibilityRowIndex;
-  }
-  if (nativeProps.accessibilityRowSpan != null) {
-    viewProps["aria-rowspan"] = nativeProps.accessibilityRowSpan;
-  }
-  if (nativeProps.accessibilitySelected != null) {
-    viewProps["aria-selected"] = nativeProps.accessibilitySelected;
-  }
-  if (nativeProps.accessibilitySetSize != null) {
-    viewProps["aria-setsize"] = nativeProps.accessibilitySetSize;
-  }
-  if (nativeProps.accessibilitySort != null) {
-    viewProps["aria-sort"] = nativeProps.accessibilitySort;
-  }
-  if (nativeProps.accessibilityValueMax != null) {
-    viewProps["aria-valuemax"] = nativeProps.accessibilityValueMax;
-  }
-  if (nativeProps.accessibilityValueMin != null) {
-    viewProps["aria-valuemin"] = nativeProps.accessibilityValueMin;
-  }
-  if (nativeProps.accessibilityValueNow != null) {
-    viewProps["aria-valuenow"] = nativeProps.accessibilityValueNow;
-  }
-  if (nativeProps.accessibilityValueText != null) {
-    viewProps["aria-valuetext"] = nativeProps.accessibilityValueText;
-  }
-  if (nativeProps.nativeID) {
-    viewProps.id = nativeProps.nativeID;
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  assignNativePropsToWeb
-});
-//# sourceMappingURL=assignNativePropsToWeb.js.map

package/dist/cjs/helpers/assignNativePropsToWeb.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/assignNativePropsToWeb.tsx"],
-  "sourcesContent": ["import { accessibilityRoleToWebRole, processIDRefList } from '../createComponent'\n\n// adapted from react-native-web\n\nexport function assignNativePropsToWeb(elementType: string, viewProps: any, nativeProps: any) {\n  if (!viewProps.role && nativeProps.accessibilityRole) {\n    if (nativeProps.accessibilityRole === 'none') {\n      viewProps.role = 'presentation'\n    } else {\n      const webRole = accessibilityRoleToWebRole[nativeProps.accessibilityRole]\n      if (webRole != null) {\n        viewProps.role = webRole || nativeProps.accessibilityRole\n      }\n    }\n  }\n\n  if (nativeProps.accessibilityActiveDescendant != null) {\n    viewProps['aria-activedescendant'] = nativeProps.accessibilityActiveDescendant\n  }\n  if (nativeProps.accessibilityAtomic != null) {\n    viewProps['aria-atomic'] = nativeProps.accessibilityAtomic\n  }\n  if (nativeProps.accessibilityAutoComplete != null) {\n    viewProps['aria-autocomplete'] = nativeProps.accessibilityAutoComplete\n  }\n  if (nativeProps.accessibilityBusy != null) {\n    viewProps['aria-busy'] = nativeProps.accessibilityBusy\n  }\n  if (nativeProps.accessibilityChecked != null) {\n    viewProps['aria-checked'] = nativeProps.accessibilityChecked\n  }\n  if (nativeProps.accessibilityColumnCount != null) {\n    viewProps['aria-colcount'] = nativeProps.accessibilityColumnCount\n  }\n  if (nativeProps.accessibilityColumnIndex != null) {\n    viewProps['aria-colindex'] = nativeProps.accessibilityColumnIndex\n  }\n  if (nativeProps.accessibilityColumnSpan != null) {\n    viewProps['aria-colspan'] = nativeProps.accessibilityColumnSpan\n  }\n  if (nativeProps.accessibilityControls != null) {\n    viewProps['aria-controls'] = processIDRefList(nativeProps.accessibilityControls)\n  }\n  if (nativeProps.accessibilityCurrent != null) {\n    viewProps['aria-current'] = nativeProps.accessibilityCurrent\n  }\n  if (nativeProps.accessibilityDescribedBy != null) {\n    viewProps['aria-describedby'] = processIDRefList(nativeProps.accessibilityDescribedBy)\n  }\n  if (nativeProps.accessibilityDetails != null) {\n    viewProps['aria-details'] = nativeProps.accessibilityDetails\n  }\n  if (nativeProps.disabled === true) {\n    viewProps['aria-disabled'] = true\n    // Enhance with native semantics\n    if (\n      elementType === 'button' ||\n      elementType === 'form' ||\n      elementType === 'input' ||\n      elementType === 'select' ||\n      elementType === 'textarea'\n    ) {\n      viewProps.disabled = true\n    }\n  }\n  if (nativeProps.accessibilityErrorMessage != null) {\n    viewProps['aria-errormessage'] = nativeProps.accessibilityErrorMessage\n  }\n  if (nativeProps.accessibilityExpanded != null) {\n    viewProps['aria-expanded'] = nativeProps.accessibilityExpanded\n  }\n  if (nativeProps.accessibilityFlowTo != null) {\n    viewProps['aria-flowto'] = processIDRefList(nativeProps.accessibilityFlowTo)\n  }\n  if (nativeProps.accessibilityHasPopup != null) {\n    viewProps['aria-haspopup'] = nativeProps.accessibilityHasPopup\n  }\n  if (nativeProps.accessibilityHidden === true) {\n    viewProps['aria-hidden'] = nativeProps.accessibilityHidden\n  }\n  if (nativeProps.accessibilityInvalid != null) {\n    viewProps['aria-invalid'] = nativeProps.accessibilityInvalid\n  }\n  if (\n    nativeProps.accessibilityKeyShortcuts != null &&\n    Array.isArray(nativeProps.accessibilityKeyShortcuts)\n  ) {\n    viewProps['aria-keyshortcuts'] = nativeProps.accessibilityKeyShortcuts.join(' ')\n  }\n  if (nativeProps.accessibilityLabel != null) {\n    viewProps['aria-label'] = nativeProps.accessibilityLabel\n  }\n  if (nativeProps.accessibilityLabelledBy != null) {\n    viewProps['aria-labelledby'] = processIDRefList(nativeProps.accessibilityLabelledBy)\n  }\n  if (nativeProps.accessibilityLevel != null) {\n    viewProps['aria-level'] = nativeProps.accessibilityLevel\n  }\n  if (nativeProps.accessibilityLiveRegion != null) {\n    viewProps['aria-live'] =\n      nativeProps.accessibilityLiveRegion === 'none' ? 'off' : nativeProps.accessibilityLiveRegion\n  }\n  if (nativeProps.accessibilityModal != null) {\n    viewProps['aria-modal'] = nativeProps.accessibilityModal\n  }\n  if (nativeProps.accessibilityMultiline != null) {\n    viewProps['aria-multiline'] = nativeProps.accessibilityMultiline\n  }\n  if (nativeProps.accessibilityMultiSelectable != null) {\n    viewProps['aria-multiselectable'] = nativeProps.accessibilityMultiSelectable\n  }\n  if (nativeProps.accessibilityOrientation != null) {\n    viewProps['aria-orientation'] = nativeProps.accessibilityOrientation\n  }\n  if (nativeProps.accessibilityOwns != null) {\n    viewProps['aria-owns'] = processIDRefList(nativeProps.accessibilityOwns)\n  }\n  if (nativeProps.accessibilityPlaceholder != null) {\n    viewProps['aria-placeholder'] = nativeProps.accessibilityPlaceholder\n  }\n  if (nativeProps.accessibilityPosInSet != null) {\n    viewProps['aria-posinset'] = nativeProps.accessibilityPosInSet\n  }\n  if (nativeProps.accessibilityPressed != null) {\n    viewProps['aria-pressed'] = nativeProps.accessibilityPressed\n  }\n  if (nativeProps.accessibilityReadOnly != null) {\n    viewProps['aria-readonly'] = nativeProps.accessibilityReadOnly\n    // Enhance with native semantics\n    if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n      viewProps.readOnly = true\n    }\n  }\n  if (nativeProps.accessibilityRequired != null) {\n    viewProps['aria-required'] = nativeProps.accessibilityRequired\n    // Enhance with native semantics\n    if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n      viewProps.required = true\n    }\n  }\n  if (nativeProps.accessibilityRoleDescription != null) {\n    viewProps['aria-roledescription'] = nativeProps.accessibilityRoleDescription\n  }\n  if (nativeProps.accessibilityRowCount != null) {\n    viewProps['aria-rowcount'] = nativeProps.accessibilityRowCount\n  }\n  if (nativeProps.accessibilityRowIndex != null) {\n    viewProps['aria-rowindex'] = nativeProps.accessibilityRowIndex\n  }\n  if (nativeProps.accessibilityRowSpan != null) {\n    viewProps['aria-rowspan'] = nativeProps.accessibilityRowSpan\n  }\n  if (nativeProps.accessibilitySelected != null) {\n    viewProps['aria-selected'] = nativeProps.accessibilitySelected\n  }\n  if (nativeProps.accessibilitySetSize != null) {\n    viewProps['aria-setsize'] = nativeProps.accessibilitySetSize\n  }\n  if (nativeProps.accessibilitySort != null) {\n    viewProps['aria-sort'] = nativeProps.accessibilitySort\n  }\n  if (nativeProps.accessibilityValueMax != null) {\n    viewProps['aria-valuemax'] = nativeProps.accessibilityValueMax\n  }\n  if (nativeProps.accessibilityValueMin != null) {\n    viewProps['aria-valuemin'] = nativeProps.accessibilityValueMin\n  }\n  if (nativeProps.accessibilityValueNow != null) {\n    viewProps['aria-valuenow'] = nativeProps.accessibilityValueNow\n  }\n  if (nativeProps.accessibilityValueText != null) {\n    viewProps['aria-valuetext'] = nativeProps.accessibilityValueText\n  }\n\n  if (nativeProps.nativeID) {\n    viewProps.id = nativeProps.nativeID\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/helpers/assignNativePropsToWeb.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/assignNativePropsToWeb.native.tsx"],
-  "sourcesContent": ["export function assignNativePropsToWeb(elementType: string, viewProps: any, nativeProps: any) {}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,uBAAuB,aAAqB,WAAgB,aAAkB;AAAC;",
-  "names": []
-}

package/dist/cjs/helpers/calc.js

@@ -1,71 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var calc_exports = {};
-__export(calc_exports, {
-  calc: () => calc
-});
-module.exports = __toCommonJS(calc_exports);
-var import_constants = require("@tamagui/constants");
-var import_createVariable = require("../createVariable");
-const operators = {
-  "+": (a, b) => a + b,
-  "-": (a, b) => a - b,
-  "/": (a, b) => a / b,
-  "*": (a, b) => a * b
-};
-const calc = (...valuesAndOperators) => {
-  if (import_constants.isWeb) {
-    let res2 = "calc(";
-    for (const cur of valuesAndOperators) {
-      if (operators[cur]) {
-        res2 += " " + cur + " ";
-      } else {
-        res2 += convertToVariableOrNumber(cur);
-      }
-    }
-    return res2 + ")";
-  }
-  let res = 0;
-  let nextOp = null;
-  for (const cur of valuesAndOperators) {
-    if (operators[cur]) {
-      nextOp = operators[cur];
-    } else {
-      if (nextOp) {
-        res = nextOp(res, cur);
-        nextOp = null;
-      } else {
-        res = +cur;
-      }
-    }
-  }
-  return res;
-};
-const convertToVariableOrNumber = (v) => {
-  const varOrVal = (0, import_createVariable.getVariableVariable)(v);
-  if (typeof varOrVal === "number") {
-    return `${varOrVal}px`;
-  }
-  return varOrVal;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  calc
-});
-//# sourceMappingURL=calc.js.map

package/dist/cjs/helpers/calc.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/calc.ts"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nimport { getVariableVariable } from '../createVariable'\nimport { FontLineHeightTokens, FontSizeTokens, SizeTokens, SpaceTokens } from '../types'\n\n// unused code - not exported\n\n/**\n * Simple calc() that handles native + web\n *   on web: outputs a calc() string\n *   on native: outputs a plain number\n */\n\nexport type CalcVal =\n  | string\n  | number\n  | SizeTokens\n  | SpaceTokens\n  | FontSizeTokens\n  | FontLineHeightTokens\n\nconst operators = {\n  '+': (a: number, b: number) => a + b,\n  '-': (a: number, b: number) => a - b,\n  '/': (a: number, b: number) => a / b,\n  '*': (a: number, b: number) => a * b,\n}\n\ntype Operator = keyof typeof operators\n\nexport const calc = (...valuesAndOperators: (CalcVal | Operator)[]) => {\n  if (isWeb) {\n    let res = 'calc('\n    for (const cur of valuesAndOperators) {\n      if (operators[cur as any]) {\n        // spaces are significant\n        res += ' ' + cur + ' '\n      } else {\n        res += convertToVariableOrNumber(cur)\n      }\n    }\n    return res + ')'\n  }\n\n  let res = 0\n  let nextOp: any = null\n  for (const cur of valuesAndOperators) {\n    if (operators[cur as any]) {\n      nextOp = operators[cur as any]\n    } else {\n      if (nextOp) {\n        res = nextOp(res, cur)\n        nextOp = null\n      } else {\n        res = +cur\n      }\n    }\n  }\n  return res\n}\n\nconst convertToVariableOrNumber = (v: any) => {\n  const varOrVal = getVariableVariable(v)\n  if (typeof varOrVal === 'number') {\n    return `${varOrVal}px`\n  }\n  return varOrVal\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEtB,4BAAoC;AAmBpC,MAAM,YAAY;AAAA,EAChB,KAAK,CAAC,GAAW,MAAc,IAAI;AAAA,EACnC,KAAK,CAAC,GAAW,MAAc,IAAI;AAAA,EACnC,KAAK,CAAC,GAAW,MAAc,IAAI;AAAA,EACnC,KAAK,CAAC,GAAW,MAAc,IAAI;AACrC;AAIO,MAAM,OAAO,IAAI,uBAA+C;AACrE,MAAI,wBAAO;AACT,QAAIA,OAAM;AACV,eAAW,OAAO,oBAAoB;AACpC,UAAI,UAAU,MAAa;AAEzB,QAAAA,QAAO,MAAM,MAAM;AAAA,MACrB,OAAO;AACL,QAAAA,QAAO,0BAA0B,GAAG;AAAA,MACtC;AAAA,IACF;AACA,WAAOA,OAAM;AAAA,EACf;AAEA,MAAI,MAAM;AACV,MAAI,SAAc;AAClB,aAAW,OAAO,oBAAoB;AACpC,QAAI,UAAU,MAAa;AACzB,eAAS,UAAU;AAAA,IACrB,OAAO;AACL,UAAI,QAAQ;AACV,cAAM,OAAO,KAAK,GAAG;AACrB,iBAAS;AAAA,MACX,OAAO;AACL,cAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,4BAA4B,CAAC,MAAW;AAC5C,QAAM,eAAW,2CAAoB,CAAC;AACtC,MAAI,OAAO,aAAa,UAAU;AAChC,WAAO,GAAG;AAAA,EACZ;AACA,SAAO;AACT;",
-  "names": ["res"]
-}