@prismicio/editor-ui 0.4.45 → 0.4.46

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

@@ -1,10 +1,10 @@
 import type { ReactNode } from "react";
 import { type IconName } from "../Icon";
 import type { IconButtonProps } from "../IconButton/IconButton";
-export type Colors = "error" | "info" | "default";
+export type Colors = "error" | "warn" | "info" | "default";
 export type AlertProps = {
     icon?: IconName;
-    title: string;
+    title?: string;
     /**
      * Indicates if the title is in a loading state. When true, an animated ellipsis is displayed next to the title.
      */

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

@@ -7,7 +7,7 @@ declare const meta: {
     argTypes: {
         icon: {
             control: string;
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
         };
         color: {
             control: string;

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

@@ -12,6 +12,7 @@ export interface AnimatedElementProps {
     };
     enterDuration?: AnimationDuration;
     exitDuration?: AnimationDuration;
+    focusable?: boolean;
     sx?: SX;
 }
 /**
@@ -23,7 +24,7 @@ export interface AnimatedElementProps {
  * 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 function AnimatedElement(props: AnimatedElementProps): JSX.Element;
+export declare const AnimatedElement: import("react").ForwardRefExoticComponent<AnimatedElementProps & import("react").RefAttributes<HTMLDivElement>>;
 type AnimationDuration = ThemeKeys<"transitionDuration">;
 type OnlyChild = ReactElement | null | undefined | false | 0;
 export {};

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

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { AnimatedElement } from "./AnimatedElement";
 declare const meta: {
     title: string;
-    component: typeof AnimatedElement;
+    component: import("react").ForwardRefExoticComponent<import("./AnimatedElement").AnimatedElementProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default meta;
 export declare const Default: {
@@ -18,7 +17,10 @@ export declare const Default: {
         } | undefined;
         enterDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
         exitDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
+        focusable?: boolean | undefined;
         sx?: import("../../theme").SX | undefined;
+        ref?: import("react").Ref<HTMLDivElement> | undefined;
+        key?: import("react").Key | null | undefined;
     }) => JSX.Element;
     args: {
         children: null;

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

@@ -18,7 +18,8 @@ export interface BaseInputProps {
     padding?: Padding;
     value: string;
     variant?: "normal" | "link" | "success" | "error";
-    cursor?: "text" | "pointer";
+    cursor?: "text" | "pointer" | "default";
+    textOverflow?: "ellipsis";
     maxLength?: number;
     disabled?: boolean;
     type?: "text" | "email" | "password" | "number";
@@ -30,7 +31,7 @@ export interface BaseInputProps {
     onPaste?: ClipboardEventHandler<HTMLInputElement>;
     role?: AriaRole;
     /**
-     * AutoFocus can cause assesibilty issues when used, especially in forms.
+     * AutoFocus can cause accessibility issues when used, especially in forms.
      * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns
      */
     autoFocus?: boolean;

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

@@ -8,7 +8,7 @@ declare const meta: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
         };
     };
 };
@@ -24,8 +24,8 @@ export declare const Default: {
         flexContent?: boolean | undefined;
         textWeight?: "bold" | "normal" | undefined;
         sx?: import("../../theme").SX | undefined;
-        startIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "createNewFolder" | "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" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
-        endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "createNewFolder" | "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" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
+        startIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "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" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
+        endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "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" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "zoomOutMap" | undefined;
         renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         hotkeys?: import("react-hotkeys-hook").Keys | undefined;

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

@@ -5,7 +5,7 @@ import { type TextProps } from "../Text";
 export interface CardProps {
     children?: ReactNode;
     color?: "grey1" | "grey2" | "grey3" | "indigo2" | "purple1";
-    variant?: "dashed" | "elevated" | "outlined" | "selected";
+    variant?: "animated-light" | "animated-dark" | "dashed" | "elevated" | "outlined" | "selected";
     radius?: 4 | 6;
     paddingBlock?: 0 | 8 | 12 | 16 | 28;
     paddingInline?: 0 | 16 | 24 | 32;

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

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

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

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

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

@@ -4,7 +4,7 @@ declare const meta: {
     component: typeof CodeBlock;
     argTypes: {
         language: {
-            options: readonly ["typescript", "tsx", "javascript", "jsx", "vue", "svelte", "plaintext", "json", "bash", "markdown"];
+            options: readonly ["typescript", "tsx", "javascript", "jsx", "vue", "svelte", "plaintext", "json", "bash"];
             control: {
                 type: string;
             };

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

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

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

@@ -1 +1,2 @@
 export { CodeBlock } from "./CodeBlock";
+export { LazyCodeBlock } from "./LazyCodeBlock";

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

@@ -26,7 +26,7 @@ export interface DropdownMenuContentProps {
     align?: "center" | "end" | "start";
     side?: "bottom" | "left" | "right" | "top";
     sideOffset?: number;
-    minWidth?: 128 | 256;
+    minWidth?: 128 | 256 | "full-trigger-width";
     children: ReactNode;
     asPortal?: boolean;
     maxHeight?: 256 | 400;

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

@@ -1,2 +1,2 @@
-export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
 export type IconName = typeof iconNames[number];

package/dist/components/Kbd/Kbd.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    /**
+     * The keyboard key or keys this component should display.
+     * Note that "mod" is a special value meaning whichever is the mod key for OSX or Windows/Linux systems.
+     */
+    value: string | string[];
+}
+/**
+ * Represents a span of inline text denoting textual user input from a keyboard.
+ */
+export declare function Kbd(props: Props): JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import { Kbd } from "./Kbd";
+declare const meta: {
+    title: string;
+    component: typeof Kbd;
+    argTypes: {};
+};
+export default meta;
+export declare const Default: {
+    name: string;
+    args: {
+        value: string[];
+    };
+    render: (args: {
+        value: string | string[];
+    }) => JSX.Element;
+};

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

@@ -0,0 +1 @@
+export { Kbd } from "./Kbd";

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

@@ -24,11 +24,23 @@ interface ProgressBarProps {
      */
     displayLabel?: boolean;
     /**
-     * The color of the progress bar.
+     * The color of the progress indicator.
      *
      * @defaultValue "green9"
      */
     color?: ThemeKeys<"color">;
+    /**
+     * The color of the progress bar track.
+     *
+     * @defaultValue "grey4"
+     */
+    backgroundColor?: ThemeKeys<"color">;
+    /**
+     * The color of the label.
+     *
+     * @defaultValue "grey11"
+     */
+    labelColor?: ThemeKeys<"color">;
     /**
      * Whether to collapse the indicator bar. Used for idle and complete states.
      *

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

@@ -29,6 +29,18 @@ declare const meta: {
                 type: string;
             };
         };
+        backgroundColor: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        labelColor: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
         height: {
             defaultValue: string;
             options: string[];
@@ -59,6 +71,8 @@ export declare const Default: {
         getValueLabel?: ((value: number, max: number) => string) | undefined;
         displayLabel?: boolean | undefined;
         color?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato6" | "tomato7" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
+        backgroundColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato6" | "tomato7" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
+        labelColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo4" | "indigo5" | "indigo7" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato6" | "tomato7" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | undefined;
         height?: "normal" | "collapsed" | undefined;
         transition?: "slow" | "fast" | undefined;
     }) => JSX.Element;

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import { type SX } from "../../theme";
 import { type IconName } from "../Icon";
-export interface SelectProps<VALUE extends string> {
+export type SelectProps<VALUE extends string> = {
     disabled?: boolean;
     id?: string;
     name?: string;
@@ -11,7 +11,6 @@ export interface SelectProps<VALUE extends string> {
     placeholder?: ReactNode;
     autoComplete?: string;
     value?: VALUE;
-    constrainContentWidth?: boolean;
     side?: "bottom" | "top" | "left" | "right";
     sideOffset?: number;
     flexContent?: boolean;
@@ -26,7 +25,13 @@ export interface SelectProps<VALUE extends string> {
     renderTrigger?: (params: RenderTriggerParams) => ReactNode;
     renderStartIcon?: (icon: ReactNode) => ReactNode;
     onValueChange?: (value: VALUE) => void;
-}
+} & ({
+    constrainContentWidth: true;
+    position?: "popper";
+} | {
+    constrainContentWidth?: false;
+    position?: "popper" | "item-aligned";
+});
 /**
  * A Select component supporting string text options.
  * Empty string options are not supported.

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

@@ -42,6 +42,12 @@ declare const meta: {
                 type: string;
             };
         };
+        position: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
         side: {
             control: {
                 type: string;

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

@@ -14,6 +14,7 @@ export interface TextInputProps {
     variant?: BaseInputProps["variant"];
     maxLength?: BaseInputProps["maxLength"];
     cursor?: BaseInputProps["cursor"];
+    textOverflow?: BaseInputProps["textOverflow"];
     sx?: SX;
     onKeyDown?: BaseInputProps["onKeyDown"];
     onValueChange?: BaseInputProps["onValueChange"];

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

@@ -27,7 +27,10 @@ export type ToastProps = {
 } & (InlineToastProps | CardToastProps);
 /**
  * We don't use the radix ui toast because of a bug with the timeout.
- * Radix's Toast task tracker is here: https://github.com/radix-ui/primitives/issues/1171
+ * Also, in general, there are lots of issues around radix's Toast in their bug tracker and they don't fix much.
+ * Example: https://github.com/radix-ui/primitives/pull/2236
+ * It also doesn't help at all when it comes to providing an imperative API: https://github.com/radix-ui/primitives/issues/2804
+ * They also never finished implementing it: https://github.com/radix-ui/primitives/issues/1171
  */
 export declare function Toast(props: ToastProps): JSX.Element;
 export {};

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

@@ -13,10 +13,10 @@ interface ToastConfig {
     };
     icon?: IconName;
 }
+export declare function ToastProvider(props: PropsWithChildren): JSX.Element;
+export declare function useToast(): ToastContext;
 interface ToastContext {
     showToast: (config: ToastConfig) => void;
 }
 declare const ToastContext: import("react").Context<ToastContext>;
-export declare function ToastProvider(props: PropsWithChildren): JSX.Element;
-export declare function useToast(): ToastContext;
 export {};

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", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
         };
         endIcon: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "markdown", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "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", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
         };
     };
 };