@aumnidigital/bms 0.1.0

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderer/MDXRenderer.tsx"],"names":["CTAButtonGroup","CTASection","Button","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","Alert","AlertTitle","AlertDescription","Badge","Accordion","AccordionContent","AccordionItem","AccordionTrigger","Tabs","TabsContent","TabsList","TabsTrigger","Separator","Avatar","AvatarFallback","AvatarImage","Breadcrumb","BreadcrumbItem","BreadcrumbLink","BreadcrumbList","BreadcrumbPage","BreadcrumbSeparator","Checkbox","Progress","Skeleton","Table","TableBody","TableCaption","TableCell","TableHead","TableHeader","TableRow","Tooltip","TooltipContent","TooltipProvider","TooltipTrigger","AspectRatio","jsx","React","compile","remarkGfm","Content","run","runtime","error","jsxs"],"mappings":"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","file":"index.cjs","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { compile, run } from \"@mdx-js/mdx\";\nimport * as runtime from \"react/jsx-runtime\";\nimport remarkGfm from \"remark-gfm\";\nimport type { MDXRendererProps } from \"./types\";\n\n// Import all components for MDX usage\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Card,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n} from \"@/components/ui/card\";\nimport { Alert, AlertTitle, AlertDescription } from \"@/components/ui/alert\";\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport { Progress } from \"@/components/ui/progress\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { AspectRatio } from \"@/components/ui/aspect-ratio\";\nimport { CTAButtonGroup } from \"@/components/custom/cta-buttons\";\nimport { CTASection } from \"@/components/custom/cta-section\";\n\n// Default components available in MDX\nconst defaultComponents = {\n  // Custom components\n  CTAButtonGroup,\n  CTASection,\n\n  // UI Components\n  Button,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  Alert,\n  AlertTitle,\n  AlertDescription,\n  Badge,\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Separator,\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  Checkbox,\n  Progress,\n  Skeleton,\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n  AspectRatio,\n\n  // HTML element overrides for better typography\n  h1: (props: any) => (\n    <h1\n      className=\"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\"\n      {...props}\n    />\n  ),\n  h2: (props: any) => (\n    <h2\n      className=\"scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0\"\n      {...props}\n    />\n  ),\n  h3: (props: any) => (\n    <h3\n      className=\"scroll-m-20 text-2xl font-semibold tracking-tight\"\n      {...props}\n    />\n  ),\n  h4: (props: any) => (\n    <h4\n      className=\"scroll-m-20 text-xl font-semibold tracking-tight\"\n      {...props}\n    />\n  ),\n  p: (props: any) => (\n    <p className=\"leading-7 [&:not(:first-child)]:mt-6\" {...props} />\n  ),\n  a: (props: any) => (\n    <a\n      className=\"font-medium text-primary underline underline-offset-4\"\n      {...props}\n    />\n  ),\n  ul: (props: any) => (\n    <ul className=\"my-6 ml-6 list-disc [&>li]:mt-2\" {...props} />\n  ),\n  ol: (props: any) => (\n    <ol className=\"my-6 ml-6 list-decimal [&>li]:mt-2\" {...props} />\n  ),\n  li: (props: any) => <li className=\"mt-2\" {...props} />,\n  blockquote: (props: any) => (\n    <blockquote className=\"mt-6 border-l-2 pl-6 italic\" {...props} />\n  ),\n  code: (props: any) => (\n    <code\n      className=\"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\"\n      {...props}\n    />\n  ),\n  pre: (props: any) => (\n    <pre\n      className=\"mb-4 mt-6 overflow-x-auto rounded-lg border bg-muted p-4\"\n      {...props}\n    />\n  ),\n  hr: (props: any) => <hr className=\"my-4 md:my-8\" {...props} />,\n  table: (props: any) => (\n    <div className=\"my-6 w-full overflow-y-auto\">\n      <table className=\"w-full\" {...props} />\n    </div>\n  ),\n  tr: (props: any) => (\n    <tr className=\"m-0 border-t p-0 even:bg-muted\" {...props} />\n  ),\n  th: (props: any) => (\n    <th\n      className=\"border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right\"\n      {...props}\n    />\n  ),\n  td: (props: any) => (\n    <td\n      className=\"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right\"\n      {...props}\n    />\n  ),\n};\n\nexport function MDXRenderer({\n  content,\n  components: customComponents = {},\n  scope = {},\n  options = {},\n  fallback,\n  onError,\n}: MDXRendererProps) {\n  const [MDXContent, setMDXContent] = React.useState<React.ComponentType | null>(\n    null\n  );\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isLoading, setIsLoading] = React.useState(true);\n\n  React.useEffect(() => {\n    let isCancelled = false;\n\n    async function compileMDX() {\n      try {\n        setIsLoading(true);\n        setError(null);\n\n        // Compile MDX content\n        const compiled = await compile(content, {\n          outputFormat: \"function-body\",\n          remarkPlugins: [remarkGfm],\n          ...options,\n        });\n\n        // Run the compiled code\n        const { default: Content } = await run(String(compiled), {\n          ...runtime,\n          baseUrl: import.meta.url,\n        });\n\n        if (!isCancelled) {\n          setMDXContent(() => Content);\n        }\n      } catch (err) {\n        if (!isCancelled) {\n          const error = err instanceof Error ? err : new Error(String(err));\n          setError(error);\n          onError?.(error);\n        }\n      } finally {\n        if (!isCancelled) {\n          setIsLoading(false);\n        }\n      }\n    }\n\n    if (content) {\n      compileMDX();\n    }\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [content, options, onError]);\n\n  const mergedComponents = React.useMemo(\n    () => ({ ...defaultComponents, ...customComponents }),\n    [customComponents]\n  );\n\n  // Loading state\n  if (isLoading) {\n    return (\n      fallback ?? (\n        <div className=\"animate-pulse space-y-4\">\n          <div className=\"h-4 bg-muted rounded w-3/4\"></div>\n          <div className=\"h-4 bg-muted rounded w-full\"></div>\n          <div className=\"h-4 bg-muted rounded w-5/6\"></div>\n        </div>\n      )\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div className=\"bg-destructive/10 border border-destructive/20 rounded-lg p-6 my-8\">\n        <h3 className=\"text-destructive font-semibold mb-2\">\n          MDX Compilation Error\n        </h3>\n        <pre className=\"text-sm text-destructive/80 whitespace-pre-wrap overflow-x-auto\">\n          {error.message}\n        </pre>\n      </div>\n    );\n  }\n\n  // Empty state\n  if (!MDXContent) {\n    return null;\n  }\n\n  // Render compiled MDX\n  const Content = MDXContent as React.ComponentType<any>;\n  return <Content components={mergedComponents} {...scope} />;\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { ComponentType, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CompileOptions } from '@mdx-js/mdx';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CTAButton, CTAButtonGroup, CTAButtonGroupProps, CTASection, CTASectionAction, CTASectionProps, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Label, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants } from './components/index.cjs';
+import { ClassValue } from 'clsx';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '@radix-ui/react-alert-dialog';
+import '@radix-ui/react-accordion';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-avatar';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-progress';
+import '@radix-ui/react-tooltip';
+import '@radix-ui/react-aspect-ratio';
+import '@radix-ui/react-label';
+import 'react-day-picker';
+import '@radix-ui/react-select';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-popover';
+import '@radix-ui/react-scroll-area';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-slider';
+import '@radix-ui/react-switch';
+import '@radix-ui/react-radio-group';
+import 'react-hook-form';
+import '@radix-ui/react-slot';
+
+interface MDXComponents {
+    [key: string]: ComponentType<any>;
+}
+interface MDXScope {
+    [key: string]: unknown;
+}
+interface MDXRendererProps {
+    /** Raw MDX content string */
+    content: string;
+    /** Custom components to override defaults */
+    components?: MDXComponents;
+    /** Variables/data to pass into MDX scope */
+    scope?: MDXScope;
+    /** MDX compile options */
+    options?: Omit<CompileOptions, "outputFormat">;
+    /** Loading fallback component */
+    fallback?: ReactNode;
+    /** Error callback */
+    onError?: (error: Error) => void;
+}
+
+declare function MDXRenderer({ content, components: customComponents, scope, options, fallback, onError, }: MDXRendererProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { type MDXComponents, MDXRenderer, type MDXRendererProps, type MDXScope, cn };

package/dist/index.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { ComponentType, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CompileOptions } from '@mdx-js/mdx';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CTAButton, CTAButtonGroup, CTAButtonGroupProps, CTASection, CTASectionAction, CTASectionProps, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Label, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants } from './components/index.js';
+import { ClassValue } from 'clsx';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '@radix-ui/react-alert-dialog';
+import '@radix-ui/react-accordion';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-avatar';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-progress';
+import '@radix-ui/react-tooltip';
+import '@radix-ui/react-aspect-ratio';
+import '@radix-ui/react-label';
+import 'react-day-picker';
+import '@radix-ui/react-select';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-popover';
+import '@radix-ui/react-scroll-area';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-slider';
+import '@radix-ui/react-switch';
+import '@radix-ui/react-radio-group';
+import 'react-hook-form';
+import '@radix-ui/react-slot';
+
+interface MDXComponents {
+    [key: string]: ComponentType<any>;
+}
+interface MDXScope {
+    [key: string]: unknown;
+}
+interface MDXRendererProps {
+    /** Raw MDX content string */
+    content: string;
+    /** Custom components to override defaults */
+    components?: MDXComponents;
+    /** Variables/data to pass into MDX scope */
+    scope?: MDXScope;
+    /** MDX compile options */
+    options?: Omit<CompileOptions, "outputFormat">;
+    /** Loading fallback component */
+    fallback?: ReactNode;
+    /** Error callback */
+    onError?: (error: Error) => void;
+}
+
+declare function MDXRenderer({ content, components: customComponents, scope, options, fallback, onError, }: MDXRendererProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { type MDXComponents, MDXRenderer, type MDXRendererProps, type MDXScope, cn };

package/dist/index.js

@@ -0,0 +1,207 @@
+import { AspectRatio, TooltipTrigger, TooltipProvider, TooltipContent, Tooltip, TableRow, TableHeader, TableHead, TableCell, TableCaption, TableBody, Table, Skeleton, Progress, Checkbox, BreadcrumbSeparator, BreadcrumbPage, BreadcrumbList, BreadcrumbLink, BreadcrumbItem, Breadcrumb, AvatarImage, AvatarFallback, Avatar, Separator, TabsTrigger, TabsList, TabsContent, Tabs, AccordionTrigger, AccordionItem, AccordionContent, Accordion, Badge, AlertDescription, AlertTitle, Alert, CardFooter, CardContent, CardDescription, CardTitle, CardHeader, Card, Button, CTASection, CTAButtonGroup } from './chunk-NO6MNNEU.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CTAButtonGroup, CTASection, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Label, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn } from './chunk-NO6MNNEU.js';
+import * as React from 'react';
+import { compile, run } from '@mdx-js/mdx';
+import * as runtime from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import remarkGfm from 'remark-gfm';
+
+var defaultComponents = {
+  // Custom components
+  CTAButtonGroup,
+  CTASection,
+  // UI Components
+  Button,
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+  Alert,
+  AlertTitle,
+  AlertDescription,
+  Badge,
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Separator,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Checkbox,
+  Progress,
+  Skeleton,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  AspectRatio,
+  // HTML element overrides for better typography
+  h1: (props) => /* @__PURE__ */ jsx(
+    "h1",
+    {
+      className: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
+      ...props
+    }
+  ),
+  h2: (props) => /* @__PURE__ */ jsx(
+    "h2",
+    {
+      className: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0",
+      ...props
+    }
+  ),
+  h3: (props) => /* @__PURE__ */ jsx(
+    "h3",
+    {
+      className: "scroll-m-20 text-2xl font-semibold tracking-tight",
+      ...props
+    }
+  ),
+  h4: (props) => /* @__PURE__ */ jsx(
+    "h4",
+    {
+      className: "scroll-m-20 text-xl font-semibold tracking-tight",
+      ...props
+    }
+  ),
+  p: (props) => /* @__PURE__ */ jsx("p", { className: "leading-7 [&:not(:first-child)]:mt-6", ...props }),
+  a: (props) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: "font-medium text-primary underline underline-offset-4",
+      ...props
+    }
+  ),
+  ul: (props) => /* @__PURE__ */ jsx("ul", { className: "my-6 ml-6 list-disc [&>li]:mt-2", ...props }),
+  ol: (props) => /* @__PURE__ */ jsx("ol", { className: "my-6 ml-6 list-decimal [&>li]:mt-2", ...props }),
+  li: (props) => /* @__PURE__ */ jsx("li", { className: "mt-2", ...props }),
+  blockquote: (props) => /* @__PURE__ */ jsx("blockquote", { className: "mt-6 border-l-2 pl-6 italic", ...props }),
+  code: (props) => /* @__PURE__ */ jsx(
+    "code",
+    {
+      className: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+      ...props
+    }
+  ),
+  pre: (props) => /* @__PURE__ */ jsx(
+    "pre",
+    {
+      className: "mb-4 mt-6 overflow-x-auto rounded-lg border bg-muted p-4",
+      ...props
+    }
+  ),
+  hr: (props) => /* @__PURE__ */ jsx("hr", { className: "my-4 md:my-8", ...props }),
+  table: (props) => /* @__PURE__ */ jsx("div", { className: "my-6 w-full overflow-y-auto", children: /* @__PURE__ */ jsx("table", { className: "w-full", ...props }) }),
+  tr: (props) => /* @__PURE__ */ jsx("tr", { className: "m-0 border-t p-0 even:bg-muted", ...props }),
+  th: (props) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: "border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right",
+      ...props
+    }
+  ),
+  td: (props) => /* @__PURE__ */ jsx(
+    "td",
+    {
+      className: "border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right",
+      ...props
+    }
+  )
+};
+function MDXRenderer({
+  content,
+  components: customComponents = {},
+  scope = {},
+  options = {},
+  fallback,
+  onError
+}) {
+  const [MDXContent, setMDXContent] = React.useState(
+    null
+  );
+  const [error, setError] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  React.useEffect(() => {
+    let isCancelled = false;
+    async function compileMDX() {
+      try {
+        setIsLoading(true);
+        setError(null);
+        const compiled = await compile(content, {
+          outputFormat: "function-body",
+          remarkPlugins: [remarkGfm],
+          ...options
+        });
+        const { default: Content2 } = await run(String(compiled), {
+          ...runtime,
+          baseUrl: import.meta.url
+        });
+        if (!isCancelled) {
+          setMDXContent(() => Content2);
+        }
+      } catch (err) {
+        if (!isCancelled) {
+          const error2 = err instanceof Error ? err : new Error(String(err));
+          setError(error2);
+          onError?.(error2);
+        }
+      } finally {
+        if (!isCancelled) {
+          setIsLoading(false);
+        }
+      }
+    }
+    if (content) {
+      compileMDX();
+    }
+    return () => {
+      isCancelled = true;
+    };
+  }, [content, options, onError]);
+  const mergedComponents = React.useMemo(
+    () => ({ ...defaultComponents, ...customComponents }),
+    [customComponents]
+  );
+  if (isLoading) {
+    return fallback ?? /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-3/4" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-full" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-5/6" })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "bg-destructive/10 border border-destructive/20 rounded-lg p-6 my-8", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-destructive font-semibold mb-2", children: "MDX Compilation Error" }),
+      /* @__PURE__ */ jsx("pre", { className: "text-sm text-destructive/80 whitespace-pre-wrap overflow-x-auto", children: error.message })
+    ] });
+  }
+  if (!MDXContent) {
+    return null;
+  }
+  const Content = MDXContent;
+  return /* @__PURE__ */ jsx(Content, { components: mergedComponents, ...scope });
+}
+
+export { MDXRenderer };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/renderer/MDXRenderer.tsx"],"names":["Content","error"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { compile, run } from \"@mdx-js/mdx\";\nimport * as runtime from \"react/jsx-runtime\";\nimport remarkGfm from \"remark-gfm\";\nimport type { MDXRendererProps } from \"./types\";\n\n// Import all components for MDX usage\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Card,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n} from \"@/components/ui/card\";\nimport { Alert, AlertTitle, AlertDescription } from \"@/components/ui/alert\";\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport { Progress } from \"@/components/ui/progress\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { AspectRatio } from \"@/components/ui/aspect-ratio\";\nimport { CTAButtonGroup } from \"@/components/custom/cta-buttons\";\nimport { CTASection } from \"@/components/custom/cta-section\";\n\n// Default components available in MDX\nconst defaultComponents = {\n  // Custom components\n  CTAButtonGroup,\n  CTASection,\n\n  // UI Components\n  Button,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  Alert,\n  AlertTitle,\n  AlertDescription,\n  Badge,\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Separator,\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  Checkbox,\n  Progress,\n  Skeleton,\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n  AspectRatio,\n\n  // HTML element overrides for better typography\n  h1: (props: any) => (\n    <h1\n      className=\"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\"\n      {...props}\n    />\n  ),\n  h2: (props: any) => (\n    <h2\n      className=\"scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0\"\n      {...props}\n    />\n  ),\n  h3: (props: any) => (\n    <h3\n      className=\"scroll-m-20 text-2xl font-semibold tracking-tight\"\n      {...props}\n    />\n  ),\n  h4: (props: any) => (\n    <h4\n      className=\"scroll-m-20 text-xl font-semibold tracking-tight\"\n      {...props}\n    />\n  ),\n  p: (props: any) => (\n    <p className=\"leading-7 [&:not(:first-child)]:mt-6\" {...props} />\n  ),\n  a: (props: any) => (\n    <a\n      className=\"font-medium text-primary underline underline-offset-4\"\n      {...props}\n    />\n  ),\n  ul: (props: any) => (\n    <ul className=\"my-6 ml-6 list-disc [&>li]:mt-2\" {...props} />\n  ),\n  ol: (props: any) => (\n    <ol className=\"my-6 ml-6 list-decimal [&>li]:mt-2\" {...props} />\n  ),\n  li: (props: any) => <li className=\"mt-2\" {...props} />,\n  blockquote: (props: any) => (\n    <blockquote className=\"mt-6 border-l-2 pl-6 italic\" {...props} />\n  ),\n  code: (props: any) => (\n    <code\n      className=\"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\"\n      {...props}\n    />\n  ),\n  pre: (props: any) => (\n    <pre\n      className=\"mb-4 mt-6 overflow-x-auto rounded-lg border bg-muted p-4\"\n      {...props}\n    />\n  ),\n  hr: (props: any) => <hr className=\"my-4 md:my-8\" {...props} />,\n  table: (props: any) => (\n    <div className=\"my-6 w-full overflow-y-auto\">\n      <table className=\"w-full\" {...props} />\n    </div>\n  ),\n  tr: (props: any) => (\n    <tr className=\"m-0 border-t p-0 even:bg-muted\" {...props} />\n  ),\n  th: (props: any) => (\n    <th\n      className=\"border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right\"\n      {...props}\n    />\n  ),\n  td: (props: any) => (\n    <td\n      className=\"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right\"\n      {...props}\n    />\n  ),\n};\n\nexport function MDXRenderer({\n  content,\n  components: customComponents = {},\n  scope = {},\n  options = {},\n  fallback,\n  onError,\n}: MDXRendererProps) {\n  const [MDXContent, setMDXContent] = React.useState<React.ComponentType | null>(\n    null\n  );\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isLoading, setIsLoading] = React.useState(true);\n\n  React.useEffect(() => {\n    let isCancelled = false;\n\n    async function compileMDX() {\n      try {\n        setIsLoading(true);\n        setError(null);\n\n        // Compile MDX content\n        const compiled = await compile(content, {\n          outputFormat: \"function-body\",\n          remarkPlugins: [remarkGfm],\n          ...options,\n        });\n\n        // Run the compiled code\n        const { default: Content } = await run(String(compiled), {\n          ...runtime,\n          baseUrl: import.meta.url,\n        });\n\n        if (!isCancelled) {\n          setMDXContent(() => Content);\n        }\n      } catch (err) {\n        if (!isCancelled) {\n          const error = err instanceof Error ? err : new Error(String(err));\n          setError(error);\n          onError?.(error);\n        }\n      } finally {\n        if (!isCancelled) {\n          setIsLoading(false);\n        }\n      }\n    }\n\n    if (content) {\n      compileMDX();\n    }\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [content, options, onError]);\n\n  const mergedComponents = React.useMemo(\n    () => ({ ...defaultComponents, ...customComponents }),\n    [customComponents]\n  );\n\n  // Loading state\n  if (isLoading) {\n    return (\n      fallback ?? (\n        <div className=\"animate-pulse space-y-4\">\n          <div className=\"h-4 bg-muted rounded w-3/4\"></div>\n          <div className=\"h-4 bg-muted rounded w-full\"></div>\n          <div className=\"h-4 bg-muted rounded w-5/6\"></div>\n        </div>\n      )\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div className=\"bg-destructive/10 border border-destructive/20 rounded-lg p-6 my-8\">\n        <h3 className=\"text-destructive font-semibold mb-2\">\n          MDX Compilation Error\n        </h3>\n        <pre className=\"text-sm text-destructive/80 whitespace-pre-wrap overflow-x-auto\">\n          {error.message}\n        </pre>\n      </div>\n    );\n  }\n\n  // Empty state\n  if (!MDXContent) {\n    return null;\n  }\n\n  // Render compiled MDX\n  const Content = MDXContent as React.ComponentType<any>;\n  return <Content components={mergedComponents} {...scope} />;\n}\n"]}

package/package.json

@@ -0,0 +1,129 @@
+{
+  "name": "@aumnidigital/bms",
+  "version": "0.1.0",
+  "description": "Runtime MDX renderer with shadcn/ui components for React applications",
+  "type": "module",
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "aumnidigital",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/aumnidigital/blog-software-v2.git",
+    "directory": "packages/bms"
+  },
+  "keywords": [
+    "mdx",
+    "react",
+    "shadcn",
+    "renderer",
+    "blog",
+    "cms",
+    "tailwindcss"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./components": {
+      "import": {
+        "types": "./dist/components/index.d.ts",
+        "default": "./dist/components/index.js"
+      },
+      "require": {
+        "types": "./dist/components/index.d.cts",
+        "default": "./dist/components/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint . --max-warnings 0",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "@mdx-js/mdx": "^3.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.475.0",
+    "next-themes": "^0.4.6",
+    "react-day-picker": "^9.13.0",
+    "react-hook-form": "^7.71.0",
+    "react-resizable-panels": "^4.4.1",
+    "recharts": "2.15.4",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.3.1",
+    "vaul": "^1.1.2",
+    "zod": "^3.25.76"
+  },
+  "devDependencies": {
+    "@mdx-js/mdx": "^3.1.0",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@workspace/eslint-config": "workspace:*",
+    "@workspace/typescript-config": "workspace:*",
+    "eslint": "^9.32.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "remark-gfm": "^4.0.0",
+    "tsup": "^8.3.5",
+    "typescript": "^5.9.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}