@prismicio/editor-ui 0.4.22 → 0.4.24

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

@@ -1,9 +1,26 @@
 import type { ReactNode } from "react";
+import { type IconName } from "../Icon";
+type Colors = "error" | "default";
 type Props = {
     title: string;
     subtitle?: ReactNode;
-    footerButtons?: ReactNode;
     onClose?: () => void;
+    color?: Colors;
+    footerButtons?: FooterButtons;
 };
-export declare function Alert({ title, subtitle, footerButtons, onClose }: Props): JSX.Element;
+export interface FooterButtons {
+    /** Dismiss button in the footer, displayed first */
+    dismiss?: {
+        text: string;
+        onClick?: () => void;
+    };
+    /** Main action button in the footer, displayed second */
+    action?: {
+        text: string;
+        onClick: () => void;
+        /** Icon displayed on the right of the button, defaults to arrowForward */
+        icon?: IconName;
+    };
+}
+export declare function Alert(props: Props): JSX.Element;
 export {};

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

@@ -1,21 +1,23 @@
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     title: string;
     subtitle?: import("react").ReactNode;
-    footerButtons?: import("react").ReactNode;
     onClose?: (() => void) | undefined;
+    color?: ("default" | "error") | undefined;
+    footerButtons?: import("./Alert").FooterButtons | undefined;
 }>;
 export default _default;
 export declare const Default: {
     render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
         title: string;
         subtitle?: import("react").ReactNode;
-        footerButtons?: import("react").ReactNode;
         onClose?: (() => void) | undefined;
+        color?: ("default" | "error") | undefined;
+        footerButtons?: import("./Alert").FooterButtons | undefined;
     }>;
     args: {
         title: string;
         subtitle: string;
-        onClose: () => null;
+        onClose: () => void;
     };
     name: string;
 };

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

@@ -1,14 +1,10 @@
 import { type ReactNode, type RefObject } from "react";
-import type { IconName } from "../Icon";
+import { type FooterButtons } from ".";
 export interface AlertConfig {
     id?: string;
     title: string;
     subtitle: ReactNode;
-    buttons?: {
-        text: string;
-        onClick: () => void;
-        icon?: IconName;
-    }[];
+    buttons?: FooterButtons;
     onRetry?: () => void;
 }
 interface AlertContext {

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

@@ -1,2 +1,2 @@
-export { Alert } from "./Alert";
+export { Alert, type FooterButtons } from "./Alert";
 export { type AlertConfig, AlertProvider, useAlert } from "./AlertContext";

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,5 +1,8 @@
 import { type KeyboardEvent, type ReactNode } from "react";
 import type { SX, ThemeKeys } from "../../theme/new";
+/**
+ * Flexible base Input, provided with no height or block padding.
+ */
 export interface BaseInputProps {
     autoComplete?: string;
     id?: string;

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"];
         };
     };
 };
@@ -23,8 +23,8 @@ export declare const Default: {
         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/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"];
 }
 /**
@@ -42,6 +47,7 @@ type ActionsProps = {
     cancel?: {
         text: string;
     };
+    link?: ReactNode;
     /**
      * If true, the actions will be rendered in the dialog grid area `footer`.
      */

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/FormInput.css.d.ts

@@ -1,8 +1,4 @@
-export declare const input: {
-    small: string;
-    medium: string;
-    large: string;
-};
+export declare const input: string;
 export declare const inputPadding: {
     normal: string;
     withIcon: string;

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

@@ -1,7 +1,6 @@
 import { type ClipboardEventHandler, type KeyboardEventHandler } from "react";
 import type { SX } from "../../theme/new";
 import { type IconName } from "../Icon";
-import * as styles from "./FormInput.css";
 export interface FormInputProps {
     type?: "text" | "email" | "password";
     disabled?: boolean;
@@ -9,7 +8,6 @@ export interface FormInputProps {
     placeholder?: string;
     value: string;
     error?: boolean;
-    size?: keyof typeof styles.input;
     icon?: IconName;
     autoComplete?: AutoCompleteValue;
     sx?: SX;

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

@@ -1,5 +1 @@
-interface Props {
-    pulse?: boolean;
-}
-export declare const PrismicLogo: import("react").MemoExoticComponent<({ pulse }: Props) => JSX.Element>;
-export {};
+export declare const PrismicLogo: import("react").MemoExoticComponent<() => JSX.Element>;

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/SearchInput/SearchInput.d.ts

@@ -1,8 +1,10 @@
+import type { SX } from "../../theme/new";
 export interface SearchInputProps {
     value: string;
     placeholder?: string;
     maxLength?: number;
     isLoading?: boolean;
+    sx?: SX;
     onValueChange: (value: string) => void;
 }
 export declare function SearchInput(props: SearchInputProps): JSX.Element;

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

@@ -1,12 +1,68 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Select").SelectProps<string>>;
-export default _default;
+import { Select } from "./Select";
+declare const meta: {
+    title: string;
+    component: typeof Select;
+    argTypes: {
+        autoComplete: {
+            control: {
+                type: string;
+            };
+        };
+        children: {
+            control: {
+                disable: boolean;
+            };
+        };
+        id: {
+            control: {
+                type: string;
+            };
+        };
+        name: {
+            control: {
+                type: string;
+            };
+        };
+        onValueChange: {};
+        value: {};
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        color: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        constrainContentWidth: {
+            control: {
+                type: string;
+            };
+        };
+        side: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        sideOffset: {
+            control: {
+                type: string;
+                step: number;
+            };
+        };
+    };
+};
+export default meta;
 export declare const Default: {
     args: {
         children: JSX.Element;
-        disabled: boolean;
+        disabled: false;
         placeholder: string;
-        size: string;
-        variant: string;
+        size: "medium";
     };
     name: string;
 };

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/Switch/Switch.d.ts

@@ -1,8 +1,7 @@
 import type { SX } from "../../theme/new";
-import * as styles from "./Switch.css";
 export interface SwitchProps {
     id?: string;
-    size?: keyof typeof styles.size;
+    size?: "small" | "medium";
     disabled?: boolean;
     checked?: boolean;
     sx?: SX;

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

@@ -1,10 +1,28 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Switch").SwitchProps>;
-export default _default;
+import { Switch } from "./Switch";
+declare const meta: {
+    title: string;
+    component: typeof Switch;
+    argTypes: {
+        id: {
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        onCheckedChange: {};
+    };
+};
+export default meta;
 export declare const Default: {
     args: {
-        checked: boolean;
-        disabled: boolean;
-        size: string;
+        checked: false;
+        disabled: false;
+        size: "medium";
     };
     name: string;
 };

package/dist/components/TextLink/TextLink.css.d.ts

@@ -3,6 +3,6 @@ export declare const underline: string;
 export declare const inline: string;
 export declare const hoverColor: {
     readonly indigo11: "indigo10";
-    readonly grey11: "grey10";
+    readonly purple11: "purple10";
     readonly tomato11: "tomato10";
 };

package/dist/components/TextLink/TextLink.d.ts

@@ -2,9 +2,8 @@ export interface TextLinkProps {
     href: string;
     children: string;
     underline?: boolean;
-    color?: "grey11" | "indigo11" | "tomato11";
+    color?: "indigo11" | "purple11" | "tomato11";
     inline?: boolean;
-    onClick?: () => void;
 }
 /**
  * A basic link with a single line of text.

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;