@prismicio/editor-ui 0.4.28 → 0.4.30

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

@@ -1,5 +1,5 @@
 import { type MouseEvent } from "react";
-import type { SX } from "../../theme/new";
+import type { SX } from "../../theme";
 import { type IconName } from "../Icon";
 export interface HairlineButtonProps {
     icon: IconName;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type SX, type ThemeKeys } from "../../theme/new";
+import { type SX, type ThemeKeys } from "../../theme";
 import type { IconName } from "./iconNames";
 export interface IconProps {
     className?: string;

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

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

package/dist/components/IconButton/IconButton.d.ts

@@ -1,4 +1,5 @@
 import { type MouseEvent } from "react";
+import type { Keys } from "react-hotkeys-hook";
 import type { IconName } from "../Icon/iconNames";
 export interface IconButtonProps {
     color?: Color;
@@ -6,7 +7,8 @@ export interface IconButtonProps {
     hiddenLabel?: string;
     icon: IconName | JSX.Element;
     loading?: boolean;
-    onClick?: (event: MouseEvent) => void;
+    hotkeys?: Keys;
+    onClick?: (event: MouseEvent | KeyboardEvent) => void;
     onMouseDown?: (event: MouseEvent) => void;
     onMouseUp?: (event: MouseEvent) => void;
     radius?: "full" | "medium";

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

@@ -1,4 +1,4 @@
-import { type SX } from "../../theme/new";
+import { type SX } from "../../theme";
 export interface ImageProps {
     "aria-label"?: string;
     src: string;

package/dist/components/LazyRender/LazyRender.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { type ThemeKeys } from "../../theme/new";
+import { type ThemeKeys } from "../../theme";
 /**
  * Lazily renders a child the first time it intersects with the viewport.
  * Works with any vertical scrolling ancestor (direct or not).

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { SX } from "../../theme/new";
+import type { SX } from "../../theme";
 export interface UnorderedListProps {
     children?: ReactNode;
     sx?: SX;

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

@@ -16,7 +16,7 @@ export declare const Default: {
     name: string;
     render: (args: {
         children?: import("react").ReactNode;
-        sx?: import("../../theme/new").SX | undefined;
+        sx?: import("../../theme").SX | undefined;
     }) => JSX.Element;
     args: {
         children: JSX.Element;

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

@@ -41,6 +41,11 @@ interface MediaCardProps {
      * @param checked - The new checked state of the checkbox
      */
     onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Function called when Add a tag is clicked
+     * @description This only affects the Add a tag button, not the card
+     */
+    onAddTagClick?: () => void;
 }
 export declare function MediaCard(props: MediaCardProps): JSX.Element;
 interface MediaCardPlaceholderProps {

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

@@ -1,4 +1,4 @@
-import type { SX } from "../../theme/new";
+import type { SX } from "../../theme";
 import type { BaseInputProps } from "../BaseInput/BaseInput";
 export interface NumberInputProps {
     autoComplete?: string;

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { type ThemeKeys } from "../../theme/new";
+import { type ThemeKeys } from "../../theme";
 type Gap = Extract<ThemeKeys<"space">, number>;
 interface OverflowContainerProps {
     children: ReactNode[];

package/dist/components/ProgressCircle/ProgressCircle.d.ts

@@ -1,4 +1,4 @@
-import { type ThemeKeys } from "../../theme/new";
+import { type ThemeKeys } from "../../theme";
 export interface ProgressCircleProps {
     color?: ThemeKeys<"color">;
 }

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

@@ -0,0 +1,12 @@
+import { type IconName } from "../Icon";
+export interface RadioBigCardProps {
+    icon: IconName;
+    title: string;
+    badge?: {
+        icon: IconName;
+        title: string;
+    };
+    description: string;
+    disabled?: boolean;
+}
+export declare function RadioBigCard(props: RadioBigCardProps): JSX.Element;

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { SX } from "../../theme/new";
+import type { SX } from "../../theme";
 export interface RadioGroupProps<VALUE extends string> {
     values: readonly VALUE[];
     selectedValue: VALUE;
@@ -12,6 +12,7 @@ export interface RadioGroupProps<VALUE extends string> {
 export declare function RadioGroup<VALUE extends string>(props: RadioGroupProps<VALUE>): JSX.Element;
 interface RadioItemContextValue {
     value: string;
+    isSelected: boolean;
     evenItemSize: boolean;
 }
 export declare function useRadioItem(): RadioItemContextValue;

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

@@ -1,3 +1,4 @@
+export { RadioBigCard } from "./RadioBigCard";
 export { RadioButton } from "./RadioButton";
 export { RadioCard } from "./RadioCard";
 export { RadioGroup } from "./RadioGroup";

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

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

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { type SX } from "../../theme/new";
+import { type SX } from "../../theme";
 import { type IconName } from "../Icon";
 export interface SelectProps<VALUE extends string> {
     disabled?: boolean;

package/dist/components/SelectButton/SelectButton.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeKeys } from "../../theme/new";
+import type { ThemeKeys } from "../../theme";
 import { type IconName } from "../Icon";
 export interface SelectButtonProps {
     textContent: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { SX } from "../../theme/new";
+import type { SX } from "../../theme";
 export interface SeparatorProps {
     /**
      * Either `vertical` or `horizontal`. Defaults to `horizontal`.

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

@@ -24,7 +24,7 @@ export declare const Default: {
         orientation?: "horizontal" | "vertical" | undefined;
         decorative?: boolean | undefined;
         style?: "dashed" | "solid" | undefined;
-        sx?: import("../../theme/new").SX | undefined;
+        sx?: import("../../theme").SX | undefined;
         ref?: import("react").Ref<HTMLDivElement> | undefined;
         key?: import("react").Key | null | undefined;
     }) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { SX, ThemeKeys } from "../../theme/new";
+import type { SX, ThemeKeys } from "../../theme";
 export interface Props {
     component?: "span";
     borderRadius?: ThemeKeys<"borderRadius", 0 | 4 | 6 | 12 | "100%">;
@@ -25,16 +25,16 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
         justifySelf?: "center" | "stretch" | undefined;
         visibility?: "hidden" | "visible" | undefined;
         position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
-        marginLeft?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginRight?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginTop?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginBottom?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginInline?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        marginBlock?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        top?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        left?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        right?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        bottom?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | "auto" | "fieldSetGap" | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
-        borderRadius?: 0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | "inherit" | "50%" | "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;
+        borderRadius?: 0 | 2 | 1 | "50%" | "100%" | "inherit" | 4 | 6 | 8 | 10 | 12 | undefined;
     };
 }, HTMLElement>;

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

@@ -37,12 +37,12 @@ export default meta;
 export declare const Default: {
     render: (args: {
         component?: "span" | undefined;
-        borderRadius?: 0 | 4 | 6 | 12 | "100%" | undefined;
+        borderRadius?: 0 | "100%" | 4 | 6 | 12 | undefined;
         color?: "grey1" | "grey5" | undefined;
         width?: string | number | undefined;
         height?: string | number | undefined;
         children?: import("react").ReactNode;
-        sx?: import("../../theme/new").SX | undefined;
+        sx?: import("../../theme").SX | undefined;
     }) => JSX.Element;
     args: {
         width: number;

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

@@ -1,7 +1,7 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "onValueChange" | "step" | "min" | "max">>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "onValueChange" | "step" | "min" | "max">>>;
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>>;
     args: {
         min: number;
         max: number;

package/dist/components/Suspense/AnimatedSuspense.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { ThemeKeys } from "../../theme/new";
+import type { ThemeKeys } from "../../theme";
 interface AnimatedSuspenseProps {
     children: ReactNode;
     fallback?: ReactNode;

package/dist/components/Switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import type { SX } from "../../theme/new";
+import type { SX } from "../../theme";
 export interface SwitchProps {
     id?: string;
     size?: "small" | "medium";

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

@@ -1,4 +1,4 @@
-import type { SX } from "../../theme/new";
+import type { SX } from "../../theme";
 export interface TabProps {
     title: string;
     selected?: boolean;

package/dist/components/Text/Text.d.ts

@@ -1,5 +1,5 @@
 import { type AnchorHTMLAttributes, type ReactNode } from "react";
-import { type SX, type ThemeKeys } from "../../theme/new";
+import { type SX, type ThemeKeys } from "../../theme";
 interface BaseTextProps {
     align?: "inherit" | "start" | "center" | "end";
     children?: ReactNode;

package/dist/components/TextArea/TextArea.d.ts

@@ -1,4 +1,4 @@
-import type { SX, ThemeKeys } from "../../theme/new";
+import type { SX, ThemeKeys } from "../../theme";
 export interface TextAreaProps {
     autoComplete?: string;
     id?: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { SX } from "../../theme/new";
+import type { SX } from "../../theme";
 import type { BaseInputProps } from "../BaseInput/BaseInput";
 export interface TextInputProps {
     inputMode?: "text";

package/dist/components/ThemeProvider.d.ts

@@ -1,7 +1,6 @@
-import { type FC, type ReactNode } from "react";
-import * as styles from "../theme/mode.css";
+import { type ReactNode } from "react";
 export interface ThemeProviderProps {
     children?: ReactNode;
-    mode?: keyof typeof styles.mode | "system";
+    mode?: "light" | "dark" | "system";
 }
-export declare const ThemeProvider: FC<ThemeProviderProps>;
+export declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;

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

@@ -3,7 +3,7 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     anchor: React.ReactNode;
     open: boolean;
     onOpenChange?: ((open: boolean) => void) | undefined;
-    icon?: "label" | "code" | "link" | "image" | "search" | "alert" | "visibility" | "description" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
+    icon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
     loadingIndicator?: boolean | undefined;
     title: string;
     seconds?: number | undefined;
@@ -21,7 +21,7 @@ export declare const Default: {
         anchor: React.ReactNode;
         open: boolean;
         onOpenChange?: ((open: boolean) => void) | undefined;
-        icon?: "label" | "code" | "link" | "image" | "search" | "alert" | "visibility" | "description" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
+        icon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
         loadingIndicator?: boolean | undefined;
         title: string;
         seconds?: number | undefined;

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

@@ -20,13 +20,13 @@ declare const meta: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "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", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "translate", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
         };
         endIcon: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "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", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "translate", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
         };
     };
 };

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

@@ -1,6 +1,6 @@
 import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
 import { type MouseEvent, type ReactNode } from "react";
-import type { SX } from "../../theme/new";
+import type { SX } from "../../theme";
 import type { IconName } from "../Icon";
 export interface ToolbarProps {
     children?: ReactNode;

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

@@ -1,4 +1,4 @@
-import { type SX } from "../../theme/new";
+import { type SX } from "../../theme";
 export interface VideoProps {
     src: string;
     loop?: boolean;

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

@@ -22,12 +22,12 @@ export declare const Default: {
         src: string;
         loop?: boolean | undefined;
         autoPlay?: boolean | undefined;
-        sizing?: "none" | "contain" | "cover" | undefined;
+        sizing?: "contain" | "none" | "cover" | undefined;
         borderRadius?: 0 | 4 | undefined;
         boxShadow?: "3" | undefined;
         animateOnLoad?: boolean | undefined;
         withControls?: boolean | undefined;
-        sx?: import("../../theme/new").SX | undefined;
+        sx?: import("../../theme").SX | undefined;
         onLoad?: (() => void) | undefined;
     }) => JSX.Element;
     args: {

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { SX } from "../../theme/new";
+import type { SX } from "../../theme";
 interface WindowProps {
     children: ReactNode;
     sx?: SX;