@prismicio/editor-ui 0.4.12 → 0.4.14

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

@@ -1,23 +1,23 @@
-import type { CSSProperties, FC, PropsWithChildren, ReactNode } from "react";
+import type { PropsWithChildren, ReactNode } from "react";
+import { type SX } from "../../theme/util";
 import * as styles from "./Card.css";
-declare type CardProps = Readonly<{
+export interface CardProps {
     children?: ReactNode;
-    className?: string;
     color?: keyof typeof styles.color;
-    style?: CSSProperties;
     variant?: keyof typeof styles.variant;
-}>;
-export declare const Card: FC<CardProps>;
-export declare const CardHeader: FC<PropsWithChildren>;
-export declare const CardHeaderTitle: FC<PropsWithChildren>;
-declare type CardHeaderActionsProps = Readonly<{
+    sx?: SX;
+}
+export declare function Card(props: CardProps): JSX.Element;
+export declare function CardHeader(props: PropsWithChildren): JSX.Element;
+export declare function CardHeaderTitle(props: PropsWithChildren): JSX.Element;
+interface CardHeaderActionsProps {
     children?: ReactNode;
-    style?: CSSProperties;
-}>;
-export declare const CardHeaderActions: FC<CardHeaderActionsProps>;
-declare type CardContentProps = Readonly<{
+    sx?: SX;
+}
+export declare function CardHeaderActions(props: CardHeaderActionsProps): JSX.Element;
+interface CardContentProps {
     children?: ReactNode;
-    style?: CSSProperties;
-}>;
-export declare const CardContent: FC<CardContentProps>;
+    sx?: SX;
+}
+export declare function CardContent(props: CardContentProps): JSX.Element;
 export {};

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

@@ -1,19 +1,7 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<{
-    children?: import("react").ReactNode;
-    className?: string | undefined;
-    color?: "indigo2" | "grey1" | "grey2" | "grey3" | undefined;
-    style?: import("react").CSSProperties | undefined;
-    variant?: "dashed" | "selected" | "elevated" | "outlined" | undefined;
-}>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Card").CardProps>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Readonly<{
-        children?: import("react").ReactNode;
-        className?: string | undefined;
-        color?: "indigo2" | "grey1" | "grey2" | "grey3" | undefined;
-        style?: import("react").CSSProperties | undefined;
-        variant?: "dashed" | "selected" | "elevated" | "outlined" | undefined;
-    }>>;
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Card").CardProps>;
     args: {
         color: string;
         variant: string;

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

@@ -2,5 +2,3 @@ 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/CarouselItem.d.ts

@@ -1,5 +1,5 @@
-import { FC, Key } from "react";
-import { ImageProps } from "../Image/Image";
+import { type FC, type Key } from "react";
+import { type ImageProps } from "../Image/Image";
 export interface CarouselItemProps extends ImageProps {
     key: Key;
     isUpdating?: boolean;

package/dist/components/CircledIcon/CircledIcon.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from "../Icon";
+import { type IconName } from "../Icon";
 import * as styles from "./CircledIconStyles.css";
 export interface CircledIconProps {
     iconName: IconName;

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

@@ -1,2 +1,2 @@
-import { ColorAreaProps } from "@react-stately/color";
+import { type ColorAreaProps } from "@react-stately/color";
 export declare const ColorArea: (props: ColorAreaProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     value?: string;
     onValueChange: (value?: string) => void;
     "aria-labelledby": string;

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

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

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

@@ -1,5 +1,5 @@
 import { 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" | "initialCroppedAreaPixels">;
+type CropperProps = Pick<EasyCropperProps, "image" | "zoom" | "crop" | "aspect" | "onZoomChange" | "onCropChange" | "onCropAreaChange" | "initialCroppedAreaPixels">;
 export declare const Cropper: FC<CropperProps>;
 export {};

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

@@ -1,14 +1,14 @@
-declare type Orientation = "landscape" | "portrait";
+type Orientation = "landscape" | "portrait";
 declare const aspectRatioOptions: readonly ["1:1", "16:9", "4:3"];
-declare type AspectRatioOption = typeof aspectRatioOptions[number];
-declare type AspectRatio = [Orientation, AspectRatioOption];
-declare type CropArea = Readonly<{
+type AspectRatioOption = typeof aspectRatioOptions[number];
+type AspectRatio = [Orientation, AspectRatioOption];
+type CropArea = Readonly<{
     x: number;
     y: number;
     width: number;
     height: number;
 }>;
-declare type Props = Readonly<{
+type Props = Readonly<{
     image: string;
     crop: {
         x: number;

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

@@ -1,10 +1,16 @@
-declare type Mode = "date" | "date-time";
-declare type Props = {
-    readOnly?: boolean;
-    value?: string;
-    onValueChange: (value?: string) => void;
+import { type SX } from "../../theme/util";
+export type DateInputProps = {
+    value?: Date;
     mode: Mode;
+    readOnly?: boolean;
+    /**
+     * The minimum allowed date that a user may select.
+     */
+    minValue?: "tomorrow";
     "aria-labelledby": string;
+    sx?: SX;
+    onValueChange: (value?: Date) => void;
 };
-export declare const DateInput: ({ "aria-labelledby": ariaLabelledBy, readOnly, value, onValueChange, mode }: Props) => JSX.Element;
+type Mode = "date" | "date-time";
+export declare function DateInput(props: DateInputProps): JSX.Element;
 export {};

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

@@ -1,19 +1,7 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
-    readOnly?: boolean | undefined;
-    value?: string | undefined;
-    onValueChange: (value?: string | undefined) => void;
-    mode: "date" | "date-time";
-    "aria-labelledby": string;
-}>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./DateInput").DateInputProps>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        readOnly?: boolean | undefined;
-        value?: string | undefined;
-        onValueChange: (value?: string | undefined) => void;
-        mode: "date" | "date-time";
-        "aria-labelledby": string;
-    }>;
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./DateInput").DateInputProps>;
     args: {
         readOnly: boolean;
         mode: string;

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

@@ -1,3 +1,3 @@
 import type { DateValue } from "@internationalized/date";
-import { AriaDateFieldProps } from "@react-aria/datepicker";
+import { type AriaDateFieldProps } from "@react-aria/datepicker";
 export declare const DateSegments: (props: AriaDateFieldProps<DateValue>) => JSX.Element;

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

@@ -4,6 +4,10 @@ export declare const containerSize: {
     small: string;
 };
 export declare const container: string;
+export declare const containerPosition: {
+    center: string;
+    bottomRight: string;
+};
 export declare const header: string;
 export declare const closeButton: string;
 export declare const content: string;

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

@@ -6,6 +6,7 @@ export interface Custom {
     height: number | "auto";
 }
 export interface DialogProps {
+    modal?: boolean;
     trigger?: ReactNode;
     children?: ReactNode;
     open?: boolean;
@@ -13,6 +14,7 @@ export interface DialogProps {
     onAnimationEnd?: () => void;
     hasClose?: boolean;
     size?: keyof typeof styles.containerSize | "fullscreen" | Custom;
+    position?: keyof typeof styles.containerPosition;
 }
 /**
  * A Dialog rendered in document.body.
@@ -21,11 +23,12 @@ export interface DialogProps {
 export declare function Dialog(props: DialogProps): JSX.Element;
 interface DialogHeaderProps {
     icon?: IconName;
+    onIconClick?: () => void;
     title: string;
 }
 export declare const DialogHeader: FC<DialogHeaderProps>;
 export declare const DialogContent: FC<PropsWithChildren>;
-declare type ActionsProps = {
+type ActionsProps = {
     ok: {
         text: string;
         onClick: () => void;

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

@@ -20,6 +20,9 @@ export declare const Default: {
     render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Dialog").DialogProps>;
     args: {
         open: boolean;
+        modal: boolean;
+        size: string;
+        position: string;
         trigger: JSX.Element;
     };
     name: string;

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

@@ -1,5 +1,5 @@
 import type { DialogProps } from "./Dialog";
-declare type Props = {
+type Props = {
     onEscapeKeyDown: (evt: KeyboardEvent) => void;
 } & Pick<DialogProps, "open" | "onOpenChange" | "trigger" | "children" | "onAnimationEnd">;
 export declare function FullscreenDialog(props: Props): JSX.Element;

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { IconName } from "../../Icon";
+import { type IconName } from "../../Icon";
 export interface DialogOptionsProps {
     value?: string;
     onValueChange?: (newValue: string) => void;

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

@@ -10,4 +10,5 @@ export declare const docStatus: string;
 export declare const footer: string;
 export declare const previewImage: string;
 export declare const tags: string;
+export declare const tag: string;
 export declare const descriptionLoadingSkeleton: string;

package/dist/components/DocumentCard/DocumentCard.d.ts

@@ -1,3 +1,4 @@
+import type { FilterOption } from "../FilterField";
 export interface DocumentCardProps extends DocumentTypeBadgeProps, TitleProps, DescriptionProps, PreviewImageProps, FooterProps {
     onSelect: () => void;
     documentURL: string;
@@ -23,5 +24,6 @@ interface PreviewImageProps {
 interface FooterProps {
     tags: string[];
     loading?: boolean;
+    tagsFilter?: Set<FilterOption>;
 }
 export {};

package/dist/components/DocumentStatusBar/DocumentStatusBar.d.ts

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     status: "published" | "release" | "archived" | "unclassified";
 };
 export declare const DocumentStatusBar: ({ status }: Props) => JSX.Element;

package/dist/components/DocumentStatusDot/DocumentStatusDot.d.ts

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     status: "published" | "release" | "archived" | "unclassified";
 };
 export declare const DocumentStatusDot: ({ status }: Props) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { type ReactNode, MutableRefObject } from "react";
+import { type MutableRefObject, type ReactNode } from "react";
 export interface DropdownMenuProps {
     modal?: boolean;
     children: ReactNode;

package/dist/components/Embed/EmbedPreview.d.ts

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     url: string;
     thumbnail: {
         url: string;

package/dist/components/Embed/EmptyEmbed.d.ts

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     title: string;
 };
 export declare const EmptyEmbed: ({ title }: Props) => JSX.Element;

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

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     provider: string;
 };
 export declare const Icon: ({ provider }: Props) => JSX.Element;

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

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

package/dist/components/Field/Field.d.ts

@@ -1,5 +1,5 @@
 import { type PropsWithChildren, type ReactNode } from "react";
-import { IconName } from "../Icon";
+import { type IconName } from "../Icon";
 import * as styles from "./Field.css";
 export interface FieldProps {
     children?: ReactNode;

package/dist/components/FieldSet/FieldSet.d.ts

@@ -1,13 +1,13 @@
 import type { FC, ReactNode } from "react";
-declare type FieldSetProps = Readonly<{
+export interface FieldSetProps {
     children?: ReactNode;
     selected?: boolean;
     id?: string;
     name?: string;
-}>;
-export declare const FieldSet: FC<FieldSetProps>;
+    onFocus?: () => void;
+}
+export declare function FieldSet(props: FieldSetProps): JSX.Element;
 export interface FieldSetLegendProps {
     children?: ReactNode;
 }
 export declare const FieldSetLegend: FC<FieldSetLegendProps>;
-export {};

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

@@ -1,9 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<{
-    children?: import("react").ReactNode;
-    selected?: boolean | undefined;
-    id?: string | undefined;
-    name?: string | undefined;
-}>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./FieldSet").FieldSetProps>;
 export default _default;
 export declare const Default: {
     args: {

package/dist/components/FieldSet/FieldSet.utils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * The gap between each field.
+ */
+export declare const fieldSetGap: 16;

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

@@ -1 +1,2 @@
 export { FieldSet, FieldSetLegend } from "./FieldSet";
+export { fieldSetGap } from "./FieldSet.utils";

package/dist/components/FileUpload/FileDropZone/FileDropZone.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 export interface FileDropZoneProps {
     onFilesSelected: (files: File[]) => void;
     overlay: ReactNode;

package/dist/components/FileUpload/FileUpload.utils.d.ts

@@ -1 +1,5 @@
-export declare const validExtension = "image/";
+export declare const validExtensions: {
+    readonly imageNonSpecific: "image/";
+    readonly imageAll: "image/*";
+    readonly applicationPdf: "application/pdf";
+};

package/dist/components/FilterField/FilterField.d.ts

@@ -1,5 +1,5 @@
-import { IconName } from "../Icon";
-import { FilterOption } from "./useFilterField";
+import { type IconName } from "../Icon";
+import { type FilterOption } from "./useFilterField";
 export interface FilterFieldProps extends Omit<FooterProps, "searchText"> {
     open: boolean;
     setOpen: (open: boolean) => void;

package/dist/components/FilterField/useFilterField.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvent, RefObject } from "react";
+import { type KeyboardEvent, type RefObject } from "react";
 export interface FilterOption {
     id: string;
     label: string;
@@ -17,5 +17,6 @@ export declare function useFilterField(props: UseFilterFieldProps): {
     searchText: string;
     setSearchText: import("react").Dispatch<import("react").SetStateAction<string>>;
     isFieldLocked: boolean;
+    inputPlaceholder: string;
 };
 export {};

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

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

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

@@ -0,0 +1,14 @@
+import type { SX } from "../../theme/util";
+import type { DateInputProps } from "../DateInput/DateInput";
+export interface FormDateInputProps {
+    label: string;
+    value?: Date;
+    mode: DateInputProps["mode"];
+    /**
+     * The minimum allowed date that a user may select.
+     */
+    minValue?: "tomorrow";
+    sx?: SX;
+    onValueChange: (value?: Date) => void;
+}
+export declare function FormDateInput(props: FormDateInputProps): JSX.Element;

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

@@ -0,0 +1,7 @@
+export declare const root: string;
+export declare const field: string;
+export declare const fieldColor: {
+    normal: string;
+    error: string;
+    disabled: string;
+};

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

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+import { type SX } from "../../theme/util";
+export type FormFieldProps = {
+    children?: ReactNode;
+    disabled?: boolean;
+    error?: boolean;
+    sx?: SX;
+} & LabelProps;
+type LabelProps = {
+    label: string;
+    id: string;
+} | object;
+export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -1,14 +1,12 @@
-export declare const root: string;
-export declare const inputContainer: {
-    normal: string;
-    error: string;
-    disabled: string;
-};
 export declare const input: {
     small: string;
     medium: string;
     large: string;
 };
+export declare const inputPadding: {
+    normal: string;
+    withIcon: string;
+};
 export declare const inputColor: {
     error: string;
     normal: string;

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

@@ -1,16 +1,16 @@
-import type { KeyboardEventHandler } from "react";
-import { IconName } from "../Icon";
+import { type KeyboardEventHandler } from "react";
+import { type IconName } from "../Icon";
 import * as styles from "./FormInput.css";
-export interface FormBaseInputProps {
+export interface FormInputProps {
     type?: "text" | "email" | "password";
     disabled?: boolean;
     label?: string;
     placeholder?: string;
     value: string;
     error?: boolean;
-    onValueChange?: (value: string) => void;
     size?: keyof typeof styles.input;
     icon?: IconName;
     onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onValueChange?: (value: string) => void;
 }
-export declare function FormInput(props: FormBaseInputProps): JSX.Element;
+export declare function FormInput(props: FormInputProps): JSX.Element;

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

@@ -1,2 +1,3 @@
 export { Form } from "./Form";
+export { FormDateInput } from "./FormDateInput";
 export { FormInput } from "./FormInput";

package/dist/components/Gradient/Gradient.d.ts

@@ -1,4 +1,4 @@
-import { SX } from "../../theme/util";
+import { type SX } from "../../theme/util";
 export interface GradientProps {
     sx?: SX;
 }

package/dist/components/HairlineButton/HairlineButton.d.ts

@@ -1,6 +1,6 @@
 import { type MouseEvent } from "react";
-import { SX } from "../../theme/util";
-import { IconName } from "../Icon";
+import { type SX } from "../../theme/util";
+import { type IconName } from "../Icon";
 export interface HairlineButtonProps {
     icon: IconName;
     disabled?: boolean;

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

@@ -1,4 +1,5 @@
-import { ThemeColor } from "../../theme/colors";
+import { type ThemeColor } from "../../theme/colors";
+import { type SX } from "../../theme/util";
 import * as styles from "./Icon.css";
 import type { IconName } from "./iconNames";
 export interface IconProps {
@@ -6,5 +7,6 @@ export interface IconProps {
     color?: ThemeColor;
     name: IconName;
     size?: keyof typeof styles.size;
+    sx?: SX;
 }
 export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

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

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

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

@@ -1,5 +1,4 @@
-import { FC } from "react";
-export declare type ImageProps = Readonly<{
+export interface ImageProps {
     src: string;
     alt?: string;
     loading?: "eager" | "lazy";
@@ -9,6 +8,6 @@ export declare type ImageProps = Readonly<{
     boxShadow?: "3";
     animateOnLoad?: boolean;
     onLoad?: () => void;
-}>;
-export declare const ImageComponent: FC<ImageProps>;
-export declare const SuspenseImage: FC<ImageProps>;
+}
+export declare function ImageComponent(props: ImageProps): JSX.Element;
+export declare function SuspenseImage(props: ImageProps): JSX.Element;

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

@@ -1,27 +1,7 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<{
-    src: string;
-    alt?: string | undefined;
-    loading?: "eager" | "lazy" | undefined;
-    decoding?: "auto" | "async" | "sync" | undefined;
-    sizing?: "contain" | "none" | "cover" | undefined;
-    borderRadius?: 0 | 4 | undefined;
-    boxShadow?: "3" | undefined;
-    animateOnLoad?: boolean | undefined;
-    onLoad?: (() => void) | undefined;
-}>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Image").ImageProps>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Readonly<{
-        src: string;
-        alt?: string | undefined;
-        loading?: "eager" | "lazy" | undefined;
-        decoding?: "auto" | "async" | "sync" | undefined;
-        sizing?: "contain" | "none" | "cover" | undefined;
-        borderRadius?: 0 | 4 | undefined;
-        boxShadow?: "3" | undefined;
-        animateOnLoad?: boolean | undefined;
-        onLoad?: (() => void) | undefined;
-    }>>;
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Image").ImageProps>;
     args: {
         src: string;
         alt: string;

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

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