@strapi/design-system 1.18.0 → 2.0.0-beta.0

package/dist/Field/FieldContext.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface FieldContextValue {
+    error?: string | boolean;
+    hint?: React.ReactNode;
+    name?: string;
+    id: string;
+    required: boolean;
+}
+export declare const FieldContext: React.Context<FieldContextValue>;
+export declare const useField: () => FieldContextValue;

package/dist/Field/FieldError.d.ts

@@ -0,0 +1 @@
+export declare const FieldError: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/Field/FieldHint.d.ts

@@ -0,0 +1 @@
+export declare const FieldHint: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/Field/FieldInput.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { DefaultTheme } from 'styled-components';
+export interface FieldInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    endAction?: React.ReactNode;
+    startAction?: React.ReactNode;
+    disabled?: boolean;
+    size?: keyof DefaultTheme['sizes']['input'];
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}
+export declare const FieldInput: React.ForwardRefExoticComponent<FieldInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
+    _hover?: ((theme: DefaultTheme) => string) | undefined;
+    background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
+    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    borderColor?: keyof import("../themes/colors").Colors | undefined;
+    color?: keyof import("../themes/colors").Colors | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    hasRadius?: boolean | undefined;
+    hiddenS?: boolean | undefined;
+    hiddenXS?: boolean | undefined;
+    padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
+    paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
+    paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
+    paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
+    paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
+    marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
+    marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
+    marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
+    marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
+    shadow?: keyof import("../themes/colors").Shadows | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+    lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
+    width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
+    minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
+    maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
+    height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
+    minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
+    maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
+    top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
+    left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
+    bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
+    right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
+    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    borderStyle?: import("csstype").Property.BorderStyle | undefined;
+    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+    children?: React.ReactNode;
+    as?: string | React.ComponentType<any> | undefined;
+    forwardedAs?: string | React.ComponentType<any> | undefined;
+} & {
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    direction?: import("csstype").Property.FlexDirection | undefined;
+    gap?: any;
+    inline?: boolean | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    wrap?: import("csstype").Property.FlexWrap | undefined;
+} & {
+    disabled: boolean;
+    hasError: boolean;
+}, never>;

package/dist/Field/FieldLabel.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { TypographyProps } from '../Typography';
+export interface FieldLabelProps extends TypographyProps<'label'> {
+    action?: React.ReactNode;
+    /**
+     * @preserve
+     * @deprecated "required" should be given to Field component to share the value across components
+     */
+    required?: boolean;
+}
+export declare const FieldLabel: React.ForwardRefExoticComponent<FieldLabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/Field/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Field';
+export * from './FieldLabel';
+export * from './FieldInput';
+export * from './FieldHint';
+export * from './FieldError';
+export * from './FieldContext';
+export * from './FieldAction';

package/dist/Flex/Flex.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'styled-components';
+import { BoxProps } from '../Box';
+import { ResponsiveValue } from '../helpers/handleResponsiveValues';
+export type FlexProps<TElement extends keyof JSX.IntrinsicElements = 'div'> = BoxProps<TElement> & {
+    alignItems?: CSSProperties['alignItems'];
+    direction?: CSSProperties['flexDirection'];
+    /**
+     * Supports responsive values
+     */
+    gap?: ResponsiveValue;
+    inline?: boolean;
+    justifyContent?: CSSProperties['justifyContent'];
+    wrap?: CSSProperties['flexWrap'];
+};
+export declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FlexProps<"div">, never>;

package/dist/Flex/index.d.ts

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

package/dist/FocusTrap/FocusTrap.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface FocusTrapProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * A callback called on escape key. Useful to deactivate the focus trap.
+     */
+    onEscape?: () => void;
+    /**
+     * A boolean value to define whether the focus should be restored or not.
+     */
+    restoreFocus?: boolean;
+    skipAutoFocus?: boolean;
+}
+export declare const FocusTrap: ({ onEscape, restoreFocus, skipAutoFocus, ...props }: FocusTrapProps) => import("react/jsx-runtime").JSX.Element;

package/dist/FocusTrap/index.d.ts

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

package/dist/Grid/Grid.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '../Box';
+import { ResponsiveValue } from '../helpers/handleResponsiveValues';
+export interface GridProps extends BoxProps {
+    gridCols?: number;
+    gap?: ResponsiveValue;
+}
+export declare const Grid: (props: GridProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Grid/GridItem.d.ts

@@ -0,0 +1,47 @@
+import { BoxProps } from '../Box';
+export interface GridItemProps extends BoxProps {
+    col: number;
+    s?: number;
+    xs?: number;
+}
+export declare const GridItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
+    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
+    background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
+    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    borderColor?: keyof import("../themes/colors").Colors | undefined;
+    color?: keyof import("../themes/colors").Colors | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    hasRadius?: boolean | undefined;
+    hiddenS?: boolean | undefined;
+    hiddenXS?: boolean | undefined;
+    padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
+    paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
+    paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
+    paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
+    paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
+    marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
+    marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
+    marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
+    marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
+    shadow?: keyof import("../themes/colors").Shadows | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+    lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
+    width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
+    minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
+    maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
+    height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
+    minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
+    maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
+    top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
+    left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
+    bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
+    right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
+    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    borderStyle?: import("csstype").Property.BorderStyle | undefined;
+    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+    children?: import("react").ReactNode;
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & GridItemProps, never>;

package/dist/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Grid';
+export * from './GridItem';

package/dist/Icon/Icon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { DefaultTheme } from 'styled-components';
+import { BoxProps } from '../Box';
+export interface IconProps extends BoxProps {
+    colors?: (theme: DefaultTheme) => string;
+}
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Icon/index.d.ts

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

package/dist/IconButton/IconButton.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { BaseButtonProps } from '../BaseButton';
+declare const SIZES: readonly ["S", "M", "L"];
+declare const VARIANTS: readonly ["tertiary", "secondary"];
+type IconButtonSizes = (typeof SIZES)[number];
+type Variant = (typeof VARIANTS)[number];
+interface SharedIconButtonProps extends BaseButtonProps {
+    disabled?: boolean;
+    /**
+     * @preserve
+     * @deprecated use `borderWidth={0}` instead
+     */
+    noBorder?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    size?: IconButtonSizes;
+    variant?: Variant;
+}
+interface LabelOnlyProps extends SharedIconButtonProps {
+    label: string;
+    ['aria-label']?: never;
+}
+interface AriaLabelOnlyProps extends SharedIconButtonProps {
+    label?: never;
+    ['aria-label']: string;
+}
+interface IconOnlyProps {
+    icon: React.ReactNode;
+    children?: never;
+}
+interface ChildrenOnlyProps {
+    icon?: never;
+    children: React.ReactNode;
+}
+type ChildrenWithLabel = LabelOnlyProps & ChildrenOnlyProps;
+type ChildrenWithAriaLabel = AriaLabelOnlyProps & ChildrenOnlyProps;
+type IconWithLabel = LabelOnlyProps & IconOnlyProps;
+type IconWithAriaLabel = AriaLabelOnlyProps & IconOnlyProps;
+export type IconButtonProps = ChildrenWithLabel | ChildrenWithAriaLabel | IconWithLabel | IconWithAriaLabel;
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Flex").FlexProps<"div">, never>;
+export {};

package/dist/IconButton/index.d.ts

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

package/dist/JSONInput/JSONInput.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { FieldLabelProps, FieldProps } from '../Field';
+import { FlexProps } from '../Flex';
+interface JSONInputProps extends Omit<FlexProps, 'onChange'>, Pick<FieldProps, 'hint' | 'error' | 'required'> {
+    label?: string;
+    value?: string;
+    disabled?: boolean;
+    labelAction?: FieldLabelProps['action'];
+    onChange?: (value: string) => void;
+}
+export interface JSONInputRef extends Partial<HTMLElement> {
+    focus(): void;
+}
+export declare const JSONInput: React.ForwardRefExoticComponent<JSONInputProps & React.RefAttributes<JSONInputRef>>;
+export {};

package/dist/JSONInput/index.d.ts

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

package/dist/JSONInput/utils/decorationExtension.d.ts

@@ -0,0 +1,7 @@
+import { StateField, Range } from '@codemirror/state';
+import { Decoration } from '@codemirror/view';
+declare const addMarks: import("@codemirror/state").StateEffectType<Range<Decoration>[]>;
+declare const filterMarks: import("@codemirror/state").StateEffectType<(from: number, to: number, value: Decoration) => boolean>;
+declare const lineHighlightMark: Decoration;
+declare const markField: StateField<import("@codemirror/view").DecorationSet>;
+export { addMarks, filterMarks, lineHighlightMark, markField };

package/dist/KeyboardNavigable/KeyboardNavigable.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '../Box';
+export interface KeyboardNavigableProps extends BoxProps {
+    tagName?: string;
+    attributeName?: string;
+}
+export declare const KeyboardNavigable: ({ tagName, attributeName, ...props }: KeyboardNavigableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/KeyboardNavigable/index.d.ts

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

package/dist/Layout/ActionLayout.d.ts

@@ -0,0 +1,6 @@
+interface ActionLayoutProps {
+    endActions?: React.ReactNode;
+    startActions?: React.ReactNode;
+}
+export declare const ActionLayout: ({ startActions, endActions }: ActionLayoutProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/Layout/ContentLayout.d.ts

@@ -0,0 +1,5 @@
+interface ContentLayoutProps {
+    children: React.ReactNode;
+}
+export declare const ContentLayout: ({ children }: ContentLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Layout/GridLayout.d.ts

@@ -0,0 +1 @@
+export declare const GridLayout: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/Layout/HeaderLayout.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { TypographyProps } from '../Typography';
+interface BaseHeaderLayoutProps extends TypographyProps {
+    navigationAction?: React.ReactNode;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    sticky?: boolean;
+    width?: number;
+}
+interface HeaderLayoutProps extends BaseHeaderLayoutProps {
+}
+export declare const HeaderLayout: {
+    (props: HeaderLayoutProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const BaseHeaderLayout: React.ForwardRefExoticComponent<BaseHeaderLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/Layout/Layout.d.ts

@@ -0,0 +1,6 @@
+interface LayoutProps {
+    children: React.ReactNode;
+    sideNav?: React.ReactNode;
+}
+export declare const Layout: ({ sideNav, children }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Layout/TwoColsLayout.d.ts

@@ -0,0 +1,6 @@
+interface TwoColsLayoutProps {
+    endCol: React.ReactNode;
+    startCol: React.ReactNode;
+}
+export declare const TwoColsLayout: ({ startCol, endCol }: TwoColsLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Layout/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Layout';
+export * from './ActionLayout';
+export * from './ContentLayout';
+export * from './HeaderLayout';
+export * from './TwoColsLayout';
+export * from './GridLayout';

package/dist/Link/Link.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { BaseLinkProps } from '../BaseLink';
+export interface LinkProps extends BaseLinkProps {
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    /**
+     * @default true
+     */
+    isExternal?: boolean;
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/Link/index.d.ts

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

package/dist/LinkButton/LinkButton.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { BaseButtonProps } from '../BaseButton';
+import { BaseLinkProps } from '../BaseLink';
+import { VARIANTS, BUTTON_SIZES } from '../Button/constants';
+interface SharedLinkProps extends BaseLinkProps {
+    disabled?: boolean;
+    endIcon?: React.ReactNode;
+    size?: (typeof BUTTON_SIZES)[number];
+    startIcon?: React.ReactNode;
+    variant?: (typeof VARIANTS)[number];
+}
+export type LinkButtonProps = SharedLinkProps & BaseButtonProps;
+export declare const LinkButton: React.ForwardRefExoticComponent<SharedLinkProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
+    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
+    background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
+    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    borderColor?: keyof import("../themes/colors").Colors | undefined;
+    color?: keyof import("../themes/colors").Colors | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    hasRadius?: boolean | undefined;
+    hiddenS?: boolean | undefined;
+    hiddenXS?: boolean | undefined;
+    padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
+    paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
+    paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
+    paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
+    paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
+    marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
+    marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
+    marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
+    marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
+    shadow?: keyof import("../themes/colors").Shadows | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+    lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
+    width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
+    minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
+    maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
+    height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
+    minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
+    maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
+    top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
+    left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
+    bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
+    right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
+    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    borderStyle?: import("csstype").Property.BorderStyle | undefined;
+    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+    children?: React.ReactNode;
+    as?: string | React.ComponentType<any> | undefined;
+    forwardedAs?: string | React.ComponentType<any> | undefined;
+} & {
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    direction?: import("csstype").Property.FlexDirection | undefined;
+    gap?: any;
+    inline?: boolean | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    wrap?: import("csstype").Property.FlexWrap | undefined;
+} & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/LinkButton/index.d.ts

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

package/dist/LiveRegions/LiveRegions.d.ts

@@ -0,0 +1 @@
+export declare const LiveRegions: () => import("react/jsx-runtime").JSX.Element;

package/dist/LiveRegions/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const LiveRegionIds: {
+    Log: string;
+    Status: string;
+    Alert: string;
+};

package/dist/LiveRegions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useNotifyAT';
+export { LiveRegions } from './LiveRegions';

package/dist/LiveRegions/useNotifyAT.d.ts

@@ -0,0 +1,5 @@
+export declare const useNotifyAT: () => {
+    notifyLog: (message: string) => void;
+    notifyAlert: (message: string) => void;
+    notifyStatus: (message: string) => void;
+};

package/dist/Loader/Loader.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    small?: boolean;
+}
+export declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/Loader/index.d.ts

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

package/dist/Main/Main.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '../Box';
+export interface MainProps extends BoxProps<'main'> {
+    labelledBy?: string | undefined;
+}
+export declare const Main: ({ labelledBy, ...props }: MainProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Main/SkipToContent.d.ts

@@ -0,0 +1,4 @@
+export interface SkipToContentProps {
+    children?: React.ReactNode;
+}
+export declare const SkipToContent: ({ children }: SkipToContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Main/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Main';
+export * from './SkipToContent';

package/dist/MainNav/MainNav.d.ts

@@ -0,0 +1,5 @@
+import { FlexProps } from '../Flex';
+export interface MainNavProps extends FlexProps<'nav'> {
+    condensed?: boolean;
+}
+export declare const MainNav: ({ condensed, ...props }: MainNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MainNav/MainNavContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const MainNavContext: React.Context<boolean>;
+export declare const useMainNav: () => boolean;

package/dist/MainNav/NavBrand.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { BaseLinkProps } from '../BaseLink';
+export interface NavBrandProps extends BaseLinkProps {
+    icon: React.ReactNode;
+    title: string;
+    to?: string;
+    workplace: string;
+}
+export declare const NavBrand: React.ForwardRefExoticComponent<NavBrandProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/MainNav/NavCondense.d.ts

@@ -0,0 +1,5 @@
+import { FlexProps } from '../Flex';
+export interface NavCondenseProps extends FlexProps<'button'> {
+    children: string;
+}
+export declare const NavCondense: ({ children, ...props }: NavCondenseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MainNav/NavFooter.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface NavFooterProps {
+    children: React.ReactNode;
+}
+export declare const NavFooter: ({ children }: NavFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MainNav/NavLink.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { BaseLinkProps } from '../BaseLink';
+export interface NavLinkProps extends BaseLinkProps {
+    badgeAriaLabel?: string;
+    badgeContent?: string | number;
+    children: string;
+    icon: React.ReactNode;
+}
+export declare const NavLink: React.ForwardRefExoticComponent<NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/MainNav/NavSection.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FlexProps } from '../Flex';
+export interface NavSectionProps extends FlexProps<'ul'> {
+    children: React.ReactNode;
+    label: string;
+    horizontal?: boolean;
+    spacing?: number;
+}
+export declare const NavSection: ({ label, children, horizontal, spacing, ...props }: NavSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MainNav/NavSections.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { FlexProps } from '../Flex';
+export interface NavSectionsProps extends FlexProps<'ul'> {
+    children: React.ReactNode;
+    spacing?: number;
+    horizontal?: boolean;
+}
+export declare const NavSections: ({ children, spacing, horizontal, ...props }: NavSectionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MainNav/NavUser.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BoxProps } from '../Box';
+export interface NavUserProps extends BoxProps {
+    children: React.ReactNode;
+    initials?: React.ReactNode;
+    src?: string;
+}
+export declare const NavUser: React.ForwardRefExoticComponent<NavUserProps & React.RefAttributes<any>>;

package/dist/MainNav/index.d.ts

@@ -0,0 +1,8 @@
+export * from './MainNav';
+export * from './NavBrand';
+export * from './NavCondense';
+export * from './NavFooter';
+export * from './NavLink';
+export * from './NavSection';
+export * from './NavSections';
+export * from './NavUser';

package/dist/ModalLayout/ModalBody.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from '../Box';
+export declare const ModalBody: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ModalLayout/ModalContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const ModalContext: React.Context<() => void>;
+export declare const useModal: () => () => void;

package/dist/ModalLayout/ModalFooter.d.ts

@@ -0,0 +1,5 @@
+export interface ModalFooterProps {
+    endActions?: React.ReactNode;
+    startActions?: React.ReactNode;
+}
+export declare const ModalFooter: ({ startActions, endActions }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ModalLayout/ModalHeader.d.ts

@@ -0,0 +1,6 @@
+interface ModalHeaderProps {
+    children: React.ReactNode;
+    closeLabel?: string;
+}
+export declare const ModalHeader: ({ children, closeLabel }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ModalLayout/ModalLayout.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '../Box';
+export interface ModalLayoutProps extends BoxProps {
+    labelledBy: string;
+    onClose: () => void;
+}
+export declare const ModalLayout: ({ onClose, labelledBy, ...props }: ModalLayoutProps) => import("react/jsx-runtime").JSX.Element;