@cube-dev/ui-kit 0.8.8 → 0.9.2

package/dist/types/components/overlays/AlertDialog/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AlertDialogApiProvider';
+export * from './AlertDialogZone';
+export * from './AlertDialog';

package/dist/types/components/overlays/AlertDialog/types.d.ts

@@ -0,0 +1,39 @@
+import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../types';
+import { AriaDialogProps } from '@react-types/dialog';
+import { ReactNode } from 'react';
+import { CubeDialogContainerProps } from '../Dialog';
+import { CubeAlertDialogProps } from './AlertDialog';
+export interface Dialog {
+    props: DialogProps;
+    meta: AlertDialogMeta;
+}
+export interface DialogProps extends Omit<CubeDialogContainerProps, 'onDismiss' | 'children'>, Omit<CubeAlertDialogProps, 'type' | 'id' | 'content'> {
+    content: ReactNode | (({ resolve, reject }: {
+        resolve: any;
+        reject: any;
+    }) => ReactNode);
+}
+export declare type AlertDialogResolveStatus = 'confirm' | 'cancel' | 'secondary';
+interface AlertDialogMeta {
+    id: number;
+    isClosed: boolean;
+    promise: Promise<AlertDialogResolveStatus>;
+    placement: 'top' | 'bottom';
+    resolve: (status: AlertDialogResolveStatus) => void;
+    reject: (reason: any) => void;
+    isVisible?: boolean;
+    dialogType?: 'info' | 'confirm' | 'form';
+}
+export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps {
+    /** The type of the dialog. It affects its size and position. */
+    type?: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover' | 'panel' | 'tray';
+    /** The size of the dialog */
+    size?: 'S' | 'M' | 'L';
+    /** Whether the dialog is dismissable */
+    isDismissable?: boolean;
+    /** Trigger when the dialog is dismissed */
+    onDismiss?: (arg?: any) => void;
+    /** That you can replace the close icon with */
+    closeIcon?: ReactNode;
+}
+export {};

package/dist/{mjs → types}/components/overlays/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../types';
-import { AriaDialogProps } from '@react-types/dialog';
+import type { AriaDialogProps } from '@react-types/dialog';
 export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps {
     /** The type of the dialog. It affects its size and position. */
     type?: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover' | 'panel' | 'tray';

package/dist/{mjs → types}/components/overlays/Dialog/DialogContainer.d.ts

@@ -2,21 +2,26 @@ import { ReactNode } from 'react';
 export interface CubeDialogContainerProps {
     /** The Dialog to display, if any. */
     children?: ReactNode;
-    /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */
+    /** Handler that is called when the 'x' button of a dismissible Dialog is clicked. */
     onDismiss?: (arg?: any) => void;
     /**
      * The type of Dialog that should be rendered. See the visual options below for examples of each.
      * @default 'modal'
      */
     type?: 'modal' | 'fullscreen' | 'fullscreenTakeover';
-    /** Whether the Dialog is dismissable. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */
+    /** Whether the Dialog is dismissible. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */
     isDismissable?: boolean;
+    /**
+     * This prop allows you to configure whenever the modal is open or not
+     */
+    isOpen?: boolean;
     /** Whether pressing the escape key to close the dialog should be disabled. */
     isKeyboardDismissDisabled?: boolean;
 }
 /**
- * A DialogContainer accepts a single Dialog as a child, and manages showing and hiding
- * it in a modal. Useful in cases where there is no trigger element
+ * A DialogContainer accepts a single Dialog as a child, and manages to show and hide
+ * it in a modal.
+ * Useful in cases where there is no trigger element
  * or when the trigger unmounts while the dialog is open.
  */
 export declare function DialogContainer(props: CubeDialogContainerProps): JSX.Element;

package/dist/{mjs → types}/components/overlays/Dialog/DialogForm.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CubeDialogProps } from './Dialog';
 import { CubeFormProps } from '../../forms/Form/Form';
-import { CubeButtonProps } from '../../actions/Button/Button';
+import { CubeButtonProps } from '../../actions';
 export interface CubeDialogFormProps extends CubeDialogProps, Omit<CubeFormProps, 'role'> {
     /** Whether the submit button has a `danger` theme */
     danger?: boolean;

package/dist/types/components/overlays/Dialog/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DialogContainer';
+export * from './DialogForm';
+export * from './DialogTrigger';
+export * from './Dialog';

package/dist/{cjs → types}/components/overlays/Modal/Modal.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { Styles } from '../../../styles/types';
 import { BaseProps } from '../../types';
-import { ModalProps } from '@react-types/overlays';
+import type { ModalProps } from '@react-types/overlays';
 export declare const OVERLAY_WRAPPER_STYLES: Styles;
-export interface CubeModalProps extends ModalProps {
+export interface CubeModalProps extends Omit<ModalProps, 'container'> {
+    container?: HTMLElement;
     qa?: BaseProps['qa'];
     onClose?: (action?: string) => void;
     type?: 'modal' | 'fullscreen' | 'fullscreenTakeover';

package/dist/{cjs → types}/components/overlays/Modal/Overlay.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { OverlayProps } from '@react-types/overlays';
-export interface CubeOverlayProps extends OverlayProps {
+import type { OverlayProps } from '@react-types/overlays';
+export interface CubeOverlayProps extends Omit<OverlayProps, 'container'> {
+    container?: HTMLElement | null;
 }
 declare let _Overlay: import("react").ForwardRefExoticComponent<CubeOverlayProps & import("react").RefAttributes<unknown>>;
 export { _Overlay as Overlay };

package/dist/{mjs → types}/components/overlays/Modal/Popover.d.ts

@@ -3,6 +3,7 @@ import { OverlayProps } from '@react-types/overlays';
 import { BaseProps } from '../../types';
 import { PlacementAxis } from '../../../shared';
 export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children'> {
+    container?: HTMLElement;
     placement?: PlacementAxis;
     arrowProps?: HTMLAttributes<HTMLElement>;
     hideArrow?: boolean;

package/dist/{mjs → types}/components/overlays/Modal/Tray.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { Styles } from '../../../styles/types';
 import { BaseProps } from '../../types';
-import { TrayProps } from '@react-types/overlays';
+import type { TrayProps } from '@react-types/overlays';
 export interface CubeTrayProps extends TrayProps {
+    container?: HTMLElement;
     qa?: BaseProps['qa'];
     onClose?: (action?: string) => void;
     isFixedHeight?: boolean;

package/dist/{mjs → types}/components/overlays/OverlayWrapper.d.ts

@@ -5,6 +5,6 @@ export interface CubeOverlayWrapperProps {
     children: ReactNode;
     minOffset?: string | number;
     minScale?: string;
-    container?: Element;
+    container?: HTMLElement | null;
 }
-export declare function OverlayWrapper({ isOpen, placement, minOffset, minScale, children, container, }: CubeOverlayWrapperProps): import("react").ReactPortal;
+export declare function OverlayWrapper({ isOpen, placement, minOffset, minScale, children, container, }: CubeOverlayWrapperProps): JSX.Element;

package/dist/{cjs → types}/components/overlays/Tooltip/Tooltip.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Styles } from '../../../styles/types';
 import { BaseProps, ContainerStyleProps } from '../../types';
-import { AriaTooltipProps } from '@react-types/tooltip';
+import type { AriaTooltipProps } from '@react-types/tooltip';
 import { PlacementAxis } from '../../../shared';
 export interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipProps {
     tipStyles?: Styles;

package/dist/{cjs → types}/components/overlays/Tooltip/TooltipTrigger.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { TooltipTriggerProps } from '@react-types/tooltip';
+import type { TooltipTriggerProps } from '@react-types/tooltip';
 export interface CubeTooltipTriggerProps extends TooltipTriggerProps {
     children: [ReactElement | string, ReactElement];
     crossOffset?: number;

package/dist/{mjs → types}/components/pickers/ComboBox/ComboBox.d.ts

@@ -1,8 +1,8 @@
 import { RefObject } from 'react';
 import { CubeSelectBaseProps } from '../Select/Select';
 import { Item } from '@react-stately/collections';
-import { CollectionBase, KeyboardDelegate, LoadingState } from '@react-types/shared';
-import { ComboBoxProps } from '@react-types/combobox';
+import type { CollectionBase, KeyboardDelegate, LoadingState } from '@react-types/shared';
+import type { ComboBoxProps } from '@react-types/combobox';
 export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange'>, ComboBoxProps<T>, CollectionBase<T> {
     multiLine?: boolean;
     autoComplete?: string;

package/dist/{mjs → types}/components/pickers/Select/Select.d.ts

@@ -2,7 +2,7 @@ import { ReactNode, RefObject } from 'react';
 import { Item } from '@react-stately/collections';
 import { Styles } from '../../../styles/types';
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props } from '../../types';
-import { AriaSelectProps } from '@react-types/select';
+import type { AriaSelectProps } from '@react-types/select';
 import { FormFieldProps } from '../../../shared';
 export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, OuterStyleProps, FormFieldProps, BlockStyleProps, AriaSelectProps<T> {
     prefix?: ReactNode;

package/dist/types/components/portal/Portal.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { PortalProps } from './types';
+/**
+ * This component renders its children outside the current DOM hierarchy.
+ *
+ * React [doesn't support](https://github.com/facebook/react/issues/13097) portal API in SSR, so, if you want to
+ * render a Portal in SSR, use prop `disabled`.
+ *
+ * By default, Portal's children render under the `<Root />` component.
+ *
+ * ***Important***: Since React doesn't support portals on SSR, `<Portal />` children renders in the next tick.
+ * If you need to make some computations, use the `onMount` callback
+ *
+ * @see https://reactjs.org/docs/portals.html
+ *
+ * @example ```jsx
+ *  <div>
+ *    Portal will be rendered outside me!
+ *
+ *    <Portal>
+ *      <div>some content will be showed outside of parent container</div>
+ *    </Portal>
+ *  </div>
+ * ```
+ */
+export declare function Portal(props: PortalProps): JSX.Element | null;

package/dist/types/components/portal/PortalProvider.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+/**
+ * @private
+ * @internal Don't even try to use it
+ */
+export declare function usePortalContext(): {
+    root: RefObject<HTMLElement | null> | null;
+};
+/**
+ * @private
+ * @internal Don't even try to use it
+ */
+export declare const PortalProvider: import("react").Provider<RefObject<HTMLElement | null> | null>;

package/dist/types/components/portal/index.d.ts

@@ -0,0 +1,3 @@
+export { PortalProvider } from './PortalProvider';
+export * from './Portal';
+export type { PortalProps } from './types';

package/dist/types/components/portal/storybook/templates/basic.d.ts

@@ -0,0 +1,3 @@
+import { Story } from '@storybook/react';
+import { PortalProps } from '../../types';
+export declare const Basic: Story<PortalProps>;

package/dist/types/components/portal/storybook/templates/index.d.ts

@@ -0,0 +1 @@
+export * from './basic';

package/dist/types/components/portal/types.d.ts

@@ -0,0 +1,21 @@
+import { MutableRefObject, ReactNode, RefObject } from 'react';
+export interface PortalProps {
+    /**
+     * Ref, where `<Portal />` should render its children
+     * By default it renders under `<Root />`
+     *
+     * @default null
+     */
+    root?: MutableRefObject<HTMLElement | null> | RefObject<HTMLElement | null>;
+    /**
+     * Disables portal's API
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Callback, will be called after portal's children mounted
+     */
+    onMount?: () => void;
+    children?: ReactNode;
+}

package/dist/types/components/portal/usePortal.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PortalProps } from './types';
+/**
+ * @internal Do not use it
+ */
+export declare function usePortal(props: PortalProps): {
+    isDisabled: boolean;
+    children: import("react").ReactNode;
+    mountRoot: HTMLElement | null;
+};

package/dist/{mjs → types}/components/types.d.ts

@@ -4,7 +4,7 @@ import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_ST
 export interface GlobalStyledProps {
     breakpoints?: number[];
 }
-export interface StyledProps<K extends (keyof StylesInterface)[]> {
+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. */
@@ -13,11 +13,10 @@ export interface StyledProps<K extends (keyof StylesInterface)[]> {
     styles?: Styles;
     /** Default css of the element. */
     css?: string | ((props: Props) => string);
-    /** Default properties/attributes */
-    props?: Record<string, any>;
+    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;

package/dist/{mjs → types}/index.d.ts

@@ -1,33 +1,12 @@
 /// <reference types="react" />
-import { TextInput } from './components/forms/TextInput/TextInput';
-import { PasswordInput } from './components/forms/PasswordInput/PasswordInput';
-import { NumberInput } from './components/forms/NumberInput/NumberInput';
-import { CubeFormProps, Field, useForm, useFormProps, CubeFormInstance } from './components/forms/Form';
 import { CubeTextProps, Text } from './components/content/Text';
 import { CubeTitleProps, Title } from './components/content/Title';
 import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';
-import { TextArea } from './components/forms/TextArea/TextArea';
-import { ButtonGroup } from './components/actions/ButtonGroup/ButtonGroup';
-import { FileInput } from './components/forms/FileInput/FileInput';
 import './styles/predefined';
-declare const _Button: import("react").ForwardRefExoticComponent<import("./components/actions/Button/Button").CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>> & {
-    Group: typeof ButtonGroup;
-} & {
-    Group: import("react").ForwardRefExoticComponent<import("./components/layout/Space").CubeSpaceProps & import("react").RefAttributes<unknown>>;
-};
-declare const Form: import("react").ForwardRefExoticComponent<CubeFormProps & import("react").RefAttributes<unknown>> & {
-    Item: typeof Field;
-    useForm: typeof useForm;
-} & {
-    Item: typeof Field;
-    useForm: typeof useForm;
-};
 export { Item } from '@react-stately/collections';
 export { Base } from './components/Base';
 export { Block } from './components/Block';
 export type { CubeBlockProps } from './components/Block';
-export { Action } from './components/actions/Action';
-export type { CubeActionProps } from './components/actions/Action';
 export { ActiveZone } from './components/content/ActiveZone/ActiveZone';
 export type { CubeActiveZoneProps } from './components/content/ActiveZone/ActiveZone';
 export { Grid } from './components/layout/Grid';
@@ -69,8 +48,7 @@ export { Base64Upload } from './components/other/Base64Upload/Base64Upload';
 export type { CubeBase64UploadProps } from './components/other/Base64Upload/Base64Upload';
 export { Card } from './components/content/Card/Card';
 export type { CubeCardProps } from './components/content/Card/Card';
-export { _Button as Button, ButtonGroup };
-export type { CubeButtonProps } from './components/actions/Button/Button';
+export * from './components/actions';
 export { Placeholder } from './components/content/Placeholder/Placeholder';
 export type { CubePlaceholderProps } from './components/content/Placeholder/Placeholder';
 export { Skeleton } from './components/content/Skeleton/Skeleton';
@@ -99,8 +77,6 @@ export { Switch } from './components/forms/Switch/Switch';
 export type { CubeSwitchProps } from './components/forms/Switch/Switch';
 export { Radio } from './components/forms/RadioGroup/Radio';
 export type { CubeRadioProps } from './components/forms/RadioGroup/Radio';
-export { Form, Field, useFormProps, useForm };
-export type { CubeFormProps, CubeFormInstance };
 export { ComboBox } from './components/pickers/ComboBox/ComboBox';
 export type { CubeComboBoxProps } from './components/pickers/ComboBox/ComboBox';
 export { Select, ListBoxPopup } from './components/pickers/Select/Select';
@@ -133,8 +109,8 @@ export { CopySnippet } from './components/organisms/CopySnippet/CopySnippet';
 export type { CubeCopySnippetProps } from './components/organisms/CopySnippet/CopySnippet';
 export { StatsCard } from './components/organisms/StatsCard/StatsCard';
 export type { CubeStatsCard } from './components/organisms/StatsCard/StatsCard';
-export { AlertDialog } from './components/overlays/AlertDialog/AlertDialog';
-export type { CubeAlertDialogProps } from './components/overlays/AlertDialog/AlertDialog';
+export { AlertDialog, useAlertDialogAPI, } from './components/overlays/AlertDialog';
+export type { CubeAlertDialogProps } from './components/overlays/AlertDialog';
 export { SearchResults } from './components/organisms/SearchResults/SearchResults';
 export type { CubeSearchResultsProps } from './components/organisms/SearchResults/SearchResults';
 export { notification } from './services/notification';
@@ -160,35 +136,9 @@ export type { CubeTextProps, CubeTitleProps, CubeParagraphProps };
 export { useContextStyles, StyleProvider } from './providers/StylesProvider';
 export { Provider } from './provider';
 export type { useProviderProps } from './provider';
-declare const Input: import("react").ForwardRefExoticComponent<Omit<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
-    value?: any;
-    defaultValue?: any;
-} & import("react").RefAttributes<unknown>> & {
-    Text: typeof TextInput;
-    Password: typeof PasswordInput;
-    Number: typeof NumberInput;
-    TextArea: typeof TextArea;
-    File: typeof FileInput;
-} & {
-    Text: import("react").ForwardRefExoticComponent<Omit<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    Password: import("react").ForwardRefExoticComponent<Omit<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    Number: import("react").ForwardRefExoticComponent<Omit<import("./components/forms/NumberInput/NumberInput").CubeNumberInputProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    TextArea: import("react").ForwardRefExoticComponent<Omit<import("./components/forms/TextArea/TextArea").CubeTextAreaProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    File: import("react").ForwardRefExoticComponent<import("./components/forms/FileInput/FileInput").CubeFileInputProps & import("react").RefAttributes<unknown>>;
-};
-export { Input };
+export { Portal } from './components/portal';
+export type { PortalProps } from './components/portal';
+export * from './components/forms';
 export type { TagName, TagNameProps, AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, } from './components/types';
 export * from './styles/types';
 export * from './styles/list';
@@ -198,3 +148,4 @@ export * from './utils/react';
 export * from './styled';
 export { default as copy } from 'clipboard-copy';
 export * from '@react-aria/ssr';
+export * from './components/forms/Form';

package/dist/{mjs → types}/provider.d.ts

@@ -17,8 +17,7 @@ export interface ProviderProps extends Props {
     ref?: JSX.Element;
     root?: ForwardedRef<any>;
 }
-export interface ProviderInsideProps extends Omit<ProviderProps, 'styles' | 'breakpoints'> {
-}
+export declare type ProviderInsideProps = Omit<ProviderProps, 'styles' | 'breakpoints'>;
 export declare const UIKitContext: import("react").Context<ProviderInsideProps>;
 export declare function Provider(allProps: PropsWithChildren<ProviderProps>): JSX.Element;
 export declare function useProviderProps<T extends Props = Props>(props: T): T;

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

@@ -0,0 +1,119 @@
+/// <reference types="react" />
+export declare const StyledButton: import("react").ComponentType<{
+    styles?: import("../..").Styles | undefined;
+} & {
+    color?: import("../../utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
+    opacity?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
+    mods?: {
+        [key: string]: boolean | null | undefined;
+    } | undefined;
+    fill?: import("../../utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
+    font?: import("../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
+    outline?: import("../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
+    type?: string | undefined;
+    alignContent?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignContent | undefined>;
+    alignItems?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignItems | undefined>;
+    alignSelf?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
+    columnGap?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.ColumnGap<string | number> | undefined>;
+    display?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
+    flexBasis?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
+    flexGrow?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
+    flexShrink?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
+    fontStyle?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
+    fontWeight?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
+    height?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
+    justifyContent?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyContent | undefined>;
+    justifyItems?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyItems | undefined>;
+    justifySelf?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
+    order?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
+    paddingBlock?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
+    paddingInline?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
+    placeContent?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceContent | undefined>;
+    rowGap?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.RowGap<string | number> | undefined>;
+    textAlign?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
+    textTransform?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
+    whiteSpace?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
+    width?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
+    zIndex?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
+    border?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
+    flex?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
+    gap?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Gap<string | number> | undefined>;
+    gridArea?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridArea | undefined>;
+    gridColumn?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridColumn | undefined>;
+    gridRow?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridRow | undefined>;
+    gridTemplate?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplate | undefined>;
+    margin?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
+    overflow?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
+    padding?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Padding<string | number> | undefined>;
+    placeItems?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceItems | undefined>;
+    placeSelf?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceSelf | undefined>;
+    reset?: import("../../utils/styles").ResponsiveStyleValue<"input" | "button" | undefined>;
+    styledScrollbar?: import("../../utils/styles").ResponsiveStyleValue<boolean | undefined>;
+    hide?: import("../../utils/styles").ResponsiveStyleValue<boolean | undefined>;
+    shadow?: import("../../utils/styles").ResponsiveStyleValue<string | undefined>;
+    radius?: import("../../utils/styles").ResponsiveStyleValue<string | true | undefined>;
+    flow?: import("../../utils/styles").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
+    gridAreas?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateAreas | undefined>;
+    gridColumns?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
+    gridRows?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
+    preset?: import("../../utils/styles").ResponsiveStyleValue<string | undefined>;
+    align?: import("../../utils/styles").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../utils/styles").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    size?: (string & {}) | "default" | "large" | "small" | undefined;
+    style?: import("react").CSSProperties | (import("react").CSSProperties & {
+        [key: string]: string | number | null;
+    }) | undefined;
+    block?: boolean | undefined;
+    inline?: boolean | undefined;
+    element?: string | undefined;
+    css?: string | ((props: import("../..").Props) => string) | undefined;
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>> | undefined;
+    label?: string | undefined;
+    className?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    id?: string | undefined;
+    qa?: string | undefined;
+    qaVal?: string | number | undefined;
+    breakpoints?: number[] | undefined;
+    isHidden?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    styleName?: string | undefined;
+    theme?: string | undefined;
+    as?: keyof HTMLElementTagNameMap | undefined;
+    autoFocus?: boolean | undefined;
+    href?: string | undefined;
+    rel?: string | undefined;
+    target?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "dialog" | "tree" | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | 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;
+    onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
+    onClick?: import("react").MouseEventHandler<Element> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
+    onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    icon?: import("react").ReactNode;
+    isLoading?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    key?: import("react").Key | null | undefined;
+    onFocusChange?: ((isFocused: boolean) => void) | undefined;
+    excludeFromTabOrder?: boolean | undefined;
+    onPressChange?: ((isPressed: boolean) => void) | undefined;
+    onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
+    to?: string | undefined;
+    htmlType?: "reset" | "button" | "submit" | undefined;
+}>;
+export declare const GlobalStyledHeading: any;
+export declare function Block(): JSX.Element;

package/dist/types/styled/index.d.ts

@@ -0,0 +1 @@
+export * from './styled';