@prismicio/editor-ui 0.4.52 → 0.4.54

package/dist/components/OverflowContainer/OverflowContainer.d.ts

@@ -1,8 +1,8 @@
 import { type ReactNode } from "react";
 import { type ThemeKeys } from "../../theme";
 type Gap = Extract<ThemeKeys<"space">, number>;
-type OverflowContainerProps = {
-children: ReactNode[];
+interface OverflowContainerProps {
+    children: ReactNode[];
     /**
      * simulates a gap by adding a right margin to each item,
      * required so that gap is included within width calculations
@@ -10,13 +10,12 @@ children: ReactNode[];
     gap?: Gap;
 }
 export declare function OverflowContainer(props: OverflowContainerProps): JSX.Element;
-type OverflowItemProps = {
-children: ReactNode;
+interface OverflowItemProps {
+    children: ReactNode;
 }
 export declare function OverflowItem(props: OverflowItemProps): JSX.Element;
-type OverflowAdornmentProps = {
-adornment: ({ numberOfVisibleItems
-}: {
+interface OverflowAdornmentProps {
+    adornment: ({ numberOfVisibleItems }: {
         numberOfVisibleItems: number;
     }) => ReactNode;
 }

package/dist/components/Popover/Popover.d.ts

@@ -1,7 +1,7 @@
 import { type PopoverContentProps } from "@radix-ui/react-popover";
 import type { ReactNode } from "react";
-export type PopoverProps = {
-anchor: ReactNode;
+export interface PopoverProps {
+    anchor: ReactNode;
     children?: ReactNode;
     focusOnEnter?: boolean;
     open?: boolean;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,6 +1,6 @@
 import { type SX, type ThemeKeys } from "../../theme";
-export type ProgressBarProps = {
-/**
+export interface ProgressBarProps {
+    /**
      * The current value of the progress.
      */
     value: number;

package/dist/components/Radio/RadioButton.d.ts

@@ -1,5 +1,5 @@
-export type RadioButtonProps = {
-label?: string;
+export interface RadioButtonProps {
+    label?: string;
     disabled?: boolean;
     /**
      * Whether this RadioButton is only included for decoration purposes

package/dist/components/Radio/RadioCard.d.ts

@@ -1,5 +1,5 @@
-export type RadioCardProps = {
-title: string;
+export interface RadioCardProps {
+    title: string;
     disabled?: boolean;
 }
 export declare function RadioCard(props: RadioCardProps): JSX.Element;

package/dist/components/Radio/RadioItem.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 /** Private component */
-type RadioItemProps = {
-disabled: boolean;
+interface RadioItemProps {
+    disabled: boolean;
     children: ReactNode;
 }
 export declare function RadioItem(props: RadioItemProps): JSX.Element;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,7 +1,7 @@
 import { type AriaRole, type FocusEvent } from "react";
 import type { SX } from "../../theme";
-export type SearchInputProps = {
-value: string;
+export interface SearchInputProps {
+    value: string;
     onValueChange: (value: string) => void;
     placeholder?: string;
     maxLength?: number;

package/dist/components/Separator/Separator.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { SX } from "../../theme";
-export type SeparatorProps = {
-color?: "grey" | "purple" | "tomato";
+export interface SeparatorProps {
+    color?: "grey" | "purple" | "tomato";
     /**
      * Either `vertical` or `horizontal`. Defaults to `horizontal`.
      */

package/dist/components/Skeleton/Skeleton.d.ts

@@ -31,20 +31,20 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
         flexShrink?: 0 | undefined;
         flexBasis?: 0 | undefined;
         flexWrap?: "wrap" | undefined;
-        order?: 0 | 1 | 2 | 3 | undefined;
-        alignSelf?: "center" | "end" | "start" | "stretch" | undefined;
-        justifySelf?: "center" | "end" | "start" | "stretch" | undefined;
+        order?: 0 | 2 | 1 | 3 | undefined;
+        alignSelf?: "center" | "stretch" | "start" | "end" | undefined;
+        justifySelf?: "center" | "stretch" | "start" | "end" | undefined;
         visibility?: "hidden" | "visible" | undefined;
         position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
-        marginLeft?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginRight?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginTop?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginBottom?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginInline?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginBlock?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        top?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        left?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        right?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        bottom?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginLeft?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginRight?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginTop?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginBottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginInline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        marginBlock?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
+        bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
     };
 }, HTMLElement>;

package/dist/components/Slice/SliceCard.d.ts

@@ -1,6 +1,6 @@
 import type { KeyboardEvent, MouseEvent, ReactNode } from "react";
-export type SliceCardProps = {
-id?: string;
+export interface SliceCardProps {
+    id?: string;
     title: string;
     subTitle: string;
     index: number;

package/dist/components/Slice/SliceSelectCard.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-export type SliceSelectCardProps = {
-/**
+export interface SliceSelectCardProps {
+    /**
      * Whether the card should have a fixed height or not. Defaults to `true`.
      */
     fixedHeight?: boolean;

package/dist/components/StoryCard.d.ts

@@ -3,8 +3,8 @@ import { type BoxFlexDisplayProps, type BoxProps } from "./Box/Box";
 /**
  * A basic card with a title for Storybook stories that showcase multiple component variants.
  */
-type StoryCardProps = {
-title: string;
+interface StoryCardProps {
+    title: string;
     children: ReactNode;
     box?: BoxProps & BoxFlexDisplayProps;
 }

package/dist/components/Tab/Tab.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { SX } from "../../theme";
-export type TabProps = {
-children: ReactNode;
+export interface TabProps {
+    children: ReactNode;
     asChild?: boolean;
     selected?: boolean;
     outline?: boolean;

package/dist/components/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-export type TableProps = {
-children: ReactNode;
+export interface TableProps {
+    children: ReactNode;
     /** The number and size of columns. See [grid-template-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns). */
     columnLayout: string;
     isLoading?: boolean;
@@ -13,32 +13,32 @@ children: ReactNode;
  * set the layout context.
  */
 export declare function Table(props: TableProps): JSX.Element;
-export type TableHeadProps = {
-children: ReactNode;
+export interface TableHeadProps {
+    children: ReactNode;
 }
 /**
  * Wrapper for the entire table header. This ensures any rows contained in it have the
  * header row style applied.
  */
 export declare function TableHead(props: TableHeadProps): JSX.Element;
-export type TableBodyProps = {
-children: ReactNode;
+export interface TableBodyProps {
+    children: ReactNode;
 }
 /**
  * Wrapper for the entire table body and its rows. This ensures any rows contained in
  * it have the body row style applied.
  */
 export declare function TableBody(props: TableBodyProps): JSX.Element;
-export type ClickableTableRowProps = {
-children: ReactNode;
+export interface ClickableTableRowProps {
+    children: ReactNode;
     /** Visibly disable the row */
     disabled?: boolean;
     /** Callback fired when the row is clicked */
     onClick?: () => void;
     renderLink?: never;
 }
-export type LinkTableRowProps = {
-children: ReactNode;
+export interface LinkTableRowProps {
+    children: ReactNode;
     /** Visibly disable the row */
     disabled?: boolean;
     onClick?: never;
@@ -55,8 +55,8 @@ type TableRowProps = ClickableTableRowProps | LinkTableRowProps;
  * - Given a renderLink: wraps the **entire** row in the given component. E.g. wrapping it in `react-router-dom` `<Link>`
  */
 export declare function TableRow(props: TableRowProps): JSX.Element;
-export type TableCellProps = {
-children?: ReactNode;
+export interface TableCellProps {
+    children?: ReactNode;
     /** How to align the content in the cell. Note that undefined defaults to start */
     align?: "center" | "end";
     /** Whether the content of the cell is interactive, this disables the link properties for that cell. Defaults to `false`. */

package/dist/components/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
-export type TagProps = {
-title: string;
+export interface TagProps {
+    title: string;
     label?: string;
     active?: boolean;
     onClose?: () => void;

package/dist/components/TagField/TagFieldHeader.d.ts

@@ -1,7 +1,7 @@
 import { type RefObject } from "react";
 import { type LastItemLocation } from "./useTagFieldHeader";
-type TagFieldHeaderProps = {
-selectedValues: Set<string>;
+interface TagFieldHeaderProps {
+    selectedValues: Set<string>;
     searchText: string;
     setSearchText: (searchText: string) => void;
     open: boolean;
@@ -12,8 +12,8 @@ selectedValues: Set<string>;
     fieldRef: RefObject<HTMLDivElement>;
 }
 export declare function TagFieldHeader(props: TagFieldHeaderProps): JSX.Element;
-type TagsContainerProps = {
-displayedTags: string[];
+interface TagsContainerProps {
+    displayedTags: string[];
     extraTags: number;
     removeSelectedValue: (valueToDelete: string | LastItemLocation) => void;
     open: boolean;

package/dist/components/TagField/useTagField.d.ts

@@ -1,6 +1,6 @@
 import { type RefObject } from "react";
-type UseTagFieldProps = {
-selectedValues: Set<string>;
+interface UseTagFieldProps {
+    selectedValues: Set<string>;
     setOpen: (open: boolean) => void;
     fieldRef: RefObject<HTMLDivElement>;
     onSelectedValuesChange: (selectedValues: Set<string>) => void;

package/dist/components/TagField/useTagFieldHeader.d.ts

@@ -1,6 +1,6 @@
 import { type KeyboardEvent, type RefObject } from "react";
-type UseTagFieldHeaderProps = {
-selectedValues: Set<string>;
+interface UseTagFieldHeaderProps {
+    selectedValues: Set<string>;
     tagsContainerRef: RefObject<HTMLDivElement>;
     open: boolean;
     onSelectedValuesChange: (selectedValues: Set<string>) => void;
@@ -11,8 +11,8 @@ export declare function useTagFieldHeader(props: UseTagFieldHeaderProps): {
     extraTags: number;
 };
 export type LastItemLocation = -1;
-type UseHandleKeyboardEntriesProps = {
-inputRef: RefObject<HTMLDivElement>;
+interface UseHandleKeyboardEntriesProps {
+    inputRef: RefObject<HTMLDivElement>;
     searchText: string;
     setOpen: (open: boolean) => void;
     onCreateTag: () => void;

package/dist/components/TextInput/TextInput.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { SX } from "../../theme";
 import type { BaseInputProps } from "../BaseInput/BaseInput";
-export type TextInputProps = {
-inputMode?: "text";
+export interface TextInputProps {
+    inputMode?: "text";
     name?: string;
     id?: BaseInputProps["id"];
     placeholder?: BaseInputProps["placeholder"];
@@ -21,5 +21,6 @@ inputMode?: "text";
     onFocus?: BaseInputProps["onFocus"];
     onBlur?: BaseInputProps["onBlur"];
     onPaste?: BaseInputProps["onPaste"];
+    onClick?: BaseInputProps["onClick"];
 }
 export declare const TextInput: (props: TextInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

package/dist/components/ThemeProvider.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-export type ThemeProviderProps = {
-children?: ReactNode;
+export interface ThemeProviderProps {
+    children?: ReactNode;
     mode?: "light" | "dark" | "system";
 }
 export declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;

package/dist/components/TimeField/TimeField.d.ts

@@ -1,8 +1,8 @@
 import { ZonedDateTime } from "@internationalized/date";
 import { type TimeValue } from "@react-aria/datepicker";
 import type { SX } from "../../theme";
-type TimeFieldProps = {
-defaultValue?: TimeValue | ZonedDateTime;
+interface TimeFieldProps {
+    defaultValue?: TimeValue | ZonedDateTime;
     minValue?: "now";
     onChange: (value: TimeValue) => void;
     sx?: SX;

package/dist/components/Toast/Toast.d.ts

@@ -1,19 +1,19 @@
 import { type ReactNode } from "react";
 import { type IconName } from "../Icon";
-type ToastAction = {
-title: string;
+interface ToastAction {
+    title: string;
     onClick: () => void;
 }
-type ToastCancel = {
-onClick: () => void;
+interface ToastCancel {
+    onClick: () => void;
 }
-type InlineToastProps = {
-variant?: "inline";
+interface InlineToastProps {
+    variant?: "inline";
     icon?: IconName;
     loadingIndicator?: boolean;
 }
-type CardToastProps = {
-variant: "card";
+interface CardToastProps {
+    variant: "card";
     subtitle?: ReactNode;
 }
 export type ToastProps = {

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -18,8 +18,8 @@ type MultipleValueProps<Value extends string> = {
     onValueChange?: (value: Value[]) => void;
 };
 export declare function ToggleButtonGroup<Value extends string>(props: ToggleButtonGroupProps<Value>): JSX.Element;
-type ToggleButtonGroupItemProps = {
-children?: ReactNode;
+interface ToggleButtonGroupItemProps {
+    children?: ReactNode;
     disabled?: boolean;
     value: string;
     endIcon?: IconName;

package/dist/components/Toolbar/Toolbar.d.ts

@@ -2,43 +2,43 @@ import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
 import { type MouseEvent, type ReactNode } from "react";
 import type { SX } from "../../theme";
 import type { IconName } from "../Icon";
-export type ToolbarProps = {
-children?: ReactNode;
+export interface ToolbarProps {
+    children?: ReactNode;
     sx?: SX;
 }
 export declare function Toolbar(props: ToolbarProps): JSX.Element;
-type ToolbarButtonProps = {
-children?: ReactNode;
+interface ToolbarButtonProps {
+    children?: ReactNode;
     disabled?: boolean;
     startIcon?: IconName;
     endIcon?: IconName;
     onClick?: (event: MouseEvent) => void;
 }
 export declare const ToolbarButton: (props: ToolbarButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-type ToolbarButtonGroupProps = {
-children?: ReactNode;
+interface ToolbarButtonGroupProps {
+    children?: ReactNode;
     density?: "regular" | "compact";
     disabled?: boolean;
 }
 export declare function ToolbarButtonGroup(props: ToolbarButtonGroupProps): JSX.Element;
-type ToolbarSelectProps = {
-children?: ReactNode;
+interface ToolbarSelectProps {
+    children?: ReactNode;
     placeholder?: string;
     disabled?: boolean;
     value?: string;
     onValueChange?: (value: string) => void;
 }
 export declare function ToolbarSelect(props: ToolbarSelectProps): JSX.Element;
-type ToolbarSelectItemProps = {
-children?: ReactNode;
+interface ToolbarSelectItemProps {
+    children?: ReactNode;
     disabled?: boolean;
     textValue?: string;
     value: string;
 }
 export declare function ToolbarSelectItem(props: ToolbarSelectItemProps): JSX.Element;
 export declare function ToolbarSeparator(): JSX.Element;
-type ToolbarToggleButtonProps = {
-children?: ReactNode;
+interface ToolbarToggleButtonProps {
+    children?: ReactNode;
     disabled?: boolean;
     startIcon?: IconName;
     endIcon?: IconName;
@@ -55,8 +55,8 @@ type ToolbarToggleButtonGroupProps = {
     density?: "regular" | "compact";
 } & GroupProps;
 export declare function ToolbarToggleButtonGroup(props: ToolbarToggleButtonGroupProps): JSX.Element;
-type ToolbarToggleButtonGroupItemProps = {
-children?: ReactNode;
+interface ToolbarToggleButtonGroupItemProps {
+    children?: ReactNode;
     disabled?: boolean;
     value: string;
     endIcon?: IconName;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,8 +1,8 @@
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { type ReactNode } from "react";
 export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
-type BaseTooltipProps = {
-children: ReactNode;
+interface BaseTooltipProps {
+    children: ReactNode;
     side?: Parameters<typeof TooltipPrimitive.Content>[0]["side"];
     sideOffset?: Parameters<typeof TooltipPrimitive.Content>[0]["sideOffset"];
     align?: Parameters<typeof TooltipPrimitive.Content>[0]["align"];
@@ -33,13 +33,13 @@ children: ReactNode;
      */
     animation?: "fade" | "none";
 }
-type TextTooltipProps = BaseTooltipProps & {
-variant?: "text";
+interface TextTooltipProps extends BaseTooltipProps {
+    variant?: "text";
     content: string;
     title?: string;
 }
-type CustomTooltipProps = BaseTooltipProps & {
-variant: "custom";
+interface CustomTooltipProps extends BaseTooltipProps {
+    variant: "custom";
     content: ReactNode;
     title?: never;
 }

package/dist/components/Video/Video.d.ts

@@ -1,6 +1,6 @@
 import { type SX } from "../../theme";
-export type VideoProps = {
-src: string;
+export interface VideoProps {
+    src: string;
     loop?: boolean;
     autoPlay?: boolean;
     sizing?: "contain" | "cover" | "none";

package/dist/components/Window/Window.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
 import type { SX } from "../../theme";
-type WindowProps = {
-children: ReactNode;
+interface WindowProps {
+    children: ReactNode;
     sx?: SX;
 }
 export declare function Window(props: WindowProps): JSX.Element;
@@ -9,26 +9,26 @@ type WindowFrameProps = {
     title?: ReactNode;
 };
 export declare function WindowFrame({ title }: WindowFrameProps): JSX.Element;
-type WindowTabsProps = {
-children: ReactNode;
+interface WindowTabsProps {
+    children: ReactNode;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
     value?: string;
 }
 export declare function WindowTabs(props: WindowTabsProps): JSX.Element;
-type WindowTabsListProps = {
-children: ReactNode;
+interface WindowTabsListProps {
+    children: ReactNode;
     onAddNewTab?: () => void;
 }
 export declare function WindowTabsList(props: WindowTabsListProps): JSX.Element;
-type WindowTabsTriggerProps = {
-children: ReactNode;
+interface WindowTabsTriggerProps {
+    children: ReactNode;
     value: string;
     menu?: ReactNode;
 }
 export declare function WindowTabsTrigger(props: WindowTabsTriggerProps): JSX.Element;
-type WindowTabsContentProps = {
-children: ReactNode;
+interface WindowTabsContentProps {
+    children: ReactNode;
     value: string;
 }
 export declare function WindowTabsContent(props: WindowTabsContentProps): JSX.Element;

package/dist/theme/sx.d.ts

@@ -12,8 +12,8 @@ import type { ThemeKeys } from "./theme";
  * Layout properties that are safe to set on component without disturbing its own implementation details.
  * Favor using this over using Box when applicable.
  */
-export type SX = {
-flexGrow?: 1;
+export interface SX {
+    flexGrow?: 1;
     flexShrink?: 0;
     flexBasis?: 0;
     flexWrap?: "wrap";
@@ -34,6 +34,5 @@ flexGrow?: 1;
     bottom?: ThemeKeys<"space">;
     width?: CSSProperties["width"];
     height?: CSSProperties["height"];
-    [key: `--${string
-}`]: string | number;
+    [key: `--${string}`]: string | number;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
     "@internationalized/date": "3.5.5",
-    "@prismicio/editor-support": "0.4.52",
+    "@prismicio/editor-support": "0.4.54",
     "@radix-ui/react-avatar": "1.1.0",
     "@radix-ui/react-checkbox": "1.1.1",
     "@radix-ui/react-dialog": "1.1.1",
@@ -119,5 +119,5 @@
   "sideEffects": false,
   "stableVersion": "0.0.0",
   "types": "./dist/index.d.ts",
-  "version": "0.4.52"
+  "version": "0.4.54"
 }