@hanzogui/web 8.3.0 → 8.3.2

package/dist/cjs/helpers/themeable.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeable = themeable;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Theme_tsx_1 = require("../views/Theme.js");
+const getDefaultProps_ts_1 = require("./getDefaultProps.js");
+function themeable(Component, staticConfig, optimize = false) {
+    const withThemeComponent = react_1.default.forwardRef(function WithTheme(props, ref) {
+        'use no memo';
+        const userDefaults = (0, getDefaultProps_ts_1.getDefaultProps)(staticConfig, props.componentName);
+        const defaultTheme = userDefaults?.theme;
+        const defaultResetTheme = userDefaults?.themeReset;
+        const { theme, componentName, themeReset, ...rest } = props;
+        let overriddenContextProps;
+        const context = staticConfig?.context;
+        if (context) {
+            for (const key in context.props) {
+                const val = props[key];
+                if (val !== undefined) {
+                    overriddenContextProps = overriddenContextProps || {};
+                    overriddenContextProps[key] = val;
+                }
+            }
+        }
+        const element = ((0, jsx_runtime_1.jsx)(Component, { ref: ref, ...rest, "data-disable-theme": true }));
+        // we filter out the props here, why?
+        // Theme internally avoids wrapping <span /> unless 'theme' in props
+        // reason for this is to avoid wrapping every single component with span
+        // *if* ever it themes once, it leaves the span, to avoid reparenting
+        // its expected if users want to avoid re-parenting, they keep the theme prop
+        // and just set it to null. but we need to "respect" that here by filtering
+        // one example of a bug caused by not doing this is in <Select native> on web
+        // where it renders to an <option />, and then Theme would wrap a <span /> in that
+        // which is not allowed in HTML and causes hydration errors / logs
+        let filteredProps = null;
+        const compName = componentName || staticConfig?.componentName;
+        if (compName) {
+            filteredProps = filteredProps || {};
+            filteredProps.componentName = compName;
+        }
+        if ('debug' in props) {
+            filteredProps = filteredProps || {};
+            filteredProps.debug = props.debug;
+        }
+        if ('theme' in props || defaultTheme) {
+            filteredProps = filteredProps || {};
+            filteredProps.name = 'theme' in props ? props.theme : defaultTheme;
+        }
+        if ('themeReset' in props || defaultResetTheme) {
+            filteredProps = filteredProps || {};
+            filteredProps.reset = 'themeReset' in props ? themeReset : defaultResetTheme;
+        }
+        if (optimize && !filteredProps) {
+            // optimize by avoiding theme! this can re-parent but we should just document that to avoid performance
+            // in cases where you remove/add themes, just keep a theme={x ? '' : null} pattern
+            return element;
+        }
+        let contents = ((0, jsx_runtime_1.jsx)(Theme_tsx_1.Theme, { "disable-child-theme": true, ...filteredProps, children: element }));
+        if (context) {
+            const Provider = context.Provider;
+            const contextValue = react_1.default.useContext(context);
+            contents = ((0, jsx_runtime_1.jsx)(Provider, { ...contextValue, ...overriddenContextProps, children: contents }));
+        }
+        return contents;
+    });
+    const withTheme = withThemeComponent;
+    withTheme.displayName = `Themed(${Component?.displayName || Component?.name || 'Anonymous'})`;
+    return withTheme;
+}
+//# sourceMappingURL=themeable.js.map

package/dist/cjs/helpers/themeable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeable.js","sourceRoot":"","sources":["../../../src/helpers/themeable.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/helpers/themes.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ensureThemeVariable = ensureThemeVariable;
+const createVariable_ts_1 = require("../createVariable.js");
+// mutates, freeze after
+// shared by createGui so extracted here
+function ensureThemeVariable(theme, key) {
+    const val = theme[key];
+    if (!(0, createVariable_ts_1.isVariable)(val)) {
+        theme[key] = (0, createVariable_ts_1.createVariable)({
+            key,
+            name: key,
+            val,
+        });
+    }
+    else {
+        if (val.name !== key) {
+            // rename to theme name
+            theme[key] = (0, createVariable_ts_1.createVariable)({
+                key: val.name,
+                name: key,
+                val: val.val,
+            });
+        }
+    }
+}
+//# sourceMappingURL=themes.js.map

package/dist/cjs/helpers/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../src/helpers/themes.ts"],"names":[],"mappings":";;;AAAA,4DAAiE;AAEjE,wBAAwB;AACxB,wCAAwC;AACxC,6BAAoC,KAAU,EAAE,GAAW;IACzD,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;IACtB,IAAI,CAAC,IAAA,8BAAU,EAAC,GAAG,CAAC,EAAE,CAAC;QACrB,KAAK,CAAC,GAAG,CAAC,GAAG,IAAA,kCAAc,EAAC;YAC1B,GAAG;YACH,IAAI,EAAE,GAAG;YACT,GAAG;SACJ,CAAC,CAAA;IACJ,CAAC;SAAM,CAAC;QACN,IAAI,GAAG,CAAC,IAAI,KAAK,GAAG,EAAE,CAAC;YACrB,uBAAuB;YACvB,KAAK,CAAC,GAAG,CAAC,GAAG,IAAA,kCAAc,EAAC;gBAC1B,GAAG,EAAE,GAAG,CAAC,IAAI;gBACb,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG,CAAC,GAAG;aACb,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/cjs/helpers/timer.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.time = void 0;
+const timer = require('@hanzogui/timer').timer();
+setTimeout(() => {
+    timer.print();
+}, 2000);
+exports.time = timer.start({
+    quiet: true,
+});
+//# sourceMappingURL=timer.js.map

package/dist/cjs/helpers/timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timer.js","sourceRoot":"","sources":["../../../src/helpers/timer.ts"],"names":[],"mappings":";;;AAAA,MAAM,KAAK,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,KAAK,EAAE,CAAA;AAEhD,UAAU,CAAC,GAAG,EAAE;IACd,KAAK,CAAC,KAAK,EAAE,CAAA;AACf,CAAC,EAAE,IAAI,CAAC,CAAA;AAEK,QAAA,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;IAC9B,KAAK,EAAE,IAAI;CACZ,CAAC,CAAA"}

package/dist/cjs/helpers/transformsToString.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformsToString = transformsToString;
+const normalizeValueWithProperty_ts_1 = require("./normalizeValueWithProperty.js");
+function transformsToString(transforms) {
+    return transforms
+        .map(
+    // { scale: 2 } => 'scale(2)'
+    // { translateX: 20 } => 'translateX(20px)'
+    // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
+    // { perspective: 1000 } => perspective(1000px)
+    (transform) => {
+        const type = Object.keys(transform)[0];
+        const value = transform[type];
+        if (type === 'matrix' || type === 'matrix3d') {
+            return `${type}(${value.join(',')})`;
+        }
+        return `${type}(${(0, normalizeValueWithProperty_ts_1.normalizeValueWithProperty)(value, type)})`;
+    })
+        .join(' ');
+}
+//# sourceMappingURL=transformsToString.js.map

package/dist/cjs/helpers/transformsToString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformsToString.js","sourceRoot":"","sources":["../../../src/helpers/transformsToString.ts"],"names":[],"mappings":";;;AAAA,mFAA4E;AAE5E,4BAAmC,UAAoB;IACrD,OAAO,UAAU;SACd,GAAG;IACF,6BAA6B;IAC7B,2CAA2C;IAC3C,qDAAqD;IACrD,+CAA+C;IAC/C,CAAC,SAAS,EAAE,EAAE;QACZ,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;QACtC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;QAC7B,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YAC7C,OAAO,GAAG,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAA;QACtC,CAAC;QACD,OAAO,GAAG,IAAI,IAAI,IAAA,0DAA0B,EAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAA;IAC9D,CAAC,CACF;SACA,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC"}

package/dist/cjs/helpers/useRenderElement.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.evaluateRenderProp = evaluateRenderProp;
+const react_1 = require("react");
+const compose_refs_1 = require("@hanzogui/compose-refs");
+const mergeSlotStyleProps_ts_1 = require("./mergeSlotStyleProps.js");
+/**
+ * Evaluates a render prop and returns the element to render.
+ *
+ * @param render - The render prop (tag string, JSX element, or function)
+ * @param props - Props to pass to the rendered element (including ref)
+ * @param state - Component state for render functions
+ * @param defaultElement - Fallback element if render prop is not provided
+ */
+function evaluateRenderProp(render, props, state, defaultElement) {
+    if (!render) {
+        return defaultElement;
+    }
+    const defaultChildren = defaultElement.props.children;
+    // String tag - swap element type, reuse props from defaultElement
+    if (typeof render === 'string') {
+        // on native, ignore lowercase tags (html/jsx elements like "div", "span")
+        if ("web" === 'native' && render[0] === render[0].toLowerCase()) {
+            return defaultElement;
+        }
+        return (0, react_1.createElement)(render, props, defaultChildren);
+    }
+    // Render function - call with props and state
+    if (typeof render === 'function') {
+        return render(props, state);
+    }
+    // JSX element - clone with merged props
+    if ((0, react_1.isValidElement)(render)) {
+        const renderProps = render.props;
+        const renderRef = renderProps?.ref;
+        // Fast path: no props to merge
+        if (!renderProps || Object.keys(renderProps).length === 0) {
+            if (renderRef) {
+                return (0, react_1.cloneElement)(render, { ...props, ref: (0, compose_refs_1.composeRefs)(props.ref, renderRef) }, defaultChildren);
+            }
+            return (0, react_1.cloneElement)(render, props, defaultChildren);
+        }
+        // Merge props (component props as base, render props as overlay)
+        const merged = (0, mergeSlotStyleProps_ts_1.mergeSlotStyleProps)({ ...props }, renderProps);
+        const children = renderProps.children ?? defaultChildren;
+        return (0, react_1.cloneElement)(render, merged, children);
+    }
+    return defaultElement;
+}
+//# sourceMappingURL=useRenderElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderElement.js","sourceRoot":"","sources":["../../../src/helpers/useRenderElement.tsx"],"names":[],"mappings":";;;AACA,iCAAmE;AACnE,yDAAoD;AAEpD,qEAA8D;AAO9D;;;;;;;GAOG;AACH,4BACE,MAA8B,EAC9B,KAA0B,EAC1B,KAAwB,EACxB,cAAuC;IAEvC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,cAAc,CAAA;IACvB,CAAC;IAED,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAA;IAErD,kEAAkE;IAClE,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC/B,0EAA0E;QAC1E,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;YACjF,OAAO,cAAc,CAAA;QACvB,CAAC;QACD,OAAO,IAAA,qBAAa,EAAC,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAA;IACtD,CAAC;IAED,8CAA8C;IAC9C,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;QACjC,OAAO,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAC7B,CAAC;IAED,wCAAwC;IACxC,IAAI,IAAA,sBAAc,EAAC,MAAM,CAAC,EAAE,CAAC;QAC3B,MAAM,WAAW,GAAG,MAAM,CAAC,KAA4B,CAAA;QACvD,MAAM,SAAS,GAAG,WAAW,EAAE,GAAG,CAAA;QAElC,+BAA+B;QAC/B,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC1D,IAAI,SAAS,EAAE,CAAC;gBACd,OAAO,IAAA,oBAAY,EACjB,MAAM,EACN,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,IAAA,0BAAW,EAAC,KAAK,CAAC,GAAG,EAAE,SAAS,CAAC,EAAS,EAC3D,eAAe,CAChB,CAAA;YACH,CAAC;YACD,OAAO,IAAA,oBAAY,EAAC,MAAM,EAAE,KAAY,EAAE,eAAe,CAAC,CAAA;QAC5D,CAAC;QAED,iEAAiE;QACjE,MAAM,MAAM,GAAG,IAAA,4CAAmB,EAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,CAAC,CAAA;QAC7D,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,IAAI,eAAe,CAAA;QACxD,OAAO,IAAA,oBAAY,EAAC,MAAM,EAAE,MAAa,EAAE,QAAQ,CAAC,CAAA;IACtD,CAAC;IAED,OAAO,cAAc,CAAA;AACvB,CAAC"}

package/dist/cjs/helpers/webPropsToSkip.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webPropsToSkip = void 0;
+exports.webPropsToSkip = {};
+//# sourceMappingURL=webPropsToSkip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webPropsToSkip.js","sourceRoot":"","sources":["../../../src/helpers/webPropsToSkip.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG,EAAE,CAAA"}

package/dist/cjs/helpers/wrapStyleTags.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyleTags = getStyleTags;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const helpers_1 = require("@hanzogui/helpers");
+// turns out this is pretty slow, creating a bunch of extra tags...
+const styleTagCache = new Map();
+let clearStyleTagCacheQueued = false;
+function queueStyleTagCacheClear() {
+    if (clearStyleTagCacheQueued)
+        return;
+    clearStyleTagCacheQueued = true;
+    queueMicrotask(() => {
+        styleTagCache.clear();
+        clearStyleTagCacheQueued = false;
+    });
+}
+function getCachedStyleTag(styleObject) {
+    const identifier = styleObject[helpers_1.StyleObjectIdentifier];
+    const rules = styleObject[helpers_1.StyleObjectRules];
+    const cached = styleTagCache.get(identifier);
+    if (cached &&
+        cached.len === rules.length &&
+        cached.first === rules[0] &&
+        cached.last === rules[rules.length - 1]) {
+        return cached.element;
+    }
+    const element = ((0, jsx_runtime_1.jsx)("style", { 
+        // @ts-ignore
+        href: `t_${identifier}`, 
+        // @ts-ignore
+        precedence: "default", 
+        // we remove after first render in favor of inserting to a global stylesheet (faster)
+        suppressHydrationWarning: true, children: rules.join('\n') }, identifier));
+    styleTagCache.set(identifier, {
+        element,
+        len: rules.length,
+        first: rules[0],
+        last: rules[rules.length - 1],
+    });
+    return element;
+}
+function getStyleTags(styles) {
+    if ("web" !== 'native') {
+        if (styles.length) {
+            queueStyleTagCacheClear();
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: styles.map(getCachedStyleTag) });
+        }
+    }
+}
+//# sourceMappingURL=wrapStyleTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrapStyleTags.js","sourceRoot":"","sources":["../../../src/helpers/wrapStyleTags.tsx"],"names":[],"mappings":";;;;AACA,+CAA2E;AAG3E,mEAAmE;AAEnE,MAAM,aAAa,GAAG,IAAI,GAAG,EAQ1B,CAAA;AAEH,IAAI,wBAAwB,GAAG,KAAK,CAAA;AAEpC,SAAS,uBAAuB;IAC9B,IAAI,wBAAwB;QAAE,OAAM;IAEpC,wBAAwB,GAAG,IAAI,CAAA;IAC/B,cAAc,CAAC,GAAG,EAAE;QAClB,aAAa,CAAC,KAAK,EAAE,CAAA;QACrB,wBAAwB,GAAG,KAAK,CAAA;IAClC,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,WAAwB;IACjD,MAAM,UAAU,GAAG,WAAW,CAAC,+BAAqB,CAAC,CAAA;IACrD,MAAM,KAAK,GAAG,WAAW,CAAC,0BAAgB,CAAC,CAAA;IAC3C,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;IAE5C,IACE,MAAM;QACN,MAAM,CAAC,GAAG,KAAK,KAAK,CAAC,MAAM;QAC3B,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC;QACzB,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EACvC,CAAC;QACD,OAAO,MAAM,CAAC,OAAO,CAAA;IACvB,CAAC;IAED,MAAM,OAAO,GAAG,CACd;QAEE,aAAa;QACb,IAAI,EAAE,KAAK,UAAU,EAAE;QACvB,aAAa;QACb,UAAU,EAAC,SAAS;QACpB,qFAAqF;QACrF,wBAAwB,kBAEvB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IARZ,UAAU,CAST,CACT,CAAA;IAED,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE;QAC5B,OAAO;QACP,GAAG,EAAE,KAAK,CAAC,MAAM;QACjB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;QACf,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;KAC9B,CAAC,CAAA;IAEF,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,sBAA6B,MAAqB;IAChD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,QAAQ,EAAE,CAAC;QACxC,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,uBAAuB,EAAE,CAAA;YACzB,OAAO,2DAAG,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAI,CAAA;QAC7C,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/cjs/hooks/doesRootSchemeMatchSystem.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.doesRootSchemeMatchSystem = doesRootSchemeMatchSystem;
+function doesRootSchemeMatchSystem() {
+    // only used on native for now
+    return false;
+}
+//# sourceMappingURL=doesRootSchemeMatchSystem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"doesRootSchemeMatchSystem.js","sourceRoot":"","sources":["../../../src/hooks/doesRootSchemeMatchSystem.ts"],"names":[],"mappings":";;;AAAA;IACE,8BAA8B;IAC9B,OAAO,KAAK,CAAA;AACd,CAAC"}

package/dist/cjs/hooks/getThemeProxied.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getThemeProxied = getThemeProxied;
+const constants_1 = require("@hanzogui/constants");
+const config_ts_1 = require("../config.js");
+const createVariable_ts_1 = require("../createVariable.js");
+const getDynamicVal_ts_1 = require("../helpers/getDynamicVal.js");
+const doesRootSchemeMatchSystem_ts_1 = require("./doesRootSchemeMatchSystem.js");
+// only proxy each theme one time, after that we know that renders are sync,
+// so we can just change the focus of the proxied theme and it can be re-used
+const cache = new Map();
+let curKeys;
+let curSchemeKeys;
+let curProps;
+let curState;
+const emptyObject = {};
+function getThemeProxied(
+// underscore to prevent accidental usage below
+_props, _state, _keys, _schemeKeys) {
+    if (!_state?.theme) {
+        return emptyObject;
+    }
+    curKeys = _keys;
+    curSchemeKeys = _schemeKeys;
+    curProps = _props;
+    curState = _state;
+    if (cache.has(curState.theme)) {
+        const proxied = cache.get(curState.theme);
+        return proxied;
+    }
+    // first time running on this theme, create:
+    // from here on only use current*
+    const config = (0, config_ts_1.getConfig)();
+    function track(key, schemeOptimized = false) {
+        if (!curKeys)
+            return;
+        if (!curKeys.current) {
+            curKeys.current = new Set();
+        }
+        curKeys.current.add(key);
+        // track scheme-optimized keys separately so we know if a scheme-only
+        // change can skip re-render (when all accessed keys use DynamicColorIOS)
+        if (schemeOptimized && curSchemeKeys) {
+            if (!curSchemeKeys.current) {
+                curSchemeKeys.current = new Set();
+            }
+            curSchemeKeys.current.add(key);
+        }
+        if (process.env.NODE_ENV === 'development' && curProps.debug) {
+            console.info(` 🎨 useTheme() tracking key: ${key} schemeOptimized=${schemeOptimized}`);
+        }
+    }
+    const proxied = Object.fromEntries(Object.entries(_state.theme).flatMap(([key, value]) => {
+        const proxied = {
+            ...value,
+            get val() {
+                // when they touch the actual value we only track it if its a variable (web), its ignored!
+                if (!globalThis.hanzoguiAvoidTracking) {
+                    // always track .val - not scheme optimized since they're getting raw value
+                    track(key, false);
+                }
+                return value.val;
+            },
+            get(platform) {
+                if (!curState)
+                    return;
+                const outVal = (0, createVariable_ts_1.getVariable)(value);
+                const { name, scheme } = curState;
+                if ("web" === 'native') {
+                    // ios can avoid re-rendering for scheme changes (light↔dark) when using DynamicColorIOS.
+                    // DynamicColorIOS always resolves by the OS appearance, so this is only correct for a
+                    // subtree that follows the OS scheme. it does NOT work when a <Theme> forces a scheme
+                    // away from the OS/root — at any depth. `inverses` counts scheme flips from the root, so
+                    // `inverses === 0` is exactly "this subtree still follows the OS". isInverse alone was
+                    // wrong: a sub-theme keeping its parent's forced scheme (dark_blue under a forced dark,
+                    // light root) has isInverse=false yet must NOT optimize, or iOS would pick the OS-scheme
+                    // value (light) instead of the forced dark value.
+                    const fastSchemeChange = (0, config_ts_1.getSetting)('fastSchemeChange');
+                    const rootMatchesSystem = (0, doesRootSchemeMatchSystem_ts_1.doesRootSchemeMatchSystem)();
+                    const shouldOptimize = scheme &&
+                        platform !== 'web' &&
+                        constants_1.supportsDynamicColorIOS &&
+                        !curProps.deopt &&
+                        !curState.inverses &&
+                        fastSchemeChange &&
+                        rootMatchesSystem;
+                    if (process.env.NODE_ENV === 'development' && curProps.debug === 'verbose') {
+                        console.info(` 🎨 useTheme().get(${key}) theme=${name} scheme=${scheme}`, `\n   shouldOptimize=${shouldOptimize} (dynamicColorIOS=${constants_1.supportsDynamicColorIOS} deopt=${curProps.deopt} inverses=${curState.inverses} fastScheme=${fastSchemeChange} rootMatch=${rootMatchesSystem})`);
+                    }
+                    if (shouldOptimize) {
+                        const oppositeScheme = scheme === 'dark' ? 'light' : 'dark';
+                        const oppositeName = name.replace(scheme, oppositeScheme);
+                        const color = (0, createVariable_ts_1.getVariable)(config.themes[name]?.[key]);
+                        const oppositeColor = (0, createVariable_ts_1.getVariable)(config.themes[oppositeName]?.[key]);
+                        if (process.env.NODE_ENV === 'development' &&
+                            curProps.debug === 'verbose') {
+                            console.info(` 🎨 useTheme().get(${key}) using DynamicColorIOS`, `\n   color=${color} oppositeColor=${oppositeColor}`);
+                        }
+                        const dynamicVal = (0, getDynamicVal_ts_1.getDynamicVal)({
+                            scheme,
+                            val: color,
+                            oppositeVal: oppositeColor,
+                        });
+                        // track as scheme-optimized - can skip re-render for scheme-only changes
+                        track(key, true);
+                        return dynamicVal;
+                    }
+                    if (process.env.NODE_ENV === 'development' && curProps.debug) {
+                        console.info(` 🎨 useTheme().get(${key}) tracking key (not optimizing)`, `\n   platform=${platform} dynamicColorIOS=${constants_1.supportsDynamicColorIOS} deopt=${curProps.deopt} fastScheme=${fastSchemeChange}`);
+                    }
+                    // not scheme-optimized
+                    track(key, false);
+                }
+                return outVal;
+            },
+        };
+        return [
+            [key, proxied],
+            [`$${key}`, proxied],
+        ];
+    }));
+    cache.set(_state.theme, proxied);
+    return proxied;
+}
+//# sourceMappingURL=getThemeProxied.js.map

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

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