@prismicio/editor-ui 0.1.0-rc.2 → 0.1.0-rc.4

package/README.md

@@ -1 +1,9 @@
 # editor-ui
+
+## How to add a new SVG icon
+
+1. Export the SVG icon from [Figma](https://www.figma.com/file/V5pub1BwPMJGY52YHmhTmX/Prismic---Design-System?node-id=46%3A2811). It should always be the variant with a viewbox of 24x24.
+2. Move the file to `src/icons` and rename it with the official Material name: https://fonts.google.com/icons but with a lower camel case name.
+3. You can repeat 1. and 2. as many times as needed.
+4. Run `deno task update-icons`.
+5. Check that your icon is visible in Storybook.

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

@@ -1,9 +1,9 @@
-import type { FC } from "react";
+import type { FC, ReactNode } from "react";
 import * as styles from "./Badge.css";
 declare type Props = Readonly<{
-    children?: string | undefined;
-    size?: keyof typeof styles.size | undefined;
-    color?: keyof typeof styles.color | undefined;
+    children?: ReactNode;
+    color?: keyof typeof styles.color;
+    size?: keyof typeof styles.size;
 }>;
 export declare const Badge: FC<Props>;
 export {};

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

@@ -1,12 +1,12 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").FC<Readonly<{
-    children?: string | undefined;
-    size?: "large" | undefined;
+    children?: import("react").ReactNode;
     color?: "grey" | undefined;
+    size?: "large" | undefined;
 }>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
-    children?: string | undefined;
-    size?: "large" | undefined;
+    children?: import("react").ReactNode;
     color?: "grey" | undefined;
+    size?: "large" | undefined;
 }>>>;

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

@@ -1,4 +1,5 @@
 export declare const base: string;
 export declare const root: string;
 export declare const input: string;
+export declare const startAdornment: string;
 export declare const endAdornment: string;

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

@@ -1,16 +1,17 @@
 import type { ChangeEvent, FC, FocusEvent, ReactNode } from "react";
 declare type BaseInputProps = Readonly<{
-    autoComplete?: string | undefined;
-    className?: string | undefined;
-    endAdornment?: ReactNode | undefined;
-    id?: string | undefined;
-    inputMode?: "decimal" | "text" | undefined;
-    name?: string | undefined;
-    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
-    onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-    placeholder?: string | undefined;
-    readOnly?: boolean | undefined;
-    value?: string | undefined;
+    autoComplete?: string;
+    className?: string;
+    endAdornment?: ReactNode;
+    id?: string;
+    inputMode?: "decimal" | "text";
+    name?: string;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    startAdornment?: ReactNode;
+    value?: string;
 }>;
 export declare const BaseInput: FC<BaseInputProps>;
 export {};

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

@@ -10,6 +10,7 @@ declare const _default: ComponentMeta<import("react").FC<Readonly<{
     onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
+    startAdornment?: import("react").ReactNode;
     value?: string | undefined;
 }>>>;
 export default _default;
@@ -24,5 +25,6 @@ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
     onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
+    startAdornment?: import("react").ReactNode;
     value?: string | undefined;
 }>>>;

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

@@ -0,0 +1,11 @@
+export declare const root: string;
+export declare const icon: string;
+export declare const image: string;
+export declare const iconChildren: string;
+export declare const title: string;
+export declare const titleSizeVariant: {
+    regular: string;
+    big: string;
+};
+export declare const description: string;
+export declare const actions: string;

package/dist/components/BlankSlate/BlankSlate.d.ts

@@ -0,0 +1,20 @@
+import type { ChildrenProps } from "@prismicio/editor-support/React";
+import type { CSSProperties, FC } from "react";
+import { type IconName } from "../Icon";
+import * as styles from "./BlankSlate.css";
+export interface BlankSlateProps extends ChildrenProps {
+    style?: CSSProperties;
+}
+export declare const BlankSlate: FC<BlankSlateProps>;
+declare type BlankSlateIconProps = Readonly<{
+    name: IconName;
+}>;
+export declare const BlankSlateIcon: FC<BlankSlateIconProps>;
+export interface BlankSlateTitleProps extends ChildrenProps {
+    size?: keyof typeof styles.titleSizeVariant;
+}
+export declare const BlankSlateTitle: FC<BlankSlateTitleProps>;
+export declare const BlankSlateDescription: FC<ChildrenProps>;
+export declare const BlankSlateImage: FC<ChildrenProps>;
+export declare const BlankSlateActions: FC<ChildrenProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").FC<import("./BlankSlate").BlankSlateProps>>;
+export default _default;
+export declare const Default: ComponentStoryFn<import("react").FC<import("./BlankSlate").BlankSlateProps>>;

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

@@ -0,0 +1 @@
+export { BlankSlate, BlankSlateActions, BlankSlateDescription, BlankSlateIcon, BlankSlateImage, BlankSlateTitle } from "./BlankSlate";

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

@@ -1,6 +1,6 @@
 export declare const root: string;
 export declare const iconOnly: string;
-export declare const size: Record<"small" | "medium" | "large", string>;
+export declare const size: Record<"medium" | "large" | "small", string>;
 export declare const variant: Record<"primary" | "secondary" | "tertiary", string>;
 export declare const iconVariant: {
     primary: string;

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

@@ -1,12 +1,11 @@
 import { type MouseEvent, type ReactNode } from "react";
-import * as styles from "./Button.css";
 export declare const Button: import("react").ForwardRefExoticComponent<Readonly<{
-    children?: ReactNode | undefined;
+    children?: ReactNode;
     className?: string | undefined;
     disabled?: boolean | undefined;
-    endIcon?: ReactNode | undefined;
+    endIcon?: ReactNode;
     onClick?: ((event: MouseEvent) => void) | undefined;
-    size?: keyof typeof styles.size | undefined;
-    startIcon?: ReactNode | undefined;
-    variant?: keyof typeof styles.variant | undefined;
+    size?: "medium" | "large" | "small" | undefined;
+    startIcon?: ReactNode;
+    variant?: "primary" | "secondary" | "tertiary" | undefined;
 }> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -5,7 +5,7 @@ declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
     disabled?: boolean | undefined;
     endIcon?: import("react").ReactNode;
     onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    size?: "medium" | "large" | "small" | undefined;
     startIcon?: import("react").ReactNode;
     variant?: "primary" | "secondary" | "tertiary" | undefined;
 }> & import("react").RefAttributes<HTMLButtonElement>>>;
@@ -16,7 +16,7 @@ export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticC
     disabled?: boolean | undefined;
     endIcon?: import("react").ReactNode;
     onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    size?: "medium" | "large" | "small" | undefined;
     startIcon?: import("react").ReactNode;
     variant?: "primary" | "secondary" | "tertiary" | undefined;
 }> & import("react").RefAttributes<HTMLButtonElement>>>;

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

@@ -1,8 +1,7 @@
 import { type ReactNode } from "react";
 import type * as buttonStyles from "../Button/Button.css";
-import * as buttonGroupStyles from "./ButtonGroup.css";
 declare type ButtonGroupContextValue = Readonly<{
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     size: keyof typeof buttonStyles.size;
     variant: keyof typeof buttonStyles.variant;
 }>;
@@ -11,8 +10,9 @@ export declare const ButtonGroup: import("react").ForwardRefExoticComponent<Part
     size: keyof typeof buttonStyles.size;
     variant: keyof typeof buttonStyles.variant;
 }>> & Readonly<{
-    children?: ReactNode | undefined;
-    density?: keyof typeof buttonGroupStyles.density | undefined;
+    children?: ReactNode;
+    className?: string | undefined;
+    density?: "compact" | "regular" | undefined;
 }> & import("react").RefAttributes<HTMLDivElement>>;
 export declare function useButtonGroup(): ButtonGroupContextValue | undefined;
 export {};

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

@@ -1,18 +1,20 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Partial<Readonly<{
     disabled?: boolean | undefined;
-    size: "small" | "medium" | "large";
+    size: "medium" | "large" | "small";
     variant: "primary" | "secondary" | "tertiary";
 }>> & Readonly<{
     children?: import("react").ReactNode;
-    density?: "regular" | "compact" | undefined;
+    className?: string | undefined;
+    density?: "compact" | "regular" | undefined;
 }> & import("react").RefAttributes<HTMLDivElement>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<Partial<Readonly<{
     disabled?: boolean | undefined;
-    size: "small" | "medium" | "large";
+    size: "medium" | "large" | "small";
     variant: "primary" | "secondary" | "tertiary";
 }>> & Readonly<{
     children?: import("react").ReactNode;
-    density?: "regular" | "compact" | undefined;
+    className?: string | undefined;
+    density?: "compact" | "regular" | undefined;
 }> & import("react").RefAttributes<HTMLDivElement>>>;

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

@@ -4,11 +4,12 @@ export declare const variant: {
     elevated: string;
     outlined: string;
 };
-export declare const clickable: string;
-export declare const media: string;
-export declare const mediaComponent: Record<"iframe" | "img", string>;
-export declare const content: string;
-export declare const contentColor: {
+export declare const color: {
+    grey1: string;
     grey2: string;
     grey3: string;
 };
+export declare const header: string;
+export declare const headerTitle: string;
+export declare const headerActions: string;
+export declare const content: string;

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

@@ -1,28 +1,24 @@
-import { type FC, type IframeHTMLAttributes, type ImgHTMLAttributes, type MouseEvent, type ReactNode } from "react";
+import type { ChildrenProps } from "@prismicio/editor-support/React";
+import type { CSSProperties, FC, ReactNode } from "react";
 import * as styles from "./Card.css";
 declare type CardProps = Readonly<{
-    children?: ReactNode | undefined;
-    className?: string | undefined;
-    variant?: keyof typeof styles.variant | undefined;
-} & ({
-    clickable: true;
-    onClick?: ((event: MouseEvent) => void) | undefined;
-} | {
-    clickable?: false | undefined;
-    onClick?: undefined;
-})>;
+    children?: ReactNode;
+    className?: string;
+    color?: keyof typeof styles.color;
+    style?: CSSProperties;
+    variant?: keyof typeof styles.variant;
+}>;
 export declare const Card: FC<CardProps>;
-declare type CardMediaProps = Readonly<{
-    className?: string | undefined;
-} & (({
-    component: "iframe";
-} & IframeHTMLAttributes<HTMLIFrameElement>) | ({
-    component?: "img" | undefined;
-} & ImgHTMLAttributes<HTMLImageElement>))>;
-export declare const CardMedia: import("react").ForwardRefExoticComponent<CardMediaProps & import("react").RefAttributes<HTMLElement>>;
+export declare const CardHeader: FC<ChildrenProps>;
+export declare const CardHeaderTitle: FC<ChildrenProps>;
+declare type CardHeaderActionsProps = Readonly<{
+    children?: ReactNode;
+    style?: CSSProperties;
+}>;
+export declare const CardHeaderActions: FC<CardHeaderActionsProps>;
 declare type CardContentProps = Readonly<{
-    children?: ReactNode | undefined;
-    color?: keyof typeof styles.contentColor | undefined;
+    children?: ReactNode;
+    style?: CSSProperties;
 }>;
 export declare const CardContent: FC<CardContentProps>;
 export {};

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

@@ -2,31 +2,15 @@ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").FC<Readonly<{
     children?: import("react").ReactNode;
     className?: string | undefined;
+    color?: "grey2" | "grey1" | "grey3" | undefined;
+    style?: import("react").CSSProperties | undefined;
     variant?: "dashed" | "elevated" | "outlined" | undefined;
-} & {
-    clickable: true;
-    onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-}> | Readonly<{
-    children?: import("react").ReactNode;
-    className?: string | undefined;
-    variant?: "dashed" | "elevated" | "outlined" | undefined;
-} & {
-    clickable?: false | undefined;
-    onClick?: undefined;
 }>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
     children?: import("react").ReactNode;
     className?: string | undefined;
+    color?: "grey2" | "grey1" | "grey3" | undefined;
+    style?: import("react").CSSProperties | undefined;
     variant?: "dashed" | "elevated" | "outlined" | undefined;
-} & {
-    clickable: true;
-    onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-}> | Readonly<{
-    children?: import("react").ReactNode;
-    className?: string | undefined;
-    variant?: "dashed" | "elevated" | "outlined" | undefined;
-} & {
-    clickable?: false | undefined;
-    onClick?: undefined;
 }>>>;

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

@@ -1 +1 @@
-export { Card, CardContent, CardMedia } from "./Card";
+export { Card, CardContent, CardHeader, CardHeaderActions, CardHeaderTitle } from "./Card";

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

@@ -0,0 +1,7 @@
+export declare const checkerboard: string;
+export declare const root: string;
+export declare const direction: Record<"idle" | "prev" | "next", string>;
+export declare const button: string;
+export declare const buttonIcon: string;
+export declare const prevButton: string;
+export declare const nextButton: string;

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,10 @@
+import { type CSSProperties, type ReactElement, type ReactNode } from "react";
+export interface CarouselProps<ITEM> {
+    items: readonly ITEM[];
+    children: (item: ITEM, page: number) => ReactNode;
+    getItemSource: (item: ITEM) => string;
+    page: number;
+    onPageChange: (page: number) => void;
+    style?: CSSProperties;
+}
+export declare function Carousel<ITEM>(props: CarouselProps<ITEM>): ReactElement;

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

@@ -0,0 +1,5 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+import { Carousel } from "./Carousel";
+declare const _default: ComponentMeta<typeof Carousel>;
+export default _default;
+export declare const Default: ComponentStoryFn<typeof Carousel>;

package/dist/components/Carousel/CarouselItem.css.d.ts

@@ -0,0 +1,2 @@
+export declare const root: string;
+export declare const loadedAnimation: string;

package/dist/components/Carousel/CarouselItem.d.ts

@@ -0,0 +1,6 @@
+import { type FC, type ImgHTMLAttributes, type Key } from "react";
+interface CarouselItemProps extends ImgHTMLAttributes<HTMLImageElement> {
+    key: Key;
+}
+export declare const CarouselItem: FC<CarouselItemProps>;
+export {};

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

@@ -0,0 +1,2 @@
+export { Carousel } from "./Carousel";
+export { CarouselItem } from "./CarouselItem";

package/dist/components/ContentEditable/ContentEditable.d.ts

@@ -1,10 +1,10 @@
 import type { FC, ReactNode } from "react";
 declare type ContentEditableProps = Readonly<{
-    children?: ReactNode | undefined;
-    className?: string | undefined;
-    id?: string | undefined;
-    inField?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    children?: ReactNode;
+    className?: string;
+    id?: string;
+    inField?: boolean;
+    readOnly?: boolean;
 }>;
 export declare const ContentEditable: FC<ContentEditableProps>;
 export {};

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

@@ -0,0 +1,4 @@
+export declare const root: string;
+export declare const media: string;
+export declare const cropArea: string;
+export declare const cropperReady: string;

package/dist/components/Cropper/Cropper.d.ts

@@ -0,0 +1,7 @@
+import { type CSSProperties, type FC } from "react";
+import { type CropperProps as EasyCropperProps } from "react-easy-crop";
+declare type CropperProps = Pick<EasyCropperProps, "image" | "zoom" | "crop" | "aspect" | "onZoomChange" | "onCropChange" | "onCropAreaChange"> & {
+    style?: CSSProperties;
+};
+export declare const Cropper: FC<CropperProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").FC<Pick<import("react-easy-crop").CropperProps, "zoom" | "image" | "crop" | "aspect" | "onZoomChange" | "onCropChange" | "onCropAreaChange"> & {
+    style?: import("react").CSSProperties | undefined;
+}>>;
+export default _default;
+export declare const Default: ComponentStoryFn<import("react").FC<Pick<import("react-easy-crop").CropperProps, "zoom" | "image" | "crop" | "aspect" | "onZoomChange" | "onCropChange" | "onCropAreaChange"> & {
+    style?: import("react").CSSProperties | undefined;
+}>>;

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

@@ -0,0 +1 @@
+export { Cropper } from "./Cropper";

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

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const buttons: string;
+export declare const slider: string;

package/dist/components/CropperControls/CropperControls.d.ts

@@ -0,0 +1,11 @@
+declare type Props = Readonly<{
+    image: string;
+    onCropAreaChange: (cropArea: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => void;
+}>;
+export declare const CropperControls: ({ image, onCropAreaChange }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+declare const _default: ComponentMeta<({ image, onCropAreaChange }: Readonly<{
+    image: string;
+    onCropAreaChange: (cropArea: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => void;
+}>) => JSX.Element>;
+export default _default;
+export declare const Default: ComponentStoryFn<({ image, onCropAreaChange }: Readonly<{
+    image: string;
+    onCropAreaChange: (cropArea: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => void;
+}>) => JSX.Element>;

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

@@ -0,0 +1 @@
+export { CropperControls } from "./CropperControls";

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

@@ -1,6 +1,7 @@
-export declare const root: string;
-export declare const enter: string;
-export declare const exit: string;
+export declare const overlay: string;
+export declare const container: string;
+export declare const header: string;
+export declare const headerIcon: string;
 export declare const closeButton: string;
-export declare const media: string;
+export declare const menu: string;
 export declare const content: string;

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

@@ -1,18 +1,28 @@
-import { type FC, type ImgHTMLAttributes, type MouseEvent, type ReactNode } from "react";
-declare type DialogProps = Readonly<{
-    children?: ReactNode | undefined;
-    onClose?: ((event: MouseEvent) => void) | undefined;
-    open?: boolean | undefined;
-}>;
+import type { ChildrenProps } from "@prismicio/editor-support/React";
+import type { CSSProperties, FC, ReactNode } from "react";
+import { type IconName } from "../Icon";
+export interface DialogProps {
+    children?: ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * A Dialog rendered in document.body.
+ * The first focusable element found in DialogContainer will automatically be focused.
+ */
 export declare const Dialog: FC<DialogProps>;
-declare type DialogMediaProps = Readonly<{
-    className?: string | undefined;
-} & ({
-    component?: "img" | undefined;
-} & ImgHTMLAttributes<HTMLImageElement>)>;
-export declare const DialogMedia: FC<DialogMediaProps>;
+export declare const DialogContainer: FC<ChildrenProps>;
+export declare const DialogHeader: FC<ChildrenProps>;
+interface DialogHeaderIconProps {
+    name: IconName;
+}
+export declare const DialogHeaderIcon: FC<DialogHeaderIconProps>;
+export declare const DialogHeaderTitle: FC<ChildrenProps>;
+export declare const DialogMenu: FC<ChildrenProps>;
 declare type DialogContentProps = Readonly<{
-    children?: ReactNode | undefined;
+    children?: ReactNode;
+    style?: CSSProperties;
 }>;
 export declare const DialogContent: FC<DialogContentProps>;
+export declare const DialogTrigger: FC<ChildrenProps>;
 export {};

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

@@ -1,12 +1,4 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").FC<Readonly<{
-    children?: import("react").ReactNode;
-    onClose?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    open?: boolean | undefined;
-}>>>;
+declare const _default: ComponentMeta<import("react").FC<import("./Dialog").DialogProps>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
-    children?: import("react").ReactNode;
-    onClose?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    open?: boolean | undefined;
-}>>>;
+export declare const Default: ComponentStoryFn<import("react").FC<import("./Dialog").DialogProps>>;

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

@@ -1 +1 @@
-export { Dialog, DialogContent, DialogMedia } from "./Dialog";
+export { Dialog, DialogContainer, DialogContent, DialogHeader, DialogHeaderIcon, DialogHeaderTitle, DialogMenu, DialogTrigger } from "./Dialog";

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

@@ -0,0 +1,4 @@
+export declare const root: string;
+export declare const item: string;
+export declare const itemIcon: string;
+export declare const itemTexts: string;

package/dist/components/DialogOptions/DialogOptions.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+import { IconName } from "../Icon";
+declare type DialogOptionsProps = Readonly<{
+    value: string;
+    onValueChange: (newValue: string) => void;
+    children: ReactNode;
+}>;
+export declare const DialogOptions: ({ value, onValueChange, children }: DialogOptionsProps) => JSX.Element;
+declare type DialogOptionsItemProps = Readonly<{
+    value: string;
+    icon: IconName;
+    title: string;
+    subtitle: string;
+}>;
+export declare const DialogOptionsItem: ({ value, icon, title, subtitle }: DialogOptionsItemProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+declare const _default: ComponentMeta<({ value, onValueChange, children }: Readonly<{
+    value: string;
+    onValueChange: (newValue: string) => void;
+    children: import("react").ReactNode;
+}>) => JSX.Element>;
+export default _default;
+export declare const Default: ComponentStoryFn<({ value, onValueChange, children }: Readonly<{
+    value: string;
+    onValueChange: (newValue: string) => void;
+    children: import("react").ReactNode;
+}>) => JSX.Element>;

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

@@ -0,0 +1 @@
+export { DialogOptions, DialogOptionsItem } from "./DialogOptions";

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -7,9 +7,9 @@ export declare const DropdownMenuTrigger: FC<DropdownMenuTriggerProps>;
 declare type DropdownMenuContentProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuContentProps, "align" | "children" | "side">>;
 export declare const DropdownMenuContent: FC<DropdownMenuContentProps>;
 declare type DropdownMenuItemProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuItemProps, "children" | "disabled" | "onSelect" | "textValue"> & {
-    endIcon?: ReactNode | undefined;
-    shortcut?: ReactNode | undefined;
-    startIcon?: ReactNode | undefined;
+    endIcon?: ReactNode;
+    shortcut?: ReactNode;
+    startIcon?: ReactNode;
 }>;
 export declare const DropdownMenuItem: FC<DropdownMenuItemProps>;
 declare type DropdownMenuLabelProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuLabelProps, "children">>;

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

@@ -1,2 +1,2 @@
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger, } from "./DropdownMenu";
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger } from "./DropdownMenu";
 export * as dropdownMenuStyles from "./DropdownMenu.css";