@prismicio/editor-ui 0.4.52 → 0.4.54

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 type AlertConfig = {
-id?: string;
+export interface AlertConfig {
+    id?: string;
     title: string;
     subtitle: ReactNode;
     buttons?: FooterButtons;
     onRetry?: () => void;
     color?: Colors;
 }
-type AlertContext = {
-showAlert: (config: AlertConfig) => void;
+interface 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>;
-type AlertProviderProps = {
-children: ReactNode;
+interface 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 type AnimatedElementProps = {
-children: OnlyChild;
+export interface 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 | 20 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 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 type DragPreviewProps = {
-direction: "horizontal" | "vertical";
+export interface 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 type BadgeProps = {
-title: ReactNode;
+export interface BadgeProps {
+    title: ReactNode;
     color?: "grey" | "green" | "amber" | "purple" | "tomato" | "indigo";
     size?: "large" | "medium" | "small";
     maxWidth?: 150 | 250;

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

@@ -1,10 +1,10 @@
-import { type AriaRole, type ClipboardEventHandler, type FocusEvent, type KeyboardEvent, type ReactNode } from "react";
+import { type AriaRole, type ClipboardEventHandler, type FocusEvent, type KeyboardEvent, type MouseEvent, type ReactNode } from "react";
 import type { SX, ThemeKeys } from "../../theme";
 /**
  * Flexible base Input, provided with no height or block padding.
  */
-export type BaseInputProps = {
-autoComplete?: string;
+export interface BaseInputProps {
+    autoComplete?: string;
     id?: string;
     inputMode?: "decimal" | "text";
     name?: string;
@@ -28,6 +28,7 @@ autoComplete?: string;
     onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void;
     onValueChange?: (value: string) => void;
     onKeyDown?: (event: KeyboardEvent) => void;
+    onClick?: (event: MouseEvent) => void;
     onPaste?: ClipboardEventHandler<HTMLInputElement>;
     role?: AriaRole;
     /**
@@ -36,19 +37,19 @@ autoComplete?: string;
      */
     autoFocus?: boolean;
 }
-type Padding = {
-input?: PaddingInline | PaddingLeftRight;
+interface Padding {
+    input?: PaddingInline | PaddingLeftRight;
     adornment?: {
         inline: ThemeKeys<"space">;
-};
+    };
 }
-type PaddingInline = {
-inline: ThemeKeys<"space">;
+interface PaddingInline {
+    inline: ThemeKeys<"space">;
     left?: never;
     right?: never;
 }
-type PaddingLeftRight = {
-left?: ThemeKeys<"space">;
+interface PaddingLeftRight {
+    left?: ThemeKeys<"space">;
     right?: ThemeKeys<"space">;
     inline?: never;
 }

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

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
 import type { SX } from "../../theme";
-export type ButtonGroupProps = {
-children?: ReactNode;
+export interface ButtonGroupProps {
+    children?: ReactNode;
     disabled?: boolean;
     size?: "small" | "medium" | "large";
     color?: "grey" | "purple" | "dark";
@@ -9,8 +9,8 @@ children?: ReactNode;
     sx?: SX;
 }
 export declare const ButtonGroup: (props: ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-type ButtonGroupContextValue = {
-disabled?: boolean;
+interface 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" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | "selected" | undefined;
+        variant?: "dashed" | "selected" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | undefined;
         radius?: 4 | 6 | undefined;
         paddingBlock?: 0 | 8 | 12 | 16 | 28 | undefined;
         paddingInline?: 0 | 16 | 24 | 32 | undefined;

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

@@ -1,14 +1,14 @@
 import type { ReactNode } from "react";
-export type PreviewCardProps = {
-children: ReactNode;
+export interface 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;
-type PreviewImageProps = {
-src: string;
+interface PreviewImageProps {
+    src: string;
     alt?: string;
     aspectRatio?: "1:1" | "16:9";
     framed?: boolean;
@@ -16,8 +16,8 @@ src: string;
     height?: number;
 }
 export declare function PreviewImage(props: PreviewImageProps): JSX.Element;
-type PreviewContentProps = {
-children: ReactNode;
+interface 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 type CodeBlockProps = {
-title?: string;
+export interface 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 type ComboBoxProps = {
-children: ReactNode;
+export interface 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 @@ children: ReactNode;
     overlay?: boolean;
 }
 export declare const ComboBox: (props: ComboBoxProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-type ComboBoxContentProps = {
-children: ReactNode;
+interface 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;
-type ComboBoxInputProps = {
-value: string;
+interface ComboBoxInputProps {
+    value: string;
     onValueChange: (search: string) => void;
     placeholder?: string;
     /**
@@ -88,8 +88,8 @@ value: string;
     endAdornment?: boolean;
 }
 export declare const ComboBoxInput: (props: ComboBoxInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-type ComboBoxActionProps = {
-children: ReactNode;
+interface 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";
-type UseScrollIntoViewProps = {
-contentInnerRef: RefObject<HTMLDivElement>;
+interface UseScrollIntoViewProps {
+    contentInnerRef: RefObject<HTMLDivElement>;
 }
 export declare function useScrollIntoView(props: UseScrollIntoViewProps): void;
-type UseInternalSelectionProps = {
-contentInnerRef: RefObject<HTMLDivElement>;
+interface 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;
-type UseSelectFirstArgs = {
-listIsOpen: boolean;
+interface UseSelectFirstArgs {
+    listIsOpen: boolean;
     contentInnerRef: RefObject<HTMLDivElement>;
     onChangeInternalSelection: (value: string | undefined) => void;
 }

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

@@ -1,12 +1,11 @@
 import type { Editor } from "@tiptap/core";
-type ContentEditableProps = {
-/** The raw text or HTML content */
+interface 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.
@@ -22,8 +21,8 @@ type ContentEditableProps = {
     onBlur?: (editor: Editor) => void;
 }
 export declare function ContentEditable(props: ContentEditableProps): JSX.Element;
-type Decorations = {
-em?: "normal" | "highlight";
+interface 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";
-type DateSegmentsProps = {
-ariaDateFieldProps: AriaDateFieldProps<DateValue>;
+interface DateSegmentsProps {
+    ariaDateFieldProps: AriaDateFieldProps<DateValue>;
     defaultTime?: Time;
     placeholderValue: CalendarDate | ZonedDateTime;
 }
 export declare function DateSegments(props: DateSegmentsProps): JSX.Element;
-type SegmentProps = {
-segment: DateSegment;
+interface 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 type Custom = {
-width: number | string;
+export interface Custom {
+    width: number | string;
     height: number | string;
 }
-export type DialogProps = {
-modal?: boolean;
+export interface DialogProps {
+    modal?: boolean;
     trigger?: ReactNode;
     children?: ReactNode;
     renderTooltip?: (trigger: ReactNode) => ReactNode;
@@ -31,14 +31,14 @@ modal?: boolean;
  * The first focusable child will automatically be focused.
  */
 export declare function Dialog(props: DialogProps): JSX.Element;
-type DialogHeaderProps = {
-icon?: IconName;
+interface DialogHeaderProps {
+    icon?: IconName;
     onIconClick?: () => void;
     title: string;
 }
 export declare function DialogHeader(props: DialogHeaderProps): JSX.Element;
-type DialogContentProps = {
-children: ReactNode;
+interface 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;
-type DialogActionButtonProps = ButtonProps & {
-tooltipLabel?: string;
+interface DialogActionButtonProps extends 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 type DialogOptionsProps = {
-value?: string;
+export interface DialogOptionsProps {
+    value?: string;
     onValueChange?: (newValue: string) => void;
     children: ReactNode;
     sx?: SX;
@@ -24,8 +24,8 @@ value?: string;
     footer?: ReactNode;
 }
 export declare const DialogOptions: ({ value, onValueChange, children, width, padding, footer }: DialogOptionsProps) => JSX.Element;
-type DialogOptionsItemProps = {
-value: string;
+interface 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 type DotProps = {
-color: "grey" | "green" | "amber" | "purple";
+export interface 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 type DropdownMenuProps = {
-/**
+export interface DropdownMenuProps {
+    /**
      * The controlled open state of the dropdown menu.
      * Must be used in conjunction with onOpenChange
      */
@@ -17,13 +17,13 @@ export type DropdownMenuProps = {
     children: ReactNode;
 }
 export declare function DropdownMenu(props: DropdownMenuProps): JSX.Element;
-type DropdownMenuTriggerProps = {
-disabled?: boolean;
+interface DropdownMenuTriggerProps {
+    disabled?: boolean;
     children: ReactNode;
 }
 export declare function DropdownMenuTrigger(props: DropdownMenuTriggerProps): JSX.Element;
-export type DropdownMenuContentProps = {
-align?: "center" | "end" | "start";
+export interface DropdownMenuContentProps {
+    align?: "center" | "end" | "start";
     side?: "bottom" | "left" | "right" | "top";
     sideOffset?: number;
     minWidth?: 128 | 256 | "full-trigger-width";
@@ -55,8 +55,8 @@ align?: "center" | "end" | "start";
     childrenFocusScope?: boolean;
 }
 export declare const DropdownMenuContent: (props: DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-type DropdownMenuItemProps = {
-children: ReactNode;
+interface DropdownMenuItemProps {
+    children: ReactNode;
     disabled?: boolean;
     onSelect?: (event: Event) => void;
     textValue?: string;
@@ -75,8 +75,8 @@ children: ReactNode;
     renderTooltip?: (node: ReactNode) => ReactNode;
 }
 export declare const DropdownMenuItem: (props: DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-type DropdownMenuLabelProps = {
-children: ReactNode;
+interface 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 type DefaultErrorMessageProps = {
-title: string;
+export interface 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 type ErrorBoundaryProps = {
-children?: ReactNode;
+export interface ErrorBoundaryProps {
+    children?: ReactNode;
     renderError?: (error: unknown, reset: () => void) => ReactNode;
     onError?: (error: unknown) => void;
     onReset?: () => void;
 }
-type State = {
-error?: unknown;
+interface 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 type FieldProps = {
-children?: ReactNode;
+export interface 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;
-type FieldIconProps = {
-name: IconName;
+interface FieldIconProps {
+    name: IconName;
     disabled?: boolean;
 }
 export declare function FieldIcon(props: FieldIconProps): JSX.Element;
-type FieldLabelProps = {
-children: string;
+interface FieldLabelProps {
+    children: string;
     htmlFor?: string;
     id?: string;
 }
 export declare function FieldLabel(props: FieldLabelProps): JSX.Element;
-type FieldControlProps = {
-children?: ReactNode;
+interface 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;
-type FooterProps = ErrorFooterProps & {
-searchText: string;
+interface FooterProps extends ErrorFooterProps {
+    searchText: string;
     selectedValues: Set<FilterOption>;
     values: Set<FilterOption>;
     fixedSelectedValues?: Set<FilterOption>;
@@ -16,8 +16,8 @@ searchText: string;
     /** Allows more than 1 value to be selected. Default: true */
     multiple?: boolean;
 }
-type ErrorFooterProps = {
-label: string;
+interface 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 type FilterOption = {
-id: string;
+export interface FilterOption {
+    id: string;
     label: string;
 }
-type UseFilterFieldProps = {
-selectedValues: Set<FilterOption>;
+interface 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";
-type GroupProviderProps = {
-children: ReactNode;
+interface GroupProviderProps {
+    children: ReactNode;
     itemCount: number;
     draggable: boolean;
     onAddItem?: (atIndex: number) => void;
 }
 export declare function GroupProvider(props: GroupProviderProps): JSX.Element;
-type GroupContextValue = {
-itemCount: number;
+interface 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 type ImageProps = {
-"aria-label"?: string;
+export interface 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 type UnorderedListProps = {
-children?: ReactNode;
+export interface UnorderedListProps {
+    children?: ReactNode;
     density?: "regular" | "compact";
     sx?: SX;
 }
 export declare function UnorderedList(props: UnorderedListProps): JSX.Element;
-export type ListItemProps = {
-children?: ReactNode;
+export interface 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";
-type Tag = {
-id: string;
+interface Tag {
+    id: string;
     name: string;
 }
-type MediaCardProps = {
-"aria-label"?: string;
+interface MediaCardProps {
+    "aria-label"?: string;
     url: string;
     filename: string;
     filenameHighlight?: string;
@@ -50,8 +50,8 @@ type MediaCardProps = {
     onAddTagClick?: () => void;
 }
 export declare function MediaCard(props: MediaCardProps): JSX.Element;
-type MediaCardPlaceholderProps = {
-filename: string;
+interface 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 type NumberInputProps = {
-autoComplete?: string;
+export interface NumberInputProps {
+    autoComplete?: string;
     id?: string;
     max?: number;
     min?: number;