@hanzogui/web 8.3.0 → 8.3.2

package/dist/cjs/createVariables.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createVariables = void 0;
+const constants_1 = require("@hanzogui/constants");
+const helpers_1 = require("@hanzogui/helpers");
+const createVariable_ts_1 = require("./createVariable.js");
+const cache = new WeakMap();
+// recursive...
+const createVariables = (tokens, parentPath = '', isFont = false) => {
+    if (cache.has(tokens))
+        return tokens;
+    const res = {};
+    let i = 0;
+    for (let keyIn in tokens) {
+        i++;
+        const val = tokens[keyIn];
+        const isPrefixed = keyIn[0] === '$';
+        const keyWithPrefix = isPrefixed ? keyIn : `$${keyIn}`;
+        const key = isPrefixed ? keyWithPrefix.slice(1) : keyIn;
+        if ((0, createVariable_ts_1.isVariable)(val)) {
+            res[key] = val;
+            continue;
+        }
+        const niceKey = (0, helpers_1.simpleHash)(key, 1000);
+        const name = parentPath && parentPath !== 't-color' ? `${parentPath}-${niceKey}` : `c-${niceKey}`;
+        // Handle px() helper objects
+        if (val && typeof val === 'object' && 'needsPx' in val && 'val' in val) {
+            const finalValue = (0, createVariable_ts_1.createVariable)({
+                val: val.val,
+                name,
+                key: keyWithPrefix,
+            });
+            // Only set needsPx flag on web platform, avoid on native
+            if (constants_1.isWeb) {
+                finalValue.needsPx = val.needsPx;
+            }
+            res[key] = finalValue;
+            continue;
+        }
+        if (val && typeof val === 'object') {
+            // recurse
+            res[key] = (0, exports.createVariables)(tokens[key], name, false /* note: don't pass isFont down, we want to avoid it past the first level */);
+            continue;
+        }
+        const finalValue = (0, createVariable_ts_1.isVariable)(val)
+            ? val
+            : (0, createVariable_ts_1.createVariable)({ val, name, key: keyWithPrefix });
+        res[key] = finalValue;
+    }
+    cache.set(res, true);
+    return res;
+};
+exports.createVariables = createVariables;
+//# sourceMappingURL=createVariables.js.map

package/dist/cjs/createVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariables.js","sourceRoot":"","sources":["../../src/createVariables.ts"],"names":[],"mappings":";;;AAAA,mDAA2C;AAC3C,+CAA8C;AAC9C,2DAAgE;AAehE,MAAM,KAAK,GAAG,IAAI,OAAO,EAAE,CAAA;AAE3B,eAAe;AAER,MAAM,eAAe,GAAG,CAC7B,MAAS,EACT,UAAU,GAAG,EAAE,EACf,MAAM,GAAG,KAAK,EACS,EAAE;IACzB,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;QAAE,OAAO,MAAM,CAAA;IAEpC,MAAM,GAAG,GAAQ,EAAE,CAAA;IACnB,IAAI,CAAC,GAAG,CAAC,CAAA;IACT,KAAK,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;QACzB,CAAC,EAAE,CAAA;QACH,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QACzB,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAA;QACnC,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAA;QACtD,MAAM,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QAEvD,IAAI,IAAA,8BAAU,EAAC,GAAG,CAAC,EAAE,CAAC;YACpB,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAA;YACd,SAAQ;QACV,CAAC;QACD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,GAAG,EAAE,IAAI,CAAC,CAAA;QACrC,MAAM,IAAI,GACR,UAAU,IAAI,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE,CAAA;QAEtF,6BAA6B;QAC7B,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,GAAG,IAAI,KAAK,IAAI,GAAG,EAAE,CAAC;YACvE,MAAM,UAAU,GAAG,IAAA,kCAAc,EAAC;gBAChC,GAAG,EAAE,GAAG,CAAC,GAAG;gBACZ,IAAI;gBACJ,GAAG,EAAE,aAAa;aACnB,CAAC,CAAA;YACF,yDAAyD;YACzD,IAAI,iBAAK,EAAE,CAAC;gBACV,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;YAClC,CAAC;YACD,GAAG,CAAC,GAAG,CAAC,GAAG,UAAU,CAAA;YACrB,SAAQ;QACV,CAAC;QAED,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YACnC,UAAU;YACV,GAAG,CAAC,GAAG,CAAC,GAAG,IAAA,QAAA,eAAe,EACxB,MAAM,CAAC,GAAG,CAAQ,EAClB,IAAI,EACJ,KAAK,CAAC,4EAA4E,CACnF,CAAA;YACD,SAAQ;QACV,CAAC;QACD,MAAM,UAAU,GAAG,IAAA,8BAAU,EAAC,GAAG,CAAC;YAChC,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,IAAA,kCAAc,EAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,CAAA;QACrD,GAAG,CAAC,GAAG,CAAC,GAAG,UAAU,CAAA;IACvB,CAAC;IAED,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;IACpB,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAxDY,QAAA,eAAe,GAAf,eAAe,CAwD3B"}

package/dist/cjs/defaultComponentState.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultComponentStateShouldEnter = exports.defaultComponentStateMounted = exports.defaultComponentState = void 0;
+exports.defaultComponentState = {
+    hover: false,
+    press: false,
+    pressIn: false,
+    focus: false,
+    focusVisible: false,
+    focusWithin: false,
+    unmounted: true,
+    disabled: false,
+};
+exports.defaultComponentStateMounted = {
+    ...exports.defaultComponentState,
+    unmounted: false,
+};
+exports.defaultComponentStateShouldEnter = {
+    ...exports.defaultComponentState,
+    unmounted: 'should-enter',
+};
+//# sourceMappingURL=defaultComponentState.js.map

package/dist/cjs/defaultComponentState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultComponentState.js","sourceRoot":"","sources":["../../src/defaultComponentState.tsx"],"names":[],"mappings":";;;AAEa,QAAA,qBAAqB,GAAsB;IACtD,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,KAAK;CAChB,CAAA;AAEY,QAAA,4BAA4B,GAAsB;IAC7D,GAAG,QAAA,qBAAqB;IACxB,SAAS,EAAE,KAAK;CACjB,CAAA;AAEY,QAAA,gCAAgC,GAAsB;IACjE,GAAG,QAAA,qBAAqB;IACxB,SAAS,EAAE,cAAc;CAC1B,CAAA"}

package/dist/cjs/eventHandling.js

@@ -0,0 +1,30 @@
+"use strict";
+/**
+ * Web event handling - maps RN-style events to DOM events
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWebEvents = getWebEvents;
+exports.wrapWithGestureDetector = wrapWithGestureDetector;
+exports.useEvents = useEvents;
+function getWebEvents(events, webStyle = true) {
+    return {
+        onMouseEnter: events.onMouseEnter,
+        onMouseLeave: events.onMouseLeave,
+        [webStyle ? 'onClick' : 'onPress']: events.onPress,
+        onMouseDown: events.onPressIn,
+        onMouseUp: events.onPressOut,
+        onTouchStart: events.onPressIn,
+        onTouchEnd: events.onPressOut,
+        onFocus: events.onFocus,
+        onBlur: events.onBlur,
+    };
+}
+// web doesn't need wrapping - events go directly on element
+function wrapWithGestureDetector(content, _gesture, _stateRef, _isHOC, _isCompositeComponent, _hasRealPressEvents) {
+    return content;
+}
+// no-op on web, events attached via getWebEvents
+function useEvents(_events, _viewProps, _stateRef, _staticConfig, _isHOC, _isInsideNativeMenu, _debugName, _hasRealPressEvents) {
+    return null;
+}
+//# sourceMappingURL=eventHandling.js.map

package/dist/cjs/eventHandling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventHandling.js","sourceRoot":"","sources":["../../src/eventHandling.ts"],"names":[],"mappings":";AAAA;;GAEG;;;;;AAOH,sBAAwD,MAAS,EAAE,QAAQ,GAAG,IAAI;IAChF,OAAO;QACL,YAAY,EAAE,MAAM,CAAC,YAAY;QACjC,YAAY,EAAE,MAAM,CAAC,YAAY;QACjC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,OAAO;QAClD,WAAW,EAAE,MAAM,CAAC,SAAS;QAC7B,SAAS,EAAE,MAAM,CAAC,UAAU;QAC5B,YAAY,EAAE,MAAM,CAAC,SAAS;QAC9B,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB,CAAA;AACH,CAAC;AAED,4DAA4D;AAC5D,iCACE,OAAY,EACZ,QAAa,EACb,SAA2B,EAC3B,MAAgB,EAChB,qBAA+B,EAC/B,mBAA6B;IAE7B,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,iDAAiD;AACjD,mBACE,OAAY,EACZ,UAAe,EACf,SAA2B,EAC3B,aAAkB,EAClB,MAAgB,EAChB,mBAA6B,EAC7B,UAA0B,EAC1B,mBAA6B;IAE7B,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/cjs/helpers/createDesignSystem.js

@@ -0,0 +1,198 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFontPropertyDeclarations = getFontPropertyDeclarations;
+exports.createTokenCSS = createTokenCSS;
+exports.createFontCSS = createFontCSS;
+exports.buildCSSRuleSets = buildCSSRuleSets;
+exports.createThemeCSS = createThemeCSS;
+exports.getCSS = getCSS;
+const constants_1 = require("@hanzogui/constants");
+const createVariable_ts_1 = require("../createVariable.js");
+const registerCSSVariable_ts_1 = require("./registerCSSVariable.js");
+const getThemeCSSRules_ts_1 = require("./getThemeCSSRules.js");
+const insertStyleRule_tsx_1 = require("./insertStyleRule.js");
+// helper to get font property CSS declarations
+function getFontPropertyDeclarations(fontParsed, tokenKey = '$true') {
+    const props = ['font-family: var(--f-family)'];
+    const getVarRef = (obj) => {
+        const val = obj?.[tokenKey];
+        if ((0, createVariable_ts_1.isVariable)(val)) {
+            return (0, createVariable_ts_1.getVariableVariable)(val);
+        }
+        return undefined;
+    };
+    const letterSpacing = getVarRef(fontParsed.letterSpacing);
+    if (letterSpacing)
+        props.push(`letter-spacing: ${letterSpacing}`);
+    const lineHeight = getVarRef(fontParsed.lineHeight);
+    if (lineHeight)
+        props.push(`line-height: ${lineHeight}`);
+    const fontStyle = getVarRef(fontParsed.style);
+    if (fontStyle)
+        props.push(`font-style: ${fontStyle}`);
+    const fontWeight = getVarRef(fontParsed.weight);
+    if (fontWeight)
+        props.push(`font-weight: ${fontWeight}`);
+    return props;
+}
+/**
+ * Generates CSS for tokens - registers CSS variables and builds declaration strings
+ */
+function createTokenCSS(tokens, shouldTokenCategoryHaveUnits) {
+    if (!process.env.GUI_DID_OUTPUT_CSS) {
+        const declarations = [];
+        const sortedTokenKeys = Object.keys(tokens).sort();
+        for (const key of sortedTokenKeys) {
+            const sortedSubKeys = Object.keys(tokens[key]).sort();
+            for (const skey of sortedSubKeys) {
+                const variable = tokens[key][skey];
+                if (constants_1.isWeb) {
+                    (0, registerCSSVariable_ts_1.registerCSSVariable)(variable);
+                    const variableNeedsPx = variable.needsPx === true;
+                    const categoryNeedsPx = shouldTokenCategoryHaveUnits(key);
+                    const shouldBeUnitless = !(variableNeedsPx || categoryNeedsPx);
+                    declarations.push((0, registerCSSVariable_ts_1.variableToCSS)(variable, shouldBeUnitless));
+                }
+            }
+        }
+        return declarations;
+    }
+    return [];
+}
+/**
+ * Generates CSS for fonts
+ */
+function createFontCSS(fontsParsed, registerFontVariables) {
+    if (!process.env.GUI_DID_OUTPUT_CSS) {
+        const fontDeclarations = {};
+        if (!fontsParsed)
+            return fontDeclarations;
+        const sortedFontKeys = Object.keys(fontsParsed).sort();
+        for (const key of sortedFontKeys) {
+            const fontParsed = fontsParsed[key];
+            const [name, language] = key.includes('_') ? key.split('_') : [key];
+            const fontVars = registerFontVariables(fontParsed);
+            fontDeclarations[key] = {
+                name: name.slice(1),
+                declarations: fontVars,
+                language,
+                fontParsed,
+            };
+        }
+        return fontDeclarations;
+    }
+    return {};
+}
+/**
+ * Builds CSS rulesets from declarations
+ */
+function buildCSSRuleSets(declarations, fontDeclarations, defaultFontToken = '$true') {
+    if (!process.env.GUI_DID_OUTPUT_CSS) {
+        const cssRuleSets = [];
+        const sep = ' ';
+        function declarationsToRuleSet(decs, selector = '') {
+            return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}\n}`;
+        }
+        // non-font tokens
+        if (declarations.length) {
+            cssRuleSets.push(declarationsToRuleSet(declarations));
+        }
+        // fonts - each font_* sets CSS variables
+        const fontSelectors = [];
+        const sortedFontDeclarationKeys = Object.keys(fontDeclarations).sort();
+        for (const key of sortedFontDeclarationKeys) {
+            const { name, declarations, language = 'default' } = fontDeclarations[key];
+            const fontSelector = `.font_${name}`;
+            fontSelectors.push(fontSelector);
+            const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
+            const selectors = language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector;
+            const specificRuleSet = declarationsToRuleSet(declarations, selectors);
+            cssRuleSets.push(specificRuleSet);
+        }
+        // shared rule: all font_* classes + is_View apply font properties
+        // this resets fonts on Views like React Native does
+        if (fontSelectors.length) {
+            const firstFont = fontDeclarations[sortedFontDeclarationKeys[0]];
+            if (firstFont?.fontParsed) {
+                const fontProps = getFontPropertyDeclarations(firstFont.fontParsed, defaultFontToken);
+                const sharedSelectors = [...fontSelectors, '.is_View'].join(', ');
+                cssRuleSets.push(`${sharedSelectors} {${fontProps.join('; ')}}`);
+            }
+        }
+        return cssRuleSets;
+    }
+    return [];
+}
+/**
+ * Generates theme CSS rules
+ */
+function createThemeCSS(dedupedThemes, configIn) {
+    if (!process.env.GUI_DID_OUTPUT_CSS) {
+        let themeRuleSets = [];
+        if (constants_1.isWeb) {
+            for (const { names, theme } of dedupedThemes) {
+                const nextRules = (0, getThemeCSSRules_ts_1.getThemeCSSRules)({
+                    config: configIn,
+                    themeName: names[0],
+                    names,
+                    theme,
+                });
+                themeRuleSets = [...themeRuleSets, ...nextRules];
+            }
+        }
+        return themeRuleSets;
+    }
+    return [];
+}
+/**
+ * Gets all generated CSS - design system + runtime styles
+ */
+function getCSS(themeConfig, opts = {}, lastIndex) {
+    if (!process.env.GUI_DID_OUTPUT_CSS && "web" === 'web') {
+        const { separator = '\n', sinceLastCall, exclude } = opts;
+        if (sinceLastCall && lastIndex.value >= 0) {
+            const rules = (0, insertStyleRule_tsx_1.getAllRules)();
+            const newRules = rules.slice(lastIndex.value);
+            lastIndex.value = rules.length;
+            return newRules.join(separator);
+        }
+        lastIndex.value = 0;
+        const runtimeStyles = (0, insertStyleRule_tsx_1.getAllRules)().join(separator);
+        if (exclude === 'design-system') {
+            return runtimeStyles;
+        }
+        const themeRules = exclude ? '' : themeConfig.getThemeRulesSets().join(separator);
+        // auto-generated vars from theme values not in tokens
+        const autoVarCSS = registerCSSVariable_ts_1.autoVariables.length
+            ? `:root{${registerCSSVariable_ts_1.autoVariables.map((v) => `--${v.name}:${v.val}`).join(';')}}`
+            : '';
+        // notes:
+        // @scope (.is_Text) to (.is_View) - inherit text styles in nested Text without View boundary
+        // display: inline breaks css transform styles
+        // !important or else random css easily overrides, the prop is absolute (local-first styling)
+        const hideScrollBarsCSS = `._hsb-x::-webkit-scrollbar:horizontal { display: none !important; }
+._hsb-y::-webkit-scrollbar:vertical { display: none !important; }
+._hsb-x { scrollbar-width: none !important; }
+._hsb-y { scrollbar-width: none !important; }`;
+        const pointerEventsCSS = `:root ._pe-boxonly>* {pointer-events:none;}
+:root ._pe-boxnone>* {pointer-events:auto;}`;
+        const designSystem = `._ovs-contain {overscroll-behavior:contain;}
+.t_unmounted .is_View, .t_unmounted .is_Text { transition: none !important; }
+.is_View { display: flex; align-items: stretch; flex-direction: column; flex-basis: auto; box-sizing: border-box; min-height: 0; min-width: 0; flex-shrink: 0; }
+.is_Text { display: inline; box-sizing: border-box; word-wrap: break-word; white-space: pre-wrap; margin: 0; }
+@scope (.is_Text) to (.is_View) { .is_Text { white-space: inherit; word-wrap: inherit; } }
+._dsp_contents {display:contents;}
+._no_backdrop::backdrop {display: none;}
+.is_Input::selection, .is_TextArea::selection {background-color: var(--t_selectionColor);}
+.is_Input::placeholder, .is_TextArea::placeholder {color: var(--t_placeholderColor);}
+${pointerEventsCSS}
+${hideScrollBarsCSS}
+${autoVarCSS}
+${themeConfig.cssRuleSets.join(separator)}`;
+        return `${designSystem}
+${themeRules}
+${runtimeStyles}`;
+    }
+    return '';
+}
+//# sourceMappingURL=createDesignSystem.js.map

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

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

package/dist/cjs/helpers/createMediaStyle.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMediaStyle = exports.MEDIA_SEP = void 0;
+exports.resetMediaStyleCache = resetMediaStyleCache;
+const config_ts_1 = require("../config.js");
+const mediaObjectToString_ts_1 = require("./mediaObjectToString.js");
+const getGroupPropParts_ts_1 = require("./getGroupPropParts.js");
+// TODO have this be used by extractMediaStyle in hanzogui static
+// not synced to static/constants for now
+exports.MEDIA_SEP = '_';
+let prefixes = null;
+let selectors = null;
+// call this when media config changes to reset cached prefixes/selectors
+function resetMediaStyleCache() {
+    prefixes = null;
+    selectors = null;
+}
+const groupPseudoToPseudoCSSMap = {
+    press: 'active',
+    focusVisible: 'focus-visible',
+    focusWithin: 'focus-within',
+};
+const specificities = new Array(12)
+    .fill(0)
+    .map((_, i) => new Array(i).fill(':root').join(''));
+function getThemeOrGroupSelector(name, styleInner, isGroup, groupParts, isTheme = false, precedenceImportancePrefix = '') {
+    const selectorStart = styleInner.lastIndexOf(':root') + 5;
+    const selectorEnd = styleInner.lastIndexOf('{');
+    const selector = styleInner.slice(selectorStart, selectorEnd);
+    const precedenceSpace = (0, config_ts_1.getSetting)('addThemeClassName') !== false && isTheme ? '' : ' ';
+    const pseudoSelectorName = groupParts.pseudo
+        ? groupPseudoToPseudoCSSMap[groupParts.pseudo] || groupParts.pseudo
+        : undefined;
+    const pseudoSelector = pseudoSelectorName ? `:${pseudoSelectorName}` : '';
+    const presedencePrefix = `:root${precedenceImportancePrefix}${precedenceSpace}`;
+    const mediaSelector = `.t_${isGroup ? 'group_' : ''}${name}${pseudoSelector}`;
+    return [
+        selector,
+        `${presedencePrefix}${mediaSelector} ${selector.replaceAll(':root', '')}`,
+    ];
+}
+const createMediaStyle = (styleObject, mediaKeyIn, mediaQueries, type, negate, priority) => {
+    const [property, , identifier, pseudoIn, rules] = styleObject;
+    const isTheme = type === 'theme';
+    const isPlatform = type === 'platform';
+    const isGroup = type === 'group';
+    const isNonWindowMedia = isTheme || isPlatform || isGroup;
+    const negKey = negate ? '0' : '';
+    const ogPrefix = identifier.slice(0, identifier.indexOf('-') + 1);
+    const id = `${ogPrefix}${exports.MEDIA_SEP}${mediaKeyIn.replace('-', '')}${negKey}${exports.MEDIA_SEP}`;
+    let styleRule = '';
+    let groupPriority = '';
+    let groupMediaKey;
+    let containerName;
+    let nextIdentifier = identifier.replace(ogPrefix, id);
+    let styleInner = rules
+        .map((rule) => rule.replaceAll(identifier, nextIdentifier))
+        .join(';');
+    let isHover = false;
+    if (isNonWindowMedia) {
+        let specificity = (priority || 0) + (isGroup || isPlatform ? 1 : 0);
+        if (isTheme || isGroup) {
+            const groupParts = (0, getGroupPropParts_ts_1.getGroupPropParts)(isTheme ? 'theme-' + mediaKeyIn : mediaKeyIn);
+            const { name, media, pseudo } = groupParts;
+            groupMediaKey = media;
+            if (isGroup) {
+                containerName = name;
+            }
+            if (pseudo === 'press' || pseudoIn === 'active') {
+                specificity += 2;
+            }
+            if (pseudo === 'hover') {
+                isHover = true;
+            }
+            const [selector, nextSelector] = getThemeOrGroupSelector(name, styleInner, isGroup, groupParts, isTheme, specificities[specificity]);
+            // const selectors = `${nextSelector}, :root${nextSelector}`
+            // add back in the { we used to split
+            styleRule = styleInner.replace(selector, nextSelector);
+        }
+        else {
+            const prefix = specificities[specificity];
+            // when styleInner is wrapped in @media (eg hover), inject specificity
+            // inside the block — `:root@media ...` is invalid CSS
+            styleRule =
+                prefix && styleInner[0] === '@'
+                    ? styleInner.replace('{', `{${prefix}`)
+                    : `${prefix}${styleInner}`;
+        }
+    }
+    if (!isNonWindowMedia || groupMediaKey) {
+        // one time cost:
+        // TODO MOVE THIS INTO SETUP AREA AND EXPORT IT
+        if (!selectors) {
+            const mediaKeys = Object.keys(mediaQueries);
+            selectors = Object.fromEntries(mediaKeys.map((key) => [key, (0, mediaObjectToString_ts_1.mediaObjectToString)(mediaQueries[key])]));
+            prefixes = Object.fromEntries(mediaKeys.map((k, index) => [k, new Array(index + 1).fill(':root').join('')]));
+        }
+        const mediaKey = groupMediaKey || mediaKeyIn;
+        const mediaSelector = selectors[mediaKey];
+        const screenStr = negate ? 'not all and ' : '';
+        const mediaQuery = `${screenStr}${mediaSelector}`;
+        const precedenceImportancePrefix = groupMediaKey ? groupPriority : prefixes[mediaKey];
+        const prefix = groupMediaKey ? `@container ${containerName}` : '@media';
+        if (groupMediaKey) {
+            styleInner = styleRule;
+        }
+        // combines media queries if they already exist
+        if (styleInner.includes(prefix)) {
+            // combine
+            styleRule = styleInner
+                .replace('{', ` and ${mediaQuery} {`)
+                // temp bugfix can be better done
+                .replace(`and screen and`, `and`);
+        }
+        else {
+            styleRule = `${prefix} ${mediaQuery}{${precedenceImportancePrefix}${styleInner}}`;
+        }
+        // add @supports for legacy browser support to not break container queries
+        if (groupMediaKey) {
+            styleRule = `@supports (contain: ${(0, config_ts_1.getSetting)('webContainerType') || 'inline-size'}) {${styleRule}}`;
+        }
+    }
+    if (isHover) {
+        styleRule = `@media (hover:hover){${styleRule}}`;
+    }
+    return [property, undefined, nextIdentifier, undefined, [styleRule]];
+};
+exports.createMediaStyle = createMediaStyle;
+//# sourceMappingURL=createMediaStyle.js.map

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

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

package/dist/cjs/helpers/createStyledContext.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createStyledContext = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const mergeProps_ts_1 = require("./mergeProps.js");
+const objectIdentityKey_tsx_1 = require("./objectIdentityKey.js");
+// use const (not function declaration) to prevent esbuild from hoisting
+// above __esm lazy init - function declarations get hoisted before
+// import_react is initialized, causing undefined.default errors in SSR
+const createStyledContext = (defaultValues, namespace = '') => {
+    // avoid react compiler - we aren't breaking its rules but it mis-interprets
+    // how we change the context value
+    'use no memo';
+    // lazy initialization fixes vite ssr hmr - module-level assignments can fail
+    // when React is undefined during __esm re-initialization order issues.
+    // also React.createContext is optimized oddly by React compiler and our
+    // uncommon usage confuses it, so we use dynamic access
+    const createReactContext = react_1.default[Math.random() ? 'createContext' : 'createContext'];
+    const useReactMemo = react_1.default[Math.random() ? 'useMemo' : 'useMemo'];
+    const useReactContext = react_1.default[Math.random() ? 'useContext' : 'useContext'];
+    const OGContext = createReactContext(defaultValues);
+    const OGProvider = OGContext.Provider;
+    const Context = OGContext;
+    const scopedContexts = new Map();
+    const LastScopeInNamespace = createReactContext(namespace);
+    function getOrCreateScopedContext(scope) {
+        let ScopedContext = scopedContexts.get(scope);
+        if (!ScopedContext) {
+            ScopedContext = createReactContext(defaultValues);
+            scopedContexts.set(scope, ScopedContext);
+        }
+        return ScopedContext;
+    }
+    const getNamespacedScope = (scope) => namespace ? `${namespace}--${scope}` : scope;
+    const Provider = ({ children, scope: scopeIn, 
+    // performance: avoid creating objects
+    __disableMergeDefaultValues, ...values }) => {
+        const scope = getNamespacedScope(scopeIn);
+        const next = useReactMemo(() => {
+            if (__disableMergeDefaultValues) {
+                // we already merged and want to keep ordering
+                return values;
+            }
+            return (0, mergeProps_ts_1.mergeProps)(defaultValues, values);
+        }, [(0, objectIdentityKey_tsx_1.objectIdentityKey)(values)]);
+        let ScopedProvider = OGProvider;
+        if (scope) {
+            ScopedProvider = getOrCreateScopedContext(scope).Provider;
+        }
+        return ((0, jsx_runtime_1.jsx)(LastScopeInNamespace.Provider, { value: scope, children: (0, jsx_runtime_1.jsx)(ScopedProvider, { value: next, children: children }) }));
+    };
+    // use consumerComponent just to give a better error message
+    const useStyledContext = (scopeIn = '') => {
+        const lastScopeInNamespace = useReactContext(LastScopeInNamespace);
+        const scope = namespace
+            ? scopeIn
+                ? getNamespacedScope(scopeIn)
+                : lastScopeInNamespace
+            : scopeIn;
+        const context = scope ? getOrCreateScopedContext(scope) : OGContext;
+        const value = useReactContext(context);
+        return value;
+    };
+    // @ts-expect-error we are overriding default provider
+    Context.Provider = Provider;
+    Context.props = defaultValues;
+    Context.context = OGContext;
+    Context.useStyledContext = useStyledContext;
+    return Context;
+};
+exports.createStyledContext = createStyledContext;
+//# sourceMappingURL=createStyledContext.js.map

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

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

package/dist/cjs/helpers/defaultAnimationDriver.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultAnimationDriver = void 0;
+const noAnimationDriver = (method) => {
+    console.warn(`No animation driver configured. To use ${method}, you must pass \`animations\` to createGui. See: https://hanzogui.dev/docs/core/animations`);
+};
+const createEmptyAnimationDriver = () => ({
+    isReactNative: false,
+    inputStyle: 'css',
+    outputStyle: 'css',
+    isStub: true,
+    animations: {},
+    useAnimations: () => noAnimationDriver('animations'),
+    usePresence: () => noAnimationDriver('usePresence'),
+    ResetPresence: () => noAnimationDriver('ResetPresence'),
+    useAnimatedNumber: () => noAnimationDriver('useAnimatedNumber'),
+    useAnimatedNumberStyle: () => noAnimationDriver('useAnimatedNumberStyle'),
+    useAnimatedNumbersStyle: () => noAnimationDriver('useAnimatedNumbersStyle'),
+    useAnimatedNumberReaction: () => noAnimationDriver('useAnimatedNumberReaction'),
+});
+exports.defaultAnimationDriver = createEmptyAnimationDriver();
+//# sourceMappingURL=defaultAnimationDriver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultAnimationDriver.js","sourceRoot":"","sources":["../../../src/helpers/defaultAnimationDriver.tsx"],"names":[],"mappings":";;;AAEA,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAO,EAAE;IAChD,OAAO,CAAC,IAAI,CACV,0CAA0C,MAAM,6FAA6F,CAC9I,CAAA;AACH,CAAC,CAAA;AAED,MAAM,0BAA0B,GAAG,GAAoB,EAAE,CAAC,CAAC;IACzD,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC;IACpD,WAAW,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC;IACnD,aAAa,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC;IACvD,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC;IAC/D,sBAAsB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,wBAAwB,CAAC;IACzE,uBAAuB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,yBAAyB,CAAC;IAC3E,yBAAyB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,CAAC;CAChF,CAAC,CAAA;AAEW,QAAA,sBAAsB,GAAG,0BAA0B,EAAE,CAAA"}

package/dist/cjs/helpers/defaultOffset.js

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

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

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