@prismicio/editor-ui 0.4.49-alpha.feat-onboarding-guide.2 → 0.4.49

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

@@ -8,7 +8,7 @@ declare const meta: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
         };
     };
 };
@@ -16,6 +16,7 @@ export default meta;
 export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
+        asChild?: boolean | undefined;
         color?: "dark" | "white" | "green" | "grey" | "indigo" | "purple" | "tomato" | "darkGrey" | "amber" | undefined;
         size?: "small" | "medium" | "large" | undefined;
         disabled?: boolean | undefined;
@@ -23,22 +24,20 @@ export declare const Default: {
         textColor?: "link" | "placeholder" | undefined;
         flexContent?: boolean | undefined;
         textWeight?: "bold" | "normal" | undefined;
+        radius?: "normal" | "full" | undefined;
         sx?: import("../../theme").SX | undefined;
-        startIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "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" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
-        endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "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" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
+        startIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "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" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
+        endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "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" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
         renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         hotkeys?: import("react-hotkeys-hook").Keys | undefined;
-        onClick?: ((event: import("react").MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
-        onMouseEnter?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-        onMouseLeave?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         invisible?: boolean | undefined;
         hasPadding?: boolean | undefined;
         underline?: boolean | undefined;
         hiddenLabel?: string | undefined;
-        className?: string | undefined;
+        onClick?: ((event: import("react").MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
+        onMouseDown?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+        onMouseUp?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         ref?: import("react").Ref<HTMLButtonElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => JSX.Element;

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

@@ -35,7 +35,7 @@ export declare const Default: {
         disabled?: boolean | undefined;
         size?: "small" | "medium" | "large" | undefined;
         color?: "dark" | "grey" | "purple" | undefined;
-        density?: "regular" | "compact" | undefined;
+        density?: "compact" | "regular" | undefined;
         sx?: import("../../theme").SX | undefined;
         ref?: import("react").Ref<HTMLDivElement> | undefined;
         key?: import("react").Key | null | undefined;

package/dist/components/Calendar/Calendar.d.ts

@@ -3,6 +3,5 @@ export interface CalendarProps {
     minValue?: "today";
     value: DateValue | undefined;
     onValueChange: (value: DateValue) => void;
-    border?: boolean;
 }
 export declare function Calendar(props: CalendarProps): JSX.Element;

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

@@ -1,15 +1,15 @@
 import { type KeyboardEvent, type MouseEvent, type ReactNode } from "react";
-import { type SX } from "../../theme";
+import { type SX, type ThemeKeys } from "../../theme";
 import { type ImageProps } from "../Image";
 import { type TextProps } from "../Text";
 export interface CardProps {
     children?: ReactNode;
-    color?: "grey1" | "grey2" | "grey3" | "indigo2" | "purple1";
-    variant?: "animated-light" | "animated-dark" | "dashed" | "elevated" | "outlined" | "selected";
+    color?: "grey1" | "grey2" | "grey3" | "indigo2" | "purple1" | "purple2" | "tomato2";
+    variant?: "animated-light" | "animated-dark" | "dashed" | "elevated" | "highlighted" | "outlined" | "selected";
     radius?: 4 | 6;
     paddingBlock?: 0 | 8 | 12 | 16 | 28;
     paddingInline?: 0 | 16 | 24 | 32;
-    padding?: 0 | 16;
+    padding?: 0 | 12 | 16;
     sx?: SX;
     onSelect?: (event: MouseEvent | KeyboardEvent) => void;
     onClose?: () => void;
@@ -34,6 +34,7 @@ export declare function CardHeaderActions(props: CardHeaderActionsProps): JSX.El
 interface CardContentProps {
     children?: ReactNode;
     sx?: SX;
+    gap?: ThemeKeys<"space", 0 | 8 | 12>;
     padding?: 0 | 32;
 }
 export declare function CardContent(props: CardContentProps): JSX.Element;

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

@@ -32,12 +32,12 @@ export default meta;
 export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
-        color?: "grey1" | "grey2" | "grey3" | "indigo2" | "purple1" | undefined;
-        variant?: "dashed" | "selected" | "animated-light" | "animated-dark" | "elevated" | "outlined" | undefined;
+        color?: "grey1" | "grey2" | "grey3" | "indigo2" | "tomato2" | "purple1" | "purple2" | undefined;
+        variant?: "dashed" | "selected" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | undefined;
         radius?: 4 | 6 | undefined;
         paddingBlock?: 0 | 8 | 12 | 16 | 28 | undefined;
         paddingInline?: 0 | 16 | 24 | 32 | undefined;
-        padding?: 0 | 16 | undefined;
+        padding?: 0 | 12 | 16 | undefined;
         sx?: import("../../theme").SX | undefined;
         onSelect?: ((event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void) | undefined;
         onClose?: (() => void) | undefined;
@@ -51,3 +51,16 @@ export declare const Default: {
     };
     name: string;
 };
+export declare const ProgressCard: {
+    args: {
+        children: JSX.Element;
+        color: "purple2";
+        padding: 12;
+        variant: "highlighted";
+    };
+    parameters: {
+        controls: {
+            include: never[];
+        };
+    };
+};

package/dist/components/CircleIcon/CircleIcon.d.ts

@@ -0,0 +1,9 @@
+import { type IconProps } from "../Icon";
+export interface CircleIconProps {
+    color?: "grey" | "purple" | "tomato";
+    name: IconProps["name"];
+    size?: IconProps["size"];
+    sx?: IconProps["sx"];
+    variant?: "soft" | "solid";
+}
+export declare function CircleIcon(props: CircleIconProps): JSX.Element;

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

@@ -0,0 +1,30 @@
+import { CircleIcon } from "./CircleIcon";
+declare const meta: {
+    title: string;
+    component: typeof CircleIcon;
+    argTypes: {
+        color: {
+            control: string;
+            options: string[];
+        };
+        name: {
+            control: string;
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+        };
+        size: import("@storybook/types").InputType | undefined;
+        variant: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+export declare const Default: {
+    name: string;
+    args: {
+        color: "grey";
+        name: "add";
+        size: "small";
+        variant: "soft";
+    };
+};

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

@@ -0,0 +1 @@
+export { CircleIcon, type CircleIconProps } from "./CircleIcon";

package/dist/components/ComboBox/ComboBox.d.ts

@@ -14,6 +14,10 @@ interface ComboBoxContentProps {
      * @variant - detached
      */
     side?: "top" | "bottom";
+    /**
+     * Adds padding to the top and bottom of the content
+     */
+    paddingBlock?: 0 | 2 | 4;
 }
 export declare const ComboBoxContent: (props: ComboBoxContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 type ComboBoxItemProps = {

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

@@ -1,8 +1,8 @@
 import { type DialogContentProps as RadixDialogContentProps } from "@radix-ui/react-dialog";
-import { type ComponentProps, type ReactNode } from "react";
-import { Button } from "../Button";
+import { type ReactNode } from "react";
+import { type ButtonProps } from "../Button";
 import { type IconName } from "../Icon";
-import { Text } from "../Text";
+import { type TextProps } from "../Text";
 export interface Custom {
     width: number | string;
     height: number | string;
@@ -46,10 +46,10 @@ export declare function DialogContent(props: DialogContentProps): JSX.Element;
 export declare function DialogActions(props: {
     children: ReactNode;
 }): JSX.Element;
-interface DialogActionButtonProps extends ComponentProps<typeof Button> {
+interface DialogActionButtonProps extends ButtonProps {
     tooltipLabel?: string;
 }
 export declare function DialogActionButton(props: DialogActionButtonProps): JSX.Element;
-export declare function DialogActionLink(props: ComponentProps<typeof Text>): JSX.Element;
-export declare function DialogCancelButton(props: ComponentProps<typeof Button>): JSX.Element;
+export declare function DialogActionLink(props: TextProps): JSX.Element;
+export declare function DialogCancelButton(props: ButtonProps): JSX.Element;
 export {};

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

@@ -4,6 +4,7 @@ export interface ErrorBoundaryProps {
     children?: ReactNode;
     renderError?: (error: unknown, reset: () => void) => ReactNode;
     onError?: (error: unknown) => void;
+    onReset?: () => void;
 }
 interface State {
     error?: unknown;

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

@@ -1,2 +1,2 @@
 export { DefaultErrorMessage } from "./DefaultErrorMessage";
-export { ErrorBoundary } from "./ErrorBoundary";
+export { ErrorBoundary, type ErrorBoundaryProps } from "./ErrorBoundary";

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

@@ -1,2 +1,2 @@
-export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
 export type IconName = typeof iconNames[number];

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

@@ -1,3 +1,3 @@
-export { Icon } from "./Icon";
+export { Icon, type IconProps } from "./Icon";
 export type { IconName } from "./iconNames";
 export { PrismicLogo } from "./PrismicLogo";

package/dist/components/IconButton/IconButton.d.ts

@@ -8,14 +8,13 @@ export interface IconButtonProps {
     icon: IconName | JSX.Element;
     loading?: boolean;
     hotkeys?: Keys;
-    onClick?: (event: MouseEvent | KeyboardEvent) => void;
-    onMouseDown?: (event: MouseEvent) => void;
-    onMouseUp?: (event: MouseEvent) => void;
-    radius?: "full" | "medium";
+    radius?: "normal" | "full";
     size?: "small" | "medium" | "large";
     variant?: "solid" | "ghost";
     disabled?: boolean;
-    className?: string;
+    onClick?: (event: MouseEvent | KeyboardEvent) => void;
+    onMouseDown?: (event: MouseEvent) => void;
+    onMouseUp?: (event: MouseEvent) => void;
 }
 export declare const IconButton: (props: IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 type Color = "grey" | "darkGrey" | "green" | "amber" | "purple" | "tomato" | "indigo";

package/dist/components/Image/Image.d.ts

@@ -13,5 +13,5 @@ export interface ImageProps {
     onLoad?: () => void;
     background?: "transparent";
 }
-export declare function ImageComponent(props: ImageProps): JSX.Element;
+export declare function Image(props: ImageProps): JSX.Element;
 export declare function SuspenseImage(props: ImageProps): JSX.Element;

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

@@ -1 +1 @@
-export { ImageComponent as Image, type ImageProps, SuspenseImage } from "./Image";
+export { Image, type ImageProps, SuspenseImage } from "./Image";

package/dist/components/List/UnorderedList.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from "react";
 import type { SX } from "../../theme";
 export interface UnorderedListProps {
     children?: ReactNode;
+    density?: "regular" | "compact";
     sx?: SX;
 }
 export declare function UnorderedList(props: UnorderedListProps): JSX.Element;

package/dist/components/List/UnorderedList.stories.d.ts

@@ -16,6 +16,7 @@ export declare const Default: {
     name: string;
     render: (args: {
         children?: import("react").ReactNode;
+        density?: "compact" | "regular" | undefined;
         sx?: import("../../theme").SX | undefined;
     }) => JSX.Element;
     args: {

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { type ThemeKeys } from "../../theme";
+import { type SX, type ThemeKeys } from "../../theme";
 export interface ProgressBarProps {
     /**
      * The current value of the progress.
@@ -53,5 +53,6 @@ export interface ProgressBarProps {
      * @defaultValue "fast"
      */
     transition?: "slow" | "fast";
+    sx?: SX;
 }
 export declare function ProgressBar(props: ProgressBarProps): JSX.Element;

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

@@ -61,11 +61,12 @@ declare const meta: {
         max?: number | undefined;
         getValueLabel?: ((value: number, max: number) => string) | undefined;
         displayLabel?: boolean | undefined;
-        color?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato6" | "tomato7" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
-        backgroundColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato6" | "tomato7" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
-        labelColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato6" | "tomato7" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
+        color?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
+        backgroundColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
+        labelColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
         height?: "large" | "normal" | "collapsed" | undefined;
         transition?: "slow" | "fast" | undefined;
+        sx?: import("../../theme").SX | undefined;
     }>) => JSX.Element)[];
 };
 export default meta;

package/dist/components/Separator/Separator.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { SX } from "../../theme";
 export interface SeparatorProps {
+    color?: "grey" | "purple" | "tomato";
     /**
      * Either `vertical` or `horizontal`. Defaults to `horizontal`.
      */

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

@@ -3,6 +3,12 @@ declare const meta: {
     title: string;
     component: (props: import("./Separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
     argTypes: {
+        color: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
         orientation: {
             control: {
                 type: string;
@@ -21,6 +27,7 @@ export default meta;
 export declare const Default: {
     name: string;
     render: (args: {
+        color?: "grey" | "purple" | "tomato" | undefined;
         orientation?: "horizontal" | "vertical" | undefined;
         decorative?: boolean | undefined;
         style?: "dashed" | "solid" | undefined;
@@ -29,6 +36,7 @@ export declare const Default: {
         key?: import("react").Key | null | undefined;
     }) => JSX.Element;
     args: {
+        color: "grey";
         decorative: false;
         orientation: "horizontal";
         style: "solid";

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

@@ -21,6 +21,7 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
         flexShrink?: 0 | undefined;
         flexBasis?: 0 | undefined;
         flexWrap?: "wrap" | undefined;
+        order?: 0 | 2 | 1 | 3 | undefined;
         alignSelf?: "center" | "stretch" | "start" | "end" | undefined;
         justifySelf?: "center" | "stretch" | "start" | "end" | undefined;
         visibility?: "hidden" | "visible" | undefined;
@@ -35,6 +36,5 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
         left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
         right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
         bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        borderRadius?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
     };
 }, HTMLElement>;

package/dist/components/Slice/SliceCard.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import type { KeyboardEvent, MouseEvent, ReactNode } from "react";
 export interface SliceCardProps {
     id?: string;
     title: string;
@@ -8,6 +8,6 @@ export interface SliceCardProps {
     menuItems?: ReactNode;
     selected?: boolean;
     canMove?: boolean;
-    onSelect?: () => void;
+    onSelect?: (event: MouseEvent | KeyboardEvent) => void;
 }
 export declare function SliceCard(props: SliceCardProps): JSX.Element;

package/dist/components/Tab/Tab.d.ts

@@ -1,10 +1,13 @@
+import type { ReactNode } from "react";
 import type { SX } from "../../theme";
 export interface TabProps {
-    title: string;
+    children: ReactNode;
+    asChild?: boolean;
     selected?: boolean;
-    onSelect?: () => void;
     outline?: boolean;
-    background?: "transparent";
+    transparent?: boolean;
+    noWrap?: boolean;
     sx?: SX;
+    onClick?: () => void;
 }
 export declare function Tab(props: TabProps): JSX.Element;

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

@@ -1,10 +1,6 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Tab").TabProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Tab").TabProps>;
-    args: {
-        title: string;
-        selected: boolean;
-    };
-    name: string;
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { Tab } from "./Tab";
+type Story = StoryObj<typeof meta>;
+declare const meta: Meta<typeof Tab>;
+export default meta;
+export declare const Default: Story;

package/dist/components/TagField/TagFieldHeader.d.ts

@@ -16,6 +16,7 @@ interface TagsContainerProps {
     displayedTags: string[];
     extraTags: number;
     removeSelectedValue: (valueToDelete: string | LastItemLocation) => void;
+    open: boolean;
 }
-export declare function TagFieldHeaderContent({ displayedTags, extraTags, removeSelectedValue }: TagsContainerProps): JSX.Element;
+export declare function TagFieldHeaderContent({ displayedTags, extraTags, removeSelectedValue, open }: TagsContainerProps): JSX.Element;
 export {};

package/dist/components/Text/Text.d.ts

@@ -1,9 +1,9 @@
 import { type AnchorHTMLAttributes, type ReactNode } from "react";
 import { type SX, type ThemeKeys } from "../../theme";
 interface BaseTextProps {
+    display?: "inline-flex";
     align?: "inherit" | "start" | "center" | "end";
     children?: ReactNode;
-    className?: string;
     color?: ThemeKeys<"color">;
     component?: Component;
     noWrap?: boolean;
@@ -18,6 +18,8 @@ interface BaseTextProps {
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title
      */
     title?: string;
+    hyphens?: boolean;
+    overflowWrap?: "anywhere";
 }
 interface LinkProps extends BaseTextProps {
     href: string;

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

@@ -20,13 +20,13 @@ declare const meta: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
         };
         endIcon: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
         };
     };
 };

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

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

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

@@ -1,7 +1,8 @@
-import type { Args } from "@storybook/react";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Tooltip").TooltipProps>;
-export default _default;
+import type { Meta } from "@storybook/react";
+import { Tooltip } from "./Tooltip";
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Args>;
+    render: () => JSX.Element;
     name: string;
 };