@liveblocks/react-ui 2.16.0-toolbars4 → 2.17.0-channels1

package/dist/_private/index.d.mts

@@ -1,17 +1,13 @@
 import * as react 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 { ComponentProps, ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends ComponentProps<"button"> {
-    variant?: "default" | "toolbar" | "outline" | "primary" | "secondary";
+    variant?: "default" | "outline" | "toggle" | "primary";
     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 = {
     /**
@@ -29,16 +25,6 @@ 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.
@@ -57,24 +43,8 @@ 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;
@@ -87,26 +57,8 @@ 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;
@@ -117,34 +69,8 @@ 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;
 
-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 };
+export { ArrowDownIcon, ArrowUpIcon, AttachmentIcon, Button, CheckIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiAddIcon, EmojiIcon, List, MentionIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SendIcon, SpinnerIcon, User, WarningIcon };

package/dist/_private/index.d.ts

@@ -1,17 +1,13 @@
 import * as react 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 { ComponentProps, ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends ComponentProps<"button"> {
-    variant?: "default" | "toolbar" | "outline" | "primary" | "secondary";
+    variant?: "default" | "outline" | "toggle" | "primary";
     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 = {
     /**
@@ -29,16 +25,6 @@ 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.
@@ -57,24 +43,8 @@ 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;
@@ -87,26 +57,8 @@ 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;
@@ -117,34 +69,8 @@ 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;
 
-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 };
+export { ArrowDownIcon, ArrowUpIcon, AttachmentIcon, Button, CheckIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiAddIcon, EmojiIcon, List, MentionIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SendIcon, SpinnerIcon, User, WarningIcon };

package/dist/_private/index.js

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