@moontra/moonui-pro 2.2.6 → 2.2.7

package/dist/index.mjs

@@ -23,7 +23,6 @@ import * as ToastPrimitives from '@radix-ui/react-toast';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector.js';
-import { cn as cn$1 } from '@moontra/moonui';
 import { ResponsiveContainer, ScatterChart, CartesianGrid, XAxis, YAxis, Tooltip as Tooltip$1, Legend, Scatter, PieChart, Pie, Cell, AreaChart, Area, ReferenceLine, Brush, BarChart, Bar, LineChart, Line, ReferenceArea } from 'recharts';
 import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
 import { useForm } from 'react-hook-form';
@@ -48789,7 +48788,7 @@ function Timeline({
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cn$1(
+        className: cn(
           "relative flex gap-4",
           compact ? "pb-4" : "pb-8",
           interactive && "cursor-pointer hover:bg-muted/50 rounded-lg p-2 -m-2 transition-colors"
@@ -48797,7 +48796,7 @@ function Timeline({
         onClick: () => handleEventClick(event),
         children: [
           orientation === "vertical" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ jsx("div", { className: cn$1(
+            /* @__PURE__ */ jsx("div", { className: cn(
               "flex items-center justify-center w-8 h-8 rounded-full border-2 bg-background",
               eventColor
             ), children: eventIcon }),
@@ -48806,18 +48805,18 @@ function Timeline({
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx("h4", { className: cn$1(
+                /* @__PURE__ */ jsx("h4", { className: cn(
                   "font-medium text-sm",
                   compact ? "mb-1" : "mb-2"
                 ), children: event.title }),
-                event.description && /* @__PURE__ */ jsx("p", { className: cn$1(
+                event.description && /* @__PURE__ */ jsx("p", { className: cn(
                   "text-muted-foreground text-sm",
                   compact ? "mb-1" : "mb-2"
                 ), children: event.description })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
                 showRelativeTime ? /* @__PURE__ */ jsx("span", { children: getRelativeTime(event.date) }) : /* @__PURE__ */ jsx("span", { children: formatTime(event.date) }),
-                /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "outline", className: cn$1("text-xs", textColor), children: event.type })
+                /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "outline", className: cn("text-xs", textColor), children: event.type })
               ] })
             ] }),
             showUserInfo && event.user && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
@@ -48863,7 +48862,7 @@ function Timeline({
       events2.map((event, index) => renderEvent(event, index, index === events2.length - 1))
     ] }, date));
   };
-  return /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn$1("w-full", className), children: [
+  return /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn("w-full", className), children: [
     /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { children: [
       /* @__PURE__ */ jsxs(MoonUICardTitlePro, { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(Clock, { className: "h-5 w-5" }),
@@ -48876,7 +48875,7 @@ function Timeline({
         " tracked"
       ] })
     ] }),
-    /* @__PURE__ */ jsx(MoonUICardContentPro, { children: sortedEvents.length > 0 ? /* @__PURE__ */ jsx("div", { className: cn$1(
+    /* @__PURE__ */ jsx(MoonUICardContentPro, { children: sortedEvents.length > 0 ? /* @__PURE__ */ jsx("div", { className: cn(
       "space-y-0",
       orientation === "horizontal" && "flex overflow-x-auto gap-6"
     ), children: groupByDate ? renderGroupedEvents() : sortedEvents.map(
@@ -49104,13 +49103,13 @@ function AdvancedChart({
     }
   };
   if (loading) {
-    return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn$1("w-full", className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "flex items-center justify-center", style: { height }, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+    return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "flex items-center justify-center", style: { height }, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4 animate-spin" }),
       /* @__PURE__ */ jsx("span", { children: "Loading chart..." })
     ] }) }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn$1("w-full", className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "flex items-center justify-center", style: { height }, children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+    return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "flex items-center justify-center", style: { height }, children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx("p", { className: "text-destructive mb-2", children: error }),
       onRefresh && /* @__PURE__ */ jsxs(MoonUIButtonPro2, { variant: "outline", onClick: onRefresh, children: [
         /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-4 w-4" }),
@@ -49118,7 +49117,7 @@ function AdvancedChart({
       ] })
     ] }) }) });
   }
-  return /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn$1("w-full", className), ref: chartRef, children: [
+  return /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn("w-full", className), ref: chartRef, children: [
     /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
         /* @__PURE__ */ jsxs(MoonUICardTitlePro, { className: "text-base font-medium", children: [
@@ -49127,7 +49126,7 @@ function AdvancedChart({
             trend.direction === "up" && /* @__PURE__ */ jsx(TrendingUp, { className: "h-4 w-4 text-green-500" }),
             trend.direction === "down" && /* @__PURE__ */ jsx(TrendingDown, { className: "h-4 w-4 text-red-500" }),
             trend.direction === "neutral" && /* @__PURE__ */ jsx(Minus, { className: "h-4 w-4 text-gray-500" }),
-            /* @__PURE__ */ jsxs("span", { className: cn$1(
+            /* @__PURE__ */ jsxs("span", { className: cn(
               "ml-1 text-sm",
               trend.direction === "up" && "text-green-500",
               trend.direction === "down" && "text-red-500",
@@ -49223,7 +49222,7 @@ function Dashboard({
     return /* @__PURE__ */ jsxs(
       MoonUICardPro,
       {
-        className: cn$1(
+        className: cn(
           "cursor-pointer hover:shadow-md transition-shadow",
           onMetricClick && "hover:bg-muted/50"
         ),
@@ -49231,11 +49230,11 @@ function Dashboard({
         children: [
           /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
             /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-sm font-medium", children: metric.title }),
-            /* @__PURE__ */ jsx("div", { className: cn$1("h-4 w-4", colorClass), children: metric.icon })
+            /* @__PURE__ */ jsx("div", { className: cn("h-4 w-4", colorClass), children: metric.icon })
           ] }),
           /* @__PURE__ */ jsxs(MoonUICardContentPro, { children: [
             /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold", children: formatValue(metric.value) }),
-            metric.change && /* @__PURE__ */ jsxs("div", { className: cn$1(
+            metric.change && /* @__PURE__ */ jsxs("div", { className: cn(
               "flex items-center text-xs mt-1",
               getChangeColor(metric.change.type)
             ), children: [
@@ -49255,7 +49254,7 @@ function Dashboard({
   };
   const renderWidget = (widget) => {
     const sizeClass = WIDGET_SIZES[widget.size || "md"];
-    return /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn$1("h-fit", sizeClass), children: [
+    return /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn("h-fit", sizeClass), children: [
       /* @__PURE__ */ jsx(MoonUICardHeaderPro, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-base", children: widget.title }),
@@ -49310,12 +49309,12 @@ function Dashboard({
   ];
   const displayMetrics = metrics.length > 0 ? metrics : defaultMetrics;
   if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: cn$1("w-full", className), children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-4", children: [
+    return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-4", children: [
       /* @__PURE__ */ jsx("div", { className: "h-8 bg-muted rounded w-1/4" }),
       /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: [...Array(4)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-32 bg-muted rounded" }, i)) })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn$1("w-full space-y-6", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full space-y-6", className), children: [
     showHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
@@ -49387,7 +49386,7 @@ function DraggableList({
         {
           ...provided.droppableProps,
           ref: provided.innerRef,
-          className: cn$1(
+          className: cn(
             "space-y-2",
             direction === "horizontal" && "flex space-y-0 space-x-2",
             snapshot.isDraggingOver && "bg-muted/50 rounded-lg",
@@ -49406,7 +49405,7 @@ function DraggableList({
                     ref: provided2.innerRef,
                     ...provided2.draggableProps,
                     ...provided2.dragHandleProps,
-                    className: cn$1(
+                    className: cn(
                       "transition-all duration-200",
                       snapshot2.isDragging && "rotate-2 scale-105 shadow-lg z-50",
                       disabled && "cursor-not-allowed opacity-50"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.2.6",
+  "version": "2.2.7",
   "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
   "type": "module",
   "main": "dist/index.mjs",

package/src/components/advanced-chart/index.tsx

@@ -36,7 +36,7 @@ import {
   Lock,
   Sparkles
 } from 'lucide-react'
-import { cn } from '@moontra/moonui'
+import { cn } from '../../lib/utils'
 
 export type ChartType = 'line' | 'bar' | 'area' | 'pie' | 'scatter'
 

package/src/components/dashboard/index.tsx

@@ -22,7 +22,7 @@ import {
   Lock,
   Sparkles
 } from 'lucide-react'
-import { cn } from '@moontra/moonui'
+import { cn } from '../../lib/utils'
 
 interface DashboardMetric {
   id: string

package/src/components/draggable-list/index.tsx

@@ -2,7 +2,7 @@
 
 import React, { ReactNode } from "react"
 import { DragDropContext, Droppable, Draggable, DropResult } from "@hello-pangea/dnd"
-import { cn } from "@moontra/moonui"
+import { cn } from '../../lib/utils'
 
 export interface DraggableListProps<T> {
   items: T[]

package/src/components/timeline/index.tsx

@@ -19,7 +19,7 @@ import {
   Lock,
   Sparkles
 } from 'lucide-react'
-import { cn } from '@moontra/moonui'
+import { cn } from '../../lib/utils'
 
 interface TimelineEvent {
   id: string