@docubook/mdx 1.1.0 → 1.2.0

package/dist/index.js

@@ -69,7 +69,6 @@ function Card({
     "div",
     {
       className: clsx(
-        "dbk-card",
         "border rounded-lg shadow-sm p-4 transition-all duration-200",
         "bg-card text-card-foreground border-border",
         "hover:bg-accent/5 hover:border-accent/30",
@@ -77,21 +76,20 @@ function Card({
         horizontal ? "flex-row items-start gap-1" : "flex-col space-y-1",
         className
       ),
-      "data-docubook": "card",
       children: [
-        Icon && /* @__PURE__ */ jsx2(Icon, { className: clsx("dbk-card__icon", "w-5 h-5 text-primary shrink-0", horizontal && "mt-0.5"), "data-docubook": "card-icon" }),
-        /* @__PURE__ */ jsxs2("div", { className: "dbk-card__body flex-1 min-w-0", "data-docubook": "card-body", children: [
-          /* @__PURE__ */ jsx2("div", { className: "dbk-card__title text-base font-semibold text-foreground leading-6", "data-docubook": "card-title", children: title }),
-          /* @__PURE__ */ jsx2("div", { className: "dbk-card__content text-sm text-muted-foreground -mt-3", "data-docubook": "card-content", children })
+        Icon && /* @__PURE__ */ jsx2(Icon, { className: clsx("w-5 h-5 text-primary shrink-0", horizontal && "mt-0.5") }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx2("div", { className: "text-base font-semibold text-foreground leading-6", children: title }),
+          /* @__PURE__ */ jsx2("div", { className: "text-sm text-muted-foreground -mt-3", children })
         ] })
       ]
     }
   );
   if (!href) return content;
   if (LinkComponent) {
-    return /* @__PURE__ */ jsx2(LinkComponent, { href, className: "dbk-card__link no-underline block", "data-docubook": "card-link", children: content });
+    return /* @__PURE__ */ jsx2(LinkComponent, { href, className: "no-underline block", children: content });
   }
-  return /* @__PURE__ */ jsx2("a", { className: "dbk-card__link no-underline block", href, "data-docubook": "card-link", children: content });
+  return /* @__PURE__ */ jsx2("a", { className: "no-underline block", href, children: content });
 }
 
 // src/core/components/CardGroup.tsx
@@ -176,8 +174,7 @@ function Kbd({
   return /* @__PURE__ */ jsx4(
     "kbd",
     {
-      className: "dbk-kbd inline-flex items-center justify-center px-2 py-1 mx-0.5 text-xs font-mono font-medium text-foreground bg-secondary/70 border rounded-md",
-      "data-docubook": "kbd",
+      className: "inline-flex items-center justify-center px-2 py-1 mx-0.5 text-xs font-mono font-medium text-foreground bg-secondary/70 border rounded-md",
       ...props,
       children: renderContent()
     }
@@ -259,24 +256,13 @@ function Note({
   ...props
 }) {
   const Icon = iconMap[type] || Info;
-  const noteRole = type === "danger" ? "alert" : "status";
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      className: cn("dbk-note", noteVariants({ variant: type }), className),
-      "data-docubook": "note",
-      "data-variant": type,
-      role: noteRole,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx6(Icon, { className: cn("dbk-note__icon", noteDefaultClasses.icon), "data-docubook": "note-icon" }),
-        /* @__PURE__ */ jsxs3("div", { className: cn("dbk-note__content-wrapper", noteDefaultClasses.contentWrapper), "data-docubook": "note-content-wrapper", children: [
-          /* @__PURE__ */ jsx6("h5", { className: cn("dbk-note__title", noteDefaultClasses.title), "data-docubook": "note-title", children: title }),
-          /* @__PURE__ */ jsx6("div", { className: cn("dbk-note__content", noteDefaultClasses.content), "data-docubook": "note-content", children })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs3("div", { className: cn(noteVariants({ variant: type }), className), ...props, children: [
+    /* @__PURE__ */ jsx6(Icon, { className: noteDefaultClasses.icon }),
+    /* @__PURE__ */ jsxs3("div", { className: noteDefaultClasses.contentWrapper, children: [
+      /* @__PURE__ */ jsx6("h5", { className: noteDefaultClasses.title, children: title }),
+      /* @__PURE__ */ jsx6("div", { className: noteDefaultClasses.content, children })
+    ] })
+  ] });
 }
 
 // src/core/components/Release.tsx
@@ -290,31 +276,30 @@ import {
 } from "lucide-react";
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function Release({ version, title, date, children }) {
-  return /* @__PURE__ */ jsxs4("div", { className: "dbk-release mb-16 group", "data-docubook": "release", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "dbk-release__header flex items-center gap-3 mt-6 mb-2", "data-docubook": "release-header", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "mb-16 group", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 mt-6 mb-2", children: [
       /* @__PURE__ */ jsxs4(
         "div",
         {
           id: version,
-          className: "dbk-release__version inline-flex items-center rounded-full border border-primary/20 bg-primary/10 px-3 py-1 text-sm font-semibold text-primary transition-colors hover:bg-primary/15 scroll-m-20 backdrop-blur-sm",
-          "data-docubook": "release-version",
+          className: "inline-flex items-center rounded-full border border-primary/20 bg-primary/10 px-3 py-1 text-sm font-semibold text-primary transition-colors hover:bg-primary/15 scroll-m-20 backdrop-blur-sm",
           children: [
             "v",
             version
           ]
         }
       ),
-      date && /* @__PURE__ */ jsxs4("div", { className: "dbk-release__date-wrapper flex items-center gap-3 text-sm font-medium text-muted-foreground", "data-docubook": "release-date-wrapper", children: [
+      date && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 text-sm font-medium text-muted-foreground", children: [
         /* @__PURE__ */ jsx7("span", { className: "h-1 w-1 rounded-full bg-muted-foreground/30" }),
-        /* @__PURE__ */ jsx7("time", { className: "dbk-release__date", "data-docubook": "release-date", dateTime: date, children: new Date(date).toLocaleDateString("en-US", {
+        /* @__PURE__ */ jsx7("time", { dateTime: date, children: new Date(date).toLocaleDateString("en-US", {
           year: "numeric",
           month: "long",
           day: "numeric"
         }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx7("h3", { className: "dbk-release__title text-2xl font-bold text-foreground/90 mb-6 mt-0!", "data-docubook": "release-title", children: title }),
-    /* @__PURE__ */ jsx7("div", { className: "dbk-release__content space-y-8", "data-docubook": "release-content", children })
+    /* @__PURE__ */ jsx7("h3", { className: "text-2xl font-bold text-foreground/90 mb-6 mt-0!", children: title }),
+    /* @__PURE__ */ jsx7("div", { className: "space-y-8", children })
   ] });
 }
 var typeConfig = {
@@ -346,25 +331,23 @@ var typeConfig = {
 };
 function Changes({ type, children }) {
   const config = typeConfig[type] || typeConfig.added;
-  return /* @__PURE__ */ jsxs4("div", { className: "dbk-release-changes space-y-3 mb-8", "data-docubook": "release-changes", "data-type": type, children: [
-    /* @__PURE__ */ jsx7("div", { className: "dbk-release-changes__header flex items-center gap-2", "data-docubook": "release-changes-header", children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs4("div", { className: "space-y-3 mb-8", children: [
+    /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs4(
       "div",
       {
         className: cn(
-          "dbk-release-changes__badge",
           "px-3 py-1 rounded-full text-sm font-medium flex items-center gap-1.5",
           config.className
         ),
-        "data-docubook": "release-changes-badge",
         children: [
-          /* @__PURE__ */ jsx7(config.icon, { className: "dbk-release-changes__icon h-3.5 w-3.5", "data-docubook": "release-changes-icon" }),
-          /* @__PURE__ */ jsx7("span", { className: "dbk-release-changes__label", "data-docubook": "release-changes-label", children: config.label })
+          /* @__PURE__ */ jsx7(config.icon, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsx7("span", { children: config.label })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx7("ul", { className: "dbk-release-changes__list list-none pl-0 space-y-2 text-foreground/80", "data-docubook": "release-changes-list", children: Children.map(children, (child, index) => {
+    /* @__PURE__ */ jsx7("ul", { className: "list-none pl-0 space-y-2 text-foreground/80", children: Children.map(children, (child, index) => {
       const processedChild = typeof child === "string" ? child.trim().replace(/^[-*]\s+/, "") : child;
-      return /* @__PURE__ */ jsx7("li", { className: "dbk-release-changes__item leading-relaxed", "data-docubook": "release-changes-item", children: processedChild }, index);
+      return /* @__PURE__ */ jsx7("li", { className: "leading-relaxed", children: processedChild }, index);
     }) })
   ] });
 }
@@ -373,35 +356,22 @@ function Changes({ type, children }) {
 import clsx4 from "clsx";
 import { Children as Children2 } from "react";
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-var stepperDefaultClasses = {
-  root: "flex flex-col",
-  item: "border-l border-muted pl-9 ml-3 relative",
-  itemWithConnector: "pb-5 ",
-  number: "bg-muted text-muted-foreground w-8 h-8 text-xs font-medium rounded-md border border-border/50 flex items-center justify-center absolute -left-4 font-code"
-};
-var stepperItemDefaultClasses = {
-  root: "pt-0.5",
-  title: "mt-0",
-  content: ""
-};
 function Stepper({
   children
 }) {
   const length = Children2.count(children);
-  return /* @__PURE__ */ jsx8("ol", { className: cn("dbk-stepper", stepperDefaultClasses.root), "data-docubook": "stepper", children: Children2.map(children, (child, index) => {
+  return /* @__PURE__ */ jsx8("div", { className: "flex flex-col", children: Children2.map(children, (child, index) => {
     return /* @__PURE__ */ jsxs5(
-      "li",
+      "div",
       {
         className: cn(
-          "dbk-stepper__item",
-          stepperDefaultClasses.item,
+          "border-l border-muted pl-9 ml-3 relative",
           clsx4({
-            [stepperDefaultClasses.itemWithConnector]: index < length - 1
+            "pb-5 ": index < length - 1
           })
         ),
-        "data-docubook": "stepper-item",
         children: [
-          /* @__PURE__ */ jsx8("div", { className: cn("dbk-stepper__number", stepperDefaultClasses.number), "data-docubook": "stepper-number", "aria-hidden": "true", children: index + 1 }),
+          /* @__PURE__ */ jsx8("div", { className: "bg-muted text-muted-foreground w-8 h-8 text-xs font-medium rounded-md border border-border/50 flex items-center justify-center absolute -left-4 font-code", "aria-hidden": "true", children: index + 1 }),
           child
         ]
       }
@@ -412,9 +382,9 @@ function StepperItem({
   children,
   title
 }) {
-  return /* @__PURE__ */ jsxs5("div", { className: cn("dbk-stepper-item", stepperItemDefaultClasses.root), "data-docubook": "stepper-item-content", children: [
-    /* @__PURE__ */ jsx8("h4", { className: cn("dbk-stepper-item__title", stepperItemDefaultClasses.title), "data-docubook": "stepper-item-title", children: title }),
-    /* @__PURE__ */ jsx8("div", { className: cn("dbk-stepper-item__content", stepperItemDefaultClasses.content), "data-docubook": "stepper-item-body", children })
+  return /* @__PURE__ */ jsxs5("div", { className: "pt-0.5", children: [
+    /* @__PURE__ */ jsx8("h4", { className: "mt-0", children: title }),
+    /* @__PURE__ */ jsx8("div", { children })
   ] });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@docubook/mdx",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "description": "Framework-agnostic MDX components for React with adapters.",
     "type": "module",
     "main": "./dist/index.cjs",