@liveblocks/react-ui 3.9.1 → 3.9.2-tiptap1

package/dist/components/internal/EmojiPicker.js

@@ -17,38 +17,28 @@ function EmojiPickerListEmoji({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx("button", {
-    className: cn("lb-emoji-picker-emoji", className),
-    ...props,
-    children: /* @__PURE__ */ jsx(Emoji, {
-      emoji: emoji.emoji
-    })
-  });
+  return /* @__PURE__ */ jsx("button", { className: cn("lb-emoji-picker-emoji", className), ...props, children: /* @__PURE__ */ jsx(Emoji, { emoji: emoji.emoji }) });
 }
 function EmojiPickerListRow({
   children,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx("div", {
-    className: cn("lb-emoji-picker-row", className),
-    ...props,
-    children
-  });
+  return /* @__PURE__ */ jsx("div", { className: cn("lb-emoji-picker-row", className), ...props, children });
 }
 function EmojiPickerListCategoryHeader({
   category,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx("div", {
-    className: cn("lb-emoji-picker-category-header", className),
-    ...props,
-    children: /* @__PURE__ */ jsx("span", {
-      className: "lb-emoji-picker-category-header-title",
-      children: category.label
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("lb-emoji-picker-category-header", className),
+      ...props,
+      children: /* @__PURE__ */ jsx("span", { className: "lb-emoji-picker-category-header-title", children: category.label })
+    }
+  );
 }
 const EmojiPicker = forwardRef(
   ({ onEmojiSelect, onOpenChange, children, className, ...props }, forwardedRef) => {
@@ -72,26 +62,25 @@ const EmojiPicker = forwardRef(
     const stopPropagation = useCallback((event) => {
       event.stopPropagation();
     }, []);
-    return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, {
-      open: isOpen,
-      onOpenChange: handleOpenChange,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
-          container: portalContainer,
-          children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
-            side: "top",
-            align: "center",
-            sideOffset: FLOATING_ELEMENT_SIDE_OFFSET,
-            collisionPadding: FLOATING_ELEMENT_COLLISION_PADDING,
-            className: cn(
-              "lb-root lb-portal lb-elevation lb-emoji-picker",
-              className
-            ),
-            ...props,
-            ref: forwardedRef,
-            asChild: true,
-            children: /* @__PURE__ */ jsxs(EmojiPicker$1.Root, {
+    return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open: isOpen, onOpenChange: handleOpenChange, children: [
+      children,
+      /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
+        PopoverPrimitive.Content,
+        {
+          side: "top",
+          align: "center",
+          sideOffset: FLOATING_ELEMENT_SIDE_OFFSET,
+          collisionPadding: FLOATING_ELEMENT_COLLISION_PADDING,
+          className: cn(
+            "lb-root lb-portal lb-elevation lb-emoji-picker",
+            className
+          ),
+          ...props,
+          ref: forwardedRef,
+          asChild: true,
+          children: /* @__PURE__ */ jsxs(
+            EmojiPicker$1.Root,
+            {
               onEmojiSelect: handleEmojiSelect,
               locale: $.locale,
               columns: 10,
@@ -99,75 +88,45 @@ const EmojiPicker = forwardRef(
               emojibaseUrl,
               onClick: stopPropagation,
               children: [
-                /* @__PURE__ */ jsx("div", {
-                  className: "lb-emoji-picker-header",
-                  children: /* @__PURE__ */ jsxs("div", {
-                    className: "lb-emoji-picker-search-container",
-                    children: [
-                      /* @__PURE__ */ jsx(EmojiPicker$1.Search, {
-                        className: "lb-emoji-picker-search",
-                        placeholder: $.EMOJI_PICKER_SEARCH_PLACEHOLDER,
-                        autoFocus: true
-                      }),
-                      /* @__PURE__ */ jsx(SearchIcon, {})
-                    ]
-                  })
-                }),
-                /* @__PURE__ */ jsxs(EmojiPicker$1.Viewport, {
-                  className: "lb-emoji-picker-content",
-                  children: [
-                    /* @__PURE__ */ jsx(EmojiPicker$1.Loading, {
-                      className: "lb-loading lb-emoji-picker-loading",
-                      children: /* @__PURE__ */ jsx(SpinnerIcon, {})
-                    }),
-                    /* @__PURE__ */ jsx(EmojiPicker$1.Empty, {
-                      className: "lb-empty lb-emoji-picker-empty",
-                      children: $.EMOJI_PICKER_EMPTY
-                    }),
-                    /* @__PURE__ */ jsx(EmojiPicker$1.List, {
+                /* @__PURE__ */ jsx("div", { className: "lb-emoji-picker-header", children: /* @__PURE__ */ jsxs("div", { className: "lb-emoji-picker-search-container", children: [
+                  /* @__PURE__ */ jsx(
+                    EmojiPicker$1.Search,
+                    {
+                      className: "lb-emoji-picker-search",
+                      placeholder: $.EMOJI_PICKER_SEARCH_PLACEHOLDER,
+                      autoFocus: true
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(SearchIcon, {})
+                ] }) }),
+                /* @__PURE__ */ jsxs(EmojiPicker$1.Viewport, { className: "lb-emoji-picker-content", children: [
+                  /* @__PURE__ */ jsx(EmojiPicker$1.Loading, { className: "lb-loading lb-emoji-picker-loading", children: /* @__PURE__ */ jsx(SpinnerIcon, {}) }),
+                  /* @__PURE__ */ jsx(EmojiPicker$1.Empty, { className: "lb-empty lb-emoji-picker-empty", children: $.EMOJI_PICKER_EMPTY }),
+                  /* @__PURE__ */ jsx(
+                    EmojiPicker$1.List,
+                    {
                       className: "lb-emoji-picker-list",
                       components: {
                         CategoryHeader: EmojiPickerListCategoryHeader,
                         Row: EmojiPickerListRow,
                         Emoji: EmojiPickerListEmoji
                       }
-                    })
-                  ]
-                }),
-                /* @__PURE__ */ jsxs("div", {
-                  className: "lb-emoji-picker-footer",
-                  children: [
-                    /* @__PURE__ */ jsx(EmojiPicker$1.ActiveEmoji, {
-                      children: ({ emoji }) => emoji ? /* @__PURE__ */ jsxs(Fragment, {
-                        children: [
-                          /* @__PURE__ */ jsx("div", {
-                            className: "lb-emoji-picker-active-emoji",
-                            children: emoji.emoji
-                          }),
-                          /* @__PURE__ */ jsx("span", {
-                            className: "lb-emoji-picker-active-emoji-label",
-                            children: emoji.label
-                          })
-                        ]
-                      }) : /* @__PURE__ */ jsx("span", {
-                        className: "lb-emoji-picker-active-emoji-label lb-emoji-picker-active-emoji-label-placeholder",
-                        children: "Select an emoji\u2026"
-                      })
-                    }),
-                    /* @__PURE__ */ jsx(Tooltip, {
-                      content: $.EMOJI_PICKER_CHANGE_SKIN_TONE,
-                      children: /* @__PURE__ */ jsx(EmojiPicker$1.SkinToneSelector, {
-                        className: "lb-button lb-emoji-picker-skin-tone-selector"
-                      })
-                    })
-                  ]
-                })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "lb-emoji-picker-footer", children: [
+                  /* @__PURE__ */ jsx(EmojiPicker$1.ActiveEmoji, { children: ({ emoji }) => emoji ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("div", { className: "lb-emoji-picker-active-emoji", children: emoji.emoji }),
+                    /* @__PURE__ */ jsx("span", { className: "lb-emoji-picker-active-emoji-label", children: emoji.label })
+                  ] }) : /* @__PURE__ */ jsx("span", { className: "lb-emoji-picker-active-emoji-label lb-emoji-picker-active-emoji-label-placeholder", children: "Select an emoji\u2026" }) }),
+                  /* @__PURE__ */ jsx(Tooltip, { content: $.EMOJI_PICKER_CHANGE_SKIN_TONE, children: /* @__PURE__ */ jsx(EmojiPicker$1.SkinToneSelector, { className: "lb-button lb-emoji-picker-skin-tone-selector" }) })
+                ] })
               ]
-            })
-          })
-        })
-      ]
-    });
+            }
+          )
+        }
+      ) })
+    ] });
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.js","sources":["../../../src/components/internal/EmojiPicker.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport {\n  type Emoji as FrimousseEmoji,\n  EmojiPicker as EmojiPickerPrimitive,\n  type EmojiPickerListCategoryHeaderProps,\n  type EmojiPickerListEmojiProps,\n  type EmojiPickerListRowProps,\n  type Locale,\n} from \"frimousse\";\nimport type { ComponentPropsWithoutRef, SyntheticEvent } from \"react\";\nimport { forwardRef, useCallback, useState } from \"react\";\n\nimport { useLiveblocksUiConfig } from \"../../config\";\nimport {\n  FLOATING_ELEMENT_COLLISION_PADDING,\n  FLOATING_ELEMENT_SIDE_OFFSET,\n} from \"../../constants\";\nimport { SearchIcon } from \"../../icons/Search\";\nimport { SpinnerIcon } from \"../../icons/Spinner\";\nimport { useOverrides } from \"../../overrides\";\nimport { cn } from \"../../utils/cn\";\nimport { Emoji } from \"./Emoji\";\nimport { Tooltip } from \"./Tooltip\";\n\nexport interface EmojiPickerProps extends ComponentPropsWithoutRef<\"div\"> {\n  onOpenChange?: (open: boolean) => void;\n  onEmojiSelect?: (emoji: string) => void;\n}\n\nfunction EmojiPickerListEmoji({\n  emoji,\n  className,\n  ...props\n}: EmojiPickerListEmojiProps) {\n  return (\n    <button className={cn(\"lb-emoji-picker-emoji\", className)} {...props}>\n      <Emoji emoji={emoji.emoji} />\n    </button>\n  );\n}\n\nfunction EmojiPickerListRow({\n  children,\n  className,\n  ...props\n}: EmojiPickerListRowProps) {\n  return (\n    <div className={cn(\"lb-emoji-picker-row\", className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nfunction EmojiPickerListCategoryHeader({\n  category,\n  className,\n  ...props\n}: EmojiPickerListCategoryHeaderProps) {\n  return (\n    <div\n      className={cn(\"lb-emoji-picker-category-header\", className)}\n      {...props}\n    >\n      <span className=\"lb-emoji-picker-category-header-title\">\n        {category.label}\n      </span>\n    </div>\n  );\n}\n\nexport const EmojiPicker = forwardRef<HTMLDivElement, EmojiPickerProps>(\n  (\n    { onEmojiSelect, onOpenChange, children, className, ...props },\n    forwardedRef\n  ) => {\n    const [isOpen, setOpen] = useState(false);\n    const { portalContainer, emojibaseUrl } = useLiveblocksUiConfig();\n    const $ = useOverrides();\n\n    const handleOpenChange = useCallback(\n      (isOpen: boolean) => {\n        setOpen(isOpen);\n        onOpenChange?.(isOpen);\n      },\n      [onOpenChange]\n    );\n\n    const handleEmojiSelect = useCallback(\n      ({ emoji }: FrimousseEmoji) => {\n        setOpen(false);\n        onEmojiSelect?.(emoji);\n      },\n      [onEmojiSelect]\n    );\n\n    const stopPropagation = useCallback((event: SyntheticEvent) => {\n      event.stopPropagation();\n    }, []);\n\n    return (\n      <PopoverPrimitive.Root open={isOpen} onOpenChange={handleOpenChange}>\n        {children}\n        <PopoverPrimitive.Portal container={portalContainer}>\n          <PopoverPrimitive.Content\n            side=\"top\"\n            align=\"center\"\n            sideOffset={FLOATING_ELEMENT_SIDE_OFFSET}\n            collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n            className={cn(\n              \"lb-root lb-portal lb-elevation lb-emoji-picker\",\n              className\n            )}\n            {...props}\n            ref={forwardedRef}\n            asChild\n          >\n            <EmojiPickerPrimitive.Root\n              onEmojiSelect={handleEmojiSelect}\n              locale={$.locale as Locale}\n              columns={10}\n              emojiVersion={15.1}\n              emojibaseUrl={emojibaseUrl}\n              onClick={stopPropagation}\n            >\n              <div className=\"lb-emoji-picker-header\">\n                <div className=\"lb-emoji-picker-search-container\">\n                  <EmojiPickerPrimitive.Search\n                    className=\"lb-emoji-picker-search\"\n                    placeholder={$.EMOJI_PICKER_SEARCH_PLACEHOLDER}\n                    autoFocus\n                  />\n                  <SearchIcon />\n                </div>\n              </div>\n              <EmojiPickerPrimitive.Viewport className=\"lb-emoji-picker-content\">\n                <EmojiPickerPrimitive.Loading className=\"lb-loading lb-emoji-picker-loading\">\n                  <SpinnerIcon />\n                </EmojiPickerPrimitive.Loading>\n                <EmojiPickerPrimitive.Empty className=\"lb-empty lb-emoji-picker-empty\">\n                  {$.EMOJI_PICKER_EMPTY}\n                </EmojiPickerPrimitive.Empty>\n                <EmojiPickerPrimitive.List\n                  className=\"lb-emoji-picker-list\"\n                  components={{\n                    CategoryHeader: EmojiPickerListCategoryHeader,\n                    Row: EmojiPickerListRow,\n                    Emoji: EmojiPickerListEmoji,\n                  }}\n                />\n              </EmojiPickerPrimitive.Viewport>\n              <div className=\"lb-emoji-picker-footer\">\n                <EmojiPickerPrimitive.ActiveEmoji>\n                  {({ emoji }) =>\n                    emoji ? (\n                      <>\n                        <div className=\"lb-emoji-picker-active-emoji\">\n                          {emoji.emoji}\n                        </div>\n                        <span className=\"lb-emoji-picker-active-emoji-label\">\n                          {emoji.label}\n                        </span>\n                      </>\n                    ) : (\n                      <span className=\"lb-emoji-picker-active-emoji-label lb-emoji-picker-active-emoji-label-placeholder\">\n                        Select an emoji…\n                      </span>\n                    )\n                  }\n                </EmojiPickerPrimitive.ActiveEmoji>\n                <Tooltip content={$.EMOJI_PICKER_CHANGE_SKIN_TONE}>\n                  <EmojiPickerPrimitive.SkinToneSelector className=\"lb-button lb-emoji-picker-skin-tone-selector\" />\n                </Tooltip>\n              </div>\n            </EmojiPickerPrimitive.Root>\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      </PopoverPrimitive.Root>\n    );\n  }\n);\n\nexport { PopoverTrigger as EmojiPickerTrigger } from \"@radix-ui/react-popover\";\n"],"names":["isOpen","EmojiPickerPrimitive"],"mappings":"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"}
+{"version":3,"file":"EmojiPicker.js","sources":["../../../src/components/internal/EmojiPicker.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport {\n  type Emoji as FrimousseEmoji,\n  EmojiPicker as EmojiPickerPrimitive,\n  type EmojiPickerListCategoryHeaderProps,\n  type EmojiPickerListEmojiProps,\n  type EmojiPickerListRowProps,\n  type Locale,\n} from \"frimousse\";\nimport type { ComponentPropsWithoutRef, SyntheticEvent } from \"react\";\nimport { forwardRef, useCallback, useState } from \"react\";\n\nimport { useLiveblocksUiConfig } from \"../../config\";\nimport {\n  FLOATING_ELEMENT_COLLISION_PADDING,\n  FLOATING_ELEMENT_SIDE_OFFSET,\n} from \"../../constants\";\nimport { SearchIcon } from \"../../icons/Search\";\nimport { SpinnerIcon } from \"../../icons/Spinner\";\nimport { useOverrides } from \"../../overrides\";\nimport { cn } from \"../../utils/cn\";\nimport { Emoji } from \"./Emoji\";\nimport { Tooltip } from \"./Tooltip\";\n\nexport interface EmojiPickerProps extends ComponentPropsWithoutRef<\"div\"> {\n  onOpenChange?: (open: boolean) => void;\n  onEmojiSelect?: (emoji: string) => void;\n}\n\nfunction EmojiPickerListEmoji({\n  emoji,\n  className,\n  ...props\n}: EmojiPickerListEmojiProps) {\n  return (\n    <button className={cn(\"lb-emoji-picker-emoji\", className)} {...props}>\n      <Emoji emoji={emoji.emoji} />\n    </button>\n  );\n}\n\nfunction EmojiPickerListRow({\n  children,\n  className,\n  ...props\n}: EmojiPickerListRowProps) {\n  return (\n    <div className={cn(\"lb-emoji-picker-row\", className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nfunction EmojiPickerListCategoryHeader({\n  category,\n  className,\n  ...props\n}: EmojiPickerListCategoryHeaderProps) {\n  return (\n    <div\n      className={cn(\"lb-emoji-picker-category-header\", className)}\n      {...props}\n    >\n      <span className=\"lb-emoji-picker-category-header-title\">\n        {category.label}\n      </span>\n    </div>\n  );\n}\n\nexport const EmojiPicker = forwardRef<HTMLDivElement, EmojiPickerProps>(\n  (\n    { onEmojiSelect, onOpenChange, children, className, ...props },\n    forwardedRef\n  ) => {\n    const [isOpen, setOpen] = useState(false);\n    const { portalContainer, emojibaseUrl } = useLiveblocksUiConfig();\n    const $ = useOverrides();\n\n    const handleOpenChange = useCallback(\n      (isOpen: boolean) => {\n        setOpen(isOpen);\n        onOpenChange?.(isOpen);\n      },\n      [onOpenChange]\n    );\n\n    const handleEmojiSelect = useCallback(\n      ({ emoji }: FrimousseEmoji) => {\n        setOpen(false);\n        onEmojiSelect?.(emoji);\n      },\n      [onEmojiSelect]\n    );\n\n    const stopPropagation = useCallback((event: SyntheticEvent) => {\n      event.stopPropagation();\n    }, []);\n\n    return (\n      <PopoverPrimitive.Root open={isOpen} onOpenChange={handleOpenChange}>\n        {children}\n        <PopoverPrimitive.Portal container={portalContainer}>\n          <PopoverPrimitive.Content\n            side=\"top\"\n            align=\"center\"\n            sideOffset={FLOATING_ELEMENT_SIDE_OFFSET}\n            collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n            className={cn(\n              \"lb-root lb-portal lb-elevation lb-emoji-picker\",\n              className\n            )}\n            {...props}\n            ref={forwardedRef}\n            asChild\n          >\n            <EmojiPickerPrimitive.Root\n              onEmojiSelect={handleEmojiSelect}\n              locale={$.locale as Locale}\n              columns={10}\n              emojiVersion={15.1}\n              emojibaseUrl={emojibaseUrl}\n              onClick={stopPropagation}\n            >\n              <div className=\"lb-emoji-picker-header\">\n                <div className=\"lb-emoji-picker-search-container\">\n                  <EmojiPickerPrimitive.Search\n                    className=\"lb-emoji-picker-search\"\n                    placeholder={$.EMOJI_PICKER_SEARCH_PLACEHOLDER}\n                    autoFocus\n                  />\n                  <SearchIcon />\n                </div>\n              </div>\n              <EmojiPickerPrimitive.Viewport className=\"lb-emoji-picker-content\">\n                <EmojiPickerPrimitive.Loading className=\"lb-loading lb-emoji-picker-loading\">\n                  <SpinnerIcon />\n                </EmojiPickerPrimitive.Loading>\n                <EmojiPickerPrimitive.Empty className=\"lb-empty lb-emoji-picker-empty\">\n                  {$.EMOJI_PICKER_EMPTY}\n                </EmojiPickerPrimitive.Empty>\n                <EmojiPickerPrimitive.List\n                  className=\"lb-emoji-picker-list\"\n                  components={{\n                    CategoryHeader: EmojiPickerListCategoryHeader,\n                    Row: EmojiPickerListRow,\n                    Emoji: EmojiPickerListEmoji,\n                  }}\n                />\n              </EmojiPickerPrimitive.Viewport>\n              <div className=\"lb-emoji-picker-footer\">\n                <EmojiPickerPrimitive.ActiveEmoji>\n                  {({ emoji }) =>\n                    emoji ? (\n                      <>\n                        <div className=\"lb-emoji-picker-active-emoji\">\n                          {emoji.emoji}\n                        </div>\n                        <span className=\"lb-emoji-picker-active-emoji-label\">\n                          {emoji.label}\n                        </span>\n                      </>\n                    ) : (\n                      <span className=\"lb-emoji-picker-active-emoji-label lb-emoji-picker-active-emoji-label-placeholder\">\n                        Select an emoji…\n                      </span>\n                    )\n                  }\n                </EmojiPickerPrimitive.ActiveEmoji>\n                <Tooltip content={$.EMOJI_PICKER_CHANGE_SKIN_TONE}>\n                  <EmojiPickerPrimitive.SkinToneSelector className=\"lb-button lb-emoji-picker-skin-tone-selector\" />\n                </Tooltip>\n              </div>\n            </EmojiPickerPrimitive.Root>\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      </PopoverPrimitive.Root>\n    );\n  }\n);\n\nexport { PopoverTrigger as EmojiPickerTrigger } from \"@radix-ui/react-popover\";\n"],"names":["isOpen","EmojiPickerPrimitive"],"mappings":"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"}

package/dist/components/internal/Favicon.cjs

@@ -10,16 +10,7 @@ var Globe = require('../../icons/Globe.cjs');
 
 function Favicon({ url, className, ...props }) {
   const { metadata } = react.useUrlMetadata(url);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: cn.cn("lb-favicon", className),
-    ...props,
-    children: metadata?.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", {
-      src: metadata?.icon,
-      alt: metadata?.title
-    }) : /* @__PURE__ */ jsxRuntime.jsx(Globe.GlobeIcon, {
-      className: "lb-favicon-fallback"
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("lb-favicon", className), ...props, children: metadata?.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: metadata?.icon, alt: metadata?.title }) : /* @__PURE__ */ jsxRuntime.jsx(Globe.GlobeIcon, { className: "lb-favicon-fallback" }) });
 }
 
 exports.Favicon = Favicon;

package/dist/components/internal/Favicon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Favicon.cjs","sources":["../../../src/components/internal/Favicon.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUrlMetadata } from \"@liveblocks/react\";\nimport { type ComponentProps } from \"react\";\n\nimport { GlobeIcon } from \"../../icons\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface FaviconProps extends ComponentProps<\"div\"> {\n  url: string;\n}\n\nexport function Favicon({ url, className, ...props }: FaviconProps) {\n  const { metadata } = useUrlMetadata(url);\n\n  return (\n    <div className={cn(\"lb-favicon\", className)} {...props}>\n      {metadata?.icon ? (\n        <img src={metadata?.icon} alt={metadata?.title} />\n      ) : (\n        <GlobeIcon className=\"lb-favicon-fallback\" />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAYO;AACL;AAEA;AACG;AAAyC;AAAO;AAE5C;AAAmB;AAAqB;AAExC;AAAoB;AAAsB;AAInD;;"}
+{"version":3,"file":"Favicon.cjs","sources":["../../../src/components/internal/Favicon.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUrlMetadata } from \"@liveblocks/react\";\nimport { type ComponentProps } from \"react\";\n\nimport { GlobeIcon } from \"../../icons\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface FaviconProps extends ComponentProps<\"div\"> {\n  url: string;\n}\n\nexport function Favicon({ url, className, ...props }: FaviconProps) {\n  const { metadata } = useUrlMetadata(url);\n\n  return (\n    <div className={cn(\"lb-favicon\", className)} {...props}>\n      {metadata?.icon ? (\n        <img src={metadata?.icon} alt={metadata?.title} />\n      ) : (\n        <GlobeIcon className=\"lb-favicon-fallback\" />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAYO;AACL;AAEA;AASF;;"}

package/dist/components/internal/Favicon.js

@@ -8,16 +8,7 @@ import { GlobeIcon } from '../../icons/Globe.js';
 
 function Favicon({ url, className, ...props }) {
   const { metadata } = useUrlMetadata(url);
-  return /* @__PURE__ */ jsx("div", {
-    className: cn("lb-favicon", className),
-    ...props,
-    children: metadata?.icon ? /* @__PURE__ */ jsx("img", {
-      src: metadata?.icon,
-      alt: metadata?.title
-    }) : /* @__PURE__ */ jsx(GlobeIcon, {
-      className: "lb-favicon-fallback"
-    })
-  });
+  return /* @__PURE__ */ jsx("div", { className: cn("lb-favicon", className), ...props, children: metadata?.icon ? /* @__PURE__ */ jsx("img", { src: metadata?.icon, alt: metadata?.title }) : /* @__PURE__ */ jsx(GlobeIcon, { className: "lb-favicon-fallback" }) });
 }
 
 export { Favicon };

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

@@ -1 +1 @@
-{"version":3,"file":"Favicon.js","sources":["../../../src/components/internal/Favicon.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUrlMetadata } from \"@liveblocks/react\";\nimport { type ComponentProps } from \"react\";\n\nimport { GlobeIcon } from \"../../icons\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface FaviconProps extends ComponentProps<\"div\"> {\n  url: string;\n}\n\nexport function Favicon({ url, className, ...props }: FaviconProps) {\n  const { metadata } = useUrlMetadata(url);\n\n  return (\n    <div className={cn(\"lb-favicon\", className)} {...props}>\n      {metadata?.icon ? (\n        <img src={metadata?.icon} alt={metadata?.title} />\n      ) : (\n        <GlobeIcon className=\"lb-favicon-fallback\" />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAYO;AACL;AAEA;AACG;AAAyC;AAAO;AAE5C;AAAmB;AAAqB;AAExC;AAAoB;AAAsB;AAInD;;"}
+{"version":3,"file":"Favicon.js","sources":["../../../src/components/internal/Favicon.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUrlMetadata } from \"@liveblocks/react\";\nimport { type ComponentProps } from \"react\";\n\nimport { GlobeIcon } from \"../../icons\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface FaviconProps extends ComponentProps<\"div\"> {\n  url: string;\n}\n\nexport function Favicon({ url, className, ...props }: FaviconProps) {\n  const { metadata } = useUrlMetadata(url);\n\n  return (\n    <div className={cn(\"lb-favicon\", className)} {...props}>\n      {metadata?.icon ? (\n        <img src={metadata?.icon} alt={metadata?.title} />\n      ) : (\n        <GlobeIcon className=\"lb-favicon-fallback\" />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAYO;AACL;AAEA;AASF;;"}

package/dist/components/internal/Group.cjs

@@ -8,15 +8,18 @@ var cn = require('../../utils/cn.cjs');
 
 function Group({ groupId, className, children, ...props }) {
   const { info, isLoading } = react.useGroupInfo(groupId);
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", {
-    className: cn.cn("lb-name lb-group", className),
-    "data-loading": isLoading ? "" : void 0,
-    ...props,
-    children: [
-      isLoading ? null : info?.name ?? groupId,
-      children
-    ]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: cn.cn("lb-name lb-group", className),
+      "data-loading": isLoading ? "" : void 0,
+      ...props,
+      children: [
+        isLoading ? null : info?.name ?? groupId,
+        children
+      ]
+    }
+  );
 }
 
 exports.Group = Group;

package/dist/components/internal/Group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Group.cjs","sources":["../../../src/components/internal/Group.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGroupInfo } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport interface GroupProps extends ComponentProps<\"span\"> {\n  /**\n   * The group ID to display the group name for.\n   */\n  groupId: string;\n}\n\nexport function Group({ groupId, className, children, ...props }: GroupProps) {\n  const { info, isLoading } = useGroupInfo(groupId);\n\n  return (\n    <span\n      className={cn(\"lb-name lb-group\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {isLoading ? null : (info?.name ?? groupId)}\n      {children}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAcO;AACL;AAEA;AACG;AAC4C;AACZ;AAC3B;AAEH;AAAkC;AAClC;AAAA;AAGP;;"}
+{"version":3,"file":"Group.cjs","sources":["../../../src/components/internal/Group.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGroupInfo } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport interface GroupProps extends ComponentProps<\"span\"> {\n  /**\n   * The group ID to display the group name for.\n   */\n  groupId: string;\n}\n\nexport function Group({ groupId, className, children, ...props }: GroupProps) {\n  const { info, isLoading } = useGroupInfo(groupId);\n\n  return (\n    <span\n      className={cn(\"lb-name lb-group\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {isLoading ? null : (info?.name ?? groupId)}\n      {children}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAcO;AACL;AAEA;AACE;AAAC;AAAA;AAC4C;AACZ;AAC3B;AAEH;AAAkC;AAClC;AAAA;AAAA;AAGP;;"}

package/dist/components/internal/Group.js

@@ -6,15 +6,18 @@ import { cn } from '../../utils/cn.js';
 
 function Group({ groupId, className, children, ...props }) {
   const { info, isLoading } = useGroupInfo(groupId);
-  return /* @__PURE__ */ jsxs("span", {
-    className: cn("lb-name lb-group", className),
-    "data-loading": isLoading ? "" : void 0,
-    ...props,
-    children: [
-      isLoading ? null : info?.name ?? groupId,
-      children
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn("lb-name lb-group", className),
+      "data-loading": isLoading ? "" : void 0,
+      ...props,
+      children: [
+        isLoading ? null : info?.name ?? groupId,
+        children
+      ]
+    }
+  );
 }
 
 export { Group };

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../src/components/internal/Group.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGroupInfo } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport interface GroupProps extends ComponentProps<\"span\"> {\n  /**\n   * The group ID to display the group name for.\n   */\n  groupId: string;\n}\n\nexport function Group({ groupId, className, children, ...props }: GroupProps) {\n  const { info, isLoading } = useGroupInfo(groupId);\n\n  return (\n    <span\n      className={cn(\"lb-name lb-group\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {isLoading ? null : (info?.name ?? groupId)}\n      {children}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAcO;AACL;AAEA;AACG;AAC4C;AACZ;AAC3B;AAEH;AAAkC;AAClC;AAAA;AAGP;;"}
+{"version":3,"file":"Group.js","sources":["../../../src/components/internal/Group.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGroupInfo } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport interface GroupProps extends ComponentProps<\"span\"> {\n  /**\n   * The group ID to display the group name for.\n   */\n  groupId: string;\n}\n\nexport function Group({ groupId, className, children, ...props }: GroupProps) {\n  const { info, isLoading } = useGroupInfo(groupId);\n\n  return (\n    <span\n      className={cn(\"lb-name lb-group\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {isLoading ? null : (info?.name ?? groupId)}\n      {children}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAcO;AACL;AAEA;AACE;AAAC;AAAA;AAC4C;AACZ;AAC3B;AAEH;AAAkC;AAClC;AAAA;AAAA;AAGP;;"}

package/dist/components/internal/GroupDescription.cjs

@@ -12,11 +12,7 @@ function GroupDescription({
   ...props
 }) {
   const { info } = react.useGroupInfo(groupId);
-  return info?.description ? /* @__PURE__ */ jsxRuntime.jsx("span", {
-    className: cn.cn("lb-group-description", className),
-    ...props,
-    children: info.description
-  }) : null;
+  return info?.description ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn.cn("lb-group-description", className), ...props, children: info.description }) : null;
 }
 
 exports.GroupDescription = GroupDescription;

package/dist/components/internal/GroupDescription.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GroupDescription.cjs","sources":["../../../src/components/internal/GroupDescription.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGroupInfo } from \"@liveblocks/react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\ninterface GroupDescriptionProps extends ComponentPropsWithoutRef<\"span\"> {\n  /**\n   * The group ID to display the group description for.\n   */\n  groupId: string;\n}\n\nexport function GroupDescription({\n  groupId,\n  className,\n  ...props\n}: GroupDescriptionProps) {\n  const { info } = useGroupInfo(groupId);\n\n  return info?.description ? (\n    <span className={cn(\"lb-group-description\", className)} {...props}>\n      {info.description}\n    </span>\n  ) : null;\n}\n"],"names":[],"mappings":";;;;;;;;AAcO;AAA0B;AAC/B;AACA;AAEF;AACE;AAEA;AACG;AAAoD;AAAO;AACpD;AAGZ;;"}
+{"version":3,"file":"GroupDescription.cjs","sources":["../../../src/components/internal/GroupDescription.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGroupInfo } from \"@liveblocks/react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\ninterface GroupDescriptionProps extends ComponentPropsWithoutRef<\"span\"> {\n  /**\n   * The group ID to display the group description for.\n   */\n  groupId: string;\n}\n\nexport function GroupDescription({\n  groupId,\n  className,\n  ...props\n}: GroupDescriptionProps) {\n  const { info } = useGroupInfo(groupId);\n\n  return info?.description ? (\n    <span className={cn(\"lb-group-description\", className)} {...props}>\n      {info.description}\n    </span>\n  ) : null;\n}\n"],"names":[],"mappings":";;;;;;;;AAcO;AAA0B;AAC/B;AACA;AAEF;AACE;AAEA;AAKF;;"}

package/dist/components/internal/GroupDescription.js

@@ -10,11 +10,7 @@ function GroupDescription({
   ...props
 }) {
   const { info } = useGroupInfo(groupId);
-  return info?.description ? /* @__PURE__ */ jsx("span", {
-    className: cn("lb-group-description", className),
-    ...props,
-    children: info.description
-  }) : null;
+  return info?.description ? /* @__PURE__ */ jsx("span", { className: cn("lb-group-description", className), ...props, children: info.description }) : null;
 }
 
 export { GroupDescription };

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

@@ -1 +1 @@
-{"version":3,"file":"GroupDescription.js","sources":["../../../src/components/internal/GroupDescription.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGroupInfo } from \"@liveblocks/react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\ninterface GroupDescriptionProps extends ComponentPropsWithoutRef<\"span\"> {\n  /**\n   * The group ID to display the group description for.\n   */\n  groupId: string;\n}\n\nexport function GroupDescription({\n  groupId,\n  className,\n  ...props\n}: GroupDescriptionProps) {\n  const { info } = useGroupInfo(groupId);\n\n  return info?.description ? (\n    <span className={cn(\"lb-group-description\", className)} {...props}>\n      {info.description}\n    </span>\n  ) : null;\n}\n"],"names":[],"mappings":";;;;;;AAcO;AAA0B;AAC/B;AACA;AAEF;AACE;AAEA;AACG;AAAoD;AAAO;AACpD;AAGZ;;"}
+{"version":3,"file":"GroupDescription.js","sources":["../../../src/components/internal/GroupDescription.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGroupInfo } from \"@liveblocks/react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\ninterface GroupDescriptionProps extends ComponentPropsWithoutRef<\"span\"> {\n  /**\n   * The group ID to display the group description for.\n   */\n  groupId: string;\n}\n\nexport function GroupDescription({\n  groupId,\n  className,\n  ...props\n}: GroupDescriptionProps) {\n  const { info } = useGroupInfo(groupId);\n\n  return info?.description ? (\n    <span className={cn(\"lb-group-description\", className)} {...props}>\n      {info.description}\n    </span>\n  ) : null;\n}\n"],"names":[],"mappings":";;;;;;AAcO;AAA0B;AAC/B;AACA;AAEF;AACE;AAEA;AAKF;;"}

package/dist/components/internal/Icon.cjs

@@ -6,21 +6,24 @@ var cn = require('../../utils/cn.cjs');
 const ICON_WIDTH = 20;
 const ICON_HEIGHT = 20;
 function Icon({ children, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: ICON_WIDTH,
-    height: ICON_HEIGHT,
-    viewBox: `0 0 ${ICON_WIDTH} ${ICON_HEIGHT}`,
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    role: "presentation",
-    className: cn.cn("lb-icon", className),
-    ...props,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: ICON_WIDTH,
+      height: ICON_HEIGHT,
+      viewBox: `0 0 ${ICON_WIDTH} ${ICON_HEIGHT}`,
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      role: "presentation",
+      className: cn.cn("lb-icon", className),
+      ...props,
+      children
+    }
+  );
 }
 
 exports.ICON_HEIGHT = ICON_HEIGHT;

package/dist/components/internal/Icon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.cjs","sources":["../../../src/components/internal/Icon.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport const ICON_WIDTH = 20;\nexport const ICON_HEIGHT = 20;\n\nexport function Icon({ children, className, ...props }: ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={ICON_WIDTH}\n      height={ICON_HEIGHT}\n      viewBox={`0 0 ${ICON_WIDTH} ${ICON_HEIGHT}`}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.5}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role=\"presentation\"\n      className={cn(\"lb-icon\", className)}\n      {...props}\n    >\n      {children}\n    </svg>\n  );\n}\n"],"names":["jsx","cn"],"mappings":";;;;;AAIO,MAAM,UAAa,GAAA,GAAA;AACnB,MAAM,WAAc,GAAA,GAAA;AAEpB,SAAS,IAAK,CAAA,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,OAAgC,EAAA;AAC7E,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,KAAM,EAAA,4BAAA;AAAA,IACN,KAAO,EAAA,UAAA;AAAA,IACP,MAAQ,EAAA,WAAA;AAAA,IACR,OAAA,EAAS,OAAO,UAAc,CAAA,CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,IAC9B,IAAK,EAAA,MAAA;AAAA,IACL,MAAO,EAAA,cAAA;AAAA,IACP,WAAa,EAAA,GAAA;AAAA,IACb,aAAc,EAAA,OAAA;AAAA,IACd,cAAe,EAAA,OAAA;AAAA,IACf,IAAK,EAAA,cAAA;AAAA,IACL,SAAA,EAAWC,KAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,IACjC,GAAG,KAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;;;"}
+{"version":3,"file":"Icon.cjs","sources":["../../../src/components/internal/Icon.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport const ICON_WIDTH = 20;\nexport const ICON_HEIGHT = 20;\n\nexport function Icon({ children, className, ...props }: ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={ICON_WIDTH}\n      height={ICON_HEIGHT}\n      viewBox={`0 0 ${ICON_WIDTH} ${ICON_HEIGHT}`}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.5}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role=\"presentation\"\n      className={cn(\"lb-icon\", className)}\n      {...props}\n    >\n      {children}\n    </svg>\n  );\n}\n"],"names":["jsx","cn"],"mappings":";;;;;AAIO,MAAM,UAAa,GAAA,GAAA;AACnB,MAAM,WAAc,GAAA,GAAA;AAEpB,SAAS,KAAK,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,OAAgC,EAAA;AAC7E,EACE,uBAAAA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,KAAO,EAAA,UAAA;AAAA,MACP,MAAQ,EAAA,WAAA;AAAA,MACR,OAAS,EAAA,CAAA,IAAA,EAAO,UAAU,CAAA,CAAA,EAAI,WAAW,CAAA,CAAA;AAAA,MACzC,IAAK,EAAA,MAAA;AAAA,MACL,MAAO,EAAA,cAAA;AAAA,MACP,WAAa,EAAA,GAAA;AAAA,MACb,aAAc,EAAA,OAAA;AAAA,MACd,cAAe,EAAA,OAAA;AAAA,MACf,IAAK,EAAA,cAAA;AAAA,MACL,SAAA,EAAWC,KAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MACjC,GAAG,KAAA;AAAA,MAEH,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;;;"}

package/dist/components/internal/Icon.js

@@ -4,21 +4,24 @@ import { cn } from '../../utils/cn.js';
 const ICON_WIDTH = 20;
 const ICON_HEIGHT = 20;
 function Icon({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: ICON_WIDTH,
-    height: ICON_HEIGHT,
-    viewBox: `0 0 ${ICON_WIDTH} ${ICON_HEIGHT}`,
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    role: "presentation",
-    className: cn("lb-icon", className),
-    ...props,
-    children
-  });
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: ICON_WIDTH,
+      height: ICON_HEIGHT,
+      viewBox: `0 0 ${ICON_WIDTH} ${ICON_HEIGHT}`,
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      role: "presentation",
+      className: cn("lb-icon", className),
+      ...props,
+      children
+    }
+  );
 }
 
 export { ICON_HEIGHT, ICON_WIDTH, Icon };

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/internal/Icon.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport const ICON_WIDTH = 20;\nexport const ICON_HEIGHT = 20;\n\nexport function Icon({ children, className, ...props }: ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={ICON_WIDTH}\n      height={ICON_HEIGHT}\n      viewBox={`0 0 ${ICON_WIDTH} ${ICON_HEIGHT}`}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.5}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role=\"presentation\"\n      className={cn(\"lb-icon\", className)}\n      {...props}\n    >\n      {children}\n    </svg>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,UAAa,GAAA,GAAA;AACnB,MAAM,WAAc,GAAA,GAAA;AAEpB,SAAS,IAAK,CAAA,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,OAAgC,EAAA;AAC7E,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,KAAM,EAAA,4BAAA;AAAA,IACN,KAAO,EAAA,UAAA;AAAA,IACP,MAAQ,EAAA,WAAA;AAAA,IACR,OAAA,EAAS,OAAO,UAAc,CAAA,CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,IAC9B,IAAK,EAAA,MAAA;AAAA,IACL,MAAO,EAAA,cAAA;AAAA,IACP,WAAa,EAAA,GAAA;AAAA,IACb,aAAc,EAAA,OAAA;AAAA,IACd,cAAe,EAAA,OAAA;AAAA,IACf,IAAK,EAAA,cAAA;AAAA,IACL,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,IACjC,GAAG,KAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Icon.js","sources":["../../../src/components/internal/Icon.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport const ICON_WIDTH = 20;\nexport const ICON_HEIGHT = 20;\n\nexport function Icon({ children, className, ...props }: ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={ICON_WIDTH}\n      height={ICON_HEIGHT}\n      viewBox={`0 0 ${ICON_WIDTH} ${ICON_HEIGHT}`}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.5}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role=\"presentation\"\n      className={cn(\"lb-icon\", className)}\n      {...props}\n    >\n      {children}\n    </svg>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,UAAa,GAAA,GAAA;AACnB,MAAM,WAAc,GAAA,GAAA;AAEpB,SAAS,KAAK,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,OAAgC,EAAA;AAC7E,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,KAAO,EAAA,UAAA;AAAA,MACP,MAAQ,EAAA,WAAA;AAAA,MACR,OAAS,EAAA,CAAA,IAAA,EAAO,UAAU,CAAA,CAAA,EAAI,WAAW,CAAA,CAAA;AAAA,MACzC,IAAK,EAAA,MAAA;AAAA,MACL,MAAO,EAAA,cAAA;AAAA,MACP,WAAa,EAAA,GAAA;AAAA,MACb,aAAc,EAAA,OAAA;AAAA,MACd,cAAe,EAAA,OAAA;AAAA,MACf,IAAK,EAAA,cAAA;AAAA,MACL,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MACjC,GAAG,KAAA;AAAA,MAEH,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}