@liveblocks/react-ui 2.5.2 → 2.7.0-beta1

package/dist/primitives/FileSize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileSize.mjs","sources":["../../src/primitives/FileSize.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { ReactNode } from \"react\";\nimport React, { forwardRef, useMemo } from \"react\";\n\nimport type { ComponentPropsWithSlot } from \"../types\";\nimport { formatFileSize } from \"../utils/format-file-size\";\n\nconst FILE_SIZE_NAME = \"FileSize\";\n\nexport interface FileSizeProps\n  extends Omit<ComponentPropsWithSlot<\"span\">, \"children\"> {\n  /**\n   * The file size to display.\n   */\n  size: number;\n\n  /**\n   * A function to format the displayed file size.\n   */\n  children?: (size: number, locale?: string) => ReactNode;\n\n  /**\n   * The locale used when formatting the file size.\n   */\n  locale?: string;\n}\n\n/**\n * Displays a formatted file size.\n *\n * @example\n * <FileSize size={100000} />\n */\nexport const FileSize = forwardRef<HTMLSpanElement, FileSizeProps>(\n  (\n    {\n      size,\n      locale,\n      children: renderChildren = formatFileSize,\n      asChild,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const Component = asChild ? Slot : \"span\";\n    const children = useMemo(\n      () =>\n        typeof renderChildren === \"function\"\n          ? renderChildren(size, locale)\n          : renderChildren,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [renderChildren, size]\n    );\n\n    return (\n      <Component {...props} ref={forwardedRef}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  FileSize.displayName = FILE_SIZE_NAME;\n}\n"],"names":[],"mappings":";;;;;AASA;AA0BO;AAAiB;AAEpB;AACE;AACA;AAC2B;AAC3B;AACG;AAIL;AACA;AAAiB;AAIT;AAEe;AAGvB;AACG;AAAc;AAAY;AAE3B;AAGN;AAEA;AACE;AACF;;"}

package/dist/primitives/index.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentType, FormEvent, PropsWithChildren } from 'react';
-import { CommentBody as CommentBody$1 } from '@liveblocks/core';
+import { CommentBody as CommentBody$1, CommentAttachment, CommentMixedAttachment } from '@liveblocks/core';
 
 declare type Direction = "ltr" | "rtl";
 declare type SlotProp = {
@@ -173,13 +173,29 @@ interface ComposerFormProps extends ComponentPropsWithSlot<"form"> {
      * The event handler called when the form is submitted.
      */
     onComposerSubmit?: (comment: ComposerSubmitComment, event: FormEvent<HTMLFormElement>) => Promise<void> | void;
+    /**
+     * Whether the composer is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The composer's initial attachments.
+     */
+    defaultAttachments?: CommentAttachment[];
 }
 declare type ComposerSubmitProps = ComponentPropsWithSlot<"button">;
+declare type ComposerAttachFilesProps = ComponentPropsWithSlot<"button">;
+interface ComposerAttachmentsDropAreaProps extends ComponentPropsWithSlot<"div"> {
+    disabled?: boolean;
+}
 interface ComposerSubmitComment {
     /**
      * The submitted comment's body.
      */
     body: CommentBody$1;
+    /**
+     * The submitted comment's uploaded attachments.
+     */
+    attachments: CommentAttachment[];
 }
 
 /**
@@ -246,9 +262,27 @@ declare const ComposerForm: React__default.ForwardRefExoticComponent<ComposerFor
  * <Composer.Submit>Send</Composer.Submit>
  */
 declare const ComposerSubmit: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & React__default.RefAttributes<HTMLButtonElement>>;
+/**
+ * A button which opens a file picker to create attachments.
+ *
+ * @example
+ * <Composer.AttachFiles>Attach files</Composer.AttachFiles>
+ */
+declare const ComposerAttachFiles: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & React__default.RefAttributes<HTMLButtonElement>>;
+/**
+ * A drop area which accepts files to create attachments.
+ *
+ * @example
+ * <Composer.AttachmentsDropArea>
+ *   Drop files here
+ * </Composer.AttachmentsDropArea>
+ */
+declare const ComposerAttachmentsDropArea: React__default.ForwardRefExoticComponent<ComposerAttachmentsDropAreaProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare namespace index$1 {
   export {
+    ComposerAttachFiles as AttachFiles,
+    ComposerAttachmentsDropArea as AttachmentsDropArea,
     ComposerEditor as Editor,
     ComposerForm as Form,
     ComposerLink as Link,
@@ -261,6 +295,14 @@ declare namespace index$1 {
 }
 
 declare type ComposerContext = {
+    /**
+     * Whether the composer is currently disabled.
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the composer can currently be submitted.
+     */
+    canSubmit: boolean;
     /**
      * Whether the editor is currently focused.
      */
@@ -274,7 +316,7 @@ declare type ComposerContext = {
      */
     submit: () => void;
     /**
-     * Clear the editor programmatically.
+     * Clear the composer programmatically.
      */
     clear: () => void;
     /**
@@ -297,10 +339,26 @@ declare type ComposerContext = {
      * Insert text at the current selection.
      */
     insertText: (text: string) => void;
+    /**
+     * Open a file picker programmatically to create attachments.
+     */
+    attachFiles: () => void;
+    /**
+     * The composer's current attachments.
+     */
+    attachments: CommentMixedAttachment[];
+    /**
+     * Remove an attachment by its ID.
+     */
+    removeAttachment: (attachmentId: string) => void;
 };
 declare const ComposerContext: React.Context<ComposerContext | null>;
 declare function useComposer(): ComposerContext;
 
+declare class AttachmentTooLargeError extends Error {
+    name: string;
+}
+
 declare type EmojiPickerContentLoadingProps = ComponentPropsWithoutRef<"div">;
 declare type EmojiPickerContentEmptyProps = ComponentPropsWithoutRef<"div">;
 declare type EmojiPickerContentGridProps = ComponentPropsWithoutRef<"div">;
@@ -461,6 +519,28 @@ declare namespace index {
   };
 }
 
+interface FileSizeProps extends Omit<ComponentPropsWithSlot<"span">, "children"> {
+    /**
+     * The file size to display.
+     */
+    size: number;
+    /**
+     * A function to format the displayed file size.
+     */
+    children?: (size: number, locale?: string) => ReactNode;
+    /**
+     * The locale used when formatting the file size.
+     */
+    locale?: string;
+}
+/**
+ * Displays a formatted file size.
+ *
+ * @example
+ * <FileSize size={100000} />
+ */
+declare const FileSize: React__default.ForwardRefExoticComponent<FileSizeProps & React__default.RefAttributes<HTMLSpanElement>>;
+
 interface TimestampProps extends Omit<ComponentPropsWithSlot<"time">, "children" | "title"> {
     /**
      * The date to display.
@@ -499,4 +579,4 @@ interface TimestampProps extends Omit<ComponentPropsWithSlot<"time">, "children"
  */
 declare const Timestamp: React__default.ForwardRefExoticComponent<TimestampProps & React__default.RefAttributes<HTMLTimeElement>>;
 
-export { index$2 as Comment, CommentBodyComponents, CommentBodyLinkProps, CommentBodyMentionProps, CommentBodyProps, CommentLinkProps, CommentMentionProps, index$1 as Composer, ComposerContext, ComposerEditorComponents, ComposerEditorLinkProps, ComposerEditorMentionProps, ComposerEditorMentionSuggestionsProps, ComposerEditorProps, ComposerFormProps, ComposerLinkProps, ComposerMentionProps, ComposerSubmitComment, ComposerSubmitProps, ComposerSuggestionsListItemProps, ComposerSuggestionsListProps, index as EmojiPicker, EmojiPickerContentCategoryHeaderProps, EmojiPickerContentComponents, EmojiPickerContentEmojiProps, EmojiPickerContentEmptyProps, EmojiPickerContentErrorProps, EmojiPickerContentGridProps, EmojiPickerContentLoadingProps, EmojiPickerContentProps, EmojiPickerContentRowProps, EmojiPickerRootProps, EmojiPickerSearchProps, Timestamp, TimestampProps, useComposer };
+export { AttachmentTooLargeError, index$2 as Comment, CommentBodyComponents, CommentBodyLinkProps, CommentBodyMentionProps, CommentBodyProps, CommentLinkProps, CommentMentionProps, index$1 as Composer, ComposerAttachFilesProps, ComposerAttachmentsDropAreaProps, ComposerContext, ComposerEditorComponents, ComposerEditorLinkProps, ComposerEditorMentionProps, ComposerEditorMentionSuggestionsProps, ComposerEditorProps, ComposerFormProps, ComposerLinkProps, ComposerMentionProps, ComposerSubmitComment, ComposerSubmitProps, ComposerSuggestionsListItemProps, ComposerSuggestionsListProps, index as EmojiPicker, EmojiPickerContentCategoryHeaderProps, EmojiPickerContentComponents, EmojiPickerContentEmojiProps, EmojiPickerContentEmptyProps, EmojiPickerContentErrorProps, EmojiPickerContentGridProps, EmojiPickerContentLoadingProps, EmojiPickerContentProps, EmojiPickerContentRowProps, EmojiPickerRootProps, EmojiPickerSearchProps, FileSize, FileSizeProps, Timestamp, TimestampProps, useComposer };

package/dist/primitives/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentType, FormEvent, PropsWithChildren } from 'react';
-import { CommentBody as CommentBody$1 } from '@liveblocks/core';
+import { CommentBody as CommentBody$1, CommentAttachment, CommentMixedAttachment } from '@liveblocks/core';
 
 declare type Direction = "ltr" | "rtl";
 declare type SlotProp = {
@@ -173,13 +173,29 @@ interface ComposerFormProps extends ComponentPropsWithSlot<"form"> {
      * The event handler called when the form is submitted.
      */
     onComposerSubmit?: (comment: ComposerSubmitComment, event: FormEvent<HTMLFormElement>) => Promise<void> | void;
+    /**
+     * Whether the composer is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The composer's initial attachments.
+     */
+    defaultAttachments?: CommentAttachment[];
 }
 declare type ComposerSubmitProps = ComponentPropsWithSlot<"button">;
+declare type ComposerAttachFilesProps = ComponentPropsWithSlot<"button">;
+interface ComposerAttachmentsDropAreaProps extends ComponentPropsWithSlot<"div"> {
+    disabled?: boolean;
+}
 interface ComposerSubmitComment {
     /**
      * The submitted comment's body.
      */
     body: CommentBody$1;
+    /**
+     * The submitted comment's uploaded attachments.
+     */
+    attachments: CommentAttachment[];
 }
 
 /**
@@ -246,9 +262,27 @@ declare const ComposerForm: React__default.ForwardRefExoticComponent<ComposerFor
  * <Composer.Submit>Send</Composer.Submit>
  */
 declare const ComposerSubmit: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & React__default.RefAttributes<HTMLButtonElement>>;
+/**
+ * A button which opens a file picker to create attachments.
+ *
+ * @example
+ * <Composer.AttachFiles>Attach files</Composer.AttachFiles>
+ */
+declare const ComposerAttachFiles: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & React__default.RefAttributes<HTMLButtonElement>>;
+/**
+ * A drop area which accepts files to create attachments.
+ *
+ * @example
+ * <Composer.AttachmentsDropArea>
+ *   Drop files here
+ * </Composer.AttachmentsDropArea>
+ */
+declare const ComposerAttachmentsDropArea: React__default.ForwardRefExoticComponent<ComposerAttachmentsDropAreaProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare namespace index$1 {
   export {
+    ComposerAttachFiles as AttachFiles,
+    ComposerAttachmentsDropArea as AttachmentsDropArea,
     ComposerEditor as Editor,
     ComposerForm as Form,
     ComposerLink as Link,
@@ -261,6 +295,14 @@ declare namespace index$1 {
 }
 
 declare type ComposerContext = {
+    /**
+     * Whether the composer is currently disabled.
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the composer can currently be submitted.
+     */
+    canSubmit: boolean;
     /**
      * Whether the editor is currently focused.
      */
@@ -274,7 +316,7 @@ declare type ComposerContext = {
      */
     submit: () => void;
     /**
-     * Clear the editor programmatically.
+     * Clear the composer programmatically.
      */
     clear: () => void;
     /**
@@ -297,10 +339,26 @@ declare type ComposerContext = {
      * Insert text at the current selection.
      */
     insertText: (text: string) => void;
+    /**
+     * Open a file picker programmatically to create attachments.
+     */
+    attachFiles: () => void;
+    /**
+     * The composer's current attachments.
+     */
+    attachments: CommentMixedAttachment[];
+    /**
+     * Remove an attachment by its ID.
+     */
+    removeAttachment: (attachmentId: string) => void;
 };
 declare const ComposerContext: React.Context<ComposerContext | null>;
 declare function useComposer(): ComposerContext;
 
+declare class AttachmentTooLargeError extends Error {
+    name: string;
+}
+
 declare type EmojiPickerContentLoadingProps = ComponentPropsWithoutRef<"div">;
 declare type EmojiPickerContentEmptyProps = ComponentPropsWithoutRef<"div">;
 declare type EmojiPickerContentGridProps = ComponentPropsWithoutRef<"div">;
@@ -461,6 +519,28 @@ declare namespace index {
   };
 }
 
+interface FileSizeProps extends Omit<ComponentPropsWithSlot<"span">, "children"> {
+    /**
+     * The file size to display.
+     */
+    size: number;
+    /**
+     * A function to format the displayed file size.
+     */
+    children?: (size: number, locale?: string) => ReactNode;
+    /**
+     * The locale used when formatting the file size.
+     */
+    locale?: string;
+}
+/**
+ * Displays a formatted file size.
+ *
+ * @example
+ * <FileSize size={100000} />
+ */
+declare const FileSize: React__default.ForwardRefExoticComponent<FileSizeProps & React__default.RefAttributes<HTMLSpanElement>>;
+
 interface TimestampProps extends Omit<ComponentPropsWithSlot<"time">, "children" | "title"> {
     /**
      * The date to display.
@@ -499,4 +579,4 @@ interface TimestampProps extends Omit<ComponentPropsWithSlot<"time">, "children"
  */
 declare const Timestamp: React__default.ForwardRefExoticComponent<TimestampProps & React__default.RefAttributes<HTMLTimeElement>>;
 
-export { index$2 as Comment, CommentBodyComponents, CommentBodyLinkProps, CommentBodyMentionProps, CommentBodyProps, CommentLinkProps, CommentMentionProps, index$1 as Composer, ComposerContext, ComposerEditorComponents, ComposerEditorLinkProps, ComposerEditorMentionProps, ComposerEditorMentionSuggestionsProps, ComposerEditorProps, ComposerFormProps, ComposerLinkProps, ComposerMentionProps, ComposerSubmitComment, ComposerSubmitProps, ComposerSuggestionsListItemProps, ComposerSuggestionsListProps, index as EmojiPicker, EmojiPickerContentCategoryHeaderProps, EmojiPickerContentComponents, EmojiPickerContentEmojiProps, EmojiPickerContentEmptyProps, EmojiPickerContentErrorProps, EmojiPickerContentGridProps, EmojiPickerContentLoadingProps, EmojiPickerContentProps, EmojiPickerContentRowProps, EmojiPickerRootProps, EmojiPickerSearchProps, Timestamp, TimestampProps, useComposer };
+export { AttachmentTooLargeError, index$2 as Comment, CommentBodyComponents, CommentBodyLinkProps, CommentBodyMentionProps, CommentBodyProps, CommentLinkProps, CommentMentionProps, index$1 as Composer, ComposerAttachFilesProps, ComposerAttachmentsDropAreaProps, ComposerContext, ComposerEditorComponents, ComposerEditorLinkProps, ComposerEditorMentionProps, ComposerEditorMentionSuggestionsProps, ComposerEditorProps, ComposerFormProps, ComposerLinkProps, ComposerMentionProps, ComposerSubmitComment, ComposerSubmitProps, ComposerSuggestionsListItemProps, ComposerSuggestionsListProps, index as EmojiPicker, EmojiPickerContentCategoryHeaderProps, EmojiPickerContentComponents, EmojiPickerContentEmojiProps, EmojiPickerContentEmptyProps, EmojiPickerContentErrorProps, EmojiPickerContentGridProps, EmojiPickerContentLoadingProps, EmojiPickerContentProps, EmojiPickerContentRowProps, EmojiPickerRootProps, EmojiPickerSearchProps, FileSize, FileSizeProps, Timestamp, TimestampProps, useComposer };

package/dist/primitives/index.js

@@ -3,7 +3,9 @@
 var index = require('./Comment/index.js');
 var index$1 = require('./Composer/index.js');
 var contexts = require('./Composer/contexts.js');
+var utils = require('./Composer/utils.js');
 var index$2 = require('./EmojiPicker/index.js');
+var FileSize = require('./FileSize.js');
 var Timestamp = require('./Timestamp.js');
 
 
@@ -11,6 +13,8 @@ var Timestamp = require('./Timestamp.js');
 exports.Comment = index;
 exports.Composer = index$1;
 exports.useComposer = contexts.useComposer;
+exports.AttachmentTooLargeError = utils.AttachmentTooLargeError;
 exports.EmojiPicker = index$2;
+exports.FileSize = FileSize.FileSize;
 exports.Timestamp = Timestamp.Timestamp;
 //# sourceMappingURL=index.js.map

package/dist/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/primitives/index.mjs

@@ -3,7 +3,9 @@ export { index as Comment };
 import * as index$1 from './Composer/index.mjs';
 export { index$1 as Composer };
 export { useComposer } from './Composer/contexts.mjs';
+export { AttachmentTooLargeError } from './Composer/utils.mjs';
 import * as index$2 from './EmojiPicker/index.mjs';
 export { index$2 as EmojiPicker };
+export { FileSize } from './FileSize.mjs';
 export { Timestamp } from './Timestamp.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/primitives/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/utils/download.js

@@ -0,0 +1,14 @@
+'use strict';
+
+function download(url, name) {
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.style.display = "none";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
+
+exports.download = download;
+//# sourceMappingURL=download.js.map

package/dist/utils/download.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.js","sources":["../../src/utils/download.ts"],"sourcesContent":["export function download(url: string, name: string) {\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.style.display = \"none\";\n\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n}\n"],"names":[],"mappings":";;AAAgB,SAAA,QAAA,CAAS,KAAa,IAAc,EAAA;AAClD,EAAM,MAAA,CAAA,GAAI,QAAS,CAAA,aAAA,CAAc,GAAG,CAAA,CAAA;AACpC,EAAA,CAAA,CAAE,IAAO,GAAA,GAAA,CAAA;AACT,EAAA,CAAA,CAAE,QAAW,GAAA,IAAA,CAAA;AACb,EAAA,CAAA,CAAE,MAAM,OAAU,GAAA,MAAA,CAAA;AAElB,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC3B,EAAA,CAAA,CAAE,KAAM,EAAA,CAAA;AACR,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC7B;;;;"}

package/dist/utils/download.mjs

@@ -0,0 +1,12 @@
+function download(url, name) {
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.style.display = "none";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
+
+export { download };
+//# sourceMappingURL=download.mjs.map

package/dist/utils/download.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.mjs","sources":["../../src/utils/download.ts"],"sourcesContent":["export function download(url: string, name: string) {\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.style.display = \"none\";\n\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n}\n"],"names":[],"mappings":"AAAgB,SAAA,QAAA,CAAS,KAAa,IAAc,EAAA;AAClD,EAAM,MAAA,CAAA,GAAI,QAAS,CAAA,aAAA,CAAc,GAAG,CAAA,CAAA;AACpC,EAAA,CAAA,CAAE,IAAO,GAAA,GAAA,CAAA;AACT,EAAA,CAAA,CAAE,QAAW,GAAA,IAAA,CAAA;AACb,EAAA,CAAA,CAAE,MAAM,OAAU,GAAA,MAAA,CAAA;AAElB,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC3B,EAAA,CAAA,CAAE,KAAM,EAAA,CAAA;AACR,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC7B;;;;"}

package/dist/utils/format-file-size.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var intl = require('./intl.js');
+
+const BASE = 1e3;
+const UNITS = ["B", "KB", "MB", "GB"];
+function formatFileSize(bytes, locale) {
+  if (bytes === 0) {
+    return `0 ${UNITS[1]}`;
+  }
+  let unit;
+  if (bytes === 0) {
+    unit = 1;
+  } else {
+    unit = Math.max(
+      1,
+      Math.min(
+        Math.floor(Math.log(Math.abs(bytes)) / Math.log(BASE)),
+        UNITS.length - 1
+      )
+    );
+  }
+  let value = bytes / BASE ** unit;
+  let maximumDecimals = 1;
+  if (unit === 1) {
+    if (value >= 10) {
+      maximumDecimals = 0;
+    }
+    if (value < 0.1 && value > 0) {
+      maximumDecimals = 2;
+    }
+    if (value < 0.01) {
+      value = 0.01;
+    }
+  }
+  const formattedUnit = UNITS[unit];
+  const formattedValue = intl.numberFormat(locale, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: maximumDecimals
+  }).format(value);
+  return `${formattedValue} ${formattedUnit}`;
+}
+
+exports.formatFileSize = formatFileSize;
+//# sourceMappingURL=format-file-size.js.map

package/dist/utils/format-file-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-file-size.js","sources":["../../src/utils/format-file-size.ts"],"sourcesContent":["import { numberFormat } from \"./intl\";\n\nconst BASE = 1000;\nconst UNITS = [\"B\", \"KB\", \"MB\", \"GB\"] as const;\n\nexport function formatFileSize(bytes: number, locale?: string) {\n  if (bytes === 0) {\n    return `0 ${UNITS[1]}`;\n  }\n\n  let unit: number;\n\n  if (bytes === 0) {\n    unit = 1;\n  } else {\n    unit = Math.max(\n      1,\n      Math.min(\n        Math.floor(Math.log(Math.abs(bytes)) / Math.log(BASE)),\n        UNITS.length - 1\n      )\n    );\n  }\n\n  let value = bytes / BASE ** unit;\n  let maximumDecimals = 1;\n\n  if (unit === 1) {\n    // Hide decimals for KB values above 10\n    if (value >= 10) {\n      maximumDecimals = 0;\n    }\n\n    // Allow 2 decimals instead of 1 for KB values below 0.1\n    if (value < 0.1 && value > 0) {\n      maximumDecimals = 2;\n    }\n\n    // Display tiny KB values as 0.01 KB instead of 0 KB\n    if (value < 0.01) {\n      value = 0.01;\n    }\n  }\n\n  const formattedUnit = UNITS[unit];\n  const formattedValue = numberFormat(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: maximumDecimals,\n  }).format(value);\n\n  return `${formattedValue} ${formattedUnit}`;\n}\n"],"names":["numberFormat"],"mappings":";;;;AAEA,MAAM,IAAO,GAAA,GAAA,CAAA;AACb,MAAM,KAAQ,GAAA,CAAC,GAAK,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA,CAAA;AAEpB,SAAA,cAAA,CAAe,OAAe,MAAiB,EAAA;AAC7D,EAAA,IAAI,UAAU,CAAG,EAAA;AACf,IAAA,OAAO,KAAK,KAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GACpB;AAEA,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,IAAI,UAAU,CAAG,EAAA;AACf,IAAO,IAAA,GAAA,CAAA,CAAA;AAAA,GACF,MAAA;AACL,IAAA,IAAA,GAAO,IAAK,CAAA,GAAA;AAAA,MACV,CAAA;AAAA,MACA,IAAK,CAAA,GAAA;AAAA,QACH,IAAK,CAAA,KAAA,CAAM,IAAK,CAAA,GAAA,CAAI,IAAK,CAAA,GAAA,CAAI,KAAK,CAAC,CAAI,GAAA,IAAA,CAAK,GAAI,CAAA,IAAI,CAAC,CAAA;AAAA,QACrD,MAAM,MAAS,GAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAI,IAAA,KAAA,GAAQ,QAAQ,IAAQ,IAAA,IAAA,CAAA;AAC5B,EAAA,IAAI,eAAkB,GAAA,CAAA,CAAA;AAEtB,EAAA,IAAI,SAAS,CAAG,EAAA;AAEd,IAAA,IAAI,SAAS,EAAI,EAAA;AACf,MAAkB,eAAA,GAAA,CAAA,CAAA;AAAA,KACpB;AAGA,IAAI,IAAA,KAAA,GAAQ,GAAO,IAAA,KAAA,GAAQ,CAAG,EAAA;AAC5B,MAAkB,eAAA,GAAA,CAAA,CAAA;AAAA,KACpB;AAGA,IAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,MAAQ,KAAA,GAAA,IAAA,CAAA;AAAA,KACV;AAAA,GACF;AAEA,EAAA,MAAM,gBAAgB,KAAM,CAAA,IAAA,CAAA,CAAA;AAC5B,EAAM,MAAA,cAAA,GAAiBA,kBAAa,MAAQ,EAAA;AAAA,IAC1C,qBAAuB,EAAA,CAAA;AAAA,IACvB,qBAAuB,EAAA,eAAA;AAAA,GACxB,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAEf,EAAA,OAAO,GAAG,cAAkB,CAAA,CAAA,EAAA,aAAA,CAAA,CAAA,CAAA;AAC9B;;;;"}

package/dist/utils/format-file-size.mjs

@@ -0,0 +1,43 @@
+import { numberFormat } from './intl.mjs';
+
+const BASE = 1e3;
+const UNITS = ["B", "KB", "MB", "GB"];
+function formatFileSize(bytes, locale) {
+  if (bytes === 0) {
+    return `0 ${UNITS[1]}`;
+  }
+  let unit;
+  if (bytes === 0) {
+    unit = 1;
+  } else {
+    unit = Math.max(
+      1,
+      Math.min(
+        Math.floor(Math.log(Math.abs(bytes)) / Math.log(BASE)),
+        UNITS.length - 1
+      )
+    );
+  }
+  let value = bytes / BASE ** unit;
+  let maximumDecimals = 1;
+  if (unit === 1) {
+    if (value >= 10) {
+      maximumDecimals = 0;
+    }
+    if (value < 0.1 && value > 0) {
+      maximumDecimals = 2;
+    }
+    if (value < 0.01) {
+      value = 0.01;
+    }
+  }
+  const formattedUnit = UNITS[unit];
+  const formattedValue = numberFormat(locale, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: maximumDecimals
+  }).format(value);
+  return `${formattedValue} ${formattedUnit}`;
+}
+
+export { formatFileSize };
+//# sourceMappingURL=format-file-size.mjs.map

package/dist/utils/format-file-size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-file-size.mjs","sources":["../../src/utils/format-file-size.ts"],"sourcesContent":["import { numberFormat } from \"./intl\";\n\nconst BASE = 1000;\nconst UNITS = [\"B\", \"KB\", \"MB\", \"GB\"] as const;\n\nexport function formatFileSize(bytes: number, locale?: string) {\n  if (bytes === 0) {\n    return `0 ${UNITS[1]}`;\n  }\n\n  let unit: number;\n\n  if (bytes === 0) {\n    unit = 1;\n  } else {\n    unit = Math.max(\n      1,\n      Math.min(\n        Math.floor(Math.log(Math.abs(bytes)) / Math.log(BASE)),\n        UNITS.length - 1\n      )\n    );\n  }\n\n  let value = bytes / BASE ** unit;\n  let maximumDecimals = 1;\n\n  if (unit === 1) {\n    // Hide decimals for KB values above 10\n    if (value >= 10) {\n      maximumDecimals = 0;\n    }\n\n    // Allow 2 decimals instead of 1 for KB values below 0.1\n    if (value < 0.1 && value > 0) {\n      maximumDecimals = 2;\n    }\n\n    // Display tiny KB values as 0.01 KB instead of 0 KB\n    if (value < 0.01) {\n      value = 0.01;\n    }\n  }\n\n  const formattedUnit = UNITS[unit];\n  const formattedValue = numberFormat(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: maximumDecimals,\n  }).format(value);\n\n  return `${formattedValue} ${formattedUnit}`;\n}\n"],"names":[],"mappings":";;AAEA,MAAM,IAAO,GAAA,GAAA,CAAA;AACb,MAAM,KAAQ,GAAA,CAAC,GAAK,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA,CAAA;AAEpB,SAAA,cAAA,CAAe,OAAe,MAAiB,EAAA;AAC7D,EAAA,IAAI,UAAU,CAAG,EAAA;AACf,IAAA,OAAO,KAAK,KAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GACpB;AAEA,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,IAAI,UAAU,CAAG,EAAA;AACf,IAAO,IAAA,GAAA,CAAA,CAAA;AAAA,GACF,MAAA;AACL,IAAA,IAAA,GAAO,IAAK,CAAA,GAAA;AAAA,MACV,CAAA;AAAA,MACA,IAAK,CAAA,GAAA;AAAA,QACH,IAAK,CAAA,KAAA,CAAM,IAAK,CAAA,GAAA,CAAI,IAAK,CAAA,GAAA,CAAI,KAAK,CAAC,CAAI,GAAA,IAAA,CAAK,GAAI,CAAA,IAAI,CAAC,CAAA;AAAA,QACrD,MAAM,MAAS,GAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAI,IAAA,KAAA,GAAQ,QAAQ,IAAQ,IAAA,IAAA,CAAA;AAC5B,EAAA,IAAI,eAAkB,GAAA,CAAA,CAAA;AAEtB,EAAA,IAAI,SAAS,CAAG,EAAA;AAEd,IAAA,IAAI,SAAS,EAAI,EAAA;AACf,MAAkB,eAAA,GAAA,CAAA,CAAA;AAAA,KACpB;AAGA,IAAI,IAAA,KAAA,GAAQ,GAAO,IAAA,KAAA,GAAQ,CAAG,EAAA;AAC5B,MAAkB,eAAA,GAAA,CAAA,CAAA;AAAA,KACpB;AAGA,IAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,MAAQ,KAAA,GAAA,IAAA,CAAA;AAAA,KACV;AAAA,GACF;AAEA,EAAA,MAAM,gBAAgB,KAAM,CAAA,IAAA,CAAA,CAAA;AAC5B,EAAM,MAAA,cAAA,GAAiB,aAAa,MAAQ,EAAA;AAAA,IAC1C,qBAAuB,EAAA,CAAA;AAAA,IACvB,qBAAuB,EAAA,eAAA;AAAA,GACxB,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAEf,EAAA,OAAO,GAAG,cAAkB,CAAA,CAAA,EAAA,aAAA,CAAA,CAAA,CAAA;AAC9B;;;;"}

package/dist/utils/intl.js

@@ -17,8 +17,14 @@ const listFormat = memoize.memoize(
     return new Intl.ListFormat(...args);
   }
 );
+const numberFormat = memoize.memoize(
+  (...args) => {
+    return new Intl.NumberFormat(...args);
+  }
+);
 
 exports.dateTimeFormat = dateTimeFormat;
 exports.listFormat = listFormat;
+exports.numberFormat = numberFormat;
 exports.relativeTimeFormat = relativeTimeFormat;
 //# sourceMappingURL=intl.js.map

package/dist/utils/intl.js.map

@@ -1 +1 @@
-{"version":3,"file":"intl.js","sources":["../../src/utils/intl.ts"],"sourcesContent":["import { memoize } from \"./memoize\";\n\n// Avoid creating Intl formatters on every invocation.\n\nexport const dateTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"DateTimeFormat\"]>) => {\n    return new Intl.DateTimeFormat(...args);\n  }\n);\n\nexport const relativeTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"RelativeTimeFormat\"]>) => {\n    return new Intl.RelativeTimeFormat(...args);\n  }\n);\n\nexport const listFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"ListFormat\"]>) => {\n    return new Intl.ListFormat(...args);\n  }\n);\n"],"names":["memoize"],"mappings":";;;;AAIO,MAAM,cAAiB,GAAAA,eAAA;AAAA,EAC5B,IAAI,IAAiE,KAAA;AACnE,IAAA,OAAO,IAAI,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACxC;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAAA,eAAA;AAAA,EAChC,IAAI,IAAqE,KAAA;AACvE,IAAA,OAAO,IAAI,IAAA,CAAK,kBAAmB,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GAC5C;AACF,EAAA;AAEO,MAAM,UAAa,GAAAA,eAAA;AAAA,EACxB,IAAI,IAA6D,KAAA;AAC/D,IAAA,OAAO,IAAI,IAAA,CAAK,UAAW,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACpC;AACF;;;;;;"}
+{"version":3,"file":"intl.js","sources":["../../src/utils/intl.ts"],"sourcesContent":["import { memoize } from \"./memoize\";\n\n// Avoid creating Intl formatters on every invocation.\n\nexport const dateTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"DateTimeFormat\"]>) => {\n    return new Intl.DateTimeFormat(...args);\n  }\n);\n\nexport const relativeTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"RelativeTimeFormat\"]>) => {\n    return new Intl.RelativeTimeFormat(...args);\n  }\n);\n\nexport const listFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"ListFormat\"]>) => {\n    return new Intl.ListFormat(...args);\n  }\n);\n\nexport const numberFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"NumberFormat\"]>) => {\n    return new Intl.NumberFormat(...args);\n  }\n);\n"],"names":["memoize"],"mappings":";;;;AAIO,MAAM,cAAiB,GAAAA,eAAA;AAAA,EAC5B,IAAI,IAAiE,KAAA;AACnE,IAAA,OAAO,IAAI,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACxC;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAAA,eAAA;AAAA,EAChC,IAAI,IAAqE,KAAA;AACvE,IAAA,OAAO,IAAI,IAAA,CAAK,kBAAmB,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GAC5C;AACF,EAAA;AAEO,MAAM,UAAa,GAAAA,eAAA;AAAA,EACxB,IAAI,IAA6D,KAAA;AAC/D,IAAA,OAAO,IAAI,IAAA,CAAK,UAAW,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACpC;AACF,EAAA;AAEO,MAAM,YAAe,GAAAA,eAAA;AAAA,EAC1B,IAAI,IAA+D,KAAA;AACjE,IAAA,OAAO,IAAI,IAAA,CAAK,YAAa,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACtC;AACF;;;;;;;"}

package/dist/utils/intl.mjs

@@ -15,6 +15,11 @@ const listFormat = memoize(
     return new Intl.ListFormat(...args);
   }
 );
+const numberFormat = memoize(
+  (...args) => {
+    return new Intl.NumberFormat(...args);
+  }
+);
 
-export { dateTimeFormat, listFormat, relativeTimeFormat };
+export { dateTimeFormat, listFormat, numberFormat, relativeTimeFormat };
 //# sourceMappingURL=intl.mjs.map

package/dist/utils/intl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"intl.mjs","sources":["../../src/utils/intl.ts"],"sourcesContent":["import { memoize } from \"./memoize\";\n\n// Avoid creating Intl formatters on every invocation.\n\nexport const dateTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"DateTimeFormat\"]>) => {\n    return new Intl.DateTimeFormat(...args);\n  }\n);\n\nexport const relativeTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"RelativeTimeFormat\"]>) => {\n    return new Intl.RelativeTimeFormat(...args);\n  }\n);\n\nexport const listFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"ListFormat\"]>) => {\n    return new Intl.ListFormat(...args);\n  }\n);\n"],"names":[],"mappings":";;AAIO,MAAM,cAAiB,GAAA,OAAA;AAAA,EAC5B,IAAI,IAAiE,KAAA;AACnE,IAAA,OAAO,IAAI,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACxC;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAA,OAAA;AAAA,EAChC,IAAI,IAAqE,KAAA;AACvE,IAAA,OAAO,IAAI,IAAA,CAAK,kBAAmB,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GAC5C;AACF,EAAA;AAEO,MAAM,UAAa,GAAA,OAAA;AAAA,EACxB,IAAI,IAA6D,KAAA;AAC/D,IAAA,OAAO,IAAI,IAAA,CAAK,UAAW,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACpC;AACF;;;;"}
+{"version":3,"file":"intl.mjs","sources":["../../src/utils/intl.ts"],"sourcesContent":["import { memoize } from \"./memoize\";\n\n// Avoid creating Intl formatters on every invocation.\n\nexport const dateTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"DateTimeFormat\"]>) => {\n    return new Intl.DateTimeFormat(...args);\n  }\n);\n\nexport const relativeTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"RelativeTimeFormat\"]>) => {\n    return new Intl.RelativeTimeFormat(...args);\n  }\n);\n\nexport const listFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"ListFormat\"]>) => {\n    return new Intl.ListFormat(...args);\n  }\n);\n\nexport const numberFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"NumberFormat\"]>) => {\n    return new Intl.NumberFormat(...args);\n  }\n);\n"],"names":[],"mappings":";;AAIO,MAAM,cAAiB,GAAA,OAAA;AAAA,EAC5B,IAAI,IAAiE,KAAA;AACnE,IAAA,OAAO,IAAI,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACxC;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAA,OAAA;AAAA,EAChC,IAAI,IAAqE,KAAA;AACvE,IAAA,OAAO,IAAI,IAAA,CAAK,kBAAmB,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GAC5C;AACF,EAAA;AAEO,MAAM,UAAa,GAAA,OAAA;AAAA,EACxB,IAAI,IAA6D,KAAA;AAC/D,IAAA,OAAO,IAAI,IAAA,CAAK,UAAW,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACpC;AACF,EAAA;AAEO,MAAM,YAAe,GAAA,OAAA;AAAA,EAC1B,IAAI,IAA+D,KAAA;AACjE,IAAA,OAAO,IAAI,IAAA,CAAK,YAAa,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACtC;AACF;;;;"}

package/dist/utils/use-initial.js

@@ -3,7 +3,8 @@
 var React = require('react');
 
 function useInitial(value) {
-  return React.useRef(value instanceof Function ? value() : value).current;
+  const [initialValue] = React.useState(value);
+  return initialValue;
 }
 
 exports.useInitial = useInitial;

package/dist/utils/use-initial.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-initial.js","sources":["../../src/utils/use-initial.ts"],"sourcesContent":["import { useRef } from \"react\";\n\n/**\n * \"Freezes\" a given value, so that it will return the same value/instance on\n * each subsequent render. This can be used to freeze \"initial\" values for\n * custom hooks, much like how `useState(initialState)` or\n * `useRef(initialValue)` works.\n */\nexport function useInitial<T>(value: T | (() => T)): T {\n  return useRef(value instanceof Function ? value() : value).current;\n}\n"],"names":["useRef"],"mappings":";;;;AAQO,SAAS,WAAc,KAAyB,EAAA;AACrD,EAAA,OAAOA,aAAO,KAAiB,YAAA,QAAA,GAAW,KAAM,EAAA,GAAI,KAAK,CAAE,CAAA,OAAA,CAAA;AAC7D;;;;"}
+{"version":3,"file":"use-initial.js","sources":["../../src/utils/use-initial.ts"],"sourcesContent":["import { useState } from \"react\";\n\n/**\n * \"Freezes\" a given value, so that it will return the same value/instance on\n * each subsequent render. This can be used to freeze \"initial\" values for\n * custom hooks, much like how `useState(initialState)` or\n * `useRef(initialValue)` works.\n */\nexport function useInitial<T>(value: T | (() => T)): T {\n  const [initialValue] = useState(value);\n\n  return initialValue;\n}\n"],"names":["useState"],"mappings":";;;;AAQO,SAAS,WAAc,KAAyB,EAAA;AACrD,EAAA,MAAM,CAAC,YAAY,CAAI,GAAAA,cAAA,CAAS,KAAK,CAAA,CAAA;AAErC,EAAO,OAAA,YAAA,CAAA;AACT;;;;"}

package/dist/utils/use-initial.mjs

@@ -1,7 +1,8 @@
-import { useRef } from 'react';
+import { useState } from 'react';
 
 function useInitial(value) {
-  return useRef(value instanceof Function ? value() : value).current;
+  const [initialValue] = useState(value);
+  return initialValue;
 }
 
 export { useInitial };

package/dist/utils/use-initial.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-initial.mjs","sources":["../../src/utils/use-initial.ts"],"sourcesContent":["import { useRef } from \"react\";\n\n/**\n * \"Freezes\" a given value, so that it will return the same value/instance on\n * each subsequent render. This can be used to freeze \"initial\" values for\n * custom hooks, much like how `useState(initialState)` or\n * `useRef(initialValue)` works.\n */\nexport function useInitial<T>(value: T | (() => T)): T {\n  return useRef(value instanceof Function ? value() : value).current;\n}\n"],"names":[],"mappings":";;AAQO,SAAS,WAAc,KAAyB,EAAA;AACrD,EAAA,OAAO,OAAO,KAAiB,YAAA,QAAA,GAAW,KAAM,EAAA,GAAI,KAAK,CAAE,CAAA,OAAA,CAAA;AAC7D;;;;"}
+{"version":3,"file":"use-initial.mjs","sources":["../../src/utils/use-initial.ts"],"sourcesContent":["import { useState } from \"react\";\n\n/**\n * \"Freezes\" a given value, so that it will return the same value/instance on\n * each subsequent render. This can be used to freeze \"initial\" values for\n * custom hooks, much like how `useState(initialState)` or\n * `useRef(initialValue)` works.\n */\nexport function useInitial<T>(value: T | (() => T)): T {\n  const [initialValue] = useState(value);\n\n  return initialValue;\n}\n"],"names":[],"mappings":";;AAQO,SAAS,WAAc,KAAyB,EAAA;AACrD,EAAA,MAAM,CAAC,YAAY,CAAI,GAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAErC,EAAO,OAAA,YAAA,CAAA;AACT;;;;"}

package/dist/version.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const PKG_NAME = "@liveblocks/react-ui";
-const PKG_VERSION = "2.5.2";
+const PKG_VERSION = "2.7.0-beta1";
 const PKG_FORMAT = "cjs";
 
 exports.PKG_FORMAT = PKG_FORMAT;

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const ROLLUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof ROLLUP_FORMAT === \"string\" && ROLLUP_FORMAT;\n"],"names":[],"mappings":";;AAGO,MAAM,QAAW,GAAA,uBAAA;AACX,MAAA,WAAA,GAAiD,QAAA;AACjD,MAAA,UAAA,GAAkD;;;;;;"}
+{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const ROLLUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof ROLLUP_FORMAT === \"string\" && ROLLUP_FORMAT;\n"],"names":[],"mappings":";;AAGO,MAAM,QAAW,GAAA,uBAAA;AACX,MAAA,WAAA,GAAiD,cAAA;AACjD,MAAA,UAAA,GAAkD;;;;;;"}

package/dist/version.mjs

@@ -1,5 +1,5 @@
 const PKG_NAME = "@liveblocks/react-ui";
-const PKG_VERSION = "2.5.2";
+const PKG_VERSION = "2.7.0-beta1";
 const PKG_FORMAT = "esm";
 
 export { PKG_FORMAT, PKG_NAME, PKG_VERSION };

package/dist/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const ROLLUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof ROLLUP_FORMAT === \"string\" && ROLLUP_FORMAT;\n"],"names":[],"mappings":"AAGO,MAAM,QAAW,GAAA,uBAAA;AACX,MAAA,WAAA,GAAiD,QAAA;AACjD,MAAA,UAAA,GAAkD;;;;"}
+{"version":3,"file":"version.mjs","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const ROLLUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof ROLLUP_FORMAT === \"string\" && ROLLUP_FORMAT;\n"],"names":[],"mappings":"AAGO,MAAM,QAAW,GAAA,uBAAA;AACX,MAAA,WAAA,GAAiD,cAAA;AACjD,MAAA,UAAA,GAAkD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/react-ui",
-  "version": "2.5.2",
+  "version": "2.7.0-beta1",
   "description": "A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.",
   "license": "Apache-2.0",
   "type": "commonjs",
@@ -63,9 +63,9 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.8",
-    "@liveblocks/client": "2.5.2",
-    "@liveblocks/core": "2.5.2",
-    "@liveblocks/react": "2.5.2",
+    "@liveblocks/client": "2.7.0-beta1",
+    "@liveblocks/core": "2.7.0-beta1",
+    "@liveblocks/react": "2.7.0-beta1",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slot": "^1.0.2",

package/src/styles/dark/index.css

@@ -16,6 +16,7 @@
    * Shadows
    */
   --lb-inset-shadow: inset 0 0 0 1px rgb(255 255 255 / 6%);
+  --lb-highlight-shadow: inset 0 0 0 1px rgb(255 255 255 / 12%);
   --lb-elevation-shadow: $lb-elevation-shadow;
   --lb-tooltip-shadow: $lb-tooltip-shadow;