@tamagui/core 1.0.1-beta.140 → 1.0.1-beta.143

package/types/createComponent.server.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { SpaceDirection, SpaceTokens, SpacerProps, StaticConfig, StaticConfigParsed, StylableComponent, TamaguiComponent, TamaguiElement } from './types';
+export declare const mouseUps: Set<Function>;
+export declare function createComponent<ComponentPropTypes extends Object = {}, Ref = TamaguiElement, BaseProps = never>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, {}>;
+export declare const Unspaced: {
+    (props: {
+        children?: any;
+    }): any;
+    isUnspaced: boolean;
+};
+export declare const Spacer: TamaguiComponent<SpacerProps, TamaguiElement, never, {}>;
+export declare type SpacedChildrenProps = {
+    isZStack?: boolean;
+    children?: React.ReactNode;
+    space?: SpaceTokens | number | null;
+    spaceFlex?: boolean | number;
+    direction?: SpaceDirection;
+    separator?: React.ReactNode;
+};
+export declare function spacedChildren({ isZStack, children, space, direction, spaceFlex, separator, }: SpacedChildrenProps): React.ReactNode;
+export declare function processIDRefList(idRefList: string | Array<string>): string;
+export declare const accessibilityRoleToWebRole: {
+    adjustable: string;
+    button: string;
+    header: string;
+    image: string;
+    imagebutton: null;
+    keyboardkey: null;
+    label: null;
+    link: string;
+    none: string;
+    search: string;
+    summary: string;
+    text: null;
+};
+//# sourceMappingURL=createComponent.server.d.ts.map

package/types/createTamagui.d.ts

@@ -1,3 +1,3 @@
 import { CreateTamaguiProps, InferTamaguiConfig } from './types';
-export declare function createTamagui<Conf extends CreateTamaguiProps>(config: Conf): InferTamaguiConfig<Conf>;
+export declare function createTamagui<Conf extends CreateTamaguiProps>(configIn: Conf): InferTamaguiConfig<Conf>;
 //# sourceMappingURL=createTamagui.d.ts.map

package/types/createTheme.d.ts

@@ -2,6 +2,6 @@ import { Variable } from './createVariable';
 declare type GenericTheme = {
     [key: string]: string | Variable;
 };
-export declare const createTheme: <Theme extends GenericTheme>(theme: Theme) => { [K in keyof Theme]: string | Variable<any> | Theme[K]; };
+export declare const createTheme: <Theme extends GenericTheme>(theme: Theme) => { [K in keyof Theme]: string | Variable<import("./createVariable").VariableValue> | Theme[K]; };
 export {};
 //# sourceMappingURL=createTheme.d.ts.map

package/types/createVariable.d.ts

@@ -1,21 +1,24 @@
-declare const IS_VARIABLE_SYMBOL = "__isVariable__";
-declare type VariableIn<A extends string | number = any> = {
+declare const IS_VAR = "__isVar__";
+export declare type VariableValue = string | number;
+declare type VariableIn<A extends VariableValue = VariableValue> = {
     val: A;
     name: string;
     key: string;
     isFloating?: boolean;
 };
-export declare class Variable<A extends string | number = any> {
-    [IS_VARIABLE_SYMBOL]: boolean;
-    key: string;
-    name: string;
-    val: A;
+export declare type Variable<A extends VariableValue = VariableValue> = VariableIn<A> & {
+    [IS_VAR]?: true;
+    variable?: string;
+};
+export declare const createVariable: <A extends string | number = any>(props: VariableIn<A>) => VariableIn<A> | {
     variable: string;
-    isFloating: boolean;
-    constructor(props: VariableIn);
-    toString(): string;
-}
-export declare const createVariable: <A extends string | number = any>(props: VariableIn<A>) => Variable<any>;
+    val: A;
+    name: string;
+    key: string;
+    isFloating?: boolean | undefined;
+    __isVar__: boolean;
+};
+export declare function variableToString(vrble?: any): string;
 export declare function isVariable(v: Variable | any): v is Variable;
 export declare function getVariableValue(v: Variable | any): any;
 export declare function getVariableName(v: Variable | any): any;

package/types/helpers/RNComponents.d.ts

@@ -1,2 +1,2 @@
-export declare const RNComponents: WeakMap<object, any>;
+export declare const RNComponents: Set<any>;
 //# sourceMappingURL=RNComponents.d.ts.map

package/types/helpers/ThemeManager.d.ts

@@ -30,14 +30,8 @@ export declare class ThemeManager {
     update({ name, theme, className }?: SetActiveThemeProps, force?: boolean): boolean;
     getNextTheme(props?: GetNextThemeProps, debug?: any): {
         name: string;
-        theme: (Partial<import("../types").TamaguiBaseTheme> & {
-            [key: string]: import("../types").VariableVal;
-        }) | null;
-        className?: undefined;
-    } | {
-        name: string;
-        theme: any;
-        className: string;
+        theme: ThemeObject | null;
+        className: string | undefined;
     };
     getClassName(name: string): string;
     track(uuid: any, keys: Set<string>): void;

package/types/helpers/getAnimationDriver.d.ts

@@ -0,0 +1,6 @@
+export declare function getAnimationDriver(): import("..").AnimationDriver<{
+    [key: string]: string | {
+        [key: string]: any;
+    };
+}>;
+//# sourceMappingURL=getAnimationDriver.d.ts.map

package/types/helpers/registerCSSVariable.d.ts

@@ -1,5 +1,5 @@
-import { Variable } from '../createVariable';
+import { Variable, VariableValue } from '../createVariable';
 export declare const registerCSSVariable: (v: Variable) => void;
 export declare const variableToCSS: (v: Variable) => string;
-export declare const tokensValueToVariable: Map<string, Variable<any>>;
+export declare const tokensValueToVariable: Map<VariableValue, any>;
 //# sourceMappingURL=registerCSSVariable.d.ts.map

package/types/helpers/useAnimationDriver.d.ts

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

package/types/hooks/useAnimationDriver.d.ts

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

package/types/hooks/useServerContext.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useServerContext.d.ts.map

package/types/hooks/useServerHooks.d.ts

@@ -0,0 +1,4 @@
+import { useRef, useState } from 'react';
+export declare const useServerState: typeof useState;
+export declare const useServerRef: typeof useRef;
+//# sourceMappingURL=useServerHooks.d.ts.map

package/types/hooks/useTheme.d.ts

@@ -1,6 +1,6 @@
 import { ThemeManager } from '../helpers/ThemeManager';
 import { ThemeName, ThemeObject } from '../types';
-export declare type ThemeProps = {
+export interface ThemeProps {
     className?: string;
     disableThemeClass?: boolean;
     name: Exclude<ThemeName, number> | null;
@@ -8,7 +8,7 @@ export declare type ThemeProps = {
     children?: any;
     reset?: boolean;
     debug?: boolean | 'verbose';
-};
+}
 export declare const useTheme: (themeName?: string | null, componentName?: string, props?: ThemeProps, forceUpdate?: any) => ThemeObject;
 export declare const getThemeManager: (theme: any) => ThemeManager | undefined;
 export declare const useThemeName: (opts?: {
@@ -17,26 +17,10 @@ export declare const useThemeName: (opts?: {
 export declare const useDefaultThemeName: () => ThemeName | undefined;
 export declare const activeThemeManagers: Set<ThemeManager>;
 export declare const useChangeThemeEffect: (name?: string | null, componentName?: string, props?: ThemeProps, forceUpdateProp?: any) => {
-    themes: {
-        [key: string]: Partial<import("../types").TamaguiBaseTheme> & {
-            [key: string]: import("../types").VariableVal;
-        };
-    };
-    themeManager: ThemeManager | null;
-    name: string;
-    theme: (Partial<import("../types").TamaguiBaseTheme> & {
-        [key: string]: import("../types").VariableVal;
-    }) | null;
-    className?: undefined;
-} | {
-    themes: {
-        [key: string]: Partial<import("../types").TamaguiBaseTheme> & {
-            [key: string]: import("../types").VariableVal;
-        };
-    };
+    themes: Record<string, ThemeObject>;
     themeManager: ThemeManager | null;
     name: string;
-    theme: any;
-    className: string;
+    theme: ThemeObject | null;
+    className?: string | undefined;
 };
 //# sourceMappingURL=useTheme.d.ts.map

package/types/index.d.ts

@@ -13,7 +13,7 @@ export * from './updateTheme';
 export * from './styled';
 export * from './types';
 export type { RNWTextProps, RNWViewProps } from './types-rnw';
-export { getHasConfigured, getConfig, getThemes, getTokens, onConfiguredOnce } from './conf';
+export { getHasConfigured, getConfig, getThemes, getTokens, onConfiguredOnce } from './config';
 export * from './constants/constants';
 export * from './constants/platform';
 export { createDOMProps } from '@tamagui/rnw';
@@ -21,6 +21,7 @@ export * from './helpers/calc';
 export * from './helpers/createShallowUpdate';
 export * from './helpers/getStackSize';
 export * from './helpers/getVariantExtras';
+export * from './helpers/getAnimationDriver';
 export * from './helpers/getExpandedShorthands';
 export * from './helpers/getSize';
 export * from './helpers/getSplitStyles';
@@ -56,6 +57,7 @@ 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';
 export * from '@tamagui/use-event';
 export * from '@tamagui/helpers';

package/types/injectStyles.d.ts

@@ -0,0 +1,7 @@
+interface InjectStylesOptions {
+    filePath: string;
+    css: string;
+}
+export declare const injectStyles: ({ filePath, css }: InjectStylesOptions) => void;
+export {};
+//# sourceMappingURL=injectStyles.d.ts.map

package/types/types.d.ts

@@ -170,7 +170,6 @@ export declare type CreateTamaguiProps = {
     themeClassNameOnRoot?: boolean;
 };
 export declare type TamaguiInternalConfig<A extends GenericTokens = GenericTokens, B extends GenericThemes = GenericThemes, C extends GenericShorthands = GenericShorthands, D extends GenericMedia = GenericMedia, E extends GenericAnimations = GenericAnimations, F extends GenericFonts = GenericFonts> = Omit<CreateTamaguiProps, keyof GenericTamaguiConfig> & CreateTamaguiConfig<A, B, C, D, E, F> & {
-    Provider: (props: TamaguiProviderProps) => any;
     tokensParsed: CreateTokens<Variable>;
     themeConfig: any;
     fontsParsed: GenericFonts;
@@ -337,6 +336,7 @@ declare type StaticComponentObject = {
     extractable: <X>(a: X, opts?: Partial<StaticConfig>) => X;
 };
 export declare type TamaguiProviderProps = Partial<Omit<ThemeProviderProps, 'children'>> & {
+    config: TamaguiInternalConfig;
     disableInjectCSS?: boolean;
     children?: React.ReactNode;
 };
@@ -460,9 +460,32 @@ export declare type SplitStyleState = TamaguiComponentState & {
 declare type AnimationConfig = {
     [key: string]: any;
 };
+export declare type AnimatedNumberStrategy = {
+    type: 'spring';
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+    overshootClamping?: boolean;
+    restSpeedThreshold?: number;
+    restDisplacementThreshold?: number;
+} | {
+    type: 'timing';
+    duration: number;
+} | {
+    type: 'direct';
+};
+export declare type UniversalAnimatedNumber<A> = {
+    getInstance(): A;
+    getValue(): number;
+    setValue(next: number, config?: AnimatedNumberStrategy): void;
+    stop(): void;
+};
 export declare type AnimationDriver<A extends AnimationConfig = AnimationConfig> = {
     avoidClasses?: boolean;
     useAnimations: UseAnimationHook;
+    useAnimatedNumber: (initial: number) => UniversalAnimatedNumber<any>;
+    useAnimatedNumberStyle: <V extends UniversalAnimatedNumber<any>>(val: V, getStyle: (current: any) => any) => void;
+    useAnimatedNumberReaction: (val: UniversalAnimatedNumber<any>, onValue: (current: number) => void) => void;
     animations: A;
     View?: any;
     Text?: any;

package/types/views/TamaguiProvider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TamaguiProviderProps } from '../types';
+export declare function TamaguiProvider({ children, disableInjectCSS, config, ...themePropsProvider }: TamaguiProviderProps): JSX.Element;
+//# sourceMappingURL=TamaguiProvider.d.ts.map

package/types/views/ThemeProvider.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 export declare type ThemeProviderProps = {
     className?: string;
-    themes: any;
     defaultTheme: string;
     disableRootThemeClass?: boolean;
     themeClassNameOnRoot?: boolean;

package/dist/cjs/Pressability.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Pressability.tsx"],
-  "sourcesContent": ["export const Pressability = {} as any\nexport const usePressability = {} as Function\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,eAAe,CAAC;AACtB,MAAM,kBAAkB,CAAC;",
-  "names": []
-}

package/dist/cjs/Pressability.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Pressability.native.tsx"],
-  "sourcesContent": ["export const Pressability = require('react-native/Libraries/Pressability/Pressability').default\nexport const usePressability =\n  require('react-native/Libraries/Pressability/usePressability').default\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,eAAe,QAAQ,kDAAkD,EAAE;AACjF,MAAM,kBACX,QAAQ,qDAAqD,EAAE;",
-  "names": []
-}

package/dist/cjs/ThemeContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ThemeContext.tsx"],
-  "sourcesContent": ["import { createContext } from 'react'\n\nimport { ThemeName, Themes } from './types'\n\nexport const ThemeContext = createContext<{ themes: Themes; defaultTheme: ThemeName } | null>(null)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAIvB,MAAM,eAAe,gCAAkE,IAAI;",
-  "names": []
-}

package/dist/cjs/ThemeManager.js

@@ -1,211 +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 ThemeManager_exports = {};
-__export(ThemeManager_exports, {
-  ThemeManager: () => ThemeManager,
-  ThemeManagerContext: () => ThemeManagerContext,
-  emptyManager: () => emptyManager
-});
-module.exports = __toCommonJS(ThemeManager_exports);
-var import_react = require("react");
-var import_conf = require("./conf");
-var import_constants = require("./constants/constants");
-var import_getThemeUnwrapped = require("./hooks/getThemeUnwrapped");
-class ThemeManager {
-  constructor(name = "", theme = null, parentManager = null, reset = false) {
-    this.name = name;
-    this.theme = theme;
-    this.parentManager = parentManager;
-    this.reset = reset;
-    this.keys = /* @__PURE__ */ new Map();
-    this.listeners = /* @__PURE__ */ new Map();
-    this.themeListeners = /* @__PURE__ */ new Set();
-    this.className = null;
-    let parent = parentManager;
-    let tries = 0;
-    while (true) {
-      tries++;
-      if (tries > 10) {
-        throw new Error(`Nested 10 of the same theme in a row, likely error`);
-      }
-      if (!parent)
-        break;
-      if (parent.name === name) {
-        parent = parent.parentManager;
-      } else {
-        this.parentManager = parent;
-        break;
-      }
-    }
-  }
-  get didChangeTheme() {
-    return this.parentManager && this.name !== this.parentManager.fullName;
-  }
-  get parentName() {
-    var _a;
-    return ((_a = this.parentManager) == null ? void 0 : _a.name) || null;
-  }
-  get fullName() {
-    return this.getNextTheme().name || this.name || "";
-  }
-  getValue(key) {
-    let theme = this.theme;
-    let manager = this;
-    while (true) {
-      if (!theme)
-        return;
-      if (key in theme) {
-        return theme[key];
-      }
-      manager = this.parentManager;
-      if (!manager) {
-        return;
-      }
-      if (manager.theme === theme) {
-        return;
-      }
-      theme = manager.theme;
-    }
-  }
-  update({ name, theme, className } = {}) {
-    const nameChanged = name !== this.name;
-    if (!nameChanged) {
-      return false;
-    }
-    this.className = className || null;
-    this.name = name || "";
-    this.theme = theme;
-    this.notifyListeners();
-    return true;
-  }
-  getNextTheme(props = {}, debug) {
-    var _a;
-    const { themes = (0, import_conf.getThemes)(), name, componentName } = props;
-    if (props.reset && name) {
-      return {
-        name,
-        theme: themes[name],
-        className: this.getClassName(name)
-      };
-    }
-    const parentIsReset = (_a = this.parentManager) == null ? void 0 : _a.reset;
-    if (!name) {
-      if (componentName) {
-        const names = [
-          `${this.name}_${componentName}`,
-          `${withoutComponentName(this.name)}_${componentName}`
-        ];
-        for (const name2 of names) {
-          if (name2 in themes) {
-            const className = this.getClassName(name2);
-            return { name: name2, theme: themes[name2], className };
-          }
-        }
-      }
-      return {
-        name: this.name,
-        theme: this.theme
-      };
-    }
-    let nextName = name || this.name || "";
-    let parentName = parentIsReset ? this.parentName || this.fullName : this.fullName;
-    while (true) {
-      if (nextName in themes) {
-        break;
-      }
-      nextName = `${parentName}_${name}`;
-      if (nextName in themes) {
-        break;
-      }
-      if (!parentName.includes(import_constants.THEME_NAME_SEPARATOR)) {
-        console.warn("theme not found", name);
-        break;
-      }
-      parentName = parentName.slice(0, parentName.lastIndexOf(import_constants.THEME_NAME_SEPARATOR));
-    }
-    if (componentName) {
-      const names = [
-        `${nextName}_${componentName}`,
-        `${withoutComponentName(nextName)}_${componentName}`
-      ];
-      for (const name2 of names) {
-        if (name2 in themes) {
-          nextName = name2;
-        }
-      }
-    }
-    let theme = themes[nextName];
-    if (!theme) {
-      theme = themes[`light_${nextName}`];
-    }
-    if (process.env.NODE_ENV === "development") {
-      if (debug) {
-        console.log("getNextTheme", this.getClassName(nextName), { props, nextName, parentName });
-      }
-    }
-    return {
-      name: nextName,
-      theme: (0, import_getThemeUnwrapped.getThemeUnwrapped)(theme),
-      className: this.getClassName(nextName)
-    };
-  }
-  getClassName(name) {
-    return `${import_constants.THEME_CLASSNAME_PREFIX}${name} t_Theme`.replace("light_", "").replace("dark_", "");
-  }
-  track(uuid, keys) {
-    if (!this.name)
-      return;
-    this.keys.set(uuid, keys);
-  }
-  notifyListeners() {
-    var _a;
-    if (!this.name) {
-      this.keys.clear();
-    }
-    for (const [uuid, keys] of this.keys.entries()) {
-      if (keys.size) {
-        (_a = this.listeners.get(uuid)) == null ? void 0 : _a();
-      }
-    }
-    this.themeListeners.forEach((cb) => cb(this.name, this));
-  }
-  onChangeTheme(cb) {
-    this.themeListeners.add(cb);
-    return () => {
-      this.themeListeners.delete(cb);
-    };
-  }
-  onUpdate(uuid, cb) {
-    this.listeners.set(uuid, cb);
-    return () => {
-      this.listeners.delete(uuid);
-      this.keys.delete(uuid);
-    };
-  }
-}
-const ThemeManagerContext = (0, import_react.createContext)(null);
-const emptyManager = new ThemeManager();
-const withoutComponentName = (name) => name.replace(/(\_[A-Z][a-zA-Z]+)+$/g, "");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ThemeManager,
-  ThemeManagerContext,
-  emptyManager
-});
-//# sourceMappingURL=ThemeManager.js.map

package/dist/cjs/ThemeManager.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ThemeManager.tsx"],
-  "sourcesContent": ["import { createContext } from 'react'\n\nimport { getThemes } from './conf'\nimport { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from './constants/constants'\nimport { getThemeUnwrapped } from './hooks/getThemeUnwrapped'\nimport { ThemeObject, Themes } from './types'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport type SetActiveThemeProps = {\n  className?: string\n  parentManager?: ThemeManager | null\n  name?: string | null\n  theme?: any\n}\n\nexport type GetNextThemeProps = {\n  themes?: Themes\n  name?: string | null\n  componentName?: string | null\n  reset?: boolean\n}\n\nexport class ThemeManager {\n  keys = new Map<any, Set<string>>()\n  listeners = new Map<any, Function>()\n  themeListeners = new Set<ThemeListener>()\n  className: string | null = null\n\n  constructor(\n    public name: string = '',\n    public theme: ThemeObject | null = null,\n    public parentManager: ThemeManager | null = null,\n    public reset: boolean = false\n  ) {\n    // find the nearest different parentManager\n    let parent = parentManager\n    let tries = 0\n    while (true) {\n      tries++\n      if (tries > 10) {\n        throw new Error(`Nested 10 of the same theme in a row, likely error`)\n      }\n      if (!parent) break\n      if (parent.name === name) {\n        // go up if same\n        parent = parent.parentManager\n      } else {\n        this.parentManager = parent\n        break\n      }\n    }\n  }\n\n  get didChangeTheme() {\n    return this.parentManager && this.name !== this.parentManager.fullName\n  }\n\n  get parentName() {\n    return this.parentManager?.name || null\n  }\n\n  get fullName(): string {\n    return this.getNextTheme().name || this.name || ''\n    // const parentName = this.parentManager?.fullName || ''\n    // const name = this.name || ''\n    // const parts = [...new Set([...`${parentName}_${name}`.split('_')])].filter(Boolean)\n    // return parts.join('_')\n  }\n\n  // gets value going up to parents\n  getValue(key: string) {\n    let theme = this.theme\n    let manager = this as ThemeManager | null\n    while (true) {\n      if (!theme) return\n      if (key in theme) {\n        return theme[key]\n      }\n      manager = this.parentManager\n      if (!manager) {\n        return\n      }\n      if (manager.theme === theme) {\n        return\n      }\n      theme = manager.theme\n    }\n  }\n\n  update({ name, theme, className }: SetActiveThemeProps = {}) {\n    // className compare on web, avoids light/dark re-renders\n    const nameChanged = name !== this.name\n    if (!nameChanged) {\n      return false\n    }\n    this.className = className || null\n    this.name = name || ''\n    this.theme = theme\n    this.notifyListeners()\n    return true\n  }\n\n  getNextTheme(props: GetNextThemeProps = {}, debug?: any) {\n    const { themes = getThemes(), name, componentName } = props\n\n    if (props.reset && name) {\n      return {\n        name: name,\n        theme: themes[name],\n        className: this.getClassName(name),\n      }\n    }\n\n    const parentIsReset = this.parentManager?.reset\n\n    if (!name) {\n      if (componentName) {\n        // allow for _Card_Button or just _Button\n        const names = [\n          `${this.name}_${componentName}`,\n          `${withoutComponentName(this.name)}_${componentName}`,\n        ]\n        for (const name of names) {\n          if (name in themes) {\n            const className = this.getClassName(name)\n            return { name, theme: themes[name], className }\n          }\n        }\n      }\n      return {\n        name: this.name,\n        theme: this.theme,\n      }\n    }\n\n    let nextName = name || this.name || ''\n    let parentName = parentIsReset ? this.parentName || this.fullName : this.fullName\n\n    while (true) {\n      if (nextName in themes) {\n        break\n      }\n      nextName = `${parentName}_${name}`\n      if (nextName in themes) {\n        break\n      }\n      if (!parentName.includes(THEME_NAME_SEPARATOR)) {\n        // not found!\n        console.warn('theme not found', name)\n        // this happens in next during _document.getInitialProps and has a terrible/non-existent stack trace\n        // throw new Error(`Theme not found: ${name}`)\n        break\n      }\n      // go up one\n      parentName = parentName.slice(0, parentName.lastIndexOf(THEME_NAME_SEPARATOR))\n    }\n\n    if (componentName) {\n      // allow for _Card_Button or just _Button\n      const names = [\n        `${nextName}_${componentName}`,\n        `${withoutComponentName(nextName)}_${componentName}`,\n      ]\n      for (const name of names) {\n        if (name in themes) {\n          nextName = name\n        }\n      }\n    }\n\n    let theme = themes[nextName]\n    if (!theme) {\n      theme = themes[`light_${nextName}`]\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debug) {\n        console.log('getNextTheme', this.getClassName(nextName), { props, nextName, parentName })\n      }\n    }\n\n    return {\n      name: nextName,\n      theme: getThemeUnwrapped(theme),\n      className: this.getClassName(nextName),\n    }\n  }\n\n  getClassName(name: string) {\n    return `${THEME_CLASSNAME_PREFIX}${name} t_Theme`.replace('light_', '').replace('dark_', '')\n  }\n\n  track(uuid: any, keys: Set<string>) {\n    if (!this.name) return\n    this.keys.set(uuid, keys)\n  }\n\n  notifyListeners() {\n    if (!this.name) {\n      this.keys.clear()\n    }\n    for (const [uuid, keys] of this.keys.entries()) {\n      if (keys.size) {\n        this.listeners.get(uuid)?.()\n      }\n    }\n    this.themeListeners.forEach((cb) => cb(this.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n\n  onUpdate(uuid: any, cb: Function) {\n    this.listeners.set(uuid, cb)\n    return () => {\n      this.listeners.delete(uuid)\n      this.keys.delete(uuid)\n    }\n  }\n}\n\nexport const ThemeManagerContext = createContext<ThemeManager | null>(null)\nexport const emptyManager = new ThemeManager()\n\nconst withoutComponentName = (name: string) => name.replace(/(\\_[A-Z][a-zA-Z]+)+$/g, '')\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/defaultComponentState.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=defaultComponentState.js.map