@changerawr/markdown 1.1.4 → 1.1.5

package/dist/css/index.css

@@ -81,7 +81,7 @@
 }
 
 @layer components {
-    /* Alert components - all 6 types */
+    /* Alert components */
     .changerawr-alert {
         @apply border-l-4 p-4 mb-4 rounded-md transition-all duration-200;
     }
@@ -114,21 +114,7 @@
         border-left-color: #10b981;
     }
 
-    .changerawr-alert-tip {
-        background-color: color-mix(in srgb, #a855f7 10%, transparent);
-        border-color: color-mix(in srgb, #a855f7 30%, transparent);
-        color: #a855f7;
-        border-left-color: #a855f7;
-    }
-
-    .changerawr-alert-note {
-        background-color: color-mix(in srgb, #6b7280 10%, transparent);
-        border-color: color-mix(in srgb, #6b7280 30%, transparent);
-        color: #6b7280;
-        border-left-color: #6b7280;
-    }
-
-    /* Button base component */
+    /* Button components */
     .changerawr-button {
         @apply inline-flex items-center justify-center px-4 py-2 rounded-lg transition-all duration-200 cursor-pointer;
         border: 1px solid transparent;
@@ -136,109 +122,13 @@
         text-decoration: none;
     }
 
-    /* Button style variants - all 7 types */
-    .changerawr-button-default {
-        background-color: #475569;
-        color: white;
-        border-color: #64748b;
-    }
-
-    .changerawr-button-default:hover:not(:disabled) {
-        background-color: #334155;
-        border-color: #94a3b8;
-    }
-
     .changerawr-button-primary {
         background-color: #3b82f6;
         color: white;
-        border-color: #60a5fa;
     }
 
     .changerawr-button-primary:hover:not(:disabled) {
-        background-color: #2563eb;
-        border-color: #93c5fd;
-    }
-
-    .changerawr-button-secondary {
-        background-color: #4b5563;
-        color: white;
-        border-color: #6b7280;
-    }
-
-    .changerawr-button-secondary:hover:not(:disabled) {
-        background-color: #374151;
-        border-color: #9ca3af;
-    }
-
-    .changerawr-button-success {
-        background-color: #059669;
-        color: white;
-        border-color: #10b981;
-    }
-
-    .changerawr-button-success:hover:not(:disabled) {
-        background-color: #047857;
-        border-color: #34d399;
-    }
-
-    .changerawr-button-danger {
-        background-color: #dc2626;
-        color: white;
-        border-color: #ef4444;
-    }
-
-    .changerawr-button-danger:hover:not(:disabled) {
-        background-color: #b91c1c;
-        border-color: #f87171;
-    }
-
-    .changerawr-button-outline {
-        background-color: transparent;
-        color: #3b82f6;
-        border-color: #3b82f6;
-    }
-
-    .changerawr-button-outline:hover:not(:disabled) {
-        background-color: #eff6ff;
-        border-color: #1d4ed8;
-        color: #1d4ed8;
-    }
-
-    .changerawr-button-ghost {
-        background-color: transparent;
-        color: #374151;
-        border-color: transparent;
-    }
-
-    .changerawr-button-ghost:hover:not(:disabled) {
-        background-color: #f3f4f6;
-        color: #111827;
-    }
-
-    /* Button size variants */
-    .changerawr-button-sm {
-        padding: 0.375rem 0.75rem;
-        font-size: 0.875rem;
-        gap: 0.375rem;
-    }
-
-    .changerawr-button-md {
-        padding: 0.5rem 1rem;
-        font-size: 1rem;
-        gap: 0.5rem;
-    }
-
-    .changerawr-button-lg {
-        padding: 0.75rem 1.5rem;
-        font-size: 1.125rem;
-        gap: 0.625rem;
-    }
-
-    /* Button disabled state */
-    .changerawr-button:disabled {
-        opacity: 0.5;
-        cursor: not-allowed;
-        pointer-events: none;
+        background-color: color-mix(in srgb, #3b82f6 90%, black);
     }
 }
 
@@ -263,14 +153,4 @@
         color: #34d399;
         background-color: color-mix(in srgb, #10b981 20%, transparent);
     }
-
-    .changerawr-alert-tip {
-        color: #c084fc;
-        background-color: color-mix(in srgb, #a855f7 20%, transparent);
-    }
-
-    .changerawr-alert-note {
-        color: #9ca3af;
-        background-color: color-mix(in srgb, #6b7280 20%, transparent);
-    }
 }

package/dist/index.d.mts

@@ -2,7 +2,7 @@ interface MarkdownToken {
     type: string;
     content: string;
     raw: string;
-    attributes?: Record<string, string>;
+    attributes?: Record<string, string | number | boolean | Function | any>;
     children?: MarkdownToken[];
 }
 interface ParseRule {

package/dist/index.d.ts

@@ -2,7 +2,7 @@ interface MarkdownToken {
     type: string;
     content: string;
     raw: string;
-    attributes?: Record<string, string>;
+    attributes?: Record<string, string | number | boolean | Function | any>;
     children?: MarkdownToken[];
 }
 interface ParseRule {

package/dist/index.js

@@ -305,7 +305,7 @@ var MarkdownParser = class {
     return processed;
   }
   recursivelyParseBlockContent(token) {
-    const blockTypes = ["alert", "blockquote"];
+    const blockTypes = ["alert", "blockquote", "list-item", "task-item"];
     if (blockTypes.includes(token.type) && token.content && token.content.trim()) {
       const children = this.parse(token.content);
       return {
@@ -1096,7 +1096,14 @@ var ListExtension = {
   renderRules: [
     {
       type: "list-item",
-      render: (token) => `<li>${escapeHtml(token.content)}</li>`
+      render: (token) => {
+        const format = token.attributes?.format || "tailwind";
+        const content = token.attributes?.renderedChildren || escapeHtml(token.content);
+        if (format === "html") {
+          return `<li>${content}</li>`;
+        }
+        return `<li>${content}</li>`;
+      }
     }
   ]
 };
@@ -1121,18 +1128,18 @@ var TaskListExtension = {
       type: "task-item",
       render: (token) => {
         const isChecked = token.attributes?.checked === "true";
-        const escapedContent = escapeHtml(token.content);
+        const content = token.attributes?.renderedChildren || escapeHtml(token.content);
         const format = token.attributes?.format || "html";
         if (format === "html") {
           return `<div style="display: flex; align-items: center; gap: 8px; margin: 8px 0;">
             <input type="checkbox" ${isChecked ? "checked" : ""} disabled style="margin: 0;" />
-            <span${isChecked ? ' style="text-decoration: line-through; color: #6b7280;"' : ""}>${escapedContent}</span>
+            <span${isChecked ? ' style="text-decoration: line-through; color: #6b7280;"' : ""}>${content}</span>
           </div>`;
         }
         return `<div class="flex items-center gap-2 my-2 task-list-item">
-          <input type="checkbox" ${isChecked ? "checked" : ""} disabled 
+          <input type="checkbox" ${isChecked ? "checked" : ""} disabled
             class="form-checkbox h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary" />
-          <span${isChecked ? ' class="line-through text-muted-foreground"' : ""}>${escapedContent}</span>
+          <span${isChecked ? ' class="line-through text-muted-foreground"' : ""}>${content}</span>
         </div>`;
       }
     }
@@ -1200,7 +1207,7 @@ var AlertExtension = {
   parseRules: [
     {
       name: "alert",
-      pattern: /:::(\w+)(?:\s+(.*?))?\s*\n([\s\S]*?)\n:::/,
+      pattern: /:::(\w+)(?: ([^\n]+))?\n([\s\S]*?)\n:::/,
       render: (match) => {
         return {
           type: "alert",
@@ -1208,7 +1215,7 @@ var AlertExtension = {
           raw: match[0] || "",
           attributes: {
             type: match[1] || "info",
-            title: match[2] || ""
+            title: match[2]?.trim() || ""
           }
         };
       }