@hanzogui/web 8.3.0 → 8.3.2

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

@@ -0,0 +1,213 @@
+"use strict";
+/**
+ * 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const styled_tsx_1 = require("./styled.js");
+// =============================================================================
+// Test: styled.a() types
+// =============================================================================
+(0, vitest_1.describe)('styled.a() types', () => {
+    const StyledAnchor = styled_tsx_1.styled.a({
+        color: '$blue10',
+    });
+    (0, vitest_1.test)('styled.a() accepts href prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('href');
+        (0, vitest_1.expectTypeOf)().toMatchTypeOf();
+    });
+    (0, vitest_1.test)('styled.a() accepts target prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('target');
+    });
+    (0, vitest_1.test)('styled.a() accepts rel prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('rel');
+    });
+    (0, vitest_1.test)('styled.a() accepts text style props', () => {
+        // text-like elements should accept text style props
+        (0, vitest_1.expectTypeOf)().toHaveProperty('color');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('fontSize');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('fontWeight');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('textDecorationLine');
+    });
+});
+// =============================================================================
+// Test: styled.button() types
+// =============================================================================
+(0, vitest_1.describe)('styled.button() types', () => {
+    const StyledButton = styled_tsx_1.styled.button({
+        padding: '$4',
+    });
+    (0, vitest_1.test)('styled.button() accepts type prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('type');
+    });
+    (0, vitest_1.test)('styled.button() accepts disabled prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('disabled');
+    });
+    (0, vitest_1.test)('styled.button() accepts onClick prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('onClick');
+    });
+    (0, vitest_1.test)('styled.button() accepts stack style props', () => {
+        // non-text elements should accept stack style props
+        (0, vitest_1.expectTypeOf)().toHaveProperty('padding');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('backgroundColor');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('borderRadius');
+    });
+});
+// =============================================================================
+// Test: styled.input() types
+// =============================================================================
+(0, vitest_1.describe)('styled.input() types', () => {
+    const StyledInput = styled_tsx_1.styled.input({
+        padding: '$2',
+    });
+    (0, vitest_1.test)('styled.input() accepts type prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('type');
+    });
+    (0, vitest_1.test)('styled.input() accepts placeholder prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('placeholder');
+    });
+    (0, vitest_1.test)('styled.input() accepts maxLength prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('maxLength');
+    });
+    (0, vitest_1.test)('styled.input() accepts value prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('value');
+    });
+    (0, vitest_1.test)('styled.input() accepts onChange prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('onChange');
+    });
+});
+// =============================================================================
+// Test: styled.form() types
+// =============================================================================
+(0, vitest_1.describe)('styled.form() types', () => {
+    const StyledForm = styled_tsx_1.styled.form({
+        gap: '$3',
+    });
+    (0, vitest_1.test)('styled.form() accepts action prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('action');
+    });
+    (0, vitest_1.test)('styled.form() accepts method prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('method');
+    });
+    (0, vitest_1.test)('styled.form() accepts onSubmit prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('onSubmit');
+    });
+});
+// =============================================================================
+// Test: styled.label() types
+// =============================================================================
+(0, vitest_1.describe)('styled.label() types', () => {
+    const StyledLabel = styled_tsx_1.styled.label({
+        fontSize: '$3',
+    });
+    (0, vitest_1.test)('styled.label() accepts htmlFor prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('htmlFor');
+    });
+});
+// =============================================================================
+// Test: styled.div() types (stack-like element)
+// =============================================================================
+(0, vitest_1.describe)('styled.div() types', () => {
+    const StyledDiv = styled_tsx_1.styled.div({
+        padding: '$4',
+    });
+    (0, vitest_1.test)('styled.div() accepts stack style props', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('padding');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('margin');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('flex');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('backgroundColor');
+    });
+});
+// =============================================================================
+// Test: styled.span() types (text-like element)
+// =============================================================================
+(0, vitest_1.describe)('styled.span() types', () => {
+    const StyledSpan = styled_tsx_1.styled.span({
+        color: '$color',
+    });
+    (0, vitest_1.test)('styled.span() accepts text style props', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('color');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('fontSize');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('fontWeight');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('lineHeight');
+    });
+});
+// =============================================================================
+// Test: variants support
+// =============================================================================
+(0, vitest_1.describe)('styled.element() with variants', () => {
+    const StyledAnchorWithVariants = styled_tsx_1.styled.a({
+        color: '$blue10',
+        variants: {
+            size: {
+                small: { fontSize: '$2' },
+                large: { fontSize: '$6' },
+            },
+            underline: {
+                true: { textDecorationLine: 'underline' },
+                false: { textDecorationLine: 'none' },
+            },
+        },
+        defaultVariants: {
+            underline: true,
+        },
+    });
+    (0, vitest_1.test)('styled.a() with variants accepts size variant', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('size');
+    });
+    (0, vitest_1.test)('styled.a() with variants accepts underline variant', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('underline');
+    });
+    (0, vitest_1.test)('styled.a() with variants still accepts href', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('href');
+    });
+});
+// =============================================================================
+// Test: styledHtml() function (alternative API)
+// =============================================================================
+(0, vitest_1.describe)('styledHtml() function', () => {
+    const StyledAnchor = (0, styled_tsx_1.styledHtml)('a', {
+        color: '$blue10',
+    });
+    (0, vitest_1.test)('styledHtml("a") accepts href prop', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('href');
+    });
+});
+// =============================================================================
+// Test: semantic elements
+// =============================================================================
+(0, vitest_1.describe)('semantic HTML elements', () => {
+    (0, vitest_1.test)('styled.nav() creates nav element component', () => {
+        const StyledNav = styled_tsx_1.styled.nav({ padding: '$2' });
+        (0, vitest_1.expectTypeOf)().toHaveProperty('padding');
+    });
+    (0, vitest_1.test)('styled.main() creates main element component', () => {
+        const StyledMain = styled_tsx_1.styled.main({ flex: 1 });
+        (0, vitest_1.expectTypeOf)().toHaveProperty('flex');
+    });
+    (0, vitest_1.test)('styled.section() creates section element component', () => {
+        const StyledSection = styled_tsx_1.styled.section({ padding: '$3' });
+        (0, vitest_1.expectTypeOf)().toHaveProperty('padding');
+    });
+    (0, vitest_1.test)('styled.article() creates article element component', () => {
+        const StyledArticle = styled_tsx_1.styled.article({ padding: '$3' });
+        (0, vitest_1.expectTypeOf)().toHaveProperty('padding');
+    });
+    (0, vitest_1.test)('styled.header() creates header element component', () => {
+        const StyledHeader = styled_tsx_1.styled.header({ padding: '$2' });
+        (0, vitest_1.expectTypeOf)().toHaveProperty('padding');
+    });
+    (0, vitest_1.test)('styled.footer() creates footer element component', () => {
+        const StyledFooter = styled_tsx_1.styled.footer({ padding: '$2' });
+        (0, vitest_1.expectTypeOf)().toHaveProperty('padding');
+    });
+});
+//# sourceMappingURL=styledHtml.test-d.js.map

package/dist/cjs/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/cjs/styledNonStyleProps.test-d.js

@@ -0,0 +1,74 @@
+"use strict";
+/**
+ * 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const styled_tsx_1 = require("./styled.js");
+const createStyledContext_tsx_1 = require("./helpers/createStyledContext.js");
+const View_tsx_1 = require("./views/View.js");
+const Text_tsx_1 = require("./views/Text.js");
+(0, vitest_1.describe)('issue #4010 - ThemeMediaKeys must not collapse to a string index', () => {
+    (0, vitest_1.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
+        (0, vitest_1.expectTypeOf)().toEqualTypeOf();
+    });
+    (0, vitest_1.test)('mapping over the loose-Themes result introduces no string index signature', () => {
+        (0, vitest_1.expectTypeOf)().toEqualTypeOf();
+    });
+    (0, vitest_1.test)('concrete themes still produce usable $theme- keys, sub-themes excluded', () => {
+        (0, vitest_1.expectTypeOf)().toEqualTypeOf();
+    });
+});
+(0, vitest_1.describe)('issue #4010 - non-style props survive styled()', () => {
+    // exact repro shape from the official "how to build a button" guide
+    const ButtonContext = (0, createStyledContext_tsx_1.createStyledContext)({ size: '$md' });
+    const ButtonFrame = (0, styled_tsx_1.styled)(View_tsx_1.View, {
+        name: 'Button',
+        context: ButtonContext,
+        variants: { size: { $md: { padding: '$3' } } },
+        defaultVariants: { size: '$md' },
+    });
+    const ButtonText = (0, styled_tsx_1.styled)(Text_tsx_1.Text, { name: 'ButtonText', context: ButtonContext });
+    (0, vitest_1.test)('styled() public props have no string index signature', () => {
+        (0, vitest_1.expectTypeOf)().toEqualTypeOf();
+        (0, vitest_1.expectTypeOf)().toEqualTypeOf();
+    });
+    (0, vitest_1.test)('onPress and press handlers are functions, not style values', () => {
+        (0, vitest_1.expectTypeOf)().toMatchTypeOf();
+        (0, vitest_1.expectTypeOf)().toMatchTypeOf();
+        (0, vitest_1.expectTypeOf)().toMatchTypeOf();
+        (0, vitest_1.expectTypeOf)().toMatchTypeOf();
+    });
+    (0, vitest_1.test)('children accepts react nodes on styled(Text) and styled(View)', () => {
+        (0, vitest_1.expectTypeOf)().toMatchTypeOf();
+        (0, vitest_1.expectTypeOf)().toMatchTypeOf();
+    });
+    (0, vitest_1.test)('plain styled(View) without context/variants keeps onPress + children', () => {
+        const Plain = (0, styled_tsx_1.styled)(View_tsx_1.View, {});
+        (0, vitest_1.expectTypeOf)().toEqualTypeOf();
+        (0, vitest_1.expectTypeOf)().toMatchTypeOf();
+        (0, vitest_1.expectTypeOf)().toMatchTypeOf();
+    });
+    (0, vitest_1.test)('style + variant props still resolve', () => {
+        (0, vitest_1.expectTypeOf)().toHaveProperty('size');
+        (0, vitest_1.expectTypeOf)().toHaveProperty('hoverStyle');
+    });
+});
+//# sourceMappingURL=styledNonStyleProps.test-d.js.map

package/dist/cjs/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,mCAAqD;AACrD,4CAAqC;AACrC,8EAAuE;AACvE,8CAAuC;AACvC,8CAAuC;AAOvC,IAAA,iBAAQ,EAAC,kEAAkE,EAAE,GAAG,EAAE;IAChF,IAAA,aAAI,EAAC,4DAA4D,EAAE,GAAG,EAAE;QACtE,oFAAoF;QACpF,4EAA4E;QAC5E,IAAA,qBAAY,GAA0B,CAAC,aAAa,EAAS,CAAA;IAC/D,CAAC,CAAC,CAAA;IAEF,IAAA,aAAI,EAAC,2EAA2E,EAAE,GAAG,EAAE;QACrF,IAAA,qBAAY,GAET,CAAC,aAAa,EAAS,CAAA;IAC5B,CAAC,CAAC,CAAA;IAEF,IAAA,aAAI,EAAC,wEAAwE,EAAE,GAAG,EAAE;QAClF,IAAA,qBAAY,GAAkD,CAAC,aAAa,EAEzE,CAAA;IACL,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,IAAA,iBAAQ,EAAC,gDAAgD,EAAE,GAAG,EAAE;IAC9D,oEAAoE;IACpE,MAAM,aAAa,GAAG,IAAA,6CAAmB,EAAC,EAAE,IAAI,EAAE,KAAY,EAAE,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,IAAA,mBAAM,EAAC,eAAI,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,IAAA,mBAAM,EAAC,eAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAA;IAK/E,IAAA,aAAI,EAAC,sDAAsD,EAAE,GAAG,EAAE;QAChE,IAAA,qBAAY,GAAoC,CAAC,aAAa,EAAS,CAAA;QACvE,IAAA,qBAAY,GAAmC,CAAC,aAAa,EAAS,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,IAAA,aAAI,EAAC,4DAA4D,EAAE,GAAG,EAAE;QACtE,IAAA,qBAAY,GAA+B,CAAC,aAAa,EAEtD,CAAA;QACH,IAAA,qBAAY,GAAiC,CAAC,aAAa,EAExD,CAAA;QACH,IAAA,qBAAY,GAAkC,CAAC,aAAa,EAEzD,CAAA;QACH,IAAA,qBAAY,GAAmC,CAAC,aAAa,EAE1D,CAAA;IACL,CAAC,CAAC,CAAA;IAEF,IAAA,aAAI,EAAC,+DAA+D,EAAE,GAAG,EAAE;QACzE,IAAA,qBAAY,GAAW,CAAC,aAAa,EAA+B,CAAA;QACpE,IAAA,qBAAY,GAAW,CAAC,aAAa,EAAgC,CAAA;IACvE,CAAC,CAAC,CAAA;IAEF,IAAA,aAAI,EAAC,sEAAsE,EAAE,GAAG,EAAE;QAChF,MAAM,KAAK,GAAG,IAAA,mBAAM,EAAC,eAAI,EAAE,EAAE,CAAC,CAAA;QAE9B,IAAA,qBAAY,GAA8B,CAAC,aAAa,EAAS,CAAA;QACjE,IAAA,qBAAY,GAAyB,CAAC,aAAa,EAEhD,CAAA;QACH,IAAA,qBAAY,GAAW,CAAC,aAAa,EAA0B,CAAA;IACjE,CAAC,CAAC,CAAA;IAEF,IAAA,aAAI,EAAC,qCAAqC,EAAE,GAAG,EAAE;QAC/C,IAAA,qBAAY,GAAoB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACvD,IAAA,qBAAY,GAAoB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IAC/D,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/cjs/type-utils.js

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

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

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

package/dist/cjs/types.js

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

package/dist/cjs/types.js.map

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

package/dist/cjs/views/Configuration.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Configuration = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_did_finish_ssr_1 = require("@hanzogui/use-did-finish-ssr");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ComponentContext_tsx_1 = require("../contexts/ComponentContext.js");
+const Configuration = (props) => {
+    const current = react_1.default.useContext(ComponentContext_tsx_1.ComponentContext);
+    return ((0, jsx_runtime_1.jsx)(use_did_finish_ssr_1.ClientOnly, { enabled: props.disableSSR ?? current.disableSSR, children: (0, jsx_runtime_1.jsx)(ComponentContext_tsx_1.ComponentContext.Provider, { ...current, ...props }) }));
+};
+exports.Configuration = Configuration;
+//# sourceMappingURL=Configuration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Configuration.js","sourceRoot":"","sources":["../../../src/views/Configuration.tsx"],"names":[],"mappings":";;;;;AAAA,qEAAyD;AACzD,0DAAyB;AACzB,0EAAmE;AAS5D,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,uCAAgB,CAAC,CAAA;IAElD,OAAO,CACL,uBAAC,+BAAU,IAAC,OAAO,EAAE,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC,UAAU,YACzD,uBAAC,uCAAgB,CAAC,QAAQ,OAAK,OAAO,KAAM,KAAK,GAAI,GAC1C,CACd,CAAA;AACH,CAAC,CAAA;AARY,QAAA,aAAa,GAAb,aAAa,CAQzB"}

package/dist/cjs/views/FontLanguage.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FontLanguage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FontLanguage = ({ children, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            display: 'contents',
+        }, className: Object.entries(props)
+            .map(([name, language]) => `t_lang-${name}-${language}`)
+            .join(' '), children: children }));
+};
+exports.FontLanguage = FontLanguage;
+exports.FontLanguage['displayName'] = 'FontLanguage';
+//# sourceMappingURL=FontLanguage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FontLanguage.js","sourceRoot":"","sources":["../../../src/views/FontLanguage.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE;IACxE,OAAO,CACL,gCACE,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;AAbY,QAAA,YAAY,GAAZ,YAAY,CAaxB;AAED,QAAA,YAAY,CAAC,aAAa,CAAC,GAAG,cAAc,CAAA"}

package/dist/cjs/views/GuiProvider.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GuiProvider = GuiProvider;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("@hanzogui/constants");
+const use_did_finish_ssr_1 = require("@hanzogui/use-did-finish-ssr");
+const react_1 = tslib_1.__importStar(require("react"));
+const config_ts_1 = require("../config.js");
+const ComponentContext_tsx_1 = require("../contexts/ComponentContext.js");
+const insertStyleRule_tsx_1 = require("../helpers/insertStyleRule.js");
+const useMedia_tsx_1 = require("../hooks/useMedia.js");
+const resolveAnimationDriver_ts_1 = require("../helpers/resolveAnimationDriver.js");
+const GuiRoot_tsx_1 = require("./GuiRoot.js");
+const ThemeProvider_tsx_1 = require("./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;
+}
+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';
+    (0, constants_1.useIsomorphicLayoutEffect)(() => {
+        (0, insertStyleRule_tsx_1.stopAccumulatingRules)();
+        (0, useMedia_tsx_1.updateMediaListeners)();
+    }, []);
+    const memoizedInsets = react_1.default.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_1.default.useMemo(() => (0, resolveAnimationDriver_ts_1.resolveAnimationDriver)(config?.animations), [config?.animations]);
+    (0, react_1.useEffect)(() => {
+        defaultAnimationDriver?.onMount?.();
+    }, []);
+    let contents = ((0, jsx_runtime_1.jsx)(ComponentContext_tsx_1.ComponentContext.Provider, { animationDriver: defaultAnimationDriver, insets: memoizedInsets, children: (0, jsx_runtime_1.jsx)(ThemeProvider_tsx_1.ThemeProvider, { defaultTheme: defaultTheme, reset: reset, className: className, children: (0, jsx_runtime_1.jsx)(GuiRoot_tsx_1.GuiRoot, { theme: defaultTheme, isRootRoot: true, children: children }) }) }));
+    if ((0, config_ts_1.getSetting)('disableSSR')) {
+        // never changes so conditional render fine, no re-parenting risk
+        contents = (0, jsx_runtime_1.jsx)(use_did_finish_ssr_1.ClientOnly, { enabled: true, children: contents });
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [contents, "web" !== 'native' && config && !disableInjectCSS && ((0, jsx_runtime_1.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/cjs/views/GuiProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuiProvider.js","sourceRoot":"","sources":["../../../src/views/GuiProvider.tsx"],"names":[],"mappings":";;;;;AAAA,mDAA+D;AAC/D,qEAAyD;AACzD,uDAAwC;AACxC,4CAAyC;AACzC,0EAAmE;AACnE,uEAAsE;AACtE,uDAA4D;AAC5D,oFAA6E;AAE7E,8CAAuC;AACvC,0DAAmD;AAEnD,mFAAmF;AACnF,IAAI,eAAmC,CAAA;AACvC,IAAI,aAAkB,CAAA;AAEtB,SAAS,aAAa,CAAC,MAAW;IAChC,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;QAC7B,aAAa,GAAG,MAAM,CAAA;QACtB,eAAe,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC9E,CAAC;IACD,OAAO,eAAe,CAAA;AACxB,CAAC;AAED,qBAA4B,EAC1B,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EACL,MAAM,GACW;IACjB,+DAA+D;IAC/D,mEAAmE;IACnE,MAAM,YAAY,GAAG,gBAAgB,IAAI,aAAa,CAAC,MAAM,CAAC,IAAI,OAAO,CAAA;IACzE,IAAA,qCAAyB,EAAC,GAAG,EAAE;QAC7B,IAAA,2CAAqB,GAAE,CAAA;QACvB,IAAA,mCAAoB,GAAE,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,MAAM,EACZ,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAC3D,CAAA;IAED,+CAA+C;IAC/C,6EAA6E;IAC7E,wFAAwF;IACxF,MAAM,sBAAsB,GAA2B,eAAK,CAAC,OAAO,CAClE,GAAG,EAAE,CAAC,IAAA,kDAAsB,EAAC,MAAM,EAAE,UAAU,CAAC,EAChD,CAAC,MAAM,EAAE,UAAU,CAAC,CACrB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,sBAAsB,EAAE,OAAO,EAAE,EAAE,CAAA;IACrC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAI,QAAQ,GAAG,CACb,uBAAC,uCAAgB,CAAC,QAAQ,IACxB,eAAe,EAAE,sBAAsB,EACvC,MAAM,EAAE,cAAc,YAEtB,uBAAC,iCAAa,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YAC3E,uBAAC,qBAAO,IAAC,KAAK,EAAE,YAAY,EAAE,UAAU,kBACrC,QAAQ,GACD,GACI,GACU,CAC7B,CAAA;IAED,IAAI,IAAA,sBAAU,EAAC,YAAY,CAAC,EAAE,CAAC;QAC7B,iEAAiE;QACjE,QAAQ,GAAG,uBAAC,+BAAU,IAAC,OAAO,kBAAE,QAAQ,GAAc,CAAA;IACxD,CAAC;IAED,OAAO,CACL,6DACG,QAAQ,EAER,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,gBAAgB,IAAI,CACrE;gBACE,kDAAkD;gBAClD,yDAAyD;gBACzD,aAAa;gBACb,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,cAAc,YAGlB,MAAM,CAAC,MAAM,EAAE,IAFZ,cAAc,CAGZ,CACT,IACA,CACJ,CAAA;AACH,CAAC"}

package/dist/cjs/views/GuiRoot.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GuiRoot = GuiRoot;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const config_ts_1 = require("../config.js");
+const Theme_tsx_1 = require("./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.
+ */
+function GuiRoot({ children, theme, isRootRoot, passThrough, style, }) {
+    const [mounted, setMounted] = react_1.default.useState(!isRootRoot);
+    react_1.default.useEffect(() => {
+        if (!mounted) {
+            setMounted(true);
+        }
+    }, []);
+    // cache the font class name
+    if (!defaultFontClass) {
+        const config = (0, config_ts_1.getConfig)();
+        const defaultFont = config.defaultFont;
+        if (defaultFont) {
+            defaultFontClass = `font_${defaultFont}`;
+        }
+    }
+    const contents = ((0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(Theme_tsx_1.Theme, { passThrough: passThrough, contain: true, forceClassName: true, name: theme, children: contents }));
+}
+//# sourceMappingURL=GuiRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GuiRoot.js","sourceRoot":"","sources":["../../../src/views/GuiRoot.tsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,4CAAwC;AAExC,0CAAmC;AAEnC,IAAI,gBAAgB,GAAG,EAAE,CAAA;AAEzB;;;;GAIG;AACH,iBAAwB,EACtB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,GAON;IACC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IAEzD,eAAK,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,IAAA,qBAAS,GAAE,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,iCACE,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,uBAAC,iBAAK,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,QAAC,cAAc,QAAC,IAAI,EAAE,KAAK,YAChE,QAAQ,GACH,CACT,CAAA;AACH,CAAC"}

package/dist/cjs/views/Slot.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slottable = exports.Slot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// via radix
+const compose_refs_1 = require("@hanzogui/compose-refs");
+const constants_1 = require("@hanzogui/constants");
+const react_1 = require("react");
+const mergeSlotStyleProps_ts_1 = require("../helpers/mergeSlotStyleProps.js");
+exports.Slot = (0, react_1.memo)((0, react_1.forwardRef)(function Slot(props, forwardedRef) {
+    const { children, ...slotProps } = props;
+    if ((0, react_1.isValidElement)(children)) {
+        const mergedProps = mergeSlotProps(children, slotProps);
+        return (0, react_1.cloneElement)(children, children.type['avoidForwardRef']
+            ? mergedProps
+            : {
+                ...mergedProps,
+                ref: (0, compose_refs_1.composeRefs)(forwardedRef, children.props.ref),
+            });
+    }
+    return react_1.Children.count(children) > 1 ? react_1.Children.only(null) : null;
+}));
+/* -------------------------------------------------------------------------------------------------
+ * Slottable
+ * -----------------------------------------------------------------------------------------------*/
+const Slottable = ({ children }) => {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+};
+exports.Slottable = Slottable;
+exports.Slottable['displayName'] = 'Slottable';
+/* ---------------------------------------------------------------------------------------------- */
+const pressMap = constants_1.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 = (0, mergeSlotStyleProps_ts_1.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/cjs/views/Slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../../src/views/Slot.tsx"],"names":[],"mappings":";;;;AAAA,YAAY;AAEZ,yDAAoD;AACpD,mDAA2C;AAE3C,iCAAgF;AAChF,8EAAuE;AAU1D,QAAA,IAAI,GAAG,IAAA,YAAI,EACtB,IAAA,kBAAU,EAAiB,SAAS,IAAI,CAAC,KAAK,EAAE,YAAY;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAExC,IAAI,IAAA,sBAAc,EAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;QACvD,OAAO,IAAA,oBAAY,EACjB,QAAQ,EACR,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC;YAC9B,CAAC,CAAC,WAAW;YACb,CAAC,CAAC;gBACE,GAAG,WAAW;gBACd,GAAG,EAAE,IAAA,0BAAW,EAAC,YAAY,EAAG,QAAgB,CAAC,KAAK,CAAC,GAAG,CAAC;aAC5D,CACN,CAAA;IACH,CAAC;IAED,OAAO,gBAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAClE,CAAC,CAAC,CACH,CAAA;AAED;;oGAEoG;AAE7F,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACjE,OAAO,2DAAG,QAAQ,GAAI,CAAA;AACxB,CAAC,CAAA;AAFY,QAAA,SAAS,GAAT,SAAS,CAErB;AAED,QAAA,SAAS,CAAC,aAAa,CAAC,GAAG,WAAW,CAAA;AAEtC,oGAAoG;AAEpG,MAAM,QAAQ,GAAG,iBAAK;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,IAAA,4CAAmB,EAAC,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/cjs/views/Text.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const helpers_1 = require("@hanzogui/helpers");
+const createComponent_tsx_1 = require("../createComponent.js");
+const ellipsisStyle = "web" === 'web'
+    ? {
+        maxWidth: '100%',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+    }
+    : {
+        numberOfLines: 1,
+        lineBreakMode: 'clip',
+    };
+exports.Text = (0, createComponent_tsx_1.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: {
+        ...helpers_1.validStyles,
+        ...helpers_1.stylePropsTextOnly,
+    },
+});
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/views/Text.tsx"],"names":[],"mappings":";;;AAAA,+CAAmE;AAEnE,+DAAwD;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;AAEM,QAAA,IAAI,GAAG,IAAA,qCAAe,EAKjC;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,qBAAW;QACd,GAAG,4BAAkB;KACtB;CACF,CAAC,CAAA"}