@mintlify/components 1.0.0 → 1.0.2

package/dist/components/callout/callout.js

@@ -1,81 +1,81 @@
-import { jsx as e, jsxs as z } from "react/jsx-runtime";
-import w from "../../_virtual/index.js";
-import { Classes as I } from "../../constants/selectors.js";
-import { DangerIcon as v, CheckIcon as $, TipIcon as A, NoteIcon as T, WarningIcon as _, InfoIcon as D } from "../../icons/index.js";
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
+import I from "../../_virtual/index.js";
+import { Classes as v } from "../../constants/selectors.js";
+import { DangerIcon as $, CheckIcon as A, TipIcon as T, NoteIcon as _, WarningIcon as D, InfoIcon as L } from "../../icons/index.js";
 import { cn as x } from "../../utils/cn.js";
-import { Icon as L } from "../icon/icon.js";
-const W = {
+import { Icon as W } from "../icon/icon.js";
+const j = {
   info: {
-    icon: D,
+    icon: L,
     defaultAriaLabel: "Info",
-    className: "border border-neutral-200 bg-neutral-50 dark:border-neutral-700 dark:bg-white/10",
-    childrenClassName: "text-neutral-800 dark:text-neutral-300"
+    className: "border border-stone-200 bg-stone-50 dark:border-stone-700 dark:bg-white/10",
+    childrenClassName: "text-stone-800 dark:text-stone-300"
   },
   warning: {
-    icon: _,
+    icon: D,
     defaultAriaLabel: "Warning",
     className: 'border border-yellow-200 bg-yellow-50 dark:border-yellow-900 dark:bg-yellow-600/20 **:data-[component-part="callout-icon"]:mt-px',
     childrenClassName: "text-yellow-800 dark:text-yellow-300"
   },
   note: {
-    icon: T,
+    icon: _,
     defaultAriaLabel: "Note",
     className: "border border-blue-200 bg-blue-50 dark:border-blue-900 dark:bg-blue-600/20",
     childrenClassName: "text-blue-800 dark:text-blue-300"
   },
   tip: {
-    icon: A,
+    icon: T,
     defaultAriaLabel: "Tip",
     className: 'border border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-600/20 **:data-[component-part="callout-icon"]:mt-px',
     childrenClassName: "text-green-800 dark:text-green-300"
   },
   check: {
-    icon: $,
+    icon: A,
     defaultAriaLabel: "Check",
     className: "border border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-600/20",
     childrenClassName: "text-green-800 dark:text-green-300"
   },
   danger: {
-    icon: v,
+    icon: $,
     defaultAriaLabel: "Danger",
     className: "border border-red-200 bg-red-50 dark:border-red-900 dark:bg-red-600/20",
     childrenClassName: "text-red-800 dark:text-red-300"
   }
 }, a = ({
-  children: r,
-  variant: d = "custom",
+  children: e,
+  variant: c = "custom",
   icon: p,
   iconType: h,
   iconLibrary: f,
-  color: i,
+  color: s,
   className: C,
-  ariaLabel: s
+  ariaLabel: i
 }) => {
-  let l, b, n = "", c = "", u = {}, g = {};
-  if (d === "custom")
-    if (l = p, b = i, i)
+  let l, b, n = "", d = "", m = {}, g = {};
+  if (c === "custom")
+    if (l = p, b = s, s)
       try {
-        const t = w(i), o = t.hex(), k = t.isDark(), N = t.lighten(0.5), y = t.darken(0.5);
-        u = {
-          "--callout-border-color-light": `${o}33`,
-          "--callout-bg-color-light": `${o}1a`,
-          "--callout-border-color-dark": `${o}${k ? "66" : "4d"}`,
-          "--callout-bg-color-dark": `${o}${k ? "4d" : "1a"}`
+        const o = I(s), t = o.hex(), k = o.isDark(), N = o.lighten(0.5), y = o.darken(0.5);
+        m = {
+          "--callout-border-color-light": `${t}33`,
+          "--callout-bg-color-light": `${t}1a`,
+          "--callout-border-color-dark": `${t}${k ? "66" : "4d"}`,
+          "--callout-bg-color-dark": `${t}${k ? "4d" : "1a"}`
         }, g = {
           "--callout-text-color": `${y.hex()}`,
           "--dark-callout-text-color": `${N.hex()}`
-        }, n = "border border-(--callout-border-color-light,#71717a33) bg-(--callout-bg-color-light,#71717a1a) dark:border-(--callout-border-color-dark,#71717a4d) dark:bg-(--callout-bg-color-dark,#71717a1a)", c = "mt-1 text-(--callout-text-color) dark:text-(--dark-callout-text-color)";
+        }, n = "border border-(--callout-border-color-light,#71717a33) bg-(--callout-bg-color-light,#71717a1a) dark:border-(--callout-border-color-dark,#71717a4d) dark:bg-(--callout-bg-color-dark,#71717a1a)", d = "mt-1 text-(--callout-text-color) dark:text-(--dark-callout-text-color)";
       } catch {
-        b = void 0, n = "border border-zinc-500/20 bg-zinc-50/50 dark:border-zinc-500/30 dark:bg-zinc-500/10", c = "text-zinc-900 dark:text-zinc-200";
+        b = void 0, n = "border border-stone-500/20 bg-stone-50/50 dark:border-stone-500/30 dark:bg-stone-500/10", d = "text-stone-900 dark:text-stone-200";
       }
     else
-      n = "border border-zinc-500/20 bg-zinc-50/50 dark:border-zinc-500/30 dark:bg-zinc-500/10", c = "text-zinc-900 dark:text-zinc-200";
+      n = "border border-stone-500/20 bg-stone-50/50 dark:border-stone-500/30 dark:bg-stone-500/10", d = "text-stone-900 dark:text-stone-200";
   else {
-    const t = W[d], o = t.icon;
-    l = /* @__PURE__ */ e(o, { "aria-label": s || t.defaultAriaLabel }), n = t.className, c = t.childrenClassName;
+    const o = j[c], t = o.icon;
+    l = /* @__PURE__ */ r(t, { "aria-label": i || o.defaultAriaLabel }), n = o.className, d = o.childrenClassName;
   }
-  const m = typeof l == "string" ? /* @__PURE__ */ e(
-    L,
+  const u = typeof l == "string" ? /* @__PURE__ */ r(
+    W,
     {
       className: "m-0! size-4 shrink-0",
       color: b,
@@ -84,43 +84,43 @@ const W = {
       iconType: h
     }
   ) : l;
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: x(
-        I.Callout,
+        v.Callout,
         "my-4 flex gap-3 overflow-hidden rounded-2xl px-5 py-4",
         n,
         C
       ),
-      "data-callout-type": d,
-      style: { ...u, ...g },
+      "data-callout-type": c,
+      style: { ...m, ...g },
       children: [
-        !!m && /* @__PURE__ */ e(
+        !!u && /* @__PURE__ */ r(
           "div",
           {
             className: "mt-0.5 w-4",
             "data-component-part": "callout-icon",
-            ...d === "custom" && s && { "aria-label": s },
-            children: m
+            ...c === "custom" && i && { "aria-label": i },
+            children: u
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ r(
           "div",
           {
             className: x(
-              "prose dark:prose-invert w-full min-w-0 text-sm [&_a]:border-current [&_a]:text-current! [&_code]:text-current! [&_kbd]:bg-zinc-100 [&_kbd]:text-current! dark:[&_kbd]:bg-zinc-800",
-              c
+              "prose dark:prose-invert w-full min-w-0 text-sm [&_a]:border-current [&_a]:text-current! [&_code]:text-current! [&_kbd]:bg-stone-100 [&_kbd]:text-current! dark:[&_kbd]:bg-stone-800",
+              d
             ),
             "data-component-part": "callout-content",
             style: g,
-            children: r
+            children: e
           }
         )
       ]
     }
   );
-}, G = (r) => /* @__PURE__ */ e(a, { ...r, variant: "info" }), H = (r) => /* @__PURE__ */ e(a, { ...r, variant: "warning" }), J = (r) => /* @__PURE__ */ e(a, { ...r, variant: "note" }), K = (r) => /* @__PURE__ */ e(a, { ...r, variant: "tip" }), M = (r) => /* @__PURE__ */ e(a, { ...r, variant: "check" }), O = (r) => /* @__PURE__ */ e(a, { ...r, variant: "danger" });
+}, G = (e) => /* @__PURE__ */ r(a, { ...e, variant: "info" }), H = (e) => /* @__PURE__ */ r(a, { ...e, variant: "warning" }), J = (e) => /* @__PURE__ */ r(a, { ...e, variant: "note" }), K = (e) => /* @__PURE__ */ r(a, { ...e, variant: "tip" }), M = (e) => /* @__PURE__ */ r(a, { ...e, variant: "check" }), O = (e) => /* @__PURE__ */ r(a, { ...e, variant: "danger" });
 export {
   a as Callout,
   M as Check,

package/dist/components/callout/index.d.ts

@@ -0,0 +1,3 @@
+export type { CalloutProps, CalloutVariant } from './callout';
+export { Callout, Check, Danger, Info, Note, Tip, Warning } from './callout';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/callout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/callout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/card/card.d.ts

@@ -0,0 +1,34 @@
+import { default as React, ComponentPropsWithoutRef, ElementType, ReactNode, Ref } from 'react';
+import { IconLibrary, IconType } from '../../utils/icon-utils';
+interface CardPropsBase<T> {
+    /**
+     * @remarks Prefer using a string value for better compatibility with accessibility and semantic HTML.
+     * ReactNode is supported for internal use only.
+     */
+    title?: ReactNode;
+    icon?: ReactNode;
+    img?: string;
+    horizontal?: boolean;
+    as?: T;
+    href?: string;
+    mRef?: Ref<T | undefined>;
+    cta?: string;
+    arrow?: boolean;
+    disabled?: boolean;
+}
+type CardProps<T extends ElementType> = CardPropsBase<T> & Omit<ComponentPropsWithoutRef<T>, keyof CardPropsBase<T>>;
+interface CardIconProps {
+    iconType?: IconType;
+    iconLibrary?: IconLibrary;
+    color?: string;
+}
+type CardComponentProps = Pick<CardPropsBase<ElementType>, "title" | "horizontal" | "href" | "img" | "disabled" | "cta" | "arrow" | "as"> & CardIconProps & {
+    icon?: ReactNode | string;
+    children?: React.ReactNode;
+    className?: string;
+};
+declare const Card: ({ title, icon, iconType, iconLibrary, color, horizontal, href, img, children, disabled, cta, arrow, as, className, }: CardComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const GenericCard: <T extends ElementType = "div">({ title, icon, img, className, children, horizontal, arrow, as, mRef, cta, disabled, ...props }: CardProps<T>) => import("react/jsx-runtime").JSX.Element;
+export { Card, GenericCard };
+export type { CardProps, CardPropsBase, CardComponentProps, CardIconProps };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,EAEX,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGhE,UAAU,aAAa,CAAC,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,SAAS,CAAC,CAAC,SAAS,WAAW,IAAI,aAAa,CAAC,CAAC,CAAC,GACtD,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5D,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC5B,aAAa,CAAC,WAAW,CAAC,EAC1B,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,KAAK,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,IAAI,CAC9E,GACC,aAAa,GAAG;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,QAAA,MAAM,IAAI,GAAI,sHAeX,kBAAkB,4CAqCpB,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,iGAajD,SAAS,CAAC,CAAC,CAAC,4CA+Hd,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AAC7B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/card/card.js

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as p, Fragment as N } from "react/jsx-runtime";
+import { jsx as e, jsxs as p, Fragment as y } from "react/jsx-runtime";
 import { Classes as j } from "../../constants/selectors.js";
 import { ArrowRightIcon as C } from "../../icons/index.js";
 import { cn as a } from "../../utils/cn.js";
@@ -7,84 +7,84 @@ import A from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_m
 import { Icon as R } from "../icon/icon.js";
 const L = ({
   title: o,
-  icon: e,
+  icon: r,
   iconType: n,
-  iconLibrary: g,
+  iconLibrary: f,
   color: d,
-  horizontal: i,
+  horizontal: s,
   href: h,
-  img: f,
+  img: g,
   children: x,
-  disabled: c,
-  cta: s,
+  disabled: i,
+  cta: c,
   arrow: t,
   as: v,
-  className: l
+  className: m
 }) => {
-  const y = typeof e == "string" ? /* @__PURE__ */ r(
+  const b = typeof r == "string" ? /* @__PURE__ */ e(
     R,
     {
       className: "m-0! size-6 shrink-0",
       color: d,
-      icon: e,
-      iconLibrary: g,
+      icon: r,
+      iconLibrary: f,
       iconType: n,
       overrideColor: !!d
     }
-  ) : e, m = c ? void 0 : h;
-  return /* @__PURE__ */ r(
+  ) : r, l = i ? void 0 : h;
+  return /* @__PURE__ */ e(
     z,
     {
       arrow: t,
       as: v,
       className: a(
-        m && "hover:border-primary! dark:hover:border-primary-light!",
-        l
+        l && "hover:border-primary! dark:hover:border-primary-light!",
+        m
       ),
-      cta: s,
-      disabled: c,
-      horizontal: i,
-      href: m,
-      icon: y,
-      img: f,
+      cta: c,
+      disabled: i,
+      horizontal: s,
+      href: l,
+      icon: b,
+      img: g,
       title: o,
       children: x
     }
   );
 }, z = ({
   title: o,
-  icon: e,
+  icon: r,
   img: n,
-  className: g,
+  className: f,
   children: d,
-  horizontal: i,
+  horizontal: s,
   arrow: h,
-  as: f,
+  as: g,
   mRef: x,
-  cta: c,
-  disabled: s,
+  cta: i,
+  disabled: c,
   ...t
 }) => {
-  var b;
-  const v = s ? "div" : f || (t.href !== void 0 ? "a" : "div"), l = I(t.href ?? ""), y = l ? { target: "_blank", rel: "noreferrer" } : {}, m = h ?? l, u = typeof e == "string", k = n ? ((b = n.match(/\/([^/]+)\.[^.]+$/)) == null ? void 0 : b[1]) ?? "" : "", w = /* @__PURE__ */ r(N, { children: e ? (
+  var u;
+  const v = c ? "div" : g || (t.href !== void 0 ? "a" : "div"), m = I(t.href ?? ""), b = m ? { target: "_blank", rel: "noreferrer" } : {}, l = h ?? m, k = typeof r == "string", w = n ? ((u = n.match(/\/([^/]+)\.[^.]+$/)) == null ? void 0 : u[1]) ?? "" : "", N = /* @__PURE__ */ e(y, { children: r ? (
     // biome-ignore lint/style/noNestedTernary: TODO
-    u ? (
+    k ? (
       // biome-ignore lint/correctness/useImageSize: TODO
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ e(
         "img",
         {
-          alt: o,
+          alt: typeof o == "string" ? o : "",
           className: "size-6 object-cover object-center",
           "data-component-part": "card-icon",
-          src: e
+          src: r
         }
       )
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ e(
       "div",
       {
-        className: "size-6 fill-gray-800 text-gray-800 dark:fill-gray-100 dark:text-gray-100",
+        className: "size-6 fill-stone-800 text-stone-800 dark:fill-stone-100 dark:text-stone-100",
         "data-component-part": "card-icon",
-        children: e
+        children: r
       }
     )
   ) : null });
@@ -93,20 +93,20 @@ const L = ({
     {
       className: a(
         j.Card,
-        "group relative my-2 block w-full overflow-hidden rounded-2xl border border-gray-950/10 bg-white font-normal ring-2 ring-transparent dark:border-white/10 dark:bg-background-dark",
+        "group relative my-2 block w-full overflow-hidden rounded-2xl border border-stone-950/10 bg-white font-normal ring-2 ring-transparent dark:border-white/10 dark:bg-background-dark",
         t.href && "cursor-pointer",
         t.href && "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary dark:focus-visible:ring-primary-light",
-        g
+        f
       ),
-      ...y,
+      ...b,
       ...t,
       ref: x,
       children: [
         n && // biome-ignore lint/correctness/useImageSize: TODO
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           "img",
           {
-            alt: k,
+            alt: w,
             className: "not-prose w-full object-cover object-center",
             "data-component-part": "card-image",
             src: n
@@ -117,59 +117,59 @@ const L = ({
           {
             className: a(
               "relative px-6 py-5",
-              i && "flex items-center gap-x-4"
+              s && "flex items-center gap-x-4"
             ),
             "data-component-part": "card-content-container",
             children: [
-              t.href && /* @__PURE__ */ r(
+              t.href && /* @__PURE__ */ e(
                 "div",
                 {
                   "aria-hidden": "true",
                   className: a(
-                    "absolute top-5 right-5 text-gray-400 group-hover:text-primary dark:text-gray-500 dark:group-hover:text-primary-light",
-                    !m && "hidden"
+                    "absolute top-5 right-5 text-stone-400 group-hover:text-primary dark:text-stone-500 dark:group-hover:text-primary-light",
+                    !l && "hidden"
                   ),
                   "data-component-part": "card-arrow",
-                  children: /* @__PURE__ */ r(A, { className: "size-4" })
+                  children: /* @__PURE__ */ e(A, { className: "size-4" })
                 }
               ),
-              w,
+              N,
               /* @__PURE__ */ p("div", { className: "min-w-0 flex-1", children: [
-                o && /* @__PURE__ */ r(
+                o && /* @__PURE__ */ e(
                   "h2",
                   {
                     className: a(
-                      "not-prose wrap-break-word font-semibold text-base text-gray-800 dark:text-white",
-                      e != null && !i && "mt-4"
+                      "not-prose wrap-break-word font-semibold text-base text-stone-800 dark:text-white",
+                      r != null && !s && "mt-4"
                     ),
                     contentEditable: !1,
                     "data-component-part": "card-title",
                     children: o
                   }
                 ),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ e(
                   "div",
                   {
                     className: a(
                       "prose wrap-break-word mt-1 font-normal text-base leading-6",
-                      o ? "text-gray-600 dark:text-gray-400" : "text-gray-700 dark:text-gray-300",
-                      i && "mt-0 leading-6"
+                      o ? "text-stone-600 dark:text-stone-400" : "text-stone-700 dark:text-stone-300",
+                      s && "mt-0 leading-6"
                     ),
                     "data-component-part": "card-content",
                     children: d
                   }
                 ),
-                c && /* @__PURE__ */ r("div", { className: "mt-8", "data-component-part": "card-cta", children: /* @__PURE__ */ p(
+                i && /* @__PURE__ */ e("div", { className: "mt-8", "data-component-part": "card-cta", children: /* @__PURE__ */ p(
                   "span",
                   {
                     className: a(
-                      "flex flex-row items-center gap-2 text-left font-medium text-gray-600 text-sm dark:text-gray-400",
-                      !s && "group-hover:text-primary group-hover:dark:text-primary-light",
-                      s && "opacity-50"
+                      "flex flex-row items-center gap-2 text-left font-medium text-sm text-stone-600 dark:text-stone-400",
+                      !c && "group-hover:text-primary group-hover:dark:text-primary-light",
+                      c && "opacity-50"
                     ),
                     children: [
-                      c,
-                      /* @__PURE__ */ r(C, { className: "h-6" })
+                      i,
+                      /* @__PURE__ */ e(C, { className: "h-6" })
                     ]
                   }
                 ) })

package/dist/components/card/index.d.ts

@@ -0,0 +1,3 @@
+export type { CardComponentProps, CardIconProps, CardProps, CardPropsBase, } from './card';
+export { Card } from './card';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,kBAAkB,EAClB,aAAa,EACb,SAAS,EACT,aAAa,GACd,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/code-block/base-code-block.d.ts

@@ -0,0 +1,9 @@
+import { CodeBlockProps } from './code-block';
+interface BaseCodeBlockProps extends CodeBlockProps {
+    isParentCodeGroup?: boolean;
+    shouldHighlight?: boolean;
+    forceExtract?: boolean;
+}
+declare const BaseCodeBlock: ({ expandable, shouldHighlight, children, isParentCodeGroup, isSmallText, numberOfLines, forceExtract, codeBlockTheme, codeBlockThemeObject, ...props }: BaseCodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export { type BaseCodeBlockProps, BaseCodeBlock };
+//# sourceMappingURL=base-code-block.d.ts.map

package/dist/components/code-block/base-code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-code-block.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/base-code-block.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,UAAU,kBAAmB,SAAQ,cAAc;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,aAAa,GAAI,wJAYpB,kBAAkB,4CA6KpB,CAAC;AAEF,OAAO,EAAE,KAAK,kBAAkB,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/code-block/code-block.d.ts

@@ -0,0 +1,74 @@
+import { ReactNode, RefObject } from 'react';
+import { CodeBlockTheme, CodeStyling } from '../../utils/shiki/code-styling';
+import { CopyToClipboardButtonProps } from './copy-button';
+type CodeBlockProps = {
+    language?: string;
+    filename?: string;
+    icon?: string;
+    lang?: string;
+    className?: string;
+    /**
+     * Whether to show line numbers.
+     */
+    lines?: boolean;
+    /**
+     * Whether to wrap the code block.
+     */
+    wrap?: boolean;
+    /**
+     * Whether to expand the code block.
+     */
+    expandable?: boolean;
+    /**
+     * The lines to highlight. it's a stringified array of numbers.
+     * Example: "[1,3,4,5]"
+     */
+    highlight?: string;
+    /**
+     * The lines to focus on. it's a stringified array of numbers.
+     * Example: "[1,3,4,5]"
+     */
+    focus?: string;
+    /**
+     * Internal prop to set the number of lines in the code block.
+     * Users should not set this prop.
+     */
+    numberOfLines?: number;
+    /**
+     * Prop to hide the ask ai button
+     */
+    hideAskAiButton?: boolean;
+    /**
+     * Prop to set the small text size
+     */
+    isSmallText?: boolean;
+    /**
+     * Pass in from CodeSnippetFeedbackProvider
+     */
+    feedbackModalOpen?: boolean;
+    /**
+     * Pass in from CodeSnippetFeedbackProvider
+     */
+    anchorRef?: RefObject<HTMLDivElement>;
+    /**
+     * Prop to set the code block theme (code block UI theme)
+     */
+    codeBlockTheme?: CodeBlockTheme;
+    /**
+     * Prop to set the code block theme object (syntax highlighting theme)
+     */
+    codeBlockThemeObject?: CodeStyling;
+    /**
+     * Pass in AskAiCodeBlockButton component
+     */
+    askAiButton?: ReactNode;
+    /**
+     * Pass in CodeSnippetFeedbackButton component
+     */
+    feedbackButton?: ReactNode;
+    children?: ReactNode;
+    copyButtonProps?: CopyToClipboardButtonProps;
+};
+declare const CodeBlock: (params: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export { type CodeBlockProps, CodeBlock };
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/code-block/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlD,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,eAAe,CAAC;AAEvB,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,oBAAoB,CAAC,EAAE,WAAW,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,0BAA0B,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,SAAS,GAAsB,QAAQ,cAAc,4CA0E1D,CAAC;AAEF,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAE,CAAC"}