@hanzogui/web 8.3.0 → 8.3.2

package/dist/native/createVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariables.js","sourceRoot":"","sources":["../../src/createVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAehE,MAAM,KAAK,GAAG,IAAI,OAAO,EAAE,CAAA;AAE3B,eAAe;AAEf,MAAM,CAAC,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,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACpB,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAA;YACd,SAAQ;QACV,CAAC;QACD,MAAM,OAAO,GAAG,UAAU,CAAC,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,cAAc,CAAC;gBAChC,GAAG,EAAE,GAAG,CAAC,GAAG;gBACZ,IAAI;gBACJ,GAAG,EAAE,aAAa;aACnB,CAAC,CAAA;YACF,yDAAyD;YACzD,IAAI,KAAK,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,eAAe,CACxB,MAAM,CAAC,GAAG,CAAQ,EAClB,IAAI,EACJ,KAAK,CAAC,4EAA4E,CACnF,CAAA;YACD,SAAQ;QACV,CAAC;QACD,MAAM,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC;YAChC,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,cAAc,CAAC,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"}

package/dist/native/defaultComponentState.js

@@ -0,0 +1,19 @@
+export const defaultComponentState = {
+    hover: false,
+    press: false,
+    pressIn: false,
+    focus: false,
+    focusVisible: false,
+    focusWithin: false,
+    unmounted: true,
+    disabled: false,
+};
+export const defaultComponentStateMounted = {
+    ...defaultComponentState,
+    unmounted: false,
+};
+export const defaultComponentStateShouldEnter = {
+    ...defaultComponentState,
+    unmounted: 'should-enter',
+};
+//# sourceMappingURL=defaultComponentState.js.map

package/dist/native/defaultComponentState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultComponentState.js","sourceRoot":"","sources":["../../src/defaultComponentState.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAsB;IAC7D,GAAG,qBAAqB;IACxB,SAAS,EAAE,KAAK;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,gCAAgC,GAAsB;IACjE,GAAG,qBAAqB;IACxB,SAAS,EAAE,cAAc;CAC1B,CAAA"}

package/dist/native/eventHandling.js

@@ -0,0 +1,265 @@
+/**
+ * Native event handling - uses RNGH when available, falls back to responder system
+ */
+import { composeEventHandlers } from '@hanzogui/helpers';
+import { getGestureHandler } from '@hanzogui/native';
+import React, { useRef } from 'react';
+import { Platform, View } from 'react-native';
+import { useMainThreadPressEvents } from './helpers/mainThreadPressEvents.js';
+const isFabric = !!globalThis.nativeFabricUIManager;
+// Android (new arch + RNGH 2.30) freezes the JS thread when many pressStyle
+// components each attach a Gesture.Manual()...onTouchesDown observer (e.g. a
+// sheet with several buttons / inputs). Each handler opts into RNGH's
+// pointer-data pipeline (needsPointerData), and the combined coordination
+// cost recreates the same setJSResponder freeze c345b5fc28 was supposed to
+// have killed. iOS Fabric absorbs the cost; Android Fabric doesn't.
+// Skip the observer + wrap on Android — pressStyle visuals fall through to
+// the standard responder path via the synthesized event handlers.
+// computed lazily: the native core bundle is also loaded by the compiler for
+// static extraction, where Platform's init runs after this module's. A
+// top-level read of Platform.OS sees Platform === undefined and crashes the
+// loader. Reading on first call defers until after all module inits complete.
+let isAndroidCache;
+const getIsAndroid = () => {
+    if (isAndroidCache === undefined) {
+        isAndroidCache = Platform?.OS === 'android';
+    }
+    return isAndroidCache;
+};
+let isNativeDesktopCache;
+const getIsNativeDesktop = () => {
+    if (isNativeDesktopCache === undefined) {
+        isNativeDesktopCache = Platform?.OS === 'macos' || Platform?.OS === 'windows';
+    }
+    return isNativeDesktopCache;
+};
+const responderClaim = () => true;
+const responderWrapperStyle = { display: 'contents' };
+// web events not used on native
+export function getWebEvents() {
+    return {};
+}
+export function useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, debugName, hasRealPressEvents) {
+    // focus/blur events always attached directly
+    if (events) {
+        if (events.onFocus) {
+            viewProps['onFocus'] = events.onFocus;
+        }
+        if (events.onBlur) {
+            viewProps['onBlur'] = events.onBlur;
+        }
+        if (getIsNativeDesktop()) {
+            if (events.onMouseEnter) {
+                viewProps['onMouseEnter'] = events.onMouseEnter;
+            }
+            if (events.onMouseLeave) {
+                viewProps['onMouseLeave'] = events.onMouseLeave;
+            }
+        }
+    }
+    // hasPressEvents includes events.onPress synthesized just for pressStyle
+    // visuals; hasRealPressEvents is true only when the caller passed a real
+    // handler. the distinction matters for arbitration: pressStyle-only gestures
+    // must not steal ownership from a real-handler ancestor (e.g. Link asChild's
+    // navigate handler merged onto a child View by Slot).
+    const hasPressEvents = events?.onPress;
+    const gh = getGestureHandler();
+    // track whether this component has ever had press events to keep hooks
+    // ordering stable across renders (gesture is created once per mount).
+    if (hasPressEvents) {
+        stateRef.current.hasHadEvents = true;
+    }
+    if (hasRealPressEvents) {
+        stateRef.current.hasRealPressEvents = true;
+    }
+    const everEnabled = Boolean(hasPressEvents || stateRef.current.hasHadEvents);
+    const isUsingRNGH = gh.isEnabled;
+    // NOW handle early returns (after all hooks are called)
+    // THESE BRANCHES ARE NEVER CHANGING RENDER-TO-RENDER
+    // input special case - TextInput needs press events attached directly (not via RNGH)
+    if (staticConfig.isInput) {
+        if (events) {
+            const { onPressIn, onPressOut, onPress } = events;
+            const inputEvents = {
+                onPressIn,
+                onPressOut: onPressOut || onPress,
+            };
+            if (onPressOut && onPress) {
+                // only supports onPressIn and onPressOut so combine them
+                inputEvents.onPressOut = composeEventHandlers(onPress, onPressOut);
+            }
+            Object.assign(viewProps, inputEvents);
+        }
+        // inputs don't use gesture handler
+        return null;
+    }
+    // HOC special case - pass press events to the inner component instead of wrapping
+    // HOC components may return null which crashes GestureDetector (it tries to access
+    // _internalInstanceHandle on a null native view). By passing events down, the inner
+    // component handles gesture detection at its own level.
+    //
+    // Composite component special case - when styled() wraps a non-Gui component
+    // (e.g. React.forwardRef), the elementType becomes that composite component.
+    // GestureDetector/responder wrapping around a composite component breaks during
+    // re-renders triggered by pressStyle state changes (the gesture/responder loses
+    // attachment to the native view through the composite layers). Pass events as props
+    // so they flow through to the inner native View.
+    const isCompositeComponent = !isHOC && staticConfig.Component && typeof staticConfig.Component !== 'string';
+    if (isHOC || isCompositeComponent) {
+        if (events) {
+            const { onPressIn, onPressOut, onPress, onLongPress, delayLongPress } = events;
+            Object.assign(viewProps, {
+                onPressIn,
+                onPressOut,
+                onPress,
+                onLongPress,
+                delayLongPress,
+            });
+        }
+        // HOCs and composite components don't use gesture handler at this level
+        return null;
+    }
+    // rngh path - logic (hooks already called above)
+    if (isUsingRNGH) {
+        // rngh path - hooks
+        const callbacksRef = useRef(isUsingRNGH ? {} : null);
+        const gestureRef = useRef(null);
+        // Real press handlers use the responder system for delivery even when RNGH
+        // is configured. RNGH Tap begin/end ordering is not stable enough for
+        // nested Gui press arbitration, and Fabric can mount a stale Tap that
+        // claims responder but never finalizes. The responder path is the source of
+        // truth RN already uses for innermost press ownership.
+        //
+        // Android pressStyle-only fallback: wire synthesized press handlers to the
+        // responder system on viewProps instead of an RNGH Manual observer (which
+        // freezes Android — see top-of-file isAndroid comment). Hook is called
+        // unconditionally here for stable hooks order; useMainThreadPressEvents
+        // no-ops when enabled is false.
+        const useResponderFallback = !isInsideNativeMenu &&
+            Boolean(hasRealPressEvents || (getIsAndroid() && hasPressEvents));
+        useMainThreadPressEvents(events, viewProps, useResponderFallback, debugName);
+        if (everEnabled) {
+            // store callbacks in refs so gesture doesn't need to be recreated on every render
+            callbacksRef.current = hasPressEvents
+                ? {
+                    onPressIn: events.onPressIn,
+                    onPressOut: events.onPressOut,
+                    onPress: events.onPress,
+                    onLongPress: events.onLongPress,
+                }
+                : {};
+            if (hasRealPressEvents && !isInsideNativeMenu) {
+                // Real handlers are delivered by useMainThreadPressEvents above. Clear
+                // any cached pressStyle observer from an earlier render so it cannot
+                // double-fire after onPress appears dynamically.
+                gestureRef.current = null;
+                return null;
+            }
+            // only create gesture once, callbacks are read from ref
+            if (!gestureRef.current) {
+                const { Gesture } = gh.state;
+                if (isInsideNativeMenu) {
+                    // Inside native menus on Android: use Manual gesture with manualActivation
+                    // so it never goes ACTIVE (which would send ACTION_CANCEL to MenuView).
+                    // Press callbacks fire via onTouchesDown/Up instead.
+                    const manual = Gesture.Manual()
+                        .runOnJS(true)
+                        .manualActivation(true)
+                        .onTouchesDown(() => {
+                        callbacksRef.current.onPressIn?.({});
+                    })
+                        .onTouchesUp(() => {
+                        callbacksRef.current.onPress?.({});
+                        callbacksRef.current.onPressOut?.({});
+                    })
+                        .onTouchesCancelled(() => {
+                        callbacksRef.current.onPressOut?.({});
+                    });
+                    gestureRef.current = manual;
+                }
+                else if (!getIsAndroid()) {
+                    // pressStyle-only (events.onPress was synthesized to drive pressStyle
+                    // visuals, no user handler): use Manual + manualActivation. Touch
+                    // observation runs on the UI thread for fast pressStyle feedback,
+                    // but the gesture never activates → never claims responder/ownership,
+                    // so a real-handler ancestor still wins arbitration. This is the fix
+                    // for nested press scenarios like <Link asChild><View><Button/></View></Link>
+                    // where the View carries the merged navigate onPress and the inner
+                    // pressStyled Button must not steal the press.
+                    //
+                    // Android: skipped — see isAndroid comment at top. Synthesized
+                    // pressStyle handlers fall through to viewProps responder events.
+                    gestureRef.current = Gesture.Manual()
+                        .runOnJS(true)
+                        .manualActivation(true)
+                        .onTouchesDown((e) => callbacksRef.current.onPressIn?.(e))
+                        .onTouchesUp((e) => {
+                        callbacksRef.current.onPress?.(e);
+                        callbacksRef.current.onPressOut?.(e);
+                    })
+                        .onTouchesCancelled((e) => callbacksRef.current.onPressOut?.(e));
+                }
+            }
+            // TODO update viewProps.hitSlop / events.delayLongPress!
+            return gestureRef.current;
+        }
+        return null;
+    }
+    useMainThreadPressEvents(events, viewProps, hasPressEvents, debugName);
+    return null;
+}
+export function wrapWithGestureDetector(content, gesture, _stateRef, isHOC, isCompositeComponent, hasRealPressEvents) {
+    // Skip wrapping for HOC and composite components - they pass press events
+    // to the inner component via props instead of using GestureDetector
+    if (isHOC || isCompositeComponent) {
+        return content;
+    }
+    const gh = getGestureHandler();
+    const { GestureDetector } = gh.state;
+    // Only wrap when useEvents actually produced an RNGH gesture. Real press
+    // handlers are responder-delivered; wrapping them in a no-op GestureDetector
+    // recreates the same stale Tap/dead-zone failure mode this path avoids.
+    if (!GestureDetector || !gesture) {
+        return content;
+    }
+    // pressStyle-only observers (Manual + manualActivation gesture) must never
+    // claim the responder — otherwise a nested pressStyle Gui child would
+    // preempt a real-handler ancestor (e.g. <Link asChild><View><Button/></View></Link>
+    // where the View carries the merged navigate handler and the inner Button
+    // has only pressStyle). The Manual gesture observes touches on the UI thread
+    // for fast pressStyle visuals without participating in arbitration.
+    if (!hasRealPressEvents) {
+        return React.createElement(GestureDetector, { gesture }, content);
+    }
+    if (isFabric) {
+        // attach responder claim directly to the gesture target. on Fabric this
+        // does not conflict with RNGH because the responder path goes through
+        // nativeFabricUIManager.setIsJSResponder, not UIManager.setJSResponder
+        // (which RNGH intercepts on Paper). avoids a wrapper view, so layout is
+        // unchanged and we don't trip Fabric's display:contents -> ForceFlattenView.
+        // The claim is what blocks a parent RN Pressable from firing when a press
+        // lands on this Gui component (NestedPressExclusive).
+        //
+        // Do NOT also set onResponderTerminationRequest: false here — that would
+        // refuse to release the responder when a parent ScrollView's pan tries to
+        // take over, leaving the press stuck "down" for the whole scroll and
+        // firing onPress on release. The default (allow termination) lets the
+        // ScrollView scroll naturally while the start-claim still blocks parent
+        // Pressables from receiving the touch.
+        const claimed = React.cloneElement(content, {
+            onStartShouldSetResponder: responderClaim,
+        });
+        return React.createElement(GestureDetector, { gesture }, claimed);
+    }
+    // Paper: keep the hoisted display:contents wrapper. claiming on the gesture
+    // target itself triggers RNGH's setJSResponder coordination conflict and
+    // freezes long lists (c345b5fc28). Same as Fabric, only claim on start —
+    // don't deny termination, or parent ScrollViews can't take the responder
+    // back when the user starts scrolling.
+    return React.createElement(View, {
+        collapsable: false,
+        style: responderWrapperStyle,
+        onStartShouldSetResponder: responderClaim,
+    }, React.createElement(GestureDetector, { gesture }, content));
+}
+//# sourceMappingURL=eventHandling.js.map

package/dist/native/eventHandling.js.map

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

package/dist/native/helpers/consoleLog.js

@@ -0,0 +1,3 @@
+export const groupEnd = () => { };
+export const groupCollapsed = console.info;
+//# sourceMappingURL=consoleLog.js.map

package/dist/native/helpers/consoleLog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consoleLog.native.js","sourceRoot":"","sources":["../../../src/helpers/consoleLog.native.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;AAChC,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAA"}

package/dist/native/helpers/createDesignSystem.js

@@ -0,0 +1,191 @@
+import { isWeb } from '@hanzogui/constants';
+import { getVariableVariable, isVariable } from '../createVariable.js';
+import { autoVariables, registerCSSVariable, variableToCSS, } from './registerCSSVariable.js';
+import { getThemeCSSRules } from './getThemeCSSRules.js';
+import { getAllRules } from './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 (isVariable(val)) {
+            return 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;
+}
+export { getFontPropertyDeclarations };
+/**
+ * Generates CSS for tokens - registers CSS variables and builds declaration strings
+ */
+export 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 (isWeb) {
+                    registerCSSVariable(variable);
+                    const variableNeedsPx = variable.needsPx === true;
+                    const categoryNeedsPx = shouldTokenCategoryHaveUnits(key);
+                    const shouldBeUnitless = !(variableNeedsPx || categoryNeedsPx);
+                    declarations.push(variableToCSS(variable, shouldBeUnitless));
+                }
+            }
+        }
+        return declarations;
+    }
+    return [];
+}
+/**
+ * Generates CSS for fonts
+ */
+export 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
+ */
+export 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
+ */
+export function createThemeCSS(dedupedThemes, configIn) {
+    if (!process.env.GUI_DID_OUTPUT_CSS) {
+        let themeRuleSets = [];
+        if (isWeb) {
+            for (const { names, theme } of dedupedThemes) {
+                const nextRules = getThemeCSSRules({
+                    config: configIn,
+                    themeName: names[0],
+                    names,
+                    theme,
+                });
+                themeRuleSets = [...themeRuleSets, ...nextRules];
+            }
+        }
+        return themeRuleSets;
+    }
+    return [];
+}
+/**
+ * Gets all generated CSS - design system + runtime styles
+ */
+export function getCSS(themeConfig, opts = {}, lastIndex) {
+    if (!process.env.GUI_DID_OUTPUT_CSS && "native" === 'web') {
+        const { separator = '\n', sinceLastCall, exclude } = opts;
+        if (sinceLastCall && lastIndex.value >= 0) {
+            const rules = getAllRules();
+            const newRules = rules.slice(lastIndex.value);
+            lastIndex.value = rules.length;
+            return newRules.join(separator);
+        }
+        lastIndex.value = 0;
+        const runtimeStyles = 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 = autoVariables.length
+            ? `:root{${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/native/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/native/helpers/createMediaStyle.js

@@ -0,0 +1,124 @@
+import { getSetting } from '../config.js';
+import { mediaObjectToString } from './mediaObjectToString.js';
+import { getGroupPropParts } from './getGroupPropParts.js';
+// TODO have this be used by extractMediaStyle in hanzogui static
+// not synced to static/constants for now
+export const MEDIA_SEP = '_';
+let prefixes = null;
+let selectors = null;
+// call this when media config changes to reset cached prefixes/selectors
+export 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 = 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', '')}`,
+    ];
+}
+export 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}${MEDIA_SEP}${mediaKeyIn.replace('-', '')}${negKey}${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 = 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, 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: ${getSetting('webContainerType') || 'inline-size'}) {${styleRule}}`;
+        }
+    }
+    if (isHover) {
+        styleRule = `@media (hover:hover){${styleRule}}`;
+    }
+    return [property, undefined, nextIdentifier, undefined, [styleRule]];
+};
+//# sourceMappingURL=createMediaStyle.js.map