@liveblocks/react-ui 2.16.0-toolbars1 → 2.16.0-toolbars3

package/dist/_private/index.d.mts

@@ -11,6 +11,7 @@ interface ButtonProps extends ComponentProps<"button"> {
     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 = {
     /**
@@ -56,6 +57,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;
@@ -84,10 +87,20 @@ 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;
@@ -112,6 +125,8 @@ declare function SpinnerIcon(props: ComponentProps<"svg">): react_jsx_runtime.JS
 
 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;
@@ -122,6 +137,14 @@ declare function WarningIcon(props: ComponentProps<"svg">): react_jsx_runtime.JS
 
 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, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiAddIcon, EmojiIcon, ItalicIcon, LengthenIcon, List, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SpinnerIcon, StrikethroughIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, useRefs };
+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

@@ -11,6 +11,7 @@ interface ButtonProps extends ComponentProps<"button"> {
     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 = {
     /**
@@ -56,6 +57,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;
@@ -84,10 +87,20 @@ 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;
@@ -112,6 +125,8 @@ declare function SpinnerIcon(props: ComponentProps<"svg">): react_jsx_runtime.JS
 
 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;
@@ -122,6 +137,14 @@ declare function WarningIcon(props: ComponentProps<"svg">): react_jsx_runtime.JS
 
 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, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiAddIcon, EmojiIcon, ItalicIcon, LengthenIcon, List, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, SearchIcon, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SpinnerIcon, StrikethroughIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, useRefs };
+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

@@ -6,11 +6,13 @@ 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');
@@ -25,8 +27,13 @@ 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');
@@ -39,6 +46,7 @@ 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');
@@ -47,11 +55,13 @@ 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,
@@ -60,6 +70,7 @@ Object.defineProperty(exports, '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;
@@ -74,8 +85,13 @@ 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;
@@ -88,6 +104,7 @@ 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;

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,14 +1,16 @@
-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';
@@ -23,8 +25,13 @@ 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';
@@ -37,6 +44,7 @@ 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';

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/internal/Button.js

@@ -3,6 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var ChevronDown = require('../../icons/ChevronDown.js');
 var classNames = require('../../utils/class-names.js');
 
 
@@ -48,7 +49,32 @@ const Button = react.forwardRef(
     });
   }
 );
+const SelectButton = react.forwardRef(
+  ({ icon, children, className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(CustomButton, {
+      ...props,
+      type: "button",
+      className: classNames.classNames("lb-select-button", className),
+      ref: forwardedRef,
+      children: [
+        icon ? /* @__PURE__ */ jsxRuntime.jsx("span", {
+          className: "lb-icon-container",
+          children: icon
+        }) : null,
+        children ? /* @__PURE__ */ jsxRuntime.jsx("span", {
+          className: "lb-button-label",
+          children
+        }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", {
+          className: "lb-select-button-chevron",
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown.ChevronDownIcon, {})
+        })
+      ]
+    });
+  }
+);
 
 exports.Button = Button;
 exports.CustomButton = CustomButton;
+exports.SelectButton = SelectButton;
 //# sourceMappingURL=Button.js.map

package/dist/components/internal/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/internal/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: \"default\" | \"toolbar\" | \"outline\" | \"primary\" | \"secondary\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n  icon?: ReactNode;\n}\n\nexport const CustomButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ButtonProps, \"icon\">\n>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\n      children,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    return (\n      <button\n        type=\"button\"\n        className={classNames(\n          \"lb-button\",\n          !disableable && \"lb-button:non-disableable\",\n          className\n        )}\n        data-variant={variant}\n        data-size={size}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, ...props }, forwardedRef) => {\n    return (\n      <CustomButton {...props} ref={forwardedRef}>\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n      </CustomButton>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;AAAA;AAcO;AAAqB;AAKxB;AACY;AACH;AACO;AACd;AACA;AACG;AAIL;AACG;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AAEJ;AACH;AAGN;AAEO;AAAe;AAElB;AACG;AAAiB;AAAY;AAC3B;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AAAA;AACpE;AAGN;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/internal/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons/ChevronDown\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: \"default\" | \"toolbar\" | \"outline\" | \"primary\" | \"secondary\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n  icon?: ReactNode;\n}\n\nexport const CustomButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ButtonProps, \"icon\">\n>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\n      children,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    return (\n      <button\n        type=\"button\"\n        className={classNames(\n          \"lb-button\",\n          !disableable && \"lb-button:non-disableable\",\n          className\n        )}\n        data-variant={variant}\n        data-size={size}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, ...props }, forwardedRef) => {\n    return (\n      <CustomButton {...props} ref={forwardedRef}>\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n      </CustomButton>\n    );\n  }\n);\n\nexport const SelectButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, className, ...props }, forwardedRef) => {\n    return (\n      <CustomButton\n        {...props}\n        type=\"button\"\n        className={classNames(\"lb-select-button\", className)}\n        ref={forwardedRef}\n      >\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n        <span className=\"lb-select-button-chevron\">\n          <ChevronDownIcon />\n        </span>\n      </CustomButton>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;AAAA;AAeO;AAAqB;AAKxB;AACY;AACH;AACO;AACd;AACA;AACG;AAIL;AACG;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AAEJ;AACH;AAGN;AAEO;AAAe;AAElB;AACG;AAAiB;AAAY;AAC3B;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AAAA;AACpE;AAGN;AAEO;AAAqB;AAExB;AACG;AACK;AACC;AAC8C;AAC9C;AAEJ;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AACjE;AAAe;AACG;AACnB;AAAA;AACF;AAGN;;;;"}

package/dist/components/internal/Button.mjs

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { ChevronDownIcon } from '../../icons/ChevronDown.mjs';
 import { classNames } from '../../utils/class-names.mjs';
 
 
@@ -46,6 +47,30 @@ const Button = forwardRef(
     });
   }
 );
+const SelectButton = forwardRef(
+  ({ icon, children, className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs(CustomButton, {
+      ...props,
+      type: "button",
+      className: classNames("lb-select-button", className),
+      ref: forwardedRef,
+      children: [
+        icon ? /* @__PURE__ */ jsx("span", {
+          className: "lb-icon-container",
+          children: icon
+        }) : null,
+        children ? /* @__PURE__ */ jsx("span", {
+          className: "lb-button-label",
+          children
+        }) : null,
+        /* @__PURE__ */ jsx("span", {
+          className: "lb-select-button-chevron",
+          children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+        })
+      ]
+    });
+  }
+);
 
-export { Button, CustomButton };
+export { Button, CustomButton, SelectButton };
 //# sourceMappingURL=Button.mjs.map

package/dist/components/internal/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/components/internal/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: \"default\" | \"toolbar\" | \"outline\" | \"primary\" | \"secondary\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n  icon?: ReactNode;\n}\n\nexport const CustomButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ButtonProps, \"icon\">\n>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\n      children,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    return (\n      <button\n        type=\"button\"\n        className={classNames(\n          \"lb-button\",\n          !disableable && \"lb-button:non-disableable\",\n          className\n        )}\n        data-variant={variant}\n        data-size={size}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, ...props }, forwardedRef) => {\n    return (\n      <CustomButton {...props} ref={forwardedRef}>\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n      </CustomButton>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;AAAA;AAcO;AAAqB;AAKxB;AACY;AACH;AACO;AACd;AACA;AACG;AAIL;AACG;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AAEJ;AACH;AAGN;AAEO;AAAe;AAElB;AACG;AAAiB;AAAY;AAC3B;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AAAA;AACpE;AAGN;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/components/internal/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons/ChevronDown\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: \"default\" | \"toolbar\" | \"outline\" | \"primary\" | \"secondary\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n  icon?: ReactNode;\n}\n\nexport const CustomButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ButtonProps, \"icon\">\n>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\n      children,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    return (\n      <button\n        type=\"button\"\n        className={classNames(\n          \"lb-button\",\n          !disableable && \"lb-button:non-disableable\",\n          className\n        )}\n        data-variant={variant}\n        data-size={size}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, ...props }, forwardedRef) => {\n    return (\n      <CustomButton {...props} ref={forwardedRef}>\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n      </CustomButton>\n    );\n  }\n);\n\nexport const SelectButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, className, ...props }, forwardedRef) => {\n    return (\n      <CustomButton\n        {...props}\n        type=\"button\"\n        className={classNames(\"lb-select-button\", className)}\n        ref={forwardedRef}\n      >\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n        <span className=\"lb-select-button-chevron\">\n          <ChevronDownIcon />\n        </span>\n      </CustomButton>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;AAAA;AAeO;AAAqB;AAKxB;AACY;AACH;AACO;AACd;AACA;AACG;AAIL;AACG;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AAEJ;AACH;AAGN;AAEO;AAAe;AAElB;AACG;AAAiB;AAAY;AAC3B;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AAAA;AACpE;AAGN;AAEO;AAAqB;AAExB;AACG;AACK;AACC;AAC8C;AAC9C;AAEJ;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AACjE;AAAe;AACG;AACnB;AAAA;AACF;AAGN;;"}

package/dist/icon.js

@@ -0,0 +1,63 @@
+'use strict';
+
+require('./icons/index.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 Code = require('./icons/Code.js');
+var Comment = require('./icons/Comment.js');
+var Cross = require('./icons/Cross.js');
+var Ellipsis = require('./icons/Ellipsis.js');
+var Emoji = require('./icons/Emoji.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 Send = require('./icons/Send.js');
+var Shorten = require('./icons/Shorten.js');
+var Sparkles = require('./icons/Sparkles.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.Attachment = Attachment.AttachmentIcon;
+exports.Blockquote = Blockquote.BlockquoteIcon;
+exports.Bold = Bold.BoldIcon;
+exports.Check = Check.CheckIcon;
+exports.Code = Code.CodeIcon;
+exports.Comment = Comment.CommentIcon;
+exports.Cross = Cross.CrossIcon;
+exports.Ellipsis = Ellipsis.EllipsisIcon;
+exports.Emoji = Emoji.EmojiIcon;
+exports.H1 = H1.H1Icon;
+exports.H2 = H2.H2Icon;
+exports.H3 = H3.H3Icon;
+exports.Italic = Italic.ItalicIcon;
+exports.Lengthen = Lengthen.LengthenIcon;
+exports.ListOrdered = ListOrdered.ListOrderedIcon;
+exports.ListUnordered = ListUnordered.ListUnorderedIcon;
+exports.Mention = Mention.MentionIcon;
+exports.QuestionMark = QuestionMark.QuestionMarkIcon;
+exports.Redo = Redo.RedoIcon;
+exports.Send = Send.SendIcon;
+exports.Shorten = Shorten.ShortenIcon;
+exports.Sparkles = Sparkles.SparklesIcon;
+exports.Strikethrough = Strikethrough.StrikethroughIcon;
+exports.Text = Text.TextIcon;
+exports.Translate = Translate.TranslateIcon;
+exports.Underline = Underline.UnderlineIcon;
+exports.Undo = Undo.UndoIcon;
+exports.Warning = Warning.WarningIcon;
+//# sourceMappingURL=icon.js.map

package/dist/icon.js.map

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

package/dist/icon.mjs

@@ -0,0 +1,30 @@
+import './icons/index.mjs';
+export { AttachmentIcon as Attachment } from './icons/Attachment.mjs';
+export { BlockquoteIcon as Blockquote } from './icons/Blockquote.mjs';
+export { BoldIcon as Bold } from './icons/Bold.mjs';
+export { CheckIcon as Check } from './icons/Check.mjs';
+export { CodeIcon as Code } from './icons/Code.mjs';
+export { CommentIcon as Comment } from './icons/Comment.mjs';
+export { CrossIcon as Cross } from './icons/Cross.mjs';
+export { EllipsisIcon as Ellipsis } from './icons/Ellipsis.mjs';
+export { EmojiIcon as Emoji } from './icons/Emoji.mjs';
+export { H1Icon as H1 } from './icons/H1.mjs';
+export { H2Icon as H2 } from './icons/H2.mjs';
+export { H3Icon as H3 } from './icons/H3.mjs';
+export { ItalicIcon as Italic } from './icons/Italic.mjs';
+export { LengthenIcon as Lengthen } from './icons/Lengthen.mjs';
+export { ListOrderedIcon as ListOrdered } from './icons/ListOrdered.mjs';
+export { ListUnorderedIcon as ListUnordered } from './icons/ListUnordered.mjs';
+export { MentionIcon as Mention } from './icons/Mention.mjs';
+export { QuestionMarkIcon as QuestionMark } from './icons/QuestionMark.mjs';
+export { RedoIcon as Redo } from './icons/Redo.mjs';
+export { SendIcon as Send } from './icons/Send.mjs';
+export { ShortenIcon as Shorten } from './icons/Shorten.mjs';
+export { SparklesIcon as Sparkles } from './icons/Sparkles.mjs';
+export { StrikethroughIcon as Strikethrough } from './icons/Strikethrough.mjs';
+export { TextIcon as Text } from './icons/Text.mjs';
+export { TranslateIcon as Translate } from './icons/Translate.mjs';
+export { UnderlineIcon as Underline } from './icons/Underline.mjs';
+export { UndoIcon as Undo } from './icons/Undo.mjs';
+export { WarningIcon as Warning } from './icons/Warning.mjs';
+//# sourceMappingURL=icon.mjs.map

package/dist/icon.mjs.map

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

package/dist/icons/Blockquote.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Icon = require('../components/internal/Icon.js');
+
+function BlockquoteIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, {
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
+      d: "M16 14.25H9M16 10H9m7-4.25H4M4 10l2 2.13-2 2.12"
+    })
+  });
+}
+
+exports.BlockquoteIcon = BlockquoteIcon;
+//# sourceMappingURL=Blockquote.js.map

package/dist/icons/Blockquote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.js","sources":["../../src/icons/Blockquote.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function BlockquoteIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <path d=\"M16 14.25H9M16 10H9m7-4.25H4M4 10l2 2.13-2 2.12\" />\n    </Icon>\n  );\n}\n"],"names":["jsx","Icon"],"mappings":";;;;;AAIO,SAAS,eAAe,KAA8B,EAAA;AAC3D,EAAA,uBACGA,cAAA,CAAAC,SAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAC,kBAAAD,cAAA,CAAA,MAAA,EAAA;AAAA,MAAK,CAAE,EAAA,iDAAA;AAAA,KAAkD,CAAA;AAAA,GAC5D,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/Blockquote.mjs

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../components/internal/Icon.mjs';
+
+function BlockquoteIcon(props) {
+  return /* @__PURE__ */ jsx(Icon, {
+    ...props,
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M16 14.25H9M16 10H9m7-4.25H4M4 10l2 2.13-2 2.12"
+    })
+  });
+}
+
+export { BlockquoteIcon };
+//# sourceMappingURL=Blockquote.mjs.map

package/dist/icons/Blockquote.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.mjs","sources":["../../src/icons/Blockquote.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function BlockquoteIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <path d=\"M16 14.25H9M16 10H9m7-4.25H4M4 10l2 2.13-2 2.12\" />\n    </Icon>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,eAAe,KAA8B,EAAA;AAC3D,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,MAAK,CAAE,EAAA,iDAAA;AAAA,KAAkD,CAAA;AAAA,GAC5D,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/H1.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Icon = require('../components/internal/Icon.js');
+
+function H1Icon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, {
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
+      d: "M4 10h5m-5 4V6m5 8V6m3.5 1.5 2-1.5v8m0 0H13m1.5 0H16"
+    })
+  });
+}
+
+exports.H1Icon = H1Icon;
+//# sourceMappingURL=H1.js.map

package/dist/icons/H1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"H1.js","sources":["../../src/icons/H1.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function H1Icon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <path d=\"M4 10h5m-5 4V6m5 8V6m3.5 1.5 2-1.5v8m0 0H13m1.5 0H16\" />\n    </Icon>\n  );\n}\n"],"names":["jsx","Icon"],"mappings":";;;;;AAIO,SAAS,OAAO,KAA8B,EAAA;AACnD,EAAA,uBACGA,cAAA,CAAAC,SAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAC,kBAAAD,cAAA,CAAA,MAAA,EAAA;AAAA,MAAK,CAAE,EAAA,sDAAA;AAAA,KAAuD,CAAA;AAAA,GACjE,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/H1.mjs

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../components/internal/Icon.mjs';
+
+function H1Icon(props) {
+  return /* @__PURE__ */ jsx(Icon, {
+    ...props,
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M4 10h5m-5 4V6m5 8V6m3.5 1.5 2-1.5v8m0 0H13m1.5 0H16"
+    })
+  });
+}
+
+export { H1Icon };
+//# sourceMappingURL=H1.mjs.map

package/dist/icons/H1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"H1.mjs","sources":["../../src/icons/H1.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function H1Icon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <path d=\"M4 10h5m-5 4V6m5 8V6m3.5 1.5 2-1.5v8m0 0H13m1.5 0H16\" />\n    </Icon>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,OAAO,KAA8B,EAAA;AACnD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,MAAK,CAAE,EAAA,sDAAA;AAAA,KAAuD,CAAA;AAAA,GACjE,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/H2.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Icon = require('../components/internal/Icon.js');
+
+function H2Icon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, {
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
+      d: "M4 10h5m-5 4V6m5 8V6m3 1c.37-.6 1.21-1 2-1 1 0 2 .5 2 2 0 1.788-1.5 3-4 6h4"
+    })
+  });
+}
+
+exports.H2Icon = H2Icon;
+//# sourceMappingURL=H2.js.map

package/dist/icons/H2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"H2.js","sources":["../../src/icons/H2.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function H2Icon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <path d=\"M4 10h5m-5 4V6m5 8V6m3 1c.37-.6 1.21-1 2-1 1 0 2 .5 2 2 0 1.788-1.5 3-4 6h4\" />\n    </Icon>\n  );\n}\n"],"names":["jsx","Icon"],"mappings":";;;;;AAIO,SAAS,OAAO,KAA8B,EAAA;AACnD,EAAA,uBACGA,cAAA,CAAAC,SAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAC,kBAAAD,cAAA,CAAA,MAAA,EAAA;AAAA,MAAK,CAAE,EAAA,6EAAA;AAAA,KAA8E,CAAA;AAAA,GACxF,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/H2.mjs

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../components/internal/Icon.mjs';
+
+function H2Icon(props) {
+  return /* @__PURE__ */ jsx(Icon, {
+    ...props,
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M4 10h5m-5 4V6m5 8V6m3 1c.37-.6 1.21-1 2-1 1 0 2 .5 2 2 0 1.788-1.5 3-4 6h4"
+    })
+  });
+}
+
+export { H2Icon };
+//# sourceMappingURL=H2.mjs.map

package/dist/icons/H2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"H2.mjs","sources":["../../src/icons/H2.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function H2Icon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <path d=\"M4 10h5m-5 4V6m5 8V6m3 1c.37-.6 1.21-1 2-1 1 0 2 .5 2 2 0 1.788-1.5 3-4 6h4\" />\n    </Icon>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,OAAO,KAA8B,EAAA;AACnD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,MAAK,CAAE,EAAA,6EAAA;AAAA,KAA8E,CAAA;AAAA,GACxF,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/H3.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Icon = require('../components/internal/Icon.js');
+
+function H3Icon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, {
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
+      d: "M4 10h5m-5 4V6m5 8V6m3 1c.37-.6 1.2-1 2-1 .97 0 2 .5 2 2 0 1.79-1.47 2-2 2 .53 0 2 .21 2 2 0 1.5-1.03 2-2 2-.8 0-1.63-.4-2-1"
+    })
+  });
+}
+
+exports.H3Icon = H3Icon;
+//# sourceMappingURL=H3.js.map

package/dist/icons/H3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"H3.js","sources":["../../src/icons/H3.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function H3Icon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <path d=\"M4 10h5m-5 4V6m5 8V6m3 1c.37-.6 1.2-1 2-1 .97 0 2 .5 2 2 0 1.79-1.47 2-2 2 .53 0 2 .21 2 2 0 1.5-1.03 2-2 2-.8 0-1.63-.4-2-1\" />\n    </Icon>\n  );\n}\n"],"names":["jsx","Icon"],"mappings":";;;;;AAIO,SAAS,OAAO,KAA8B,EAAA;AACnD,EAAA,uBACGA,cAAA,CAAAC,SAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAC,kBAAAD,cAAA,CAAA,MAAA,EAAA;AAAA,MAAK,CAAE,EAAA,8HAAA;AAAA,KAA+H,CAAA;AAAA,GACzI,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/H3.mjs

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../components/internal/Icon.mjs';
+
+function H3Icon(props) {
+  return /* @__PURE__ */ jsx(Icon, {
+    ...props,
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M4 10h5m-5 4V6m5 8V6m3 1c.37-.6 1.2-1 2-1 .97 0 2 .5 2 2 0 1.79-1.47 2-2 2 .53 0 2 .21 2 2 0 1.5-1.03 2-2 2-.8 0-1.63-.4-2-1"
+    })
+  });
+}
+
+export { H3Icon };
+//# sourceMappingURL=H3.mjs.map

package/dist/icons/H3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"H3.mjs","sources":["../../src/icons/H3.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function H3Icon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <path d=\"M4 10h5m-5 4V6m5 8V6m3 1c.37-.6 1.2-1 2-1 .97 0 2 .5 2 2 0 1.79-1.47 2-2 2 .53 0 2 .21 2 2 0 1.5-1.03 2-2 2-.8 0-1.63-.4-2-1\" />\n    </Icon>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,OAAO,KAA8B,EAAA;AACnD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,MAAK,CAAE,EAAA,8HAAA;AAAA,KAA+H,CAAA;AAAA,GACzI,CAAA,CAAA;AAEJ;;;;"}