@liveblocks/react-ui 2.17.0-channels1 → 2.17.0-rc1

package/dist/_private/index.d.mts

@@ -1,13 +1,17 @@
 import * as react from 'react';
-import { ComponentProps, ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, Ref, RefCallback } from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export { TooltipProvider } from '@radix-ui/react-tooltip';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends ComponentProps<"button"> {
-    variant?: "default" | "outline" | "toggle" | "primary";
+    variant?: "default" | "toolbar" | "outline" | "primary" | "secondary";
     size?: "default" | "large";
     disableable?: boolean;
+    icon?: ReactNode;
 }
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const SelectButton: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 type SlotProp = {
     /**
@@ -25,6 +29,16 @@ interface ListProps extends ComponentPropsWithSlot<"span"> {
 }
 declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLSpanElement>>;
 
+interface TooltipProps extends Pick<TooltipPrimitive.TooltipTriggerProps, "children">, Omit<TooltipPrimitive.TooltipContentProps, "content"> {
+    content: ReactNode;
+    multiline?: boolean;
+}
+interface ShortcutTooltipProps extends TooltipProps {
+    shortcut?: string;
+}
+declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ShortcutTooltip: react.ForwardRefExoticComponent<ShortcutTooltipProps & react.RefAttributes<HTMLButtonElement>>;
+
 interface UserProps extends ComponentProps<"span"> {
     /**
      * The user ID to display the user name for.
@@ -43,8 +57,24 @@ declare function ArrowUpIcon(props: ComponentProps<"svg">): react_jsx_runtime.JS
 
 declare function AttachmentIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function BlockquoteIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function BoldIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function CheckIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function ChevronDownIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ChevronLeftIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ChevronRightIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ChevronUpIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function CodeIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function CommentIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function CrossIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function DeleteIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -57,8 +87,26 @@ declare function EmojiIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.
 
 declare function EmojiAddIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function H1Icon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function H2Icon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function H3Icon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ItalicIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function LengthenIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ListOrderedIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ListUnorderedIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function MentionIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function QuestionMarkIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function RedoIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function ResolveIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function ResolvedIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -69,8 +117,34 @@ declare function SearchIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX
 
 declare function SendIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function ShortenIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function SparklesIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function SpinnerIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function StrikethroughIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function TextIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function TranslateIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function UnderlineIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function UndoIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function WarningIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
-export { ArrowDownIcon, ArrowUpIcon, AttachmentIcon, Button, CheckIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiAddIcon, EmojiIcon, List, MentionIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SendIcon, SpinnerIcon, User, WarningIcon };
+declare function capitalize(string: string): string;
+
+/**
+ * "Freezes" a given value, so that it will return the same value/instance on
+ * each subsequent render. This can be used to freeze "initial" values for
+ * custom hooks, much like how `useState(initialState)` or
+ * `useRef(initialValue)` works.
+ */
+declare function useInitial<T>(value: T | (() => T)): T;
+
+declare function useRefs<T>(...refs: Ref<T>[]): RefCallback<T>;
+
+export { ArrowDownIcon, ArrowUpIcon, AttachmentIcon, BlockquoteIcon, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiAddIcon, EmojiIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SpinnerIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, useInitial, useRefs };

package/dist/_private/index.d.ts

@@ -1,13 +1,17 @@
 import * as react from 'react';
-import { ComponentProps, ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, Ref, RefCallback } from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export { TooltipProvider } from '@radix-ui/react-tooltip';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends ComponentProps<"button"> {
-    variant?: "default" | "outline" | "toggle" | "primary";
+    variant?: "default" | "toolbar" | "outline" | "primary" | "secondary";
     size?: "default" | "large";
     disableable?: boolean;
+    icon?: ReactNode;
 }
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const SelectButton: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 type SlotProp = {
     /**
@@ -25,6 +29,16 @@ interface ListProps extends ComponentPropsWithSlot<"span"> {
 }
 declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLSpanElement>>;
 
+interface TooltipProps extends Pick<TooltipPrimitive.TooltipTriggerProps, "children">, Omit<TooltipPrimitive.TooltipContentProps, "content"> {
+    content: ReactNode;
+    multiline?: boolean;
+}
+interface ShortcutTooltipProps extends TooltipProps {
+    shortcut?: string;
+}
+declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ShortcutTooltip: react.ForwardRefExoticComponent<ShortcutTooltipProps & react.RefAttributes<HTMLButtonElement>>;
+
 interface UserProps extends ComponentProps<"span"> {
     /**
      * The user ID to display the user name for.
@@ -43,8 +57,24 @@ declare function ArrowUpIcon(props: ComponentProps<"svg">): react_jsx_runtime.JS
 
 declare function AttachmentIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function BlockquoteIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function BoldIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function CheckIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function ChevronDownIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ChevronLeftIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ChevronRightIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ChevronUpIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function CodeIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function CommentIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function CrossIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function DeleteIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -57,8 +87,26 @@ declare function EmojiIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.
 
 declare function EmojiAddIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function H1Icon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function H2Icon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function H3Icon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ItalicIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function LengthenIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ListOrderedIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function ListUnorderedIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function MentionIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function QuestionMarkIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function RedoIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function ResolveIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function ResolvedIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -69,8 +117,34 @@ declare function SearchIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX
 
 declare function SendIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function ShortenIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function SparklesIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function SpinnerIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function StrikethroughIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function TextIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function TranslateIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function UnderlineIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function UndoIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function WarningIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
-export { ArrowDownIcon, ArrowUpIcon, AttachmentIcon, Button, CheckIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiAddIcon, EmojiIcon, List, MentionIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SendIcon, SpinnerIcon, User, WarningIcon };
+declare function capitalize(string: string): string;
+
+/**
+ * "Freezes" a given value, so that it will return the same value/instance on
+ * each subsequent render. This can be used to freeze "initial" values for
+ * custom hooks, much like how `useState(initialState)` or
+ * `useRef(initialValue)` works.
+ */
+declare function useInitial<T>(value: T | (() => T)): T;
+
+declare function useRefs<T>(...refs: Ref<T>[]): RefCallback<T>;
+
+export { ArrowDownIcon, ArrowUpIcon, AttachmentIcon, BlockquoteIcon, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiAddIcon, EmojiIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SpinnerIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, useInitial, useRefs };

package/dist/_private/index.js

@@ -2,48 +2,111 @@
 
 var Button = require('../components/internal/Button.js');
 var List = require('../components/internal/List.js');
+var Tooltip = require('../components/internal/Tooltip.js');
 var User = require('../components/internal/User.js');
 require('../icons/index.js');
+var capitalize = require('../utils/capitalize.js');
+var useInitial = require('../utils/use-initial.js');
+var useRefs = require('../utils/use-refs.js');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var ArrowDown = require('../icons/ArrowDown.js');
 var ArrowUp = require('../icons/ArrowUp.js');
 var Attachment = require('../icons/Attachment.js');
+var Blockquote = require('../icons/Blockquote.js');
+var Bold = require('../icons/Bold.js');
 var Check = require('../icons/Check.js');
+var ChevronDown = require('../icons/ChevronDown.js');
+var ChevronLeft = require('../icons/ChevronLeft.js');
+var ChevronRight = require('../icons/ChevronRight.js');
+var ChevronUp = require('../icons/ChevronUp.js');
+var Code = require('../icons/Code.js');
+var Comment = require('../icons/Comment.js');
 var Cross = require('../icons/Cross.js');
 var Delete = require('../icons/Delete.js');
 var Edit = require('../icons/Edit.js');
 var Ellipsis = require('../icons/Ellipsis.js');
 var Emoji = require('../icons/Emoji.js');
 var EmojiAdd = require('../icons/EmojiAdd.js');
+var H1 = require('../icons/H1.js');
+var H2 = require('../icons/H2.js');
+var H3 = require('../icons/H3.js');
+var Italic = require('../icons/Italic.js');
+var Lengthen = require('../icons/Lengthen.js');
+var ListOrdered = require('../icons/ListOrdered.js');
+var ListUnordered = require('../icons/ListUnordered.js');
 var Mention = require('../icons/Mention.js');
+var QuestionMark = require('../icons/QuestionMark.js');
+var Redo = require('../icons/Redo.js');
 var Resolve = require('../icons/Resolve.js');
 var Resolved = require('../icons/Resolved.js');
 var Restore = require('../icons/Restore.js');
 var Search = require('../icons/Search.js');
 var Send = require('../icons/Send.js');
+var Shorten = require('../icons/Shorten.js');
+var Sparkles = require('../icons/Sparkles.js');
 var Spinner = require('../icons/Spinner.js');
+var Strikethrough = require('../icons/Strikethrough.js');
+var Text = require('../icons/Text.js');
+var Translate = require('../icons/Translate.js');
+var Underline = require('../icons/Underline.js');
+var Undo = require('../icons/Undo.js');
 var Warning = require('../icons/Warning.js');
 
 
 
 exports.Button = Button.Button;
+exports.SelectButton = Button.SelectButton;
 exports.List = List.List;
+exports.ShortcutTooltip = Tooltip.ShortcutTooltip;
+exports.Tooltip = Tooltip.Tooltip;
 exports.User = User.User;
+exports.capitalize = capitalize.capitalize;
+exports.useInitial = useInitial.useInitial;
+exports.useRefs = useRefs.useRefs;
+Object.defineProperty(exports, 'TooltipProvider', {
+  enumerable: true,
+  get: function () { return TooltipPrimitive.TooltipProvider; }
+});
 exports.ArrowDownIcon = ArrowDown.ArrowDownIcon;
 exports.ArrowUpIcon = ArrowUp.ArrowUpIcon;
 exports.AttachmentIcon = Attachment.AttachmentIcon;
+exports.BlockquoteIcon = Blockquote.BlockquoteIcon;
+exports.BoldIcon = Bold.BoldIcon;
 exports.CheckIcon = Check.CheckIcon;
+exports.ChevronDownIcon = ChevronDown.ChevronDownIcon;
+exports.ChevronLeftIcon = ChevronLeft.ChevronLeftIcon;
+exports.ChevronRightIcon = ChevronRight.ChevronRightIcon;
+exports.ChevronUpIcon = ChevronUp.ChevronUpIcon;
+exports.CodeIcon = Code.CodeIcon;
+exports.CommentIcon = Comment.CommentIcon;
 exports.CrossIcon = Cross.CrossIcon;
 exports.DeleteIcon = Delete.DeleteIcon;
 exports.EditIcon = Edit.EditIcon;
 exports.EllipsisIcon = Ellipsis.EllipsisIcon;
 exports.EmojiIcon = Emoji.EmojiIcon;
 exports.EmojiAddIcon = EmojiAdd.EmojiAddIcon;
+exports.H1Icon = H1.H1Icon;
+exports.H2Icon = H2.H2Icon;
+exports.H3Icon = H3.H3Icon;
+exports.ItalicIcon = Italic.ItalicIcon;
+exports.LengthenIcon = Lengthen.LengthenIcon;
+exports.ListOrderedIcon = ListOrdered.ListOrderedIcon;
+exports.ListUnorderedIcon = ListUnordered.ListUnorderedIcon;
 exports.MentionIcon = Mention.MentionIcon;
+exports.QuestionMarkIcon = QuestionMark.QuestionMarkIcon;
+exports.RedoIcon = Redo.RedoIcon;
 exports.ResolveIcon = Resolve.ResolveIcon;
 exports.ResolvedIcon = Resolved.ResolvedIcon;
 exports.RestoreIcon = Restore.RestoreIcon;
 exports.SearchIcon = Search.SearchIcon;
 exports.SendIcon = Send.SendIcon;
+exports.ShortenIcon = Shorten.ShortenIcon;
+exports.SparklesIcon = Sparkles.SparklesIcon;
 exports.SpinnerIcon = Spinner.SpinnerIcon;
+exports.StrikethroughIcon = Strikethrough.StrikethroughIcon;
+exports.TextIcon = Text.TextIcon;
+exports.TranslateIcon = Translate.TranslateIcon;
+exports.UnderlineIcon = Underline.UnderlineIcon;
+exports.UndoIcon = Undo.UndoIcon;
 exports.WarningIcon = Warning.WarningIcon;
 //# sourceMappingURL=index.js.map

package/dist/_private/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/_private/index.mjs

@@ -1,23 +1,52 @@
-export { Button } from '../components/internal/Button.mjs';
+export { Button, SelectButton } from '../components/internal/Button.mjs';
 export { List } from '../components/internal/List.mjs';
+export { ShortcutTooltip, Tooltip } from '../components/internal/Tooltip.mjs';
 export { User } from '../components/internal/User.mjs';
 import '../icons/index.mjs';
+export { capitalize } from '../utils/capitalize.mjs';
+export { useInitial } from '../utils/use-initial.mjs';
+export { useRefs } from '../utils/use-refs.mjs';
+export { TooltipProvider } from '@radix-ui/react-tooltip';
 export { ArrowDownIcon } from '../icons/ArrowDown.mjs';
 export { ArrowUpIcon } from '../icons/ArrowUp.mjs';
 export { AttachmentIcon } from '../icons/Attachment.mjs';
+export { BlockquoteIcon } from '../icons/Blockquote.mjs';
+export { BoldIcon } from '../icons/Bold.mjs';
 export { CheckIcon } from '../icons/Check.mjs';
+export { ChevronDownIcon } from '../icons/ChevronDown.mjs';
+export { ChevronLeftIcon } from '../icons/ChevronLeft.mjs';
+export { ChevronRightIcon } from '../icons/ChevronRight.mjs';
+export { ChevronUpIcon } from '../icons/ChevronUp.mjs';
+export { CodeIcon } from '../icons/Code.mjs';
+export { CommentIcon } from '../icons/Comment.mjs';
 export { CrossIcon } from '../icons/Cross.mjs';
 export { DeleteIcon } from '../icons/Delete.mjs';
 export { EditIcon } from '../icons/Edit.mjs';
 export { EllipsisIcon } from '../icons/Ellipsis.mjs';
 export { EmojiIcon } from '../icons/Emoji.mjs';
 export { EmojiAddIcon } from '../icons/EmojiAdd.mjs';
+export { H1Icon } from '../icons/H1.mjs';
+export { H2Icon } from '../icons/H2.mjs';
+export { H3Icon } from '../icons/H3.mjs';
+export { ItalicIcon } from '../icons/Italic.mjs';
+export { LengthenIcon } from '../icons/Lengthen.mjs';
+export { ListOrderedIcon } from '../icons/ListOrdered.mjs';
+export { ListUnorderedIcon } from '../icons/ListUnordered.mjs';
 export { MentionIcon } from '../icons/Mention.mjs';
+export { QuestionMarkIcon } from '../icons/QuestionMark.mjs';
+export { RedoIcon } from '../icons/Redo.mjs';
 export { ResolveIcon } from '../icons/Resolve.mjs';
 export { ResolvedIcon } from '../icons/Resolved.mjs';
 export { RestoreIcon } from '../icons/Restore.mjs';
 export { SearchIcon } from '../icons/Search.mjs';
 export { SendIcon } from '../icons/Send.mjs';
+export { ShortenIcon } from '../icons/Shorten.mjs';
+export { SparklesIcon } from '../icons/Sparkles.mjs';
 export { SpinnerIcon } from '../icons/Spinner.mjs';
+export { StrikethroughIcon } from '../icons/Strikethrough.mjs';
+export { TextIcon } from '../icons/Text.mjs';
+export { TranslateIcon } from '../icons/Translate.mjs';
+export { UnderlineIcon } from '../icons/Underline.mjs';
+export { UndoIcon } from '../icons/Undo.mjs';
 export { WarningIcon } from '../icons/Warning.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/_private/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/components/Comment.js

@@ -102,7 +102,7 @@ function CommentNonInteractiveLink({
 }
 const CommentReactionButton = react.forwardRef(({ reaction, overrides: overrides$1, className, ...props }, forwardedRef) => {
   const $ = overrides.useOverrides(overrides$1);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Button.CustomButton, {
     className: classNames.classNames("lb-comment-reaction", className),
     variant: "outline",
     "aria-label": $.COMMENT_REACTION_DESCRIPTION(
@@ -505,9 +505,7 @@ const Comment = react.forwardRef(
                             className: "lb-comment-action",
                             onClick: stopPropagation,
                             "aria-label": $.COMMENT_ADD_REACTION,
-                            children: /* @__PURE__ */ jsxRuntime.jsx(EmojiAdd.EmojiAddIcon, {
-                              className: "lb-button-icon"
-                            })
+                            icon: /* @__PURE__ */ jsxRuntime.jsx(EmojiAdd.EmojiAddIcon, {})
                           })
                         })
                       })
@@ -518,25 +516,17 @@ const Comment = react.forwardRef(
                       align: "end",
                       content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsxs(Dropdown.DropdownItem, {
+                          /* @__PURE__ */ jsxRuntime.jsx(Dropdown.DropdownItem, {
                             onSelect: handleEdit,
                             onClick: stopPropagation,
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(Edit.EditIcon, {
-                                className: "lb-dropdown-item-icon"
-                              }),
-                              $.COMMENT_EDIT
-                            ]
+                            icon: /* @__PURE__ */ jsxRuntime.jsx(Edit.EditIcon, {}),
+                            children: $.COMMENT_EDIT
                           }),
-                          /* @__PURE__ */ jsxRuntime.jsxs(Dropdown.DropdownItem, {
+                          /* @__PURE__ */ jsxRuntime.jsx(Dropdown.DropdownItem, {
                             onSelect: handleDelete,
                             onClick: stopPropagation,
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(Delete.DeleteIcon, {
-                                className: "lb-dropdown-item-icon"
-                              }),
-                              $.COMMENT_DELETE
-                            ]
+                            icon: /* @__PURE__ */ jsxRuntime.jsx(Delete.DeleteIcon, {}),
+                            children: $.COMMENT_DELETE
                           })
                         ]
                       }),
@@ -549,9 +539,7 @@ const Comment = react.forwardRef(
                             disabled: !comment.body,
                             onClick: stopPropagation,
                             "aria-label": $.COMMENT_MORE,
-                            children: /* @__PURE__ */ jsxRuntime.jsx(Ellipsis.EllipsisIcon, {
-                              className: "lb-button-icon"
-                            })
+                            icon: /* @__PURE__ */ jsxRuntime.jsx(Ellipsis.EllipsisIcon, {})
                           })
                         })
                       })
@@ -579,16 +567,12 @@ const Comment = react.forwardRef(
                       children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
                         className: "lb-composer-action",
                         onClick: handleEditCancel,
-                        children: /* @__PURE__ */ jsxRuntime.jsx(Cross.CrossIcon, {
-                          className: "lb-button-icon"
-                        })
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(Cross.CrossIcon, {})
                       })
                     }),
                     /* @__PURE__ */ jsxRuntime.jsx(Tooltip.ShortcutTooltip, {
                       content: $.COMMENT_EDIT_COMPOSER_SAVE,
-                      shortcut: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.ShortcutTooltipKey, {
-                        name: "enter"
-                      }),
+                      shortcut: "Enter",
                       children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Submit, {
                         asChild: true,
                         children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
@@ -596,9 +580,7 @@ const Comment = react.forwardRef(
                           className: "lb-composer-action",
                           onClick: stopPropagation,
                           "aria-label": $.COMMENT_EDIT_COMPOSER_SAVE,
-                          children: /* @__PURE__ */ jsxRuntime.jsx(Check.CheckIcon, {
-                            className: "lb-button-icon"
-                          })
+                          icon: /* @__PURE__ */ jsxRuntime.jsx(Check.CheckIcon, {})
                         })
                       })
                     })
@@ -663,9 +645,7 @@ const Comment = react.forwardRef(
                               variant: "outline",
                               onClick: stopPropagation,
                               "aria-label": $.COMMENT_ADD_REACTION,
-                              children: /* @__PURE__ */ jsxRuntime.jsx(EmojiAdd.EmojiAddIcon, {
-                                className: "lb-button-icon"
-                              })
+                              icon: /* @__PURE__ */ jsxRuntime.jsx(EmojiAdd.EmojiAddIcon, {})
                             })
                           })
                         })