@hanzogui/web 8.3.1 → 8.3.2

package/dist/esm/styledHtml.test-d.js

@@ -0,0 +1,211 @@
+/**
+ * Type tests for styled.a(), styled.button(), etc. API.
+ *
+ * These tests ensure type-safe inference for:
+ * 1. HTML element-specific attributes (href for anchors, type for buttons, etc.)
+ * 2. Style props based on element type (TextStyle for text-like, StackStyle for others)
+ * 3. Variants support
+ * 4. Standard HTML attributes like data-testid
+ *
+ * Run with: bun run test:types or vitest typecheck
+ */
+import { expectTypeOf, describe, test } from 'vitest';
+import { styled, styledHtml } from './styled.js';
+// =============================================================================
+// Test: styled.a() types
+// =============================================================================
+describe('styled.a() types', () => {
+    const StyledAnchor = styled.a({
+        color: '$blue10',
+    });
+    test('styled.a() accepts href prop', () => {
+        expectTypeOf().toHaveProperty('href');
+        expectTypeOf().toMatchTypeOf();
+    });
+    test('styled.a() accepts target prop', () => {
+        expectTypeOf().toHaveProperty('target');
+    });
+    test('styled.a() accepts rel prop', () => {
+        expectTypeOf().toHaveProperty('rel');
+    });
+    test('styled.a() accepts text style props', () => {
+        // text-like elements should accept text style props
+        expectTypeOf().toHaveProperty('color');
+        expectTypeOf().toHaveProperty('fontSize');
+        expectTypeOf().toHaveProperty('fontWeight');
+        expectTypeOf().toHaveProperty('textDecorationLine');
+    });
+});
+// =============================================================================
+// Test: styled.button() types
+// =============================================================================
+describe('styled.button() types', () => {
+    const StyledButton = styled.button({
+        padding: '$4',
+    });
+    test('styled.button() accepts type prop', () => {
+        expectTypeOf().toHaveProperty('type');
+    });
+    test('styled.button() accepts disabled prop', () => {
+        expectTypeOf().toHaveProperty('disabled');
+    });
+    test('styled.button() accepts onClick prop', () => {
+        expectTypeOf().toHaveProperty('onClick');
+    });
+    test('styled.button() accepts stack style props', () => {
+        // non-text elements should accept stack style props
+        expectTypeOf().toHaveProperty('padding');
+        expectTypeOf().toHaveProperty('backgroundColor');
+        expectTypeOf().toHaveProperty('borderRadius');
+    });
+});
+// =============================================================================
+// Test: styled.input() types
+// =============================================================================
+describe('styled.input() types', () => {
+    const StyledInput = styled.input({
+        padding: '$2',
+    });
+    test('styled.input() accepts type prop', () => {
+        expectTypeOf().toHaveProperty('type');
+    });
+    test('styled.input() accepts placeholder prop', () => {
+        expectTypeOf().toHaveProperty('placeholder');
+    });
+    test('styled.input() accepts maxLength prop', () => {
+        expectTypeOf().toHaveProperty('maxLength');
+    });
+    test('styled.input() accepts value prop', () => {
+        expectTypeOf().toHaveProperty('value');
+    });
+    test('styled.input() accepts onChange prop', () => {
+        expectTypeOf().toHaveProperty('onChange');
+    });
+});
+// =============================================================================
+// Test: styled.form() types
+// =============================================================================
+describe('styled.form() types', () => {
+    const StyledForm = styled.form({
+        gap: '$3',
+    });
+    test('styled.form() accepts action prop', () => {
+        expectTypeOf().toHaveProperty('action');
+    });
+    test('styled.form() accepts method prop', () => {
+        expectTypeOf().toHaveProperty('method');
+    });
+    test('styled.form() accepts onSubmit prop', () => {
+        expectTypeOf().toHaveProperty('onSubmit');
+    });
+});
+// =============================================================================
+// Test: styled.label() types
+// =============================================================================
+describe('styled.label() types', () => {
+    const StyledLabel = styled.label({
+        fontSize: '$3',
+    });
+    test('styled.label() accepts htmlFor prop', () => {
+        expectTypeOf().toHaveProperty('htmlFor');
+    });
+});
+// =============================================================================
+// Test: styled.div() types (stack-like element)
+// =============================================================================
+describe('styled.div() types', () => {
+    const StyledDiv = styled.div({
+        padding: '$4',
+    });
+    test('styled.div() accepts stack style props', () => {
+        expectTypeOf().toHaveProperty('padding');
+        expectTypeOf().toHaveProperty('margin');
+        expectTypeOf().toHaveProperty('flex');
+        expectTypeOf().toHaveProperty('backgroundColor');
+    });
+});
+// =============================================================================
+// Test: styled.span() types (text-like element)
+// =============================================================================
+describe('styled.span() types', () => {
+    const StyledSpan = styled.span({
+        color: '$color',
+    });
+    test('styled.span() accepts text style props', () => {
+        expectTypeOf().toHaveProperty('color');
+        expectTypeOf().toHaveProperty('fontSize');
+        expectTypeOf().toHaveProperty('fontWeight');
+        expectTypeOf().toHaveProperty('lineHeight');
+    });
+});
+// =============================================================================
+// Test: variants support
+// =============================================================================
+describe('styled.element() with variants', () => {
+    const StyledAnchorWithVariants = styled.a({
+        color: '$blue10',
+        variants: {
+            size: {
+                small: { fontSize: '$2' },
+                large: { fontSize: '$6' },
+            },
+            underline: {
+                true: { textDecorationLine: 'underline' },
+                false: { textDecorationLine: 'none' },
+            },
+        },
+        defaultVariants: {
+            underline: true,
+        },
+    });
+    test('styled.a() with variants accepts size variant', () => {
+        expectTypeOf().toHaveProperty('size');
+    });
+    test('styled.a() with variants accepts underline variant', () => {
+        expectTypeOf().toHaveProperty('underline');
+    });
+    test('styled.a() with variants still accepts href', () => {
+        expectTypeOf().toHaveProperty('href');
+    });
+});
+// =============================================================================
+// Test: styledHtml() function (alternative API)
+// =============================================================================
+describe('styledHtml() function', () => {
+    const StyledAnchor = styledHtml('a', {
+        color: '$blue10',
+    });
+    test('styledHtml("a") accepts href prop', () => {
+        expectTypeOf().toHaveProperty('href');
+    });
+});
+// =============================================================================
+// Test: semantic elements
+// =============================================================================
+describe('semantic HTML elements', () => {
+    test('styled.nav() creates nav element component', () => {
+        const StyledNav = styled.nav({ padding: '$2' });
+        expectTypeOf().toHaveProperty('padding');
+    });
+    test('styled.main() creates main element component', () => {
+        const StyledMain = styled.main({ flex: 1 });
+        expectTypeOf().toHaveProperty('flex');
+    });
+    test('styled.section() creates section element component', () => {
+        const StyledSection = styled.section({ padding: '$3' });
+        expectTypeOf().toHaveProperty('padding');
+    });
+    test('styled.article() creates article element component', () => {
+        const StyledArticle = styled.article({ padding: '$3' });
+        expectTypeOf().toHaveProperty('padding');
+    });
+    test('styled.header() creates header element component', () => {
+        const StyledHeader = styled.header({ padding: '$2' });
+        expectTypeOf().toHaveProperty('padding');
+    });
+    test('styled.footer() creates footer element component', () => {
+        const StyledFooter = styled.footer({ padding: '$2' });
+        expectTypeOf().toHaveProperty('padding');
+    });
+});
+//# sourceMappingURL=styledHtml.test-d.js.map

package/dist/esm/styledHtml.test-d.js.map

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

package/dist/esm/styledNonStyleProps.test-d.js

@@ -0,0 +1,72 @@
+/**
+ * Regression type tests for issue #4010.
+ *
+ * When a config's `Themes` type carries a string index signature (which the generic
+ * config and many real configs do, e.g. @hanzogui/config), `keyof Themes` resolves to
+ * `string` and `ThemeMediaKeys` used to become `$theme-${string}`. that template-literal
+ * key collapsed the whole `WithMediaProps` mapped type into a `[key: string]` index
+ * signature, which then swallowed every non-style prop on a styled() component (onPress,
+ * onPressIn, children, ...) and even the styled() options object. the public type then
+ * typed `onPress`/`children` as the style token union instead of a function / react node.
+ *
+ * the index-signature collapse only surfaces against the built declarations a downstream
+ * project consumes (where `keyof Themes` becomes literally `string`). these tests pin the
+ * root-cause type (`ThemeMediaKeys`) directly so the regression is caught from source, and
+ * also assert the resulting styled() public props stay correct.
+ *
+ * Run with: bun run test:web
+ */
+import { describe, expectTypeOf, test } from 'vitest';
+import { styled } from './styled.js';
+import { createStyledContext } from './helpers/createStyledContext.js';
+import { View } from './views/View.js';
+import { Text } from './views/Text.js';
+describe('issue #4010 - ThemeMediaKeys must not collapse to a string index', () => {
+    test('a loose Themes (keyof = string) yields no theme media keys', () => {
+        // root cause: without the guard this was `$theme-${string}`, a template-literal key
+        // that turns any mapped type over it into a `[key: string]` index signature
+        expectTypeOf().toEqualTypeOf();
+    });
+    test('mapping over the loose-Themes result introduces no string index signature', () => {
+        expectTypeOf().toEqualTypeOf();
+    });
+    test('concrete themes still produce usable $theme- keys, sub-themes excluded', () => {
+        expectTypeOf().toEqualTypeOf();
+    });
+});
+describe('issue #4010 - non-style props survive styled()', () => {
+    // exact repro shape from the official "how to build a button" guide
+    const ButtonContext = createStyledContext({ size: '$md' });
+    const ButtonFrame = styled(View, {
+        name: 'Button',
+        context: ButtonContext,
+        variants: { size: { $md: { padding: '$3' } } },
+        defaultVariants: { size: '$md' },
+    });
+    const ButtonText = styled(Text, { name: 'ButtonText', context: ButtonContext });
+    test('styled() public props have no string index signature', () => {
+        expectTypeOf().toEqualTypeOf();
+        expectTypeOf().toEqualTypeOf();
+    });
+    test('onPress and press handlers are functions, not style values', () => {
+        expectTypeOf().toMatchTypeOf();
+        expectTypeOf().toMatchTypeOf();
+        expectTypeOf().toMatchTypeOf();
+        expectTypeOf().toMatchTypeOf();
+    });
+    test('children accepts react nodes on styled(Text) and styled(View)', () => {
+        expectTypeOf().toMatchTypeOf();
+        expectTypeOf().toMatchTypeOf();
+    });
+    test('plain styled(View) without context/variants keeps onPress + children', () => {
+        const Plain = styled(View, {});
+        expectTypeOf().toEqualTypeOf();
+        expectTypeOf().toMatchTypeOf();
+        expectTypeOf().toMatchTypeOf();
+    });
+    test('style + variant props still resolve', () => {
+        expectTypeOf().toHaveProperty('size');
+        expectTypeOf().toHaveProperty('hoverStyle');
+    });
+});
+//# sourceMappingURL=styledNonStyleProps.test-d.js.map

package/dist/esm/styledNonStyleProps.test-d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledNonStyleProps.test-d.js","sourceRoot":"","sources":["../../src/styledNonStyleProps.test-d.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAc,CAAA;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAmC,CAAA;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAkB,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAkB,CAAA;AAOvC,QAAQ,CAAC,kEAAkE,EAAE,GAAG,EAAE;IAChF,IAAI,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACtE,oFAAoF;QACpF,4EAA4E;QAC5E,YAAY,EAA0B,CAAC,aAAa,EAAS,CAAA;IAC/D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2EAA2E,EAAE,GAAG,EAAE;QACrF,YAAY,EAET,CAAC,aAAa,EAAS,CAAA;IAC5B,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wEAAwE,EAAE,GAAG,EAAE;QAClF,YAAY,EAAkD,CAAC,aAAa,EAEzE,CAAA;IACL,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAC9D,oEAAoE;IACpE,MAAM,aAAa,GAAG,mBAAmB,CAAC,EAAE,IAAI,EAAE,KAAY,EAAE,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,EAAE;QAC/B,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAW;QACvD,eAAe,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;KACjC,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAA;IAK/E,IAAI,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAChE,YAAY,EAAoC,CAAC,aAAa,EAAS,CAAA;QACvE,YAAY,EAAmC,CAAC,aAAa,EAAS,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACtE,YAAY,EAA+B,CAAC,aAAa,EAEtD,CAAA;QACH,YAAY,EAAiC,CAAC,aAAa,EAExD,CAAA;QACH,YAAY,EAAkC,CAAC,aAAa,EAEzD,CAAA;QACH,YAAY,EAAmC,CAAC,aAAa,EAE1D,CAAA;IACL,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACzE,YAAY,EAAW,CAAC,aAAa,EAA+B,CAAA;QACpE,YAAY,EAAW,CAAC,aAAa,EAAgC,CAAA;IACvE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sEAAsE,EAAE,GAAG,EAAE;QAChF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;QAE9B,YAAY,EAA8B,CAAC,aAAa,EAAS,CAAA;QACjE,YAAY,EAAyB,CAAC,aAAa,EAEhD,CAAA;QACH,YAAY,EAAW,CAAC,aAAa,EAA0B,CAAA;IACjE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC/C,YAAY,EAAoB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACvD,YAAY,EAAoB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IAC/D,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/esm/type-utils.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type-utils.js.map

package/dist/esm/type-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-utils.js","sourceRoot":"","sources":["../../src/type-utils.ts"],"names":[],"mappings":""}

package/dist/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.tsx"],"names":[],"mappings":""}

package/dist/esm/views/Configuration.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ClientOnly } from '@hanzogui/use-did-finish-ssr';
+import React from 'react';
+import { ComponentContext } from '../contexts/ComponentContext.js';
+export const Configuration = (props) => {
+    const current = React.useContext(ComponentContext);
+    return (_jsx(ClientOnly, { enabled: props.disableSSR ?? current.disableSSR, children: _jsx(ComponentContext.Provider, { ...current, ...props }) }));
+};
+//# sourceMappingURL=Configuration.js.map

package/dist/esm/views/Configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Configuration.js","sourceRoot":"","sources":["../../../src/views/Configuration.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAkC,CAAA;AASnE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAElD,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC,UAAU,YACzD,KAAC,gBAAgB,CAAC,QAAQ,OAAK,OAAO,KAAM,KAAK,GAAI,GAC1C,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/FontLanguage.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FontLanguage = ({ children, ...props }) => {
+    return (_jsx("div", { style: {
+            display: 'contents',
+        }, className: Object.entries(props)
+            .map(([name, language]) => `t_lang-${name}-${language}`)
+            .join(' '), children: children }));
+};
+FontLanguage['displayName'] = 'FontLanguage';
+//# sourceMappingURL=FontLanguage.js.map

package/dist/esm/views/FontLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontLanguage.js","sourceRoot":"","sources":["../../../src/views/FontLanguage.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE;IACxE,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,UAAU;SACpB,EACD,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;aAC7B,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,UAAU,IAAI,IAAI,QAAQ,EAAE,CAAC;aACvD,IAAI,CAAC,GAAG,CAAC,YAEX,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,aAAa,CAAC,GAAG,cAAc,CAAA"}

package/dist/esm/views/GuiProvider.js

@@ -0,0 +1,49 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIsomorphicLayoutEffect } from '@hanzogui/constants';
+import { ClientOnly } from '@hanzogui/use-did-finish-ssr';
+import React, { useEffect } from 'react';
+import { getSetting } from '../config.js';
+import { ComponentContext } from '../contexts/ComponentContext.js';
+import { stopAccumulatingRules } from '../helpers/insertStyleRule.js';
+import { updateMediaListeners } from '../hooks/useMedia.js';
+import { resolveAnimationDriver } from '../helpers/resolveAnimationDriver.js';
+import { GuiRoot } from './GuiRoot.js';
+import { ThemeProvider } from './ThemeProvider.js';
+// cache first theme key per config to avoid Object.keys allocation on every render
+let _cachedFirstKey;
+let _cachedConfig;
+function firstThemeKey(config) {
+    if (config !== _cachedConfig) {
+        _cachedConfig = config;
+        _cachedFirstKey = config?.themes ? Object.keys(config.themes)[0] : undefined;
+    }
+    return _cachedFirstKey;
+}
+export function GuiProvider({ children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, reset, insets, }) {
+    // fall back to first theme when defaultTheme is null/undefined
+    // (e.g. useColorScheme() returns null on first render in RN 0.83+)
+    const defaultTheme = defaultThemeProp || firstThemeKey(config) || 'light';
+    useIsomorphicLayoutEffect(() => {
+        stopAccumulatingRules();
+        updateMediaListeners();
+    }, []);
+    const memoizedInsets = React.useMemo(() => insets, [insets?.top, insets?.right, insets?.bottom, insets?.left]);
+    // Get the default animation driver from config
+    // config.animations is already normalized to the default driver in createGui
+    // resolveAnimationDriver handles edge cases where raw multi-driver object leaks through
+    const defaultAnimationDriver = React.useMemo(() => resolveAnimationDriver(config?.animations), [config?.animations]);
+    useEffect(() => {
+        defaultAnimationDriver?.onMount?.();
+    }, []);
+    let contents = (_jsx(ComponentContext.Provider, { animationDriver: defaultAnimationDriver, insets: memoizedInsets, children: _jsx(ThemeProvider, { defaultTheme: defaultTheme, reset: reset, className: className, children: _jsx(GuiRoot, { theme: defaultTheme, isRootRoot: true, children: children }) }) }));
+    if (getSetting('disableSSR')) {
+        // never changes so conditional render fine, no re-parenting risk
+        contents = _jsx(ClientOnly, { enabled: true, children: contents });
+    }
+    return (_jsxs(_Fragment, { children: [contents, "web" !== 'native' && config && !disableInjectCSS && (_jsx("style", { 
+                // react 19 feature to hoist style tags to header:
+                // https://react.dev/reference/react-dom/components/style
+                // @ts-ignore
+                precedence: "default", href: "hanzogui-css", children: config.getCSS() }, "hanzogui-css"))] }));
+}
+//# sourceMappingURL=GuiProvider.js.map

package/dist/esm/views/GuiProvider.js.map

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

package/dist/esm/views/GuiRoot.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { getConfig } from '../config.js';
+import { Theme } from './Theme.js';
+let defaultFontClass = '';
+/**
+ * Applies default font class and CSS variable inheritance via display:contents.
+ * Used by GuiProvider at the root and by portals to re-establish font scope.
+ * Pass trackMount to also handle the t_unmounted class for CSS animation gating.
+ */
+export function GuiRoot({ children, theme, isRootRoot, passThrough, style, }) {
+    const [mounted, setMounted] = React.useState(!isRootRoot);
+    React.useEffect(() => {
+        if (!mounted) {
+            setMounted(true);
+        }
+    }, []);
+    // cache the font class name
+    if (!defaultFontClass) {
+        const config = getConfig();
+        const defaultFont = config.defaultFont;
+        if (defaultFont) {
+            defaultFontClass = `font_${defaultFont}`;
+        }
+    }
+    const contents = (_jsx("span", { style: style, 
+        // font_body (or default font) sets all font properties via shared CSS rule
+        className: `_dsp_contents ${mounted ? '' : 't_unmounted'} ${defaultFontClass}`, children: children }));
+    // at root, ThemeProvider already applied theme - skip re-wrapping
+    // for portals/modals, we re-thread the theme so each root gets the right className setup
+    if (isRootRoot) {
+        return contents;
+    }
+    return (_jsx(Theme, { passThrough: passThrough, contain: true, forceClassName: true, name: theme, children: contents }));
+}
+//# sourceMappingURL=GuiRoot.js.map

package/dist/esm/views/GuiRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuiRoot.js","sourceRoot":"","sources":["../../../src/views/GuiRoot.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAa,CAAA;AAEnC,IAAI,gBAAgB,GAAG,EAAE,CAAA;AAEzB;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,GAON;IACC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,4BAA4B;IAC5B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;QAC1B,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAA;QACtC,IAAI,WAAW,EAAE,CAAC;YAChB,gBAAgB,GAAG,QAAQ,WAAW,EAAE,CAAA;QAC1C,CAAC;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,CACf,eACE,KAAK,EAAE,KAAK;QACZ,2EAA2E;QAC3E,SAAS,EAAE,iBAAiB,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,IAAI,gBAAgB,EAAE,YAE7E,QAAQ,GACJ,CACR,CAAA;IAED,kEAAkE;IAClE,yFAAyF;IACzF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,OAAO,CACL,KAAC,KAAK,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,QAAC,cAAc,QAAC,IAAI,EAAE,KAAK,YAChE,QAAQ,GACH,CACT,CAAA;AACH,CAAC"}

package/dist/esm/views/Slot.js

@@ -0,0 +1,60 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+// via radix
+import { composeRefs } from '@hanzogui/compose-refs';
+import { isWeb } from '@hanzogui/constants';
+import { Children, cloneElement, forwardRef, isValidElement, memo } from 'react';
+import { mergeSlotStyleProps } from '../helpers/mergeSlotStyleProps.js';
+export const Slot = memo(forwardRef(function Slot(props, forwardedRef) {
+    const { children, ...slotProps } = props;
+    if (isValidElement(children)) {
+        const mergedProps = mergeSlotProps(children, slotProps);
+        return cloneElement(children, children.type['avoidForwardRef']
+            ? mergedProps
+            : {
+                ...mergedProps,
+                ref: composeRefs(forwardedRef, children.props.ref),
+            });
+    }
+    return Children.count(children) > 1 ? Children.only(null) : null;
+}));
+/* -------------------------------------------------------------------------------------------------
+ * Slottable
+ * -----------------------------------------------------------------------------------------------*/
+export const Slottable = ({ children }) => {
+    return _jsx(_Fragment, { children: children });
+};
+Slottable['displayName'] = 'Slottable';
+/* ---------------------------------------------------------------------------------------------- */
+const pressMap = isWeb
+    ? {
+        onPress: 'onClick',
+        onPressOut: 'onMouseUp',
+        onPressIn: 'onMouseDown',
+    }
+    : {};
+function mergeSlotProps(child, slotProps) {
+    const childProps = child.props;
+    const isHTMLChild = typeof child.type === 'string';
+    // convert RN press events to web events for HTML children
+    if (isHTMLChild) {
+        for (const key in pressMap) {
+            if (key in slotProps) {
+                slotProps[pressMap[key]] = slotProps[key];
+                delete slotProps[key];
+            }
+        }
+    }
+    // merge slot props with child props (child wins via overlay)
+    const merged = mergeSlotStyleProps(slotProps, childProps);
+    // convert child's RN press events to web events after merge
+    if (isHTMLChild) {
+        for (const key in pressMap) {
+            if (key in merged) {
+                merged[pressMap[key]] = merged[key];
+                delete merged[key];
+            }
+        }
+    }
+    return merged;
+}
+//# sourceMappingURL=Slot.js.map

package/dist/esm/views/Slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../../src/views/Slot.tsx"],"names":[],"mappings":";AAAA,YAAY;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAE3C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAUvE,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CACtB,UAAU,CAAiB,SAAS,IAAI,CAAC,KAAK,EAAE,YAAY;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAExC,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;QACvD,OAAO,YAAY,CACjB,QAAQ,EACR,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC;YAC9B,CAAC,CAAC,WAAW;YACb,CAAC,CAAC;gBACE,GAAG,WAAW;gBACd,GAAG,EAAE,WAAW,CAAC,YAAY,EAAG,QAAgB,CAAC,KAAK,CAAC,GAAG,CAAC;aAC5D,CACN,CAAA;IACH,CAAC;IAED,OAAO,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAClE,CAAC,CAAC,CACH,CAAA;AAED;;oGAEoG;AAEpG,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACjE,OAAO,4BAAG,QAAQ,GAAI,CAAA;AACxB,CAAC,CAAA;AAED,SAAS,CAAC,aAAa,CAAC,GAAG,WAAW,CAAA;AAEtC,oGAAoG;AAEpG,MAAM,QAAQ,GAAG,KAAK;IACpB,CAAC,CAAC;QACE,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,WAAW;QACvB,SAAS,EAAE,aAAa;KACzB;IACH,CAAC,CAAC,EAAE,CAAA;AAEN,SAAS,cAAc,CAAC,KAAU,EAAE,SAA8B;IAChE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAA;IAC9B,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAA;IAElD,0DAA0D;IAC1D,IAAI,WAAW,EAAE,CAAC;QAChB,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;YAC3B,IAAI,GAAG,IAAI,SAAS,EAAE,CAAC;gBACrB,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAA;gBACzC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAA;YACvB,CAAC;QACH,CAAC;IACH,CAAC;IAED,6DAA6D;IAC7D,MAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAA;IAEzD,4DAA4D;IAC5D,IAAI,WAAW,EAAE,CAAC;QAChB,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;YAC3B,IAAI,GAAG,IAAI,MAAM,EAAE,CAAC;gBAClB,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;gBACnC,OAAO,MAAM,CAAC,GAAG,CAAC,CAAA;YACpB,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/esm/views/Text.js

@@ -0,0 +1,49 @@
+import { stylePropsTextOnly, validStyles } from '@hanzogui/helpers';
+import { createComponent } from '../createComponent.js';
+const ellipsisStyle = "web" === 'web'
+    ? {
+        maxWidth: '100%',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+    }
+    : {
+        numberOfLines: 1,
+        lineBreakMode: 'clip',
+    };
+export const Text = createComponent({
+    componentName: 'Text',
+    acceptsClassName: true,
+    isText: true,
+    defaultProps: "web" === 'web'
+        ? undefined
+        : {
+            suppressHighlighting: true,
+        },
+    inlineWhenUnflattened: new Set(['fontFamily']),
+    inlineProps: new Set(['maxFontSizeMultiplier']),
+    variants: {
+        ...("web" === 'web' && {
+            numberOfLines: {
+                1: ellipsisStyle,
+                ':number': (numberOfLines) => numberOfLines >= 1
+                    ? {
+                        maxWidth: '100%',
+                        WebkitLineClamp: numberOfLines,
+                        WebkitBoxOrient: 'vertical',
+                        display: '-webkit-box',
+                        overflow: 'hidden',
+                    }
+                    : null,
+            },
+        }),
+        ellipsis: {
+            true: ellipsisStyle,
+        },
+    },
+    validStyles: {
+        ...validStyles,
+        ...stylePropsTextOnly,
+    },
+});
+//# sourceMappingURL=Text.js.map

package/dist/esm/views/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/views/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAwB,CAAA;AAUxD,MAAM,aAAa,GACjB,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,KAAK;IAC9B,CAAC,CAAC;QACE,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;KACrB;IACH,CAAC,CAAC;QACE,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,MAAM;KACtB,CAAA;AAEP,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAKjC;IACA,aAAa,EAAE,MAAM;IACrB,gBAAgB,EAAE,IAAI;IACtB,MAAM,EAAE,IAAI;IAEZ,YAAY,EACV,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,KAAK;QAC9B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,oBAAoB,EAAE,IAAI;SAC3B;IAEP,qBAAqB,EAAE,IAAI,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;IAC9C,WAAW,EAAE,IAAI,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;IAE/C,QAAQ,EAAE;QACR,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,KAAK,IAAI;YACtC,aAAa,EAAE;gBACb,CAAC,EAAE,aAAa;gBAEhB,SAAS,EAAE,CAAC,aAAa,EAAE,EAAE,CAC3B,aAAa,IAAI,CAAC;oBAChB,CAAC,CAAC;wBACE,QAAQ,EAAE,MAAM;wBAChB,eAAe,EAAE,aAAa;wBAC9B,eAAe,EAAE,UAAU;wBAC3B,OAAO,EAAE,aAAa;wBACtB,QAAQ,EAAE,QAAQ;qBACnB;oBACH,CAAC,CAAC,IAAI;aACX;SACF,CAAC;QAEF,QAAQ,EAAE;YACR,IAAI,EAAE,aAAa;SACpB;KACF;IAED,WAAW,EAAE;QACX,GAAG,WAAW;QACd,GAAG,kBAAkB;KACtB;CACF,CAAC,CAAA"}