@mintlify/components 1.0.0 → 1.0.2

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"}

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

@@ -0,0 +1,13 @@
+declare const mediumCode = "class HelloWorld {\n    private String message;\n    \n    public HelloWorld(String message) {\n        this.message = message;\n    }\n    \n    public void greet() {\n        System.out.println(\"Hello, World!\");\n        System.out.println(this.message);\n    }\n    \n    public static void main(String[] args) {\n        HelloWorld hw = new HelloWorld(\"Welcome to Java!\");\n        hw.greet();\n    }\n}";
+declare const longExpandableCode = "from datetime import datetime, timedelta\nfrom typing import Dict, List, Optional\nfrom dataclasses import dataclass\n\n@dataclass\nclass Book:\n    title: str\n    author: str\n    isbn: str\n    checked_out: bool = False\n    due_date: Optional[datetime] = None\n\nclass Library:\n    def __init__(self):\n        self.books: Dict[str, Book] = {}\n        self.checkouts: Dict[str, List[str]] = {}  # patron -> list of ISBNs\n\n    def add_book(self, book: Book) -> None:\n        if book.isbn in self.books:\n            raise ValueError(f\"Book with ISBN {book.isbn} already exists\")\n        self.books[book.isbn] = book\n\n    def checkout_book(self, isbn: str, patron: str, days: int = 14) -> None:\n        if patron not in self.checkouts:\n            self.checkouts[patron] = []\n\n        book = self.books.get(isbn)\n        if not book:\n            raise ValueError(\"Book not found\")\n\n        if book.checked_out:\n            raise ValueError(\"Book is already checked out\")\n\n        if len(self.checkouts[patron]) >= 3:\n            raise ValueError(\"Patron has reached checkout limit\")\n\n        book.checked_out = True\n        book.due_date = datetime.now() + timedelta(days=days)\n        self.checkouts[patron].append(isbn)\n\n    def return_book(self, isbn: str) -> float:\n        book = self.books.get(isbn)\n        if not book or not book.checked_out:\n            raise ValueError(\"Book not found or not checked out\")\n\n        late_fee = 0.0\n        if datetime.now() > book.due_date:\n            days_late = (datetime.now() - book.due_date).days\n            late_fee = days_late * 0.50\n\n        book.checked_out = False\n        book.due_date = None\n\n        # Remove from patron's checkouts\n        for patron, books in self.checkouts.items():\n            if isbn in books:\n                books.remove(isbn)\n                break\n\n        return late_fee";
+declare const longSingleLineCode = "To denote a `word` or `phrase` as code, enclose it in backticks (`). The backtick ` is a typographical mark used mainly in computing. It is also known as backquote, grave, or grave accent. This line is intentionally very long to test wrapping behavior and horizontal scrolling.";
+declare const singleLineCode = "To denote a `word` or `phrase` as code, enclose it in backticks (`)";
+declare const diffCodeWithRemove = "function calculateTotal(items) {\n  let total = 0;\n  for (let i = 0; i < items.length; i++) { // [!code --]\n    total += items[i].price; // [!code --]\n  for (const item of items) { // [!code ++]\n    total += item.price; // [!code ++]\n    total += item.tax; // [!code ++]\n  }\n  return total;\n}\n\nfunction processOrder(order) {\n  const total = calculateTotal(order.items);\n  const discount = calculateDiscount(order); // [!code ++]\n  order.total = total - discount; // [!code ++]\n  order.total = total; // [!code --]\n  return order;\n}";
+declare const simpleDiffCode = "console.log(\"Hello World\");\nconsole.log(\"Old message\"); // [!code --]\nconsole.log(\"New message\"); // [!code ++]\nconsole.log(\"End\");";
+declare const complexDiffCode = "import React from 'react';\nimport { useState } from 'react'; // [!code --]\nimport { useState, useEffect } from 'react'; // [!code ++]\n\nfunction MyComponent() {\n  const [count, setCount] = useState(0);\n  const [isLoading, setIsLoading] = useState(false); // [!code ++]\n\n  useEffect(() => { // [!code ++]\n    setIsLoading(true); // [!code ++]\n    // Simulate async operation // [!code ++]\n    setTimeout(() => setIsLoading(false), 1000); // [!code ++]\n  }, []); // [!code ++]\n\n  return (\n    <div>\n      <h1>Count: {count}</h1> // [!code --]\n      <h1>{isLoading ? 'Loading...' : `Count: ${count}`}</h1> // [!code ++]\n      <button onClick={() => setCount(count + 1)}>\n        Increment\n      </button>\n    </div>\n  );\n}";
+declare const getString: (tabIndex?: number, language?: string) => string;
+declare const shortMultiLineCode = "function greet(name) {\n  console.log(\"Hello, \" + name + \"!\");\n  return true;\n}";
+declare const shortMultiLineCodeTS = "function greet(name: string): boolean {\n  console.log(`Hello, ${name}!`);\n  return true;\n}";
+declare const shortCode = "def greet(name):\n    print(f\"Hello, {name}!\")\n    return True";
+export { mediumCode, longExpandableCode, longSingleLineCode, singleLineCode, diffCodeWithRemove, simpleDiffCode, complexDiffCode, getString, shortMultiLineCode, shortCode, shortMultiLineCodeTS, };
+//# sourceMappingURL=story-utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"story-utils.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/story-utils.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,UAAU,gaAgBd,CAAC;AAEH,QAAA,MAAM,kBAAkB,63DA2DA,CAAC;AAEzB,QAAA,MAAM,kBAAkB,0RACiQ,CAAC;AAE1R,QAAA,MAAM,cAAc,wEACmD,CAAC;AAExE,QAAA,MAAM,kBAAkB,wiBAiBtB,CAAC;AAEH,QAAA,MAAM,cAAc,mJAGA,CAAC;AAErB,QAAA,MAAM,eAAe,0uBAuBnB,CAAC;AAEH,QAAA,MAAM,SAAS,GAAI,iBAAY,EAAE,WAAW,MAAM,WAmBjD,CAAC;AAEF,QAAA,MAAM,kBAAkB,0FAGtB,CAAC;AAEH,QAAA,MAAM,oBAAoB,kGAEuE,CAAC;AAElG,QAAA,MAAM,SAAS,sEAAoE,CAAC;AAEpF,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,SAAS,EACT,kBAAkB,EAClB,SAAS,EACT,oBAAoB,GACrB,CAAC"}

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

@@ -0,0 +1,23 @@
+import { ReactElement, ReactNode, RefObject } from 'react';
+import { CodeBlockProps } from '../code-block/code-block';
+import { CopyToClipboardButtonProps } from '../code-block/copy-button';
+import { CodeBlockTheme, CodeStyling } from '../../utils/shiki/code-styling';
+type CodeGroupProps = {
+    dropdown?: boolean;
+    isSmallText?: boolean;
+    children?: ReactElement<CodeBlockProps>[] | ReactElement<CodeBlockProps>;
+    noMargins?: boolean;
+    feedbackModalOpen?: boolean;
+    anchorRef?: RefObject<HTMLDivElement>;
+    codeBlockTheme?: CodeBlockTheme;
+    codeBlockThemeObject?: CodeStyling;
+    initialSelectedTab?: number;
+    onSelectedTabChange?: (index: number) => void;
+    askAiButton?: ReactNode;
+    feedbackButton?: ReactNode;
+    className?: string;
+    copyButtonProps?: CopyToClipboardButtonProps;
+};
+declare const CodeGroup: ({ children, isSmallText, className, noMargins, dropdown, feedbackModalOpen, anchorRef, codeBlockTheme, codeBlockThemeObject, initialSelectedTab, onSelectedTabChange, askAiButton, feedbackButton, copyButtonProps, }: CodeGroupProps) => import("react/jsx-runtime").JSX.Element | null;
+export { CodeGroup, type CodeGroupProps };
+//# sourceMappingURL=code-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-group.d.ts","sourceRoot":"","sources":["../../../src/components/code-group/code-group.tsx"],"names":[],"mappings":"AACA,OAAc,EAEZ,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,qCAAqC,CAAC;AAK7C,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAI9E,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,oBAAoB,CAAC,EAAE,WAAW,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,0BAA0B,CAAC;CAC9C,CAAC;AAOF,QAAA,MAAM,SAAS,GAAI,uNAehB,cAAc,mDA+LhB,CAAC;AAqDF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}

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

@@ -1,9 +1,9 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import P, { useState as V, useRef as D, useCallback as E, forwardRef as H } from "react";
 import { BaseCodeBlock as J } from "../code-block/base-code-block.js";
 import { CopyToClipboardButton as K } from "../code-block/copy-button.js";
-import { Classes as x } from "../../constants/selectors.js";
-import { cn as n } from "../../utils/cn.js";
+import { Classes as h } from "../../constants/selectors.js";
+import { cn as i } from "../../utils/cn.js";
 import { getNodeText as Q } from "../../utils/get-node-text.js";
 import { LanguageDropdown as U } from "./language-dropdown.js";
 import { Icon as $ } from "../icon/icon.js";
@@ -11,122 +11,122 @@ import { TabsRoot as W } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@ty
 import { TabsList as X } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tabs/list/TabsList.js";
 import { TabsPanel as Y } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tabs/panel/TabsPanel.js";
 import { TabsTab as Z } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tabs/tab/TabsTab.js";
-const mr = ({
-  children: d,
+const ur = ({
+  children: g,
   isSmallText: f,
   className: c,
   noMargins: l,
   dropdown: p,
-  feedbackModalOpen: i,
-  anchorRef: y,
-  codeBlockTheme: a = "system",
+  feedbackModalOpen: n,
+  anchorRef: b,
+  codeBlockTheme: o = "system",
   codeBlockThemeObject: F,
   initialSelectedTab: _ = 0,
-  onSelectedTabChange: m,
-  askAiButton: h,
+  onSelectedTabChange: u,
+  askAiButton: y,
   feedbackButton: v,
   copyButtonProps: q
 }) => {
   var N, C, I, j, R, A, G;
-  const t = P.Children.toArray(d), z = Math.min(
+  const t = P.Children.toArray(g), z = Math.min(
     Math.max(0, _),
     Math.max(0, t.length - 1)
-  ), [w, O] = V(z), b = D(/* @__PURE__ */ new Map()), k = E(
+  ), [w, O] = V(z), x = D(/* @__PURE__ */ new Map()), k = E(
     (e) => {
       var L;
-      const r = Number(e), u = typeof document < "u" && ((L = document.activeElement) == null ? void 0 : L.getAttribute("role")) === "tab";
+      const r = Number(e), d = typeof document < "u" && ((L = document.activeElement) == null ? void 0 : L.getAttribute("role")) === "tab";
       typeof window < "u" && window.location.hash && window.history.replaceState(
         null,
         "",
         window.location.pathname + window.location.search
-      ), O(r), m == null || m(r), u && typeof requestAnimationFrame < "u" && requestAnimationFrame(() => {
-        const M = b.current.get(r);
+      ), O(r), u == null || u(r), d && typeof requestAnimationFrame < "u" && requestAnimationFrame(() => {
+        const M = x.current.get(r);
         M && M.focus();
       });
     },
-    [m]
+    [u]
   );
-  if (!d)
+  if (!g)
     return null;
   if (t.length === 0)
     return console.warn(
       "CodeGroup has no children, expected at least one CodeBlock child."
     ), null;
   const s = Number(w);
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ m(
     W,
     {
-      className: n(
-        x.CodeGroup,
-        "not-prose relative mt-5 mb-8 flex flex-col overflow-hidden rounded-2xl border border-gray-950/10 p-0.5 dark:border-white/10",
+      className: i(
+        h.CodeGroup,
+        "not-prose relative mt-5 mb-8 flex flex-col overflow-hidden rounded-2xl border border-stone-950/10 p-0.5 dark:border-white/10",
         l && "my-0",
-        a === "system" && "dark:codeblock-dark codeblock-light bg-gray-50 text-gray-950 dark:bg-white/5 dark:text-gray-50",
-        a === "dark" && "codeblock-dark border-transparent bg-codeblock text-gray-50 dark:bg-white/5",
-        i && "border border-primary dark:border-primary-light",
+        o === "system" && "dark:codeblock-dark codeblock-light bg-stone-50 text-stone-950 dark:bg-white/5 dark:text-stone-50",
+        o === "dark" && "codeblock-dark border-transparent bg-codeblock text-stone-50 dark:bg-white/5",
+        n && "border border-primary dark:border-primary-light",
         c
       ),
       onValueChange: (e) => k(String(e)),
-      ref: y,
+      ref: b,
       value: w,
       children: [
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ m(
           "div",
           {
-            className: n(
+            className: i(
               "relative flex items-center justify-between gap-2",
               p ? "px-2.5" : "pr-2.5"
             ),
             "data-component-part": "code-group-tab-bar",
             children: [
-              p ? /* @__PURE__ */ g("div", { className: "flex min-w-0 items-center gap-1.5 font-medium text-xs", children: [
-                ((N = t[s]) == null ? void 0 : N.props.icon) && typeof ((C = t[s]) == null ? void 0 : C.props.icon) == "string" && /* @__PURE__ */ o(
+              p ? /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-1.5 font-medium text-xs", children: [
+                ((N = t[s]) == null ? void 0 : N.props.icon) && typeof ((C = t[s]) == null ? void 0 : C.props.icon) == "string" && /* @__PURE__ */ a(
                   $,
                   {
-                    className: n(
-                      "size-3.5 bg-gray-500 dark:bg-gray-400",
-                      x.CodeBlockIcon
+                    className: i(
+                      "size-3.5 bg-stone-500 dark:bg-stone-400",
+                      h.CodeBlockIcon
                     ),
                     icon: (I = t[s]) == null ? void 0 : I.props.icon,
                     iconType: "regular",
                     overrideColor: !0
                   }
                 ),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ a(
                   "span",
                   {
-                    className: n(
+                    className: i(
                       "truncate",
-                      a === "system" && "text-gray-950 dark:text-gray-50",
-                      a === "dark" && "text-gray-50"
+                      o === "system" && "text-stone-950 dark:text-stone-50",
+                      o === "dark" && "text-stone-50"
                     ),
                     children: (j = t[s]) == null ? void 0 : j.props.filename
                   }
                 )
-              ] }) : /* @__PURE__ */ o(
+              ] }) : /* @__PURE__ */ a(
                 X,
                 {
-                  className: n(
+                  className: i(
                     "flex w-0 flex-1 gap-1 overflow-x-auto overflow-y-hidden rounded-tl-xl text-xs leading-6",
-                    a === "system" ? "scrollbar-code-system" : "scrollbar-code-dark"
+                    o === "system" ? "scrollbar-code-system" : "scrollbar-code-dark"
                   ),
-                  children: t.map((e, r) => /* @__PURE__ */ g(
+                  children: t.map((e, r) => /* @__PURE__ */ m(
                     S,
                     {
-                      codeBlockTheme: a,
+                      codeBlockTheme: o,
                       isSelected: s === r,
-                      ref: (u) => {
-                        u ? b.current.set(r, u) : b.current.delete(r);
+                      ref: (d) => {
+                        d ? x.current.set(r, d) : x.current.delete(r);
                       },
                       tabsLength: t.length,
                       value: r,
                       children: [
-                        e.props.icon && typeof e.props.icon == "string" && /* @__PURE__ */ o(
+                        e.props.icon && typeof e.props.icon == "string" && /* @__PURE__ */ a(
                           $,
                           {
-                            className: n(
-                              "h-3.5 w-3.5 bg-gray-500 dark:bg-gray-400",
-                              a === "system" ? "group-hover:bg-primary dark:group-hover:bg-primary-light" : "group-hover:bg-gray-700/70 group-hover:text-primary-light",
-                              x.CodeBlockIcon
+                            className: i(
+                              "h-3.5 w-3.5 bg-stone-500 dark:bg-stone-400",
+                              o === "system" ? "group-hover:bg-primary dark:group-hover:bg-primary-light" : "group-hover:bg-stone-700/70 group-hover:text-primary-light",
+                              h.CodeBlockIcon
                             ),
                             color: s === r ? "currentColor" : void 0,
                             icon: e.props.icon,
@@ -141,11 +141,11 @@ const mr = ({
                   ))
                 }
               ),
-              /* @__PURE__ */ g("div", { className: "flex shrink-0 items-center justify-end gap-1.5", children: [
-                p && /* @__PURE__ */ o(
+              /* @__PURE__ */ m("div", { className: "flex shrink-0 items-center justify-end gap-1.5", children: [
+                p && /* @__PURE__ */ a(
                   U,
                   {
-                    codeBlockTheme: a,
+                    codeBlockTheme: o,
                     languages: t.map((e) => e.props.language || ""),
                     selectedLanguage: ((R = t[s]) == null ? void 0 : R.props.language) || "",
                     setSelectedLanguage: (e, r) => {
@@ -154,31 +154,31 @@ const mr = ({
                   }
                 ),
                 v && v,
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ a(
                   K,
                   {
-                    codeBlockTheme: a,
+                    codeBlockTheme: o,
                     textToCopy: Q((G = (A = t[s]) == null ? void 0 : A.props) == null ? void 0 : G.children),
                     ...q
                   }
                 ),
-                h && h
+                y && y
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ o("div", { className: "flex flex-1 overflow-hidden", children: t.map((e, r) => /* @__PURE__ */ o(
+        /* @__PURE__ */ a("div", { className: "flex flex-1 overflow-hidden", children: t.map((e, r) => /* @__PURE__ */ a(
           Y,
           {
             className: "relative h-full max-h-full w-full min-w-full max-w-full",
             tabIndex: -1,
             value: r,
-            children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ a(
               J,
               {
                 ...e.props,
-                codeBlockTheme: a,
-                codeBlockThemeObject: F ?? a,
+                codeBlockTheme: o,
+                codeBlockThemeObject: F ?? o,
                 expandable: e.props.expandable && r === s,
                 isParentCodeGroup: !0,
                 isSmallText: f,
@@ -192,37 +192,37 @@ const mr = ({
     }
   );
 }, S = H(
-  function({ children: f, value: c, isSelected: l, tabsLength: p, codeBlockTheme: i }, y) {
-    return /* @__PURE__ */ g(
+  function({ children: f, value: c, isSelected: l, tabsLength: p, codeBlockTheme: n }, b) {
+    return /* @__PURE__ */ m(
       Z,
       {
-        className: n(
+        className: i(
           "group relative my-1 mb-1.5 ml-0! flex items-center gap-1.5 whitespace-nowrap font-medium outline-0 first:ml-2.5! focus-visible:outline-2",
-          l && i === "system" && "text-primary dark:text-primary-light",
-          l && i === "dark" && "text-primary-light",
-          !l && i === "system" && "text-gray-500 dark:text-gray-400",
-          !l && i === "dark" && "text-gray-400"
+          l && n === "system" && "text-primary dark:text-primary-light",
+          l && n === "dark" && "text-primary-light",
+          !l && n === "system" && "text-stone-500 dark:text-stone-400",
+          !l && n === "dark" && "text-stone-400"
         ),
-        ref: y,
+        ref: b,
         value: c,
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ a(
             "div",
             {
-              className: n(
+              className: i(
                 "z-10 flex items-center gap-1.5 rounded-lg px-1.5 focus:outline-none",
-                p > 1 && i === "system" && "group-hover:bg-gray-200/50 group-hover:text-primary dark:group-hover:bg-gray-700/70 dark:group-hover:text-primary-light",
-                p > 1 && i === "dark" && "group-hover:bg-gray-700/70 group-hover:text-primary-light"
+                p > 1 && n === "system" && "group-hover:bg-stone-200/50 group-hover:text-primary dark:group-hover:bg-stone-700/70 dark:group-hover:text-primary-light",
+                p > 1 && n === "dark" && "group-hover:bg-stone-700/70 group-hover:text-primary-light"
               ),
               children: f
             }
           ),
-          l && /* @__PURE__ */ o("div", { className: "absolute right-0 -bottom-1.5 left-0 h-0.5 rounded-full bg-primary dark:bg-primary-light" })
+          l && /* @__PURE__ */ a("div", { className: "absolute right-0 -bottom-1.5 left-0 h-0.5 rounded-full bg-primary dark:bg-primary-light" })
         ]
       }
     );
   }
 );
 export {
-  mr as CodeGroup
+  ur as CodeGroup
 };