@surrealdb/ui 1.0.16 → 1.0.17

package/dist/ui.d.ts

@@ -182,7 +182,7 @@ export declare function clsx(...args: unknown[]): string;
  */
 export declare const CodeBlock: FC<CodeBlockProps>;
 
-export declare interface CodeBlockProps extends Omit<PaperProps, "children"> {
+export declare interface CodeBlockProps extends Omit<PaperProps, "children" | "styles"> {
     title?: string;
     value: string;
     lang?: string;

package/dist/ui.js

@@ -15500,15 +15500,22 @@ const Na = It.define(EQ).parser, eh = It.define(AQ).parser, th = /* @__PURE__ */
       )
     }
   );
-}, oh = ({ title: t, value: O, lang: e, withBorder: i, ...r }) => {
-  const [n, a] = Le(!1), { code: s, regions: o } = X1(() => {
-    const l = Jc(O), { processedCode: Q, regions: $ } = Oh(
-      l.code
+}, oh = ({
+  title: t,
+  value: O,
+  lang: e,
+  withBorder: i = !0,
+  style: r,
+  ...n
+}) => {
+  const [a, s] = Le(!1), { code: o, regions: l } = X1(() => {
+    const Q = Jc(O), { processedCode: $, regions: c } = Oh(
+      Q.code
     );
     return {
-      code: Q,
-      regions: $,
-      test: l.test
+      code: $,
+      regions: c,
+      test: Q.test
     };
   }, [O]);
   return /* @__PURE__ */ Xt(
@@ -15516,18 +15523,19 @@ const Na = It.define(EQ).parser, eh = It.define(AQ).parser, th = /* @__PURE__ */
     {
       radius: "md",
       onMouseEnter: () => {
-        a(!0);
+        s(!0);
       },
       onMouseLeave: () => {
-        a(!1);
+        s(!1);
       },
       pos: "relative",
       bg: "obsidian.9",
-      withBorder: i || !0,
+      withBorder: i,
       style: {
-        overflow: "hidden"
+        overflow: "hidden",
+        ...r
       },
-      ...r,
+      ...n,
       children: [
         t && /* @__PURE__ */ q(
           m1,
@@ -15556,32 +15564,32 @@ const Na = It.define(EQ).parser, eh = It.define(AQ).parser, th = /* @__PURE__ */
               /* @__PURE__ */ q(
                 ih,
                 {
-                  value: s,
+                  value: o,
                   language: e ?? "text",
-                  highlightRegions: o
+                  highlightRegions: l
                 }
               ),
-              /* @__PURE__ */ q(y2, { value: s, children: ({ copy: l, copied: Q }) => /* @__PURE__ */ q(
+              /* @__PURE__ */ q(y2, { value: o, children: ({ copy: Q, copied: $ }) => /* @__PURE__ */ q(
                 $s,
                 {
-                  label: Q ? "Copied!" : "Copy code",
+                  label: $ ? "Copied!" : "Copy code",
                   position: "top",
                   children: /* @__PURE__ */ q(
                     zi,
                     {
                       size: "md",
-                      onClick: l,
+                      onClick: Q,
                       "aria-label": "Copy code",
                       pos: "absolute",
                       top: "var(--mantine-radius-sm)",
                       right: "var(--mantine-radius-sm)",
-                      opacity: n ? 1 : 0,
+                      opacity: a ? 1 : 0,
                       style: { transition: "opacity 0.2s" },
                       children: /* @__PURE__ */ q(
                         Oi,
                         {
                           size: "sm",
-                          path: Q ? nl : sl
+                          path: $ ? nl : sl
                         }
                       )
                     }