@cube-dev/ui-kit 0.0.0-canary-dfe4967 → 0.0.0-canary-c56f761

package/es/tasty/tasty.js

@@ -0,0 +1,86 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import styledComponents, { createGlobalStyle } from 'styled-components';
+import { forwardRef, useContext, useMemo } from 'react';
+import { isValidElementType } from 'react-is';
+import { BreakpointsContext } from '../providers/BreakpointsProvider';
+import { modAttrs } from '../utils/react';
+import { renderStyles } from '../utils/renderStyles';
+import { pointsToZones } from '../utils/responsive';
+import { BASE_STYLES } from '../styles/list';
+import { mergeStyles } from '../utils/mergeStyles';
+// Implementation
+function tasty(Component, options) {
+    var _a, _b, _c, _d;
+    if (typeof Component === 'string') {
+        let selector = Component;
+        let styles = options;
+        let Element = createGlobalStyle `${(css) => css}`;
+        const _StyleDeclarationComponent = ({ breakpoints, }) => {
+            let contextBreakpoints = useContext(BreakpointsContext);
+            breakpoints = breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints;
+            let css = useMemo(() => styles
+                ? `\n{}${selector}{${renderStyles(styles, pointsToZones(breakpoints || contextBreakpoints))}}`
+                : '', [breakpoints.join(',')]);
+            return _jsx(Element, { css: css }, void 0);
+        };
+        _StyleDeclarationComponent.displayName = `TastyStyleDeclaration(${Component})`;
+        return _StyleDeclarationComponent;
+    }
+    if (isValidElementType(Component)) {
+        let { as: extendTag, ...defaultProps } = options !== null && options !== void 0 ? options : {};
+        let propsWithStyles = ['styles'].concat(Object.keys(defaultProps).filter((prop) => prop.endsWith('Styles')));
+        let _WrappedComponent = forwardRef((props, ref) => {
+            const { as, ...restProps } = props;
+            const propsWithStylesValues = propsWithStyles.map((prop) => props[prop]);
+            const mergedStylesMap = useMemo(() => {
+                return propsWithStylesValues.reduce((map, prop) => {
+                    if (restProps[prop] != null && defaultProps[prop] != null) {
+                        map[prop] = mergeStyles(restProps[prop], defaultProps[prop]);
+                    }
+                    return map;
+                }, {});
+            }, propsWithStylesValues);
+            return (_jsx(Component, { ref: ref, ...defaultProps, ...restProps, ...mergedStylesMap, as: as !== null && as !== void 0 ? as : extendTag }, void 0));
+        });
+        _WrappedComponent.displayName = `TastyWrappedComponent(${(_d = (_c = (_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : defaultProps.qa) !== null && _c !== void 0 ? _c : extendTag) !== null && _d !== void 0 ? _d : 'Anonymous'})`;
+        return _WrappedComponent;
+    }
+    options = Component;
+    let { as: originalAs = 'div', styles: defaultStyles, styleProps, ...defaultProps } = options;
+    let Element = styledComponents[originalAs](({ css }) => css);
+    let _TastyComponent = forwardRef((allProps, ref) => {
+        let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
+        let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps !== null && defaultProps !== void 0 ? defaultProps : {};
+        let propStyles = (styleProps
+            ? styleProps.concat(BASE_STYLES)
+            : BASE_STYLES).reduce((map, prop) => {
+            if (prop in otherProps) {
+                map[prop] = otherProps[prop];
+                delete otherProps[prop];
+            }
+            return map;
+        }, {});
+        let allStyles = useMemo(() => mergeStyles(defaultStyles, styles, propStyles), [styles, propStyles]);
+        let contextBreakpoints = useContext(BreakpointsContext);
+        breakpoints = breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints;
+        let renderedStyles = useMemo(() => allStyles
+            ? renderStyles(allStyles, pointsToZones(breakpoints))
+            : '', [allStyles, breakpoints]);
+        if (mods) {
+            Object.assign(otherProps, modAttrs(mods));
+        }
+        return (_jsx(Element, { as: as !== null && as !== void 0 ? as : originalAs, "data-element": element, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }, void 0));
+    });
+    _TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
+    return _TastyComponent;
+}
+export { tasty };
+
+        

package/es/test/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/test/setup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/test/utils/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/test/utils/wait.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 
@@ -145,6 +145,11 @@ const TOKENS = {
     't3m-line-height': '20px',
     't3m-letter-spacing': '0.015em',
     't3m-font-weight': '500',
+    // t3s
+    't3s-font-size': '14px',
+    't3s-line-height': '20px',
+    't3s-letter-spacing': '0.015em',
+    't3s-font-weight': '600',
     // t4
     't4-font-size': '12px',
     't4-line-height': '18px',

package/es/utils/ResizeSensor.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/colors.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/dotize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/escape-string.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/filterBaseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/mergeStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/modules.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/promise.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/modAttrs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 
@@ -113,11 +113,13 @@ export function renderStyles(styles, responsive, suffix) {
                 });
             }
             else {
-                rawStyles
-                    += handler(styleMap, suffix) || '';
+                rawStyles +=
+                    handler(styleMap, suffix) || '';
             }
         });
-        STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive && responsive.length
+        STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive &&
+            responsive.length &&
+            responsiveStyles.filter((s) => s).length
             ? mediaWrapper(responsiveStyles, zones)
             : ''}${innerStyles}`;
     }

package/es/utils/responsive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/string.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-dfe4967",
+  "version": "0.0.0-canary-c56f761",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/Base.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AllBaseProps } from './types';
 /**
- * @deprecated consider using styled() instead
+ * @deprecated consider using tasty() instead
  */
 declare const _Base: import("react").ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementTagNameMap> & import("react").RefAttributes<unknown>>;
 export { _Base as Base };

package/types/components/Block.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
 import { AllBaseProps, ContainerStyleProps } from './types';
-export declare const CUBE_BLOCK_STYLES: {
-    display: string;
-};
 export interface CubeBlockProps extends Omit<AllBaseProps, keyof ContainerStyleProps | 'as'>, ContainerStyleProps {
 }
 export declare const Block: import("react").ForwardRefExoticComponent<CubeBlockProps & import("react").RefAttributes<unknown>>;

package/types/components/pickers/Menu/styled.d.ts

@@ -2,8 +2,6 @@
 export declare const StyledMenu: any;
 export declare const StyledDivider: any;
 export declare const StyledMenuHeader: import("react").ComponentType<{
-    styles?: import("../../..").Styles | undefined;
-} & {
     display?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     font?: import("../../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     preset?: import("../../../utils/styles").ResponsiveStyleValue<string | undefined>;
@@ -64,7 +62,8 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
         [key: string]: string | number | null;
     }) | undefined;
     element?: string | undefined;
-    css?: string | ((props: import("../../types").Props) => string) | undefined;
+    styles?: import("../../..").Styles | undefined;
+    css?: string | undefined;
     id?: string | undefined;
     role?: import("react").AriaRole | undefined;
     qa?: string | undefined;
@@ -78,12 +77,10 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
     theme?: string | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     key?: import("react").Key | null | undefined;
-}>;
+} & {}>;
 export declare const StyledMenuSection: any;
 export declare const StyledMenuItem: any;
 export declare const StyledMenuSectionHeading: import("react").ComponentType<{
-    styles?: import("../../..").Styles | undefined;
-} & {
     display?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     font?: import("../../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     preset?: import("../../../utils/styles").ResponsiveStyleValue<string | undefined>;
@@ -144,7 +141,8 @@ export declare const StyledMenuSectionHeading: import("react").ComponentType<{
         [key: string]: string | number | null;
     }) | undefined;
     element?: string | undefined;
-    css?: string | ((props: import("../../types").Props) => string) | undefined;
+    styles?: import("../../..").Styles | undefined;
+    css?: string | undefined;
     id?: string | undefined;
     role?: import("react").AriaRole | undefined;
     qa?: string | undefined;
@@ -158,4 +156,4 @@ export declare const StyledMenuSectionHeading: import("react").ComponentType<{
     theme?: string | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     key?: import("react").Key | null | undefined;
-}>;
+} & {}>;

package/types/components/types.d.ts

@@ -1,22 +1,9 @@
 import { AllHTMLAttributes, CSSProperties } from 'react';
-import { Styles, StylesInterface } from '../styles/types';
+import { Styles } from '../styles/types';
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from '../styles/list';
 export interface GlobalStyledProps {
     breakpoints?: number[];
 }
-export declare type StyledProps<K extends (keyof StylesInterface)[], DefaultProps> = {
-    /** The name of the element. It can be used to override styles in context. */
-    name?: string;
-    /** The tag name of the element. */
-    tag?: string;
-    /** Default styles of the element. */
-    styles?: Styles;
-    /** Default css of the element. */
-    css?: string | ((props: Props) => string);
-    props?: DefaultProps;
-    /** The list of styles that can be provided by props */
-    styleProps?: K;
-};
 export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
     /** QA ID for e2e testing. An alias for `data-qa` attribute. */
     qa?: string;
@@ -41,7 +28,7 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
     /** Whether the element is disabled (`disabled` attribute is set) */
     isDisabled?: boolean;
     /** Plain css for the element */
-    css?: string | ((props: Props) => string);
+    css?: string;
     /** The element name for using in style overriding */
     styleName?: string;
     /** The CSS style map */

package/types/index.d.ts

@@ -148,7 +148,7 @@ export * from './styles/list';
 export * from './styles/index';
 export { ModalProvider } from '@react-aria/overlays';
 export * from './utils/react';
-export * from './styled';
+export * from './tasty';
 export { default as copy } from 'clipboard-copy';
 export * from '@react-aria/ssr';
 export * from './components/forms/Form';

package/types/stories/components/StyledButton.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 export declare const StyledButton: import("react").ComponentType<{
-    styles?: import("../..").Styles | undefined;
-} & {
     display?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     font?: import("../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
     preset?: import("../../utils/styles").ResponsiveStyleValue<string | undefined>;
@@ -66,12 +64,13 @@ export declare const StyledButton: import("react").ComponentType<{
         [key: string]: string | number | null;
     }) | undefined;
     element?: string | undefined;
-    css?: string | ((props: import("../..").Props) => string) | undefined;
+    styles?: import("../..").Styles | undefined;
+    css?: string | undefined;
     id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
     role?: import("react").AriaRole | undefined;
     as?: keyof HTMLElementTagNameMap | undefined;
     qa?: string | undefined;
@@ -91,10 +90,10 @@ export declare const StyledButton: import("react").ComponentType<{
     autoFocus?: boolean | undefined;
     label?: string | undefined;
     rel?: string | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-expanded'?: boolean | undefined;
-    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "dialog" | "tree" | undefined;
-    'aria-pressed'?: boolean | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-expanded"?: boolean | undefined;
+    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "dialog" | "tree" | undefined;
+    "aria-pressed"?: boolean | undefined;
     onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
     onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
     onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
@@ -114,6 +113,6 @@ export declare const StyledButton: import("react").ComponentType<{
     to?: string | undefined;
     htmlType?: "reset" | "button" | "submit" | undefined;
     icon?: import("react").ReactNode;
-}>;
+} & {}>;
 export declare const GlobalStyledHeading: any;
 export declare function Block(): JSX.Element;

package/types/tasty/index.d.ts

@@ -0,0 +1,3 @@
+export * from './styled';
+export { tasty } from './tasty';
+export type { TastyProps, GlobalTastyProps } from './tasty';