@hanzogui/web 2.0.0-rc.41-hanzoai.5

package/dist/cjs/views/Text.native.js

@@ -0,0 +1,52 @@
+"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 Text_exports = {};
+__export(Text_exports, {
+  Text: () => Text
+});
+module.exports = __toCommonJS(Text_exports);
+var import_helpers = require("@hanzogui/helpers");
+var Text = (0, require("../createComponent.native.js").createComponent)({
+  componentName: "Text",
+  acceptsClassName: true,
+  isText: true,
+  defaultProps: {
+    suppressHighlighting: true
+  },
+  inlineWhenUnflattened: /* @__PURE__ */new Set(["fontFamily"]),
+  variants: {
+    ellipsis: {
+      true: {
+        numberOfLines: 1,
+        lineBreakMode: "clip"
+      }
+    }
+  },
+  validStyles: {
+    ...import_helpers.validStyles,
+    ...import_helpers.stylePropsTextOnly
+  }
+});
+//# sourceMappingURL=Text.native.js.map

package/dist/cjs/views/Text.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toCommonJS","mod","__copyProps","__defProp","value","Text_exports","__export","Text","module","exports","import_helpers","require","createComponent","componentName","acceptsClassName","isText","defaultProps","suppressHighlighting","inlineWhenUnflattened","Set","variants","ellipsis","true","numberOfLines","lineBreakMode","validStyles","stylePropsTextOnly"],"sources":["../../../src/views/Text.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;EAAA;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAgD;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAEhDC,MAAA,CAAAC,OAAA,GAAAT,YAAgC,CAAAK,YAAA;AAUhC,IAAAK,cAAM,GAAAC,OACJ,oBAAY;AACR,IACEJ,IAAA,IAAU,GAAAI,OAAA,iCAAAC,eAAA;EAAAC,aACA;EAAAC,gBACI;EAAAC,MACd;EACFC,YACA;IAAAC,oBAAA;EAAA;EAAAC,qBACiB,qBAAAC,GAAA;EAAAC,QACf;IAAAC,QAAe;MAAAC,IAAA;QACjBC,aAAA;QAECC,aAAM,EAAO;MAKlB;IACA;EAAA;EAAeC,WACf;IACA,GAAAf,cAAQ,CAAAe,WAAA;IAER,GAAAf,cACE,CAAAgB;EAEI;AACwB,EACxB","ignoreList":[]}

package/dist/cjs/views/Theme.cjs

@@ -0,0 +1,198 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Theme_exports = {};
+__export(Theme_exports, {
+  Theme: () => Theme,
+  getThemedChildren: () => getThemedChildren
+});
+module.exports = __toCommonJS(Theme_exports);
+var import_constants = require("@hanzogui/constants");
+var import_react = __toESM(require("react"), 1);
+var import_createVariable = require("../createVariable.cjs");
+var import_useTheme = require("../hooks/useTheme.cjs");
+var import_useThemeState = require("../hooks/useThemeState.cjs");
+var import_ThemeDebug = require("./ThemeDebug.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Theme = (0, import_react.forwardRef)(function Theme2(props, ref) {
+  "use no memo";
+
+  if (props.disable) {
+    return props.children;
+  }
+  const {
+    passThrough
+  } = props;
+  const isRoot = !!props["_isRoot"];
+  const [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot);
+  const disableDirectChildTheme = props["disable-child-theme"];
+  let finalChildren = disableDirectChildTheme ? import_react.Children.map(props.children, child => passThrough || !(0, import_react.isValidElement)(child) ? child : (0, import_react.cloneElement)(child, {
+    ["data-disable-theme"]: true
+  })) : props.children;
+  if (ref) {
+    try {
+      import_react.default.Children.only(finalChildren);
+      finalChildren = (0, import_react.cloneElement)(finalChildren, {
+        ref
+      });
+    } catch {}
+  }
+  const stateRef = (0, import_react.useRef)({
+    hasEverThemed: false
+  });
+  return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
+});
+Theme["avoidForwardRef"] = true;
+function getThemedChildren(themeState, children, props, isRoot = false, stateRef, passThrough = false) {
+  const {
+    shallow,
+    forceClassName
+  } = props;
+  const state = stateRef.current;
+  let hasEverThemed = state.hasEverThemed;
+  let shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
+  if (process.env.NODE_ENV === "development" && props.debug === "visualize") {
+    children = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
+      themeState,
+      themeProps: props,
+      children
+    });
+  }
+  if (!shouldRenderChildrenWithTheme) {
+    return children;
+  }
+  children = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_useThemeState.ThemeStateContext.Provider, {
+    value: themeState.id,
+    children
+  });
+  const {
+    isInverse,
+    name
+  } = themeState;
+  const requiresExtraWrapper = isInverse || forceClassName;
+  if (!state.hasEverThemed) {
+    state.hasEverThemed = true;
+  }
+  if (requiresExtraWrapper ||
+  // if the theme is exactly dark or light, its likely to change between dark/light
+  // and that would require wrapping which would re-parent, so to avoid re-parenting do this
+  themeState.name === "dark" || themeState.name === "light") {
+    state.hasEverThemed = "wrapped";
+  }
+  if (shallow) {
+    if (!themeState.parentId) {} else {
+      const parentState = (0, import_useThemeState.getThemeState)(themeState.isNew ? themeState.id : themeState.parentId);
+      if (!parentState) throw new Error(`\u203C\uFE0F010`);
+      children = import_react.Children.toArray(children).map(child => {
+        return (0, import_react.isValidElement)(child) ? passThrough ? child : (0, import_react.cloneElement)(child, void 0, /* @__PURE__ */(0, import_jsx_runtime.jsx)(Theme, {
+          name: parentState.name,
+          children: child.props.children
+        })) : child;
+      });
+    }
+  }
+  if (process.env.NODE_ENV === "development") {
+    if (!passThrough && props.debug) {
+      console.warn(` getThemedChildren`, {
+        requiresExtraWrapper,
+        forceClassName,
+        themeState,
+        state,
+        themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
+      });
+    }
+  }
+  if (forceClassName === false) {
+    return children;
+  }
+  if (import_constants.isWeb) {
+    const baseStyle = props.contain ? inertContainedStyle : inertStyle;
+    const {
+      className = "",
+      color
+    } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
+    children = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      className: `${className} is_Theme`,
+      style: passThrough ? baseStyle : {
+        color,
+        ...baseStyle
+      },
+      children
+    });
+    if (state.hasEverThemed === "wrapped") {
+      const className2 = requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : `_dsp_contents`;
+      children = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+        className: className2,
+        children
+      });
+    }
+    return children;
+  }
+  return children;
+}
+const inertStyle = {
+  display: "contents"
+};
+const inertContainedStyle = {
+  display: "contents",
+  contain: "strict"
+};
+const empty = {
+  className: "",
+  color: void 0
+};
+function getThemeClassNameAndColor(themeState, props, isRoot = false) {
+  if (!themeState.isNew && !props.forceClassName) {
+    return empty;
+  }
+  const themeColor = themeState?.theme && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : "";
+  const style = themeColor ? {
+    color: themeColor
+  } : void 0;
+  const themeClassName = themeState.name.replace(schemePrefix, "");
+  const themeNameParts = themeClassName.split("_");
+  let themeClasses = `t_${themeClassName}`;
+  if (themeNameParts.length > 1) {
+    const hierarchyClasses = [];
+    for (let i = 1; i <= themeNameParts.length; i++) {
+      hierarchyClasses.push(`t_${themeNameParts.slice(0, i).join("_")}`);
+    }
+    themeClasses = hierarchyClasses.join(" ");
+  }
+  const className = `${isRoot ? "" : "t_sub_theme"} ${themeClasses}`;
+  return {
+    color: themeColor,
+    className
+  };
+}
+const schemePrefix = /^(dark|light)_/;

package/dist/cjs/views/Theme.native.js

@@ -0,0 +1,207 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Theme_exports = {};
+__export(Theme_exports, {
+  Theme: () => Theme,
+  getThemedChildren: () => getThemedChildren
+});
+module.exports = __toCommonJS(Theme_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@hanzogui/constants");
+var import_react = __toESM(require("react"), 1);
+var import_createVariable = require("../createVariable.native.js");
+var import_useTheme = require("../hooks/useTheme.native.js");
+var import_useThemeState = require("../hooks/useThemeState.native.js");
+var import_ThemeDebug = require("./ThemeDebug.native.js");
+var Theme = /* @__PURE__ */(0, import_react.forwardRef)(function Theme2(props, ref) {
+  "use no memo";
+
+  if (props.disable) {
+    return props.children;
+  }
+  var {
+    passThrough
+  } = props;
+  var isRoot = !!props["_isRoot"];
+  var [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot);
+  var disableDirectChildTheme = props["disable-child-theme"];
+  var finalChildren = disableDirectChildTheme ? import_react.Children.map(props.children, function (child) {
+    return passThrough || ! /* @__PURE__ */(0, import_react.isValidElement)(child) ? child : /* @__PURE__ */(0, import_react.cloneElement)(child, {
+      ["data-disable-theme"]: true
+    });
+  }) : props.children;
+  if (ref) {
+    try {
+      import_react.default.Children.only(finalChildren);
+      finalChildren = /* @__PURE__ */(0, import_react.cloneElement)(finalChildren, {
+        ref
+      });
+    } catch (e) {}
+  }
+  var stateRef = (0, import_react.useRef)({
+    hasEverThemed: false
+  });
+  return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
+});
+Theme["avoidForwardRef"] = true;
+function getThemedChildren(themeState, children, props) {
+  var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false,
+    stateRef = arguments.length > 4 ? arguments[4] : void 0,
+    passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
+  var {
+    shallow,
+    forceClassName
+  } = props;
+  var state = stateRef.current;
+  var hasEverThemed = state.hasEverThemed;
+  var shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
+  if (process.env.NODE_ENV === "development" && props.debug === "visualize") {
+    children = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
+      themeState,
+      themeProps: props,
+      children
+    });
+  }
+  if (!shouldRenderChildrenWithTheme) {
+    return children;
+  }
+  children = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_useThemeState.ThemeStateContext.Provider, {
+    value: themeState.id,
+    children
+  });
+  var {
+    isInverse,
+    name
+  } = themeState;
+  var requiresExtraWrapper = isInverse || forceClassName;
+  if (!state.hasEverThemed) {
+    state.hasEverThemed = true;
+  }
+  if (requiresExtraWrapper ||
+  // if the theme is exactly dark or light, its likely to change between dark/light
+  // and that would require wrapping which would re-parent, so to avoid re-parenting do this
+  themeState.name === "dark" || themeState.name === "light") {
+    state.hasEverThemed = "wrapped";
+  }
+  if (shallow) {
+    if (!themeState.parentId) {} else {
+      var parentState = (0, import_useThemeState.getThemeState)(themeState.isNew ? themeState.id : themeState.parentId);
+      if (!parentState) throw new Error(`\u203C\uFE0F010`);
+      children = import_react.Children.toArray(children).map(function (child) {
+        return /* @__PURE__ */(0, import_react.isValidElement)(child) ? passThrough ? child : /* @__PURE__ */(0, import_react.cloneElement)(child, void 0, /* @__PURE__ */(0, import_jsx_runtime.jsx)(Theme, {
+          name: parentState.name,
+          children: child.props.children
+        })) : child;
+      });
+    }
+  }
+  if (process.env.NODE_ENV === "development") {
+    if (!passThrough && props.debug) {
+      console.warn(` getThemedChildren`, {
+        requiresExtraWrapper,
+        forceClassName,
+        themeState,
+        state,
+        themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
+      });
+    }
+  }
+  if (forceClassName === false) {
+    return children;
+  }
+  if (import_constants.isWeb) {
+    var baseStyle = props.contain ? inertContainedStyle : inertStyle;
+    var {
+      className = "",
+      color
+    } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
+    children = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      className: `${className} is_Theme`,
+      style: passThrough ? baseStyle : {
+        color,
+        ...baseStyle
+      },
+      children
+    });
+    if (state.hasEverThemed === "wrapped") {
+      var className1 = requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : `_dsp_contents`;
+      children = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+        className: className1,
+        children
+      });
+    }
+    return children;
+  }
+  return children;
+}
+var inertStyle = {
+  display: "contents"
+};
+var inertContainedStyle = {
+  display: "contents",
+  contain: "strict"
+};
+var empty = {
+  className: "",
+  color: void 0
+};
+function getThemeClassNameAndColor(themeState, props) {
+  var isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+  if (!themeState.isNew && !props.forceClassName) {
+    return empty;
+  }
+  var themeColor = (themeState === null || themeState === void 0 ? void 0 : themeState.theme) && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : "";
+  var style = themeColor ? {
+    color: themeColor
+  } : void 0;
+  var themeClassName = themeState.name.replace(schemePrefix, "");
+  var themeNameParts = themeClassName.split("_");
+  var themeClasses = `t_${themeClassName}`;
+  if (themeNameParts.length > 1) {
+    var hierarchyClasses = [];
+    for (var i = 1; i <= themeNameParts.length; i++) {
+      hierarchyClasses.push(`t_${themeNameParts.slice(0, i).join("_")}`);
+    }
+    themeClasses = hierarchyClasses.join(" ");
+  }
+  var className = `${isRoot ? "" : "t_sub_theme"} ${themeClasses}`;
+  return {
+    color: themeColor,
+    className
+  };
+}
+var schemePrefix = /^(dark|light)_/;
+//# sourceMappingURL=Theme.native.js.map

package/dist/cjs/views/Theme.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Theme_exports","__export","Theme","getThemedChildren","module","exports","import_jsx_runtime","require","import_constants","import_react","__toESM","import_createVariable","import_useTheme","import_useThemeState","import_ThemeDebug","forwardRef","Theme2","props","ref","disable","children","passThrough","isRoot","_","themeState","useThemeWithState","disableDirectChildTheme","finalChildren","Children","map","child","isValidElement","cloneElement","default","only","e","stateRef","useRef","hasEverThemed","arguments","length","shallow","forceClassName","state","current","shouldRenderChildrenWithTheme","isNew","hasThemeUpdatingProps","process","env","NODE_ENV","debug","jsx","ThemeDebug","themeProps","ThemeStateContext","Provider","id","isInverse","name","requiresExtraWrapper","parentId","parentState","getThemeState","Error","toArray","console","warn","themeSpanProps","getThemeClassNameAndColor","isWeb","baseStyle","contain","inertContainedStyle","inertStyle","className","color","style","className1","startsWith","display","empty","themeColor","theme","variableToString","themeClassName","replace","schemePrefix","themeNameParts","split","themeClasses","hierarchyClasses"],"sources":["../../../src/views/Theme.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/views/ThemeDebug.cjs

@@ -0,0 +1,98 @@
+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 ThemeDebug_exports = {};
+__export(ThemeDebug_exports, {
+  ThemeDebug: () => ThemeDebug
+});
+module.exports = __toCommonJS(ThemeDebug_exports);
+var import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr");
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+var import_useThemeState = require("../hooks/useThemeState.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+let node;
+function ThemeDebug({
+  themeState,
+  themeProps,
+  children
+}) {
+  if (process.env.NODE_ENV === "development") {
+    const isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
+    if (process.env.NODE_ENV === "development" && typeof document !== "undefined") {
+      if (!node) {
+        node = document.createElement("div");
+        node.style.height = "200px";
+        node.style.overflowY = "scroll";
+        node.style.position = "fixed";
+        node.style.zIndex = 1e7;
+        node.style.bottom = "30px";
+        node.style.left = "30px";
+        node.style.right = "30px";
+        node.style.display = "flex";
+        node.style.border = "1px solid #888";
+        node.style.flexDirection = "row";
+        node.style.background = "var(--background)";
+      }
+    }
+    (0, import_react.useEffect)(() => {
+      document.body.appendChild(node);
+    }, []);
+    if (themeProps["disable-child-theme"] || !isHydrated) {
+      return children;
+    }
+    const parentState = themeState.parentId ? (0, import_useThemeState.getThemeState)(themeState.parentId) : null;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [(0, import_react_dom.createPortal)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)("code", {
+        style: {
+          whiteSpace: "pre",
+          maxWidth: 250,
+          overflow: "auto",
+          padding: 5
+        },
+        children: ["<Theme ", themeState.id, " />\xA0", JSON.stringify({
+          name: themeState.name,
+          color1: themeState.theme.color1.val,
+          parentId: themeState.parentId,
+          // inverses: themeState.inverses,
+          isNew: themeState.isNew,
+          themeProps: {
+            name: themeProps.name,
+            componentName: themeProps.componentName,
+            reset: themeProps.reset
+          },
+          parentState: {
+            name: parentState?.name,
+            isNew: parentState?.isNew
+          }
+        }, null, 2)]
+      }), node), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+        style: {
+          color: "red"
+        },
+        children: themeState.id
+      }), children]
+    });
+  }
+  return children;
+}
+ThemeDebug["displayName"] = "ThemeDebug";

package/dist/cjs/views/ThemeDebug.native.js

@@ -0,0 +1,39 @@
+"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 ThemeDebug_native_exports = {};
+__export(ThemeDebug_native_exports, {
+  ThemeDebug: () => ThemeDebug
+});
+module.exports = __toCommonJS(ThemeDebug_native_exports);
+function ThemeDebug(param) {
+  var {
+    themeState,
+    themeProps,
+    children
+  } = param;
+  return children;
+}
+ThemeDebug["displayName"] = "ThemeDebug";
+//# sourceMappingURL=ThemeDebug.native.js.map

package/dist/cjs/views/ThemeDebug.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ThemeDebug_native_exports","__export","ThemeDebug","module","exports","__toCommonJS","param","themeState","themeProps","children"],"sources":["../../../src/views/ThemeDebug.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,yBAAA;AAAO,SAASE,WAAWI,KAAA,EAAO;EAC9B,IAAI;IAAEC,UAAA;IAAYC,UAAA;IAAYC;EAAS,IAAIH,KAAA;EAE3C,OAAOG,QAAA;AACX;AACAP,UAAA,CAAW,aAAa,IAAI","ignoreList":[]}

package/dist/cjs/views/ThemeProvider.cjs

@@ -0,0 +1,55 @@
+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 ThemeProvider_exports = {};
+__export(ThemeProvider_exports, {
+  ThemeProvider: () => ThemeProvider
+});
+module.exports = __toCommonJS(ThemeProvider_exports);
+var import_constants = require("@hanzogui/constants");
+var import_react = require("react");
+var import_config = require("../config.cjs");
+var import_constants2 = require("../constants/constants.cjs");
+var import_Theme = require("./Theme.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const ThemeProvider = props => {
+  "use no memo";
+
+  const addThemeClassName = (0, import_config.getSetting)("addThemeClassName");
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (addThemeClassName === false) return;
+    const cn = `${import_constants2.THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
+    const target = (0, import_config.getSetting)("addThemeClassName") === "html" ? document.documentElement : document.body;
+    target.classList.add(cn);
+    return () => {
+      target.classList.remove(cn);
+    };
+  }, [props.defaultTheme, addThemeClassName]);
+  const forceClassName = addThemeClassName === void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Theme.Theme, {
+    className: props.className,
+    name: props.defaultTheme,
+    forceClassName,
+    _isRoot: import_react.useId,
+    children: props.children
+  });
+};