@furystack/shades-common-components 10.0.35 → 12.0.0

package/esm/components/button.js

@@ -1,166 +1,164 @@
-import { Shade, attachProps, createComponent } from '@furystack/shades';
-import { ThemeProviderService } from '../services/theme-provider-service.js';
-import { promisifyAnimation } from '../utils/promisify-animation.js';
-const getBackground = (buttonProps, theme) => buttonProps.variant === 'contained'
-    ? buttonProps.color
-        ? buttonProps.disabled
-            ? theme.palette[buttonProps.color].dark
-            : theme.palette[buttonProps.color].main
-        : buttonProps.disabled
-            ? theme.button.disabledBackground
-            : theme.text.primary
-    : 'rgba(0,0,0,0)';
-const getHoveredBackground = (buttonProps, theme, fallback) => buttonProps.variant === 'contained'
-    ? buttonProps.color
-        ? theme.palette[buttonProps.color].dark
-        : buttonProps.disabled
-            ? theme.button.disabledBackground
-            : theme.text.secondary
-    : fallback();
-const getBoxShadow = (buttonProps, theme) => buttonProps.variant === 'outlined'
-    ? buttonProps.color
-        ? `0px 0px 0px 1px ${buttonProps.disabled ? theme.palette[buttonProps.color].dark : theme.palette[buttonProps.color].main}`
-        : `0px 0px 0px 1px ${buttonProps.disabled ? theme.button.disabledBackground : theme.text.secondary}`
-    : 'none';
-const getHoveredBoxShadow = (buttonProps, theme) => buttonProps.variant === 'outlined'
-    ? buttonProps.color
-        ? `0px 0px 0px 1px ${buttonProps.disabled ? theme.button.disabledBackground : theme.palette[buttonProps.color].light}`
-        : `0px 0px 0px 1px ${buttonProps.disabled ? theme.button.disabledBackground : theme.text.primary}`
-    : 'none';
-const getTextColor = (buttonProps, theme, fallback) => buttonProps.variant !== 'contained'
-    ? buttonProps.color
-        ? buttonProps.disabled
-            ? theme.palette[buttonProps.color].dark
-            : theme.palette[buttonProps.color].main
-        : theme.text.secondary
-    : fallback();
-const getHoveredTextColor = (buttonProps, theme, fallback) => buttonProps.variant !== 'contained'
-    ? buttonProps.color
-        ? buttonProps.disabled
-            ? theme.palette[buttonProps.color].dark
-            : theme.palette[buttonProps.color].light
-        : theme.text.primary
-    : fallback();
+import { Shade, createComponent } from '@furystack/shades';
+import { buildTransition, cssVariableTheme } from '../services/css-variable-theme.js';
+import { paletteFullColors } from '../services/palette-css-vars.js';
+// Default colors when no color prop is specified
+const defaultColors = {
+    main: cssVariableTheme.text.secondary,
+    mainContrast: cssVariableTheme.background.default,
+    light: cssVariableTheme.text.primary,
+    dark: cssVariableTheme.button.disabledBackground,
+    darkContrast: cssVariableTheme.text.primary,
+};
+const ensureSpinnerKeyframes = () => {
+    if (typeof document === 'undefined')
+        return;
+    if (document.querySelector('style[data-shades-button-spinner]'))
+        return;
+    const style = document.createElement('style');
+    style.setAttribute('data-shades-button-spinner', '');
+    style.textContent = '@keyframes shade-btn-spin { to { transform: rotate(360deg); } }';
+    document.head.appendChild(style);
+};
+const spinnerStyle = {
+    display: 'inline-block',
+    width: '1em',
+    height: '1em',
+    border: '2px solid currentColor',
+    borderRightColor: 'transparent',
+    borderRadius: cssVariableTheme.shape.borderRadius.full,
+    animation: 'shade-btn-spin 0.75s linear infinite',
+    flexShrink: '0',
+};
+const iconWrapperStyle = {
+    display: 'inline-flex',
+    alignItems: 'center',
+    flexShrink: '0',
+};
 export const Button = Shade({
     shadowDomName: 'shade-button',
     elementBase: HTMLButtonElement,
     elementBaseName: 'button',
-    constructed: ({ element }) => {
-        /**
-         * @param this The Document instance
-         * @param ev The Mouse event
-         */
-        function mouseUp(ev) {
-            if (ev.target === element) {
-                void promisifyAnimation(element, [
-                    {
-                        transform: 'scale(1)',
-                    },
-                ], { duration: 150, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' });
-            }
-        }
-        document.addEventListener('mouseup', mouseUp);
-        return () => {
-            document.removeEventListener('mouseup', mouseUp);
-        };
+    css: {
+        // Base styles (layout, typography)
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: cssVariableTheme.spacing.xs,
+        margin: cssVariableTheme.spacing.sm,
+        padding: `${cssVariableTheme.spacing.sm} ${cssVariableTheme.spacing.lg}`,
+        border: 'none',
+        borderRadius: cssVariableTheme.shape.borderRadius.md,
+        textTransform: 'uppercase',
+        fontSize: cssVariableTheme.typography.fontSize.md,
+        fontWeight: cssVariableTheme.typography.fontWeight.medium,
+        letterSpacing: cssVariableTheme.typography.letterSpacing.wider,
+        lineHeight: '1.75',
+        minWidth: '64px',
+        userSelect: 'none',
+        cursor: 'pointer',
+        boxShadow: 'none',
+        background: 'transparent',
+        transition: buildTransition(['background', cssVariableTheme.transitions.duration.normal, cssVariableTheme.transitions.easing.default], ['box-shadow', cssVariableTheme.transitions.duration.normal, cssVariableTheme.transitions.easing.default], ['color', cssVariableTheme.transitions.duration.normal, cssVariableTheme.transitions.easing.default], ['transform', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.easeOut], ['opacity', cssVariableTheme.transitions.duration.normal, cssVariableTheme.transitions.easing.default]),
+        // Common states
+        '&:active:not(:disabled)': {
+            transform: 'scale(0.96)',
+        },
+        '&:disabled': {
+            cursor: 'not-allowed',
+            opacity: cssVariableTheme.action.disabledOpacity,
+        },
+        // ==========================================
+        // FLAT / TEXT VARIANT (default - no data-variant)
+        // Uses CSS custom properties set in render
+        // ==========================================
+        color: 'var(--btn-color-main)',
+        '&:not([data-variant]):hover:not(:disabled)': {
+            color: 'var(--btn-color-light)',
+            background: 'color-mix(in srgb, var(--btn-color-main) 10%, transparent)',
+        },
+        '&:not([data-variant]):disabled': {
+            color: 'var(--btn-color-dark)',
+        },
+        // ==========================================
+        // CONTAINED VARIANT
+        // ==========================================
+        '&[data-variant="contained"]': {
+            background: 'var(--btn-color-main)',
+            color: 'var(--btn-color-main-contrast)',
+        },
+        '&[data-variant="contained"]:hover:not(:disabled)': {
+            background: 'var(--btn-color-dark)',
+            color: 'var(--btn-color-dark-contrast)',
+        },
+        '&[data-variant="contained"]:disabled': {
+            background: 'var(--btn-color-dark)',
+            color: 'var(--btn-color-dark-contrast)',
+        },
+        // ==========================================
+        // OUTLINED VARIANT
+        // ==========================================
+        '&[data-variant="outlined"]': {
+            color: 'var(--btn-color-main)',
+            boxShadow: '0px 0px 0px 1px var(--btn-color-main)',
+            backdropFilter: 'blur(35px)',
+        },
+        '&[data-variant="outlined"]:hover:not(:disabled)': {
+            color: 'var(--btn-color-light)',
+            boxShadow: '0px 0px 0px 1px var(--btn-color-light)',
+            background: 'color-mix(in srgb, var(--btn-color-main) 10%, transparent)',
+        },
+        '&[data-variant="outlined"]:disabled': {
+            color: 'var(--btn-color-dark)',
+            boxShadow: '0px 0px 0px 1px var(--btn-color-dark)',
+        },
+        // ==========================================
+        // SIZE VARIANTS
+        // ==========================================
+        '&[data-size="small"]': {
+            padding: `${cssVariableTheme.spacing.xs} ${cssVariableTheme.spacing.sm}`,
+            fontSize: cssVariableTheme.typography.fontSize.sm,
+            minWidth: '48px',
+        },
+        '&[data-size="large"]': {
+            padding: `${cssVariableTheme.spacing.md} ${cssVariableTheme.spacing.xl}`,
+            fontSize: cssVariableTheme.typography.fontSize.lg,
+            minWidth: '80px',
+        },
+        // ==========================================
+        // LOADING STATE
+        // ==========================================
+        '&[data-loading]': {
+            cursor: 'default',
+            pointerEvents: 'none',
+            opacity: '0.7',
+        },
     },
-    render: ({ props, children, injector, element, useDisposable }) => {
-        const mouseDownHandler = props.onmousedown;
-        const mouseUpHandler = props.onmouseup;
-        const themeProvider = injector.getInstance(ThemeProviderService);
-        const { theme } = themeProvider;
-        const background = getBackground(props, theme);
-        if (props.variant === 'contained') {
-            useDisposable('themeChanged', () => themeProvider.subscribe('themeChanged', () => {
-                const el = element;
-                el.style.color = getTextColor(props, themeProvider.theme, () => themeProvider.getTextColor(el.style.background || el.style.backgroundColor));
-            }));
+    render: ({ props, children, useHostProps }) => {
+        if (props.loading) {
+            ensureSpinnerKeyframes();
         }
-        const hoveredBackground = getHoveredBackground(props, theme, () => {
-            const { r, g, b } = themeProvider.getRgbFromColorString((props.color && theme.palette[props.color].main) || theme.text.primary);
-            return `rgba(${r}, ${g}, ${b}, 0.1)`;
-        });
-        const boxShadow = getBoxShadow(props, theme);
-        const hoveredBoxShadow = getHoveredBoxShadow(props, theme);
-        const getTextColorInner = () => getTextColor(props, theme, () => themeProvider.getTextColor(background));
-        const getHoveredTextColorInner = () => getHoveredTextColor(props, theme, () => themeProvider.getTextColor(background));
-        const tryAnimate = async (keyframes, options) => {
-            const el = element;
-            if (element) {
-                void promisifyAnimation(el, keyframes, options);
-            }
-        };
-        attachProps(element, {
-            ...props,
-            onmousedown(ev) {
-                mouseDownHandler?.call(this, ev);
-                if (!props.disabled) {
-                    void tryAnimate([
-                        {
-                            transform: 'scale(0.96)',
-                        },
-                    ], { duration: 100, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' });
-                }
-            },
-            onmouseup(ev) {
-                mouseUpHandler?.call(this, ev);
-            },
-            onmouseenter: () => {
-                if (!props.disabled) {
-                    void tryAnimate([
-                        {
-                            background,
-                            boxShadow,
-                            color: getTextColorInner(),
-                        },
-                        {
-                            background: hoveredBackground,
-                            boxShadow: hoveredBoxShadow,
-                            color: getHoveredTextColorInner(),
-                        },
-                    ], { duration: 200, fill: 'forwards', easing: 'cubic-bezier(0.4, 0, 0.2, 1)' });
-                }
-            },
-            onmouseleave: () => {
-                if (!props.disabled) {
-                    void tryAnimate([
-                        { background: hoveredBackground, boxShadow: hoveredBoxShadow, color: getHoveredTextColorInner() },
-                        { background, boxShadow, color: getTextColorInner() },
-                    ], {
-                        duration: 200,
-                        fill: 'forwards',
-                        easing: 'cubic-bezier(0.4, 0, 0.2, 1)',
-                    });
-                }
-            },
-            ...props,
+        // Danger overrides color to error
+        const effectiveColor = props.danger ? 'error' : props.color;
+        // Set CSS custom properties for the button colors
+        const colors = effectiveColor ? paletteFullColors[effectiveColor] : defaultColors;
+        useHostProps({
+            'data-variant': props.variant && props.variant !== 'text' ? props.variant : undefined,
+            'data-size': props.size && props.size !== 'medium' ? props.size : undefined,
+            'data-loading': props.loading ? '' : undefined,
+            disabled: props.loading ? '' : undefined,
             style: {
-                display: 'inline-flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                cursor: props.disabled ? 'not-allowed' : 'pointer',
-                background,
-                boxShadow,
-                margin: '8px',
-                padding: '8px 20px',
-                border: 'none',
-                borderRadius: '6px',
-                textTransform: 'uppercase',
-                color: getTextColorInner(),
-                fontSize: '14px',
-                fontWeight: '500',
-                letterSpacing: '0.5px',
-                lineHeight: '1.75',
-                minWidth: '64px',
-                backdropFilter: props.variant === 'outlined' ? 'blur(35px)' : undefined,
-                userSelect: 'none',
-                opacity: props.disabled ? '0.6' : '1',
-                transition: 'opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
-                WebkitTapHighlightColor: 'transparent',
+                '--btn-color-main': colors.main,
+                '--btn-color-main-contrast': colors.mainContrast,
+                '--btn-color-light': colors.light,
+                '--btn-color-dark': colors.dark,
+                '--btn-color-dark-contrast': colors.darkContrast,
                 ...props.style,
             },
         });
-        return createComponent(createComponent, null, children);
+        return (createComponent(createComponent, null,
+            props.loading ? (createComponent("span", { style: spinnerStyle, className: "shade-btn-spinner" })) : props.startIcon ? (createComponent("span", { style: iconWrapperStyle, className: "shade-btn-start-icon" }, props.startIcon)) : null,
+            children,
+            !props.loading && props.endIcon ? (createComponent("span", { style: iconWrapperStyle, className: "shade-btn-end-icon" }, props.endIcon)) : null));
     },
 });
 //# sourceMappingURL=button.js.map

package/esm/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AA4BnE,iDAAiD;AACjD,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,SAAS;IACrC,YAAY,EAAE,gBAAgB,CAAC,UAAU,CAAC,OAAO;IACjD,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,OAAO;IACpC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,kBAAkB;IAChD,YAAY,EAAE,gBAAgB,CAAC,IAAI,CAAC,OAAO;CAC5C,CAAA;AAED,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAM;IAC3C,IAAI,QAAQ,CAAC,aAAa,CAAC,mCAAmC,CAAC;QAAE,OAAM;IACvE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC7C,KAAK,CAAC,YAAY,CAAC,4BAA4B,EAAE,EAAE,CAAC,CAAA;IACpD,KAAK,CAAC,WAAW,GAAG,iEAAiE,CAAA;IACrF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,YAAY,GAAiC;IACjD,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,wBAAwB;IAChC,gBAAgB,EAAE,aAAa;IAC/B,YAAY,EAAE,gBAAgB,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI;IACtD,SAAS,EAAE,sCAAsC;IACjD,UAAU,EAAE,GAAG;CAChB,CAAA;AAED,MAAM,gBAAgB,GAAiC;IACrD,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,GAAG;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,WAAW,EAAE,iBAAiB;IAC9B,eAAe,EAAE,QAAQ;IACzB,GAAG,EAAE;QACH,mCAAmC;QACnC,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE;QAChC,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE;QACnC,OAAO,EAAE,GAAG,gBAAgB,CAAC,OAAO,CAAC,EAAE,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE;QACxE,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,gBAAgB,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;QACpD,aAAa,EAAE,WAAW;QAC1B,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QACjD,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM;QACzD,aAAa,EAAE,gBAAgB,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK;QAC9D,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,eAAe,CACzB,CAAC,YAAY,EAAE,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,EACzG,CAAC,YAAY,EAAE,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,EACzG,CAAC,OAAO,EAAE,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,EACpG,CAAC,WAAW,EAAE,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,EACtG,CAAC,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CACvG;QAED,gBAAgB;QAChB,yBAAyB,EAAE;YACzB,SAAS,EAAE,aAAa;SACzB;QAED,YAAY,EAAE;YACZ,MAAM,EAAE,aAAa;YACrB,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,eAAe;SACjD;QAED,6CAA6C;QAC7C,kDAAkD;QAClD,2CAA2C;QAC3C,6CAA6C;QAE7C,KAAK,EAAE,uBAAuB;QAE9B,4CAA4C,EAAE;YAC5C,KAAK,EAAE,wBAAwB;YAC/B,UAAU,EAAE,4DAA4D;SACzE;QAED,gCAAgC,EAAE;YAChC,KAAK,EAAE,uBAAuB;SAC/B;QAED,6CAA6C;QAC7C,oBAAoB;QACpB,6CAA6C;QAE7C,6BAA6B,EAAE;YAC7B,UAAU,EAAE,uBAAuB;YACnC,KAAK,EAAE,gCAAgC;SACxC;QAED,kDAAkD,EAAE;YAClD,UAAU,EAAE,uBAAuB;YACnC,KAAK,EAAE,gCAAgC;SACxC;QAED,sCAAsC,EAAE;YACtC,UAAU,EAAE,uBAAuB;YACnC,KAAK,EAAE,gCAAgC;SACxC;QAED,6CAA6C;QAC7C,mBAAmB;QACnB,6CAA6C;QAE7C,4BAA4B,EAAE;YAC5B,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uCAAuC;YAClD,cAAc,EAAE,YAAY;SAC7B;QAED,iDAAiD,EAAE;YACjD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wCAAwC;YACnD,UAAU,EAAE,4DAA4D;SACzE;QAED,qCAAqC,EAAE;YACrC,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uCAAuC;SACnD;QAED,6CAA6C;QAC7C,gBAAgB;QAChB,6CAA6C;QAE7C,sBAAsB,EAAE;YACtB,OAAO,EAAE,GAAG,gBAAgB,CAAC,OAAO,CAAC,EAAE,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE;YACxE,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;YACjD,QAAQ,EAAE,MAAM;SACjB;QAED,sBAAsB,EAAE;YACtB,OAAO,EAAE,GAAG,gBAAgB,CAAC,OAAO,CAAC,EAAE,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE;YACxE,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;YACjD,QAAQ,EAAE,MAAM;SACjB;QAED,6CAA6C;QAC7C,gBAAgB;QAChB,6CAA6C;QAE7C,iBAAiB,EAAE;YACjB,MAAM,EAAE,SAAS;YACjB,aAAa,EAAE,MAAM;YACrB,OAAO,EAAE,KAAK;SACf;KACF;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;QAC5C,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,sBAAsB,EAAE,CAAA;QAC1B,CAAC;QAED,kCAAkC;QAClC,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;QAE3D,kDAAkD;QAClD,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,aAAa,CAAA;QACjF,YAAY,CAAC;YACX,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YACrF,WAAW,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;YAC3E,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;YAC9C,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;YACxC,KAAK,EAAE;gBACL,kBAAkB,EAAE,MAAM,CAAC,IAAI;gBAC/B,2BAA2B,EAAE,MAAM,CAAC,YAAY;gBAChD,mBAAmB,EAAE,MAAM,CAAC,KAAK;gBACjC,kBAAkB,EAAE,MAAM,CAAC,IAAI;gBAC/B,2BAA2B,EAAE,MAAM,CAAC,YAAY;gBAChD,GAAI,KAAK,CAAC,KAAgC;aAC3C;SACF,CAAC,CAAA;QAEF,OAAO,CACL;YACG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,0BAAM,KAAK,EAAE,YAAY,EAAE,SAAS,EAAC,mBAAmB,GAAG,CAC5D,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACpB,0BAAM,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAC,sBAAsB,IAC5D,KAAK,CAAC,SAAS,CACX,CACR,CAAC,CAAC,CAAC,IAAI;YACP,QAAQ;YACR,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACjC,0BAAM,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAC,oBAAoB,IAC1D,KAAK,CAAC,OAAO,CACT,CACR,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/esm/components/button.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=button.spec.d.ts.map

package/esm/components/button.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.spec.d.ts","sourceRoot":"","sources":["../../src/components/button.spec.tsx"],"names":[],"mappings":""}