@docubook/mdx-content 1.0.0 → 2.0.0

package/README.md

@@ -42,9 +42,9 @@ Create `lib/mdx-components.ts` to define the full component map. Import built-in
 import {
     createMdxComponents,
     type MdxComponentMap,
-    AccordionGroupMdx,
+    AccordionsMdx,
     AccordionMdx,
-    CardGroupMdx,
+    CardsMdx,
     ChangesMdx,
     CodeBlock,
     FileMdx,
@@ -53,8 +53,10 @@ import {
     KbdMdx,
     NoteMdx,
     ReleaseMdx,
-    StepperItemMdx,
-    StepperMdx,
+    StepsMdx,
+    StepMdx,
+    TabMdx,
+    TabsMdx,
     TableBodyMdx,
     TableCellMdx,
     TableFooterMdx,
@@ -62,21 +64,23 @@ import {
     TableHeaderMdx,
     TableMdx,
     TableRowMdx,
+    TooltipMdx,
+    YoutubeMdx,
+    // Legacy components (deprecated, kept for migration compatibility)
     TabsContentMdx,
     TabsListMdx,
-    TabsMdx,
     TabsTriggerMdx,
-    TooltipMdx,
-    YoutubeMdx,
+    AccordionGroupMdx,
+    CardGroupMdx,
+    StepperItemMdx,
+    StepperMdx,
 } from "@docubook/mdx-content";
 import { ImageMdx, LinkMdx, ButtonMdx, CardMdx } from "@docubook/mdx-content/next";
 import { customMdxComponents } from "@/lib/mdx";
 
 const builtInOverrides: MdxComponentMap = {
     Tabs: TabsMdx,
-    TabsContent: TabsContentMdx,
-    TabsList: TabsListMdx,
-    TabsTrigger: TabsTriggerMdx,
+    Tab: TabMdx,
     table: TableMdx,
     thead: TableHeaderMdx,
     tbody: TableBodyMdx,
@@ -85,14 +89,14 @@ const builtInOverrides: MdxComponentMap = {
     th: TableHeadMdx,
     td: TableCellMdx,
     pre: CodeBlock,
-    Card: CardMdx,
     Button: ButtonMdx,
     Note: NoteMdx,
-    Stepper: StepperMdx,
-    StepperItem: StepperItemMdx,
+    Step: StepMdx,
+    Steps: StepsMdx,
     Accordion: AccordionMdx,
-    AccordionGroup: AccordionGroupMdx,
-    CardGroup: CardGroupMdx,
+    Accordions: AccordionsMdx,
+    Card: CardMdx,
+    Cards: CardsMdx,
     Kbd: KbdMdx,
     Release: ReleaseMdx,
     Changes: ChangesMdx,
@@ -104,6 +108,15 @@ const builtInOverrides: MdxComponentMap = {
     img: ImageMdx,
     a: LinkMdx,
     Link: LinkMdx,
+
+    // Legacy aliases (deprecated, kept for migration compatibility)
+    Stepper: StepperMdx,
+    StepperItem: StepperItemMdx,
+    AccordionGroup: AccordionGroupMdx,
+    CardGroup: CardGroupMdx,
+    TabsContent: TabsContentMdx,
+    TabsList: TabsListMdx,
+    TabsTrigger: TabsTriggerMdx,
 };
 
 export const mdxComponents = createMdxComponents({
@@ -182,15 +195,27 @@ export const customMdxComponents: MdxComponentMap = {
 
 ---
 
+## API Migration Policy
+
+The current rename rollout uses a migration phase, not an immediate hard-breaking change:
+
+- New tags are the primary API (`Accordions`, `Cards`, `Steps`, `Step`).
+- Legacy tags are still supported as deprecated aliases for backward compatibility (`AccordionGroup`, `CardGroup`, `Stepper`, `StepperItem`).
+- A true breaking change happens when deprecated aliases are removed in a future major release.
+
+For migration examples, see [components.md](./components.md).
+
+---
+
 ## Available Components
 
 For full usage examples of all built-in components, refer to [components.md](./components.md).
 
 Components included out of the box:
 
-- `Accordion` / `AccordionGroup`
+- `Accordion` / `Accordions` (legacy alias for migration: `AccordionGroup`)
 - `Button`
-- `Card` / `CardGroup`
+- `Card` / `Cards` (legacy alias for migration: `CardGroup`)
 - Code Block (`pre`)
 - `Files` / `Folder` / `File`
 - `Image` / `img`
@@ -198,8 +223,8 @@ Components included out of the box:
 - `Link` / `a`
 - `Note`
 - `Release` / `Changes`
-- `Stepper` / `StepperItem`
-- `Tabs` / `TabsList` / `TabsTrigger` / `TabsContent`
+- `Steps` / `Step` (legacy aliases for migration: `Stepper` / `StepperItem`)
+- `Tabs` / `Tab` (legacy aliases for migration: `TabsList` / `TabsTrigger` / `TabsContent`)
 - `Tooltip`
 - `Youtube`
 - Table (`table`, `thead`, `tbody`, `tfoot`, `tr`, `th`, `td`)

package/components.md

@@ -0,0 +1,240 @@
+## accordion
+
+for example :
+<Accordion title="Click to expand">
+    This is a simple accordion component that can be toggled by clicking the header. The content can include any valid React nodes, including text, components, and markdown.
+</Accordion>
+
+with icon (lucide icon name string only) :
+<Accordion title="Code Block" icon="Code">
+    ```javascript:main.js showLineNumbers {3-4}
+    function isRocketAboutToCrash() {
+        // Check if the rocket is stable
+        if (!isStable()) {
+            NoCrash(); // Prevent the crash
+        }
+    }
+    ```
+</Accordion>
+
+## accordion group
+
+for example :
+<Accordions>
+  <Accordion title="Basic Usage">
+      This accordion includes a [Lucide Icon](https://lucide.dev/icons/) because the `icon` prop is provided.
+  </Accordion>
+
+  <Accordion title="With icon props" icon="MousePointerClick">
+      This accordion includes a Lucide icon because the `icon` prop is provided.
+  </Accordion>
+
+  <Accordion title="With Code Block">
+      You can put other components inside Accordions.
+  ```jsx:helloword.jsx
+  class HelloWorld {
+  public static void main(String[] args) {
+          System.out.println("Hello, World!");
+          }
+  }
+  ```
+  </Accordion>
+</Accordions>
+
+deprecated alias: `AccordionGroup`
+
+## button
+
+for example :
+<Button
+  text="Learn More"
+  href="https://learn.example.com"
+  icon="MoveUpRight"
+  size="md"
+  target="_blank"
+  variant="primary"
+/>
+
+## card
+
+for example :
+<Card title="Card with Link and icon" icon="Link" href="/docs/components/card-group">
+  This is how you use a card with an icon and a link. Clicking on this card
+  brings you to the Card Group page.
+</Card>
+
+## card group
+
+for example :
+<Cards cols={2}>
+  <Card title="Heading 1" icon="Heading1">
+    This is an example of card content with columns.
+  </Card>
+  <Card title="Heading 2" icon="Heading2">
+    This is an example of card content with columns.
+  </Card>
+  <Card title="Grid Card" icon="Grid" horizontal>
+      This is a horizontal card layout.
+  </Card>
+  <Card title="Horizontal Card" icon="Layout" horizontal>
+      This is a horizontal card layout.
+  </Card>
+</Cards>
+
+deprecated alias: `CardGroup`
+
+
+## code block
+
+for example :
+```javascript:main.js showLineNumbers {3-4}
+function isRocketAboutToCrash() {
+    // Check if the rocket is stable
+    if (!isStable()) {
+        NoCrash(); // Prevent the crash
+    }
+}
+```
+
+## file tree
+
+for example :
+<Files>
+  <Folder name="src">
+    <File name="App.tsx" />
+    <File name="index.tsx" />
+    <Folder name="components">
+      <File name="Button.tsx" />
+      <File name="Card.tsx" />
+    </Folder>
+    <Folder name="pages">
+      <File name="Home.tsx" />
+      <File name="About.tsx" />
+    </Folder>
+  </Folder>
+</Files>
+
+## image
+
+for example :
+![Alt text for the image](https://via.placeholder.com/150)
+
+## keyboard
+
+for example :
+{/* Windows style (default) */}
+<Kbd show="ctrl" /> + <Kbd show="v" />
+
+{/* Mac style */}
+<Kbd show="cmd" type="mac" /> + <Kbd show="v" type="mac" />
+
+## link
+
+for example :
+[Visit OpenAI](https://www.openai.com)
+
+## note
+
+for example :
+<Note type="note" title="Note">
+  This is a general note to convey information to the user.
+</Note>
+<Note type="danger" title="Danger">
+  This is a danger alert to notify the user of a critical issue.
+</Note>
+<Note type="warning" title="Warning">
+  This is a warning alert for issues that require attention.
+</Note>
+<Note type="success" title="Success">
+  This is a success message to inform the user of successful actions.
+</Note>
+
+## release
+
+for example :
+<Release version="1.10.1" date="2025-05-24" title="Accessibility Improvements and Bug Fixes">
+  <Changes type="added">
+    - New feature to improve accessibility
+    - Keyboard navigation support for dialog components
+  </Changes>
+  <Changes type="fixed">
+    - Bug fix for mobile menu
+    - Fixed loading issues on documentation pages
+  </Changes>
+</Release>
+
+## stepper
+
+for example :
+<Steps>
+  <Step title="Step 1: Clone the DocuBook Repository">
+    ```bash
+    git clone https://github.com/DocuBook/docubook.git
+    ```
+  </Step>
+  <Step title="Step 2: Access the Project Directory">
+    ```bash
+    cd docubook
+    ```
+  </Step>
+  <Step title="Step 3: Install Required Dependencies">
+    ```bash
+    pnpm install
+    ```
+  </Step>
+</Steps>
+
+deprecated aliases: `Stepper`, `StepperItem`
+
+## tabs
+
+default active tab will use the first `Tab` item.
+
+for example :
+<Tabs className="pt-5 pb-1">
+  <Tab title="Java">
+    ```java:HelloWorld.java
+    // HelloWorld.java
+    public class HelloWorld {
+        public static void main(String[] args) {
+            System.out.println("Hello, World!");
+        }
+    }
+    ```
+  </Tab>
+  <Tab title="TypeScript">
+    ```typescript:helloWorld.ts
+    // helloWorld.ts
+    function helloWorld(): void {
+        console.log("Hello, World!");
+    }
+    helloWorld();
+    ```
+  </Tab>
+</Tabs>
+
+deprecated legacy API: `TabsList`, `TabsTrigger`, `TabsContent`
+
+## tooltips
+
+for example :
+What do you know about <Tooltip text="DocuBook" tip="npx @docubook/create@latest" /> ? Create interactive nested documentations using MDX.
+
+## tables
+
+for example :
+|   Property    |         Description          |   Type   | Default |
+| ------------- | ---------------------------- | -------- | ------- |
+| `title`       | The title of the table       | `string` | -       |
+| `description` | The description of the table | `string` | -       |
+
+| Left | Center | Right |
+| :--- | :---: | ---: |
+| Left-aligned text | Center-aligned text | Right-aligned text |
+| Left-aligned text | Center-aligned text | Right-aligned text |
+
+## youtube
+
+for example :
+<Youtube videoId="OPM2t54T-Vo" />
+

package/dist/adapters/next/ButtonMdx.d.ts

@@ -1,4 +1,4 @@
 import type { ButtonMdxProps as CoreButtonMdxProps } from "../../components/ButtonMdx";
 export type ButtonMdxProps = Omit<CoreButtonMdxProps, "__LinkComponent">;
-export declare function ButtonMdx(props: ButtonMdxProps): import("react").JSX.Element;
+export declare function ButtonMdx(props: ButtonMdxProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ButtonMdx.d.ts.map

package/dist/adapters/next/ButtonMdx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonMdx.d.ts","sourceRoot":"","sources":["../../../src/adapters/next/ButtonMdx.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGvF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;AAEzE,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAE9C"}
+{"version":3,"file":"ButtonMdx.d.ts","sourceRoot":"","sources":["../../../src/adapters/next/ButtonMdx.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGvF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;AAEzE,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAE9C"}

package/dist/adapters/next/{ButtonMdx.jsx → ButtonMdx.js}

@@ -1,7 +1,8 @@
 "use client";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ButtonMdx as CoreButtonMdx } from "../../components/ButtonMdx";
 import { LinkMdx } from "./LinkMdx";
 export function ButtonMdx(props) {
-    return <CoreButtonMdx {...props} __LinkComponent={LinkMdx}/>;
+    return _jsx(CoreButtonMdx, { ...props, __LinkComponent: LinkMdx });
 }
-//# sourceMappingURL=ButtonMdx.jsx.map
+//# sourceMappingURL=ButtonMdx.js.map

package/dist/adapters/next/ButtonMdx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMdx.js","sourceRoot":"","sources":["../../../src/adapters/next/ButtonMdx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAExE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC3C,OAAO,KAAC,aAAa,OAAK,KAAK,EAAE,eAAe,EAAE,OAAO,GAAI,CAAC;AAClE,CAAC"}

package/dist/adapters/next/CardMdx.d.ts

@@ -1,4 +1,4 @@
 import type { CardMdxProps as CoreCardMdxProps } from "../../components/CardMdx";
 export type CardMdxProps = Omit<CoreCardMdxProps, "__LinkComponent">;
-export declare function CardMdx(props: CardMdxProps): import("react").JSX.Element;
+export declare function CardMdx(props: CardMdxProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CardMdx.d.ts.map

package/dist/adapters/next/CardMdx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardMdx.d.ts","sourceRoot":"","sources":["../../../src/adapters/next/CardMdx.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjF,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AAErE,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAE1C"}
+{"version":3,"file":"CardMdx.d.ts","sourceRoot":"","sources":["../../../src/adapters/next/CardMdx.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjF,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AAErE,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAE1C"}

package/dist/adapters/next/CardMdx.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CardMdx as CoreCardMdx } from "../../components/CardMdx";
+import { LinkMdx } from "./LinkMdx";
+export function CardMdx(props) {
+    return _jsx(CoreCardMdx, { ...props, __LinkComponent: LinkMdx });
+}
+//# sourceMappingURL=CardMdx.js.map

package/dist/adapters/next/CardMdx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMdx.js","sourceRoot":"","sources":["../../../src/adapters/next/CardMdx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,MAAM,UAAU,OAAO,CAAC,KAAmB;IACvC,OAAO,KAAC,WAAW,OAAK,KAAK,EAAE,eAAe,EAAE,OAAO,GAAI,CAAC;AAChE,CAAC"}

package/dist/adapters/next/ImageMdx.d.ts

@@ -4,5 +4,5 @@ import { type ImageMdxProps as CoreImageMdxProps } from "../../components/ImageM
 export type ImageMdxProps = Omit<CoreImageMdxProps, "src"> & {
     src?: ComponentProps<typeof NextImage>["src"];
 };
-export declare function ImageMdx(props: ImageMdxProps): import("react").JSX.Element;
+export declare function ImageMdx(props: ImageMdxProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ImageMdx.d.ts.map

package/dist/adapters/next/ImageMdx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageMdx.d.ts","sourceRoot":"","sources":["../../../src/adapters/next/ImageMdx.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAA4B,KAAK,aAAa,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9G,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,GAAG;IACzD,GAAG,CAAC,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC;CACjD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAE5C"}
+{"version":3,"file":"ImageMdx.d.ts","sourceRoot":"","sources":["../../../src/adapters/next/ImageMdx.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAA4B,KAAK,aAAa,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9G,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,GAAG;IACzD,GAAG,CAAC,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC;CACjD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C"}

package/dist/adapters/next/ImageMdx.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import NextImage from "next/image";
+import { ImageMdx as CoreImageMdx } from "../../components/ImageMdx";
+export function ImageMdx(props) {
+    return _jsx(CoreImageMdx, { ImageComponent: NextImage, ...props });
+}
+//# sourceMappingURL=ImageMdx.js.map

package/dist/adapters/next/ImageMdx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMdx.js","sourceRoot":"","sources":["../../../src/adapters/next/ImageMdx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAA2C,MAAM,2BAA2B,CAAC;AAM9G,MAAM,UAAU,QAAQ,CAAC,KAAoB;IACzC,OAAO,KAAC,YAAY,IAAC,cAAc,EAAE,SAAS,KAAM,KAAK,GAAI,CAAC;AAClE,CAAC"}

package/dist/adapters/next/LinkMdx.d.ts

@@ -1,3 +1,3 @@
 import type { LinkMdxProps } from "../../components/LinkMdx";
-export declare function LinkMdx({ href, rel, target, ...props }: LinkMdxProps): import("react").JSX.Element | null;
+export declare function LinkMdx({ href, rel, target, ...props }: LinkMdxProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=LinkMdx.d.ts.map

package/dist/adapters/next/LinkMdx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkMdx.d.ts","sourceRoot":"","sources":["../../../src/adapters/next/LinkMdx.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,sCAQpE"}
+{"version":3,"file":"LinkMdx.d.ts","sourceRoot":"","sources":["../../../src/adapters/next/LinkMdx.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,kDAQpE"}

package/dist/adapters/next/{LinkMdx.jsx → LinkMdx.js}

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import NextLink from "next/link";
 export function LinkMdx({ href, rel, target, ...props }) {
     if (!href)
@@ -5,6 +6,6 @@ export function LinkMdx({ href, rel, target, ...props }) {
     const external = /^https?:\/\//.test(href);
     const computedTarget = target ?? (external ? "_blank" : undefined);
     const computedRel = rel ?? (external ? "noopener noreferrer" : undefined);
-    return <NextLink href={href} target={computedTarget} rel={computedRel} {...props}/>;
+    return _jsx(NextLink, { href: href, target: computedTarget, rel: computedRel, ...props });
 }
-//# sourceMappingURL=LinkMdx.jsx.map
+//# sourceMappingURL=LinkMdx.js.map

package/dist/adapters/next/{LinkMdx.jsx.map → LinkMdx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LinkMdx.jsx","sourceRoot":"","sources":["../../../src/adapters/next/LinkMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AAGjC,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,EAAgB;IACjE,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE1E,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACzF,CAAC"}
+{"version":3,"file":"LinkMdx.js","sourceRoot":"","sources":["../../../src/adapters/next/LinkMdx.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AAGjC,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,EAAgB;IACjE,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE1E,OAAO,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,WAAW,KAAM,KAAK,GAAI,CAAC;AACzF,CAAC"}

package/dist/client.d.ts

@@ -1,7 +1,7 @@
 export { AccordionMdx } from "./components/AccordionMdx";
-export { AccordionGroupMdx } from "./components/AccordionGroupMdx";
+export { AccordionsMdx, AccordionGroupMdx } from "./components/AccordionGroupMdx";
 export { CopyButton } from "./components/CopyButton";
 export { NoteMdx } from "./components/NoteMdx";
-export { TabsMdx, TabsListMdx, TabsTriggerMdx, TabsContentMdx } from "./components/TabsMdx";
+export { TabMdx, TabsMdx, TabsListMdx, TabsTriggerMdx, TabsContentMdx } from "./components/TabsMdx";
 export { TooltipMdx } from "./components/TooltipsMdx";
 //# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACpG,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/client.js

@@ -1,7 +1,7 @@
 export { AccordionMdx } from "./components/AccordionMdx";
-export { AccordionGroupMdx } from "./components/AccordionGroupMdx";
+export { AccordionsMdx, AccordionGroupMdx } from "./components/AccordionGroupMdx";
 export { CopyButton } from "./components/CopyButton";
 export { NoteMdx } from "./components/NoteMdx";
-export { TabsMdx, TabsListMdx, TabsTriggerMdx, TabsContentMdx } from "./components/TabsMdx";
+export { TabMdx, TabsMdx, TabsListMdx, TabsTriggerMdx, TabsContentMdx } from "./components/TabsMdx";
 export { TooltipMdx } from "./components/TooltipsMdx";
 //# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACpG,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/{AccordionContext.jsx → AccordionContext.js}

@@ -1,4 +1,4 @@
 "use client";
 import { createContext } from "react";
 export const AccordionGroupContext = createContext(null);
-//# sourceMappingURL=AccordionContext.jsx.map
+//# sourceMappingURL=AccordionContext.js.map

package/dist/components/AccordionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.js","sourceRoot":"","sources":["../../src/components/AccordionContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAmC,IAAI,CAAC,CAAC"}

package/dist/components/AccordionGroupMdx.d.ts

@@ -1,7 +1,9 @@
 import { type ReactNode } from "react";
-type AccordionGroupMdxProps = {
+type AccordionsMdxProps = {
     children?: ReactNode;
 };
-export declare function AccordionGroupMdx({ children }: AccordionGroupMdxProps): import("react").JSX.Element;
+export declare function AccordionsMdx({ children }: AccordionsMdxProps): import("react/jsx-runtime").JSX.Element;
+/** @deprecated Use `AccordionsMdx` instead. */
+export declare function AccordionGroupMdx(props: AccordionsMdxProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AccordionGroupMdx.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroupMdx.d.ts","sourceRoot":"","sources":["../../src/components/AccordionGroupMdx.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,KAAK,sBAAsB,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,+BAsBrE"}
+{"version":3,"file":"AccordionGroupMdx.d.ts","sourceRoot":"","sources":["../../src/components/AccordionGroupMdx.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,KAAK,kBAAkB,GAAG;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAsB7D;AAED,+CAA+C;AAC/C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,2CAE1D"}

package/dist/components/AccordionGroupMdx.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { AccordionGroupContext } from "./AccordionContext";
+export function AccordionsMdx({ children }) {
+    const [openTitle, setOpenTitle] = useState(null);
+    const value = useMemo(() => ({ inGroup: true, openTitle, setOpenTitle }), [openTitle]);
+    return (_jsx(AccordionGroupContext.Provider, { value: value, children: _jsx("div", { className: "mdx-accordion-group", style: {
+                margin: "1rem 0",
+                display: "grid",
+                gap: "0.85rem",
+            }, children: children }) }));
+}
+/** @deprecated Use `AccordionsMdx` instead. */
+export function AccordionGroupMdx(props) {
+    return _jsx(AccordionsMdx, { ...props });
+}
+//# sourceMappingURL=AccordionGroupMdx.js.map

package/dist/components/AccordionGroupMdx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroupMdx.js","sourceRoot":"","sources":["../../src/components/AccordionGroupMdx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAM3D,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAsB;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEhE,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAClD,CAAC,SAAS,CAAC,CACd,CAAC;IAEF,OAAO,CACH,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACxC,cACI,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;gBACH,MAAM,EAAE,QAAQ;gBAChB,OAAO,EAAE,MAAM;gBACf,GAAG,EAAE,SAAS;aACjB,YAEA,QAAQ,GACP,GACuB,CACpC,CAAC;AACN,CAAC;AAED,+CAA+C;AAC/C,MAAM,UAAU,iBAAiB,CAAC,KAAyB;IACvD,OAAO,KAAC,aAAa,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC"}

package/dist/components/AccordionMdx.d.ts

@@ -6,6 +6,6 @@ type AccordionMdxProps = {
     className?: string;
     children?: ReactNode;
 };
-export declare function AccordionMdx({ title, icon, className, children }: AccordionMdxProps): import("react").JSX.Element;
+export declare function AccordionMdx({ title, icon, className, children }: AccordionMdxProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AccordionMdx.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionMdx.d.ts","sourceRoot":"","sources":["../../src/components/AccordionMdx.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAAE,QAAQ,EAAqB,MAAM,WAAW,CAAC;AAGxD,KAAK,iBAAiB,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAuGnF"}
+{"version":3,"file":"AccordionMdx.d.ts","sourceRoot":"","sources":["../../src/components/AccordionMdx.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAAE,QAAQ,EAAqB,MAAM,WAAW,CAAC;AAGxD,KAAK,iBAAiB,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAuGnF"}