@norges-domstoler/dds-components 13.3.0 → 13.4.0

package/dist/cjs/components/FileUploader/FileUploader.stories.d.ts

@@ -1,25 +1,28 @@
-declare const _default: {
-    title: string;
-    component: (props: {
-        id?: string | undefined;
-        label?: string | undefined;
-        tip?: string | undefined;
-        required?: boolean | undefined;
-        onChange: (newFiles: import("./types").FileList) => void;
-        width?: import("csstype").Property.Width<string> | undefined;
-    } & Partial<import("./useFileUploader").FileUploaderHookProps>) => JSX.Element;
-    argTypes: {
-        color: {
-            control: {
-                type: string;
-            };
-        };
-        size: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: () => JSX.Element;
+declare const _default: {
+    title: string;
+    component: {
+        (props: {
+            id?: string | undefined;
+            label?: string | undefined;
+            tip?: string | undefined;
+            required?: boolean | undefined;
+            onChange: (newFiles: import("./types").FileList) => void;
+            width?: import("csstype").Property.Width<string> | undefined;
+        } & Partial<import("./useFileUploader").FileUploaderHookProps>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/FileUploader/FileUploader.tokens.d.ts

@@ -1,25 +1,25 @@
-export declare const rootTokens: {
-    borderColor: string;
-    borderColorError: string;
-    paddingLeftRightTop: string;
-    paddingBottom: string;
-    gap: string;
-    backgroundColor: string;
-    dragActive: {
-        borderColor: string;
-        backgroundColor: string;
-    };
-};
-export declare const fileTokens: {
-    marginTop: string;
-    paddingLeftRight: string;
-    paddingTopBottom: string;
-    backgroundColor: string;
-    textToIconsGap: string;
-    invalid: {
-        borderColor: string;
-    };
-};
-export declare const errorsTokens: {
-    gap: string;
-};
+export declare const rootTokens: {
+    borderColor: string;
+    borderColorError: string;
+    paddingLeftRightTop: string;
+    paddingBottom: string;
+    gap: string;
+    backgroundColor: string;
+    dragActive: {
+        borderColor: string;
+        backgroundColor: string;
+    };
+};
+export declare const fileTokens: {
+    marginTop: string;
+    paddingLeftRight: string;
+    paddingTopBottom: string;
+    backgroundColor: string;
+    textToIconsGap: string;
+    invalid: {
+        borderColor: string;
+    };
+};
+export declare const errorsTokens: {
+    gap: string;
+};

package/dist/cjs/components/FileUploader/fileUploaderReducer.d.ts

@@ -1,33 +1,33 @@
-import { FileWithPath } from 'file-selector';
-import { Reducer } from 'react';
-export type FileUploaderFile = {
-    file: FileWithPath;
-    errors: string[];
-};
-export type RootErrorList = string[];
-export type FileUploaderAction = {
-    type: 'focus';
-} | {
-    type: 'blur';
-} | {
-    type: 'dragEnter';
-} | {
-    type: 'dragLeave';
-} | {
-    type: 'onSetFiles';
-    payload: FileUploaderFile[];
-} | {
-    type: 'onRemoveFile';
-    payload: FileUploaderFile[];
-} | {
-    type: 'setRootErrors';
-    payload: RootErrorList;
-};
-export type FileUploaderState = {
-    files: FileUploaderFile[];
-    isFocused: boolean;
-    isFileDialogActive: boolean;
-    isDragActive: boolean;
-    rootErrors: string[];
-};
-export declare const fileUploaderReducer: Reducer<FileUploaderState, FileUploaderAction>;
+import { FileWithPath } from 'file-selector';
+import { Reducer } from 'react';
+export type FileUploaderFile = {
+    file: FileWithPath;
+    errors: string[];
+};
+export type RootErrorList = string[];
+export type FileUploaderAction = {
+    type: 'focus';
+} | {
+    type: 'blur';
+} | {
+    type: 'dragEnter';
+} | {
+    type: 'dragLeave';
+} | {
+    type: 'onSetFiles';
+    payload: FileUploaderFile[];
+} | {
+    type: 'onRemoveFile';
+    payload: FileUploaderFile[];
+} | {
+    type: 'setRootErrors';
+    payload: RootErrorList;
+};
+export type FileUploaderState = {
+    files: FileUploaderFile[];
+    isFocused: boolean;
+    isFileDialogActive: boolean;
+    isDragActive: boolean;
+    rootErrors: string[];
+};
+export declare const fileUploaderReducer: Reducer<FileUploaderState, FileUploaderAction>;

package/dist/cjs/components/FileUploader/index.d.ts

@@ -1 +1 @@
-export * from './FileUploader';
+export * from './FileUploader';

package/dist/cjs/components/FileUploader/types.d.ts

@@ -1,10 +1,10 @@
-type FileExtensionAccept = `.${string}`;
-type AnyMimeType = '*';
-type ImageMimeType = 'png' | 'jpeg' | 'bmp' | 'gif' | 'svg+xml' | 'tiff' | 'webp';
-type VideoMimeType = 'x-msvideo' | 'mp4' | 'mpeg' | 'ogg' | 'mp2t' | 'webm' | '3gpp' | '3gpp2';
-type AudioMimeType = 'aac' | 'midi' | 'x-midi' | 'mpeg' | 'ogg' | 'opus' | 'wav' | 'webm' | '3gpp' | '3gpp2';
-type ApplicationMimeType = 'octet-stream' | 'msword' | 'vnd.openxmlformats-officedocument.wordprocessingml.document' | 'epub+zip' | 'gzip' | 'java-archive' | 'json' | 'vnd.oasis.opendocument.presentation' | 'vnd.oasis.opendocument.spreadsheet' | 'vnd.oasis.opendocument.text' | 'pdf' | 'vnd.ms-powerpoint' | 'vnd.openxmlformats-officedocument.presentationml.presentation' | 'rtf' | 'x-sh' | 'x-tar' | 'vnd.visio' | 'xhtml+xml' | 'vnd.ms-excel' | 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'xml' | 'vnd.mozilla.xul+xml' | 'zip';
-type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType | AnyMimeType}` | `audio/${AudioMimeType | AnyMimeType}` | `application/${ApplicationMimeType}`;
-export type Accept = MimeType | FileExtensionAccept;
-export type FileList = File[];
-export {};
+type FileExtensionAccept = `.${string}`;
+type AnyMimeType = '*';
+type ImageMimeType = 'png' | 'jpeg' | 'bmp' | 'gif' | 'svg+xml' | 'tiff' | 'webp';
+type VideoMimeType = 'x-msvideo' | 'mp4' | 'mpeg' | 'ogg' | 'mp2t' | 'webm' | '3gpp' | '3gpp2';
+type AudioMimeType = 'aac' | 'midi' | 'x-midi' | 'mpeg' | 'ogg' | 'opus' | 'wav' | 'webm' | '3gpp' | '3gpp2';
+type ApplicationMimeType = 'octet-stream' | 'msword' | 'vnd.openxmlformats-officedocument.wordprocessingml.document' | 'epub+zip' | 'gzip' | 'java-archive' | 'json' | 'vnd.oasis.opendocument.presentation' | 'vnd.oasis.opendocument.spreadsheet' | 'vnd.oasis.opendocument.text' | 'pdf' | 'vnd.ms-powerpoint' | 'vnd.openxmlformats-officedocument.presentationml.presentation' | 'rtf' | 'x-sh' | 'x-tar' | 'vnd.visio' | 'xhtml+xml' | 'vnd.ms-excel' | 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'xml' | 'vnd.mozilla.xul+xml' | 'zip';
+type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType | AnyMimeType}` | `audio/${AudioMimeType | AnyMimeType}` | `application/${ApplicationMimeType}`;
+export type Accept = MimeType | FileExtensionAccept;
+export type FileList = File[];
+export {};

package/dist/cjs/components/FileUploader/useFileUploader.d.ts

@@ -1,33 +1,33 @@
-import React, { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, Ref } from 'react';
-import { FileUploaderFile } from './fileUploaderReducer';
-import { Accept, FileList } from './types';
-export type FileUploaderHookProps = {
-    id: string | undefined;
-    /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
-    initialFiles: FileList | undefined;
-    /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
-    value: FileList | undefined;
-    /**Callback for når fil-listen endres. */
-    onChange: (newFiles: FileList) => void;
-    /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
-    accept: Accept[] | undefined;
-    /**Om filopplasteren er avslått eller ikke */
-    disabled: boolean | undefined;
-    /**Maks antall filer som tillates. */
-    maxFiles: number | undefined;
-    /**Feilmelding. Setter også error state. */
-    errorMessage: string | undefined;
-};
-export declare const useFileUploader: <TRootElement extends HTMLElement>(props: FileUploaderHookProps) => {
-    state: import("./fileUploaderReducer").FileUploaderState;
-    getRootProps: () => React.HTMLAttributes<TRootElement> & {
-        ref: React.Ref<TRootElement>;
-    };
-    getInputProps: () => InputHTMLAttributes<HTMLInputElement> & {
-        ref: Ref<HTMLInputElement>;
-    };
-    getButtonProps: () => ButtonHTMLAttributes<HTMLButtonElement> & {
-        ref: Ref<HTMLButtonElement>;
-    };
-    removeFile: (file: FileUploaderFile) => void;
-};
+import React, { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, Ref } from 'react';
+import { FileUploaderFile } from './fileUploaderReducer';
+import { Accept, FileList } from './types';
+export type FileUploaderHookProps = {
+    id: string | undefined;
+    /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
+    initialFiles: FileList | undefined;
+    /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
+    value: FileList | undefined;
+    /**Callback for når fil-listen endres. */
+    onChange: (newFiles: FileList) => void;
+    /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
+    accept: Accept[] | undefined;
+    /**Om filopplasteren er avslått eller ikke */
+    disabled: boolean | undefined;
+    /**Maks antall filer som tillates. */
+    maxFiles: number | undefined;
+    /**Feilmelding. Setter også error state. */
+    errorMessage: string | undefined;
+};
+export declare const useFileUploader: <TRootElement extends HTMLElement>(props: FileUploaderHookProps) => {
+    state: import("./fileUploaderReducer").FileUploaderState;
+    getRootProps: () => React.HTMLAttributes<TRootElement> & {
+        ref: React.Ref<TRootElement>;
+    };
+    getInputProps: () => InputHTMLAttributes<HTMLInputElement> & {
+        ref: Ref<HTMLInputElement>;
+    };
+    getButtonProps: () => ButtonHTMLAttributes<HTMLButtonElement> & {
+        ref: Ref<HTMLButtonElement>;
+    };
+    removeFile: (file: FileUploaderFile) => void;
+};

package/dist/cjs/components/FileUploader/utils.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare const preventDefaults: (event: React.BaseSyntheticEvent) => void;
-export declare const isDragEvent: (event: unknown) => event is import("react").DragEvent<unknown>;
-export declare const isEventWithFiles: (event: React.DragEvent<unknown> | React.ChangeEvent<HTMLInputElement>) => boolean;
-export declare const isFileAccepted: (file: File, accept: string[] | undefined) => boolean;
-export declare const getTooManyFilesErrorMessage: (maxFiles: number) => string;
-export declare const getInvalidFileTypeErrorMessage: () => string;
+/// <reference types="react" />
+export declare const preventDefaults: (event: React.BaseSyntheticEvent) => void;
+export declare const isDragEvent: (event: unknown) => event is import("react").DragEvent<unknown>;
+export declare const isEventWithFiles: (event: React.DragEvent<unknown> | React.ChangeEvent<HTMLInputElement>) => boolean;
+export declare const isFileAccepted: (file: File, accept: string[] | undefined) => boolean;
+export declare const getTooManyFilesErrorMessage: (maxFiles: number) => string;
+export declare const getInvalidFileTypeErrorMessage: () => string;

package/dist/cjs/components/GlobalMessage/GlobalMessage.d.ts

@@ -1,27 +1,27 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '../../types';
-export type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
-export type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
-    message?: string;
-    /**Formålet med meldingen. Påvirker styling. */
-    purpose?: GlobalMessagePurpose;
-    /**Indikerer om meldingen skal være lukkbar. */
-    closable?: boolean;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
-    onClose?: () => void;
-}>;
-export declare const GlobalMessage: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
-    message?: string | undefined;
-    /**Formålet med meldingen. Påvirker styling. */
-    purpose?: GlobalMessagePurpose | undefined;
-    /**Indikerer om meldingen skal være lukkbar. */
-    closable?: boolean | undefined;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
-    onClose?: (() => void) | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import { BaseComponentPropsWithChildren } from '../../types';
+export type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
+export type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
+    message?: string;
+    /**Formålet med meldingen. Påvirker styling. */
+    purpose?: GlobalMessagePurpose;
+    /**Indikerer om meldingen skal være lukkbar. */
+    closable?: boolean;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: () => void;
+}>;
+export declare const GlobalMessage: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
+    message?: string | undefined;
+    /**Formålet med meldingen. Påvirker styling. */
+    purpose?: GlobalMessagePurpose | undefined;
+    /**Indikerer om meldingen skal være lukkbar. */
+    closable?: boolean | undefined;
+    /**Ekstra logikk å kjøre når meldingen lukkes. */
+    onClose?: (() => void) | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/GlobalMessage/GlobalMessage.stories.d.ts

@@ -1,30 +1,31 @@
-import { GlobalMessageProps } from './GlobalMessage';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-        message?: string | undefined;
-        purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
-        closable?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    argTypes: {
-        message: {
-            control: {
-                type: string;
-            };
-        };
-        closable: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: GlobalMessageProps) => JSX.Element;
-export declare const Default: (args: GlobalMessageProps) => JSX.Element;
-export declare const Closable: (args: GlobalMessageProps) => JSX.Element;
+/// <reference types="react" />
+import { GlobalMessageProps } from './GlobalMessage';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+        message?: string | undefined;
+        purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
+        closable?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & {
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        message: {
+            control: {
+                type: string;
+            };
+        };
+        closable: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: GlobalMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Default: (args: GlobalMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Closable: (args: GlobalMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/GlobalMessage/GlobalMessage.tokens.d.ts

@@ -1,50 +1,50 @@
-import { SvgIcon } from '../../icons/utils';
-import { ButtonPurpose } from '../Button';
-import { StaticTypographyType } from '../Typography';
-import { GlobalMessagePurpose } from './GlobalMessage';
-export declare const typographyType: StaticTypographyType;
-export declare const purposeVariants: {
-    [k in GlobalMessagePurpose]: {
-        icon: SvgIcon;
-        closeButtonPurpose: ButtonPurpose;
-    };
-};
-export declare const globalMessageTokens: {
-    container: {
-        borderBottom: string;
-        padding: string;
-        info: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        danger: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        warning: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    contentContainer: {
-        paddingRight: string;
-        paddingTop: string;
-        paddingBottom: string;
-        gap: string;
-        withClosable: {
-            paddingRight: string;
-        };
-    };
-    icon: {
-        marginRight: string;
-        info: {
-            color: string;
-        };
-        danger: {
-            color: string;
-        };
-        warning: {
-            color: string;
-        };
-    };
-};
+import { SvgIcon } from '../../icons/utils';
+import { ButtonPurpose } from '../Button';
+import { StaticTypographyType } from '../Typography';
+import { GlobalMessagePurpose } from './GlobalMessage';
+export declare const typographyType: StaticTypographyType;
+export declare const purposeVariants: {
+    [k in GlobalMessagePurpose]: {
+        icon: SvgIcon;
+        closeButtonPurpose: ButtonPurpose;
+    };
+};
+export declare const globalMessageTokens: {
+    container: {
+        borderBottom: string;
+        padding: string;
+        info: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        danger: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        warning: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+    };
+    contentContainer: {
+        paddingRight: string;
+        paddingTop: string;
+        paddingBottom: string;
+        gap: string;
+        withClosable: {
+            paddingRight: string;
+        };
+    };
+    icon: {
+        marginRight: string;
+        info: {
+            color: string;
+        };
+        danger: {
+            color: string;
+        };
+        warning: {
+            color: string;
+        };
+    };
+};

package/dist/cjs/components/GlobalMessage/index.d.ts

@@ -1 +1 @@
-export * from './GlobalMessage';
+export * from './GlobalMessage';

package/dist/cjs/components/Grid/Grid.context.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { ScreenSize } from '../../hooks';
-export type GridContextProps = {
-    screenSize: ScreenSize;
-};
-export declare const GridContext: import("react").Context<GridContextProps>;
-export declare const useGridContext: () => GridContextProps;
+/// <reference types="react" />
+import { ScreenSize } from '../../hooks';
+export type GridContextProps = {
+    screenSize: ScreenSize;
+};
+export declare const GridContext: import("react").Context<GridContextProps>;
+export declare const useGridContext: () => GridContextProps;

package/dist/cjs/components/Grid/Grid.d.ts

@@ -1,21 +1,24 @@
-import { BaseComponentPropsWithChildren } from '../../types';
-import { HTMLAttributes } from 'react';
-import { BreakpointBasedProps } from '../../helpers';
-type RowGapGrid = BreakpointBasedProps<'rowGap'>;
-type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
-type BaseGridProps = {
-    /**Maksimal bredde. Gjøres per brekkepunkt.  */
-    maxWidth?: MaxWidthGrid;
-    /** CSS `row-gap`. Gjøres per brekkepunkt. */
-    rowGap?: RowGapGrid;
-} & Pick<HTMLAttributes<HTMLElement>, 'style'>;
-type GridDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**HTML tag som returneres. */
-    as: 'div';
-} & BaseGridProps>;
-type GridFormProps = BaseComponentPropsWithChildren<HTMLFormElement, {
-    as: 'form';
-} & BaseGridProps>;
-export type GridProps = GridDivProps | GridFormProps;
-export declare const Grid: (props: GridProps) => JSX.Element;
-export {};
+import { BaseComponentPropsWithChildren } from '../../types';
+import { HTMLAttributes } from 'react';
+import { BreakpointBasedProps } from '../../helpers';
+type RowGapGrid = BreakpointBasedProps<'rowGap'>;
+type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
+type BaseGridProps = {
+    /**Maksimal bredde. Gjøres per brekkepunkt.  */
+    maxWidth?: MaxWidthGrid;
+    /** CSS `row-gap`. Gjøres per brekkepunkt. */
+    rowGap?: RowGapGrid;
+} & Pick<HTMLAttributes<HTMLElement>, 'style'>;
+type GridDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**HTML tag som returneres. */
+    as: 'div';
+} & BaseGridProps>;
+type GridFormProps = BaseComponentPropsWithChildren<HTMLFormElement, {
+    as: 'form';
+} & BaseGridProps>;
+export type GridProps = GridDivProps | GridFormProps;
+export declare const Grid: {
+    (props: GridProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/components/Grid/Grid.stories.d.ts

@@ -1,8 +1,11 @@
-import { GridProps } from '.';
-declare const _default: {
-    title: string;
-    component: (props: GridProps) => JSX.Element;
-};
-export default _default;
-export declare const PageExample: (args: GridProps) => JSX.Element;
-export declare const JustRelativeColumns: (args: GridProps) => JSX.Element;
+import { GridProps } from '.';
+declare const _default: {
+    title: string;
+    component: {
+        (props: GridProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export default _default;
+export declare const PageExample: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JustRelativeColumns: (args: GridProps) => import("react/jsx-runtime").JSX.Element;