@prismicio/editor-ui 0.4.61 → 0.4.62-alpha.jp-table-render-default-layout.1

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

@@ -1,430 +1,26 @@
-import type { Meta } from "@storybook/react";
-import type { PropsWithChildren } from "react";
-import type { SeparatorProps } from "../Separator/Separator";
-import { ActionList, type ActionListItemProps, type ActionListProps } from "./ActionList";
-declare const meta: Meta<typeof ActionList>;
-export default meta;
-export declare const Default: {
-    args: {
-        variant: "bordered";
-        gap: 8;
-        items: ({
-            startIcon: "add";
-            description: string;
-            children: string;
-            endIcon?: undefined;
-            endAdornment?: undefined;
-            color?: undefined;
-            disabled?: undefined;
-            selected?: undefined;
-        } | {
-            startIcon: "add";
-            endIcon: "folder";
-            description: string;
-            children: string;
-            endAdornment?: undefined;
-            color?: undefined;
-            disabled?: undefined;
-            selected?: undefined;
-        } | {
-            startIcon: "add";
-            description: string;
-            endAdornment: JSX.Element;
-            children: string;
-            endIcon?: undefined;
-            color?: undefined;
-            disabled?: undefined;
-            selected?: undefined;
-        } | {
-            color: "tomato";
-            startIcon: "add";
-            endIcon: "folder";
-            description: string;
-            endAdornment: JSX.Element;
-            children: string;
-            disabled?: undefined;
-            selected?: undefined;
-        } | {
-            disabled: true;
-            startIcon: "add";
-            description: string;
-            children: string;
-            endIcon?: undefined;
-            endAdornment?: undefined;
-            color?: undefined;
-            selected?: undefined;
-        } | {
-            color: "tomato";
-            disabled: true;
-            startIcon: "add";
-            description: string;
-            children: string;
-            endIcon?: undefined;
-            endAdornment?: undefined;
-            selected?: undefined;
-        } | {
-            startIcon: "add";
-            description: string;
-            children: string;
-            selected: true;
-            disabled: true;
-            endIcon?: undefined;
-            endAdornment?: undefined;
-            color?: undefined;
-        } | {
-            startIcon: "add";
-            description: string;
-            children: string;
-            selected: true;
-            endIcon?: undefined;
-            endAdornment?: undefined;
-            color?: undefined;
-            disabled?: undefined;
-        })[];
-    };
-    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
-        variant?: import("./ActionList").ActionListVariant | undefined;
-        gap?: 0 | 4 | 8 | undefined;
-        sx?: import("../../theme").SX | undefined;
-        children?: import("react").ReactNode;
-        items: ActionListItemProps[];
-    }>[] | undefined;
-    parameters?: import("@storybook/types").Parameters | undefined;
-    argTypes?: Partial<import("@storybook/types").ArgTypes<ActionListProps & {
-        items: ActionListItemProps[];
-    }>> | undefined;
-    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }> | undefined;
-    name?: string | undefined;
-    storyName?: string | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }> | undefined;
-    tags?: string[] | undefined;
-    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }, Partial<ActionListProps & {
-        items: ActionListItemProps[];
-    }>>, "story"> | undefined;
-};
-export declare const WithProgress: {
-    name: string;
-    args: {
-        variant: "bordered";
-        gap: 8;
-        items: ({
-            completed: true;
-            description: string;
-            endAdornment: JSX.Element;
-            children: string;
-        } | {
-            completed: false;
-            description: string;
-            endAdornment: JSX.Element;
-            children: string;
-        })[];
-    };
-    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
-        variant?: import("./ActionList").ActionListVariant | undefined;
-        gap?: 0 | 4 | 8 | undefined;
-        sx?: import("../../theme").SX | undefined;
-        children?: import("react").ReactNode;
-        items: ActionListItemProps[];
-    }>[] | undefined;
-    parameters?: import("@storybook/types").Parameters | undefined;
-    argTypes?: Partial<import("@storybook/types").ArgTypes<ActionListProps & {
-        items: ActionListItemProps[];
-    }>> | undefined;
-    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }> | undefined;
-    storyName?: string | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }> | undefined;
-    tags?: string[] | undefined;
-    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }, Partial<ActionListProps & {
-        items: ActionListItemProps[];
-    }>>, "story"> | undefined;
-};
-export declare const WithReadonlyProgress: {
-    args: {
-        variant: "bordered";
-        gap: 8;
-        items: ({
-            completed: true;
-            description: string;
-            readOnly: true;
-            children: string;
-        } | {
-            completed: false;
-            description: string;
-            readOnly: true;
-            children: string;
-        })[];
-    };
-    name: string;
-    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
-        variant?: import("./ActionList").ActionListVariant | undefined;
-        gap?: 0 | 4 | 8 | undefined;
-        sx?: import("../../theme").SX | undefined;
-        children?: import("react").ReactNode;
-        items: ActionListItemProps[];
-    }>[] | undefined;
-    parameters?: import("@storybook/types").Parameters | undefined;
-    argTypes?: Partial<import("@storybook/types").ArgTypes<ActionListProps & {
-        items: ActionListItemProps[];
-    }>> | undefined;
-    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }> | undefined;
-    storyName?: string | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }> | undefined;
-    tags?: string[] | undefined;
-    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ActionListItemProps[];
-    }, Partial<ActionListProps & {
-        items: ActionListItemProps[];
-    }>>, "story"> | undefined;
-};
-export declare const NavigationMenu: {
-    parameters: {
-        controls: {
-            exclude: string[];
+import type { StoryObj } from "@storybook/react";
+import { ActionList } from "./ActionList";
+declare const meta: {
+    title: string;
+    component: typeof ActionList;
+    argTypes: {
+        variant: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
         };
-    };
-    args: {
-        gap: 4;
-        variant: "compact";
-        items: ({
-            component: "ActionListHeader";
-            children: JSX.Element;
-            backgroundColor?: undefined;
-            startIcon?: undefined;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListItem";
-            backgroundColor: "transparent";
-            startIcon: "prismic";
-            children: string;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListItem";
-            backgroundColor: "transparent";
-            startIcon: "checkBox";
-            children: string;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListItem";
-            backgroundColor: "transparent";
-            startIcon: "colorLens";
-            children: string;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListItem";
-            backgroundColor: "transparent";
-            startIcon: "search";
-            children: string;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListItem";
-            backgroundColor: "transparent";
-            startIcon: "language";
-            children: string;
-            endOverlay: JSX.Element;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "Separator";
-            style: "dashed";
-            sx: {
-                marginBlock: 20;
+        gap: {
+            control: {
+                type: "radio";
             };
-            children?: undefined;
-            backgroundColor?: undefined;
-            startIcon?: undefined;
-            endOverlay?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListLabel";
-            children: string;
-            backgroundColor?: undefined;
-            startIcon?: undefined;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListItem";
-            backgroundColor: "transparent";
-            startIcon: "database";
-            children: string;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListItem";
-            backgroundColor: "transparent";
-            startIcon: "folder";
-            children: string;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListItem";
-            backgroundColor: "transparent";
-            startIcon: "checkBox";
-            children: string;
-            selected: true;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListItem";
-            backgroundColor: "transparent";
-            startIcon: "multipleStop";
-            children: string;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-            renderEndIcon?: undefined;
-        } | {
-            component: "ActionListItem";
-            backgroundColor: "transparent";
-            startIcon: "colorLens";
-            children: string;
-            renderEndIcon: () => JSX.Element;
-            endOverlay?: undefined;
-            style?: undefined;
-            sx?: undefined;
-            selected?: undefined;
-        })[];
+            options: number[];
+        };
     };
-    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
-        variant?: import("./ActionList").ActionListVariant | undefined;
-        gap?: 0 | 4 | 8 | undefined;
-        sx?: import("../../theme").SX | undefined;
-        children?: import("react").ReactNode;
-        items: ((ActionListItemProps & {
-            component: "ActionListItem";
-        }) | (PropsWithChildren & {
-            component: "ActionListLabel";
-        }) | (SeparatorProps & {
-            component: "Separator";
-        }) | (PropsWithChildren & {
-            component: "ActionListHeader";
-        }))[];
-    }>[] | undefined;
-    argTypes?: Partial<import("@storybook/types").ArgTypes<ActionListProps & {
-        items: ((ActionListItemProps & {
-            component: "ActionListItem";
-        }) | (PropsWithChildren & {
-            component: "ActionListLabel";
-        }) | (SeparatorProps & {
-            component: "Separator";
-        }) | (PropsWithChildren & {
-            component: "ActionListHeader";
-        }))[];
-    }>> | undefined;
-    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ((ActionListItemProps & {
-            component: "ActionListItem";
-        }) | (PropsWithChildren & {
-            component: "ActionListLabel";
-        }) | (SeparatorProps & {
-            component: "Separator";
-        }) | (PropsWithChildren & {
-            component: "ActionListHeader";
-        }))[];
-    }>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ((ActionListItemProps & {
-            component: "ActionListItem";
-        }) | (PropsWithChildren & {
-            component: "ActionListLabel";
-        }) | (SeparatorProps & {
-            component: "Separator";
-        }) | (PropsWithChildren & {
-            component: "ActionListHeader";
-        }))[];
-    }> | undefined;
-    name?: string | undefined;
-    storyName?: string | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ((ActionListItemProps & {
-            component: "ActionListItem";
-        }) | (PropsWithChildren & {
-            component: "ActionListLabel";
-        }) | (SeparatorProps & {
-            component: "Separator";
-        }) | (PropsWithChildren & {
-            component: "ActionListHeader";
-        }))[];
-    }> | undefined;
-    tags?: string[] | undefined;
-    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ActionListProps & {
-        items: ((ActionListItemProps & {
-            component: "ActionListItem";
-        }) | (PropsWithChildren & {
-            component: "ActionListLabel";
-        }) | (SeparatorProps & {
-            component: "Separator";
-        }) | (PropsWithChildren & {
-            component: "ActionListHeader";
-        }))[];
-    }, Partial<ActionListProps & {
-        items: ((ActionListItemProps & {
-            component: "ActionListItem";
-        }) | (PropsWithChildren & {
-            component: "ActionListLabel";
-        }) | (SeparatorProps & {
-            component: "Separator";
-        }) | (PropsWithChildren & {
-            component: "ActionListHeader";
-        }))[];
-    }>>, "story"> | undefined;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithProgress: Story;
+export declare const WithReadonlyProgress: Story;
+export declare const NavigationMenu: Story;

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

@@ -6,18 +6,18 @@ declare const meta: {
     tags: string[];
     argTypes: {
         icon: {
-            control: string;
+            control: "select";
             options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
         color: {
-            control: string;
+            control: "select";
             options: string[];
         };
         titleLoading: {
-            control: string;
+            control: "boolean";
         };
         noShadow: {
-            control: string;
+            control: "boolean";
         };
     };
 };

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

@@ -32,24 +32,24 @@ export declare const Default: {
     argTypes: {
         children: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         enterDuration: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         exitDuration: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         animation: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
             mapping: {

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

@@ -30,34 +30,34 @@ export declare const Default: {
     argTypes: {
         children: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         items: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         ariaLabel: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         gap: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         direction: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         animationDuration: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };

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

@@ -1,13 +1,35 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Avatar").AvatarProps>;
-export default _default;
-export declare const Default: {
-    args: {
-        firstName: string;
-        lastName: string;
-        imageUrl: string;
-        hasBorder: boolean;
-        size: number;
-        variant: string;
+import type { StoryObj } from "@storybook/react";
+import { Avatar } from "./Avatar";
+declare const meta: {
+    title: string;
+    component: typeof Avatar;
+    argTypes: {
+        imageUrl: {
+            control: {
+                type: "radio";
+            };
+            options: (string | undefined)[];
+        };
+        hasBorder: {
+            control: {
+                type: "boolean";
+            };
+            defaultValue: boolean;
+        };
+        size: {
+            control: {
+                type: "radio";
+            };
+            options: number[];
+        };
+        variant: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+        };
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -4,16 +4,21 @@ declare const meta: {
     component: typeof BackgroundIcon;
     argTypes: {
         color: {
-            control: string;
+            control: "select";
             options: string[];
         };
         name: {
-            control: string;
+            control: "select";
             options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
-        size: import("@storybook/types").InputType | undefined;
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
         variant: {
-            control: string;
+            control: "select";
             options: string[];
         };
     };

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

@@ -1,14 +1,34 @@
 /// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Badge").BadgeProps & import("react").RefAttributes<HTMLDivElement>>;
-export default _default;
-export declare const Default: {
-    args: {
-        title: string;
-        color: string;
-        size: string;
-        onClose: () => undefined;
-        icon: string;
-        selected: boolean;
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: (props: import("./Badge").BadgeProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    argTypes: {
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        icon: {
+            control: {
+                type: "select";
+            };
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+        };
+        onClose: {
+            control: {
+                type: "boolean";
+            };
+        };
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;