@hanzogui/web 3.0.6 → 4.4.0

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

@@ -13,8 +13,8 @@ import { useThemeWithState } from "./useTheme.native.js";
 function useProps(props, opts) {
   var [propsOut, styleOut] = usePropsAndStyle(props, {
     ...opts,
-    noExpand: !0,
-    noNormalize: !0,
+    noExpand: true,
+    noNormalize: true,
     resolveValues: "none"
   });
   return {
@@ -26,55 +26,59 @@ function useStyle(props, opts) {
   return usePropsAndStyle(props, opts)[1] || {};
 }
 function usePropsAndStyle(props, opts) {
-  var _opts_forComponent,
-    _opts_forComponent_staticConfig,
-    staticConfig = (_opts_forComponent_staticConfig = opts == null || (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _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(function () {
-    if (!disabled) {
-      if (state.unmounted) {
-        setStateShallow({
-          unmounted: !1
-        });
-        return;
-      }
-      if (groupContext) return subscribeToContextGroup({
+  var _opts_forComponent;
+  var _opts_forComponent_staticConfig;
+  var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : View.staticConfig;
+  var [theme, themeState] = useThemeWithState({
+    componentName: staticConfig.componentName,
+    name: "theme" in props ? props.theme : void 0,
+    needsUpdate() {
+      return true;
+    }
+  });
+  var componentContext = React.useContext(ComponentContext);
+  var groupContext = React.useContext(GroupContext);
+  var {
+    state,
+    disabled,
+    setStateShallow
+  } = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());
+  var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ?
+  // not safe to use mediaState but really marginal to hit this
+  mediaState : useMedia();
+  var splitStyles = useSplitStyles(props, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "", state, {
+    isAnimated: false,
+    mediaState: mediaStateNow,
+    noSkip: true,
+    noMergeStyle: true,
+    noClass: true,
+    resolveValues: "auto",
+    ...opts
+  }, null, componentContext, groupContext);
+  var {
+    mediaGroups,
+    pseudoGroups
+  } = splitStyles || {};
+  useIsomorphicLayoutEffect(function () {
+    if (disabled) {
+      return;
+    }
+    if (state.unmounted) {
+      setStateShallow({
+        unmounted: false
+      });
+      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];
+  }, [disabled, groupContext, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]);
+  return [(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {}, (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {}, theme, mediaState];
 }
 export { useProps, usePropsAndStyle, useStyle };
 //# sourceMappingURL=useProps.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIsomorphicLayoutEffect","React","getConfig","ComponentContext","GroupContext","useSplitStyles","subscribeToContextGroup","View","useComponentState","mediaState","useMedia","useThemeWithState","useProps","props","opts","propsOut","styleOut","usePropsAndStyle","noExpand","noNormalize","resolveValues","useStyle","_opts_forComponent","_opts_forComponent_staticConfig","staticConfig","forComponent","theme","themeState","componentName","name","needsUpdate","componentContext","useContext","groupContext","state","disabled","setStateShallow","animationDriver","mediaStateNow","noMedia","splitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","unmounted","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAC1C,OAAOC,KAAA,MAAW;AAClB,SAASC,SAAA,QAAiB;AAC1B,SAASC,gBAAA,QAAwB;AACjC,SAASC,YAAA,QAAoB;AAC7B,SAASC,cAAA,QAAsB;AAC/B,SAASC,uBAAA,QAA+B;AAGxC,SAASC,IAAA,QAAY;AACrB,SAASC,iBAAA,QAAyB;AAClC,SAASC,UAAA,QAAkB;AAC3B,SAASC,QAAA,QAAgB;AACzB,SAASC,iBAAA,QAAyB;AA8B3B,SAASC,SACdC,KAAA,EACAC,IAAA,EAC4B;EAC5B,KAAAC,QAAO,EAAAC,QAAU,IAAQC,gBAAI,CAAAJ,KAAiB;IAC5C,GAAGC,IAAA;IACHI,QAAA,EAAU;IACVC,WAAA,EAAa;IACbC,aAAA,EAAe;EACjB,CAAC;EACD,OAAO;IACL,GAAGL,QAAA;IACH,GAAGC;EACL;AACF;AAQO,SAASK,SACdR,KAAA,EACAC,IAAA,EAC4B;EAC5B,OAAOG,gBAAA,CAAiBJ,KAAA,EAAOC,IAAI,EAAE,CAAC,KAAK,CAAC;AAC9C;AAQO,SAASG,iBACdJ,KAAA,EACAC,IAAA,EACsF;EACtF,IAAAQ,kBAAqB;IAAAC,+BAAoB;IAAgBC,YAAK,IAAAD,+BAClC,GAAAT,IAAA,QAAkB,KAAAQ,kBAAA,GAAAR,IAAA,CAAAW,YAAA,cAAAH,kBAAA,uBAAAA,kBAAA,CAAAE,YAAA,cAAAD,+BAAA,cAAAA,+BAAA,GAAAhB,IAAA,CAAAiB,YAAA;IAAA,CAAAE,KAAA,EAAAC,UAAA,IAAAhB,iBAAA;MAC5CiB,aAAA,EAAeJ,YAAA,CAAaI,aAAA;MAC5BC,IAAA,EAAM,WAAWhB,KAAA,GAAQA,KAAA,CAAMa,KAAA,GAAQ;MACvCI,YAAA,EAAc;QACZ,OAAO;MACT;IACF,CAAC;IACKC,gBAAA,GAAmB9B,KAAA,CAAM+B,UAAA,CAAW7B,gBAAgB;IACpD8B,YAAA,GAAehC,KAAA,CAAM+B,UAAA,CAAW5B,YAAY;IAC5C;MAAE8B,KAAA;MAAOC,QAAA;MAAUC;IAAgB,IAAI5B,iBAAA,CAAAK,KAAA,EAAAkB,gBAAA,CAAAM,eAAA,EAAAb,YAAA,EAAAtB,SAAA;IAAAoC,aAAA,GAAAxB,IAAA,EAAAyB,OAAA;IAC3C;IACA9B,UAAA,GACAC,QAAA;IAAA8B,WAAA,GAAAnC,cAAA,CAAAQ,KAAA,EAAAW,YAAA,EAAAE,KAAA,EAAAC,UAAA,EAAAE,IAAA,QAAAK,KAAA;MACAO,UAAU;MACZhC,UAEM,EAAA6B,aAAsB;MAAAI,MAAA;MAExBC,YAAA;MAAAC,OACA,IAAS;MAGXxB,aAAA;MACA,GAAAN;IAAA,GACA,MAAAiB,gBAAA,EAAAE,YAAA;IAAA;MAAAY,WAAA;MAAAC;IAAA,IAAAN,WAAA;EAAA,OACAxC,yBAAoB;IACpB,KAAAmC,QAAA;MACA,IAAAD,KAAA,CAAAa,SAAA;QACEX,eAAY;UACZW,SAAY;QACZ;QACA;MACA;MACA,IAAAd,YAAe,EACf,OAAG3B,uBAAA;QACL2B,YAAA;QACAG,eAAA;QACAS,WAAA;QACAC;MAGM;IAER;EACE,IAIAX,QAAI,EACFF,YAAA,EACAa,YAAA,GAAAE,MAAA,CAAAC,IAAA,EACF,GAAAH,YAAA,CAEA,EAAAI,IAAI,UACFL,WAAO,GAAAG,MAAA,CAAAC,IAAA,EAAwB,GAAAJ,WAC7B,GAAAK,IACA,aACAV,WACA,EAAAW,SAAA,QAAAX,WACD,EAAAY,KAAA,QAAA1B,KAAA,EAELjB,UAAG;AACD;AACA,SACyDG,QACzD,EACFK,gBAEO,EAAAI,QACL","ignoreList":[]}
+{"version":3,"names":["useIsomorphicLayoutEffect","React","getConfig","ComponentContext","GroupContext","useSplitStyles","subscribeToContextGroup","View","useComponentState","mediaState","useMedia","useThemeWithState","useProps","props","opts","propsOut","styleOut","usePropsAndStyle","noExpand","noNormalize","resolveValues","useStyle","_opts_forComponent","_opts_forComponent_staticConfig","staticConfig","forComponent","theme","themeState","componentName","name","needsUpdate","componentContext","useContext","groupContext","state","disabled","setStateShallow","animationDriver","mediaStateNow","noMedia","splitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","unmounted","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useTheme.mjs

@@ -1,22 +1,31 @@
 import { useRef } from "react";
 import { getThemeProxied } from "./getThemeProxied.mjs";
 import { useThemeState } from "./useThemeState.mjs";
-const EMPTY = {},
-  useTheme = () => {
-    "use no memo";
+const EMPTY = {};
+const useTheme = () => {
+  "use no memo";
 
-    const [theme] = useThemeWithState(EMPTY);
-    return theme;
-  },
-  useThemeWithState = (props, isRoot = !1) => {
-    "use no memo";
+  const [theme] = useThemeWithState(EMPTY);
+  const res = theme;
+  return res;
+};
+const useThemeWithState = (props, isRoot = false) => {
+  "use no memo";
 
-    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.HANZO_GUI_DISABLE_NO_THEME_WARNING !== "1" && console.error(`[hanzo-gui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).
+  const keys = useRef(null);
+  const schemeKeys = useRef(null);
+  const themeState = useThemeState(props, isRoot, keys, schemeKeys);
+  if (process.env.NODE_ENV === "development") {
+    if (!props.passThrough && !themeState?.theme) {
+      if (process.env.GUI_DISABLE_NO_THEME_WARNING !== "1") {
+        console.error(`[hanzo-gui] 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 Hanzo GUI without any themes, you can disable this warning by setting the environment variable HANZO_GUI_DISABLE_NO_THEME_WARNING=1`), [props.passThrough ? {} : getThemeProxied(props, themeState, keys, schemeKeys), themeState];
-  };
+If this is intended and you are using GUI without any themes, you can disable this warning by setting the environment variable GUI_DISABLE_NO_THEME_WARNING=1`);
+      }
+    }
+  }
+  const themeProxied = props.passThrough ? {} : getThemeProxied(props, themeState, keys, schemeKeys);
+  return [themeProxied, themeState];
+};
 export { useTheme, useThemeWithState };
 //# sourceMappingURL=useTheme.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["useRef","getThemeProxied","useThemeState","EMPTY","useTheme","theme","useThemeWithState","props","isRoot","keys","schemeKeys","themeState","process","env","NODE_ENV","passThrough","HANZO_GUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,eAAA,QAA0C;AACnD,SAASC,aAAA,QAAqB;AAE9B,MAAMC,KAAA,GAAQ,CAAC;EAEFC,QAAA,GAAWA,CAAA,KAAM;IAC5B;;IAEA,MAAM,CAACC,KAAK,IAAIC,iBAAA,CAAkBH,KAAK;IAEvC,OADYE,KAAA;EAEd;EAOaC,iBAAA,GAAoBA,CAC/BC,KAAA,EACAC,MAAA,GAAS,OACU;IACnB;;IAEA,MAAMC,IAAA,GAAOT,MAAA,CAA2B,IAAI;MACtCU,UAAA,GAAaV,MAAA,CAA2B,IAAI;MAC5CW,UAAA,GAAaT,aAAA,CAAcK,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,UAAU;IAEhE,OAAIE,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBACvB,CAACP,KAAA,CAAMQ,WAAA,IAAe,CAACJ,UAAA,EAAYN,KAAA,IACjCO,OAAA,CAAQC,GAAA,CAAIG,kCAAA,KAAuC,OACrDC,OAAA,CAAQC,KAAA,CACN,6FAA6FC,IAAA,CAAKC,SAAA,CAChGb,KACF,CAAC;AAAA;AAAA,0KACH,GASC,CAJcA,KAAA,CAAMQ,WAAA,GACvB,CAAC,IACDd,eAAA,CAAgBM,KAAA,EAAOI,UAAA,EAAYF,IAAA,EAAMC,UAAU,GAEjCC,UAAU;EAClC","ignoreList":[]}
+{"version":3,"names":["useRef","getThemeProxied","useThemeState","EMPTY","useTheme","theme","useThemeWithState","res","props","isRoot","keys","schemeKeys","themeState","process","env","NODE_ENV","passThrough","GUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify","themeProxied"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,eAAA,QAA0C;AACnD,SAASC,aAAA,QAAqB;AAE9B,MAAMC,KAAA,GAAQ,CAAC;AAER,MAAMC,QAAA,GAAWA,CAAA,KAAM;EAC5B;;EAEA,MAAM,CAACC,KAAK,IAAIC,iBAAA,CAAkBH,KAAK;EACvC,MAAMI,GAAA,GAAMF,KAAA;EACZ,OAAOE,GAAA;AACT;AAOO,MAAMD,iBAAA,GAAoBA,CAC/BE,KAAA,EACAC,MAAA,GAAS,UACU;EACnB;;EAEA,MAAMC,IAAA,GAAOV,MAAA,CAA2B,IAAI;EAC5C,MAAMW,UAAA,GAAaX,MAAA,CAA2B,IAAI;EAClD,MAAMY,UAAA,GAAaV,aAAA,CAAcM,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,UAAU;EAEhE,IAAIE,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;IAC1C,IAAI,CAACP,KAAA,CAAMQ,WAAA,IAAe,CAACJ,UAAA,EAAYP,KAAA,EAAO;MAC5C,IAAIQ,OAAA,CAAQC,GAAA,CAAIG,4BAAA,KAAiC,KAAK;QACpDC,OAAA,CAAQC,KAAA,CACN,6FAA6FC,IAAA,CAAKC,SAAA,CAChGb,KACF,CAAC;AAAA;AAAA,8JACH;MACF;IACF;EACF;EAEA,MAAMc,YAAA,GAAed,KAAA,CAAMQ,WAAA,GACvB,CAAC,IACDf,eAAA,CAAgBO,KAAA,EAAOI,UAAA,EAAYF,IAAA,EAAMC,UAAU;EAEvD,OAAO,CAACW,YAAA,EAAcV,UAAU;AAClC","ignoreList":[]}

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

@@ -1,26 +1,32 @@
 import { useRef } from "react";
 import { getThemeProxied } from "./getThemeProxied.native.js";
 import { useThemeState } from "./useThemeState.native.js";
-var EMPTY = {},
-  useTheme = function () {
-    "use no memo";
+var EMPTY = {};
+var useTheme = function () {
+  "use no memo";
 
-    var [theme] = useThemeWithState(EMPTY),
-      res = theme;
-    return res;
-  },
-  useThemeWithState = function (props) {
-    "use no memo";
+  var [theme] = useThemeWithState(EMPTY);
+  var res = theme;
+  return res;
+};
+var useThemeWithState = function (props) {
+  "use no memo";
 
-    var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1,
-      keys = useRef(null),
-      schemeKeys = useRef(null),
-      themeState = useThemeState(props, isRoot, keys, schemeKeys);
-    process.env.NODE_ENV === "development" && !props.passThrough && !themeState?.theme && process.env.HANZO_GUI_DISABLE_NO_THEME_WARNING !== "1" && console.error(`[hanzo-gui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).
+  var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+  var keys = useRef(null);
+  var schemeKeys = useRef(null);
+  var themeState = useThemeState(props, isRoot, keys, schemeKeys);
+  if (process.env.NODE_ENV === "development") {
+    if (!props.passThrough && !(themeState === null || themeState === void 0 ? void 0 : themeState.theme)) {
+      if (process.env.GUI_DISABLE_NO_THEME_WARNING !== "1") {
+        console.error(`[hanzo-gui] 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 Hanzo GUI without any themes, you can disable this warning by setting the environment variable HANZO_GUI_DISABLE_NO_THEME_WARNING=1`);
-    var themeProxied = props.passThrough ? {} : getThemeProxied(props, themeState, keys, schemeKeys);
-    return [themeProxied, themeState];
-  };
+If this is intended and you are using GUI without any themes, you can disable this warning by setting the environment variable GUI_DISABLE_NO_THEME_WARNING=1`);
+      }
+    }
+  }
+  var themeProxied = props.passThrough ? {} : getThemeProxied(props, themeState, keys, schemeKeys);
+  return [themeProxied, themeState];
+};
 export { useTheme, useThemeWithState };
 //# sourceMappingURL=useTheme.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useRef","getThemeProxied","useThemeState","EMPTY","useTheme","theme","useThemeWithState","res","props","isRoot","arguments","length","keys","schemeKeys","themeState","process","env","NODE_ENV","passThrough","HANZO_GUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify","themeProxied"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,eAAA,QAA0C;AACnD,SAASC,aAAA,QAAqB;AAE9B,IAAAC,KAAM,KAAQ;EAACC,QAEF,YAAAA,CAAA,EAAiB;IAC5B;;IAEA,KAAAC,KAAO,IAAKC,iBAAI,CAAAH,KAAkB;MAAKI,GAAA,GAAAF,KAAA;IAEvC,OADYE,GAAA;EAEd;EAOaD,iBAAA,GAAoB,SAAAA,CAE/BE,KAAA;IAEA;;IAEA,IAAAC,MAAM,GAAOC,SAA2B,CAAAC,MAClC,QAAAD,SAAa,CAA2B,OACxC,SAAAA,SAAa;MAAcE,IAAA,GAAOZ,MAAA,CAAQ;MAAMa,UAAU,GAAAb,MAAA;MAAAc,UAAA,GAAAZ,aAAA,CAAAM,KAAA,EAAAC,MAAA,EAAAG,IAAA,EAAAC,UAAA;IAEhEE,OAAI,CAAAC,GAAA,CAAAC,QAAY,kBAAa,KAAAT,KAAA,CACvBU,WAAO,KAAAJ,UAAgB,EAAAT,KAAA,IAAYU,OACjC,CAAAC,GAAA,CAAAG,kCAAY,YAAuCC,OACrD,CAAAC,KAAA,8FAAQC,IAAA,CAAAC,SAAA,CAAAf,KAAA;AAAA;AAC4F,0KAChG;IAAA,IACDgB,YAAA,GAAAhB,KAAA,CAAAU,WAAA,QAAAjB,eAAA,CAAAO,KAAA,EAAAM,UAAA,EAAAF,IAAA,EAAAC,UAAA;IAAA,QAAAW,YAAA,EACHV,UAKqB,CAK7B","ignoreList":[]}
+{"version":3,"names":["useRef","getThemeProxied","useThemeState","EMPTY","useTheme","theme","useThemeWithState","res","props","isRoot","arguments","length","keys","schemeKeys","themeState","process","env","NODE_ENV","passThrough","GUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify","themeProxied"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,eAAA,QAA0C;AACnD,SAASC,aAAA,QAAqB;AAE9B,IAAAC,KAAM,KAAQ;AAEP,IAAAC,QAAM,YAAAA,CAAA,EAAiB;EAC5B;;EAEA,KAAAC,KAAO,IAAKC,iBAAI,CAAAH,KAAkB;EAClC,IAAAI,GAAM,GAAAF,KAAM;EACZ,OAAOE,GAAA;AACT;AAOO,IAAAD,iBAAM,YAAAA,CACXE,KACA;EAEA;;EAEA,IAAAC,MAAM,GAAOC,SAA2B,CAAAC,MAAI,QAAAD,SAAA,iBAAAA,SAAA;EAC5C,IAAAE,IAAM,GAAAZ,MAAA,KAAa;EACnB,IAAAa,UAAM,GAAAb,MAAa;EAEnB,IAAIc,UAAQ,GAAIZ,aAAa,CAAAM,KAAA,EAAAC,MAAe,EAAAG,IAAA,EAAAC,UAAA;EAC1C,IAAAE,OAAK,CAAAC,GAAM,CAAAC,QAAA,KAAgB,aAAY;IACrC,KAAAT,KAAI,CAAAU,WAAY,MAAAJ,UAAA,aAAiCA,UAAK,uBAAAA,UAAA,CAAAT,KAAA;MACpD,IAAAU,OAAQ,CAAAC,GAAA,CAAAG,4BAAA;QAAAC,OACN,CAAAC,KAAA,8FAAkGC,IAAA,CAAAC,SAAA,CAAAf,KAAA;AAAA;AAChG,8JACD;MAAA;IAAA;EAAA;EACH,IACFgB,YAAA,GAAAhB,KAAA,CAAAU,WAAA,QAAAjB,eAAA,CAAAO,KAAA,EAAAM,UAAA,EAAAF,IAAA,EAAAC,UAAA;EAAA,OACF,CACFW,YAAA,EAEAV,UAAM,CAIN;AACF","ignoreList":[]}

package/dist/esm/hooks/useThemeName.mjs

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

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

@@ -1 +1 @@
-{"version":3,"names":["useThemeState","forceUpdateState","forceClassName","deopt","needsUpdate","forceKeys","current","Set","useThemeName","name"],"sources":["../../../src/hooks/useThemeName.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,aAAA,QAAqB;AAG9B,MAAMC,gBAAA,GAAmB;IAAEC,cAAA,EAAgB;IAAMC,KAAA,EAAO;IAAMC,WAAA,EAAaA,CAAA,KAAM;EAAK;EAChFC,SAAA,GAAY;IAAEC,OAAA,EAAS,mBAAIC,GAAA,CAAI,CAAC,EAAE,CAAC;EAAE;AAEpC,SAASC,aAAA,EAA0B;EACxC,OAAOR,aAAA,CAAcC,gBAAA,EAAkB,IAAOI,SAAS,GAAGI,IAAA,IAAQ;AACpE","ignoreList":[]}
+{"version":3,"names":["useThemeState","forceUpdateState","forceClassName","deopt","needsUpdate","forceKeys","current","Set","useThemeName","name"],"sources":["../../../src/hooks/useThemeName.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,aAAA,QAAqB;AAG9B,MAAMC,gBAAA,GAAmB;EAAEC,cAAA,EAAgB;EAAMC,KAAA,EAAO;EAAMC,WAAA,EAAaA,CAAA,KAAM;AAAK;AACtF,MAAMC,SAAA,GAAY;EAAEC,OAAA,EAAS,mBAAIC,GAAA,CAAI,CAAC,EAAE,CAAC;AAAE;AAEpC,SAASC,aAAA,EAA0B;EACxC,OAAOR,aAAA,CAAcC,gBAAA,EAAkB,OAAOI,SAAS,GAAGI,IAAA,IAAQ;AACpE","ignoreList":[]}

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

@@ -1,17 +1,17 @@
 import { useThemeState } from "./useThemeState.native.js";
 var forceUpdateState = {
-    forceClassName: !0,
-    deopt: !0,
-    needsUpdate: function () {
-      return !0;
-    }
-  },
-  forceKeys = {
-    current: /* @__PURE__ */new Set([""])
-  };
+  forceClassName: true,
+  deopt: true,
+  needsUpdate: function () {
+    return true;
+  }
+};
+var forceKeys = {
+  current: /* @__PURE__ */new Set([""])
+};
 function useThemeName() {
   var _useThemeState;
-  return ((_useThemeState = useThemeState(forceUpdateState, !1, forceKeys)) === null || _useThemeState === void 0 ? void 0 : _useThemeState.name) || "";
+  return ((_useThemeState = useThemeState(forceUpdateState, false, forceKeys)) === null || _useThemeState === void 0 ? void 0 : _useThemeState.name) || "";
 }
 export { useThemeName };
 //# sourceMappingURL=useThemeName.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useThemeState","forceUpdateState","forceClassName","deopt","needsUpdate"],"sources":["../../../src/hooks/useThemeName.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,aAAA,QAAqB;AAG9B,IAAAC,gBAAM;IAGCC,cAAS;IACdC,KAAA,EAAO;IACTC,WAAA,WAAAA,CAAA","ignoreList":[]}
+{"version":3,"names":["useThemeState","forceUpdateState","forceClassName","deopt","needsUpdate"],"sources":["../../../src/hooks/useThemeName.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,aAAA,QAAqB;AAG9B,IAAAC,gBAAM;EACNC,cAAM,EAAY,IAAE;EAEbC,KAAA,EAAS;EACdC,WAAO,WAAAA,CAAA,EAAc;IACvB","ignoreList":[]}