@changerawr/markdown 1.1.4 → 1.1.6

package/dist/tailwind/index.mjs

@@ -1,192 +1,128 @@
 // src/tailwind/plugin.ts
 import plugin from "tailwindcss/plugin";
-function getSafelist(options = {}) {
-  const { includeExtensions = true, darkMode = true } = options;
-  const safelist = [
-    // Core typography
-    "text-3xl",
-    "text-2xl",
-    "text-xl",
-    "text-lg",
-    "text-base",
-    "text-sm",
-    "font-bold",
-    "font-semibold",
-    "font-medium",
-    "italic",
-    "underline",
-    "line-through",
-    "leading-7",
-    "leading-relaxed",
-    // Core spacing
-    "mt-8",
-    "mt-6",
-    "mt-5",
-    "mt-4",
-    "mt-3",
-    "mt-2",
-    "mb-6",
-    "mb-4",
-    "mb-3",
-    "mb-2",
-    "my-6",
-    "my-4",
-    "p-4",
-    "p-6",
-    "px-1.5",
-    "px-2",
-    "px-3",
-    "px-4",
-    "px-6",
-    "py-0.5",
-    "py-1",
-    "py-1.5",
-    "py-2",
-    "py-3",
-    "pl-4",
-    "pl-6",
-    "ml-1",
-    "ml-4",
-    // Core layout
-    "flex",
-    "inline-flex",
-    "items-center",
-    "justify-center",
-    "gap-1.5",
-    "gap-2",
-    "gap-2.5",
-    "space-y-1",
-    "list-disc",
-    "list-inside",
-    "relative",
-    "absolute",
-    "inset-0",
-    "z-10",
-    "overflow-hidden",
-    // Core borders and backgrounds
-    "border",
-    "border-transparent",
-    "border-l-2",
-    "border-l-4",
-    "rounded",
-    "rounded-lg",
-    "rounded-md",
-    "bg-muted",
-    "bg-transparent",
-    // Core images and overflow
-    "max-w-full",
-    "h-auto",
-    "w-4",
-    "h-4",
-    "overflow-x-auto",
-    // Core interactions and transitions
-    "cursor-pointer",
-    "cursor-not-allowed",
-    "hover:underline",
-    "transition-all",
-    "transition-colors",
-    "transition-opacity",
-    "duration-200",
-    "ease-out",
-    "focus:outline-none",
-    "focus:ring-2",
-    "focus:ring-offset-2",
-    "transform",
-    "opacity-50",
-    "opacity-75",
-    "shadow-sm",
-    "shadow-md",
-    "hover:shadow-md",
-    "active:shadow-sm"
-  ];
-  if (includeExtensions) {
-    const alertColors = ["blue", "amber", "red", "green", "purple", "gray"];
-    alertColors.forEach((color) => {
-      safelist.push(
-        `bg-${color}-500/10`,
-        `border-${color}-500/30`,
-        `text-${color}-600`,
-        `border-l-${color}-500`
-      );
-    });
-    const buttonColors = ["slate", "blue", "gray", "green", "red"];
-    const buttonShades = ["400", "500", "600", "700"];
-    buttonColors.forEach((color) => {
-      buttonShades.forEach((shade) => {
-        safelist.push(
-          `bg-${color}-${shade}`,
-          `border-${color}-${shade}`,
-          `text-${color}-${shade}`,
-          `hover:bg-${color}-${shade}`,
-          `hover:border-${color}-${shade}`,
-          `hover:text-${color}-${shade}`,
-          `focus:ring-${color}-${shade}`
-        );
-      });
-    });
-    safelist.push(
-      "text-white",
-      "text-gray-700",
-      "text-gray-900",
-      "bg-blue-50",
-      "bg-gray-100",
-      "hover:bg-blue-50",
-      "hover:bg-gray-100",
-      "hover:text-gray-900"
-    );
-    safelist.push(
-      "before:absolute",
-      "before:inset-0",
-      "before:rounded-lg",
-      "before:bg-gradient-to-br",
-      "before:from-white/20",
-      "before:to-transparent",
-      "before:opacity-0",
-      "hover:before:opacity-100",
-      "before:transition-opacity",
-      "before:duration-200"
-    );
-    safelist.push(
-      // Transform scales
-      { pattern: /^(hover:)?scale-\[1\.02\]$/ },
-      { pattern: /^(active:)?scale-\[0\.98\]$/ },
-      // Complex box shadows with arbitrary values
-      { pattern: /^shadow-\[.*\]$/ },
-      { pattern: /^hover:shadow-\[.*\]$/ },
-      { pattern: /^active:shadow-\[.*\]$/ }
-    );
-    safelist.push(
-      "disabled:opacity-50",
-      "disabled:cursor-not-allowed",
-      "disabled:pointer-events-none"
-    );
-  }
-  if (darkMode) {
-    safelist.push(
-      "dark:text-blue-400",
-      "dark:text-amber-400",
-      "dark:text-red-400",
-      "dark:text-green-400",
-      "dark:text-purple-400",
-      "dark:text-gray-400",
-      "dark:bg-gray-800",
-      "dark:text-gray-100"
-    );
-  }
-  return safelist;
-}
+var CORE_CLASSES = [
+  // Typography
+  "text-3xl",
+  "text-2xl",
+  "text-xl",
+  "text-lg",
+  "text-base",
+  "text-sm",
+  "font-bold",
+  "font-semibold",
+  "font-medium",
+  "italic",
+  "underline",
+  "line-through",
+  "leading-7",
+  "leading-relaxed",
+  // Spacing
+  "mt-8",
+  "mt-6",
+  "mt-5",
+  "mt-4",
+  "mt-3",
+  "mb-6",
+  "mb-4",
+  "mb-3",
+  "mb-2",
+  "my-6",
+  "my-4",
+  "p-4",
+  "p-6",
+  "px-1.5",
+  "px-2",
+  "px-3",
+  "px-4",
+  "py-0.5",
+  "py-1",
+  "py-2",
+  "pl-4",
+  "pl-6",
+  // Layout
+  "flex",
+  "inline-flex",
+  "items-center",
+  "justify-center",
+  "gap-2",
+  "space-y-1",
+  "list-disc",
+  "list-inside",
+  "ml-4",
+  // Borders and backgrounds
+  "border-l-2",
+  "border-l-4",
+  "rounded",
+  "rounded-lg",
+  "rounded-md",
+  "bg-muted",
+  // Images
+  "max-w-full",
+  "h-auto",
+  "overflow-x-auto",
+  // Interactions
+  "hover:underline",
+  "transition-all",
+  "duration-200",
+  "cursor-pointer"
+];
+var EXTENSION_CLASSES = [
+  // Alert colors (using opacity syntax)
+  "bg-blue-500/10",
+  "border-blue-500/30",
+  "text-blue-600",
+  "border-l-blue-500",
+  "bg-amber-500/10",
+  "border-amber-500/30",
+  "text-amber-600",
+  "border-l-amber-500",
+  "bg-red-500/10",
+  "border-red-500/30",
+  "text-red-600",
+  "border-l-red-500",
+  "bg-green-500/10",
+  "border-green-500/30",
+  "text-green-600",
+  "border-l-green-500",
+  // Button variants
+  "bg-blue-600",
+  "text-white",
+  "hover:bg-blue-700",
+  "bg-gray-200",
+  "text-gray-900",
+  "hover:bg-gray-300"
+];
+var DARK_MODE_CLASSES = [
+  "dark:text-blue-400",
+  "dark:text-amber-400",
+  "dark:text-red-400",
+  "dark:text-green-400",
+  "dark:bg-gray-800",
+  "dark:text-gray-100"
+];
 var changerawrMarkdownPlugin = plugin.withOptions(
-  () => () => {
-  },
-  (options = {}) => {
-    return {
-      safelist: getSafelist(options)
-    };
+  (options = {}) => ({ addUtilities }) => {
+    const { includeExtensions = true, darkMode = true } = options;
+    let allClasses = [...CORE_CLASSES];
+    if (includeExtensions) {
+      allClasses.push(...EXTENSION_CLASSES);
+    }
+    if (darkMode) {
+      allClasses.push(...DARK_MODE_CLASSES);
+    }
+    const preserveRules = allClasses.reduce((acc, className) => {
+      const safeClassName = className.replace(/[^a-zA-Z0-9]/g, "-");
+      acc[`.changerawr-preserve-${safeClassName}`] = {
+        // Use CSS custom properties to reference the class without creating actual styles
+        "--tw-preserve": `"${className}"`
+      };
+      return acc;
+    }, {});
+    addUtilities(preserveRules);
   }
 );
 export {
   changerawrMarkdownPlugin,
-  changerawrMarkdownPlugin as default,
-  getSafelist
+  changerawrMarkdownPlugin as default
 };
 //# sourceMappingURL=index.mjs.map

package/dist/tailwind/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tailwind/plugin.ts"],"sourcesContent":["/**\r\n * Tailwind CSS plugin for @changerawr/markdown\r\n *\r\n * This plugin provides safelist configuration to ensure all dynamically-generated\r\n * Tailwind classes used by markdown rendering are included in the final CSS build.\r\n *\r\n * Works with both Tailwind v3 and v4.\r\n */\r\n\r\nimport plugin from 'tailwindcss/plugin';\r\n\r\nexport interface ChangerawrMarkdownPluginOptions {\r\n    /** Whether to include extension classes for alerts and buttons (default: true) */\r\n    includeExtensions?: boolean;\r\n    /** Whether to include dark mode variants (default: true) */\r\n    darkMode?: boolean;\r\n}\r\n\r\n/**\r\n * Safelist type - compatible with Tailwind v3 and v4\r\n */\r\nexport type Safelist = Array<string | { pattern: RegExp }>;\r\n\r\n/**\r\n * Get safelist configuration for Tailwind\r\n * Use this in your tailwind.config.js:\r\n *\r\n * @example\r\n * ```js\r\n * import { getSafelist } from '@changerawr/markdown/tailwind';\r\n *\r\n * export default {\r\n *   safelist: getSafelist(),\r\n *   // ... other config\r\n * }\r\n * ```\r\n */\r\nexport function getSafelist(options: ChangerawrMarkdownPluginOptions = {}): Safelist {\r\n    const { includeExtensions = true, darkMode = true } = options;\r\n\r\n    const safelist: Safelist = [\r\n        // Core typography\r\n        'text-3xl', 'text-2xl', 'text-xl', 'text-lg', 'text-base', 'text-sm',\r\n        'font-bold', 'font-semibold', 'font-medium',\r\n        'italic', 'underline', 'line-through',\r\n        'leading-7', 'leading-relaxed',\r\n\r\n        // Core spacing\r\n        'mt-8', 'mt-6', 'mt-5', 'mt-4', 'mt-3', 'mt-2',\r\n        'mb-6', 'mb-4', 'mb-3', 'mb-2',\r\n        'my-6', 'my-4',\r\n        'p-4', 'p-6',\r\n        'px-1.5', 'px-2', 'px-3', 'px-4', 'px-6',\r\n        'py-0.5', 'py-1', 'py-1.5', 'py-2', 'py-3',\r\n        'pl-4', 'pl-6',\r\n        'ml-1', 'ml-4',\r\n\r\n        // Core layout\r\n        'flex', 'inline-flex', 'items-center', 'justify-center',\r\n        'gap-1.5', 'gap-2', 'gap-2.5', 'space-y-1',\r\n        'list-disc', 'list-inside',\r\n        'relative', 'absolute', 'inset-0', 'z-10',\r\n        'overflow-hidden',\r\n\r\n        // Core borders and backgrounds\r\n        'border', 'border-transparent', 'border-l-2', 'border-l-4',\r\n        'rounded', 'rounded-lg', 'rounded-md',\r\n        'bg-muted', 'bg-transparent',\r\n\r\n        // Core images and overflow\r\n        'max-w-full', 'h-auto', 'w-4', 'h-4',\r\n        'overflow-x-auto',\r\n\r\n        // Core interactions and transitions\r\n        'cursor-pointer', 'cursor-not-allowed',\r\n        'hover:underline', 'transition-all', 'transition-colors', 'transition-opacity',\r\n        'duration-200', 'ease-out',\r\n        'focus:outline-none', 'focus:ring-2', 'focus:ring-offset-2',\r\n        'transform', 'opacity-50', 'opacity-75',\r\n        'shadow-sm', 'shadow-md', 'hover:shadow-md', 'active:shadow-sm',\r\n    ];\r\n\r\n    if (includeExtensions) {\r\n        // Alert color patterns - covers all 6 alert types (info, warning, error, success, tip, note)\r\n        const alertColors = ['blue', 'amber', 'red', 'green', 'purple', 'gray'];\r\n\r\n        alertColors.forEach(color => {\r\n            safelist.push(\r\n                `bg-${color}-500/10`,\r\n                `border-${color}-500/30`,\r\n                `text-${color}-600`,\r\n                `border-l-${color}-500`\r\n            );\r\n        });\r\n\r\n        // Button color patterns - covers all button styles\r\n        const buttonColors = ['slate', 'blue', 'gray', 'green', 'red'];\r\n        const buttonShades = ['400', '500', '600', '700'];\r\n\r\n        buttonColors.forEach(color => {\r\n            buttonShades.forEach(shade => {\r\n                safelist.push(\r\n                    `bg-${color}-${shade}`,\r\n                    `border-${color}-${shade}`,\r\n                    `text-${color}-${shade}`,\r\n                    `hover:bg-${color}-${shade}`,\r\n                    `hover:border-${color}-${shade}`,\r\n                    `hover:text-${color}-${shade}`,\r\n                    `focus:ring-${color}-${shade}`\r\n                );\r\n            });\r\n        });\r\n\r\n        // Button background utilities\r\n        safelist.push(\r\n            'text-white',\r\n            'text-gray-700',\r\n            'text-gray-900',\r\n            'bg-blue-50',\r\n            'bg-gray-100',\r\n            'hover:bg-blue-50',\r\n            'hover:bg-gray-100',\r\n            'hover:text-gray-900'\r\n        );\r\n\r\n        // Button pseudo-element classes\r\n        safelist.push(\r\n            'before:absolute',\r\n            'before:inset-0',\r\n            'before:rounded-lg',\r\n            'before:bg-gradient-to-br',\r\n            'before:from-white/20',\r\n            'before:to-transparent',\r\n            'before:opacity-0',\r\n            'hover:before:opacity-100',\r\n            'before:transition-opacity',\r\n            'before:duration-200'\r\n        );\r\n\r\n        // Button arbitrary values - must be explicitly safelisted\r\n        safelist.push(\r\n            // Transform scales\r\n            { pattern: /^(hover:)?scale-\\[1\\.02\\]$/ },\r\n            { pattern: /^(active:)?scale-\\[0\\.98\\]$/ },\r\n\r\n            // Complex box shadows with arbitrary values\r\n            { pattern: /^shadow-\\[.*\\]$/ },\r\n            { pattern: /^hover:shadow-\\[.*\\]$/ },\r\n            { pattern: /^active:shadow-\\[.*\\]$/ },\r\n        );\r\n\r\n        // Button disabled states\r\n        safelist.push(\r\n            'disabled:opacity-50',\r\n            'disabled:cursor-not-allowed',\r\n            'disabled:pointer-events-none'\r\n        );\r\n    }\r\n\r\n    if (darkMode) {\r\n        safelist.push(\r\n            'dark:text-blue-400',\r\n            'dark:text-amber-400',\r\n            'dark:text-red-400',\r\n            'dark:text-green-400',\r\n            'dark:text-purple-400',\r\n            'dark:text-gray-400',\r\n            'dark:bg-gray-800',\r\n            'dark:text-gray-100'\r\n        );\r\n    }\r\n\r\n    return safelist;\r\n}\r\n\r\n/**\r\n * Tailwind plugin for @changerawr/markdown\r\n *\r\n * This plugin is a no-op - all functionality is now handled via safelist configuration.\r\n * The safelist approach is more reliable and works with both Tailwind v3 and v4.\r\n *\r\n * For Tailwind v3: Use this plugin AND add getSafelist() to your config\r\n * For Tailwind v4: Just use getSafelist() in your config\r\n */\r\nexport const changerawrMarkdownPlugin = plugin.withOptions<ChangerawrMarkdownPluginOptions>(\r\n    () => () => {\r\n        // No-op - safelist handles everything\r\n        // The actual safelist should be added via the config's safelist property\r\n    },\r\n    (options = {}) => {\r\n        return {\r\n            safelist: getSafelist(options)\r\n        } as any; // Cast to any for compatibility with different Tailwind versions\r\n    }\r\n);\r\n\r\nexport default changerawrMarkdownPlugin;"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/tailwind/plugin.ts"],"sourcesContent":["/**\r\n * Tailwind CSS safelist plugin for @changerawr/markdown\r\n *\r\n * This plugin ensures standard Tailwind classes used by markdown rendering\r\n * are included in the final CSS build and not purged.\r\n *\r\n */\r\n\r\nimport plugin from 'tailwindcss/plugin';\r\n\r\nexport interface ChangerawrMarkdownPluginOptions {\r\n    /** Whether to include extension classes for alerts and buttons (default: true) */\r\n    includeExtensions?: boolean;\r\n    /** Whether to include dark mode variants (default: true) */\r\n    darkMode?: boolean;\r\n}\r\n\r\n/**\r\n * Core Tailwind classes used by markdown components\r\n */\r\nconst CORE_CLASSES = [\r\n    // Typography\r\n    'text-3xl', 'text-2xl', 'text-xl', 'text-lg', 'text-base', 'text-sm',\r\n    'font-bold', 'font-semibold', 'font-medium',\r\n    'italic', 'underline', 'line-through',\r\n    'leading-7', 'leading-relaxed',\r\n\r\n    // Spacing\r\n    'mt-8', 'mt-6', 'mt-5', 'mt-4', 'mt-3',\r\n    'mb-6', 'mb-4', 'mb-3', 'mb-2',\r\n    'my-6', 'my-4',\r\n    'p-4', 'p-6',\r\n    'px-1.5', 'px-2', 'px-3', 'px-4',\r\n    'py-0.5', 'py-1', 'py-2',\r\n    'pl-4', 'pl-6',\r\n\r\n    // Layout\r\n    'flex', 'inline-flex', 'items-center', 'justify-center',\r\n    'gap-2', 'space-y-1',\r\n    'list-disc', 'list-inside', 'ml-4',\r\n\r\n    // Borders and backgrounds\r\n    'border-l-2', 'border-l-4',\r\n    'rounded', 'rounded-lg', 'rounded-md',\r\n    'bg-muted',\r\n\r\n    // Images\r\n    'max-w-full', 'h-auto', 'overflow-x-auto',\r\n\r\n    // Interactions\r\n    'hover:underline', 'transition-all', 'duration-200',\r\n    'cursor-pointer'\r\n];\r\n\r\n/**\r\n * Extension classes for alerts and buttons\r\n */\r\nconst EXTENSION_CLASSES = [\r\n    // Alert colors (using opacity syntax)\r\n    'bg-blue-500/10', 'border-blue-500/30', 'text-blue-600', 'border-l-blue-500',\r\n    'bg-amber-500/10', 'border-amber-500/30', 'text-amber-600', 'border-l-amber-500',\r\n    'bg-red-500/10', 'border-red-500/30', 'text-red-600', 'border-l-red-500',\r\n    'bg-green-500/10', 'border-green-500/30', 'text-green-600', 'border-l-green-500',\r\n\r\n    // Button variants\r\n    'bg-blue-600', 'text-white', 'hover:bg-blue-700',\r\n    'bg-gray-200', 'text-gray-900', 'hover:bg-gray-300'\r\n];\r\n\r\n/**\r\n * Dark mode variants\r\n */\r\nconst DARK_MODE_CLASSES = [\r\n    'dark:text-blue-400', 'dark:text-amber-400', 'dark:text-red-400', 'dark:text-green-400',\r\n    'dark:bg-gray-800', 'dark:text-gray-100'\r\n];\r\n\r\nexport const changerawrMarkdownPlugin = plugin.withOptions<ChangerawrMarkdownPluginOptions>(\r\n    (options = {}) => ({ addUtilities }) => {\r\n        const { includeExtensions = true, darkMode = true } = options;\r\n\r\n        let allClasses = [...CORE_CLASSES];\r\n\r\n        if (includeExtensions) {\r\n            allClasses.push(...EXTENSION_CLASSES);\r\n        }\r\n\r\n        if (darkMode) {\r\n            allClasses.push(...DARK_MODE_CLASSES);\r\n        }\r\n\r\n        // Create hidden utilities that reference the classes\r\n        // This ensures Tailwind includes them in the final CSS\r\n        const preserveRules = allClasses.reduce((acc, className) => {\r\n            const safeClassName = className.replace(/[^a-zA-Z0-9]/g, '-');\r\n            acc[`.changerawr-preserve-${safeClassName}`] = {\r\n                // Use CSS custom properties to reference the class without creating actual styles\r\n                '--tw-preserve': `\"${className}\"`\r\n            };\r\n            return acc;\r\n        }, {} as Record<string, Record<string, string>>);\r\n\r\n        addUtilities(preserveRules);\r\n    }\r\n);\r\n\r\nexport default changerawrMarkdownPlugin;"],"mappings":";AAQA,OAAO,YAAY;AAYnB,IAAM,eAAe;AAAA;AAAA,EAEjB;AAAA,EAAY;AAAA,EAAY;AAAA,EAAW;AAAA,EAAW;AAAA,EAAa;AAAA,EAC3D;AAAA,EAAa;AAAA,EAAiB;AAAA,EAC9B;AAAA,EAAU;AAAA,EAAa;AAAA,EACvB;AAAA,EAAa;AAAA;AAAA,EAGb;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAChC;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAQ;AAAA,EACxB;AAAA,EAAQ;AAAA,EACR;AAAA,EAAO;AAAA,EACP;AAAA,EAAU;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAC1B;AAAA,EAAU;AAAA,EAAQ;AAAA,EAClB;AAAA,EAAQ;AAAA;AAAA,EAGR;AAAA,EAAQ;AAAA,EAAe;AAAA,EAAgB;AAAA,EACvC;AAAA,EAAS;AAAA,EACT;AAAA,EAAa;AAAA,EAAe;AAAA;AAAA,EAG5B;AAAA,EAAc;AAAA,EACd;AAAA,EAAW;AAAA,EAAc;AAAA,EACzB;AAAA;AAAA,EAGA;AAAA,EAAc;AAAA,EAAU;AAAA;AAAA,EAGxB;AAAA,EAAmB;AAAA,EAAkB;AAAA,EACrC;AACJ;AAKA,IAAM,oBAAoB;AAAA;AAAA,EAEtB;AAAA,EAAkB;AAAA,EAAsB;AAAA,EAAiB;AAAA,EACzD;AAAA,EAAmB;AAAA,EAAuB;AAAA,EAAkB;AAAA,EAC5D;AAAA,EAAiB;AAAA,EAAqB;AAAA,EAAgB;AAAA,EACtD;AAAA,EAAmB;AAAA,EAAuB;AAAA,EAAkB;AAAA;AAAA,EAG5D;AAAA,EAAe;AAAA,EAAc;AAAA,EAC7B;AAAA,EAAe;AAAA,EAAiB;AACpC;AAKA,IAAM,oBAAoB;AAAA,EACtB;AAAA,EAAsB;AAAA,EAAuB;AAAA,EAAqB;AAAA,EAClE;AAAA,EAAoB;AACxB;AAEO,IAAM,2BAA2B,OAAO;AAAA,EAC3C,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,aAAa,MAAM;AACpC,UAAM,EAAE,oBAAoB,MAAM,WAAW,KAAK,IAAI;AAEtD,QAAI,aAAa,CAAC,GAAG,YAAY;AAEjC,QAAI,mBAAmB;AACnB,iBAAW,KAAK,GAAG,iBAAiB;AAAA,IACxC;AAEA,QAAI,UAAU;AACV,iBAAW,KAAK,GAAG,iBAAiB;AAAA,IACxC;AAIA,UAAM,gBAAgB,WAAW,OAAO,CAAC,KAAK,cAAc;AACxD,YAAM,gBAAgB,UAAU,QAAQ,iBAAiB,GAAG;AAC5D,UAAI,wBAAwB,aAAa,EAAE,IAAI;AAAA;AAAA,QAE3C,iBAAiB,IAAI,SAAS;AAAA,MAClC;AACA,aAAO;AAAA,IACX,GAAG,CAAC,CAA2C;AAE/C,iBAAa,aAAa;AAAA,EAC9B;AACJ;","names":[]}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@changerawr/markdown",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "publishConfig": {
     "access": "public"
   },
-  "description": "The universal markdown engine that powers Changerawr - supports HTML, Tailwind CSS, and JSON outputs",
+  "description": "Powerful markdown renderer with custom extensions for Changerawr - supports HTML, Tailwind CSS, and JSON outputs",
   "keywords": [
     "markdown",
     "parser",