@hanzogui/web 2.0.0

package/dist/cjs/views/Theme.cjs

@@ -0,0 +1,162 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Theme_exports = {};
+__export(Theme_exports, {
+  Theme: () => Theme,
+  getThemedChildren: () => getThemedChildren
+});
+module.exports = __toCommonJS(Theme_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_react = __toESM(require("react"), 1),
+  import_createVariable = require("../createVariable.cjs"),
+  import_useTheme = require("../hooks/useTheme.cjs"),
+  import_useThemeState = require("../hooks/useThemeState.cjs"),
+  import_ThemeDebug = require("./ThemeDebug.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const Theme = (0, import_react.forwardRef)(function (props, ref) {
+  "use no memo";
+
+  if (props.disable) return props.children;
+  const {
+      passThrough
+    } = props,
+    isRoot = !!props._isRoot,
+    [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot);
+  let finalChildren = props["disable-child-theme"] ? import_react.Children.map(props.children, child => passThrough || !(0, import_react.isValidElement)(child) ? child : (0, import_react.cloneElement)(child, {
+    "data-disable-theme": !0
+  })) : 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: !1
+  });
+  return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
+});
+Theme.avoidForwardRef = !0;
+function getThemedChildren(themeState, children, props, isRoot = !1, stateRef, passThrough = !1) {
+  const {
+      shallow,
+      forceClassName
+    } = props,
+    state = stateRef.current;
+  let shouldRenderChildrenWithTheme = state.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
+  })), !shouldRenderChildrenWithTheme) return children;
+  children = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_useThemeState.ThemeStateContext.Provider, {
+    value: themeState.id,
+    children
+  });
+  const {
+      isInverse,
+      name
+    } = themeState,
+    requiresExtraWrapper = isInverse || forceClassName;
+  if (state.hasEverThemed || (state.hasEverThemed = !0), (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"), shallow && themeState.parentId) {
+    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 => (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" && !passThrough && props.debug && console.warn(" getThemedChildren", {
+    requiresExtraWrapper,
+    forceClassName,
+    themeState,
+    state,
+    themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
+  }), forceClassName === !1) return children;
+  if (import_constants.isWeb) {
+    const baseStyle = props.contain ? inertContainedStyle : inertStyle,
+      {
+        className = "",
+        color
+      } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
+    if (children = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      className: `${className} is_Theme`,
+      style: passThrough ? baseStyle : {
+        color,
+        ...baseStyle
+      },
+      children
+    }), 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"
+  },
+  inertContainedStyle = {
+    display: "contents",
+    contain: "strict"
+  },
+  empty = {
+    className: "",
+    color: void 0
+  };
+function getThemeClassNameAndColor(themeState, props, isRoot = !1) {
+  if (!themeState.isNew && !props.forceClassName) return empty;
+  const themeColor = themeState?.theme && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : "",
+    style = themeColor ? {
+      color: themeColor
+    } : void 0,
+    themeClassName = themeState.name.replace(schemePrefix, ""),
+    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,174 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Theme_exports = {};
+__export(Theme_exports, {
+  Theme: () => Theme,
+  getThemedChildren: () => getThemedChildren
+});
+module.exports = __toCommonJS(Theme_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_constants = require("@hanzogui/constants"),
+  import_react = __toESM(require("react"), 1),
+  import_createVariable = require("../createVariable.native.js"),
+  import_useTheme = require("../hooks/useTheme.native.js"),
+  import_useThemeState = require("../hooks/useThemeState.native.js"),
+  import_ThemeDebug = require("./ThemeDebug.native.js"),
+  Theme = /* @__PURE__ */(0, import_react.forwardRef)(function (props, ref) {
+    "use no memo";
+
+    if (props.disable) return props.children;
+    var {
+        passThrough
+      } = props,
+      isRoot = !!props._isRoot,
+      [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot),
+      disableDirectChildTheme = props["disable-child-theme"],
+      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": !0
+        });
+      }) : props.children;
+    if (ref) try {
+      import_react.default.Children.only(finalChildren), finalChildren = /* @__PURE__ */(0, import_react.cloneElement)(finalChildren, {
+        ref
+      });
+    } catch {}
+    var stateRef = (0, import_react.useRef)({
+      hasEverThemed: !1
+    });
+    return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
+  });
+Theme.avoidForwardRef = !0;
+function getThemedChildren(themeState, children, props) {
+  var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1,
+    stateRef = arguments.length > 4 ? arguments[4] : void 0,
+    passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : !1,
+    {
+      shallow,
+      forceClassName
+    } = props,
+    state = stateRef.current,
+    hasEverThemed = state.hasEverThemed,
+    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
+  })), !shouldRenderChildrenWithTheme) return children;
+  children = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_useThemeState.ThemeStateContext.Provider, {
+    value: themeState.id,
+    children
+  });
+  var {
+      isInverse,
+      name
+    } = themeState,
+    requiresExtraWrapper = isInverse || forceClassName;
+  if (state.hasEverThemed || (state.hasEverThemed = !0), (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"), shallow && themeState.parentId) {
+    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" && !passThrough && props.debug && console.warn(" getThemedChildren", {
+    requiresExtraWrapper,
+    forceClassName,
+    themeState,
+    state,
+    themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
+  }), forceClassName === !1) return children;
+  if (import_constants.isWeb) {
+    var baseStyle = props.contain ? inertContainedStyle : inertStyle,
+      {
+        className = "",
+        color
+      } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
+    if (children = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      className: `${className} is_Theme`,
+      style: passThrough ? baseStyle : {
+        color,
+        ...baseStyle
+      },
+      children
+    }), 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"
+  },
+  inertContainedStyle = {
+    display: "contents",
+    contain: "strict"
+  },
+  empty = {
+    className: "",
+    color: void 0
+  };
+function getThemeClassNameAndColor(themeState, props) {
+  var isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
+  if (!themeState.isNew && !props.forceClassName) return empty;
+  var themeColor = themeState?.theme && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : "",
+    style = themeColor ? {
+      color: themeColor
+    } : void 0,
+    themeClassName = themeState.name.replace(schemePrefix, ""),
+    themeNameParts = themeClassName.split("_"),
+    themeClasses = `t_${themeClassName}`;
+  if (themeNameParts.length > 1) {
+    for (var hierarchyClasses = [], 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","props","ref","disable","children","passThrough","isRoot","_isRoot","_","themeState","useThemeWithState","disableDirectChildTheme","finalChildren","Children","map","child","isValidElement","cloneElement","default","only","stateRef","useRef","hasEverThemed","avoidForwardRef","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","i","push","slice","join"],"sources":["../../../src/views/Theme.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/views/ThemeDebug.cjs

@@ -0,0 +1,77 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), 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"),
+  import_react = require("react"),
+  import_react_dom = require("react-dom"),
+  import_useThemeState = require("../hooks/useThemeState.cjs"),
+  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 < "u" && (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);
+    }, []), 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,37 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), 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","displayName"],"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,CAAWQ,WAAA,GAAiB","ignoreList":[]}

package/dist/cjs/views/ThemeProvider.cjs

@@ -0,0 +1,52 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var ThemeProvider_exports = {};
+__export(ThemeProvider_exports, {
+  ThemeProvider: () => ThemeProvider
+});
+module.exports = __toCommonJS(ThemeProvider_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_react = require("react"),
+  import_config = require("../config.cjs"),
+  import_constants2 = require("../constants/constants.cjs"),
+  import_Theme = require("./Theme.cjs"),
+  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 === !1) return;
+    const cn = `${import_constants2.THEME_CLASSNAME_PREFIX}${props.defaultTheme}`,
+      target = (0, import_config.getSetting)("addThemeClassName") === "html" ? document.documentElement : document.body;
+    return target.classList.add(cn), () => {
+      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
+  });
+};

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

@@ -0,0 +1,48 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var ThemeProvider_exports = {};
+__export(ThemeProvider_exports, {
+  ThemeProvider: () => ThemeProvider
+});
+module.exports = __toCommonJS(ThemeProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_constants = require("@hanzogui/constants"),
+  import_react = require("react"),
+  import_config = require("../config.native.js"),
+  import_constants2 = require("../constants/constants.native.js"),
+  import_Theme = require("./Theme.native.js"),
+  ThemeProvider = function (props) {
+    "use no memo";
+
+    var addThemeClassName = (0, import_config.getSetting)("addThemeClassName"),
+      forceClassName = addThemeClassName === void 0;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Theme.Theme, {
+      className: props.className,
+      name: props.defaultTheme,
+      forceClassName,
+      // @ts-expect-error
+      _isRoot: import_react.useId,
+      children: props.children
+    });
+  };
+//# sourceMappingURL=ThemeProvider.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ThemeProvider_exports","__export","ThemeProvider","module","exports","import_jsx_runtime","require","import_constants","import_react","import_config","import_constants2","import_Theme","props","addThemeClassName","getSetting","forceClassName","jsx","Theme","className","name","defaultTheme","_isRoot","useId","children"],"sources":["../../../src/views/ThemeProvider.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA0C,CAAAK,qBAAA;AAOnC,IAAAK,kBAAsB,GAACC,OAAA,CAA8B;EAAAC,gBAAA,GAAAD,OAAA;EAAAE,YAAA,GAAAF,OAAA;EAAAG,aAAA,GAAAH,OAAA;EAAAI,iBAAA,GAAAJ,OAAA;EAAAK,YAAA,GAAAL,OAAA;EAAAJ,aAAA,YAAAA,CAAAU,KAAA;IAC1D;;IAEA,IAAAC,iBAAM,OAAAJ,aAAoB,CAAAK,UAAA,qBAAW;MAAmBC,cAAA,GAAAF,iBAAA;IAItD,0BAAAR,kBAAA,CAAAW,GAA0B,EAAAL,YAAM,CAAAM,KAAA;MAC9BC,SAAI,EAAAN,KAAA,CAAAM,SAAsB;MAC1BC,IAAA,EAAMP,KAAK,CAAAQ,YAAG;MAKdL,cAAO;MAEL;MACFM,OAAA,EAAAb,YAAA,CAAAc,KAAA;MACFC,QAAU,EAAAX,KAAA,CAAAW;IAMZ;EAEA","ignoreList":[]}

package/dist/cjs/views/View.cjs

@@ -0,0 +1,31 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var View_exports = {};
+__export(View_exports, {
+  View: () => View
+});
+module.exports = __toCommonJS(View_exports);
+var import_helpers = require("@hanzogui/helpers"),
+  import_createComponent = require("../createComponent.cjs");
+const View = (0, import_createComponent.createComponent)({
+  acceptsClassName: !0,
+  validStyles: import_helpers.validStyles
+});

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

@@ -0,0 +1,34 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var View_exports = {};
+__export(View_exports, {
+  View: () => View
+});
+module.exports = __toCommonJS(View_exports);
+var import_helpers = require("@hanzogui/helpers"),
+  import_createComponent = require("../createComponent.native.js"),
+  View = (0, import_createComponent.createComponent)({
+    acceptsClassName: !0,
+    validStyles: import_helpers.validStyles
+  });
+//# sourceMappingURL=View.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","View_exports","__export","View","module","exports","import_helpers","require","import_createComponent","createComponent","acceptsClassName","validStyles"],"sources":["../../../src/views/View.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4B,CAAAK,YAAA;AAgBrB,IAAAK,cAAa,GAAAC,OAAA;EAAAC,sBAKlB,GAAAD,OAAA;EAAAJ,IAAA,OAAAK,sBAAA,CAAAC,eAAA;IACAC,gBAAA,EAAkB;IAClBC,WAAA,EAAAL,cAAA,CAAAK;EACF,CAAC","ignoreList":[]}