@prismicio/editor-ui 0.4.88 → 0.4.90

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

@@ -7,7 +7,7 @@ declare const meta: {
     argTypes: {
         icon: {
             control: "select";
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
         color: {
             control: "select";

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

@@ -13,7 +13,8 @@ export interface AlertConfig {
     color?: Colors;
 }
 interface AlertContext {
-    showAlert: (config: AlertConfig) => void;
+    showAlert: (config: AlertConfig) => string;
+    removeAlert: (id: string) => 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. */

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

@@ -16,17 +16,13 @@ export interface AnimatedElementProps {
     exitDuration?: AnimationDuration;
     focusable?: boolean;
     sx?: SX;
+    animateOnMount?: boolean;
 }
+type AnimationDuration = ThemeKeys<"transitionDuration">;
+type OnlyChild = ReactElement | null | undefined | false | 0;
 /**
  * Animates a single element in & out based on whether it's currently rendered.
  * An exit then enter animation will also play sequentially if the element's key changes.
- * Unlike React CSSTransition(Group), this is based on CSS animations rather than a bunch of transition classes
- * and the element doesn't have to be evaluated/rendered at all if it's not currently shown.
- *
- * If you only need to animate a single element's entrance (and not exit/swap), you don't need this component:
- * you can just set a CSS animation on the element styles.
  */
 export declare const AnimatedElement: (props: AnimatedElementProps & import("react").RefAttributes<HTMLDivElement | null>) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-type AnimationDuration = ThemeKeys<"transitionDuration">;
-type OnlyChild = ReactElement | null | undefined | false | 0;
 export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: (props: import("./AnimatedElement").AnimatedElementProps & import("react").RefAttributes<HTMLDivElement | null>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
@@ -20,13 +21,14 @@ export declare const Default: {
         exitDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
         focusable?: boolean | undefined;
         sx?: import("../../theme").SX | undefined;
+        animateOnMount?: boolean | undefined;
         ref?: import("react").Ref<HTMLDivElement | null> | undefined;
         key?: import("react").Key | null | undefined;
     }) => JSX.Element;
     args: {
         children: null;
         enterDuration: 300;
-        exitDuration: 100;
+        exitDuration: 300;
     };
     argTypes: {
         children: {
@@ -59,6 +61,12 @@ export declare const Default: {
                     name: string;
                     offset: number;
                 };
+                "expand-vertical": {
+                    name: string;
+                };
+                "expand-horizontal": {
+                    name: string;
+                };
             };
         };
     };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AnimatedList } from "./AnimatedList";
 declare const meta: {
     title: string;

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

@@ -9,7 +9,7 @@ declare const meta: {
         };
         name: {
             control: "select";
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
         size: {
             control: {
@@ -27,7 +27,7 @@ export default meta;
 export declare const Default: {
     name: string;
     render: (args: {
-        name: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "creditCard" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dataUsage" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "folderManaged" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "groupWork" | "help" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "logout" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "menuBook" | "migrationRelease" | "moreVert" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap";
+        name: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "creditCard" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dataUsage" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "folderManaged" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "github" | "groupWork" | "help" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "logout" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "menuBook" | "migrationRelease" | "moreVert" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap";
         color?: ("white" | "green" | "grey" | "indigo" | "purple" | "tomato" | "amber") | undefined;
         size?: "small" | "medium" | "large" | "extraSmall" | undefined;
         iconSize?: "small" | "medium" | "large" | undefined;

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

@@ -1,7 +1,7 @@
 import { type MouseEvent, type ReactNode } from "react";
 import type { SX } from "../../theme";
 import { type IconName } from "../Icon";
-export interface BadgeProps {
+type BaseProps = {
     title: ReactNode;
     color?: "grey" | "green" | "amber" | "purple" | "tomato" | "indigo";
     size?: "large" | "medium" | "small";
@@ -9,11 +9,19 @@ export interface BadgeProps {
     icon?: IconName;
     selected?: boolean;
     sx?: SX;
+};
+type InteractiveProps = {
+    interactive?: never;
     onClick?: (event?: MouseEvent<HTMLDivElement>) => void;
     onClose?: () => void;
     onMouseEnter?: () => void;
     onMouseLeave?: () => void;
     /** Makes the badge content editable, fires onBlur when the value has changed */
     onEdit?: (newTitle: string) => void | Promise<void>;
-}
+};
+type NonInteractiveProps = {
+    interactive: false;
+};
+export type BadgeProps = BaseProps & (InteractiveProps | NonInteractiveProps);
 export declare const Badge: (props: BadgeProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
@@ -19,7 +20,7 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
         onClose: {
             control: {

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

@@ -11,7 +11,7 @@ declare const meta: {
         };
         iconName: {
             control: "select";
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
     };
 };

package/dist/components/BarChart/LazyBarChart.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const LazyBarChart: import("react").LazyExoticComponent<typeof import("./BarChart").BarChart>;

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

@@ -36,6 +36,7 @@ export interface BaseInputProps {
      * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns
      */
     autoFocus?: boolean;
+    "data-tag"?: string;
 }
 interface Padding {
     input?: PaddingInline | PaddingLeftRight;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;

package/dist/components/Box/Box.d.ts

@@ -39,7 +39,7 @@ type DisplayProps = {
     gap?: ThemeKeys<"space">;
     alignItems?: "flex-start" | "center" | "flex-end";
     justifyContent?: "center" | "space-between" | "end";
-} & (BoxBlockDisplayProps | BoxGridDisplayProps | BoxFlexDisplayProps);
+} & (BoxBlockDisplayProps | BoxGridDisplayProps | BoxFlexDisplayProps | BoxNoneDisplayProps);
 type BoxBlockDisplayProps = {
     display: "block";
     flexDirection?: never;
@@ -58,6 +58,12 @@ export type BoxFlexDisplayProps = {
     gridTemplateColumns?: never;
     gridTemplateRows?: never;
 };
+type BoxNoneDisplayProps = {
+    display: "none";
+    flexDirection?: never;
+    gridTemplateColumns?: never;
+    gridTemplateRows?: never;
+};
 type Animation = {
     name?: "fadeIn";
     duration?: ThemeKeys<"transitionDuration">;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 type Story = StoryObj<typeof meta>;
 declare const meta: {

package/dist/components/Button/Button.d.ts

@@ -6,7 +6,7 @@ export interface ButtonProps {
     /**
      * If true, children must be a valid ReactElement and it will be used as the
      * top level component instead of <button>.
-     * Note that said component must be implemented with forwardRef() and spread/provide all its props to its first child VNode.
+     * Note that said component must be implemented with forwardRef() and spread/provide all its props to its first child ReactNode.
      */
     asChild?: boolean;
     /** Note that black & white are only supported for the invisible button */

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: (props: import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
@@ -7,7 +8,7 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
     };
 };
@@ -25,8 +26,8 @@ export declare const Default: {
         textWeight?: "bold" | "normal" | undefined;
         radius?: "normal" | "full" | undefined;
         sx?: import("../../theme").SX | undefined;
-        startIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "creditCard" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dataUsage" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "folderManaged" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "groupWork" | "help" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "logout" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "menuBook" | "migrationRelease" | "moreVert" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap" | undefined;
-        endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "creditCard" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dataUsage" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "folderManaged" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "groupWork" | "help" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "logout" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "menuBook" | "migrationRelease" | "moreVert" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap" | undefined;
+        startIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "creditCard" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dataUsage" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "folderManaged" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "github" | "groupWork" | "help" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "logout" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "menuBook" | "migrationRelease" | "moreVert" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap" | undefined;
+        endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "creditCard" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dataUsage" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "folderManaged" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "github" | "groupWork" | "help" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "logout" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "menuBook" | "migrationRelease" | "moreVert" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap" | undefined;
         renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         invisible?: boolean | undefined;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: (props: import("./ButtonGroup").ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -2,18 +2,17 @@ import { type KeyboardEvent, type MouseEvent, type ReactNode } from "react";
 import { type SX, type ThemeKeys } from "../../theme";
 import { type ImageProps } from "../Image";
 import { type TextProps } from "../Text";
-import { type VideoProps } from "../Video";
 export interface CardProps {
     children?: ReactNode;
     color?: "grey1" | "grey2" | "grey3" | "indigo2" | "purple1" | "purple2" | "tomato2";
-    variant?: "animated-light" | "animated-dark" | "dashed" | "elevated" | "highlighted" | "outlined" | "selected";
+    variant?: "animated-light" | "animated-dark" | "dashed" | "elevated" | "highlighted" | "outlined" | "raised" | "selected";
     radius?: 4 | 6;
     gap?: 0 | 4 | 8 | 12 | 16 | 28 | 32;
     paddingBlock?: 0 | 8 | 12 | 16 | 24 | 28 | 32;
     paddingInline?: 0 | 8 | 16 | 24 | 32;
     paddingLeft?: 0 | 16 | 32;
     paddingRight?: 0 | 16 | 32;
-    padding?: 0 | 12 | 16 | 32;
+    padding?: 0 | 12 | 16 | 32 | 40;
     sx?: SX;
     onHoverChange?: (isHovering: boolean) => void;
     onSelect?: (event: MouseEvent | KeyboardEvent) => void;
@@ -41,17 +40,14 @@ interface CardContentProps {
     children?: ReactNode;
     sx?: SX;
     gap?: ThemeKeys<"space", 0 | 4 | 8 | 12 | 16 | 24>;
-    padding?: 0 | 16 | 32;
+    padding?: 0 | 12 | 16 | 32;
 }
 export declare function CardContent(props: CardContentProps): JSX.Element;
 interface CardImageProps extends ImageProps {
-    height: 280;
+    height: 280 | "100%";
+    hasBorderBottom?: boolean;
 }
 export declare function CardImage(props: CardImageProps): JSX.Element;
-interface CardVideoProps extends VideoProps {
-    height: 280;
-}
-export declare function CardVideo(props: CardVideoProps): JSX.Element;
 interface CardFooterProps {
     children?: ReactNode;
     /**

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: (props: import("./Card").CardProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
@@ -32,14 +33,14 @@ 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" | "selected" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | "raised" | undefined;
         radius?: 4 | 6 | undefined;
         gap?: 0 | 4 | 8 | 12 | 16 | 28 | 32 | undefined;
         paddingBlock?: 0 | 8 | 12 | 16 | 24 | 28 | 32 | undefined;
         paddingInline?: 0 | 8 | 16 | 24 | 32 | undefined;
         paddingLeft?: 0 | 16 | 32 | undefined;
         paddingRight?: 0 | 16 | 32 | undefined;
-        padding?: 0 | 12 | 16 | 32 | undefined;
+        padding?: 0 | 12 | 16 | 32 | 40 | undefined;
         sx?: import("../../theme").SX | undefined;
         onHoverChange?: ((isHovering: boolean) => void) | undefined;
         onSelect?: ((event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void) | undefined;
@@ -67,3 +68,17 @@ export declare const ProgressCard: {
         };
     };
 };
+export declare const InvoicePreviewCard: {
+    args: {
+        children: JSX.Element;
+        color: "grey2";
+        paddingBlock: 16;
+        paddingInline: 24;
+        variant: "outlined";
+    };
+    parameters: {
+        controls: {
+            include: never[];
+        };
+    };
+};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PreviewCard } from "./PreviewCard";
 declare const meta: {
     title: string;

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

@@ -1,2 +1,2 @@
-export { Card, CardContent, CardFooter, CardHeader, CardHeaderActions, CardHeaderTitle, CardImage, type CardProps, CardVideo, } from "./Card";
+export { Card, CardContent, CardFooter, CardHeader, CardHeaderActions, CardHeaderTitle, CardImage, type CardProps, } from "./Card";
 export { PreviewCard, PreviewContent, PreviewImage } from "./PreviewCard";

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const LazyCodeBlock: import("react").LazyExoticComponent<typeof import("./CodeBlock").CodeBlock>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;

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

@@ -7,13 +7,13 @@ declare const _default: {
             control: {
                 type: "select";
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
         smallIconName: {
             control: {
                 type: "select";
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
     };
 };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface DatePickerProps {
     value: Date | undefined;
     minValue?: "today";

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 type Story = StoryObj<typeof meta>;
 declare const meta: {

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type DateRange } from "@prismicio/editor-support/Date";
 export interface DateRangePickerProps<Value extends DateRange | null> {
     value: Value;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { DateRange } from "@prismicio/editor-support/Date";
 import type { StoryObj } from "@storybook/react";
 declare const meta: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: (props: {

package/dist/components/EditableText/EditableText.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type SX, type ThemeKeys } from "../../theme";
 import { textVariantMapping } from "../Text";
 export interface EditableTextProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: (props: import("./Field").FieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -12,6 +12,7 @@ export interface FieldSetProps {
      */
     header?: ReactNode;
     variant?: Variant;
+    endAdornment?: ReactNode;
 }
 export declare function FieldSet(props: FieldSetProps): JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Form } from "./";
 declare const meta: {
     title: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { SX } from "../../theme";
 import { type TextAreaProps } from "../TextArea/TextArea";
 export interface FormTextAreaProps extends TextAreaProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
@@ -7,7 +8,7 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "moveDown", "moveLeft", "moveRight", "moveUp", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "photoCamera", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
         variant: {
             control: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type SX, type ThemeKeys } from "../../theme";
 import type { IconName } from "./iconNames";
 export interface IconProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;