@hanzogui/button 8.3.0 → 8.3.2

package/dist/cjs/Button.js

@@ -0,0 +1,238 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.ButtonContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const font_size_1 = require("@hanzogui/font-size");
+const get_button_sized_1 = require("@hanzogui/get-button-sized");
+const component_helpers_1 = require("@hanzogui/component-helpers");
+const stacks_1 = require("@hanzogui/stacks");
+const text_1 = require("@hanzogui/text");
+const web_1 = require("@hanzogui/web");
+const react_1 = require("react");
+const context = (0, web_1.createStyledContext)({
+    size: undefined,
+    variant: undefined,
+    color: undefined,
+    elevation: undefined,
+    ellipsis: undefined,
+    fontFamily: undefined,
+    fontSize: undefined,
+    fontStyle: undefined,
+    fontWeight: undefined,
+    letterSpacing: undefined,
+    maxFontSizeMultiplier: undefined,
+    textAlign: undefined,
+});
+const Frame = (0, web_1.styled)(web_1.View, {
+    context,
+    name: 'Button',
+    role: 'button',
+    render: (0, jsx_runtime_1.jsx)("button", { type: "button" }),
+    tabIndex: 0,
+    variants: {
+        unstyled: {
+            true: {
+                // reset browser <button> defaults
+                outlineWidth: 0,
+                borderWidth: 0,
+                backgroundColor: 'transparent',
+            },
+            false: {
+                size: '$true',
+                justifyContent: 'center',
+                alignItems: 'center',
+                flexWrap: 'nowrap',
+                flexDirection: 'row',
+                backgroundColor: '$background',
+                borderWidth: 1,
+                borderColor: 'transparent',
+                '$platform-web': {
+                    cursor: 'pointer',
+                },
+                hoverStyle: {
+                    backgroundColor: '$backgroundHover',
+                    borderColor: '$borderColorHover',
+                },
+                pressStyle: {
+                    backgroundColor: '$backgroundPress',
+                    borderColor: '$borderColorHover',
+                },
+                focusVisibleStyle: {
+                    outlineColor: '$outlineColor',
+                    outlineStyle: 'solid',
+                    outlineWidth: 2,
+                },
+            },
+        },
+        variant: {
+            outlined: process.env.GUI_HEADLESS === '1'
+                ? {}
+                : {
+                    backgroundColor: 'transparent',
+                    borderWidth: 1,
+                    borderColor: '$borderColor',
+                    hoverStyle: {
+                        backgroundColor: 'transparent',
+                        borderColor: '$borderColorHover',
+                    },
+                    pressStyle: {
+                        backgroundColor: 'transparent',
+                        borderColor: '$borderColorPress',
+                    },
+                },
+        },
+        circular: stacks_1.themeableVariants.circular,
+        chromeless: stacks_1.themeableVariants.chromeless,
+        size: {
+            '...size': (val, extras) => {
+                const buttonStyle = (0, get_button_sized_1.getButtonSized)(val, extras);
+                const gap = (0, web_1.getTokenValue)(val);
+                return {
+                    ...buttonStyle,
+                    gap,
+                };
+            },
+            ':number': (val, extras) => {
+                const buttonStyle = (0, get_button_sized_1.getButtonSized)(val, extras);
+                const gap = val * 0.4;
+                return {
+                    ...buttonStyle,
+                    gap,
+                };
+            },
+        },
+        elevation: {
+            '...size': stacks_1.getElevation,
+            ':number': stacks_1.getElevation,
+        },
+        disabled: {
+            true: {
+                pointerEvents: 'none',
+                // @ts-ignore
+                'aria-disabled': true,
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const Text = (0, web_1.styled)(text_1.SizableText, {
+    context,
+    variants: {
+        unstyled: {
+            false: {
+                userSelect: 'none',
+                // flexGrow 1 leads to inconsistent native style where text pushes to start of view
+                flexGrow: 0,
+                flexShrink: 1,
+                ellipsis: true,
+                color: '$color',
+                '$platform-web': {
+                    cursor: 'pointer',
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const Icon = (props) => {
+    const { children, scaleIcon = 1, size } = props;
+    const styledContext = context.useStyledContext();
+    if (!styledContext) {
+        throw new Error('Button.Icon must be used within a Button');
+    }
+    const sizeToken = size ?? styledContext.size;
+    const iconColorProp = styledContext.color === 'unset' || typeof styledContext.color === 'number'
+        ? undefined
+        : styledContext.color;
+    const iconColor = (0, component_helpers_1.useCurrentColor)(iconColorProp);
+    const iconSize = (typeof sizeToken === 'number' ? sizeToken * 0.5 : (0, font_size_1.getFontSize)(sizeToken)) *
+        scaleIcon;
+    return (0, component_helpers_1.getIcon)(children, {
+        size: iconSize,
+        color: iconColor,
+    });
+};
+exports.ButtonContext = (0, web_1.createStyledContext)({
+    size: undefined,
+    variant: undefined,
+    color: undefined,
+});
+const ButtonComponent = Frame.styleable((propsIn, ref) => {
+    const isNested = (0, react_1.useContext)(stacks_1.ButtonNestingContext);
+    // Process props through useProps to expand shorthands (like br -> borderRadius)
+    const processedProps = (0, web_1.useProps)(propsIn, {
+        noNormalize: true,
+        noExpand: true,
+    });
+    const { children, iconSize, icon, iconAfter, scaleIcon = 1, noTextWrap, textProps, color, ellipsis, fontFamily, fontSize, fontStyle, fontWeight, letterSpacing, maxFontSizeMultiplier, textAlign, ...props } = processedProps;
+    const size = propsIn.size || (propsIn.unstyled ? undefined : '$true');
+    const styledContext = context.useStyledContext();
+    const contextColor = color ?? propsIn.color ?? styledContext?.color;
+    const iconColorProp = contextColor === 'unset' || typeof contextColor === 'number'
+        ? undefined
+        : contextColor;
+    const iconColor = (0, component_helpers_1.useCurrentColor)(iconColorProp);
+    const finalSize = iconSize ?? size ?? styledContext?.size;
+    const iconSizeNumber = (typeof finalSize === 'number' ? finalSize * 0.5 : (0, font_size_1.getFontSize)(finalSize)) *
+        scaleIcon;
+    const [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon) => {
+        if (!icon)
+            return null;
+        return (0, component_helpers_1.getIcon)(icon, {
+            size: iconSizeNumber,
+            color: iconColor,
+            // No marginLeft or marginRight needed - spacing is handled by the gap property in Frame's size variants
+        });
+    });
+    const wrappedChildren = (0, text_1.wrapChildrenInText)(Text, {
+        children,
+        color: contextColor,
+        ellipsis: ellipsis ?? propsIn.ellipsis ?? styledContext?.ellipsis,
+        fontFamily: fontFamily ?? propsIn.fontFamily ?? styledContext?.fontFamily,
+        fontSize: fontSize ?? propsIn.fontSize ?? styledContext?.fontSize,
+        fontStyle: fontStyle ?? propsIn.fontStyle ?? styledContext?.fontStyle,
+        fontWeight: fontWeight ?? propsIn.fontWeight ?? styledContext?.fontWeight,
+        letterSpacing: letterSpacing ?? propsIn.letterSpacing ?? styledContext?.letterSpacing,
+        maxFontSizeMultiplier: maxFontSizeMultiplier ??
+            propsIn.maxFontSizeMultiplier ??
+            styledContext?.maxFontSizeMultiplier,
+        noTextWrap: noTextWrap ?? propsIn.noTextWrap,
+        textAlign: textAlign ?? propsIn.textAlign ?? styledContext?.textAlign,
+        textProps: textProps ?? propsIn.textProps,
+    }, {
+        unstyled: process.env.GUI_HEADLESS === '1',
+        size: finalSize ?? styledContext?.size,
+    });
+    const textContext = {
+        color: contextColor,
+        ellipsis: ellipsis ?? propsIn.ellipsis ?? styledContext?.ellipsis,
+        fontFamily: fontFamily ?? propsIn.fontFamily ?? styledContext?.fontFamily,
+        fontSize: fontSize ?? propsIn.fontSize ?? styledContext?.fontSize,
+        fontStyle: fontStyle ?? propsIn.fontStyle ?? styledContext?.fontStyle,
+        fontWeight: fontWeight ?? propsIn.fontWeight ?? styledContext?.fontWeight,
+        letterSpacing: letterSpacing ?? propsIn.letterSpacing ?? styledContext?.letterSpacing,
+        maxFontSizeMultiplier: maxFontSizeMultiplier ??
+            propsIn.maxFontSizeMultiplier ??
+            styledContext?.maxFontSizeMultiplier,
+        textAlign: textAlign ?? propsIn.textAlign ?? styledContext?.textAlign,
+    };
+    const buttonContext = {
+        ...styledContext,
+        ...textContext,
+        size: props.size ?? propsIn.size ?? styledContext?.size,
+        variant: props.variant ?? propsIn.variant ?? styledContext?.variant,
+        elevation: props.elevation ?? propsIn.elevation ?? styledContext?.elevation,
+    };
+    return ((0, jsx_runtime_1.jsx)(stacks_1.ButtonNestingContext.Provider, { value: true, children: (0, jsx_runtime_1.jsx)(context.Provider, { ...buttonContext, children: (0, jsx_runtime_1.jsxs)(Frame, { ref: ref, ...props, ...(isNested && { render: 'span' }), ...(props.circular && !propsIn.size && { size }), tabIndex: 0, children: [themedIcon, wrappedChildren, themedIconAfter] }) }) }));
+});
+exports.Button = (0, web_1.withStaticProperties)(ButtonComponent, {
+    Apply: context.Provider,
+    Frame,
+    Text,
+    Icon,
+});
+//# sourceMappingURL=Button.js.map

package/dist/cjs/Button.js.map

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

package/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Button.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist/esm/Button.js

@@ -0,0 +1,235 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getFontSize } from '@hanzogui/font-size';
+import { getButtonSized } from '@hanzogui/get-button-sized';
+import { getIcon, useCurrentColor } from '@hanzogui/component-helpers';
+import { ButtonNestingContext, getElevation, themeableVariants } from '@hanzogui/stacks';
+import { SizableText, wrapChildrenInText } from '@hanzogui/text';
+import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties, } from '@hanzogui/web';
+import { useContext } from 'react';
+const context = createStyledContext({
+    size: undefined,
+    variant: undefined,
+    color: undefined,
+    elevation: undefined,
+    ellipsis: undefined,
+    fontFamily: undefined,
+    fontSize: undefined,
+    fontStyle: undefined,
+    fontWeight: undefined,
+    letterSpacing: undefined,
+    maxFontSizeMultiplier: undefined,
+    textAlign: undefined,
+});
+const Frame = styled(View, {
+    context,
+    name: 'Button',
+    role: 'button',
+    render: _jsx("button", { type: "button" }),
+    tabIndex: 0,
+    variants: {
+        unstyled: {
+            true: {
+                // reset browser <button> defaults
+                outlineWidth: 0,
+                borderWidth: 0,
+                backgroundColor: 'transparent',
+            },
+            false: {
+                size: '$true',
+                justifyContent: 'center',
+                alignItems: 'center',
+                flexWrap: 'nowrap',
+                flexDirection: 'row',
+                backgroundColor: '$background',
+                borderWidth: 1,
+                borderColor: 'transparent',
+                '$platform-web': {
+                    cursor: 'pointer',
+                },
+                hoverStyle: {
+                    backgroundColor: '$backgroundHover',
+                    borderColor: '$borderColorHover',
+                },
+                pressStyle: {
+                    backgroundColor: '$backgroundPress',
+                    borderColor: '$borderColorHover',
+                },
+                focusVisibleStyle: {
+                    outlineColor: '$outlineColor',
+                    outlineStyle: 'solid',
+                    outlineWidth: 2,
+                },
+            },
+        },
+        variant: {
+            outlined: process.env.GUI_HEADLESS === '1'
+                ? {}
+                : {
+                    backgroundColor: 'transparent',
+                    borderWidth: 1,
+                    borderColor: '$borderColor',
+                    hoverStyle: {
+                        backgroundColor: 'transparent',
+                        borderColor: '$borderColorHover',
+                    },
+                    pressStyle: {
+                        backgroundColor: 'transparent',
+                        borderColor: '$borderColorPress',
+                    },
+                },
+        },
+        circular: themeableVariants.circular,
+        chromeless: themeableVariants.chromeless,
+        size: {
+            '...size': (val, extras) => {
+                const buttonStyle = getButtonSized(val, extras);
+                const gap = getTokenValue(val);
+                return {
+                    ...buttonStyle,
+                    gap,
+                };
+            },
+            ':number': (val, extras) => {
+                const buttonStyle = getButtonSized(val, extras);
+                const gap = val * 0.4;
+                return {
+                    ...buttonStyle,
+                    gap,
+                };
+            },
+        },
+        elevation: {
+            '...size': getElevation,
+            ':number': getElevation,
+        },
+        disabled: {
+            true: {
+                pointerEvents: 'none',
+                // @ts-ignore
+                'aria-disabled': true,
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const Text = styled(SizableText, {
+    context,
+    variants: {
+        unstyled: {
+            false: {
+                userSelect: 'none',
+                // flexGrow 1 leads to inconsistent native style where text pushes to start of view
+                flexGrow: 0,
+                flexShrink: 1,
+                ellipsis: true,
+                color: '$color',
+                '$platform-web': {
+                    cursor: 'pointer',
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const Icon = (props) => {
+    const { children, scaleIcon = 1, size } = props;
+    const styledContext = context.useStyledContext();
+    if (!styledContext) {
+        throw new Error('Button.Icon must be used within a Button');
+    }
+    const sizeToken = size ?? styledContext.size;
+    const iconColorProp = styledContext.color === 'unset' || typeof styledContext.color === 'number'
+        ? undefined
+        : styledContext.color;
+    const iconColor = useCurrentColor(iconColorProp);
+    const iconSize = (typeof sizeToken === 'number' ? sizeToken * 0.5 : getFontSize(sizeToken)) *
+        scaleIcon;
+    return getIcon(children, {
+        size: iconSize,
+        color: iconColor,
+    });
+};
+export const ButtonContext = createStyledContext({
+    size: undefined,
+    variant: undefined,
+    color: undefined,
+});
+const ButtonComponent = Frame.styleable((propsIn, ref) => {
+    const isNested = useContext(ButtonNestingContext);
+    // Process props through useProps to expand shorthands (like br -> borderRadius)
+    const processedProps = useProps(propsIn, {
+        noNormalize: true,
+        noExpand: true,
+    });
+    const { children, iconSize, icon, iconAfter, scaleIcon = 1, noTextWrap, textProps, color, ellipsis, fontFamily, fontSize, fontStyle, fontWeight, letterSpacing, maxFontSizeMultiplier, textAlign, ...props } = processedProps;
+    const size = propsIn.size || (propsIn.unstyled ? undefined : '$true');
+    const styledContext = context.useStyledContext();
+    const contextColor = color ?? propsIn.color ?? styledContext?.color;
+    const iconColorProp = contextColor === 'unset' || typeof contextColor === 'number'
+        ? undefined
+        : contextColor;
+    const iconColor = useCurrentColor(iconColorProp);
+    const finalSize = iconSize ?? size ?? styledContext?.size;
+    const iconSizeNumber = (typeof finalSize === 'number' ? finalSize * 0.5 : getFontSize(finalSize)) *
+        scaleIcon;
+    const [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon) => {
+        if (!icon)
+            return null;
+        return getIcon(icon, {
+            size: iconSizeNumber,
+            color: iconColor,
+            // No marginLeft or marginRight needed - spacing is handled by the gap property in Frame's size variants
+        });
+    });
+    const wrappedChildren = wrapChildrenInText(Text, {
+        children,
+        color: contextColor,
+        ellipsis: ellipsis ?? propsIn.ellipsis ?? styledContext?.ellipsis,
+        fontFamily: fontFamily ?? propsIn.fontFamily ?? styledContext?.fontFamily,
+        fontSize: fontSize ?? propsIn.fontSize ?? styledContext?.fontSize,
+        fontStyle: fontStyle ?? propsIn.fontStyle ?? styledContext?.fontStyle,
+        fontWeight: fontWeight ?? propsIn.fontWeight ?? styledContext?.fontWeight,
+        letterSpacing: letterSpacing ?? propsIn.letterSpacing ?? styledContext?.letterSpacing,
+        maxFontSizeMultiplier: maxFontSizeMultiplier ??
+            propsIn.maxFontSizeMultiplier ??
+            styledContext?.maxFontSizeMultiplier,
+        noTextWrap: noTextWrap ?? propsIn.noTextWrap,
+        textAlign: textAlign ?? propsIn.textAlign ?? styledContext?.textAlign,
+        textProps: textProps ?? propsIn.textProps,
+    }, {
+        unstyled: process.env.GUI_HEADLESS === '1',
+        size: finalSize ?? styledContext?.size,
+    });
+    const textContext = {
+        color: contextColor,
+        ellipsis: ellipsis ?? propsIn.ellipsis ?? styledContext?.ellipsis,
+        fontFamily: fontFamily ?? propsIn.fontFamily ?? styledContext?.fontFamily,
+        fontSize: fontSize ?? propsIn.fontSize ?? styledContext?.fontSize,
+        fontStyle: fontStyle ?? propsIn.fontStyle ?? styledContext?.fontStyle,
+        fontWeight: fontWeight ?? propsIn.fontWeight ?? styledContext?.fontWeight,
+        letterSpacing: letterSpacing ?? propsIn.letterSpacing ?? styledContext?.letterSpacing,
+        maxFontSizeMultiplier: maxFontSizeMultiplier ??
+            propsIn.maxFontSizeMultiplier ??
+            styledContext?.maxFontSizeMultiplier,
+        textAlign: textAlign ?? propsIn.textAlign ?? styledContext?.textAlign,
+    };
+    const buttonContext = {
+        ...styledContext,
+        ...textContext,
+        size: props.size ?? propsIn.size ?? styledContext?.size,
+        variant: props.variant ?? propsIn.variant ?? styledContext?.variant,
+        elevation: props.elevation ?? propsIn.elevation ?? styledContext?.elevation,
+    };
+    return (_jsx(ButtonNestingContext.Provider, { value: true, children: _jsx(context.Provider, { ...buttonContext, children: _jsxs(Frame, { ref: ref, ...props, ...(isNested && { render: 'span' }), ...(props.circular && !propsIn.size && { size }), tabIndex: 0, children: [themedIcon, wrappedChildren, themedIconAfter] }) }) }));
+});
+export const Button = withStaticProperties(ButtonComponent, {
+    Apply: context.Provider,
+    Frame,
+    Text,
+    Icon,
+});
+//# sourceMappingURL=Button.js.map

package/dist/esm/Button.js.map

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

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export * from "./Button.mjs";
-//# sourceMappingURL=index.js.map
+export * from './Button.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/button",
-  "version": "8.3.0",
+  "version": "8.3.2",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -10,49 +10,49 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/esm/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "hanzogui-build",
+    "build": "hanzogui-build --skip-native",
     "watch": "hanzogui-build --watch",
     "clean": "hanzogui-build clean",
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/config-default": "8.3.0",
-    "@hanzogui/core": "8.3.0",
-    "@hanzogui/get-button-sized": "8.3.0",
-    "@hanzogui/helpers": "8.3.0",
-    "@hanzogui/component-helpers": "8.3.0",
-    "@hanzogui/spacer": "8.3.0",
-    "@hanzogui/stacks": "8.3.0",
-    "@hanzogui/text": "8.3.0",
-    "@hanzogui/font-size": "8.3.0",
-    "@hanzogui/web": "8.3.0"
+    "@hanzogui/component-helpers": "8.3.2",
+    "@hanzogui/config-default": "8.3.2",
+    "@hanzogui/core": "8.3.2",
+    "@hanzogui/font-size": "8.3.2",
+    "@hanzogui/get-button-sized": "8.3.2",
+    "@hanzogui/helpers": "8.3.2",
+    "@hanzogui/spacer": "8.3.2",
+    "@hanzogui/stacks": "8.3.2",
+    "@hanzogui/text": "8.3.2",
+    "@hanzogui/web": "8.3.2"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.0",
-    "react": ">=19",
-    "vitest": "4.0.4"
+    "@hanzogui/build": "8.3.2",
+    "react": "19.2.8",
+    "vitest": "^4.1.11"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19.2.8"
   },
   "module:jsx": "dist/jsx",
   "repository": {

package/src/Button.test.tsx

@@ -1,7 +1,7 @@
 import { getDefaultGuiConfig } from '@hanzogui/config-default'
 import { createGui } from '@hanzogui/core'
 import { describe, expect, test } from 'vitest'
-import { Button } from './Button'
+import { Button } from './Button.tsx'
 
 const conf = createGui(getDefaultGuiConfig())
 

package/src/index.ts

@@ -1 +1 @@
-export * from './Button'
+export * from './Button.tsx'