@prismicio/editor-ui 0.4.23 → 0.4.25

package/dist/components/Alert/Alert.stories.d.ts

@@ -17,7 +17,7 @@ export declare const Default: {
     args: {
         title: string;
         subtitle: string;
-        onClose: () => null;
+        onClose: () => void;
     };
     name: string;
 };

package/dist/components/AnimatedElement/AnimatedElement.stories.d.ts

@@ -1,11 +1,37 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./AnimatedElement").AnimatedElementProps>;
-export default _default;
-export declare const AnimatedElementTemplateStory: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./AnimatedElement").AnimatedElementProps>;
+import { AnimatedElement } from "./AnimatedElement";
+declare const meta: {
+    title: string;
+    component: typeof AnimatedElement;
+};
+export default meta;
+export declare const Default: {
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+        children: false | 0 | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null | undefined;
+        animation?: {
+            name: "fade";
+        } | {
+            name: "slide";
+            offset?: number | undefined;
+        } | undefined;
+        enterDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
+        exitDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
+        sx?: import("../../theme/new").SX | undefined;
+    }>, context: import("@storybook/types").StoryContext<import("@storybook/react/dist/types-0a347bb9").R, {
+        children: false | 0 | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null | undefined;
+        animation?: {
+            name: "fade";
+        } | {
+            name: "slide";
+            offset?: number | undefined;
+        } | undefined;
+        enterDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
+        exitDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
+        sx?: import("../../theme/new").SX | undefined;
+    }>) => JSX.Element)[];
     args: {
-        enterDuration: number;
-        exitDuration: number;
-        children: JSX.Element;
+        children: null;
+        enterDuration: 300;
+        exitDuration: 100;
     };
     argTypes: {
         children: {

package/dist/components/AnimatedList/DragPreview.d.ts

@@ -1,6 +1,5 @@
-import type { HandlerOf } from "@prismicio/editor-support/Type";
 import { type ReactElement } from "react";
-export type DragPreviewRenderer = (draggedKey: string, callback: HandlerOf<HTMLElement>) => void;
+export type DragPreviewRenderer = (draggedKey: string, callback: (element: HTMLElement) => void) => void;
 export interface DragPreviewProps {
     children: (key: string) => ReactElement;
 }

package/dist/components/AnimatedList/dnd.d.ts

@@ -1,4 +1,3 @@
-import type { Handler, HandlerOf } from "@prismicio/editor-support/Type";
 import { type LiHTMLAttributes, type ReactElement, type ReactNode, type RefObject } from "react";
 import { type DragPreviewRenderer } from "./DragPreview";
 import { type State } from "./layout";
@@ -20,16 +19,16 @@ export type DragState = {
     previewRef: RefObject<DragPreviewRenderer>;
     dragIndex: number | undefined;
     dropIndex: number | undefined;
-    onDragStart: HandlerOf<number>;
-    onDragEnd: Handler;
-    onDragLeave: Handler;
-    onDrop: Handler;
-    onDragOver: HandlerOf<{
+    onDragStart: (index: number) => void;
+    onDragEnd: () => void;
+    onDragLeave: () => void;
+    onDrop: () => void;
+    onDragOver: (args: {
         clientX: number;
         clientY: number;
         rect: DOMRect;
         itemIndex: number;
-    }>;
+    }) => void;
 };
 export interface UseDndListItemProps<ITEM> {
     itemState: State<ITEM>;

package/dist/components/BaseInput/BaseInput.d.ts

@@ -1,4 +1,4 @@
-import { type KeyboardEvent, type ReactNode } from "react";
+import { type ClipboardEventHandler, type KeyboardEvent, type ReactNode } from "react";
 import type { SX, ThemeKeys } from "../../theme/new";
 /**
  * Flexible base Input, provided with no height or block padding.
@@ -14,18 +14,23 @@ export interface BaseInputProps {
     endAdornment?: ReactNode;
     padding?: Padding;
     value: string;
-    variant?: "normal" | "link" | "success";
+    variant?: "normal" | "link" | "success" | "error";
     cursor?: "text" | "pointer";
     maxLength?: number;
+    disabled?: boolean;
+    type?: "text" | "email" | "password";
     sx?: SX;
     onFocus?: () => void;
     onBlur?: () => void;
     onValueChange?: (value: string) => void;
     onKeyDown?: (event: KeyboardEvent) => void;
+    onPaste?: ClipboardEventHandler<HTMLInputElement>;
 }
 interface Padding {
     input?: {
-        inline: ThemeKeys<"space">;
+        inline?: ThemeKeys<"space">;
+        inlineStart?: ThemeKeys<"space">;
+        inlineEnd?: ThemeKeys<"space">;
     };
     adornment?: {
         inline: ThemeKeys<"space">;

package/dist/components/Button/Button.stories.d.ts

@@ -7,7 +7,7 @@ declare const meta: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "viewDay", "visibility", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
         };
     };
 };
@@ -16,15 +16,15 @@ export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
         color?: "dark" | "green" | "grey" | "purple" | "tomato" | "amber" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
         textColor?: "placeholder" | undefined;
         flexContent?: boolean | undefined;
         textWeight?: "bold" | "normal" | undefined;
         sx?: import("../../theme/new").SX | undefined;
-        startIcon?: "visibility" | "search" | "link" | "description" | "code" | "block" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "viewDay" | "zoomOutMap" | undefined;
-        endIcon?: "visibility" | "search" | "link" | "description" | "code" | "block" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "viewDay" | "zoomOutMap" | undefined;
+        startIcon?: "visibility" | "search" | "link" | "description" | "code" | "block" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
+        endIcon?: "visibility" | "search" | "link" | "description" | "code" | "block" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
         renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;

package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts

@@ -32,7 +32,7 @@ export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
         disabled?: boolean | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         color?: "dark" | "grey" | "purple" | undefined;
         density?: "compact" | "regular" | undefined;
         sx?: import("../../theme/new").SX | undefined;

package/dist/components/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren, ReactNode } from "react";
+import type { ReactNode } from "react";
 import type { SX } from "../../theme/new";
 import { type TextProps } from "../Text";
 export interface CardProps {
@@ -10,10 +10,15 @@ export interface CardProps {
     sx?: SX;
 }
 export declare function Card(props: CardProps): JSX.Element;
-export declare function CardHeader(props: PropsWithChildren): JSX.Element;
+interface CardHeaderProps {
+    children: ReactNode;
+    sx?: SX;
+}
+export declare function CardHeader(props: CardHeaderProps): JSX.Element;
 interface CardHeaderTitleProps {
     children?: ReactNode;
     variant?: TextProps["variant"];
+    sx?: SX;
 }
 export declare function CardHeaderTitle(props: CardHeaderTitleProps): JSX.Element;
 interface CardHeaderActionsProps {

package/dist/components/ColorInput/ColorSlider.d.ts

@@ -1,2 +1,4 @@
 import { type ColorSliderStateOptions } from "@react-stately/color";
-export declare const ColorSlider: (props: Omit<ColorSliderStateOptions, "locale" | "channel">) => JSX.Element;
+type Props = Omit<ColorSliderStateOptions, "locale" | "channel">;
+export declare function ColorSlider(props: Props): JSX.Element;
+export {};

package/dist/components/DateInput/DateInput.stories.d.ts

@@ -1,10 +1,44 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./DateInput").DateInputProps>;
-export default _default;
+import { Time } from "@internationalized/date";
+import { DateInput } from "./DateInput";
+declare const meta: {
+    title: string;
+    component: typeof DateInput;
+    argTypes: {
+        mode: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        "aria-labelledby": {};
+        value: {};
+        onValueChange: {};
+    };
+};
+export default meta;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./DateInput").DateInputProps>;
+    decorators: ((_Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+        value?: Date | undefined;
+        mode: "date" | "date-time";
+        defaultTime?: Time | undefined;
+        disabled?: boolean | undefined;
+        minValue?: "tomorrow" | undefined;
+        "aria-labelledby": string;
+        sx?: import("../../theme/new").SX | undefined;
+        onValueChange: (value?: Date | undefined) => void;
+    }>, { args }: import("@storybook/types").StoryContext<import("@storybook/react/dist/types-0a347bb9").R, {
+        value?: Date | undefined;
+        mode: "date" | "date-time";
+        defaultTime?: Time | undefined;
+        disabled?: boolean | undefined;
+        minValue?: "tomorrow" | undefined;
+        "aria-labelledby": string;
+        sx?: import("../../theme/new").SX | undefined;
+        onValueChange: (value?: Date | undefined) => void;
+    }>) => JSX.Element)[];
     args: {
-        readOnly: boolean;
-        mode: string;
+        mode: "date";
+        "aria-labelledby": string;
     };
     name: string;
 };

package/dist/components/Dialog/Dialog.d.ts

@@ -2,8 +2,8 @@ import { type DialogContentProps } from "@radix-ui/react-dialog";
 import { type FC, type PropsWithChildren, type ReactNode } from "react";
 import { type IconName } from "../Icon";
 export interface Custom {
-    width: number | "auto";
-    height: number | "auto";
+    width: number | string;
+    height: number | string;
 }
 export interface DialogProps {
     modal?: boolean;
@@ -15,7 +15,12 @@ export interface DialogProps {
     onAnimationEnd?: () => void;
     hasClose?: boolean;
     size?: "small" | "large" | "fullscreen" | Custom;
-    position?: "center" | "bottomRight";
+    /**
+     * The position of the dialog in the viewport.
+     * @default "top" - The dialog is positioned at the center, top of the viewport. This covers most cases.
+     * "center" - The dialog is centered in the viewport. Useful for large, almost fullscreen dialogs.
+     */
+    position?: "center" | "bottomRight" | "top";
     onPointerDownOutside?: DialogContentProps["onPointerDownOutside"];
 }
 /**

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,9 +1,8 @@
 import { type Fetcher } from "@prismicio/editor-support/Suspense";
-import type { Handler } from "@prismicio/editor-support/Type";
 import React, { type ReactNode } from "react";
 export interface ErrorBoundaryProps {
     children?: ReactNode;
-    renderError?: (error: unknown, reset: Handler) => ReactNode;
+    renderError?: (error: unknown, reset: () => void) => ReactNode;
     onError?: (error: unknown) => void;
 }
 interface State {
@@ -11,7 +10,7 @@ interface State {
     handleError?: boolean;
     requests: Map<Fetcher, Map<string, unknown[]>>;
 }
-type ErrorInterceptor = (error: unknown, resetBoundary: Handler) => boolean;
+type ErrorInterceptor = (error: unknown, resetBoundary: () => void) => boolean;
 export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, State> {
     constructor(props: ErrorBoundaryProps);
     static registerGlobalErrorInterceptor(value: ErrorInterceptor): void;

package/dist/components/Form/Form.d.ts

@@ -1,9 +1,8 @@
-import type { Handler } from "@prismicio/editor-support/Type";
 import type { ReactNode } from "react";
 import type { SX } from "../../theme/new";
 export interface FormProps {
     children?: ReactNode;
     sx?: SX;
-    onSubmit: Handler;
+    onSubmit: () => void;
 }
 export declare function Form(props: FormProps): JSX.Element;

package/dist/components/Form/Form.stories.d.ts

@@ -1,7 +1,26 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Form").FormProps>;
-export default _default;
+import { Form } from "./";
+declare const meta: {
+    title: string;
+    component: typeof Form;
+    argTypes: {
+        children: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default meta;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Form").FormProps>;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+        children?: import("react").ReactNode;
+        sx?: import("../../theme/new").SX | undefined;
+        onSubmit: () => void;
+    }>, context: import("@storybook/types").StoryContext<import("@storybook/react/dist/types-0a347bb9").R, {
+        children?: import("react").ReactNode;
+        sx?: import("../../theme/new").SX | undefined;
+        onSubmit: () => void;
+    }>) => JSX.Element)[];
     args: {};
     name: string;
 };

package/dist/components/Form/FormInput.d.ts

@@ -1,4 +1,4 @@
-import { type ClipboardEventHandler, type KeyboardEventHandler } from "react";
+import { type ClipboardEventHandler, type KeyboardEvent } from "react";
 import type { SX } from "../../theme/new";
 import { type IconName } from "../Icon";
 export interface FormInputProps {
@@ -11,7 +11,7 @@ export interface FormInputProps {
     icon?: IconName;
     autoComplete?: AutoCompleteValue;
     sx?: SX;
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onKeyDown?: (event: KeyboardEvent) => void;
     onValueChange?: (value: string) => void;
     onPaste?: ClipboardEventHandler<HTMLInputElement>;
     onBlur?: () => void;

package/dist/components/Icon/iconNames.d.ts

@@ -1,2 +1,2 @@
-export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "viewDay", "visibility", "zoomOutMap"];
+export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
 export type IconName = typeof iconNames[number];

package/dist/components/SelectCard/SelectButton.stories.d.ts

@@ -6,7 +6,7 @@ export declare const Default: {
         title: string;
         subtitle: string;
         selected: boolean;
-        onSelect: () => null;
+        onSelect: () => void;
     };
     name: string;
 };

package/dist/components/Skeleton/Skeleton.d.ts

@@ -15,6 +15,7 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
         flexGrow?: 1 | undefined;
         flexShrink?: 0 | undefined;
         flexBasis?: 0 | undefined;
+        flexWrap?: "wrap" | undefined;
         alignSelf?: "center" | "stretch" | undefined;
         justifySelf?: "center" | "stretch" | undefined;
         visibility?: "hidden" | "visible" | undefined;

package/dist/components/Toast/Toast.d.ts

@@ -7,15 +7,18 @@ type Props = {
     icon?: IconName;
     loadingIndicator?: boolean;
     title: string;
-    seconds: number;
+    seconds?: number;
     action?: {
         title: string;
         onClick: () => void;
     };
+    cancel?: {
+        onClick: () => void;
+    };
 };
 /**
  * We don't use the radix ui toast because of a bug with the timeout.
  * Radix's Toast task tracker is here: https://github.com/radix-ui/primitives/issues/1171
  */
-export declare const Toast: ({ anchor, open, onOpenChange, icon, loadingIndicator, title, seconds, action }: Props) => JSX.Element;
+export declare const Toast: ({ anchor, open, onOpenChange, icon, loadingIndicator, title, seconds, action, cancel }: Props) => JSX.Element;
 export {};

package/dist/components/Toast/Toast.stories.d.ts

@@ -3,14 +3,17 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     anchor: React.ReactNode;
     open: boolean;
     onOpenChange?: ((open: boolean) => void) | undefined;
-    icon?: "visibility" | "search" | "link" | "description" | "code" | "block" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "viewDay" | "zoomOutMap" | undefined;
+    icon?: "visibility" | "search" | "link" | "description" | "code" | "block" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
     loadingIndicator?: boolean | undefined;
     title: string;
-    seconds: number;
+    seconds?: number | undefined;
     action?: {
         title: string;
         onClick: () => void;
     } | undefined;
+    cancel?: {
+        onClick: () => void;
+    } | undefined;
 }>;
 export default _default;
 export declare const Default: {
@@ -18,14 +21,17 @@ export declare const Default: {
         anchor: React.ReactNode;
         open: boolean;
         onOpenChange?: ((open: boolean) => void) | undefined;
-        icon?: "visibility" | "search" | "link" | "description" | "code" | "block" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "viewDay" | "zoomOutMap" | undefined;
+        icon?: "visibility" | "search" | "link" | "description" | "code" | "block" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
         loadingIndicator?: boolean | undefined;
         title: string;
-        seconds: number;
+        seconds?: number | undefined;
         action?: {
             title: string;
             onClick: () => void;
         } | undefined;
+        cancel?: {
+            onClick: () => void;
+        } | undefined;
     }>;
     args: {
         icon: string;

package/dist/components/ToggleButton/ToggleButton.stories.d.ts

@@ -19,13 +19,13 @@ declare const meta: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "viewDay", "visibility", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
         };
         endIcon: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "viewDay", "visibility", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
         };
     };
 };

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts

@@ -50,7 +50,7 @@ export declare const Default: {
         children?: import("react").ReactNode;
         disabled?: boolean | undefined;
         density?: "compact" | "regular" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         color?: "dark" | "grey" | "purple" | undefined;
         type: "single";
         value?: string | undefined;
@@ -59,7 +59,7 @@ export declare const Default: {
         children?: import("react").ReactNode;
         disabled?: boolean | undefined;
         density?: "compact" | "regular" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         color?: "dark" | "grey" | "purple" | undefined;
         type: "multiple";
         value?: string[] | undefined;