@tamagui/web 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/esm/hooks/useComponentState.js

@@ -1,91 +0,0 @@
-import { isServer, isWeb } from "@tamagui/constants";
-import { useCreateShallowSetState } from "@tamagui/is-equal-shallow";
-import { useDidFinishSSR, useIsClientOnly } from "@tamagui/use-did-finish-ssr";
-import { useRef, useState } from "react";
-import { getSetting } from "../config";
-import {
-  defaultComponentState,
-  defaultComponentStateMounted,
-  defaultComponentStateShouldEnter
-} from "../defaultComponentState";
-import { isObj } from "../helpers/isObj";
-import { log } from "../helpers/log";
-const useComponentState = (props, animationDriver, staticConfig, config) => {
-  const isHydrated = useDidFinishSSR(), needsHydration = !useIsClientOnly(), useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations, { isHOC } = staticConfig, stateRef = useRef(
-    // performance: avoid creating object every render
-    void 0
-  );
-  stateRef.current || (stateRef.current = {
-    startedUnhydrated: needsHydration && !isHydrated
-  });
-  const hasAnimationProp = !!(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = (animationDriver?.inputStyle ?? (animationDriver?.supportsCSS ? "css" : "inline")) === "css", curStateRef = stateRef.current;
-  !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = !0);
-  const willBeAnimatedClient = !!(!!(hasAnimationProp && !isHOC && useAnimations) || curStateRef.hasAnimated), willBeAnimated = !isServer && willBeAnimatedClient;
-  willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
-  const { disableClassName } = props, presence = !isHOC && willBeAnimated && props.animatePresence !== !1 && animationDriver?.usePresence?.() || null, presenceState = presence?.[2], isExiting = presenceState?.isPresent === !1, isEntering = presenceState?.isPresent === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && (animationDriver?.isReactNative || !supportsCSS), initialState = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
-  // this is just for a better ux, supports css variables for light/dark, media queries, etc
-  disableClassName) ? (
-    // on the very first render we switch all spring animation drivers to css rendering
-    // this is because we need to use css variables, which they don't support to do proper SSR
-    // without flickers of the wrong colors.
-    // but once we do that initial hydration and we are in client side rendering mode,
-    // we can avoid the extra re-render on mount
-    hasEnterStyle || isEntering ? defaultComponentStateShouldEnter : defaultComponentState
-  ) : defaultComponentStateMounted, disabled = isDisabled(props);
-  disabled != null && (initialState.disabled = disabled);
-  const states = useState(initialState), state = props.forceStyle ? { ...states[0], [props.forceStyle]: !0 } : states[0], setState = states[1];
-  let isAnimated = willBeAnimated;
-  isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, defaultComponentStateMounted), state.disabled = disabled, setState((_) => ({ ...state })));
-  const groupName = props.group, setStateShallow = useCreateShallowSetState(setState, props.debug);
-  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
-    process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
-    const { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
-    isObj(custom) && Object.assign(props, custom);
-    const exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
-    state.unmounted && env && staticConfig.variants[env] ? (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence ENTER "${env}"`), props[env] = !0) : isExiting && exv && (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence EXIT "${exv}"`), props[exv] = exitVariant !== enterExitVariant);
-  }
-  let noClass = !isWeb || !!props.forceStyle;
-  if (!isHydrated)
-    noClass = !1;
-  else if (isWeb && isHydrated) {
-    const isAnimatedAndHydrated = isAnimated && isHydrated, isClassNameDisabled = !staticConfig.acceptsClassName && (getSetting("disableSSR") || !state.unmounted), isDisabledManually = disableClassName && !state.unmounted;
-    // Only disable className for animation drivers that need inline styles
-    (isAnimatedAndHydrated && !animationDriver?.classNameAnimation || isDisabledManually || isClassNameDisabled) && (noClass = !0, process.env.NODE_ENV === "development" && props.debug === "verbose" && log("avoiding className", {
-      isAnimatedAndHydrated,
-      isDisabledManually,
-      isClassNameDisabled
-    }));
-  }
-  return {
-    startedUnhydrated: curStateRef.startedUnhydrated,
-    curStateRef,
-    disabled,
-    groupName,
-    hasAnimationProp,
-    hasEnterStyle,
-    isAnimated,
-    isExiting,
-    isHydrated,
-    presence,
-    presenceState,
-    setState,
-    setStateShallow,
-    noClass,
-    state,
-    stateRef,
-    supportsCSS,
-    willBeAnimated,
-    willBeAnimatedClient
-  };
-};
-function hasAnimatedStyleValue(style) {
-  return Object.keys(style).some((k) => {
-    const val = style[k];
-    return val && typeof val == "object" && "_animation" in val;
-  });
-}
-const isDisabled = (props) => props.disabled || props.passThrough || props.accessibilityState?.disabled || props["aria-disabled"] || props.accessibilityDisabled || !1;
-export {
-  useComponentState
-};
-//# sourceMappingURL=useComponentState.js.map

package/dist/esm/hooks/useComponentState.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useComponentState.ts"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/hooks/useDisableSSR.js

@@ -1,8 +0,0 @@
-import { getSetting } from "../config";
-function getDisableSSR(componentContext) {
-  return componentContext?.disableSSR ?? getSetting("disableSSR");
-}
-export {
-  getDisableSSR
-};
-//# sourceMappingURL=useDisableSSR.js.map

package/dist/esm/hooks/useDisableSSR.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useDisableSSR.tsx"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAGpB,SAAS,cAAc,kBAAsC;AAClE,SAAO,kBAAkB,cAAc,WAAW,YAAY;AAChE;",
-  "names": []
-}

package/dist/esm/hooks/useIsTouchDevice.js

@@ -1,7 +0,0 @@
-import { isTouchable, isWeb } from "@tamagui/constants";
-import { useDidFinishSSR } from "@tamagui/use-did-finish-ssr";
-const useIsTouchDevice = () => isWeb ? useDidFinishSSR() ? isTouchable : !1 : !0;
-export {
-  useIsTouchDevice
-};
-//# sourceMappingURL=useIsTouchDevice.js.map

package/dist/esm/hooks/useIsTouchDevice.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useIsTouchDevice.tsx"],
-  "mappings": "AAAA,SAAS,aAAa,aAAa;AACnC,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,MACtB,QAAe,gBAAgB,IAAI,cAAc,KAAzC;",
-  "names": []
-}

package/dist/esm/hooks/useMedia.js

@@ -1,172 +0,0 @@
-import { isServer, isWeb } from "@tamagui/constants";
-import { useRef, useSyncExternalStore } from "react";
-import { getSetting } from "../config";
-import { resetMediaStyleCache } from "../helpers/createMediaStyle";
-import { matchMedia } from "../helpers/matchMedia";
-import { defaultMediaImportance } from "../helpers/pseudoDescriptors";
-let mediaState = (
-  // development only safeguard
-  process.env.NODE_ENV === "development" ? new Proxy(
-    {},
-    {
-      get(target, key) {
-        if (typeof key == "string" && key[0] === "$" && // dont error on $$typeof
-        key[1] !== "$")
-          throw new Error(`Access mediaState should not use "$": ${key}`);
-        return Reflect.get(target, key);
-      }
-    }
-  ) : {}
-);
-const mediaQueryConfig = {}, getMedia = () => mediaState, mediaKeys = /* @__PURE__ */ new Set(), mediaKeyRegex = /\$(platform|theme|group)-/, isMediaKey = (key) => key[0] !== "$" ? !1 : !!(mediaKeys.has(key) || mediaKeyRegex.test(key)), getMediaKey = (key) => {
-  if (key[0] !== "$") return !1;
-  if (mediaKeys.has(key)) return !0;
-  const match = key.match(mediaKeyRegex);
-  return match ? match[1] : !1;
-};
-let initState, mediaKeysOrdered;
-const getMediaKeyImportance = (key) => {
-  if (process.env.NODE_ENV === "development" && key[0] === "$")
-    throw new Error("use short key");
-  return mediaKeysOrdered.indexOf(key) + 100;
-}, dispose = /* @__PURE__ */ new Set();
-let mediaVersion = 0;
-const configureMedia = (config) => {
-  const { media } = config, mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
-  if (media) {
-    mediaVersion++, resetMediaStyleCache();
-    for (const key in media)
-      mediaState[key] = mediaQueryDefaultActive?.[key] || !1, mediaKeys.add(`$${key}`);
-    Object.assign(mediaQueryConfig, media), initState = { ...mediaState }, mediaKeysOrdered = Object.keys(media), setupMediaListeners();
-  }
-};
-function unlisten() {
-  dispose.forEach((cb) => cb()), dispose.clear();
-}
-let setupVersion = -1;
-function setupMediaListeners() {
-  if (!(isWeb && isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
-    setupVersion = mediaVersion, unlisten();
-    for (const key in mediaQueryConfig) {
-      let update = function() {
-        const next = !!getMatch().matches;
-        next !== mediaState[key] && (mediaState = { ...mediaState, [key]: next }, updateMediaListeners());
-      };
-      const str = mediaObjectToString(mediaQueryConfig[key], key), getMatch = () => matchMedia(str), match = getMatch();
-      if (!match)
-        throw new Error("\u26A0\uFE0F No match");
-      match.addListener(update), dispose.add(() => {
-        match.removeListener(update);
-      }), update();
-    }
-  }
-}
-const listeners = /* @__PURE__ */ new Set();
-function updateMediaListeners() {
-  listeners.forEach((cb) => cb(mediaState));
-}
-const States = /* @__PURE__ */ new WeakMap();
-function setMediaShouldUpdate(ref, enabled, keys) {
-  const cur = States.get(ref);
-  (!cur || cur.enabled !== enabled || keys) && States.set(ref, {
-    ...cur,
-    enabled,
-    keys
-  });
-}
-function subscribe(subscriber) {
-  return listeners.add(subscriber), () => {
-    listeners.delete(subscriber);
-  };
-}
-function useMedia(componentContext, debug) {
-  const componentState = componentContext ? States.get(componentContext) : null, internalRef = useRef(null);
-  internalRef.current || (internalRef.current = {
-    keys: /* @__PURE__ */ new Set(),
-    lastState: mediaState
-  }), internalRef.current.pendingState && (internalRef.current.lastState = internalRef.current.pendingState, internalRef.current.pendingState = void 0);
-  const { keys } = internalRef.current;
-  keys.size && keys.clear();
-  const state = useSyncExternalStore(
-    subscribe,
-    () => {
-      const curKeys = componentState?.keys || keys, { lastState, pendingState } = internalRef.current;
-      if (!curKeys.size)
-        return lastState;
-      for (const key of curKeys)
-        if (mediaState[key] !== (pendingState || lastState)[key])
-          return process.env.NODE_ENV === "development" && debug && console.warn("useMedia() \u270D\uFE0F", key, lastState[key], "=>", mediaState[key]), componentContext?.mediaEmit ? (componentContext.mediaEmit(mediaState), internalRef.current.pendingState = mediaState, lastState) : (internalRef.current.lastState = mediaState, mediaState);
-      return lastState;
-    },
-    getServerSnapshot
-  );
-  return new Proxy(state, {
-    get(_, key) {
-      return !disableMediaTouch && typeof key == "string" && keys.add(key), Reflect.get(state, key);
-    }
-  });
-}
-const getServerSnapshot = () => initState;
-let disableMediaTouch = !1;
-function _disableMediaTouch(val) {
-  disableMediaTouch = val;
-}
-function getMediaState(mediaGroups, layout) {
-  disableMediaTouch = !0;
-  let res;
-  try {
-    res = Object.fromEntries(
-      [...mediaGroups].map((mediaKey) => [mediaKey, mediaKeyMatch(mediaKey, layout)])
-    );
-  } finally {
-    disableMediaTouch = !1;
-  }
-  return res;
-}
-const getMediaImportanceIfMoreImportant = (mediaKey, key, styleState, isSizeMedia) => {
-  const importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : defaultMediaImportance, usedKeys = styleState.usedKeys;
-  return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
-};
-function camelToHyphen(str) {
-  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase();
-}
-const cache = /* @__PURE__ */ new WeakMap(), cachedMediaKeyToQuery = {};
-function mediaObjectToString(query, key) {
-  if (typeof query == "string")
-    return query;
-  if (cache.has(query))
-    return cache.get(query);
-  const res = Object.entries(query).map(([feature, value]) => (feature = camelToHyphen(feature), typeof value == "string" ? `(${feature}: ${value})` : (typeof value == "number" && /[height|width]$/.test(feature) && (value = `${value}px`), `(${feature}: ${value})`))).join(" and ");
-  return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
-}
-function mediaKeyToQuery(key) {
-  return cachedMediaKeyToQuery[key] || mediaObjectToString(mediaQueryConfig[key], key);
-}
-function mediaKeyMatch(key, dimensions) {
-  const mediaQueries = mediaQueryConfig[key];
-  return Object.keys(mediaQueries).every((query) => {
-    const expectedVal = +mediaQueries[query], isMax = query.startsWith("max"), isWidth = query.endsWith("Width"), givenVal = dimensions[isWidth ? "width" : "height"];
-    return isMax ? givenVal < expectedVal : givenVal > expectedVal;
-  });
-}
-export {
-  _disableMediaTouch,
-  configureMedia,
-  getMedia,
-  getMediaImportanceIfMoreImportant,
-  getMediaKey,
-  getMediaKeyImportance,
-  getMediaState,
-  isMediaKey,
-  mediaKeyMatch,
-  mediaKeyToQuery,
-  mediaKeys,
-  mediaObjectToString,
-  mediaQueryConfig,
-  mediaState,
-  setMediaShouldUpdate,
-  setupMediaListeners,
-  updateMediaListeners,
-  useMedia
-};
-//# sourceMappingURL=useMedia.js.map

package/dist/esm/hooks/useMedia.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useMedia.tsx"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/hooks/useProps.js

@@ -1,92 +0,0 @@
-import { useIsomorphicLayoutEffect } from "@tamagui/constants";
-import React from "react";
-import { getConfig } from "../config";
-import { ComponentContext } from "../contexts/ComponentContext";
-import { GroupContext } from "../contexts/GroupContext";
-import { useSplitStyles } from "../helpers/getSplitStyles";
-import { subscribeToContextGroup } from "../helpers/subscribeToContextGroup";
-import { View } from "../views/View";
-import { useComponentState } from "./useComponentState";
-import { mediaState, useMedia } from "./useMedia";
-import { useThemeWithState } from "./useTheme";
-function useProps(props, opts) {
-  const [propsOut, styleOut] = usePropsAndStyle(props, {
-    ...opts,
-    noExpand: !0,
-    noNormalize: !0,
-    resolveValues: "none"
-  });
-  return {
-    ...propsOut,
-    ...styleOut
-  };
-}
-function useStyle(props, opts) {
-  return usePropsAndStyle(props, opts)[1] || {};
-}
-function usePropsAndStyle(props, opts) {
-  const staticConfig = opts?.forComponent?.staticConfig ?? View.staticConfig, [theme, themeState] = useThemeWithState({
-    componentName: staticConfig.componentName,
-    name: "theme" in props ? props.theme : void 0,
-    needsUpdate() {
-      return !0;
-    }
-  }), componentContext = React.useContext(ComponentContext), groupContext = React.useContext(GroupContext), { state, disabled, setStateShallow } = useComponentState(
-    props,
-    componentContext.animationDriver,
-    staticConfig,
-    getConfig()
-  ), mediaStateNow = opts?.noMedia ? (
-    // not safe to use mediaState but really marginal to hit this
-    mediaState
-  ) : useMedia(), splitStyles = useSplitStyles(
-    props,
-    staticConfig,
-    theme,
-    themeState?.name || "",
-    state,
-    {
-      isAnimated: !1,
-      mediaState: mediaStateNow,
-      noSkip: !0,
-      noMergeStyle: !0,
-      noClass: !0,
-      resolveValues: "auto",
-      ...opts
-    },
-    null,
-    componentContext,
-    groupContext
-  ), { mediaGroups, pseudoGroups } = splitStyles || {};
-  return useIsomorphicLayoutEffect(() => {
-    if (!disabled) {
-      if (state.unmounted) {
-        setStateShallow({ unmounted: !1 });
-        return;
-      }
-      if (groupContext)
-        return subscribeToContextGroup({
-          groupContext,
-          setStateShallow,
-          mediaGroups,
-          pseudoGroups
-        });
-    }
-  }, [
-    disabled,
-    groupContext,
-    pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0,
-    mediaGroups ? Object.keys([...mediaGroups]).join("") : 0
-  ]), [
-    splitStyles?.viewProps || {},
-    splitStyles?.style || {},
-    theme,
-    mediaState
-  ];
-}
-export {
-  useProps,
-  usePropsAndStyle,
-  useStyle
-};
-//# sourceMappingURL=useProps.js.map

package/dist/esm/hooks/useProps.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useProps.tsx"],
-  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAGxC,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,YAAY,gBAAgB;AACrC,SAAS,yBAAyB;AA8B3B,SAAS,SACd,OACA,MAC4B;AAC5B,QAAM,CAAC,UAAU,QAAQ,IAAI,iBAAiB,OAAO;AAAA,IACnD,GAAG;AAAA,IACH,UAAU;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,EACjB,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;AAQO,SAAS,SACd,OACA,MAC4B;AAC5B,SAAO,iBAAiB,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC;AAC9C;AAQO,SAAS,iBACd,OACA,MACsF;AACtF,QAAM,eAAe,MAAM,cAAc,gBAAgB,KAAK,cACxD,CAAC,OAAO,UAAU,IAAI,kBAAkB;AAAA,IAC5C,eAAe,aAAa;AAAA,IAC5B,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,IACvC,cAAc;AACZ,aAAO;AAAA,IACT;AAAA,EACF,CAAC,GACK,mBAAmB,MAAM,WAAW,gBAAgB,GACpD,eAAe,MAAM,WAAW,YAAY,GAC5C,EAAE,OAAO,UAAU,gBAAgB,IAAI;AAAA,IAC3C;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,UAAU;AAAA,EACZ,GAEM,gBAAgB,MAAM;AAAA;AAAA,IAExB;AAAA,MACA,SAAS,GAEP,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,QAAQ;AAAA,IACpB;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,eAAe;AAAA,MACf,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAEM,EAAE,aAAa,aAAa,IAAI,eAAe,CAAC;AAEtD,mCAA0B,MAAM;AAC9B,QAAI,WAIJ;AAAA,UAAI,MAAM,WAAW;AACnB,wBAAgB,EAAE,WAAW,GAAM,CAAC;AACpC;AAAA,MACF;AAEA,UAAI;AACF,eAAO,wBAAwB;AAAA,UAC7B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA;AAAA,EAEL,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA,eAAe,OAAO,KAAK,CAAC,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI;AAAA,IACzD,cAAc,OAAO,KAAK,CAAC,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI;AAAA,EACzD,CAAC,GAEM;AAAA,IACL,aAAa,aAAa,CAAC;AAAA,IAC3B,aAAa,SAAS,CAAC;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/esm/hooks/useTheme.js

@@ -1,21 +0,0 @@
-import { useRef } from "react";
-import { getThemeProxied } from "./getThemeProxied";
-import { useThemeState } from "./useThemeState";
-const EMPTY = {}, useTheme = () => {
-  const [theme] = useThemeWithState(EMPTY);
-  return theme;
-}, useThemeWithState = (props, isRoot = !1) => {
-  const keys = useRef(null), schemeKeys = useRef(null), themeState = useThemeState(props, isRoot, keys, schemeKeys);
-  return process.env.NODE_ENV === "development" && !props.passThrough && !themeState?.theme && process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.error(
-    `[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(
-      props
-    )}).
-
-If this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`
-  ), [props.passThrough ? {} : getThemeProxied(props, themeState, keys, schemeKeys), themeState];
-};
-export {
-  useTheme,
-  useThemeWithState
-};
-//# sourceMappingURL=useTheme.js.map

package/dist/esm/hooks/useTheme.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useTheme.tsx"],
-  "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,uBAA0C;AACnD,SAAS,qBAAqB;AAE9B,MAAM,QAAQ,CAAC,GAEF,WAAW,MAAM;AAC5B,QAAM,CAAC,KAAK,IAAI,kBAAkB,KAAK;AAEvC,SADY;AAEd,GAOa,oBAAoB,CAC/B,OACA,SAAS,OACU;AACnB,QAAM,OAAO,OAA2B,IAAI,GACtC,aAAa,OAA2B,IAAI,GAC5C,aAAa,cAAc,OAAO,QAAQ,MAAM,UAAU;AAEhE,SAAI,QAAQ,IAAI,aAAa,iBACvB,CAAC,MAAM,eAAe,CAAC,YAAY,SACjC,QAAQ,IAAI,qCAAqC,OACnD,QAAQ;AAAA,IACN,2FAA2F,KAAK;AAAA,MAC9F;AAAA,IACF,CAAC;AAAA;AAAA;AAAA,EACH,GASC,CAJc,MAAM,cACvB,CAAC,IACD,gBAAgB,OAAO,YAAY,MAAM,UAAU,GAEjC,UAAU;AAClC;",
-  "names": []
-}

package/dist/esm/hooks/useThemeName.js

@@ -1,9 +0,0 @@
-import { useThemeState } from "./useThemeState";
-const forceUpdateState = { forceClassName: !0, deopt: !0, needsUpdate: () => !0 }, forceKeys = { current: /* @__PURE__ */ new Set([""]) };
-function useThemeName() {
-  return useThemeState(forceUpdateState, !1, forceKeys)?.name || "";
-}
-export {
-  useThemeName
-};
-//# sourceMappingURL=useThemeName.js.map

package/dist/esm/hooks/useThemeName.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useThemeName.tsx"],
-  "mappings": "AACA,SAAS,qBAAqB;AAG9B,MAAM,mBAAmB,EAAE,gBAAgB,IAAM,OAAO,IAAM,aAAa,MAAM,GAAK,GAChF,YAAY,EAAE,SAAS,oBAAI,IAAI,CAAC,EAAE,CAAC,EAAE;AAEpC,SAAS,eAA0B;AACxC,SAAO,cAAc,kBAAkB,IAAO,SAAS,GAAG,QAAQ;AACpE;",
-  "names": []
-}