@hanzogui/web 2.0.0

package/dist/cjs/helpers/useRenderElement.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: !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 useRenderElement_exports = {};
+__export(useRenderElement_exports, {
+  evaluateRenderProp: () => evaluateRenderProp
+});
+module.exports = __toCommonJS(useRenderElement_exports);
+var import_react = require("react"),
+  import_compose_refs = require("@hanzogui/compose-refs"),
+  import_mergeSlotStyleProps = require("./mergeSlotStyleProps.native.js");
+function evaluateRenderProp(render, props, state, defaultElement) {
+  if (!render) return defaultElement;
+  var defaultChildren = defaultElement.props.children;
+  if (typeof render == "string") return render[0] === render[0].toLowerCase() ? defaultElement : /* @__PURE__ */(0, import_react.createElement)(render, props, defaultChildren);
+  if (typeof render == "function") return render(props, state);
+  if (/* @__PURE__ */(0, import_react.isValidElement)(render)) {
+    var renderProps = render.props,
+      renderRef = renderProps?.ref;
+    if (!renderProps || Object.keys(renderProps).length === 0) return renderRef ? /* @__PURE__ */(0, import_react.cloneElement)(render, {
+      ...props,
+      ref: (0, import_compose_refs.composeRefs)(props.ref, renderRef)
+    }, defaultChildren) : /* @__PURE__ */(0, import_react.cloneElement)(render, props, defaultChildren);
+    var merged = (0, import_mergeSlotStyleProps.mergeSlotStyleProps)({
+        ...props
+      }, renderProps),
+      _renderProps_children,
+      children = (_renderProps_children = renderProps.children) !== null && _renderProps_children !== void 0 ? _renderProps_children : defaultChildren;
+    return /* @__PURE__ */(0, import_react.cloneElement)(render, merged, children);
+  }
+  return defaultElement;
+}
+//# sourceMappingURL=useRenderElement.native.js.map

package/dist/cjs/helpers/useRenderElement.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useRenderElement_exports","__export","evaluateRenderProp","module","exports","import_react","require","import_compose_refs","import_mergeSlotStyleProps","render","props","state","defaultElement","defaultChildren","children","toLowerCase","createElement","isValidElement","renderProps","renderRef","ref","Object","keys","length","cloneElement","composeRefs","merged","mergeSlotStyleProps","_renderProps_children"],"sources":["../../../src/helpers/useRenderElement.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA4D,CAAAK,wBAC5D;AAiBO,IAAAK,YAAS,GAAAC,OAAA,QACd;EACAC,mBAEA,GAAAD,OACoB;EAAAE,0BAAA,GAAAF,OAAA;AACpB,SAAKJ,mBAAAO,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,cAAA;EACH,KAAAH,MAAO,EAGT,OAAMG,cAAA;EAGN,IAAIC,eAAO,GAAWD,cAAA,CAAAF,KAAA,CAAAI,QAAA;EAQpB,WAAAL,MAAO,cAIT,OAAIA,MAAO,QAAWA,MAAA,IAAAM,WAAA,KAAAH,cAAA,sBAAAP,YAAA,CAAAW,aAAA,EAAAP,MAAA,EAAAC,KAAA,EAAAG,eAAA;EACpB,WAAOJ,MAAO,cAAY,EAI5B,OAAIA,MAAA,CAAAC,KAAA,EAAAC,KAAA;EACF,mBAAM,EAAc,EAAAN,YACd,CAAAY,cAAY,EAAAR,MAAA,GAAa;IAG/B,IAAIS,WAAC,GAAAT,MAAe,CAAAC,KAAO;MAAKS,SAAA,GAAWD,WAAE,EAAWE,GAAA;IACtD,KAAAF,WAAI,IAAAG,MACK,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,MAAA,eACLJ,SAAA,sBAAAd,YAAA,CAAAmB,YAAA,EAAAf,MAAA;MACA,GAAEC,KAAG;MACLU,GAAA,MAAAb,mBAAA,CAAAkB,WAAA,EAAAf,KAAA,CAAAU,GAAA,EAAAD,SAAA;IACF,GAAAN,eAEK,mBAAa,IAAAR,YAAsB,CAAAmB,YAAe,EAAAf,MAAA,EAAAC,KAAA,EAAAG,eAAA;IAI3D,IAAAa,MAAM,OAAAlB,0BAAS,CAAAmB,mBAAA;QAEf,GAAAjB;MACF,GAAAQ,WAAA;MAAAU,qBAAA;MAAAd,QAAA,IAAAc,qBAAA,GAAAV,WAAA,CAAAJ,QAAA,cAAAc,qBAAA,cAAAA,qBAAA,GAAAf,eAAA;IAEA,OAAO,mBAAAR,YAAA,CAAAmB,YAAA,EAAAf,MAAA,EAAAiB,MAAA,EAAAZ,QAAA;EACT","ignoreList":[]}

package/dist/cjs/helpers/webPropsToSkip.cjs

@@ -0,0 +1,26 @@
+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 webPropsToSkip_exports = {};
+__export(webPropsToSkip_exports, {
+  webPropsToSkip: () => webPropsToSkip
+});
+module.exports = __toCommonJS(webPropsToSkip_exports);
+const webPropsToSkip = {};

package/dist/cjs/helpers/webPropsToSkip.native.js

@@ -0,0 +1,76 @@
+"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 webPropsToSkip_native_exports = {};
+__export(webPropsToSkip_native_exports, {
+  webPropsToSkip: () => webPropsToSkip
+});
+module.exports = __toCommonJS(webPropsToSkip_native_exports);
+var import_helpers = require("@hanzogui/helpers"),
+  {
+    pointerEvents: _,
+    ...webOnlyStylePropsViewWithoutPointerEvents
+  } = import_helpers.webOnlyStylePropsView,
+  webPropsToSkip = {
+    // Reuse web-only style props from webOnlyStyleProps (excluding pointerEvents)
+    ...webOnlyStylePropsViewWithoutPointerEvents,
+    ...import_helpers.webOnlyStylePropsText,
+    // Web-only event handlers
+    onClick: 1,
+    onDoubleClick: 1,
+    onContextMenu: 1,
+    onMouseEnter: 1,
+    onMouseLeave: 1,
+    onMouseMove: 1,
+    onMouseOver: 1,
+    onMouseOut: 1,
+    onMouseDown: 1,
+    onMouseUp: 1,
+    onWheel: 1,
+    onKeyDown: 1,
+    onKeyUp: 1,
+    onKeyPress: 1,
+    onPointerDown: 1,
+    onPointerMove: 1,
+    onPointerUp: 1,
+    onPointerCancel: 1,
+    onPointerEnter: 1,
+    onPointerLeave: 1,
+    onDrag: 1,
+    onDragStart: 1,
+    onDragEnd: 1,
+    onDragEnter: 1,
+    onDragLeave: 1,
+    onDragOver: 1,
+    onDrop: 1,
+    onChange: 1,
+    onInput: 1,
+    onBeforeInput: 1,
+    onScroll: 1,
+    onCopy: 1,
+    onCut: 1,
+    onPaste: 1,
+    // Other web-only props
+    htmlFor: 1,
+    dangerouslySetInnerHTML: 1
+  };
+//# sourceMappingURL=webPropsToSkip.native.js.map

package/dist/cjs/helpers/webPropsToSkip.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["webPropsToSkip_native_exports","__export","webPropsToSkip","module","exports","__toCommonJS","import_helpers","require","pointerEvents","_","webOnlyStylePropsViewWithoutPointerEvents","webOnlyStylePropsView","webOnlyStylePropsText","onClick","onDoubleClick","onContextMenu","onMouseEnter","onMouseLeave","onMouseMove","onMouseOver","onMouseOut","onMouseDown","onMouseUp","onWheel","onKeyDown","onKeyUp","onKeyPress","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onPointerEnter","onPointerLeave","onDrag","onDragStart","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDrop","onChange","onInput","onBeforeInput","onScroll","onCopy","onCut","onPaste","htmlFor","dangerouslySetInnerHTML"],"sources":["../../../src/helpers/webPropsToSkip.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,6BAAA;AAAA,IAAAM,cAAA,GAA6DC,OAAA;EAIzD;IAAEC,aAAA,EAAeC,CAAA;IAAG,GAAGC;EAA0C,IAAIJ,cAAA,CAAAK,qBAAA;EAG1DT,cAAA,GAAiB;IAAA;IAE5B,GAAGQ,yCAAA;IACH,GAAGJ,cAAA,CAAAM,qBAAA;IAAA;IAEHC,OAAA,EAAS;IACTC,aAAA,EAAe;IACfC,aAAA,EAAe;IACfC,YAAA,EAAc;IACdC,YAAA,EAAc;IACdC,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,UAAA,EAAY;IACZC,WAAA,EAAa;IACbC,SAAA,EAAW;IACXC,OAAA,EAAS;IACTC,SAAA,EAAW;IACXC,OAAA,EAAS;IACTC,UAAA,EAAY;IACZC,aAAA,EAAe;IACfC,aAAA,EAAe;IACfC,WAAA,EAAa;IACbC,eAAA,EAAiB;IACjBC,cAAA,EAAgB;IAChBC,cAAA,EAAgB;IAChBC,MAAA,EAAQ;IACRC,WAAA,EAAa;IACbC,SAAA,EAAW;IACXC,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,UAAA,EAAY;IACZC,MAAA,EAAQ;IACRC,QAAA,EAAU;IACVC,OAAA,EAAS;IACTC,aAAA,EAAe;IACfC,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,OAAA,EAAS;IAAA;IAETC,OAAA,EAAS;IACTC,uBAAA,EAAyB;EAC7B","ignoreList":[]}

package/dist/cjs/helpers/wrapStyleTags.cjs

@@ -0,0 +1,41 @@
+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 wrapStyleTags_exports = {};
+__export(wrapStyleTags_exports, {
+  getStyleTags: () => getStyleTags
+});
+module.exports = __toCommonJS(wrapStyleTags_exports);
+var import_helpers = require("@hanzogui/helpers"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function getStyleTags(styles) {
+  if (styles.length) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: styles.map(styleObject => {
+      const identifier = styleObject[import_helpers.StyleObjectIdentifier];
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
+        href: `t_${identifier}`,
+        precedence: "default",
+        suppressHydrationWarning: !0,
+        children: styleObject[import_helpers.StyleObjectRules].join(`
+`)
+      }, identifier);
+    })
+  });
+}

package/dist/cjs/helpers/wrapStyleTags.native.js

@@ -0,0 +1,31 @@
+"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 wrapStyleTags_exports = {};
+__export(wrapStyleTags_exports, {
+  getStyleTags: () => getStyleTags
+});
+module.exports = __toCommonJS(wrapStyleTags_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_helpers = require("@hanzogui/helpers");
+function getStyleTags(styles) {}
+//# sourceMappingURL=wrapStyleTags.native.js.map

package/dist/cjs/helpers/wrapStyleTags.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","wrapStyleTags_exports","__export","getStyleTags","module","exports","import_jsx_runtime","require","import_helpers","styles"],"sources":["../../../src/helpers/wrapStyleTags.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,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAwD,CAAAK,qBAShD;AAJD,IAAAK,kBAAsB,GAAAC,OAAuB;EAAAC,cAAA,GAAAD,OAAA;AAEhD,SAAIJ,YAAOA,CAAAM,MAAA,GACT","ignoreList":[]}

package/dist/cjs/hooks/doesRootSchemeMatchSystem.cjs

@@ -0,0 +1,28 @@
+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 doesRootSchemeMatchSystem_exports = {};
+__export(doesRootSchemeMatchSystem_exports, {
+  doesRootSchemeMatchSystem: () => doesRootSchemeMatchSystem
+});
+module.exports = __toCommonJS(doesRootSchemeMatchSystem_exports);
+function doesRootSchemeMatchSystem() {
+  return !1;
+}

package/dist/cjs/hooks/doesRootSchemeMatchSystem.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 doesRootSchemeMatchSystem_native_exports = {};
+__export(doesRootSchemeMatchSystem_native_exports, {
+  doesRootSchemeMatchSystem: () => doesRootSchemeMatchSystem
+});
+module.exports = __toCommonJS(doesRootSchemeMatchSystem_native_exports);
+var import_react_native = require("react-native"),
+  import_useThemeState = require("./useThemeState.native.js");
+function doesRootSchemeMatchSystem() {
+  var _getRootThemeState;
+  return ((_getRootThemeState = (0, import_useThemeState.getRootThemeState)()) === null || _getRootThemeState === void 0 ? void 0 : _getRootThemeState.scheme) === import_react_native.Appearance.getColorScheme();
+}
+//# sourceMappingURL=doesRootSchemeMatchSystem.native.js.map

package/dist/cjs/hooks/doesRootSchemeMatchSystem.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["doesRootSchemeMatchSystem_native_exports","__export","doesRootSchemeMatchSystem","module","exports","__toCommonJS","import_react_native","require","import_useThemeState","_getRootThemeState","getRootThemeState","scheme","Appearance","getColorScheme"],"sources":["../../../src/hooks/doesRootSchemeMatchSystem.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,wCAAA;AAAAC,QAAA,CAAAD,wCAAA;EAAAE,yBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,wCAAA;AAAA,IAAAM,mBAAA,GAA2BC,OAAA;EAC3BC,oBAAA,GAAkCD,OAAA;AAC3B,SAASL,0BAAA,EAA4B;EACxC,IAAIO,kBAAA;EAEJ,SAASA,kBAAA,OAAqBD,oBAAA,CAAAE,iBAAA,EAAkB,OAAO,QAAQD,kBAAA,KAAuB,SAAS,SAASA,kBAAA,CAAmBE,MAAA,MAAYL,mBAAA,CAAAM,UAAA,CAAWC,cAAA,CAAe;AACrK","ignoreList":[]}

package/dist/cjs/hooks/getThemeProxied.cjs

@@ -0,0 +1,60 @@
+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 getThemeProxied_exports = {};
+__export(getThemeProxied_exports, {
+  getThemeProxied: () => getThemeProxied
+});
+module.exports = __toCommonJS(getThemeProxied_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_config = require("../config.cjs"),
+  import_createVariable = require("../createVariable.cjs"),
+  import_getDynamicVal = require("../helpers/getDynamicVal.cjs"),
+  import_doesRootSchemeMatchSystem = require("./doesRootSchemeMatchSystem.cjs");
+const cache = /* @__PURE__ */new Map();
+let curKeys, curSchemeKeys, curProps, curState;
+const emptyObject = {};
+function getThemeProxied(_props, _state, _keys, _schemeKeys) {
+  if (!_state?.theme) return emptyObject;
+  if (curKeys = _keys, curSchemeKeys = _schemeKeys, curProps = _props, curState = _state, cache.has(curState.theme)) return cache.get(curState.theme);
+  const config = (0, import_config.getConfig)();
+  function track(key, schemeOptimized = !1) {
+    curKeys && (curKeys.current || (curKeys.current = /* @__PURE__ */new Set()), curKeys.current.add(key), schemeOptimized && curSchemeKeys && (curSchemeKeys.current || (curSchemeKeys.current = /* @__PURE__ */new Set()), curSchemeKeys.current.add(key)), process.env.NODE_ENV === "development" && curProps.debug && console.info(` \u{1F3A8} useTheme() tracking key: ${key} schemeOptimized=${schemeOptimized}`));
+  }
+  const proxied = Object.fromEntries(Object.entries(_state.theme).flatMap(([key, value]) => {
+    const proxied2 = {
+      ...value,
+      get val() {
+        return globalThis.guiAvoidTracking || track(key, !1), value.val;
+      },
+      get(platform) {
+        if (!curState) return;
+        const outVal = (0, import_createVariable.getVariable)(value),
+          {
+            name,
+            scheme
+          } = curState;
+        return outVal;
+      }
+    };
+    return [[key, proxied2], [`$${key}`, proxied2]];
+  }));
+  return cache.set(_state.theme, proxied), proxied;
+}

package/dist/cjs/hooks/getThemeProxied.native.js

@@ -0,0 +1,93 @@
+"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 getThemeProxied_exports = {};
+__export(getThemeProxied_exports, {
+  getThemeProxied: () => getThemeProxied
+});
+module.exports = __toCommonJS(getThemeProxied_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_config = require("../config.native.js"),
+  import_createVariable = require("../createVariable.native.js"),
+  import_getDynamicVal = require("../helpers/getDynamicVal.native.js"),
+  import_doesRootSchemeMatchSystem = require("./doesRootSchemeMatchSystem.native.js"),
+  cache = /* @__PURE__ */new Map(),
+  curKeys,
+  curSchemeKeys,
+  curProps,
+  curState,
+  emptyObject = {};
+function getThemeProxied(_props, _state, _keys, _schemeKeys) {
+  if (!_state?.theme) return emptyObject;
+  if (curKeys = _keys, curSchemeKeys = _schemeKeys, curProps = _props, curState = _state, cache.has(curState.theme)) {
+    var proxied = cache.get(curState.theme);
+    return proxied;
+  }
+  var config = (0, import_config.getConfig)();
+  function track(key) {
+    var schemeOptimized = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    curKeys && (curKeys.current || (curKeys.current = /* @__PURE__ */new Set()), curKeys.current.add(key), schemeOptimized && curSchemeKeys && (curSchemeKeys.current || (curSchemeKeys.current = /* @__PURE__ */new Set()), curSchemeKeys.current.add(key)), process.env.NODE_ENV === "development" && curProps.debug && console.info(` \u{1F3A8} useTheme() tracking key: ${key} schemeOptimized=${schemeOptimized}`));
+  }
+  var proxied1 = Object.fromEntries(Object.entries(_state.theme).flatMap(function (param) {
+    var [key, value] = param,
+      proxied2 = {
+        ...value,
+        get val() {
+          return globalThis.guiAvoidTracking || track(key, !1), value.val;
+        },
+        get(platform) {
+          if (curState) {
+            var outVal = (0, import_createVariable.getVariable)(value),
+              {
+                name,
+                scheme
+              } = curState,
+              fastSchemeChange = (0, import_config.getSetting)("fastSchemeChange"),
+              rootMatchesSystem = (0, import_doesRootSchemeMatchSystem.doesRootSchemeMatchSystem)(),
+              shouldOptimize = scheme && platform !== "web" && import_constants.isIos && !curProps.deopt && !curState.isInverse && fastSchemeChange && rootMatchesSystem;
+            if (process.env.NODE_ENV === "development" && curProps.debug === "verbose" && console.info(` \u{1F3A8} useTheme().get(${key}) theme=${name} scheme=${scheme}`, `
+   shouldOptimize=${shouldOptimize} (iOS=${import_constants.isIos} deopt=${curProps.deopt} isInverse=${curState.isInverse} fastScheme=${fastSchemeChange} rootMatch=${rootMatchesSystem})`), shouldOptimize) {
+              var _config_themes_name,
+                _config_themes_oppositeName,
+                oppositeScheme = scheme === "dark" ? "light" : "dark",
+                oppositeName = name.replace(scheme, oppositeScheme),
+                color = (0, import_createVariable.getVariable)((_config_themes_name = config.themes[name]) === null || _config_themes_name === void 0 ? void 0 : _config_themes_name[key]),
+                oppositeColor = (0, import_createVariable.getVariable)((_config_themes_oppositeName = config.themes[oppositeName]) === null || _config_themes_oppositeName === void 0 ? void 0 : _config_themes_oppositeName[key]);
+              process.env.NODE_ENV === "development" && curProps.debug === "verbose" && console.info(` \u{1F3A8} useTheme().get(${key}) using DynamicColorIOS`, `
+   color=${color} oppositeColor=${oppositeColor}`);
+              var dynamicVal = (0, import_getDynamicVal.getDynamicVal)({
+                scheme,
+                val: color,
+                oppositeVal: oppositeColor
+              });
+              return track(key, !0), dynamicVal;
+            }
+            return process.env.NODE_ENV === "development" && curProps.debug && console.info(` \u{1F3A8} useTheme().get(${key}) tracking key (not optimizing)`, `
+   platform=${platform} isIOS=${import_constants.isIos} deopt=${curProps.deopt} fastScheme=${fastSchemeChange}`), track(key, !1), outVal;
+          }
+        }
+      };
+    return [[key, proxied2], [`$${key}`, proxied2]];
+  }));
+  return cache.set(_state.theme, proxied1), proxied1;
+}
+//# sourceMappingURL=getThemeProxied.native.js.map

package/dist/cjs/hooks/getThemeProxied.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getThemeProxied_exports","__export","getThemeProxied","module","exports","import_constants","require","import_config","import_createVariable","import_getDynamicVal","import_doesRootSchemeMatchSystem","cache","Map","curKeys","curSchemeKeys","curProps","curState","emptyObject","_props","_state","_keys","_schemeKeys","theme","has","proxied","get","config","getConfig","track","key","schemeOptimized","arguments","length","current","Set","add","process","env","NODE_ENV","debug","console","info","proxied1","Object","fromEntries","entries","flatMap","param","proxied2","val","globalThis","guiAvoidTracking","platform","outVal","getVariable","name","scheme","fastSchemeChange","getSetting","rootMatchesSystem","doesRootSchemeMatchSystem","shouldOptimize","isIos","deopt","isInverse","_config_themes_name","_config_themes_oppositeName","oppositeScheme","oppositeName","replace","color","themes","oppositeColor","dynamicVal","getDynamicVal","oppositeVal"],"sources":["../../../src/hooks/getThemeProxied.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useComponentState.cjs

@@ -0,0 +1,144 @@
+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 useComponentState_exports = {};
+__export(useComponentState_exports, {
+  useComponentState: () => useComponentState
+});
+module.exports = __toCommonJS(useComponentState_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_is_equal_shallow = require("@hanzogui/is-equal-shallow"),
+  import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr"),
+  import_react = require("react"),
+  import_config = require("../config.cjs"),
+  import_defaultComponentState = require("../defaultComponentState.cjs"),
+  import_isObj = require("../helpers/isObj.cjs"),
+  import_log = require("../helpers/log.cjs");
+const useComponentState = (props, animationDriver, staticConfig, config) => {
+  "use no memo";
+
+  const isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(),
+    needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(),
+    useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations,
+    {
+      isHOC
+    } = staticConfig,
+    stateRef = (0, import_react.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)),
+    inputStyle = animationDriver?.inputStyle ?? "css",
+    outputStyle = animationDriver?.outputStyle ?? "css",
+    curStateRef = stateRef.current;
+  !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = !0);
+  const willBeAnimatedClient = !!(!!(hasAnimationProp && !isHOC && useAnimations) || curStateRef.hasAnimated),
+    willBeAnimated = !import_constants.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 || inputStyle !== "css"),
+    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 ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted,
+    disabled = isDisabled(props);
+  disabled != null && (initialState.disabled = disabled);
+  const states = (0, import_react.useState)(initialState),
+    state = props.forceStyle ? {
+      ...states[0],
+      [props.forceStyle]: !0
+    } : states[0],
+    setState = states[1];
+  let isAnimated = willBeAnimated;
+  import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), state.disabled = disabled, setState(_ => ({
+    ...state
+  })));
+  const groupName = props.group,
+    setStateShallow = (0, import_is_equal_shallow.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;
+    (0, import_isObj.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 = !import_constants.isWeb || !!props.forceStyle;
+  if (!isHydrated) noClass = !1;else if (import_constants.isWeb && isHydrated) {
+    const isAnimatedAndHydrated = isAnimated && isHydrated,
+      isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)("disableSSR") || !state.unmounted),
+      isDisabledManually = disableClassName && !state.unmounted;
+    // Only disable className for animation drivers that output inline styles (not css)
+    (isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) && (noClass = !0, process.env.NODE_ENV === "development" && props.debug === "verbose" && (0, import_log.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,
+    inputStyle,
+    outputStyle,
+    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;