@hanzogui/web 8.3.0 → 8.3.2

package/dist/cjs/helpers/insertStyleRule.js

@@ -0,0 +1,312 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAllRules = exports.getAllSelectors = void 0;
+exports.scanAllSheets = scanAllSheets;
+exports.stopAccumulatingRules = stopAccumulatingRules;
+exports.updateRules = updateRules;
+exports.setNonce = setNonce;
+exports.insertStyleRules = insertStyleRules;
+exports.shouldInsertStyleRules = shouldInsertStyleRules;
+const helpers_1 = require("@hanzogui/helpers");
+const createVariable_ts_1 = require("../createVariable.js");
+// only cache hanzogui styles
+// TODO merge totalSelectorsInserted and allSelectors?
+const scannedCache = new WeakMap();
+const totalSelectorsInserted = new Map();
+const allSelectors = {};
+const allRules = {};
+const getAllSelectors = () => allSelectors;
+exports.getAllSelectors = getAllSelectors;
+const getAllRules = () => {
+    if (!process.env.GUI_DID_OUTPUT_CSS) {
+        // Sort by identifier to ensure deterministic CSS output order
+        const sortedKeys = Object.keys(allRules).sort();
+        return sortedKeys.map((key) => allRules[key]);
+    }
+    return [];
+};
+exports.getAllRules = getAllRules;
+// once react 19 onyl supported we can remove most of this
+// gets existing ones (client side)
+// takes ~0.1ms for a fairly large page
+// used now for three things:
+//   1. debugging at dev time
+//   2. avoid duplicate insert styles at runtime
+//   3. used now for merging transforms atomically
+// multiple sheets could have the same ids so we have to count
+let lastScannedSheets = null;
+function scanAllSheets(collectThemes = false, tokens) {
+    if (!process.env.GUI_DID_OUTPUT_CSS) {
+        if (process.env.NODE_ENV === 'test')
+            return;
+        if ("web" !== 'web')
+            return;
+        let themes;
+        const sheets = document.styleSheets || [];
+        const prev = lastScannedSheets;
+        const current = new Set(sheets);
+        for (const sheet of current) {
+            if (sheet) {
+                const out = updateSheetStyles(sheet, false, collectThemes, tokens);
+                if (out) {
+                    themes = out;
+                }
+            }
+        }
+        lastScannedSheets = current;
+        if (prev) {
+            for (const sheet of prev) {
+                if (sheet && !current.has(sheet)) {
+                    updateSheetStyles(sheet, true);
+                }
+            }
+        }
+        return themes;
+    }
+}
+function trackInsertedStyle(id) {
+    const next = (totalSelectorsInserted.get(id) || 0) + 1;
+    totalSelectorsInserted.set(id, next);
+    return next;
+}
+const bailAfterEnv = process.env.GUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
+const bailAfter = bailAfterEnv ? +bailAfterEnv : 8000;
+function updateSheetStyles(sheet, remove = false, collectThemes = false, tokens) {
+    // avoid errors on cross origin sheets
+    // https://stackoverflow.com/questions/49993633/uncaught-domexception-failed-to-read-the-cssrules-property
+    let rules;
+    try {
+        rules = sheet.cssRules;
+        if (!rules) {
+            return;
+        }
+    }
+    catch {
+        return;
+    }
+    const firstSelector = getGuiSelector(rules[0], collectThemes)?.[0];
+    const lastSelector = getGuiSelector(rules[rules.length - 1], collectThemes)?.[0];
+    const cacheKey = `${rules.length}${firstSelector}${lastSelector}`;
+    const lastScanned = scannedCache.get(sheet);
+    if (!remove) {
+        // avoid re-scanning
+        if (lastScanned === cacheKey) {
+            return;
+        }
+    }
+    const len = rules.length;
+    let fails = 0;
+    let dedupedThemes;
+    // because end-users can add their own css like .t_dark { --something: #000 }
+    // and this actually entirely breaks scanning, we need to ensure we can handle multiple
+    // themes, so track that here. also, css processing utils could cause this too
+    const nameToTheme = {};
+    for (let i = 0; i < len; i++) {
+        const rule = rules[i];
+        if (!(rule instanceof CSSStyleRule))
+            continue;
+        const response = getGuiSelector(rule, collectThemes);
+        if (response) {
+            // reset to 0 on any success as eg every other theme scan we get empty
+            fails = 0;
+        }
+        else {
+            fails++;
+            if (fails > bailAfter) {
+                // conservatively bail out of non-hanzogui sheets
+                return;
+            }
+            continue;
+        }
+        const [identifier, cssRule, isTheme] = response;
+        if (isTheme) {
+            const deduped = addThemesFromCSS(cssRule, tokens);
+            if (deduped) {
+                for (const name of deduped.names) {
+                    if (nameToTheme[name]) {
+                        Object.apply(nameToTheme[name], deduped.theme);
+                        deduped.names = deduped.names.filter((x) => x !== name);
+                    }
+                    else {
+                        nameToTheme[name] = deduped.theme;
+                    }
+                }
+                dedupedThemes || (dedupedThemes = []);
+                dedupedThemes.push(deduped);
+            }
+            continue;
+        }
+    }
+    scannedCache.set(sheet, cacheKey);
+    return dedupedThemes;
+}
+let colorVarToVal;
+let rootComputedStyle = null;
+function addThemesFromCSS(cssStyleRule, tokens) {
+    const selectors = cssStyleRule.selectorText.split(',');
+    if (!selectors.length)
+        return;
+    if (tokens?.color && !colorVarToVal) {
+        colorVarToVal = {};
+        for (const key in tokens.color) {
+            const token = tokens.color[key];
+            if (token) {
+                colorVarToVal[token.name] = token.val;
+            }
+        }
+    }
+    const rulesWithBraces = (cssStyleRule.cssText || '').slice(cssStyleRule.selectorText.length + 2, -1);
+    const rules = rulesWithBraces.split(';');
+    // get theme object parsed
+    const values = {};
+    // build values first
+    for (const rule of rules) {
+        const sepI = rule.indexOf(':');
+        if (sepI === -1)
+            continue;
+        const varIndex = rule.indexOf('--');
+        let key = rule.slice(varIndex === -1 ? 0 : varIndex + 2, sepI);
+        if (process.env.GUI_CSS_VARIABLE_PREFIX) {
+            key = key.replace(process.env.GUI_CSS_VARIABLE_PREFIX, '');
+        }
+        const val = rule.slice(sepI + 2);
+        let value;
+        if (val[0] === 'v' && val.startsWith('var(')) {
+            // var()
+            const varName = val.slice(6, -1);
+            const tokenVal = colorVarToVal?.[varName];
+            // either hydrate it from tokens directly or from computed style on body if no token
+            if (tokenVal) {
+                value = tokenVal;
+            }
+            else {
+                rootComputedStyle || (rootComputedStyle = getComputedStyle(document.body));
+                value = rootComputedStyle.getPropertyValue('--' + varName);
+            }
+        }
+        else {
+            value = val;
+        }
+        values[key] = (0, createVariable_ts_1.createVariable)({
+            key,
+            name: key,
+            val: value,
+        }, true);
+    }
+    const names = new Set();
+    // loop selectors and build deduped
+    for (const selector of selectors) {
+        if (selector === ' .tm_xxt')
+            continue;
+        const lastThemeSelectorIndex = selector.lastIndexOf('.t_');
+        const name = selector.slice(lastThemeSelectorIndex).slice(3);
+        const [schemeChar] = selector[lastThemeSelectorIndex - 5];
+        const scheme = schemeChar === 'd' ? 'dark' : schemeChar === 'i' ? 'light' : '';
+        const themeName = scheme && scheme !== name ? `${scheme}_${name}` : name;
+        if (!themeName || themeName === 'light_dark' || themeName === 'dark_light') {
+            continue;
+        }
+        names.add(themeName);
+    }
+    return {
+        names: [...names],
+        theme: values,
+    };
+}
+const hanzoguiSelectorRegex = /\.tm_xxt/;
+function getGuiSelector(rule, collectThemes = false) {
+    if (rule instanceof CSSStyleRule) {
+        const text = rule.selectorText;
+        // only matches t_ starting selector chains
+        if (text[0] === ':' && text[1] === 'r' && hanzoguiSelectorRegex.test(text)) {
+            const id = getIdentifierFromGuiSelector(
+            // next.js minifies it so its in front
+            text.replace(hanzoguiSelectorRegex, ''));
+            return collectThemes ? [id, rule, true] : [id, rule];
+        }
+    }
+    else if (rule instanceof CSSMediaRule) {
+        // hanzogui only ever inserts 1 rule per media
+        if (rule.cssRules.length > 1)
+            return;
+        return getGuiSelector(rule.cssRules[0]);
+    }
+}
+const getIdentifierFromGuiSelector = (selector) => {
+    const dotIndex = selector.indexOf(':');
+    if (dotIndex > -1) {
+        return selector.slice(7, dotIndex);
+    }
+    return selector.slice(7);
+};
+let sheet = null;
+let trackAllRules = true;
+function stopAccumulatingRules() {
+    trackAllRules = false;
+}
+function updateRules(identifier, rules) {
+    if (trackAllRules) {
+        allRules[identifier] = rules.join(' ');
+    }
+    return true;
+}
+let nonce = '';
+function setNonce(_) {
+    nonce = _;
+}
+function insertStyleRules(rulesToInsert) {
+    if ("web" !== 'web')
+        return;
+    if (!sheet && document.head) {
+        const styleTag = document.createElement('style');
+        styleTag.id = '_hanzogui-styles';
+        if (nonce) {
+            styleTag.nonce = nonce;
+        }
+        sheet = document.head.appendChild(styleTag).sheet;
+    }
+    if (!sheet)
+        return;
+    for (const key in rulesToInsert) {
+        const styleObject = rulesToInsert[key];
+        const identifier = styleObject[helpers_1.StyleObjectIdentifier];
+        if (!shouldInsertStyleRules(identifier)) {
+            continue;
+        }
+        const rules = styleObject[helpers_1.StyleObjectRules];
+        allSelectors[identifier] = rules.join('\n');
+        trackInsertedStyle(identifier);
+        updateRules(identifier, rules);
+        try {
+            for (const rule of rules) {
+                sheet.insertRule(rule, sheet.cssRules.length);
+            }
+        }
+        catch (err) {
+            if (process.env.NODE_ENV === 'production') {
+                console.error(`Error inserting style rule`, rules);
+            }
+            // in dev throw to show error clearly
+        }
+    }
+}
+// The way browser or next.js work you end up with CSS being removed *after* the new CSS loads for the upcoming page
+// this causes many bugs. We defaulted to "2" here for safety, meaning we sacrificed some performance
+// setting GUI_INSERT_SELECTOR_TRIES=1 will be faster so long as you are concatting your CSS together
+const maxToInsert = process.env.GUI_INSERT_SELECTOR_TRIES
+    ? +process.env.GUI_INSERT_SELECTOR_TRIES
+    : 1;
+function shouldInsertStyleRules(identifier) {
+    if (process.env.IS_STATIC === 'is_static') {
+        return true;
+    }
+    const total = totalSelectorsInserted.get(identifier) || 0;
+    if (process.env.NODE_ENV === 'development') {
+        if (total > +(process.env.GUI_STYLE_INSERTION_WARNING_LIMIT || 10)) {
+            console.warn(`Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set GUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher`);
+        }
+    }
+    // note we are being conservative allowing duplicates
+    return total < maxToInsert;
+}
+//# sourceMappingURL=insertStyleRule.js.map

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

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

package/dist/cjs/helpers/isActivePlatform.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPlatformSpecificityBump = getPlatformSpecificityBump;
+exports.isActivePlatform = isActivePlatform;
+const constants_1 = require("@hanzogui/constants");
+/**
+ * Returns the specificity bump for a platform media key so that more specific
+ * platform selectors reliably override more general ones regardless of the order
+ * props are declared.
+ *
+ * Cascade (low → high importance):
+ *   $platform-native / $platform-web         → bump 0  (widest)
+ *   $platform-android / $platform-ios        → bump 1  (OS-specific)
+ *   $platform-tv                             → bump 2  (TV subset of Android/iOS)
+ *   $platform-androidtv / $platform-tvos     → bump 3  (most specific)
+ *
+ * @param mediaKeyShort - Platform media key without the leading '$' (e.g. 'platform-tv', 'platform-androidtv')
+ */
+function getPlatformSpecificityBump(mediaKeyShort) {
+    if (mediaKeyShort === 'platform-androidtv' || mediaKeyShort === 'platform-tvos')
+        return 3;
+    if (mediaKeyShort === 'platform-tv')
+        return 2;
+    if (mediaKeyShort === 'platform-android' || mediaKeyShort === 'platform-ios')
+        return 1;
+    return 0;
+}
+function isActivePlatform(key) {
+    if (!key.startsWith('$platform')) {
+        return true;
+    }
+    const platform = key.slice(10);
+    return (
+    // exact platform match (web, ios, android)
+    platform === constants_1.currentPlatform ||
+        // native matches all non-web platforms (iOS, Android, tvOS, Android TV)
+        (platform === 'native' && constants_1.currentPlatform !== 'web') ||
+        // GUI_TARGET fallback (web or native build target)
+        platform === "web" ||
+        // tv matches both Android TV and tvOS
+        (platform === 'tv' && constants_1.isTV) ||
+        // androidtv matches Android TV specifically
+        (platform === 'androidtv' && constants_1.isAndroid && constants_1.isTV) ||
+        // tvos matches tvOS specifically
+        (platform === 'tvos' && constants_1.isIos && constants_1.isTV));
+}
+//# sourceMappingURL=isActivePlatform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isActivePlatform.js","sourceRoot":"","sources":["../../../src/helpers/isActivePlatform.ts"],"names":[],"mappings":";;;;AAAA,mDAA6E;AAE7E;;;;;;;;;;;;GAYG;AACH,oCAA2C,aAAqB;IAC9D,IAAI,aAAa,KAAK,oBAAoB,IAAI,aAAa,KAAK,eAAe;QAC7E,OAAO,CAAC,CAAA;IACV,IAAI,aAAa,KAAK,aAAa;QAAE,OAAO,CAAC,CAAA;IAC7C,IAAI,aAAa,KAAK,kBAAkB,IAAI,aAAa,KAAK,cAAc;QAAE,OAAO,CAAC,CAAA;IACtF,OAAO,CAAC,CAAA;AACV,CAAC;AAED,0BAAiC,GAAW;IAC1C,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAA;IACb,CAAC;IACD,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAC9B,OAAO;IACL,2CAA2C;IAC3C,QAAQ,KAAK,2BAAe;QAC5B,wEAAwE;QACxE,CAAC,QAAQ,KAAK,QAAQ,IAAI,2BAAe,KAAK,KAAK,CAAC;QACpD,mDAAmD;QACnD,QAAQ,KAAK,OAAO,CAAC,GAAG,CAAC,UAAU;QACnC,sCAAsC;QACtC,CAAC,QAAQ,KAAK,IAAI,IAAI,gBAAI,CAAC;QAC3B,4CAA4C;QAC5C,CAAC,QAAQ,KAAK,WAAW,IAAI,qBAAS,IAAI,gBAAI,CAAC;QAC/C,iCAAiC;QACjC,CAAC,QAAQ,KAAK,MAAM,IAAI,iBAAK,IAAI,gBAAI,CAAC,CACvC,CAAA;AACH,CAAC"}

package/dist/cjs/helpers/isActiveTheme.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isActiveTheme = isActiveTheme;
+function isActiveTheme(key, activeThemeName) {
+    if (!key.startsWith('$theme-'))
+        return;
+    return key.slice(7).startsWith(activeThemeName);
+}
+//# sourceMappingURL=isActiveTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isActiveTheme.js","sourceRoot":"","sources":["../../../src/helpers/isActiveTheme.ts"],"names":[],"mappings":";;;AAAA,uBAA8B,GAAW,EAAE,eAAuB;IAChE,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC;QAAE,OAAM;IACtC,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;AACjD,CAAC"}

package/dist/cjs/helpers/isGuiComponent.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isGuiComponent = isGuiComponent;
+function isGuiComponent(comp, name) {
+    const config = comp?.['staticConfig'];
+    return Boolean(config && (name ? name === config.componentName : true));
+}
+//# sourceMappingURL=isGuiComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isGuiComponent.js","sourceRoot":"","sources":["../../../src/helpers/isGuiComponent.tsx"],"names":[],"mappings":";;;AAEA,wBACE,IAAO,EACP,IAAa;IAIb,MAAM,MAAM,GAAG,IAAI,EAAE,CAAC,cAAc,CAA6B,CAAA;IACjE,OAAO,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;AACzE,CAAC"}

package/dist/cjs/helpers/isGuiElement.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isGuiElement = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const isGuiComponent_tsx_1 = require("./isGuiComponent.js");
+const isGuiElement = (child, name) => {
+    return react_1.default.isValidElement(child) && (0, isGuiComponent_tsx_1.isGuiComponent)(child.type, name);
+};
+exports.isGuiElement = isGuiElement;
+//# sourceMappingURL=isGuiElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isGuiElement.js","sourceRoot":"","sources":["../../../src/helpers/isGuiElement.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAGzB,4DAAqD;AAE9C,MAAM,YAAY,GAAG,CAC1B,KAAU,EACV,IAAa,EACgE,EAAE;IAC/E,OAAO,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,IAAA,mCAAc,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AACxE,CAAC,CAAA;AALY,QAAA,YAAY,GAAZ,YAAY,CAKxB"}

package/dist/cjs/helpers/isObj.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isObj = void 0;
+const isObj = (x) => x && !Array.isArray(x) && typeof x === 'object';
+exports.isObj = isObj;
+//# sourceMappingURL=isObj.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isObj.js","sourceRoot":"","sources":["../../../src/helpers/isObj.ts"],"names":[],"mappings":";;;AAAO,MAAM,KAAK,GAAG,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAA;AAAnE,QAAA,KAAK,GAAL,KAAK,CAA8D"}

package/dist/cjs/helpers/log.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.log = log;
+const useMedia_tsx_1 = require("../hooks/useMedia.js");
+function log(...args) {
+    if (process.env.NODE_ENV === 'production')
+        return;
+    (0, useMedia_tsx_1._disableMediaTouch)(true);
+    try {
+        if ("web" === 'web') {
+            return console.info(...args);
+        }
+        // react native doesn't log in the cli unless it's log
+        return console.log(...args);
+    }
+    catch (err) {
+        console.error(err);
+    }
+    finally {
+        (0, useMedia_tsx_1._disableMediaTouch)(false);
+    }
+}
+//# sourceMappingURL=log.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"log.js","sourceRoot":"","sources":["../../../src/helpers/log.ts"],"names":[],"mappings":";;;AAAA,uDAA0D;AAE1D,aAAoB,GAAG,IAAW;IAChC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QAAE,OAAM;IACjD,IAAA,iCAAkB,EAAC,IAAI,CAAC,CAAA;IACxB,IAAI,CAAC;QACH,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YACrC,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;QAC9B,CAAC;QACD,sDAAsD;QACtD,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;IAC7B,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC;YAAS,CAAC;QACT,IAAA,iCAAkB,EAAC,KAAK,CAAC,CAAA;IAC3B,CAAC;AACH,CAAC"}

package/dist/cjs/helpers/mainThreadPressEvents.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMainThreadPressEvents = useMainThreadPressEvents;
+// web stub - mainThreadPressEvents is native-only
+function useMainThreadPressEvents(_events, _viewProps, _enabled, _debugName) { }
+//# sourceMappingURL=mainThreadPressEvents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mainThreadPressEvents.js","sourceRoot":"","sources":["../../../src/helpers/mainThreadPressEvents.ts"],"names":[],"mappings":";;;AAAA,kDAAkD;AAClD,kCACE,OAAY,EACZ,UAAe,EACf,QAAkB,EAClB,UAA0B,IACzB,CAAC"}

package/dist/cjs/helpers/matchMedia.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.matchMedia = void 0;
+exports.setupMatchMedia = setupMatchMedia;
+exports.matchMedia = (typeof window !== 'undefined' && window.matchMedia) || matchMediaFallback;
+function matchMediaFallback(_) {
+    return {
+        match: (a, b) => false,
+        addListener() { },
+        removeListener() { },
+        matches: false,
+    };
+}
+function setupMatchMedia(_) {
+    // no-op web
+}
+//# sourceMappingURL=matchMedia.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"matchMedia.js","sourceRoot":"","sources":["../../../src/helpers/matchMedia.ts"],"names":[],"mappings":";;;;AAEa,QAAA,UAAU,GACrB,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,kBAAkB,CAAA;AAE5E,SAAS,kBAAkB,CAAC,CAAS;IACnC,OAAO;QACL,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK;QACtB,WAAW,KAAI,CAAC;QAChB,cAAc,KAAI,CAAC;QACnB,OAAO,EAAE,KAAK;KACf,CAAA;AACH,CAAC;AAED,yBAAgC,CAAa;IAC3C,YAAY;AACd,CAAC"}

package/dist/cjs/helpers/mediaObjectToString.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mediaObjectToString = mediaObjectToString;
+function camelToHyphen(str) {
+    return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase();
+}
+const cache = new WeakMap();
+function mediaObjectToString(query) {
+    if (typeof query === 'string') {
+        return query;
+    }
+    if (cache.has(query)) {
+        return cache.get(query);
+    }
+    const res = Object.entries(query)
+        .map(([feature, value]) => {
+        feature = camelToHyphen(feature);
+        if (typeof value === 'string') {
+            return `(${feature}: ${value})`;
+        }
+        if (typeof value === 'number' && /[height|width]$/.test(feature)) {
+            value = `${value}px`;
+        }
+        return `(${feature}: ${value})`;
+    })
+        .join(' and ');
+    cache.set(query, res);
+    return res;
+}
+//# sourceMappingURL=mediaObjectToString.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mediaObjectToString.js","sourceRoot":"","sources":["../../../src/helpers/mediaObjectToString.ts"],"names":[],"mappings":";;;AAEA,SAAS,aAAa,CAAC,GAAW;IAChC,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,CAAA;AAC1E,CAAC;AAED,MAAM,KAAK,GAAG,IAAI,OAAO,EAAe,CAAA;AAExC,6BAAoC,KAAgC;IAClE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAA;IACd,CAAC;IACD,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,KAAK,CAAC,GAAG,CAAC,KAAK,CAAE,CAAA;IAC1B,CAAC;IACD,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;SAC9B,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE;QACxB,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;QAChC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,IAAI,OAAO,KAAK,KAAK,GAAG,CAAA;QACjC,CAAC;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACjE,KAAK,GAAG,GAAG,KAAK,IAAI,CAAA;QACtB,CAAC;QACD,OAAO,IAAI,OAAO,KAAK,KAAK,GAAG,CAAA;IACjC,CAAC,CAAC;SACD,IAAI,CAAC,OAAO,CAAC,CAAA;IAChB,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACrB,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/cjs/helpers/mediaState.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mediaKeys = exports.getMedia = exports.mediaQueryConfig = exports.setMediaState = exports.mediaState = void 0;
+exports.mediaState = 
+// development only safeguard
+process.env.NODE_ENV === 'development'
+    ? new Proxy({}, {
+        get(target, key) {
+            if (typeof key === 'string' &&
+                key[0] === '$' &&
+                // dont error on $$typeof
+                key[1] !== '$') {
+                throw new Error(`Access mediaState should not use "$": ${key}`);
+            }
+            return Reflect.get(target, key);
+        },
+    })
+    : {};
+const setMediaState = (next) => {
+    exports.mediaState = next;
+};
+exports.setMediaState = setMediaState;
+exports.mediaQueryConfig = {};
+const getMedia = () => exports.mediaState;
+exports.getMedia = getMedia;
+exports.mediaKeys = new Set(); // with $ prefix
+//# sourceMappingURL=mediaState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mediaState.js","sourceRoot":"","sources":["../../../src/helpers/mediaState.ts"],"names":[],"mappings":";;;AAEW,QAAA,UAAU;AACnB,6BAA6B;AAC7B,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;IACpC,CAAC,CAAC,IAAI,KAAK,CACP,EAAE,EACF;QACE,GAAG,CAAC,MAAM,EAAE,GAAG;YACb,IACE,OAAO,GAAG,KAAK,QAAQ;gBACvB,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG;gBACd,yBAAyB;gBACzB,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,EACd,CAAC;gBACD,MAAM,IAAI,KAAK,CAAC,yCAAyC,GAAG,EAAE,CAAC,CAAA;YACjE,CAAC;YACD,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QACjC,CAAC;KACF,CACF;IACH,CAAC,CAAE,EAAU,CAAA;AAEV,MAAM,aAAa,GAAG,CAAC,IAAqB,EAAE,EAAE;IACrD,QAAA,UAAU,GAAG,IAAI,CAAA;AACnB,CAAC,CAAA;AAFY,QAAA,aAAa,GAAb,aAAa,CAEzB;AAEY,QAAA,gBAAgB,GAAiB,EAAE,CAAA;AAEzC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,QAAA,UAAU,CAAA;AAA3B,QAAA,QAAQ,GAAR,QAAQ,CAAmB;AAE3B,QAAA,SAAS,GAAG,IAAI,GAAG,EAAU,CAAA,CAAC,gBAAgB"}