@liveblocks/react-ui 2.14.0 → 2.15.0

package/dist/components/internal/Avatar.js

@@ -1,39 +1,46 @@
-'use client';
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var react = require('@liveblocks/react');
-var React = require('react');
+var react$1 = require('react');
 var classNames = require('../../utils/class-names.js');
 var getInitials = require('../../utils/get-initials.js');
 
+"use client";
 function Avatar({ userId, className, ...props }) {
   const { user, isLoading } = react.useUser(userId);
-  const resolvedUserName = React.useMemo(() => user?.name, [user]);
-  const resolvedUserAvatar = React.useMemo(() => user?.avatar, [user]);
-  const resolvedUserInitials = React.useMemo(
+  const resolvedUserName = react$1.useMemo(() => user?.name, [user]);
+  const resolvedUserAvatar = react$1.useMemo(() => user?.avatar, [user]);
+  const resolvedUserInitials = react$1.useMemo(
     () => resolvedUserName ? getInitials.getInitials(resolvedUserName) : void 0,
     [resolvedUserName]
   );
-  const resolvedUserIdInitials = React.useMemo(
+  const resolvedUserIdInitials = react$1.useMemo(
     () => !isLoading && !user ? getInitials.getInitials(userId) : void 0,
     [isLoading, user, userId]
   );
-  return /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     className: classNames.classNames("lb-avatar", className),
     "data-loading": isLoading ? "" : void 0,
-    ...props
-  }, resolvedUserAvatar && /* @__PURE__ */ React.createElement("img", {
-    className: "lb-avatar-image",
-    src: resolvedUserAvatar,
-    alt: resolvedUserName
-  }), resolvedUserInitials ? /* @__PURE__ */ React.createElement("span", {
-    className: "lb-avatar-fallback",
-    "aria-hidden": true
-  }, resolvedUserInitials) : resolvedUserIdInitials ? /* @__PURE__ */ React.createElement("span", {
-    className: "lb-avatar-fallback",
-    "aria-label": userId,
-    title: userId
-  }, resolvedUserIdInitials) : null);
+    ...props,
+    children: [
+      resolvedUserAvatar && /* @__PURE__ */ jsxRuntime.jsx("img", {
+        className: "lb-avatar-image",
+        src: resolvedUserAvatar,
+        alt: resolvedUserName
+      }),
+      resolvedUserInitials ? /* @__PURE__ */ jsxRuntime.jsx("span", {
+        className: "lb-avatar-fallback",
+        "aria-hidden": true,
+        children: resolvedUserInitials
+      }) : resolvedUserIdInitials ? /* @__PURE__ */ jsxRuntime.jsx("span", {
+        className: "lb-avatar-fallback",
+        "aria-label": userId,
+        title: userId,
+        children: resolvedUserIdInitials
+      }) : null
+    ]
+  });
 }
 
 exports.Avatar = Avatar;

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/internal/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUser } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\nimport React, { useMemo } from \"react\";\n\nimport { classNames } from \"../../utils/class-names\";\nimport { getInitials } from \"../../utils/get-initials\";\n\nexport interface AvatarProps extends ComponentProps<\"div\"> {\n  /**\n   * The user ID to display the avatar for.\n   */\n  userId: string;\n}\n\nexport function Avatar({ userId, className, ...props }: AvatarProps) {\n  const { user, isLoading } = useUser(userId);\n  const resolvedUserName = useMemo(() => user?.name, [user]);\n  const resolvedUserAvatar = useMemo(() => user?.avatar, [user]);\n  const resolvedUserInitials = useMemo(\n    () => (resolvedUserName ? getInitials(resolvedUserName) : undefined),\n    [resolvedUserName]\n  );\n  const resolvedUserIdInitials = useMemo(\n    () => (!isLoading && !user ? getInitials(userId) : undefined),\n    [isLoading, user, userId]\n  );\n\n  return (\n    <div\n      className={classNames(\"lb-avatar\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {resolvedUserAvatar && (\n        <img\n          className=\"lb-avatar-image\"\n          src={resolvedUserAvatar}\n          alt={resolvedUserName}\n        />\n      )}\n      {resolvedUserInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-hidden>\n          {resolvedUserInitials}\n        </span>\n      ) : resolvedUserIdInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-label={userId} title={userId}>\n          {resolvedUserIdInitials}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAgBO;AACL;AACA;AACA;AACA;AAA6B;AAC+B;AACzC;AAEnB;AAA+B;AACsB;AAC3B;AAG1B;AACG;AAC6C;AACb;AAC3B;AAGD;AACW;AACL;AACA;AAIN;AAAe;AAAgC;AAI/C;AAAe;AAAiC;AAAe;AAMxE;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/internal/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUser } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { classNames } from \"../../utils/class-names\";\nimport { getInitials } from \"../../utils/get-initials\";\n\nexport interface AvatarProps extends ComponentProps<\"div\"> {\n  /**\n   * The user ID to display the avatar for.\n   */\n  userId: string;\n}\n\nexport function Avatar({ userId, className, ...props }: AvatarProps) {\n  const { user, isLoading } = useUser(userId);\n  const resolvedUserName = useMemo(() => user?.name, [user]);\n  const resolvedUserAvatar = useMemo(() => user?.avatar, [user]);\n  const resolvedUserInitials = useMemo(\n    () => (resolvedUserName ? getInitials(resolvedUserName) : undefined),\n    [resolvedUserName]\n  );\n  const resolvedUserIdInitials = useMemo(\n    () => (!isLoading && !user ? getInitials(userId) : undefined),\n    [isLoading, user, userId]\n  );\n\n  return (\n    <div\n      className={classNames(\"lb-avatar\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {resolvedUserAvatar && (\n        <img\n          className=\"lb-avatar-image\"\n          src={resolvedUserAvatar}\n          alt={resolvedUserName}\n        />\n      )}\n      {resolvedUserInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-hidden>\n          {resolvedUserInitials}\n        </span>\n      ) : resolvedUserIdInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-label={userId} title={userId}>\n          {resolvedUserIdInitials}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["useUser","useMemo","getInitials","jsxs","classNames","jsx"],"mappings":";;;;;;;;AAAA,YAAA,CAAA;AAgBO,SAAS,MAAO,CAAA,EAAE,MAAQ,EAAA,SAAA,EAAA,GAAc,OAAsB,EAAA;AACnE,EAAA,MAAM,EAAE,IAAA,EAAM,SAAU,EAAA,GAAIA,cAAQ,MAAM,CAAA,CAAA;AAC1C,EAAA,MAAM,mBAAmBC,eAAQ,CAAA,MAAM,MAAM,IAAM,EAAA,CAAC,IAAI,CAAC,CAAA,CAAA;AACzD,EAAA,MAAM,qBAAqBA,eAAQ,CAAA,MAAM,MAAM,MAAQ,EAAA,CAAC,IAAI,CAAC,CAAA,CAAA;AAC7D,EAAA,MAAM,oBAAuB,GAAAA,eAAA;AAAA,IAC3B,MAAO,gBAAA,GAAmBC,uBAAY,CAAA,gBAAgB,CAAI,GAAA,KAAA,CAAA;AAAA,IAC1D,CAAC,gBAAgB,CAAA;AAAA,GACnB,CAAA;AACA,EAAA,MAAM,sBAAyB,GAAAD,eAAA;AAAA,IAC7B,MAAO,CAAC,SAAA,IAAa,CAAC,IAAO,GAAAC,uBAAA,CAAY,MAAM,CAAI,GAAA,KAAA,CAAA;AAAA,IACnD,CAAC,SAAW,EAAA,IAAA,EAAM,MAAM,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAA,EAAWC,qBAAW,CAAA,WAAA,EAAa,SAAS,CAAA;AAAA,IAC5C,cAAA,EAAc,YAAY,EAAK,GAAA,KAAA,CAAA;AAAA,IAC9B,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,kBAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAA,QACC,SAAU,EAAA,iBAAA;AAAA,QACV,GAAK,EAAA,kBAAA;AAAA,QACL,GAAK,EAAA,gBAAA;AAAA,OACP,CAAA;AAAA,MAED,uCACEA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAU,EAAA,oBAAA;AAAA,QAAqB,aAAW,EAAA,IAAA;AAAA,QAC7C,QAAA,EAAA,oBAAA;AAAA,OACH,CAAA,GACE,yCACDA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAU,EAAA,oBAAA;AAAA,QAAqB,YAAY,EAAA,MAAA;AAAA,QAAQ,KAAO,EAAA,MAAA;AAAA,QAC7D,QAAA,EAAA,sBAAA;AAAA,OACH,CACE,GAAA,IAAA;AAAA,KAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/internal/Avatar.mjs

@@ -1,9 +1,10 @@
-'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useUser } from '@liveblocks/react';
-import React__default, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { classNames } from '../../utils/class-names.mjs';
 import { getInitials } from '../../utils/get-initials.mjs';
 
+"use client";
 function Avatar({ userId, className, ...props }) {
   const { user, isLoading } = useUser(userId);
   const resolvedUserName = useMemo(() => user?.name, [user]);
@@ -16,22 +17,28 @@ function Avatar({ userId, className, ...props }) {
     () => !isLoading && !user ? getInitials(userId) : void 0,
     [isLoading, user, userId]
   );
-  return /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: classNames("lb-avatar", className),
     "data-loading": isLoading ? "" : void 0,
-    ...props
-  }, resolvedUserAvatar && /* @__PURE__ */ React__default.createElement("img", {
-    className: "lb-avatar-image",
-    src: resolvedUserAvatar,
-    alt: resolvedUserName
-  }), resolvedUserInitials ? /* @__PURE__ */ React__default.createElement("span", {
-    className: "lb-avatar-fallback",
-    "aria-hidden": true
-  }, resolvedUserInitials) : resolvedUserIdInitials ? /* @__PURE__ */ React__default.createElement("span", {
-    className: "lb-avatar-fallback",
-    "aria-label": userId,
-    title: userId
-  }, resolvedUserIdInitials) : null);
+    ...props,
+    children: [
+      resolvedUserAvatar && /* @__PURE__ */ jsx("img", {
+        className: "lb-avatar-image",
+        src: resolvedUserAvatar,
+        alt: resolvedUserName
+      }),
+      resolvedUserInitials ? /* @__PURE__ */ jsx("span", {
+        className: "lb-avatar-fallback",
+        "aria-hidden": true,
+        children: resolvedUserInitials
+      }) : resolvedUserIdInitials ? /* @__PURE__ */ jsx("span", {
+        className: "lb-avatar-fallback",
+        "aria-label": userId,
+        title: userId,
+        children: resolvedUserIdInitials
+      }) : null
+    ]
+  });
 }
 
 export { Avatar };

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","sources":["../../../src/components/internal/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUser } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\nimport React, { useMemo } from \"react\";\n\nimport { classNames } from \"../../utils/class-names\";\nimport { getInitials } from \"../../utils/get-initials\";\n\nexport interface AvatarProps extends ComponentProps<\"div\"> {\n  /**\n   * The user ID to display the avatar for.\n   */\n  userId: string;\n}\n\nexport function Avatar({ userId, className, ...props }: AvatarProps) {\n  const { user, isLoading } = useUser(userId);\n  const resolvedUserName = useMemo(() => user?.name, [user]);\n  const resolvedUserAvatar = useMemo(() => user?.avatar, [user]);\n  const resolvedUserInitials = useMemo(\n    () => (resolvedUserName ? getInitials(resolvedUserName) : undefined),\n    [resolvedUserName]\n  );\n  const resolvedUserIdInitials = useMemo(\n    () => (!isLoading && !user ? getInitials(userId) : undefined),\n    [isLoading, user, userId]\n  );\n\n  return (\n    <div\n      className={classNames(\"lb-avatar\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {resolvedUserAvatar && (\n        <img\n          className=\"lb-avatar-image\"\n          src={resolvedUserAvatar}\n          alt={resolvedUserName}\n        />\n      )}\n      {resolvedUserInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-hidden>\n          {resolvedUserInitials}\n        </span>\n      ) : resolvedUserIdInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-label={userId} title={userId}>\n          {resolvedUserIdInitials}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAgBO;AACL;AACA;AACA;AACA;AAA6B;AAC+B;AACzC;AAEnB;AAA+B;AACsB;AAC3B;AAG1B;AACG;AAC6C;AACb;AAC3B;AAGD;AACW;AACL;AACA;AAIN;AAAe;AAAgC;AAI/C;AAAe;AAAiC;AAAe;AAMxE;;"}
+{"version":3,"file":"Avatar.mjs","sources":["../../../src/components/internal/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUser } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { classNames } from \"../../utils/class-names\";\nimport { getInitials } from \"../../utils/get-initials\";\n\nexport interface AvatarProps extends ComponentProps<\"div\"> {\n  /**\n   * The user ID to display the avatar for.\n   */\n  userId: string;\n}\n\nexport function Avatar({ userId, className, ...props }: AvatarProps) {\n  const { user, isLoading } = useUser(userId);\n  const resolvedUserName = useMemo(() => user?.name, [user]);\n  const resolvedUserAvatar = useMemo(() => user?.avatar, [user]);\n  const resolvedUserInitials = useMemo(\n    () => (resolvedUserName ? getInitials(resolvedUserName) : undefined),\n    [resolvedUserName]\n  );\n  const resolvedUserIdInitials = useMemo(\n    () => (!isLoading && !user ? getInitials(userId) : undefined),\n    [isLoading, user, userId]\n  );\n\n  return (\n    <div\n      className={classNames(\"lb-avatar\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {resolvedUserAvatar && (\n        <img\n          className=\"lb-avatar-image\"\n          src={resolvedUserAvatar}\n          alt={resolvedUserName}\n        />\n      )}\n      {resolvedUserInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-hidden>\n          {resolvedUserInitials}\n        </span>\n      ) : resolvedUserIdInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-label={userId} title={userId}>\n          {resolvedUserIdInitials}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAAA,YAAA,CAAA;AAgBO,SAAS,MAAO,CAAA,EAAE,MAAQ,EAAA,SAAA,EAAA,GAAc,OAAsB,EAAA;AACnE,EAAA,MAAM,EAAE,IAAA,EAAM,SAAU,EAAA,GAAI,QAAQ,MAAM,CAAA,CAAA;AAC1C,EAAA,MAAM,mBAAmB,OAAQ,CAAA,MAAM,MAAM,IAAM,EAAA,CAAC,IAAI,CAAC,CAAA,CAAA;AACzD,EAAA,MAAM,qBAAqB,OAAQ,CAAA,MAAM,MAAM,MAAQ,EAAA,CAAC,IAAI,CAAC,CAAA,CAAA;AAC7D,EAAA,MAAM,oBAAuB,GAAA,OAAA;AAAA,IAC3B,MAAO,gBAAA,GAAmB,WAAY,CAAA,gBAAgB,CAAI,GAAA,KAAA,CAAA;AAAA,IAC1D,CAAC,gBAAgB,CAAA;AAAA,GACnB,CAAA;AACA,EAAA,MAAM,sBAAyB,GAAA,OAAA;AAAA,IAC7B,MAAO,CAAC,SAAA,IAAa,CAAC,IAAO,GAAA,WAAA,CAAY,MAAM,CAAI,GAAA,KAAA,CAAA;AAAA,IACnD,CAAC,SAAW,EAAA,IAAA,EAAM,MAAM,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAA,EAAW,UAAW,CAAA,WAAA,EAAa,SAAS,CAAA;AAAA,IAC5C,cAAA,EAAc,YAAY,EAAK,GAAA,KAAA,CAAA;AAAA,IAC9B,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,kBAAA,oBACE,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,SAAU,EAAA,iBAAA;AAAA,QACV,GAAK,EAAA,kBAAA;AAAA,QACL,GAAK,EAAA,gBAAA;AAAA,OACP,CAAA;AAAA,MAED,uCACE,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAU,EAAA,oBAAA;AAAA,QAAqB,aAAW,EAAA,IAAA;AAAA,QAC7C,QAAA,EAAA,oBAAA;AAAA,OACH,CAAA,GACE,yCACD,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAU,EAAA,oBAAA;AAAA,QAAqB,YAAY,EAAA,MAAA;AAAA,QAAQ,KAAO,EAAA,MAAA;AAAA,QAC7D,QAAA,EAAA,sBAAA;AAAA,OACH,CACE,GAAA,IAAA;AAAA,KAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/internal/Button.js

@@ -1,10 +1,11 @@
-'use client';
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
 var classNames = require('../../utils/class-names.js');
 
-const Button = React.forwardRef(
+"use client";
+const Button = react.forwardRef(
   ({
     variant = "default",
     size = "default",
@@ -12,7 +13,7 @@ const Button = React.forwardRef(
     className,
     ...props
   }, forwardedRef) => {
-    return /* @__PURE__ */ React.createElement("button", {
+    return /* @__PURE__ */ jsxRuntime.jsx("button", {
       type: "button",
       className: classNames.classNames(
         "lb-button",

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 } from \"react\";\nimport React, { forwardRef } from \"react\";\n\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: \"default\" | \"outline\" | \"toggle\" | \"primary\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\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    );\n  }\n);\n"],"names":[],"mappings":";;;;;;AAaO;AAAe;AAElB;AACY;AACH;AACO;AACd;AACG;AAIL;AACG;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AACP;AAGN;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/internal/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: \"default\" | \"outline\" | \"toggle\" | \"primary\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\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    );\n  }\n);\n"],"names":["forwardRef","jsx","classNames"],"mappings":";;;;;;AAAA,YAAA,CAAA;AAaO,MAAM,MAAS,GAAAA,gBAAA;AAAA,EACpB,CACE;AAAA,IACE,OAAU,GAAA,SAAA;AAAA,IACV,IAAO,GAAA,SAAA;AAAA,IACP,WAAc,GAAA,IAAA;AAAA,IACd,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,KAEL,YACG,KAAA;AACH,IAAA,uBACGC,cAAA,CAAA,QAAA,EAAA;AAAA,MACC,IAAK,EAAA,QAAA;AAAA,MACL,SAAW,EAAAC,qBAAA;AAAA,QACT,WAAA;AAAA,QACA,CAAC,WAAe,IAAA,2BAAA;AAAA,QAChB,SAAA;AAAA,OACF;AAAA,MACA,cAAc,EAAA,OAAA;AAAA,MACd,WAAW,EAAA,IAAA;AAAA,MACV,GAAG,KAAA;AAAA,MACJ,GAAK,EAAA,YAAA;AAAA,KACP,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist/components/internal/Button.mjs

@@ -1,7 +1,8 @@
-'use client';
-import React__default, { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import { classNames } from '../../utils/class-names.mjs';
 
+"use client";
 const Button = forwardRef(
   ({
     variant = "default",
@@ -10,7 +11,7 @@ const Button = forwardRef(
     className,
     ...props
   }, forwardedRef) => {
-    return /* @__PURE__ */ React__default.createElement("button", {
+    return /* @__PURE__ */ jsx("button", {
       type: "button",
       className: classNames(
         "lb-button",

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 } from \"react\";\nimport React, { forwardRef } from \"react\";\n\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: \"default\" | \"outline\" | \"toggle\" | \"primary\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\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    );\n  }\n);\n"],"names":[],"mappings":";;;;AAaO;AAAe;AAElB;AACY;AACH;AACO;AACd;AACG;AAIL;AACG;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AACP;AAGN;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/components/internal/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: \"default\" | \"outline\" | \"toggle\" | \"primary\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\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    );\n  }\n);\n"],"names":[],"mappings":";;;;AAAA,YAAA,CAAA;AAaO,MAAM,MAAS,GAAA,UAAA;AAAA,EACpB,CACE;AAAA,IACE,OAAU,GAAA,SAAA;AAAA,IACV,IAAO,GAAA,SAAA;AAAA,IACP,WAAc,GAAA,IAAA;AAAA,IACd,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,KAEL,YACG,KAAA;AACH,IAAA,uBACG,GAAA,CAAA,QAAA,EAAA;AAAA,MACC,IAAK,EAAA,QAAA;AAAA,MACL,SAAW,EAAA,UAAA;AAAA,QACT,WAAA;AAAA,QACA,CAAC,WAAe,IAAA,2BAAA;AAAA,QAChB,SAAA;AAAA,OACF;AAAA,MACA,cAAc,EAAA,OAAA;AAAA,MACd,WAAW,EAAA,IAAA;AAAA,MACV,GAAG,KAAA;AAAA,MACJ,GAAK,EAAA,YAAA;AAAA,KACP,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist/components/internal/Dropdown.js

@@ -1,8 +1,8 @@
-'use client';
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-var React = require('react');
+var react = require('react');
 var config = require('../../config.js');
 var constants = require('../../constants.js');
 var overrides = require('../../overrides.js');
@@ -27,6 +27,7 @@ function _interopNamespaceDefault(e) {
 
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
 
+"use client";
 function Dropdown({
   children,
   content,
@@ -38,29 +39,36 @@ function Dropdown({
 }) {
   const $ = overrides.useOverrides();
   const { portalContainer } = config.useLiveblocksUIConfig();
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive__namespace.Root, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.Root, {
     defaultOpen,
     open,
     onOpenChange,
-    dir: $.dir
-  }, children, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive__namespace.Portal, {
-    container: portalContainer
-  }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive__namespace.Content, {
-    className: classNames.classNames(
-      "lb-root lb-portal lb-elevation lb-dropdown",
-      className
-    ),
-    sideOffset: constants.FLOATING_ELEMENT_SIDE_OFFSET,
-    collisionPadding: constants.FLOATING_ELEMENT_COLLISION_PADDING,
-    ...props
-  }, content)));
+    dir: $.dir,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, {
+        container: portalContainer,
+        children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Content, {
+          className: classNames.classNames(
+            "lb-root lb-portal lb-elevation lb-dropdown",
+            className
+          ),
+          sideOffset: constants.FLOATING_ELEMENT_SIDE_OFFSET,
+          collisionPadding: constants.FLOATING_ELEMENT_COLLISION_PADDING,
+          ...props,
+          children: content
+        })
+      })
+    ]
+  });
 }
-const DropdownItem = React.forwardRef(({ children, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive__namespace.DropdownMenuItem, {
+const DropdownItem = react.forwardRef(({ children, className, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.DropdownMenuItem, {
     className: classNames.classNames("lb-dropdown-item", className),
     ...props,
-    ref: forwardedRef
-  }, children);
+    ref: forwardedRef,
+    children
+  });
 });
 
 Object.defineProperty(exports, 'DropdownTrigger', {

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/internal/Dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport type { ReactNode } from \"react\";\nimport React, { forwardRef } from \"react\";\n\nimport { useLiveblocksUIConfig } from \"../../config\";\nimport {\n  FLOATING_ELEMENT_COLLISION_PADDING,\n  FLOATING_ELEMENT_SIDE_OFFSET,\n} from \"../../constants\";\nimport { useOverrides } from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface DropdownProps\n  extends Pick<\n      DropdownMenuPrimitive.DropdownMenuProps,\n      \"defaultOpen\" | \"open\" | \"onOpenChange\"\n    >,\n    Pick<DropdownMenuPrimitive.DropdownMenuTriggerProps, \"children\">,\n    Omit<DropdownMenuPrimitive.DropdownMenuContentProps, \"content\"> {\n  content: ReactNode;\n}\n\nexport function Dropdown({\n  children,\n  content,\n  defaultOpen,\n  open,\n  onOpenChange,\n  className,\n  ...props\n}: DropdownProps) {\n  const $ = useOverrides();\n  const { portalContainer } = useLiveblocksUIConfig();\n\n  return (\n    <DropdownMenuPrimitive.Root\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={onOpenChange}\n      dir={$.dir}\n    >\n      {children}\n      <DropdownMenuPrimitive.Portal container={portalContainer}>\n        <DropdownMenuPrimitive.Content\n          className={classNames(\n            \"lb-root lb-portal lb-elevation lb-dropdown\",\n            className\n          )}\n          sideOffset={FLOATING_ELEMENT_SIDE_OFFSET}\n          collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n          {...props}\n        >\n          {content}\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\nexport const DropdownItem = forwardRef<\n  HTMLDivElement,\n  DropdownMenuPrimitive.DropdownMenuItemProps\n>(({ children, className, ...props }, forwardedRef) => {\n  return (\n    <DropdownMenuPrimitive.DropdownMenuItem\n      className={classNames(\"lb-dropdown-item\", className)}\n      {...props}\n      ref={forwardedRef}\n    >\n      {children}\n    </DropdownMenuPrimitive.DropdownMenuItem>\n  );\n});\n\nexport { DropdownMenuTrigger as DropdownTrigger } from \"@radix-ui/react-dropdown-menu\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO;AAAkB;AACvB;AACA;AACA;AACA;AACA;AACA;AAEF;AACE;AACA;AAEA;AACG;AACC;AACA;AACA;AACO;AAGN;AAAwC;AACtC;AACY;AACT;AACA;AACF;AACY;AACM;AACd;AAOd;AAEa;AAIX;AACG;AACoD;AAC/C;AACC;AAKX;;;;;;;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/internal/Dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport type { ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { useLiveblocksUIConfig } from \"../../config\";\nimport {\n  FLOATING_ELEMENT_COLLISION_PADDING,\n  FLOATING_ELEMENT_SIDE_OFFSET,\n} from \"../../constants\";\nimport { useOverrides } from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface DropdownProps\n  extends Pick<\n      DropdownMenuPrimitive.DropdownMenuProps,\n      \"defaultOpen\" | \"open\" | \"onOpenChange\"\n    >,\n    Pick<DropdownMenuPrimitive.DropdownMenuTriggerProps, \"children\">,\n    Omit<DropdownMenuPrimitive.DropdownMenuContentProps, \"content\"> {\n  content: ReactNode;\n}\n\nexport function Dropdown({\n  children,\n  content,\n  defaultOpen,\n  open,\n  onOpenChange,\n  className,\n  ...props\n}: DropdownProps) {\n  const $ = useOverrides();\n  const { portalContainer } = useLiveblocksUIConfig();\n\n  return (\n    <DropdownMenuPrimitive.Root\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={onOpenChange}\n      dir={$.dir}\n    >\n      {children}\n      <DropdownMenuPrimitive.Portal container={portalContainer}>\n        <DropdownMenuPrimitive.Content\n          className={classNames(\n            \"lb-root lb-portal lb-elevation lb-dropdown\",\n            className\n          )}\n          sideOffset={FLOATING_ELEMENT_SIDE_OFFSET}\n          collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n          {...props}\n        >\n          {content}\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\nexport const DropdownItem = forwardRef<\n  HTMLDivElement,\n  DropdownMenuPrimitive.DropdownMenuItemProps\n>(({ children, className, ...props }, forwardedRef) => {\n  return (\n    <DropdownMenuPrimitive.DropdownMenuItem\n      className={classNames(\"lb-dropdown-item\", className)}\n      {...props}\n      ref={forwardedRef}\n    >\n      {children}\n    </DropdownMenuPrimitive.DropdownMenuItem>\n  );\n});\n\nexport { DropdownMenuTrigger as DropdownTrigger } from \"@radix-ui/react-dropdown-menu\";\n"],"names":["useOverrides","useLiveblocksUIConfig","jsxs","DropdownMenuPrimitive","jsx","classNames","FLOATING_ELEMENT_SIDE_OFFSET","FLOATING_ELEMENT_COLLISION_PADDING","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAA,CAAA;AAwBO,SAAS,QAAS,CAAA;AAAA,EACvB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACG,GAAA,KAAA;AACL,CAAkB,EAAA;AAChB,EAAA,MAAM,IAAIA,sBAAa,EAAA,CAAA;AACvB,EAAM,MAAA,EAAE,eAAgB,EAAA,GAAIC,4BAAsB,EAAA,CAAA;AAElD,EACE,uBAAAC,eAAA,CAACC,iCAAsB,IAAtB,EAAA;AAAA,IACC,WAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,KAAK,CAAE,CAAA,GAAA;AAAA,IAEN,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACDC,cAAA,CAACD,iCAAsB,MAAtB,EAAA;AAAA,QAA6B,SAAW,EAAA,eAAA;AAAA,QACvC,QAAA,kBAAAC,cAAA,CAACD,iCAAsB,OAAtB,EAAA;AAAA,UACC,SAAW,EAAAE,qBAAA;AAAA,YACT,4CAAA;AAAA,YACA,SAAA;AAAA,WACF;AAAA,UACA,UAAY,EAAAC,sCAAA;AAAA,UACZ,gBAAkB,EAAAC,4CAAA;AAAA,UACjB,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA,OAAA;AAAA,SACH,CAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAA;AAEa,MAAA,YAAA,GAAeC,iBAG1B,CAAC,EAAE,UAAU,SAAc,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACrD,EACE,uBAAAJ,cAAA,CAACD,iCAAsB,gBAAtB,EAAA;AAAA,IACC,SAAA,EAAWE,qBAAW,CAAA,kBAAA,EAAoB,SAAS,CAAA;AAAA,IAClD,GAAG,KAAA;AAAA,IACJ,GAAK,EAAA,YAAA;AAAA,IAEJ,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;;;;;;"}

package/dist/components/internal/Dropdown.mjs

@@ -1,12 +1,13 @@
-'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export { DropdownMenuTrigger as DropdownTrigger } from '@radix-ui/react-dropdown-menu';
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { useLiveblocksUIConfig } from '../../config.mjs';
 import { FLOATING_ELEMENT_SIDE_OFFSET, FLOATING_ELEMENT_COLLISION_PADDING } from '../../constants.mjs';
 import { useOverrides } from '../../overrides.mjs';
 import { classNames } from '../../utils/class-names.mjs';
 
+"use client";
 function Dropdown({
   children,
   content,
@@ -18,29 +19,36 @@ function Dropdown({
 }) {
   const $ = useOverrides();
   const { portalContainer } = useLiveblocksUIConfig();
-  return /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.Root, {
+  return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Root, {
     defaultOpen,
     open,
     onOpenChange,
-    dir: $.dir
-  }, children, /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.Portal, {
-    container: portalContainer
-  }, /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.Content, {
-    className: classNames(
-      "lb-root lb-portal lb-elevation lb-dropdown",
-      className
-    ),
-    sideOffset: FLOATING_ELEMENT_SIDE_OFFSET,
-    collisionPadding: FLOATING_ELEMENT_COLLISION_PADDING,
-    ...props
-  }, content)));
+    dir: $.dir,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+        container: portalContainer,
+        children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+          className: classNames(
+            "lb-root lb-portal lb-elevation lb-dropdown",
+            className
+          ),
+          sideOffset: FLOATING_ELEMENT_SIDE_OFFSET,
+          collisionPadding: FLOATING_ELEMENT_COLLISION_PADDING,
+          ...props,
+          children: content
+        })
+      })
+    ]
+  });
 }
 const DropdownItem = forwardRef(({ children, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.DropdownMenuItem, {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.DropdownMenuItem, {
     className: classNames("lb-dropdown-item", className),
     ...props,
-    ref: forwardedRef
-  }, children);
+    ref: forwardedRef,
+    children
+  });
 });
 
 export { Dropdown, DropdownItem };

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.mjs","sources":["../../../src/components/internal/Dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport type { ReactNode } from \"react\";\nimport React, { forwardRef } from \"react\";\n\nimport { useLiveblocksUIConfig } from \"../../config\";\nimport {\n  FLOATING_ELEMENT_COLLISION_PADDING,\n  FLOATING_ELEMENT_SIDE_OFFSET,\n} from \"../../constants\";\nimport { useOverrides } from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface DropdownProps\n  extends Pick<\n      DropdownMenuPrimitive.DropdownMenuProps,\n      \"defaultOpen\" | \"open\" | \"onOpenChange\"\n    >,\n    Pick<DropdownMenuPrimitive.DropdownMenuTriggerProps, \"children\">,\n    Omit<DropdownMenuPrimitive.DropdownMenuContentProps, \"content\"> {\n  content: ReactNode;\n}\n\nexport function Dropdown({\n  children,\n  content,\n  defaultOpen,\n  open,\n  onOpenChange,\n  className,\n  ...props\n}: DropdownProps) {\n  const $ = useOverrides();\n  const { portalContainer } = useLiveblocksUIConfig();\n\n  return (\n    <DropdownMenuPrimitive.Root\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={onOpenChange}\n      dir={$.dir}\n    >\n      {children}\n      <DropdownMenuPrimitive.Portal container={portalContainer}>\n        <DropdownMenuPrimitive.Content\n          className={classNames(\n            \"lb-root lb-portal lb-elevation lb-dropdown\",\n            className\n          )}\n          sideOffset={FLOATING_ELEMENT_SIDE_OFFSET}\n          collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n          {...props}\n        >\n          {content}\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\nexport const DropdownItem = forwardRef<\n  HTMLDivElement,\n  DropdownMenuPrimitive.DropdownMenuItemProps\n>(({ children, className, ...props }, forwardedRef) => {\n  return (\n    <DropdownMenuPrimitive.DropdownMenuItem\n      className={classNames(\"lb-dropdown-item\", className)}\n      {...props}\n      ref={forwardedRef}\n    >\n      {children}\n    </DropdownMenuPrimitive.DropdownMenuItem>\n  );\n});\n\nexport { DropdownMenuTrigger as DropdownTrigger } from \"@radix-ui/react-dropdown-menu\";\n"],"names":[],"mappings":";;;;;;;;;AAwBO;AAAkB;AACvB;AACA;AACA;AACA;AACA;AACA;AAEF;AACE;AACA;AAEA;AACG;AACC;AACA;AACA;AACO;AAGN;AAAwC;AACtC;AACY;AACT;AACA;AACF;AACY;AACM;AACd;AAOd;AAEa;AAIX;AACG;AACoD;AAC/C;AACC;AAKX;;"}
+{"version":3,"file":"Dropdown.mjs","sources":["../../../src/components/internal/Dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport type { ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { useLiveblocksUIConfig } from \"../../config\";\nimport {\n  FLOATING_ELEMENT_COLLISION_PADDING,\n  FLOATING_ELEMENT_SIDE_OFFSET,\n} from \"../../constants\";\nimport { useOverrides } from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface DropdownProps\n  extends Pick<\n      DropdownMenuPrimitive.DropdownMenuProps,\n      \"defaultOpen\" | \"open\" | \"onOpenChange\"\n    >,\n    Pick<DropdownMenuPrimitive.DropdownMenuTriggerProps, \"children\">,\n    Omit<DropdownMenuPrimitive.DropdownMenuContentProps, \"content\"> {\n  content: ReactNode;\n}\n\nexport function Dropdown({\n  children,\n  content,\n  defaultOpen,\n  open,\n  onOpenChange,\n  className,\n  ...props\n}: DropdownProps) {\n  const $ = useOverrides();\n  const { portalContainer } = useLiveblocksUIConfig();\n\n  return (\n    <DropdownMenuPrimitive.Root\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={onOpenChange}\n      dir={$.dir}\n    >\n      {children}\n      <DropdownMenuPrimitive.Portal container={portalContainer}>\n        <DropdownMenuPrimitive.Content\n          className={classNames(\n            \"lb-root lb-portal lb-elevation lb-dropdown\",\n            className\n          )}\n          sideOffset={FLOATING_ELEMENT_SIDE_OFFSET}\n          collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n          {...props}\n        >\n          {content}\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\nexport const DropdownItem = forwardRef<\n  HTMLDivElement,\n  DropdownMenuPrimitive.DropdownMenuItemProps\n>(({ children, className, ...props }, forwardedRef) => {\n  return (\n    <DropdownMenuPrimitive.DropdownMenuItem\n      className={classNames(\"lb-dropdown-item\", className)}\n      {...props}\n      ref={forwardedRef}\n    >\n      {children}\n    </DropdownMenuPrimitive.DropdownMenuItem>\n  );\n});\n\nexport { DropdownMenuTrigger as DropdownTrigger } from \"@radix-ui/react-dropdown-menu\";\n"],"names":[],"mappings":";;;;;;;;;AAAA,YAAA,CAAA;AAwBO,SAAS,QAAS,CAAA;AAAA,EACvB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACG,GAAA,KAAA;AACL,CAAkB,EAAA;AAChB,EAAA,MAAM,IAAI,YAAa,EAAA,CAAA;AACvB,EAAM,MAAA,EAAE,eAAgB,EAAA,GAAI,qBAAsB,EAAA,CAAA;AAElD,EACE,uBAAA,IAAA,CAAC,sBAAsB,IAAtB,EAAA;AAAA,IACC,WAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,KAAK,CAAE,CAAA,GAAA;AAAA,IAEN,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,sBAAsB,MAAtB,EAAA;AAAA,QAA6B,SAAW,EAAA,eAAA;AAAA,QACvC,QAAA,kBAAA,GAAA,CAAC,sBAAsB,OAAtB,EAAA;AAAA,UACC,SAAW,EAAA,UAAA;AAAA,YACT,4CAAA;AAAA,YACA,SAAA;AAAA,WACF;AAAA,UACA,UAAY,EAAA,4BAAA;AAAA,UACZ,gBAAkB,EAAA,kCAAA;AAAA,UACjB,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA,OAAA;AAAA,SACH,CAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAA;AAEa,MAAA,YAAA,GAAe,WAG1B,CAAC,EAAE,UAAU,SAAc,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACrD,EACE,uBAAA,GAAA,CAAC,sBAAsB,gBAAtB,EAAA;AAAA,IACC,SAAA,EAAW,UAAW,CAAA,kBAAA,EAAoB,SAAS,CAAA;AAAA,IAClD,GAAG,KAAA;AAAA,IACJ,GAAK,EAAA,YAAA;AAAA,IAEJ,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/components/internal/Emoji.js

@@ -1,12 +1,13 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
 var Emoji$1 = require('../../primitives/internal/Emoji.js');
 var classNames = require('../../utils/class-names.js');
 
-const Emoji = React.forwardRef(
+const Emoji = react.forwardRef(
   ({ className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ React.createElement(Emoji$1.Emoji, {
+    return /* @__PURE__ */ jsxRuntime.jsx(Emoji$1.Emoji, {
       className: classNames.classNames("lb-emoji", className),
       ...props,
       ref: forwardedRef

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

@@ -1 +1 @@
-{"version":3,"file":"Emoji.js","sources":["../../../src/components/internal/Emoji.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport type { EmojiProps as EmojiPrimitiveProps } from \"../../primitives/internal/Emoji\";\nimport { Emoji as EmojiPrimitive } from \"../../primitives/internal/Emoji\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport const Emoji = forwardRef<HTMLSpanElement, EmojiPrimitiveProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <EmojiPrimitive\n        className={classNames(\"lb-emoji\", className)}\n        {...props}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","EmojiPrimitive","classNames"],"mappings":";;;;;;AAMO,MAAM,KAAQ,GAAAA,gBAAA;AAAA,EACnB,CAAC,EAAE,SAAc,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACzC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAAC,aAAA,EAAA;AAAA,MACC,SAAA,EAAWC,qBAAW,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,MAC1C,GAAG,KAAA;AAAA,MACJ,GAAK,EAAA,YAAA;AAAA,KACP,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"Emoji.js","sources":["../../../src/components/internal/Emoji.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport type { EmojiProps as EmojiPrimitiveProps } from \"../../primitives/internal/Emoji\";\nimport { Emoji as EmojiPrimitive } from \"../../primitives/internal/Emoji\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport const Emoji = forwardRef<HTMLSpanElement, EmojiPrimitiveProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <EmojiPrimitive\n        className={classNames(\"lb-emoji\", className)}\n        {...props}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","jsx","EmojiPrimitive","classNames"],"mappings":";;;;;;;AAMO,MAAM,KAAQ,GAAAA,gBAAA;AAAA,EACnB,CAAC,EAAE,SAAc,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACzC,IAAA,uBACGC,cAAA,CAAAC,aAAA,EAAA;AAAA,MACC,SAAA,EAAWC,qBAAW,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,MAC1C,GAAG,KAAA;AAAA,MACJ,GAAK,EAAA,YAAA;AAAA,KACP,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist/components/internal/Emoji.mjs

@@ -1,10 +1,11 @@
-import React__default, { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import { Emoji as Emoji$1 } from '../../primitives/internal/Emoji.mjs';
 import { classNames } from '../../utils/class-names.mjs';
 
 const Emoji = forwardRef(
   ({ className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ React__default.createElement(Emoji$1, {
+    return /* @__PURE__ */ jsx(Emoji$1, {
       className: classNames("lb-emoji", className),
       ...props,
       ref: forwardedRef

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

@@ -1 +1 @@
-{"version":3,"file":"Emoji.mjs","sources":["../../../src/components/internal/Emoji.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport type { EmojiProps as EmojiPrimitiveProps } from \"../../primitives/internal/Emoji\";\nimport { Emoji as EmojiPrimitive } from \"../../primitives/internal/Emoji\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport const Emoji = forwardRef<HTMLSpanElement, EmojiPrimitiveProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <EmojiPrimitive\n        className={classNames(\"lb-emoji\", className)}\n        {...props}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n"],"names":["React","EmojiPrimitive"],"mappings":";;;;AAMO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAc,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACzC,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,OAAA,EAAA;AAAA,MACC,SAAA,EAAW,UAAW,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,MAC1C,GAAG,KAAA;AAAA,MACJ,GAAK,EAAA,YAAA;AAAA,KACP,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"Emoji.mjs","sources":["../../../src/components/internal/Emoji.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport type { EmojiProps as EmojiPrimitiveProps } from \"../../primitives/internal/Emoji\";\nimport { Emoji as EmojiPrimitive } from \"../../primitives/internal/Emoji\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport const Emoji = forwardRef<HTMLSpanElement, EmojiPrimitiveProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <EmojiPrimitive\n        className={classNames(\"lb-emoji\", className)}\n        {...props}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n"],"names":["EmojiPrimitive"],"mappings":";;;;;AAMO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAc,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACzC,IAAA,uBACG,GAAA,CAAAA,OAAA,EAAA;AAAA,MACC,SAAA,EAAW,UAAW,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,MAC1C,GAAG,KAAA;AAAA,MACJ,GAAK,EAAA,YAAA;AAAA,KACP,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}