@prismicio/editor-ui 0.4.51 → 0.4.52

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

@@ -1,24 +1,24 @@
 import { type ReactNode, type RefObject } from "react";
 import { type FooterButtons } from ".";
 import { type Colors } from "./Alert";
-export interface AlertConfig {
-    id?: string;
+export type AlertConfig = {
+id?: string;
     title: string;
     subtitle: ReactNode;
     buttons?: FooterButtons;
     onRetry?: () => void;
     color?: Colors;
 }
-interface AlertContext {
-    showAlert: (config: AlertConfig) => void;
+type AlertContext = {
+showAlert: (config: AlertConfig) => void;
     /** Useful to ignore click events when interacting with the alerts.
      *
      * E.g. if you don't want to close a dialog when dismissing an alert. */
     containerRef: RefObject<HTMLDivElement> | null;
 }
 declare const AlertContext: import("react").Context<AlertContext>;
-interface AlertProviderProps {
-    children: ReactNode;
+type AlertProviderProps = {
+children: ReactNode;
 }
 export declare function AlertProvider(props: AlertProviderProps): JSX.Element;
 export declare function useAlert(): AlertContext;

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

@@ -1,10 +1,10 @@
 import { type ReactElement } from "react";
 import { type SX, type ThemeKeys } from "../../theme";
-export interface AnimatedElementProps {
-    children: OnlyChild;
+export type AnimatedElementProps = {
+children: OnlyChild;
     animation?: {
         name: "fade";
-    } | {
+} | {
         name: "slide";
         offset?: number;
     } | {

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

@@ -8,7 +8,7 @@ export default meta;
 export declare const Default: {
     render: (args: {
         ariaLabel: string;
-        gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        gap?: 0 | 2 | 1 | 20 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
         direction?: "horizontal" | "vertical" | undefined;
         items: unknown[];
         getItemKey: (item: unknown) => string;

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

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
 export type DragPreviewRenderer = (draggedKey: string, callback: (element: HTMLElement) => void) => void;
-export interface DragPreviewProps {
-    direction: "horizontal" | "vertical";
+export type DragPreviewProps = {
+direction: "horizontal" | "vertical";
     children: (key: string) => ReactNode;
 }
 export declare const DragPreview: (props: DragPreviewProps & import("react").RefAttributes<DragPreviewRenderer>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -1,8 +1,8 @@
 import { type MouseEvent, type ReactNode } from "react";
 import type { SX } from "../../theme";
 import { type IconName } from "../Icon";
-export interface BadgeProps {
-    title: ReactNode;
+export type BadgeProps = {
+title: ReactNode;
     color?: "grey" | "green" | "amber" | "purple" | "tomato" | "indigo";
     size?: "large" | "medium" | "small";
     maxWidth?: 150 | 250;

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

@@ -3,8 +3,8 @@ import type { SX, ThemeKeys } from "../../theme";
 /**
  * Flexible base Input, provided with no height or block padding.
  */
-export interface BaseInputProps {
-    autoComplete?: string;
+export type BaseInputProps = {
+autoComplete?: string;
     id?: string;
     inputMode?: "decimal" | "text";
     name?: string;
@@ -36,19 +36,19 @@ export interface BaseInputProps {
      */
     autoFocus?: boolean;
 }
-interface Padding {
-    input?: PaddingInline | PaddingLeftRight;
+type Padding = {
+input?: PaddingInline | PaddingLeftRight;
     adornment?: {
         inline: ThemeKeys<"space">;
-    };
+};
 }
-interface PaddingInline {
-    inline: ThemeKeys<"space">;
+type PaddingInline = {
+inline: ThemeKeys<"space">;
     left?: never;
     right?: never;
 }
-interface PaddingLeftRight {
-    left?: ThemeKeys<"space">;
+type PaddingLeftRight = {
+left?: ThemeKeys<"space">;
     right?: ThemeKeys<"space">;
     inline?: never;
 }

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

@@ -13,7 +13,7 @@ interface BlankSlateIconProps {
     backgroundColor?: ThemeKeys<"color">;
     borderColor?: ThemeKeys<"color">;
     borderStyle?: CSSProperties["borderStyle"];
-    size?: "small" | "medium" | "large" | "xlarge";
+    size?: "small" | "medium" | 48 | "large" | "xlarge";
 }
 export declare function BlankSlateIcon(props: BlankSlateIconProps): JSX.Element;
 declare const titleSizeVariant: {

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

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
 import type { SX } from "../../theme";
-export interface ButtonGroupProps {
-    children?: ReactNode;
+export type ButtonGroupProps = {
+children?: ReactNode;
     disabled?: boolean;
     size?: "small" | "medium" | "large";
     color?: "grey" | "purple" | "dark";
@@ -9,8 +9,8 @@ export interface ButtonGroupProps {
     sx?: SX;
 }
 export declare const ButtonGroup: (props: ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-interface ButtonGroupContextValue {
-    disabled?: boolean;
+type ButtonGroupContextValue = {
+disabled?: boolean;
     size: "small" | "medium" | "large";
     color: "grey" | "dark" | "purple";
 }

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

@@ -33,7 +33,7 @@ export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
         color?: "grey1" | "grey2" | "grey3" | "indigo2" | "tomato2" | "purple1" | "purple2" | undefined;
-        variant?: "dashed" | "selected" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | undefined;
+        variant?: "dashed" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | "selected" | undefined;
         radius?: 4 | 6 | undefined;
         paddingBlock?: 0 | 8 | 12 | 16 | 28 | undefined;
         paddingInline?: 0 | 16 | 24 | 32 | undefined;

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

@@ -1,14 +1,14 @@
 import type { ReactNode } from "react";
-export interface PreviewCardProps {
-    children: ReactNode;
+export type PreviewCardProps = {
+children: ReactNode;
     /** Applies selected style, useful for the richtext field */
     selected?: boolean;
     variant?: "compact" | "large";
     onClick?: () => void;
 }
 export declare function PreviewCard(props: PreviewCardProps): JSX.Element;
-interface PreviewImageProps {
-    src: string;
+type PreviewImageProps = {
+src: string;
     alt?: string;
     aspectRatio?: "1:1" | "16:9";
     framed?: boolean;
@@ -16,8 +16,8 @@ interface PreviewImageProps {
     height?: number;
 }
 export declare function PreviewImage(props: PreviewImageProps): JSX.Element;
-interface PreviewContentProps {
-    children: ReactNode;
+type PreviewContentProps = {
+children: ReactNode;
 }
 export declare function PreviewContent(props: PreviewContentProps): JSX.Element;
 export {};

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -1,6 +1,6 @@
 export declare const supportedLanguages: readonly ["typescript", "tsx", "javascript", "jsx", "vue", "svelte", "plaintext", "json", "bash"];
-export interface CodeBlockProps {
-    title?: string;
+export type CodeBlockProps = {
+title?: string;
     language: typeof supportedLanguages[number];
     code: string;
     showLineNumbers?: boolean;

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

@@ -2,8 +2,8 @@ import { type ReactNode, type RefObject } from "react";
 import type { SX } from "../../theme";
 import { type IconProps } from "../Icon";
 type Variant = "attached" | "detached" | "detached-connected";
-export interface ComboBoxProps {
-    children: ReactNode;
+export type ComboBoxProps = {
+children: ReactNode;
     /**
      * Variant defines the appearance and behavior of the ComboBox
      * - "detached" - the dropdown is hiding or appearing according to user focus on the input
@@ -38,8 +38,8 @@ export interface ComboBoxProps {
     overlay?: boolean;
 }
 export declare const ComboBox: (props: ComboBoxProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-interface ComboBoxContentProps {
-    children: ReactNode;
+type ComboBoxContentProps = {
+children: ReactNode;
     /**
      * Adds padding to the top and bottom of the content
      */
@@ -70,8 +70,8 @@ type ComboBoxItemProps = {
     variant?: "default" | "action-list-item";
 };
 export declare const ComboBoxItem: (props: ComboBoxItemProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-interface ComboBoxInputProps {
-    value: string;
+type ComboBoxInputProps = {
+value: string;
     onValueChange: (search: string) => void;
     placeholder?: string;
     /**
@@ -88,8 +88,8 @@ interface ComboBoxInputProps {
     endAdornment?: boolean;
 }
 export declare const ComboBoxInput: (props: ComboBoxInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-interface ComboBoxActionProps {
-    children: ReactNode;
+type ComboBoxActionProps = {
+children: ReactNode;
 }
 export declare function ComboboxAction(props: ComboBoxActionProps): JSX.Element;
 export {};

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

@@ -1,10 +1,10 @@
 import { type KeyboardEvent, type RefObject } from "react";
-interface UseScrollIntoViewProps {
-    contentInnerRef: RefObject<HTMLDivElement>;
+type UseScrollIntoViewProps = {
+contentInnerRef: RefObject<HTMLDivElement>;
 }
 export declare function useScrollIntoView(props: UseScrollIntoViewProps): void;
-interface UseInternalSelectionProps {
-    contentInnerRef: RefObject<HTMLDivElement>;
+type UseInternalSelectionProps = {
+contentInnerRef: RefObject<HTMLDivElement>;
     inputInnerRef: RefObject<HTMLInputElement>;
 }
 export declare function useInternalSelection(props: UseInternalSelectionProps): {
@@ -19,8 +19,8 @@ export declare function useInternalSelection(props: UseInternalSelectionProps):
 };
 export declare function getValidItems(contentInnerRef: RefObject<HTMLDivElement>): Element[];
 export declare function getSelectedItem(contentInnerRef: RefObject<HTMLDivElement>): Element | null | undefined;
-interface UseSelectFirstArgs {
-    listIsOpen: boolean;
+type UseSelectFirstArgs = {
+listIsOpen: boolean;
     contentInnerRef: RefObject<HTMLDivElement>;
     onChangeInternalSelection: (value: string | undefined) => void;
 }

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

@@ -1,11 +1,12 @@
 import type { Editor } from "@tiptap/core";
-interface ContentEditableProps {
-    /** The raw text or HTML content */
+type ContentEditableProps = {
+/** The raw text or HTML content */
     content: string;
     /**
      * Bump the contentVersion when you need to reset/resync the content from the outside,
      * for instance when the content is a radically different thing.
-     * This is pretty much like <ContentEditable key={contentVersion} /> except the Tiptap Editor remains mounted and doesn't bug out/flicker.
+     * This is pretty much like <ContentEditable key={contentVersion
+} /> except the Tiptap Editor remains mounted and doesn't bug out/flicker.
      * tiptap doesn't officially support being controlled and it results in cursor/concurrency issues.
      * If you do contentVersion={content}, this is essentially like controlling the component
      * from the parent but it only works well for a readOnly ContentEditable.
@@ -21,8 +22,8 @@ interface ContentEditableProps {
     onBlur?: (editor: Editor) => void;
 }
 export declare function ContentEditable(props: ContentEditableProps): JSX.Element;
-interface Decorations {
-    em?: "normal" | "highlight";
+type Decorations = {
+em?: "normal" | "highlight";
     p?: "normal" | "emphasized";
 }
 export {};

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

@@ -1,14 +1,14 @@
 import { CalendarDate, type DateValue, type Time, ZonedDateTime } from "@internationalized/date";
 import { type AriaDateFieldProps } from "@react-aria/datepicker";
 import { type DateFieldState, type DateSegment } from "@react-stately/datepicker";
-interface DateSegmentsProps {
-    ariaDateFieldProps: AriaDateFieldProps<DateValue>;
+type DateSegmentsProps = {
+ariaDateFieldProps: AriaDateFieldProps<DateValue>;
     defaultTime?: Time;
     placeholderValue: CalendarDate | ZonedDateTime;
 }
 export declare function DateSegments(props: DateSegmentsProps): JSX.Element;
-interface SegmentProps {
-    segment: DateSegment;
+type SegmentProps = {
+segment: DateSegment;
     state: DateFieldState;
 }
 export declare function Segment(props: SegmentProps): JSX.Element;

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

@@ -3,12 +3,12 @@ import { type ReactNode } from "react";
 import { type ButtonProps } from "../Button";
 import { type IconName } from "../Icon";
 import { type TextProps } from "../Text";
-export interface Custom {
-    width: number | string;
+export type Custom = {
+width: number | string;
     height: number | string;
 }
-export interface DialogProps {
-    modal?: boolean;
+export type DialogProps = {
+modal?: boolean;
     trigger?: ReactNode;
     children?: ReactNode;
     renderTooltip?: (trigger: ReactNode) => ReactNode;
@@ -31,14 +31,14 @@ export interface DialogProps {
  * The first focusable child will automatically be focused.
  */
 export declare function Dialog(props: DialogProps): JSX.Element;
-interface DialogHeaderProps {
-    icon?: IconName;
+type DialogHeaderProps = {
+icon?: IconName;
     onIconClick?: () => void;
     title: string;
 }
 export declare function DialogHeader(props: DialogHeaderProps): JSX.Element;
-interface DialogContentProps {
-    children: ReactNode;
+type DialogContentProps = {
+children: ReactNode;
     padding?: 16;
     gap?: 0 | 12;
 }
@@ -46,8 +46,8 @@ export declare function DialogContent(props: DialogContentProps): JSX.Element;
 export declare function DialogActions(props: {
     children: ReactNode;
 }): JSX.Element;
-interface DialogActionButtonProps extends ButtonProps {
-    tooltipLabel?: string;
+type DialogActionButtonProps = ButtonProps & {
+tooltipLabel?: string;
 }
 export declare function DialogActionButton(props: DialogActionButtonProps): JSX.Element;
 export declare function DialogActionLink(props: TextProps): JSX.Element;

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

@@ -1,8 +1,8 @@
 import type { ReactNode } from "react";
 import type { SX } from "../../../theme";
 import { type IconName } from "../../Icon";
-export interface DialogOptionsProps {
-    value?: string;
+export type DialogOptionsProps = {
+value?: string;
     onValueChange?: (newValue: string) => void;
     children: ReactNode;
     sx?: SX;
@@ -24,8 +24,8 @@ export interface DialogOptionsProps {
     footer?: ReactNode;
 }
 export declare const DialogOptions: ({ value, onValueChange, children, width, padding, footer }: DialogOptionsProps) => JSX.Element;
-interface DialogOptionsItemProps {
-    value: string;
+type DialogOptionsItemProps = {
+value: string;
     icon?: IconName;
     title?: string;
     subtitle?: string;

package/dist/components/Dot/Dot.d.ts

@@ -1,6 +1,6 @@
 import type { AriaRole } from "react";
-export interface DotProps {
-    color: "grey" | "green" | "amber" | "purple";
+export type DotProps = {
+color: "grey" | "green" | "amber" | "purple";
     role?: AriaRole;
 }
 export declare function Dot(props: DotProps): JSX.Element;

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

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-export interface DropdownMenuProps {
-    /**
+export type DropdownMenuProps = {
+/**
      * The controlled open state of the dropdown menu.
      * Must be used in conjunction with onOpenChange
      */
@@ -17,13 +17,13 @@ export interface DropdownMenuProps {
     children: ReactNode;
 }
 export declare function DropdownMenu(props: DropdownMenuProps): JSX.Element;
-interface DropdownMenuTriggerProps {
-    disabled?: boolean;
+type DropdownMenuTriggerProps = {
+disabled?: boolean;
     children: ReactNode;
 }
 export declare function DropdownMenuTrigger(props: DropdownMenuTriggerProps): JSX.Element;
-export interface DropdownMenuContentProps {
-    align?: "center" | "end" | "start";
+export type DropdownMenuContentProps = {
+align?: "center" | "end" | "start";
     side?: "bottom" | "left" | "right" | "top";
     sideOffset?: number;
     minWidth?: 128 | 256 | "full-trigger-width";
@@ -55,8 +55,8 @@ export interface DropdownMenuContentProps {
     childrenFocusScope?: boolean;
 }
 export declare const DropdownMenuContent: (props: DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-interface DropdownMenuItemProps {
-    children: ReactNode;
+type DropdownMenuItemProps = {
+children: ReactNode;
     disabled?: boolean;
     onSelect?: (event: Event) => void;
     textValue?: string;
@@ -75,8 +75,8 @@ interface DropdownMenuItemProps {
     renderTooltip?: (node: ReactNode) => ReactNode;
 }
 export declare const DropdownMenuItem: (props: DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-interface DropdownMenuLabelProps {
-    children: ReactNode;
+type DropdownMenuLabelProps = {
+children: ReactNode;
 }
 export declare function DropdownMenuLabel({ children }: DropdownMenuLabelProps): JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import type { SX } from "../../theme";
-export interface DefaultErrorMessageProps {
-    title: string;
+export type DefaultErrorMessageProps = {
+title: string;
     description?: string;
     errorImageSrc?: string;
     sx?: SX;

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

@@ -1,13 +1,13 @@
 import { type Fetcher } from "@prismicio/editor-support/Suspense";
 import React, { type ReactNode } from "react";
-export interface ErrorBoundaryProps {
-    children?: ReactNode;
+export type ErrorBoundaryProps = {
+children?: ReactNode;
     renderError?: (error: unknown, reset: () => void) => ReactNode;
     onError?: (error: unknown) => void;
     onReset?: () => void;
 }
-interface State {
-    error?: unknown;
+type State = {
+error?: unknown;
     handleError?: boolean;
     requests: Map<Fetcher, Map<string, readonly unknown[]>>;
 }

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

@@ -1,26 +1,26 @@
 import { type PropsWithChildren, type ReactNode } from "react";
 import { type IconName } from "../Icon";
-export interface FieldProps {
-    children?: ReactNode;
+export type FieldProps = {
+children?: ReactNode;
     footer?: ReactNode;
     labelPosition?: "top" | "side";
     selected?: boolean;
     onMouseOverChange?: (isMouseOver: boolean) => void;
 }
 export declare const Field: (props: FieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-interface FieldIconProps {
-    name: IconName;
+type FieldIconProps = {
+name: IconName;
     disabled?: boolean;
 }
 export declare function FieldIcon(props: FieldIconProps): JSX.Element;
-interface FieldLabelProps {
-    children: string;
+type FieldLabelProps = {
+children: string;
     htmlFor?: string;
     id?: string;
 }
 export declare function FieldLabel(props: FieldLabelProps): JSX.Element;
-interface FieldControlProps {
-    children?: ReactNode;
+type FieldControlProps = {
+children?: ReactNode;
     disabled?: boolean;
 }
 export declare function FieldControl(props: FieldControlProps): JSX.Element;

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

@@ -6,8 +6,8 @@ export interface FilterFieldProps extends Omit<FooterProps, "searchText"> {
     icon: IconName;
 }
 export declare function FilterField(props: FilterFieldProps): JSX.Element;
-interface FooterProps extends ErrorFooterProps {
-    searchText: string;
+type FooterProps = ErrorFooterProps & {
+searchText: string;
     selectedValues: Set<FilterOption>;
     values: Set<FilterOption>;
     fixedSelectedValues?: Set<FilterOption>;
@@ -16,8 +16,8 @@ interface FooterProps extends ErrorFooterProps {
     /** Allows more than 1 value to be selected. Default: true */
     multiple?: boolean;
 }
-interface ErrorFooterProps {
-    label: string;
+type ErrorFooterProps = {
+label: string;
     onErrorRetry?: () => void;
 }
 export {};

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

@@ -1,10 +1,10 @@
 import { type KeyboardEvent, type RefObject } from "react";
-export interface FilterOption {
-    id: string;
+export type FilterOption = {
+id: string;
     label: string;
 }
-interface UseFilterFieldProps {
-    selectedValues: Set<FilterOption>;
+type UseFilterFieldProps = {
+selectedValues: Set<FilterOption>;
     fixedSelectedValues: Set<FilterOption>;
     onSelectedValuesChange: (selectedValues: Set<FilterOption>) => void;
     setOpen: (open: boolean) => void;

package/dist/components/Group/context.d.ts

@@ -1,13 +1,13 @@
 import { type ReactNode } from "react";
-interface GroupProviderProps {
-    children: ReactNode;
+type GroupProviderProps = {
+children: ReactNode;
     itemCount: number;
     draggable: boolean;
     onAddItem?: (atIndex: number) => void;
 }
 export declare function GroupProvider(props: GroupProviderProps): JSX.Element;
-interface GroupContextValue {
-    itemCount: number;
+type GroupContextValue = {
+itemCount: number;
     draggable: boolean;
     activeItem?: number;
     onActiveItemChange: (index: number, active: boolean) => void;

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

@@ -1,6 +1,6 @@
 import { type SX } from "../../theme";
-export interface ImageProps {
-    "aria-label"?: string;
+export type ImageProps = {
+"aria-label"?: string;
     src: string;
     alt?: string;
     loading?: "eager" | "lazy";

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

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

package/dist/components/MediaCard/MediaCard.d.ts

@@ -1,11 +1,11 @@
 import type { KeyboardEvent, MouseEvent } from "react";
 import { type ProgressBarProps } from "../ProgressBar";
-interface Tag {
-    id: string;
+type Tag = {
+id: string;
     name: string;
 }
-interface MediaCardProps {
-    "aria-label"?: string;
+type MediaCardProps = {
+"aria-label"?: string;
     url: string;
     filename: string;
     filenameHighlight?: string;
@@ -50,8 +50,8 @@ interface MediaCardProps {
     onAddTagClick?: () => void;
 }
 export declare function MediaCard(props: MediaCardProps): JSX.Element;
-interface MediaCardPlaceholderProps {
-    filename: string;
+type MediaCardPlaceholderProps = {
+filename: string;
     kind?: string;
 }
 export declare function MediaCardPlaceholder(props: MediaCardPlaceholderProps): JSX.Element;

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,7 +1,7 @@
 import type { SX } from "../../theme";
 import type { BaseInputProps } from "../BaseInput/BaseInput";
-export interface NumberInputProps {
-    autoComplete?: string;
+export type NumberInputProps = {
+autoComplete?: string;
     id?: string;
     max?: number;
     min?: number;