@liveblocks/react-ui 3.9.1 → 3.9.2-tiptap2

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

@@ -1 +1 @@
-{"version":3,"file":"Attribution.js","sources":["../../../src/components/internal/Attribution.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport function Attribution({ className, ...props }: ComponentProps<\"a\">) {\n  return (\n    <a\n      href=\"https://liveblocks.io\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\"lb-composer-attribution\", className)}\n      {...props}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 384 72\"\n        aria-label=\"Made with Liveblocks\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M86 10h-8v50h8V10Zm16 14h-8v36h8V24Zm0-15h-8v9h8V9Zm13 15h-9l12 36h10l13-36h-9l-9 28-8-28Zm44-1c-11 0-18 8-18 19s7 19 18 19c8 0 15-4 17-13h-8c-1 4-5 6-9 6-6 0-9-3-9-10h27c0-10-6-21-18-21Zm0 7c5 0 9 3 9 8h-18c0-5 4-8 9-8Zm42-7c-4 0-8 2-11 6V10h-8v50h8v-5c3 4 7 6 11 6 11 0 16-9 16-19s-5-19-16-19Zm-2 32c-7 0-9-7-9-13s2-13 9-13 9 7 9 13-2 13-9 13Zm32-45h-8v50h8V10Zm24 51c11 0 18-8 18-19s-8-19-18-19c-11 0-19 8-19 19s7 19 19 19Zm0-6c-8 0-10-7-10-13s2-13 10-13c7 0 9 7 9 13s-2 13-9 13Zm39 6c8 0 15-4 17-12l-8-1c-2 4-4 6-9 6-7 0-9-6-9-12s2-12 9-12c5 0 8 3 8 7l9-1c-2-8-9-13-17-13-11 0-18 9-18 19 0 11 7 19 18 19Zm30-14 4-4 10 17h10l-15-23 15-13h-11l-13 13V10h-9v50h9V47Zm39 14c8 0 16-3 16-12 0-8-8-10-15-11-2-1-7-1-7-5 0-3 3-4 6-4 4 0 7 3 7 7l8-1c-1-9-8-12-15-12s-15 3-15 11 9 10 15 11c3 1 8 2 8 5 0 4-4 5-7 5-5 0-8-3-9-7l-8 1c1 8 9 12 16 12ZM41 27H0l12 12v17l29-29ZM20 60h40L48 48V32L20 60Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </a>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,WAAY,CAAA,EAAE,SAAc,EAAA,GAAA,KAAA,EAA8B,EAAA;AACxE,EAAA,uBACG,GAAA,CAAA,GAAA,EAAA;AAAA,IACC,IAAK,EAAA,uBAAA;AAAA,IACL,MAAO,EAAA,QAAA;AAAA,IACP,GAAI,EAAA,qBAAA;AAAA,IACJ,SAAA,EAAW,EAAG,CAAA,yBAAA,EAA2B,SAAS,CAAA;AAAA,IACjD,GAAG,KAAA;AAAA,IAEJ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,OAAQ,EAAA,YAAA;AAAA,MACR,YAAW,EAAA,sBAAA;AAAA,MAEX,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,QAAS,EAAA,SAAA;AAAA,QACT,QAAS,EAAA,SAAA;AAAA,QACT,CAAE,EAAA,y3BAAA;AAAA,QACF,IAAK,EAAA,cAAA;AAAA,OACP,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Attribution.js","sources":["../../../src/components/internal/Attribution.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nexport function Attribution({ className, ...props }: ComponentProps<\"a\">) {\n  return (\n    <a\n      href=\"https://liveblocks.io\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\"lb-composer-attribution\", className)}\n      {...props}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 384 72\"\n        aria-label=\"Made with Liveblocks\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M86 10h-8v50h8V10Zm16 14h-8v36h8V24Zm0-15h-8v9h8V9Zm13 15h-9l12 36h10l13-36h-9l-9 28-8-28Zm44-1c-11 0-18 8-18 19s7 19 18 19c8 0 15-4 17-13h-8c-1 4-5 6-9 6-6 0-9-3-9-10h27c0-10-6-21-18-21Zm0 7c5 0 9 3 9 8h-18c0-5 4-8 9-8Zm42-7c-4 0-8 2-11 6V10h-8v50h8v-5c3 4 7 6 11 6 11 0 16-9 16-19s-5-19-16-19Zm-2 32c-7 0-9-7-9-13s2-13 9-13 9 7 9 13-2 13-9 13Zm32-45h-8v50h8V10Zm24 51c11 0 18-8 18-19s-8-19-18-19c-11 0-19 8-19 19s7 19 19 19Zm0-6c-8 0-10-7-10-13s2-13 10-13c7 0 9 7 9 13s-2 13-9 13Zm39 6c8 0 15-4 17-12l-8-1c-2 4-4 6-9 6-7 0-9-6-9-12s2-12 9-12c5 0 8 3 8 7l9-1c-2-8-9-13-17-13-11 0-18 9-18 19 0 11 7 19 18 19Zm30-14 4-4 10 17h10l-15-23 15-13h-11l-13 13V10h-9v50h9V47Zm39 14c8 0 16-3 16-12 0-8-8-10-15-11-2-1-7-1-7-5 0-3 3-4 6-4 4 0 7 3 7 7l8-1c-1-9-8-12-15-12s-15 3-15 11 9 10 15 11c3 1 8 2 8 5 0 4-4 5-7 5-5 0-8-3-9-7l-8 1c1 8 9 12 16 12ZM41 27H0l12 12v17l29-29ZM20 60h40L48 48V32L20 60Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </a>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,WAAY,CAAA,EAAE,SAAW,EAAA,GAAG,OAA8B,EAAA;AACxE,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,uBAAA;AAAA,MACL,MAAO,EAAA,QAAA;AAAA,MACP,GAAI,EAAA,qBAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,yBAAA,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAM,EAAA,4BAAA;AAAA,UACN,OAAQ,EAAA,YAAA;AAAA,UACR,YAAW,EAAA,sBAAA;AAAA,UAEX,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAS,EAAA,SAAA;AAAA,cACT,QAAS,EAAA,SAAA;AAAA,cACT,CAAE,EAAA,y3BAAA;AAAA,cACF,IAAK,EAAA,cAAA;AAAA,aAAA;AAAA,WACP;AAAA,SAAA;AAAA,OACF;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/internal/Avatar.cjs

@@ -24,44 +24,42 @@ function AvatarLayout({
     () => !isLoading && fallback && !name ? getInitials.getInitials(fallback) : void 0,
     [isLoading, fallback, name]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: cn.cn("lb-avatar", className),
-    "data-loading": isLoading ? "" : void 0,
-    ...props,
-    children: [
-      src && /* @__PURE__ */ jsxRuntime.jsx("img", {
-        className: "lb-avatar-image",
-        src,
-        alt: name
-      }),
-      nameInitials ? /* @__PURE__ */ jsxRuntime.jsx("span", {
-        className: "lb-avatar-fallback",
-        "aria-hidden": true,
-        children: nameInitials
-      }) : fallbackInitials ? /* @__PURE__ */ jsxRuntime.jsx("span", {
-        className: "lb-avatar-fallback",
-        "aria-label": fallback,
-        title: fallback,
-        children: fallbackInitials
-      }) : null
-    ]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn.cn("lb-avatar", className),
+      "data-loading": isLoading ? "" : void 0,
+      ...props,
+      children: [
+        src && /* @__PURE__ */ jsxRuntime.jsx("img", { className: "lb-avatar-image", src, alt: name }),
+        nameInitials ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lb-avatar-fallback", "aria-hidden": true, children: nameInitials }) : fallbackInitials ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "lb-avatar-fallback",
+            "aria-label": fallback,
+            title: fallback,
+            children: fallbackInitials
+          }
+        ) : null
+      ]
+    }
+  );
 }
 function Avatar({ userId, groupId, icon, ...props }) {
   const { info, isLoading } = useUserOrGroupInfo.useUserOrGroupInfo(
     userId ? "user" : "group",
     userId ?? groupId
   );
-  return icon && (isLoading || !info?.avatar) ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ...props,
-    children: icon
-  }) : /* @__PURE__ */ jsxRuntime.jsx(AvatarLayout, {
-    src: info?.avatar,
-    name: info?.name,
-    fallback: userId ?? groupId,
-    isLoading,
-    ...props
-  });
+  return icon && (isLoading || !info?.avatar) ? /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, children: icon }) : /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarLayout,
+    {
+      src: info?.avatar,
+      name: info?.name,
+      fallback: userId ?? groupId,
+      isLoading,
+      ...props
+    }
+  );
 }
 
 exports.Avatar = Avatar;

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/internal/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Relax } from \"@liveblocks/core\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { getInitials } from \"../../utils/get-initials\";\nimport { useUserOrGroupInfo } from \"../../utils/use-user-or-group-info\";\n\ninterface AvatarLayoutProps extends ComponentProps<\"div\"> {\n  src?: string;\n  name?: string;\n  fallback?: string;\n  isLoading: boolean;\n}\n\nexport type AvatarProps = ComponentProps<\"div\"> & {\n  icon?: ReactNode;\n} & Relax<\n    | {\n        /**\n         * The user ID to display the avatar for.\n         */\n        userId: string;\n      }\n    | {\n        /**\n         * The group ID to display the avatar for.\n         */\n        groupId: string;\n      }\n  >;\n\nfunction AvatarLayout({\n  src,\n  name,\n  fallback,\n  isLoading,\n  className,\n  ...props\n}: AvatarLayoutProps) {\n  const nameInitials = useMemo(\n    () => (name ? getInitials(name) : undefined),\n    [name]\n  );\n  const fallbackInitials = useMemo(\n    () => (!isLoading && fallback && !name ? getInitials(fallback) : undefined),\n    [isLoading, fallback, name]\n  );\n\n  return (\n    <div\n      className={cn(\"lb-avatar\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {src && <img className=\"lb-avatar-image\" src={src} alt={name} />}\n      {nameInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-hidden>\n          {nameInitials}\n        </span>\n      ) : fallbackInitials ? (\n        <span\n          className=\"lb-avatar-fallback\"\n          aria-label={fallback}\n          title={fallback}\n        >\n          {fallbackInitials}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nexport function Avatar({ userId, groupId, icon, ...props }: AvatarProps) {\n  const { info, isLoading } = useUserOrGroupInfo(\n    userId ? \"user\" : \"group\",\n    userId ?? groupId\n  );\n\n  return icon && (isLoading || !info?.avatar) ? (\n    <div {...props}>{icon}</div>\n  ) : (\n    <AvatarLayout\n      src={info?.avatar}\n      name={info?.name}\n      fallback={userId ?? groupId}\n      isLoading={isLoading}\n      {...props}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAkCA;AAAsB;AACpB;AACA;AACA;AACA;AACA;AAEF;AACE;AAAqB;AACe;AAC7B;AAEP;AAAyB;AAC0C;AACvC;AAG5B;AACG;AACqC;AACL;AAC3B;AAEH;AAAQ;AAAc;AAAkB;AAAe;AAAM;AAE3D;AAAe;AAAgC;AAC7C;AAGF;AACW;AACE;AACL;AAEN;AAED;AAAA;AAGV;AAEO;AACL;AAA4B;AACR;AACR;AAGZ;AACG;AAAQ;AAAQ;AAEhB;AACY;AACC;AACQ;AACpB;AACI;AAGV;;"}
+{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/internal/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Relax } from \"@liveblocks/core\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { getInitials } from \"../../utils/get-initials\";\nimport { useUserOrGroupInfo } from \"../../utils/use-user-or-group-info\";\n\ninterface AvatarLayoutProps extends ComponentProps<\"div\"> {\n  src?: string;\n  name?: string;\n  fallback?: string;\n  isLoading: boolean;\n}\n\nexport type AvatarProps = ComponentProps<\"div\"> & {\n  icon?: ReactNode;\n} & Relax<\n    | {\n        /**\n         * The user ID to display the avatar for.\n         */\n        userId: string;\n      }\n    | {\n        /**\n         * The group ID to display the avatar for.\n         */\n        groupId: string;\n      }\n  >;\n\nfunction AvatarLayout({\n  src,\n  name,\n  fallback,\n  isLoading,\n  className,\n  ...props\n}: AvatarLayoutProps) {\n  const nameInitials = useMemo(\n    () => (name ? getInitials(name) : undefined),\n    [name]\n  );\n  const fallbackInitials = useMemo(\n    () => (!isLoading && fallback && !name ? getInitials(fallback) : undefined),\n    [isLoading, fallback, name]\n  );\n\n  return (\n    <div\n      className={cn(\"lb-avatar\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {src && <img className=\"lb-avatar-image\" src={src} alt={name} />}\n      {nameInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-hidden>\n          {nameInitials}\n        </span>\n      ) : fallbackInitials ? (\n        <span\n          className=\"lb-avatar-fallback\"\n          aria-label={fallback}\n          title={fallback}\n        >\n          {fallbackInitials}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nexport function Avatar({ userId, groupId, icon, ...props }: AvatarProps) {\n  const { info, isLoading } = useUserOrGroupInfo(\n    userId ? \"user\" : \"group\",\n    userId ?? groupId\n  );\n\n  return icon && (isLoading || !info?.avatar) ? (\n    <div {...props}>{icon}</div>\n  ) : (\n    <AvatarLayout\n      src={info?.avatar}\n      name={info?.name}\n      fallback={userId ?? groupId}\n      isLoading={isLoading}\n      {...props}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAkCA;AAAsB;AACpB;AACA;AACA;AACA;AACA;AAEF;AACE;AAAqB;AACe;AAC7B;AAEP;AAAyB;AAC0C;AACvC;AAG5B;AACE;AAAC;AAAA;AACqC;AACL;AAC3B;AAEH;AAA6D;AAM5D;AAAC;AAAA;AACW;AACE;AACL;AAEN;AAAA;AAED;AAAA;AAAA;AAGV;AAEO;AACL;AAA4B;AACR;AACR;AAGZ;AAGE;AAAC;AAAA;AACY;AACC;AACQ;AACpB;AACI;AAAA;AAGV;;"}

package/dist/components/internal/Avatar.js

@@ -22,44 +22,42 @@ function AvatarLayout({
     () => !isLoading && fallback && !name ? getInitials(fallback) : void 0,
     [isLoading, fallback, name]
   );
-  return /* @__PURE__ */ jsxs("div", {
-    className: cn("lb-avatar", className),
-    "data-loading": isLoading ? "" : void 0,
-    ...props,
-    children: [
-      src && /* @__PURE__ */ jsx("img", {
-        className: "lb-avatar-image",
-        src,
-        alt: name
-      }),
-      nameInitials ? /* @__PURE__ */ jsx("span", {
-        className: "lb-avatar-fallback",
-        "aria-hidden": true,
-        children: nameInitials
-      }) : fallbackInitials ? /* @__PURE__ */ jsx("span", {
-        className: "lb-avatar-fallback",
-        "aria-label": fallback,
-        title: fallback,
-        children: fallbackInitials
-      }) : null
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("lb-avatar", className),
+      "data-loading": isLoading ? "" : void 0,
+      ...props,
+      children: [
+        src && /* @__PURE__ */ jsx("img", { className: "lb-avatar-image", src, alt: name }),
+        nameInitials ? /* @__PURE__ */ jsx("span", { className: "lb-avatar-fallback", "aria-hidden": true, children: nameInitials }) : fallbackInitials ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "lb-avatar-fallback",
+            "aria-label": fallback,
+            title: fallback,
+            children: fallbackInitials
+          }
+        ) : null
+      ]
+    }
+  );
 }
 function Avatar({ userId, groupId, icon, ...props }) {
   const { info, isLoading } = useUserOrGroupInfo(
     userId ? "user" : "group",
     userId ?? groupId
   );
-  return icon && (isLoading || !info?.avatar) ? /* @__PURE__ */ jsx("div", {
-    ...props,
-    children: icon
-  }) : /* @__PURE__ */ jsx(AvatarLayout, {
-    src: info?.avatar,
-    name: info?.name,
-    fallback: userId ?? groupId,
-    isLoading,
-    ...props
-  });
+  return icon && (isLoading || !info?.avatar) ? /* @__PURE__ */ jsx("div", { ...props, children: icon }) : /* @__PURE__ */ jsx(
+    AvatarLayout,
+    {
+      src: info?.avatar,
+      name: info?.name,
+      fallback: userId ?? groupId,
+      isLoading,
+      ...props
+    }
+  );
 }
 
 export { 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 type { Relax } from \"@liveblocks/core\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { getInitials } from \"../../utils/get-initials\";\nimport { useUserOrGroupInfo } from \"../../utils/use-user-or-group-info\";\n\ninterface AvatarLayoutProps extends ComponentProps<\"div\"> {\n  src?: string;\n  name?: string;\n  fallback?: string;\n  isLoading: boolean;\n}\n\nexport type AvatarProps = ComponentProps<\"div\"> & {\n  icon?: ReactNode;\n} & Relax<\n    | {\n        /**\n         * The user ID to display the avatar for.\n         */\n        userId: string;\n      }\n    | {\n        /**\n         * The group ID to display the avatar for.\n         */\n        groupId: string;\n      }\n  >;\n\nfunction AvatarLayout({\n  src,\n  name,\n  fallback,\n  isLoading,\n  className,\n  ...props\n}: AvatarLayoutProps) {\n  const nameInitials = useMemo(\n    () => (name ? getInitials(name) : undefined),\n    [name]\n  );\n  const fallbackInitials = useMemo(\n    () => (!isLoading && fallback && !name ? getInitials(fallback) : undefined),\n    [isLoading, fallback, name]\n  );\n\n  return (\n    <div\n      className={cn(\"lb-avatar\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {src && <img className=\"lb-avatar-image\" src={src} alt={name} />}\n      {nameInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-hidden>\n          {nameInitials}\n        </span>\n      ) : fallbackInitials ? (\n        <span\n          className=\"lb-avatar-fallback\"\n          aria-label={fallback}\n          title={fallback}\n        >\n          {fallbackInitials}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nexport function Avatar({ userId, groupId, icon, ...props }: AvatarProps) {\n  const { info, isLoading } = useUserOrGroupInfo(\n    userId ? \"user\" : \"group\",\n    userId ?? groupId\n  );\n\n  return icon && (isLoading || !info?.avatar) ? (\n    <div {...props}>{icon}</div>\n  ) : (\n    <AvatarLayout\n      src={info?.avatar}\n      name={info?.name}\n      fallback={userId ?? groupId}\n      isLoading={isLoading}\n      {...props}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAkCA;AAAsB;AACpB;AACA;AACA;AACA;AACA;AAEF;AACE;AAAqB;AACe;AAC7B;AAEP;AAAyB;AAC0C;AACvC;AAG5B;AACG;AACqC;AACL;AAC3B;AAEH;AAAQ;AAAc;AAAkB;AAAe;AAAM;AAE3D;AAAe;AAAgC;AAC7C;AAGF;AACW;AACE;AACL;AAEN;AAED;AAAA;AAGV;AAEO;AACL;AAA4B;AACR;AACR;AAGZ;AACG;AAAQ;AAAQ;AAEhB;AACY;AACC;AACQ;AACpB;AACI;AAGV;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/internal/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Relax } from \"@liveblocks/core\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { getInitials } from \"../../utils/get-initials\";\nimport { useUserOrGroupInfo } from \"../../utils/use-user-or-group-info\";\n\ninterface AvatarLayoutProps extends ComponentProps<\"div\"> {\n  src?: string;\n  name?: string;\n  fallback?: string;\n  isLoading: boolean;\n}\n\nexport type AvatarProps = ComponentProps<\"div\"> & {\n  icon?: ReactNode;\n} & Relax<\n    | {\n        /**\n         * The user ID to display the avatar for.\n         */\n        userId: string;\n      }\n    | {\n        /**\n         * The group ID to display the avatar for.\n         */\n        groupId: string;\n      }\n  >;\n\nfunction AvatarLayout({\n  src,\n  name,\n  fallback,\n  isLoading,\n  className,\n  ...props\n}: AvatarLayoutProps) {\n  const nameInitials = useMemo(\n    () => (name ? getInitials(name) : undefined),\n    [name]\n  );\n  const fallbackInitials = useMemo(\n    () => (!isLoading && fallback && !name ? getInitials(fallback) : undefined),\n    [isLoading, fallback, name]\n  );\n\n  return (\n    <div\n      className={cn(\"lb-avatar\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {src && <img className=\"lb-avatar-image\" src={src} alt={name} />}\n      {nameInitials ? (\n        <span className=\"lb-avatar-fallback\" aria-hidden>\n          {nameInitials}\n        </span>\n      ) : fallbackInitials ? (\n        <span\n          className=\"lb-avatar-fallback\"\n          aria-label={fallback}\n          title={fallback}\n        >\n          {fallbackInitials}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nexport function Avatar({ userId, groupId, icon, ...props }: AvatarProps) {\n  const { info, isLoading } = useUserOrGroupInfo(\n    userId ? \"user\" : \"group\",\n    userId ?? groupId\n  );\n\n  return icon && (isLoading || !info?.avatar) ? (\n    <div {...props}>{icon}</div>\n  ) : (\n    <AvatarLayout\n      src={info?.avatar}\n      name={info?.name}\n      fallback={userId ?? groupId}\n      isLoading={isLoading}\n      {...props}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAkCA;AAAsB;AACpB;AACA;AACA;AACA;AACA;AAEF;AACE;AAAqB;AACe;AAC7B;AAEP;AAAyB;AAC0C;AACvC;AAG5B;AACE;AAAC;AAAA;AACqC;AACL;AAC3B;AAEH;AAA6D;AAM5D;AAAC;AAAA;AACW;AACE;AACL;AAEN;AAAA;AAED;AAAA;AAAA;AAGV;AAEO;AACL;AAA4B;AACR;AACR;AAGZ;AAGE;AAAC;AAAA;AACY;AACC;AACQ;AACpB;AACI;AAAA;AAGV;;"}

package/dist/components/internal/Button.cjs

@@ -16,61 +16,48 @@ const CustomButton = react.forwardRef(
     children,
     ...props
   }, forwardedRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("button", {
-      type: "button",
-      className: cn.cn(
-        "lb-button",
-        !disableable && "lb-button:non-disableable",
-        className
-      ),
-      "data-variant": variant,
-      "data-size": size,
-      ...props,
-      ref: forwardedRef,
-      children
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: cn.cn(
+          "lb-button",
+          !disableable && "lb-button:non-disableable",
+          className
+        ),
+        "data-variant": variant,
+        "data-size": size,
+        ...props,
+        ref: forwardedRef,
+        children
+      }
+    );
   }
 );
 const Button = react.forwardRef(
   ({ icon, children, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(CustomButton, {
-      ...props,
-      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
-      ]
-    });
+    return /* @__PURE__ */ jsxRuntime.jsxs(CustomButton, { ...props, 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
+    ] });
   }
 );
 const SelectButton = react.forwardRef(
   ({ icon, children, className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(CustomButton, {
-      ...props,
-      type: "button",
-      className: cn.cn("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, {})
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      CustomButton,
+      {
+        ...props,
+        type: "button",
+        className: cn.cn("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, {}) })
+        ]
+      }
+    );
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","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 { cn } from \"../../utils/cn\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?:\n    | \"default\"\n    | \"toolbar\"\n    | \"outline\"\n    | \"ghost\"\n    | \"primary\"\n    | \"secondary\"\n    | \"destructive\";\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={cn(\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={cn(\"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":";;;;;;;;;AAsBO;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;AACsC;AACtC;AAEJ;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AACjE;AAAe;AACG;AACnB;AAAA;AACF;AAGN;;;;"}
+{"version":3,"file":"Button.cjs","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 { cn } from \"../../utils/cn\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?:\n    | \"default\"\n    | \"toolbar\"\n    | \"outline\"\n    | \"ghost\"\n    | \"primary\"\n    | \"secondary\"\n    | \"destructive\";\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={cn(\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={cn(\"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":";;;;;;;;;AAsBO;AAAqB;AAKxB;AACY;AACH;AACO;AACd;AACA;AACG;AAIL;AACE;AAAC;AAAA;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AAEJ;AAAA;AACH;AAGN;AAEO;AAAe;AAElB;AAEK;AAA2D;AACM;AACpE;AAGN;AAEO;AAAqB;AAExB;AACE;AAAC;AAAA;AACK;AACC;AACsC;AACtC;AAEJ;AAA2D;AACM;AAGlE;AAAA;AAAA;AACF;AAGN;;;;"}

package/dist/components/internal/Button.js

@@ -14,61 +14,48 @@ const CustomButton = forwardRef(
     children,
     ...props
   }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("button", {
-      type: "button",
-      className: cn(
-        "lb-button",
-        !disableable && "lb-button:non-disableable",
-        className
-      ),
-      "data-variant": variant,
-      "data-size": size,
-      ...props,
-      ref: forwardedRef,
-      children
-    });
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "lb-button",
+          !disableable && "lb-button:non-disableable",
+          className
+        ),
+        "data-variant": variant,
+        "data-size": size,
+        ...props,
+        ref: forwardedRef,
+        children
+      }
+    );
   }
 );
 const Button = forwardRef(
   ({ icon, children, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(CustomButton, {
-      ...props,
-      ref: forwardedRef,
-      children: [
-        icon ? /* @__PURE__ */ jsx("span", {
-          className: "lb-icon-container",
-          children: icon
-        }) : null,
-        children ? /* @__PURE__ */ jsx("span", {
-          className: "lb-button-label",
-          children
-        }) : null
-      ]
-    });
+    return /* @__PURE__ */ jsxs(CustomButton, { ...props, ref: forwardedRef, children: [
+      icon ? /* @__PURE__ */ jsx("span", { className: "lb-icon-container", children: icon }) : null,
+      children ? /* @__PURE__ */ jsx("span", { className: "lb-button-label", children }) : null
+    ] });
   }
 );
 const SelectButton = forwardRef(
   ({ icon, children, className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(CustomButton, {
-      ...props,
-      type: "button",
-      className: cn("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, {})
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      CustomButton,
+      {
+        ...props,
+        type: "button",
+        className: cn("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, {}) })
+        ]
+      }
+    );
   }
 );
 

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 { ChevronDownIcon } from \"../../icons/ChevronDown\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?:\n    | \"default\"\n    | \"toolbar\"\n    | \"outline\"\n    | \"ghost\"\n    | \"primary\"\n    | \"secondary\"\n    | \"destructive\";\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={cn(\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={cn(\"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":";;;;;;;AAsBO;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;AACsC;AACtC;AAEJ;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AACjE;AAAe;AACG;AACnB;AAAA;AACF;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 { cn } from \"../../utils/cn\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?:\n    | \"default\"\n    | \"toolbar\"\n    | \"outline\"\n    | \"ghost\"\n    | \"primary\"\n    | \"secondary\"\n    | \"destructive\";\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={cn(\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={cn(\"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":";;;;;;;AAsBO;AAAqB;AAKxB;AACY;AACH;AACO;AACd;AACA;AACG;AAIL;AACE;AAAC;AAAA;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AAEJ;AAAA;AACH;AAGN;AAEO;AAAe;AAElB;AAEK;AAA2D;AACM;AACpE;AAGN;AAEO;AAAqB;AAExB;AACE;AAAC;AAAA;AACK;AACC;AACsC;AACtC;AAEJ;AAA2D;AACM;AAGlE;AAAA;AAAA;AACF;AAGN;;"}

package/dist/components/internal/CodeBlock.cjs

@@ -35,40 +35,21 @@ function CodeBlock({ title, code, overrides: overrides$1 }) {
       console.error(error);
     }
   }, [code]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.TooltipProvider, {
-    children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: "lb-root lb-code-block",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          className: "lb-code-block-header",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", {
-              className: "lb-code-block-title",
-              children: title
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: "lb-code-block-header-actions",
-              children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
-                content: isCopied ? null : $.COPY_TO_CLIPBOARD,
-                children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
-                  className: "lb-code-block-header-action",
-                  icon: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(Check.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Copy.CopyIcon, {}),
-                  onClick: handleCopy,
-                  "aria-label": $.COPY_TO_CLIPBOARD
-                })
-              })
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("pre", {
-          className: "lb-code-block-content",
-          children: /* @__PURE__ */ jsxRuntime.jsx("code", {
-            children: code
-          })
-        })
-      ]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lb-root lb-code-block", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lb-code-block-header", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lb-code-block-title", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lb-code-block-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { content: isCopied ? null : $.COPY_TO_CLIPBOARD, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Button.Button,
+        {
+          className: "lb-code-block-header-action",
+          icon: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(Check.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Copy.CopyIcon, {}),
+          onClick: handleCopy,
+          "aria-label": $.COPY_TO_CLIPBOARD
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "lb-code-block-content", children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: code }) })
+  ] }) });
 }
 
 exports.CodeBlock = CodeBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.cjs","sources":["../../../src/components/internal/CodeBlock.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { CheckIcon, CopyIcon } from \"../../icons\";\nimport type { GlobalOverrides } from \"../../overrides\";\nimport { useOverrides } from \"../../overrides\";\nimport { Button } from \"./Button\";\nimport { Tooltip, TooltipProvider } from \"./Tooltip\";\n\nconst COPY_DELAY = 1500;\n\ninterface CodeBlockProps extends Omit<ComponentProps<\"div\">, \"title\"> {\n  title: string;\n  code: string;\n  overrides?: Partial<GlobalOverrides>;\n}\n\nexport function CodeBlock({ title, code, overrides }: CodeBlockProps) {\n  const $ = useOverrides(overrides);\n  const [isCopied, setCopied] = useState(false);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (isCopied) {\n      timeoutRef.current = setTimeout(() => {\n        setCopied(false);\n      }, COPY_DELAY);\n    }\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, [isCopied]);\n\n  const handleCopy = useCallback(() => {\n    try {\n      navigator.clipboard.writeText(code);\n      setCopied(true);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [code]);\n\n  return (\n    <TooltipProvider>\n      <div className=\"lb-root lb-code-block\">\n        <div className=\"lb-code-block-header\">\n          <span className=\"lb-code-block-title\">{title}</span>\n          <div className=\"lb-code-block-header-actions\">\n            <Tooltip content={isCopied ? null : $.COPY_TO_CLIPBOARD}>\n              <Button\n                className=\"lb-code-block-header-action\"\n                icon={isCopied ? <CheckIcon /> : <CopyIcon />}\n                onClick={handleCopy}\n                aria-label={$.COPY_TO_CLIPBOARD}\n              />\n            </Tooltip>\n          </div>\n        </div>\n        <pre className=\"lb-code-block-content\">\n          <code>{code}</code>\n        </pre>\n      </div>\n    </TooltipProvider>\n  );\n}\n"],"names":["overrides","useOverrides","useState","useRef","useEffect","useCallback","jsx","TooltipProvider","jsxs","Tooltip","Button","CheckIcon","CopyIcon"],"mappings":";;;;;;;;;;;;AASA,MAAM,UAAa,GAAA,IAAA,CAAA;AAQZ,SAAS,SAAU,CAAA,EAAE,KAAO,EAAA,IAAA,aAAMA,aAA6B,EAAA;AACpE,EAAM,MAAA,CAAA,GAAIC,uBAAaD,WAAS,CAAA,CAAA;AAChC,EAAA,MAAM,CAAC,QAAA,EAAU,SAAS,CAAA,GAAIE,eAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,UAAA,GAAaC,aAA6C,IAAI,CAAA,CAAA;AAEpE,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAW,UAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AACpC,QAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,SACd,UAAU,CAAA,CAAA;AAAA,KACf;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,WAAW,OAAS,EAAA;AACtB,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA,CAAA;AAAA,OACjC;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAM,MAAA,UAAA,GAAaC,kBAAY,MAAM;AACnC,IAAI,IAAA;AACF,MAAU,SAAA,CAAA,SAAA,CAAU,UAAU,IAAI,CAAA,CAAA;AAClC,MAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,aACP,KAAP,EAAA;AACA,MAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AAAA,KACrB;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAA,uBACGC,cAAA,CAAAC,gCAAA,EAAA;AAAA,IACC,QAAC,kBAAAC,eAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAU,EAAA,uBAAA;AAAA,MACb,QAAA,EAAA;AAAA,wBAACA,eAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,sBAAA;AAAA,UACb,QAAA,EAAA;AAAA,4BAACF,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,SAAU,EAAA,qBAAA;AAAA,cAAuB,QAAA,EAAA,KAAA;AAAA,aAAM,CAAA;AAAA,4BAC5CA,cAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAU,EAAA,8BAAA;AAAA,cACb,QAAC,kBAAAA,cAAA,CAAAG,eAAA,EAAA;AAAA,gBAAQ,OAAA,EAAS,QAAW,GAAA,IAAA,GAAO,CAAE,CAAA,iBAAA;AAAA,gBACpC,QAAC,kBAAAH,cAAA,CAAAI,aAAA,EAAA;AAAA,kBACC,SAAU,EAAA,6BAAA;AAAA,kBACV,MAAM,QAAW,mBAAAJ,cAAA,CAACK,eAAU,EAAA,EAAA,CAAA,kCAAMC,aAAS,EAAA,EAAA,CAAA;AAAA,kBAC3C,OAAS,EAAA,UAAA;AAAA,kBACT,cAAY,CAAE,CAAA,iBAAA;AAAA,iBAChB,CAAA;AAAA,eACF,CAAA;AAAA,aACF,CAAA;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,wBACCN,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,uBAAA;AAAA,UACb,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAM,QAAA,EAAA,IAAA;AAAA,WAAK,CAAA;AAAA,SACd,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CodeBlock.cjs","sources":["../../../src/components/internal/CodeBlock.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { CheckIcon, CopyIcon } from \"../../icons\";\nimport type { GlobalOverrides } from \"../../overrides\";\nimport { useOverrides } from \"../../overrides\";\nimport { Button } from \"./Button\";\nimport { Tooltip, TooltipProvider } from \"./Tooltip\";\n\nconst COPY_DELAY = 1500;\n\ninterface CodeBlockProps extends Omit<ComponentProps<\"div\">, \"title\"> {\n  title: string;\n  code: string;\n  overrides?: Partial<GlobalOverrides>;\n}\n\nexport function CodeBlock({ title, code, overrides }: CodeBlockProps) {\n  const $ = useOverrides(overrides);\n  const [isCopied, setCopied] = useState(false);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (isCopied) {\n      timeoutRef.current = setTimeout(() => {\n        setCopied(false);\n      }, COPY_DELAY);\n    }\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, [isCopied]);\n\n  const handleCopy = useCallback(() => {\n    try {\n      navigator.clipboard.writeText(code);\n      setCopied(true);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [code]);\n\n  return (\n    <TooltipProvider>\n      <div className=\"lb-root lb-code-block\">\n        <div className=\"lb-code-block-header\">\n          <span className=\"lb-code-block-title\">{title}</span>\n          <div className=\"lb-code-block-header-actions\">\n            <Tooltip content={isCopied ? null : $.COPY_TO_CLIPBOARD}>\n              <Button\n                className=\"lb-code-block-header-action\"\n                icon={isCopied ? <CheckIcon /> : <CopyIcon />}\n                onClick={handleCopy}\n                aria-label={$.COPY_TO_CLIPBOARD}\n              />\n            </Tooltip>\n          </div>\n        </div>\n        <pre className=\"lb-code-block-content\">\n          <code>{code}</code>\n        </pre>\n      </div>\n    </TooltipProvider>\n  );\n}\n"],"names":["overrides","useOverrides","useState","useRef","useEffect","useCallback","jsx","TooltipProvider","jsxs","Tooltip","Button","CheckIcon","CopyIcon"],"mappings":";;;;;;;;;;;;AASA,MAAM,UAAa,GAAA,IAAA,CAAA;AAQZ,SAAS,SAAU,CAAA,EAAE,KAAO,EAAA,IAAA,aAAMA,aAA6B,EAAA;AACpE,EAAM,MAAA,CAAA,GAAIC,uBAAaD,WAAS,CAAA,CAAA;AAChC,EAAA,MAAM,CAAC,QAAA,EAAU,SAAS,CAAA,GAAIE,eAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,UAAA,GAAaC,aAA6C,IAAI,CAAA,CAAA;AAEpE,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAW,UAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AACpC,QAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,SACd,UAAU,CAAA,CAAA;AAAA,KACf;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,WAAW,OAAS,EAAA;AACtB,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA,CAAA;AAAA,OACjC;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAM,MAAA,UAAA,GAAaC,kBAAY,MAAM;AACnC,IAAI,IAAA;AACF,MAAU,SAAA,CAAA,SAAA,CAAU,UAAU,IAAI,CAAA,CAAA;AAClC,MAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,aACP,KAAO,EAAA;AACd,MAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AAAA,KACrB;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAA,uBACGC,cAAA,CAAAC,gCAAA,EAAA,EACC,QAAC,kBAAAC,eAAA,CAAA,KAAA,EAAA,EAAI,WAAU,uBACb,EAAA,QAAA,EAAA;AAAA,oBAACA,eAAA,CAAA,KAAA,EAAA,EAAI,WAAU,sBACb,EAAA,QAAA,EAAA;AAAA,sBAACF,cAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,qBAAA,EAAuB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,sBAC7CA,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,8BACb,EAAA,QAAA,kBAAAA,cAAA,CAACG,mBAAQ,OAAS,EAAA,QAAA,GAAW,IAAO,GAAA,CAAA,CAAE,iBACpC,EAAA,QAAA,kBAAAH,cAAA;AAAA,QAACI,aAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,6BAAA;AAAA,UACV,MAAM,QAAW,mBAAAJ,cAAA,CAACK,eAAU,EAAA,EAAA,CAAA,kCAAMC,aAAS,EAAA,EAAA,CAAA;AAAA,UAC3C,OAAS,EAAA,UAAA;AAAA,UACT,cAAY,CAAE,CAAA,iBAAA;AAAA,SAAA;AAAA,SAElB,CACF,EAAA,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,mCACC,KAAI,EAAA,EAAA,SAAA,EAAU,yBACb,QAAC,kBAAAN,cAAA,CAAA,MAAA,EAAA,EAAM,gBAAK,CACd,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/internal/CodeBlock.js

@@ -33,40 +33,21 @@ function CodeBlock({ title, code, overrides }) {
       console.error(error);
     }
   }, [code]);
-  return /* @__PURE__ */ jsx(TooltipProvider, {
-    children: /* @__PURE__ */ jsxs("div", {
-      className: "lb-root lb-code-block",
-      children: [
-        /* @__PURE__ */ jsxs("div", {
-          className: "lb-code-block-header",
-          children: [
-            /* @__PURE__ */ jsx("span", {
-              className: "lb-code-block-title",
-              children: title
-            }),
-            /* @__PURE__ */ jsx("div", {
-              className: "lb-code-block-header-actions",
-              children: /* @__PURE__ */ jsx(Tooltip, {
-                content: isCopied ? null : $.COPY_TO_CLIPBOARD,
-                children: /* @__PURE__ */ jsx(Button, {
-                  className: "lb-code-block-header-action",
-                  icon: isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}),
-                  onClick: handleCopy,
-                  "aria-label": $.COPY_TO_CLIPBOARD
-                })
-              })
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsx("pre", {
-          className: "lb-code-block-content",
-          children: /* @__PURE__ */ jsx("code", {
-            children: code
-          })
-        })
-      ]
-    })
-  });
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs("div", { className: "lb-root lb-code-block", children: [
+    /* @__PURE__ */ jsxs("div", { className: "lb-code-block-header", children: [
+      /* @__PURE__ */ jsx("span", { className: "lb-code-block-title", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "lb-code-block-header-actions", children: /* @__PURE__ */ jsx(Tooltip, { content: isCopied ? null : $.COPY_TO_CLIPBOARD, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "lb-code-block-header-action",
+          icon: isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}),
+          onClick: handleCopy,
+          "aria-label": $.COPY_TO_CLIPBOARD
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx("pre", { className: "lb-code-block-content", children: /* @__PURE__ */ jsx("code", { children: code }) })
+  ] }) });
 }
 
 export { CodeBlock };

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sources":["../../../src/components/internal/CodeBlock.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { CheckIcon, CopyIcon } from \"../../icons\";\nimport type { GlobalOverrides } from \"../../overrides\";\nimport { useOverrides } from \"../../overrides\";\nimport { Button } from \"./Button\";\nimport { Tooltip, TooltipProvider } from \"./Tooltip\";\n\nconst COPY_DELAY = 1500;\n\ninterface CodeBlockProps extends Omit<ComponentProps<\"div\">, \"title\"> {\n  title: string;\n  code: string;\n  overrides?: Partial<GlobalOverrides>;\n}\n\nexport function CodeBlock({ title, code, overrides }: CodeBlockProps) {\n  const $ = useOverrides(overrides);\n  const [isCopied, setCopied] = useState(false);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (isCopied) {\n      timeoutRef.current = setTimeout(() => {\n        setCopied(false);\n      }, COPY_DELAY);\n    }\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, [isCopied]);\n\n  const handleCopy = useCallback(() => {\n    try {\n      navigator.clipboard.writeText(code);\n      setCopied(true);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [code]);\n\n  return (\n    <TooltipProvider>\n      <div className=\"lb-root lb-code-block\">\n        <div className=\"lb-code-block-header\">\n          <span className=\"lb-code-block-title\">{title}</span>\n          <div className=\"lb-code-block-header-actions\">\n            <Tooltip content={isCopied ? null : $.COPY_TO_CLIPBOARD}>\n              <Button\n                className=\"lb-code-block-header-action\"\n                icon={isCopied ? <CheckIcon /> : <CopyIcon />}\n                onClick={handleCopy}\n                aria-label={$.COPY_TO_CLIPBOARD}\n              />\n            </Tooltip>\n          </div>\n        </div>\n        <pre className=\"lb-code-block-content\">\n          <code>{code}</code>\n        </pre>\n      </div>\n    </TooltipProvider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AASA,MAAM,UAAa,GAAA,IAAA,CAAA;AAQZ,SAAS,SAAU,CAAA,EAAE,KAAO,EAAA,IAAA,EAAM,WAA6B,EAAA;AACpE,EAAM,MAAA,CAAA,GAAI,aAAa,SAAS,CAAA,CAAA;AAChC,EAAA,MAAM,CAAC,QAAA,EAAU,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,UAAA,GAAa,OAA6C,IAAI,CAAA,CAAA;AAEpE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAW,UAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AACpC,QAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,SACd,UAAU,CAAA,CAAA;AAAA,KACf;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,WAAW,OAAS,EAAA;AACtB,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA,CAAA;AAAA,OACjC;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAI,IAAA;AACF,MAAU,SAAA,CAAA,SAAA,CAAU,UAAU,IAAI,CAAA,CAAA;AAClC,MAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,aACP,KAAP,EAAA;AACA,MAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AAAA,KACrB;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAA,uBACG,GAAA,CAAA,eAAA,EAAA;AAAA,IACC,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAU,EAAA,uBAAA;AAAA,MACb,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,sBAAA;AAAA,UACb,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,cAAK,SAAU,EAAA,qBAAA;AAAA,cAAuB,QAAA,EAAA,KAAA;AAAA,aAAM,CAAA;AAAA,4BAC5C,GAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAU,EAAA,8BAAA;AAAA,cACb,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA;AAAA,gBAAQ,OAAA,EAAS,QAAW,GAAA,IAAA,GAAO,CAAE,CAAA,iBAAA;AAAA,gBACpC,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,kBACC,SAAU,EAAA,6BAAA;AAAA,kBACV,MAAM,QAAW,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA,uBAAM,QAAS,EAAA,EAAA,CAAA;AAAA,kBAC3C,OAAS,EAAA,UAAA;AAAA,kBACT,cAAY,CAAE,CAAA,iBAAA;AAAA,iBAChB,CAAA;AAAA,eACF,CAAA;AAAA,aACF,CAAA;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,wBACC,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,uBAAA;AAAA,UACb,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,YAAM,QAAA,EAAA,IAAA;AAAA,WAAK,CAAA;AAAA,SACd,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CodeBlock.js","sources":["../../../src/components/internal/CodeBlock.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { CheckIcon, CopyIcon } from \"../../icons\";\nimport type { GlobalOverrides } from \"../../overrides\";\nimport { useOverrides } from \"../../overrides\";\nimport { Button } from \"./Button\";\nimport { Tooltip, TooltipProvider } from \"./Tooltip\";\n\nconst COPY_DELAY = 1500;\n\ninterface CodeBlockProps extends Omit<ComponentProps<\"div\">, \"title\"> {\n  title: string;\n  code: string;\n  overrides?: Partial<GlobalOverrides>;\n}\n\nexport function CodeBlock({ title, code, overrides }: CodeBlockProps) {\n  const $ = useOverrides(overrides);\n  const [isCopied, setCopied] = useState(false);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (isCopied) {\n      timeoutRef.current = setTimeout(() => {\n        setCopied(false);\n      }, COPY_DELAY);\n    }\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, [isCopied]);\n\n  const handleCopy = useCallback(() => {\n    try {\n      navigator.clipboard.writeText(code);\n      setCopied(true);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [code]);\n\n  return (\n    <TooltipProvider>\n      <div className=\"lb-root lb-code-block\">\n        <div className=\"lb-code-block-header\">\n          <span className=\"lb-code-block-title\">{title}</span>\n          <div className=\"lb-code-block-header-actions\">\n            <Tooltip content={isCopied ? null : $.COPY_TO_CLIPBOARD}>\n              <Button\n                className=\"lb-code-block-header-action\"\n                icon={isCopied ? <CheckIcon /> : <CopyIcon />}\n                onClick={handleCopy}\n                aria-label={$.COPY_TO_CLIPBOARD}\n              />\n            </Tooltip>\n          </div>\n        </div>\n        <pre className=\"lb-code-block-content\">\n          <code>{code}</code>\n        </pre>\n      </div>\n    </TooltipProvider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AASA,MAAM,UAAa,GAAA,IAAA,CAAA;AAQZ,SAAS,SAAU,CAAA,EAAE,KAAO,EAAA,IAAA,EAAM,WAA6B,EAAA;AACpE,EAAM,MAAA,CAAA,GAAI,aAAa,SAAS,CAAA,CAAA;AAChC,EAAA,MAAM,CAAC,QAAA,EAAU,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,UAAA,GAAa,OAA6C,IAAI,CAAA,CAAA;AAEpE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAW,UAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AACpC,QAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,SACd,UAAU,CAAA,CAAA;AAAA,KACf;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,WAAW,OAAS,EAAA;AACtB,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA,CAAA;AAAA,OACjC;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAI,IAAA;AACF,MAAU,SAAA,CAAA,SAAA,CAAU,UAAU,IAAI,CAAA,CAAA;AAClC,MAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,aACP,KAAO,EAAA;AACd,MAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AAAA,KACrB;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAA,uBACG,GAAA,CAAA,eAAA,EAAA,EACC,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,uBACb,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,sBACb,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,qBAAA,EAAuB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,sBAC7C,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,8BACb,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,OAAS,EAAA,QAAA,GAAW,IAAO,GAAA,CAAA,CAAE,iBACpC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,6BAAA;AAAA,UACV,MAAM,QAAW,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA,uBAAM,QAAS,EAAA,EAAA,CAAA;AAAA,UAC3C,OAAS,EAAA,UAAA;AAAA,UACT,cAAY,CAAE,CAAA,iBAAA;AAAA,SAAA;AAAA,SAElB,CACF,EAAA,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,wBACC,KAAI,EAAA,EAAA,SAAA,EAAU,yBACb,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAM,gBAAK,CACd,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}