@moontra/moonui-pro 2.31.1 → 2.31.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -4,7 +4,7 @@ import { twMerge } from 'tailwind-merge';
4
4
  import * as t from 'react';
5
5
  import t__default, { useState, useMemo, useCallback, useRef, useEffect, forwardRef, createContext, useContext, useLayoutEffect, useDebugValue, Component } from 'react';
6
6
  import * as AccordionPrimitive2 from '@radix-ui/react-accordion';
7
- import { Loader2, Play, ExternalLink, ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Minus, Clock, ChevronUp, Search, Mic, MicOff, Settings, RefreshCw, Zap, ChevronRight, Crown, Circle, Lock, ChevronLeft, Plus, Sparkles, ZoomOut, ZoomIn, Pause, VolumeX, Volume2, Download, Maximize2, Filter, Image as Image$1, Video, RotateCw, Minimize2, BarChart3, Menu, Bell, CheckCheck, CheckCircle, Palette, User, Settings2, LogOut, Edit3, LayoutGrid, Upload, Share2, Save, Phone, Globe, Eye, CheckCircle2, RotateCcw, Copy, Share, Trash2, CreditCard, XCircle, HelpCircle, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code as Code$1, Link as Link$1, Undo, Redo, Edit, GripVertical, Type, Heading1, Heading2, Heading3, CheckSquare, Highlighter, Link2, Table as Table$1, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Languages, Lightbulb, MoreVertical, TrendingUp, Activity, BellOff, Target, ArrowUpRight, ArrowDownRight, CalendarIcon, MapPin, Navigation, ArrowUp, ArrowDown, ArrowUpDown, Calendar as Calendar$1, DollarSign, Users, Map as Map$1, Music, Archive, File, FileSpreadsheet, FileJson, FileDown, ChevronsLeft, ChevronsRight, Star, Shield, Award, Gem, Flame, TrendingDown, Repeat, Move, EyeOff, Timer, Square, Cpu, GitBranch, ArrowRight, Trash, MessageCircle, Paperclip, Printer, Grip, Unlock, Github, Server, Monitor, MemoryStick, HardDrive, Network, Columns, PlusCircle, Pin, Sun, Moon, Home, Send, Tag, Flag, Trophy, ShoppingBag, Wifi, WifiOff, Thermometer, GitFork, Package, PoundSterling, Euro, Database, ShoppingCart } from 'lucide-react';
7
+ import { Loader2, Play, ExternalLink, ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Minus, Clock, ChevronUp, Search, Mic, MicOff, Settings, RefreshCw, Zap, ChevronRight, Crown, Circle, ChevronLeft, Plus, Lock, Sparkles, ZoomOut, ZoomIn, Pause, VolumeX, Volume2, Download, Maximize2, Filter, Image as Image$1, Video, RotateCw, Minimize2, BarChart3, Menu, Bell, CheckCheck, CheckCircle, Palette, User, Settings2, LogOut, Edit3, LayoutGrid, Upload, Share2, Save, Phone, Globe, Eye, CheckCircle2, RotateCcw, Copy, Share, Trash2, CreditCard, XCircle, HelpCircle, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code as Code$1, Link as Link$1, Undo, Redo, Edit, GripVertical, Type, Heading1, Heading2, Heading3, CheckSquare, Highlighter, Link2, Table as Table$1, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Languages, Lightbulb, MoreVertical, TrendingUp, Activity, BellOff, Target, ArrowUpRight, ArrowDownRight, CalendarIcon, MapPin, Navigation, ArrowUp, ArrowDown, ArrowUpDown, Calendar as Calendar$1, DollarSign, Users, Map as Map$1, Music, Archive, File, FileSpreadsheet, FileJson, FileDown, ChevronsLeft, ChevronsRight, Star, Shield, Award, Gem, Flame, TrendingDown, Repeat, Move, EyeOff, Timer, Square, Cpu, GitBranch, ArrowRight, Trash, MessageCircle, Paperclip, Printer, Grip, Unlock, Github, Server, Monitor, MemoryStick, HardDrive, Network, Columns, PlusCircle, Pin, Sun, Moon, Home, Send, Tag, Flag, Trophy, ShoppingBag, Wifi, WifiOff, Thermometer, GitFork, Package, PoundSterling, Euro, Database, ShoppingCart } from 'lucide-react';
8
8
  import { cva } from 'class-variance-authority';
9
9
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
10
10
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -4860,6 +4860,75 @@ function useSubscription() {
4860
4860
  }
4861
4861
  };
4862
4862
  }
4863
+ function ProLockScreen({
4864
+ componentName = "Pro Component",
4865
+ className,
4866
+ compact = false
4867
+ }) {
4868
+ if (compact) {
4869
+ return /* @__PURE__ */ jsxs("div", { className: cn(
4870
+ "flex flex-col items-center justify-center p-4 text-center",
4871
+ "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700",
4872
+ "bg-gray-50/50 dark:bg-gray-900/50",
4873
+ className
4874
+ ), children: [
4875
+ /* @__PURE__ */ jsx(Lock, { className: "h-8 w-8 text-gray-400 dark:text-gray-600 mb-2" }),
4876
+ /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "CLI Authentication Required" }),
4877
+ /* @__PURE__ */ jsx(
4878
+ "a",
4879
+ {
4880
+ href: "https://moonui.dev/docs/cli#authentication" ,
4881
+ target: "_blank",
4882
+ rel: "noopener noreferrer",
4883
+ className: "text-xs text-primary hover:underline font-medium mt-1",
4884
+ children: "Setup CLI Auth \u2192"
4885
+ }
4886
+ )
4887
+ ] });
4888
+ }
4889
+ return /* @__PURE__ */ jsxs("div", { className: cn(
4890
+ "flex flex-col items-center justify-center",
4891
+ "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700",
4892
+ "bg-gradient-to-b from-gray-50 to-gray-100/50 dark:from-gray-900 dark:to-gray-950/50",
4893
+ "p-8 text-center min-h-[200px]",
4894
+ className
4895
+ ), children: [
4896
+ /* @__PURE__ */ jsxs("div", { className: "relative", children: [
4897
+ /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-primary/20 blur-xl rounded-full" }),
4898
+ /* @__PURE__ */ jsx(Lock, { className: "relative h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" })
4899
+ ] }),
4900
+ /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: componentName }),
4901
+ /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4 max-w-sm", children: "CLI authentication required to access Pro components" }),
4902
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
4903
+ /* @__PURE__ */ jsxs(
4904
+ "a",
4905
+ {
4906
+ href: "https://moonui.dev/docs/cli#authentication" ,
4907
+ target: "_blank",
4908
+ rel: "noopener noreferrer",
4909
+ className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
4910
+ children: [
4911
+ /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3" }),
4912
+ "Setup CLI Authentication"
4913
+ ]
4914
+ }
4915
+ ),
4916
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
4917
+ /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Run: moonui login" }),
4918
+ /* @__PURE__ */ jsx(
4919
+ "a",
4920
+ {
4921
+ href: "https://moonui.dev/pricing",
4922
+ target: "_blank",
4923
+ rel: "noopener noreferrer",
4924
+ className: "text-xs text-primary hover:underline",
4925
+ children: "View Pro Plans \u2192"
4926
+ }
4927
+ )
4928
+ ] })
4929
+ ] })
4930
+ ] });
4931
+ }
4863
4932
  var defaultColors = [
4864
4933
  "#000000",
4865
4934
  "#374151",
@@ -4899,19 +4968,13 @@ var MoonUIColorPickerPro = ({
4899
4968
  lg: "w-10 h-10"
4900
4969
  };
4901
4970
  if (!isLoading && !hasProAccess) {
4902
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
4903
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
4904
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
4905
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
4906
- /* @__PURE__ */ jsx(
4907
- "a",
4908
- {
4909
- href: "https://moonui.dev/pricing",
4910
- className: "text-primary hover:underline text-sm font-medium",
4911
- children: "Get Pro Access \u2192"
4912
- }
4913
- )
4914
- ] });
4971
+ return /* @__PURE__ */ jsx(
4972
+ ProLockScreen,
4973
+ {
4974
+ componentName: "Color Picker",
4975
+ compact: true
4976
+ }
4977
+ );
4915
4978
  }
4916
4979
  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
4917
4980
  showInput && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
@@ -8363,19 +8426,13 @@ var MoonUITabsPro = t.forwardRef(({
8363
8426
  }
8364
8427
  };
8365
8428
  if (!isLoading && !hasProAccess) {
8366
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
8367
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
8368
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
8369
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
8370
- /* @__PURE__ */ jsx(
8371
- "a",
8372
- {
8373
- href: "https://moonui.dev/pricing",
8374
- className: "text-primary hover:underline text-sm font-medium",
8375
- children: "Get Pro Access \u2192"
8376
- }
8377
- )
8378
- ] });
8429
+ return /* @__PURE__ */ jsx(
8430
+ ProLockScreen,
8431
+ {
8432
+ componentName: "Tabs Pro",
8433
+ compact: true
8434
+ }
8435
+ );
8379
8436
  }
8380
8437
  return /* @__PURE__ */ jsxs("div", { className: cn(
8381
8438
  "relative w-full",
@@ -13242,19 +13299,13 @@ function LightboxProvider({ children, items = [], defaultIndex = 0 }) {
13242
13299
  [items, currentIndex, isOpen, zoom]
13243
13300
  );
13244
13301
  if (!isLoading && !hasProAccess) {
13245
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
13246
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
13247
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
13248
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
13249
- /* @__PURE__ */ jsx(
13250
- "a",
13251
- {
13252
- href: "https://moonui.dev/pricing",
13253
- className: "text-primary hover:underline text-sm font-medium",
13254
- children: "Get Pro Access \u2192"
13255
- }
13256
- )
13257
- ] });
13302
+ return /* @__PURE__ */ jsx(
13303
+ ProLockScreen,
13304
+ {
13305
+ componentName: "Lightbox",
13306
+ compact: true
13307
+ }
13308
+ );
13258
13309
  }
13259
13310
  return /* @__PURE__ */ jsx(LightboxContext.Provider, { value, children });
13260
13311
  }
@@ -13913,19 +13964,13 @@ var MoonUIMediaGalleryPro = t.forwardRef(({
13913
13964
  };
13914
13965
  const renderSkeleton = () => /* @__PURE__ */ jsx("div", { className: cn(galleryItemVariants({ variant, aspectRatio })), children: /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-muted animate-pulse" }) });
13915
13966
  if (!isLoading && !hasProAccess) {
13916
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
13917
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
13918
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
13919
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
13920
- /* @__PURE__ */ jsx(
13921
- "a",
13922
- {
13923
- href: "https://moonui.dev/pricing",
13924
- className: "text-primary hover:underline text-sm font-medium",
13925
- children: "Get Pro Access \u2192"
13926
- }
13927
- )
13928
- ] });
13967
+ return /* @__PURE__ */ jsx(
13968
+ ProLockScreen,
13969
+ {
13970
+ componentName: "Media Gallery",
13971
+ compact: true
13972
+ }
13973
+ );
13929
13974
  }
13930
13975
  const galleryContent = /* @__PURE__ */ jsxs(Fragment, { children: [
13931
13976
  (enableFiltering || enableSorting) && /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
@@ -14295,19 +14340,13 @@ function DraggableList({
14295
14340
  return null;
14296
14341
  };
14297
14342
  if (!isLoading && !hasProAccess) {
14298
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
14299
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
14300
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
14301
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
14302
- /* @__PURE__ */ jsx(
14303
- "a",
14304
- {
14305
- href: "https://moonui.dev/pricing",
14306
- className: "text-primary hover:underline text-sm font-medium",
14307
- children: "Get Pro Access \u2192"
14308
- }
14309
- )
14310
- ] });
14343
+ return /* @__PURE__ */ jsx(
14344
+ ProLockScreen,
14345
+ {
14346
+ componentName: "Draggable List",
14347
+ compact: true
14348
+ }
14349
+ );
14311
14350
  }
14312
14351
  return /* @__PURE__ */ jsxs(
14313
14352
  "div",
@@ -17297,17 +17336,13 @@ function CalendarInternal({
17297
17336
  function Calendar3(props) {
17298
17337
  const { hasProAccess, isLoading } = useSubscription();
17299
17338
  if (!isLoading && !hasProAccess) {
17300
- return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", props.className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
17301
- /* @__PURE__ */ jsx("div", { className: "rounded-full bg-purple-100 dark:bg-purple-900/30 p-3 w-fit mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) }),
17302
- /* @__PURE__ */ jsxs("div", { children: [
17303
- /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
17304
- /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Advanced Calendar is available exclusively to MoonUI Pro subscribers." }),
17305
- /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
17306
- /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
17307
- "Upgrade to Pro"
17308
- ] }) })
17309
- ] })
17310
- ] }) }) });
17339
+ return /* @__PURE__ */ jsx(
17340
+ ProLockScreen,
17341
+ {
17342
+ componentName: "Advanced Calendar",
17343
+ className: cn("w-full", props.className)
17344
+ }
17345
+ );
17311
17346
  }
17312
17347
  return /* @__PURE__ */ jsx(CalendarInternal, { ...props });
17313
17348
  }
@@ -58472,17 +58507,13 @@ function RichTextEditor({
58472
58507
  }) {
58473
58508
  const { hasProAccess, isLoading } = useSubscription();
58474
58509
  if (!isLoading && !hasProAccess) {
58475
- return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
58476
- /* @__PURE__ */ jsx("div", { className: "rounded-full bg-purple-100 dark:bg-purple-900/30 p-3 w-fit mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) }),
58477
- /* @__PURE__ */ jsxs("div", { children: [
58478
- /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
58479
- /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Advanced Rich Text Editor is available exclusively to MoonUI Pro subscribers." }),
58480
- /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
58481
- /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
58482
- "Upgrade to Pro"
58483
- ] }) }) })
58484
- ] })
58485
- ] }) }) });
58510
+ return /* @__PURE__ */ jsx(
58511
+ ProLockScreen,
58512
+ {
58513
+ componentName: "Advanced Rich Text Editor",
58514
+ className: cn("w-full", className)
58515
+ }
58516
+ );
58486
58517
  }
58487
58518
  const [aiSettings, setAiSettings] = useState(() => {
58488
58519
  if (persistAISettings && typeof window !== "undefined") {
@@ -63508,16 +63539,13 @@ function AdvancedChartInternal({
63508
63539
  function AdvancedChart(props) {
63509
63540
  const { hasProAccess } = useSubscription();
63510
63541
  if (!hasProAccess) {
63511
- return /* @__PURE__ */ jsx(MoonUICardPro, { className: "w-full", children: /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "flex flex-col items-center justify-center py-12", children: [
63512
- /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 mb-4", children: /* @__PURE__ */ jsx(Lock, { className: "w-8 h-8 text-primary" }) }),
63513
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-center mb-2", children: "Advanced Chart - Pro Feature" }),
63514
- /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-center text-sm mb-6 max-w-sm", children: "Professional chart component with advanced features like animations, themes, and interactive controls requires a Pro subscription." }),
63515
- /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs(MoonUIBadgePro, { variant: "secondary", className: "bg-gradient-to-r from-purple-500/10 to-pink-500/10 text-purple-700 dark:text-purple-300", children: [
63516
- /* @__PURE__ */ jsx(Sparkles, { className: "w-3 h-3 mr-1" }),
63517
- "Pro Feature"
63518
- ] }) }),
63519
- /* @__PURE__ */ jsx(MoonUIButtonPro, { className: "mt-4", size: "sm", children: "Upgrade to Pro" })
63520
- ] }) });
63542
+ return /* @__PURE__ */ jsx(
63543
+ ProLockScreen,
63544
+ {
63545
+ componentName: "Advanced Chart",
63546
+ className: "w-full"
63547
+ }
63548
+ );
63521
63549
  }
63522
63550
  return /* @__PURE__ */ jsx(AdvancedChartInternal, { ...props });
63523
63551
  }
@@ -66988,17 +67016,13 @@ var DashboardInternal = t__default.memo(function DashboardInternal2({
66988
67016
  var Dashboard = t__default.memo(function Dashboard2(props) {
66989
67017
  const { hasProAccess, isLoading } = useSubscription();
66990
67018
  if (!isLoading && !hasProAccess) {
66991
- return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", props.className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
66992
- /* @__PURE__ */ jsx("div", { className: "rounded-full bg-purple-100 dark:bg-purple-900/30 p-3 w-fit mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) }),
66993
- /* @__PURE__ */ jsxs("div", { children: [
66994
- /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
66995
- /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Dashboard is available exclusively to MoonUI Pro subscribers." }),
66996
- /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
66997
- /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
66998
- "Upgrade to Pro"
66999
- ] }) })
67000
- ] })
67001
- ] }) }) });
67019
+ return /* @__PURE__ */ jsx(
67020
+ ProLockScreen,
67021
+ {
67022
+ componentName: "Dashboard",
67023
+ className: cn("w-full", props.className)
67024
+ }
67025
+ );
67002
67026
  }
67003
67027
  return /* @__PURE__ */ jsx(DashboardInternal, { ...props });
67004
67028
  });
@@ -74128,17 +74152,13 @@ function DataTable({
74128
74152
  }, [originalColumns]);
74129
74153
  const { hasProAccess, isLoading } = useSubscription();
74130
74154
  if (!isLoading && !hasProAccess) {
74131
- return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
74132
- /* @__PURE__ */ jsx("div", { className: "rounded-full bg-purple-100 dark:bg-purple-900/30 p-3 w-fit mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) }),
74133
- /* @__PURE__ */ jsxs("div", { children: [
74134
- /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
74135
- /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Data Table is available exclusively to MoonUI Pro subscribers." }),
74136
- /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
74137
- /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
74138
- "Upgrade to Pro"
74139
- ] }) }) })
74140
- ] })
74141
- ] }) }) });
74155
+ return /* @__PURE__ */ jsx(
74156
+ ProLockScreen,
74157
+ {
74158
+ componentName: "Data Table",
74159
+ className: cn("w-full", className)
74160
+ }
74161
+ );
74142
74162
  }
74143
74163
  const [sorting, setSorting] = t__default.useState([]);
74144
74164
  const [columnFilters, setColumnFilters] = t__default.useState([]);
@@ -75549,17 +75569,14 @@ function SidebarInternal({
75549
75569
  function Sidebar(props) {
75550
75570
  const { hasProAccess, isLoading } = useSubscription();
75551
75571
  if (!isLoading && !hasProAccess) {
75552
- return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full max-w-xs", props.className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
75553
- /* @__PURE__ */ jsx("div", { className: "rounded-full bg-purple-100 dark:bg-purple-900/30 p-3 w-fit mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) }),
75554
- /* @__PURE__ */ jsxs("div", { children: [
75555
- /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
75556
- /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Advanced Sidebar is available exclusively to MoonUI Pro subscribers." }),
75557
- /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
75558
- /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
75559
- "Upgrade to Pro"
75560
- ] }) })
75561
- ] })
75562
- ] }) }) });
75572
+ return /* @__PURE__ */ jsx(
75573
+ ProLockScreen,
75574
+ {
75575
+ componentName: "Advanced Sidebar",
75576
+ compact: true,
75577
+ className: cn("w-full max-w-xs", props.className)
75578
+ }
75579
+ );
75563
75580
  }
75564
75581
  return /* @__PURE__ */ jsx(SidebarInternal, { ...props });
75565
75582
  }
@@ -76423,17 +76440,13 @@ function NavbarInternal({
76423
76440
  function Navbar(props) {
76424
76441
  const { hasProAccess, isLoading } = useSubscription();
76425
76442
  if (!isLoading && !hasProAccess) {
76426
- return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", props.className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-8 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
76427
- /* @__PURE__ */ jsx("div", { className: "rounded-full bg-purple-100 dark:bg-purple-900/30 p-3 w-fit mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) }),
76428
- /* @__PURE__ */ jsxs("div", { children: [
76429
- /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
76430
- /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Advanced Navbar is available exclusively to MoonUI Pro subscribers." }),
76431
- /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
76432
- /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
76433
- "Upgrade to Pro"
76434
- ] }) })
76435
- ] })
76436
- ] }) }) });
76443
+ return /* @__PURE__ */ jsx(
76444
+ ProLockScreen,
76445
+ {
76446
+ componentName: "Advanced Navbar",
76447
+ className: cn("w-full", props.className)
76448
+ }
76449
+ );
76437
76450
  }
76438
76451
  return /* @__PURE__ */ jsx(NavbarInternal, { ...props });
76439
76452
  }
@@ -85757,19 +85770,13 @@ var MoonUIAvatarGroupPro2 = t.forwardRef(({ children, max: max2 = 4, size: size4
85757
85770
  loose: "-space-x-1"
85758
85771
  };
85759
85772
  if (!isCheckingAuth && !hasProAccess) {
85760
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
85761
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
85762
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
85763
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
85764
- /* @__PURE__ */ jsx(
85765
- "a",
85766
- {
85767
- href: "https://moonui.dev/pricing",
85768
- className: "text-primary hover:underline text-sm font-medium",
85769
- children: "Get Pro Access \u2192"
85770
- }
85771
- )
85772
- ] });
85773
+ return /* @__PURE__ */ jsx(
85774
+ ProLockScreen,
85775
+ {
85776
+ componentName: "Avatar Pro",
85777
+ compact: true
85778
+ }
85779
+ );
85773
85780
  }
85774
85781
  return /* @__PURE__ */ jsxs(
85775
85782
  "div",
@@ -85819,19 +85826,13 @@ var MoonUIAsyncAvatarPro = t.forwardRef(({ userId, fetchUser, ...props }, ref) =
85819
85826
  }
85820
85827
  }, [userId, fetchUser]);
85821
85828
  if (!isCheckingAuth && !hasProAccess) {
85822
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
85823
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
85824
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
85825
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
85826
- /* @__PURE__ */ jsx(
85827
- "a",
85828
- {
85829
- href: "https://moonui.dev/pricing",
85830
- className: "text-primary hover:underline text-sm font-medium",
85831
- children: "Get Pro Access \u2192"
85832
- }
85833
- )
85834
- ] });
85829
+ return /* @__PURE__ */ jsx(
85830
+ ProLockScreen,
85831
+ {
85832
+ componentName: "Avatar Pro",
85833
+ compact: true
85834
+ }
85835
+ );
85835
85836
  }
85836
85837
  return /* @__PURE__ */ jsx(
85837
85838
  MoonUIAvatarPro2,
@@ -86179,19 +86180,13 @@ function KPIWidget({
86179
86180
  );
86180
86181
  };
86181
86182
  if (!isLoading && !hasProAccess) {
86182
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
86183
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
86184
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
86185
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
86186
- /* @__PURE__ */ jsx(
86187
- "a",
86188
- {
86189
- href: "https://moonui.dev/pricing",
86190
- className: "text-primary hover:underline text-sm font-medium",
86191
- children: "Get Pro Access \u2192"
86192
- }
86193
- )
86194
- ] });
86183
+ return /* @__PURE__ */ jsx(
86184
+ ProLockScreen,
86185
+ {
86186
+ componentName: "KPI Widget",
86187
+ compact: true
86188
+ }
86189
+ );
86195
86190
  }
86196
86191
  return /* @__PURE__ */ jsx(
86197
86192
  WidgetBase,
@@ -86591,19 +86586,13 @@ function ChartWidget2({
86591
86586
  }
86592
86587
  };
86593
86588
  if (!isLoading && !hasProAccess) {
86594
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
86595
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
86596
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
86597
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
86598
- /* @__PURE__ */ jsx(
86599
- "a",
86600
- {
86601
- href: "https://moonui.dev/pricing",
86602
- className: "text-primary hover:underline text-sm font-medium",
86603
- children: "Get Pro Access \u2192"
86604
- }
86605
- )
86606
- ] });
86589
+ return /* @__PURE__ */ jsx(
86590
+ ProLockScreen,
86591
+ {
86592
+ componentName: "Chart Widget",
86593
+ compact: true
86594
+ }
86595
+ );
86607
86596
  }
86608
86597
  return /* @__PURE__ */ jsx(
86609
86598
  WidgetBase,
@@ -86915,19 +86904,13 @@ function GaugeWidget({
86915
86904
  }
86916
86905
  };
86917
86906
  if (!isLoading && !hasProAccess) {
86918
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
86919
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
86920
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
86921
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
86922
- /* @__PURE__ */ jsx(
86923
- "a",
86924
- {
86925
- href: "https://moonui.dev/pricing",
86926
- className: "text-primary hover:underline text-sm font-medium",
86927
- children: "Get Pro Access \u2192"
86928
- }
86929
- )
86930
- ] });
86907
+ return /* @__PURE__ */ jsx(
86908
+ ProLockScreen,
86909
+ {
86910
+ componentName: "Gauge Widget",
86911
+ compact: true
86912
+ }
86913
+ );
86931
86914
  }
86932
86915
  return /* @__PURE__ */ jsx(
86933
86916
  WidgetBase,
@@ -87261,19 +87244,13 @@ function FunnelWidget({
87261
87244
  }
87262
87245
  };
87263
87246
  if (!isLoading && !hasProAccess) {
87264
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
87265
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
87266
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
87267
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
87268
- /* @__PURE__ */ jsx(
87269
- "a",
87270
- {
87271
- href: "https://moonui.dev/pricing",
87272
- className: "text-primary hover:underline text-sm font-medium",
87273
- children: "Get Pro Access \u2192"
87274
- }
87275
- )
87276
- ] });
87247
+ return /* @__PURE__ */ jsx(
87248
+ ProLockScreen,
87249
+ {
87250
+ componentName: "Funnel Widget",
87251
+ compact: true
87252
+ }
87253
+ );
87277
87254
  }
87278
87255
  return /* @__PURE__ */ jsx(
87279
87256
  WidgetBase,
@@ -87736,19 +87713,13 @@ function RevenueWidget({
87736
87713
  }
87737
87714
  };
87738
87715
  if (!isLoading && !hasProAccess) {
87739
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
87740
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
87741
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
87742
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
87743
- /* @__PURE__ */ jsx(
87744
- "a",
87745
- {
87746
- href: "https://moonui.dev/pricing",
87747
- className: "text-primary hover:underline text-sm font-medium",
87748
- children: "Get Pro Access \u2192"
87749
- }
87750
- )
87751
- ] });
87716
+ return /* @__PURE__ */ jsx(
87717
+ ProLockScreen,
87718
+ {
87719
+ componentName: "Revenue Widget",
87720
+ compact: true
87721
+ }
87722
+ );
87752
87723
  }
87753
87724
  return /* @__PURE__ */ jsx(
87754
87725
  WidgetBase,
@@ -88131,19 +88102,13 @@ function ServerMonitorWidget({
88131
88102
  }
88132
88103
  };
88133
88104
  if (!isLoading && !hasProAccess) {
88134
- return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 dark:border-gray-700 p-8 text-center", children: [
88135
- /* @__PURE__ */ jsx(Lock, { className: "mx-auto h-12 w-12 text-gray-400 dark:text-gray-600 mb-4" }),
88136
- /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pro Component" }),
88137
- /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-4", children: "Please login with CLI: moonui login" }),
88138
- /* @__PURE__ */ jsx(
88139
- "a",
88140
- {
88141
- href: "https://moonui.dev/pricing",
88142
- className: "text-primary hover:underline text-sm font-medium",
88143
- children: "Get Pro Access \u2192"
88144
- }
88145
- )
88146
- ] });
88105
+ return /* @__PURE__ */ jsx(
88106
+ ProLockScreen,
88107
+ {
88108
+ componentName: "Server Monitor Widget",
88109
+ compact: true
88110
+ }
88111
+ );
88147
88112
  }
88148
88113
  return /* @__PURE__ */ jsx(
88149
88114
  WidgetBase,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moontra/moonui-pro",
3
- "version": "2.31.1",
3
+ "version": "2.31.2",
4
4
  "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
5
5
  "type": "module",
6
6
  "main": "dist/index.mjs",