@mintlify/components 1.0.0 → 1.0.1

package/dist/components/card/card.js

@@ -1,112 +1,112 @@
-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";
+import { cn as o } from "../../utils/cn.js";
 import { isRemoteUrl as I } from "../../utils/is-remote-url.js";
 import A from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/arrow-up-right.js";
 import { Icon as R } from "../icon/icon.js";
 const L = ({
-  title: o,
-  icon: e,
+  title: a,
+  icon: r,
   iconType: n,
-  iconLibrary: g,
+  iconLibrary: h,
   color: d,
-  horizontal: i,
-  href: h,
-  img: f,
-  children: x,
-  disabled: c,
-  cta: s,
+  horizontal: s,
+  href: f,
+  img: x,
+  children: g,
+  disabled: i,
+  cta: c,
   arrow: t,
   as: v,
   className: l
 }) => {
-  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: h,
       iconType: n,
       overrideColor: !!d
     }
-  ) : e, m = c ? void 0 : h;
-  return /* @__PURE__ */ r(
+  ) : r, m = i ? void 0 : f;
+  return /* @__PURE__ */ e(
     z,
     {
       arrow: t,
       as: v,
-      className: a(
+      className: o(
         m && "hover:border-primary! dark:hover:border-primary-light!",
         l
       ),
-      cta: s,
-      disabled: c,
-      horizontal: i,
+      cta: c,
+      disabled: i,
+      horizontal: s,
       href: m,
-      icon: y,
-      img: f,
-      title: o,
-      children: x
+      icon: b,
+      img: x,
+      title: a,
+      children: g
     }
   );
 }, z = ({
-  title: o,
-  icon: e,
+  title: a,
+  icon: r,
   img: n,
-  className: g,
+  className: h,
   children: d,
-  horizontal: i,
-  arrow: h,
-  as: f,
-  mRef: x,
-  cta: c,
-  disabled: s,
+  horizontal: s,
+  arrow: f,
+  as: x,
+  mRef: g,
+  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" : x || (t.href !== void 0 ? "a" : "div"), l = I(t.href ?? ""), b = l ? { target: "_blank", rel: "noreferrer" } : {}, m = f ?? l, 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: a,
           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 });
   return /* @__PURE__ */ p(
     v,
     {
-      className: a(
+      className: o(
         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
+        h
       ),
-      ...y,
+      ...b,
       ...t,
-      ref: x,
+      ref: g,
       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
@@ -115,61 +115,61 @@ const L = ({
         /* @__PURE__ */ p(
           "div",
           {
-            className: a(
+            className: o(
               "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",
+                  className: o(
+                    "absolute top-5 right-5 text-stone-400 group-hover:text-primary dark:text-stone-500 dark:group-hover:text-primary-light",
                     !m && "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(
+                a && /* @__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"
+                    className: o(
+                      "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
+                    children: a
                   }
                 ),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ e(
                   "div",
                   {
-                    className: a(
+                    className: o(
                       "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"
+                      a ? "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"
+                    className: o(
+                      "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"}

package/dist/components/code-block/code-block.js

@@ -1,8 +1,8 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { Classes as u } from "../../constants/selectors.js";
-import { cn as B } from "../../utils/cn.js";
-import { getNodeText as x } from "../../utils/get-node-text.js";
-import { BaseCodeBlock as C } from "./base-code-block.js";
+import { Classes as B } from "../../constants/selectors.js";
+import { cn as x } from "../../utils/cn.js";
+import { getNodeText as C } from "../../utils/get-node-text.js";
+import { BaseCodeBlock as y } from "./base-code-block.js";
 import { CodeHeader as w } from "./code-header.js";
 import { CopyToClipboardButton as k } from "./copy-button.js";
 const H = function(d) {
@@ -10,27 +10,27 @@ const H = function(d) {
     filename: n,
     children: m,
     className: p,
-    icon: i,
-    isSmallText: g,
-    hideAskAiButton: b,
-    feedbackModalOpen: h,
+    icon: s,
+    isSmallText: b,
+    hideAskAiButton: h,
+    feedbackModalOpen: g,
     anchorRef: f,
-    codeBlockTheme: r = "system",
-    codeBlockThemeObject: y,
-    askAiButton: o,
-    feedbackButton: e,
-    copyButtonProps: s
-  } = d, c = x(m), l = !!n || !!i;
+    codeBlockTheme: o = "system",
+    codeBlockThemeObject: u,
+    askAiButton: e,
+    feedbackButton: r,
+    copyButtonProps: i
+  } = d, c = C(m), l = !!n || !!s;
   return /* @__PURE__ */ t(
     "div",
     {
-      className: B(
-        u.CodeBlock,
+      className: x(
+        B.CodeBlock,
         "not-prose group relative mt-5 mb-8 rounded-2xl",
-        r === "system" && "codeblock-light dark:twoslash-dark border border-gray-950/10 bg-gray-50 text-gray-950 dark:border-white/10 dark:bg-white/5 dark:text-gray-50",
-        r === "dark" && "codeblock-dark twoslash-dark dark:twoslash-dark bg-codeblock text-gray-50 ring-1 ring-transparent dark:bg-white/5 dark:ring-white/[0.14]",
+        o === "system" && "codeblock-light dark:twoslash-dark border border-stone-950/10 bg-stone-50 text-stone-950 dark:border-white/10 dark:bg-white/5 dark:text-stone-50",
+        o === "dark" && "codeblock-dark twoslash-dark dark:twoslash-dark bg-codeblock text-stone-50 ring-1 ring-transparent dark:bg-white/5 dark:ring-white/[0.14]",
         l ? "p-0.5" : "bg-transparent dark:bg-transparent",
-        h && "border border-primary dark:border-primary-light",
+        g && "border border-primary dark:border-primary-light",
         p
       ),
       ref: f,
@@ -38,20 +38,20 @@ const H = function(d) {
         l ? /* @__PURE__ */ t(
           w,
           {
-            codeBlockTheme: r,
+            codeBlockTheme: o,
             filename: n,
-            icon: i,
+            icon: s,
             children: [
-              e && e,
+              r && r,
               /* @__PURE__ */ a(
                 k,
                 {
-                  codeBlockTheme: r,
+                  codeBlockTheme: o,
                   textToCopy: c,
-                  ...s
+                  ...i
                 }
               ),
-              o && o
+              e && e
             ]
           }
         ) : /* @__PURE__ */ t(
@@ -60,26 +60,26 @@ const H = function(d) {
             className: "absolute top-3 right-4 flex items-center gap-1.5",
             "data-floating-buttons": !0,
             children: [
-              e && e,
+              r && r,
               /* @__PURE__ */ a(
                 k,
                 {
-                  codeBlockTheme: r,
+                  codeBlockTheme: o,
                   textToCopy: c,
-                  ...s
+                  ...i
                 }
               ),
-              o && o
+              e && e
             ]
           }
         ),
         /* @__PURE__ */ a(
-          C,
+          y,
           {
-            codeBlockTheme: r,
-            codeBlockThemeObject: y,
-            hideAskAiButton: b,
-            isSmallText: g,
+            codeBlockTheme: o,
+            codeBlockThemeObject: u,
+            hideAskAiButton: h,
+            isSmallText: b,
             ...d
           }
         )

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

@@ -0,0 +1,8 @@
+type CodeFooterProps = {
+    numberOfLines: number | undefined;
+    isExpanded: boolean;
+    toggleExpanded: () => void;
+};
+declare const CodeFooter: ({ numberOfLines, isExpanded, toggleExpanded, }: CodeFooterProps) => import("react/jsx-runtime").JSX.Element | null;
+export { type CodeFooterProps, CodeFooter };
+//# sourceMappingURL=code-footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-footer.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-footer.tsx"],"names":[],"mappings":"AAEA,KAAK,eAAe,GAAG;IACrB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,gDAIjB,eAAe,mDAuBjB,CAAC;AAEF,OAAO,EAAE,KAAK,eAAe,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/code-block/code-footer.js

@@ -1,23 +1,23 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import l from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js";
-const n = ({
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import n from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js";
+const c = ({
   numberOfLines: t,
   isExpanded: o,
-  toggleExpanded: r
+  toggleExpanded: s
 }) => t ? /* @__PURE__ */ e(
   "div",
   {
-    className: "flex items-center px-3 py-1 font-medium text-gray-500 text-xs hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300",
+    className: "flex items-center px-3 py-1 font-medium text-stone-500 text-xs hover:text-stone-600 dark:text-stone-400 dark:hover:text-stone-300",
     "data-component-part": "code-block-footer",
-    children: /* @__PURE__ */ a(
+    children: /* @__PURE__ */ r(
       "button",
       {
         className: "flex flex-1 items-center gap-1.5 py-1.5",
         "data-component-part": "code-block-footer-button",
-        onClick: r,
+        onClick: s,
         type: "button",
         children: [
-          /* @__PURE__ */ e(l, { className: "size-3.5 shrink-0 text-gray-500 dark:text-gray-400" }),
+          /* @__PURE__ */ e(n, { className: "size-3.5 shrink-0 text-stone-500 dark:text-stone-400" }),
           o ? "Collapse" : `See all ${t} line${t === 1 ? "" : "s"}`
         ]
       }
@@ -25,5 +25,5 @@ const n = ({
   }
 ) : null;
 export {
-  n as CodeFooter
+  c as CodeFooter
 };

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { CodeBlockTheme } from '../../utils/shiki/code-styling';
+type CodeHeaderProps = {
+    filename?: string;
+    icon?: string;
+    codeBlockTheme?: CodeBlockTheme;
+    children?: ReactNode;
+};
+declare const CodeHeader: ({ filename, icon, codeBlockTheme, children, }: CodeHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { type CodeHeaderProps, CodeHeader };
+//# sourceMappingURL=code-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-header.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,+CAKjB,eAAe,4CAiCjB,CAAC;AAEF,OAAO,EAAE,KAAK,eAAe,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/code-block/code-header.js

@@ -1,44 +1,44 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { Classes as l } from "../../constants/selectors.js";
-import { cn as t } from "../../utils/cn.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { Classes as d } from "../../constants/selectors.js";
+import { cn as s } from "../../utils/cn.js";
 import { Icon as m } from "../icon/icon.js";
 const x = ({
-  filename: o,
-  icon: e,
-  codeBlockTheme: d = "system",
-  children: s
-}) => /* @__PURE__ */ r(
+  filename: t,
+  icon: r,
+  codeBlockTheme: a = "system",
+  children: n
+}) => /* @__PURE__ */ o(
   "div",
   {
-    className: "flex rounded-t-[14px] py-1 pr-2.5 pl-4 font-medium text-gray-400 text-xs leading-6",
+    className: "flex rounded-t-[14px] py-1 pr-2.5 pl-4 font-medium text-stone-400 text-xs leading-6",
     "data-component-part": "code-block-header",
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "div",
         {
-          className: t(
-            "flex flex-none items-center gap-1.5 text-gray-700 dark:text-gray-300",
-            d === "dark" && "text-gray-300"
+          className: s(
+            "flex min-w-0 grow-0 items-center gap-1.5 text-stone-700 dark:text-stone-300",
+            a === "dark" && "text-stone-300"
           ),
           "data-component-part": "code-block-header-filename",
           children: [
-            e && /* @__PURE__ */ a(
+            r && /* @__PURE__ */ e(
               m,
               {
-                className: t(
-                  "size-3.5 bg-gray-500 dark:bg-gray-400",
-                  l.CodeBlockIcon
+                className: s(
+                  "size-3.5 shrink-0 bg-stone-500 dark:bg-stone-400",
+                  d.CodeBlockIcon
                 ),
-                icon: e,
+                icon: r,
                 iconType: "regular",
                 overrideColor: !0
               }
             ),
-            o
+            !!t && /* @__PURE__ */ e("span", { className: "mr-2 min-w-0 truncate", children: t })
           ]
         }
       ),
-      /* @__PURE__ */ a("div", { className: "flex flex-1 items-center justify-end gap-1.5", children: s })
+      /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-end gap-1.5", children: n })
     ]
   }
 );

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

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { CopyToClipboardResult } from '../../utils/copy-to-clipboard';
+import { CodeBlockTheme } from '../../utils/shiki/code-styling';
+type CopyToClipboardButtonProps = {
+    textToCopy: string;
+    onCopied?: (result: CopyToClipboardResult, textToCopy?: string) => void;
+    className?: string;
+    showTooltip?: boolean;
+    codeBlockTheme?: CodeBlockTheme;
+    copyButtonAriaLabel?: string;
+    tooltipCopyText?: string;
+    tooltipCopiedText?: string;
+};
+declare const CopyToClipboardButton: ({ textToCopy, onCopied, className, showTooltip, codeBlockTheme, copyButtonAriaLabel, tooltipCopyText, tooltipCopiedText, ...buttonProps }: CopyToClipboardButtonProps & ComponentPropsWithoutRef<"button">) => import("react/jsx-runtime").JSX.Element | null;
+export { type CopyToClipboardButtonProps, CopyToClipboardButton };
+//# sourceMappingURL=copy-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/copy-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAuB,MAAM,OAAO,CAAC;AAG3E,OAAO,EACL,KAAK,qBAAqB,EAE3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAMjE,KAAK,0BAA0B,GAAG;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,2IAU5B,0BAA0B,GAAG,wBAAwB,CAAC,QAAQ,CAAC,mDA+DjE,CAAC;AAEF,OAAO,EAAE,KAAK,0BAA0B,EAAE,qBAAqB,EAAE,CAAC"}

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

@@ -0,0 +1,5 @@
+export type { BaseCodeBlockProps } from './base-code-block';
+export { BaseCodeBlock } from './base-code-block';
+export type { CodeBlockProps } from './code-block';
+export { CodeBlock } from './code-block';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}